@dolusoft/vue3-datatable 1.7.80 → 1.7.82

package/dist/vue3-datatable.js

@@ -1,9 +1,9 @@
-import { isRef as Qn, watch as X, onMounted as Te, nextTick as Pe, getCurrentScope as Kn, onScopeDispose as Jn, unref as G, getCurrentInstance as It, computed as Y, ref as q, useSlots as pn, onBeforeUnmount as vn, provide as xe, openBlock as c, createBlock as re, resolveDynamicComponent as Yn, inject as Me, createElementBlock as h, normalizeStyle as K, renderSlot as ne, h as kt, defineComponent as Le, toRef as Xn, Fragment as B, withModifiers as V, createVNode as ee, createElementVNode as w, normalizeClass as I, toDisplayString as H, createCommentVNode as P, withDirectives as se, renderList as oe, vModelSelect as it, resolveComponent as Zn, createTextVNode as De, vModelText as Ie, vShow as el, withCtx as Se, onUnmounted as tl, vModelCheckbox as Gt } from "vue";
+import { isRef as Kn, watch as Z, onMounted as Pe, nextTick as Te, getCurrentScope as Qn, onScopeDispose as Jn, unref as Q, getCurrentInstance as It, computed as X, ref as q, useSlots as pn, onBeforeUnmount as vn, provide as xe, openBlock as c, createBlock as ce, resolveDynamicComponent as Yn, inject as Me, createElementBlock as h, normalizeStyle as J, renderSlot as oe, h as Ct, defineComponent as Le, toRef as Xn, Fragment as H, withModifiers as G, createVNode as te, createElementVNode as w, normalizeClass as I, toDisplayString as V, createCommentVNode as T, withDirectives as ue, renderList as ae, vModelSelect as it, resolveComponent as Zn, createTextVNode as De, vModelText as Ie, vShow as el, withCtx as Se, onUnmounted as tl, vModelCheckbox as Gt } from "vue";
 function mn(t) {
-  return Kn() ? (Jn(t), !0) : !1;
+  return Qn() ? (Jn(t), !0) : !1;
 }
 function Be(t) {
-  return typeof t == "function" ? t() : G(t);
+  return typeof t == "function" ? t() : Q(t);
 }
 const bn = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
@@ -13,7 +13,7 @@ function il() {
   var t, o;
   return bn && ((t = window == null ? void 0 : window.navigator) == null ? void 0 : t.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((o = window == null ? void 0 : window.navigator) == null ? void 0 : o.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
 }
-function Pt(t, o) {
+function Tt(t, o) {
   function n(...l) {
     return new Promise((e, i) => {
       Promise.resolve(t(() => o.apply(this, l), { fn: o, thisArg: this, args: l })).then(e).catch(i);
@@ -29,26 +29,26 @@ function gn(t, o = {}) {
   };
   return (a) => {
     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((m, x) => {
-      e = o.rejectOnCancel ? x : m, g && !l && (l = setTimeout(() => {
-        n && i(n), l = null, m(a());
+    return n && i(n), f <= 0 || g !== void 0 && g <= 0 ? (l && (i(l), l = null), Promise.resolve(a())) : new Promise((v, x) => {
+      e = o.rejectOnCancel ? x : v, g && !l && (l = setTimeout(() => {
+        n && i(n), l = null, v(a());
       }, g)), n = setTimeout(() => {
-        l && i(l), l = null, m(a());
+        l && i(l), l = null, v(a());
       }, f);
     });
   };
 }
 function rl(...t) {
   let o = 0, n, l = !0, e = we, i, r, a, f, g;
-  !Qn(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 m = () => {
+  !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 v = () => {
     n && (clearTimeout(n), n = void 0, e(), e = we);
   };
   return (_) => {
-    const z = Be(r), E = Date.now() - o, k = () => i = _();
-    return m(), z <= 0 ? (o = Date.now(), k()) : (E > z && (f || !l) ? (o = Date.now(), k()) : a && (i = new Promise((u, A) => {
-      e = g ? A : u, n = setTimeout(() => {
-        o = Date.now(), l = !0, u(k()), m();
+    const z = Be(r), E = Date.now() - o, C = () => i = _();
+    return v(), z <= 0 ? (o = Date.now(), C()) : (E > z && (f || !l) ? (o = Date.now(), C()) : a && (i = new Promise((u, D) => {
+      e = g ? D : u, n = setTimeout(() => {
+        o = Date.now(), l = !0, u(C()), v();
       }, Math.max(0, z - E));
     })), !f && !n && (n = setTimeout(() => l = !0, z)), l = !1, i);
   };
@@ -56,14 +56,14 @@ function rl(...t) {
 function al(t) {
   return It();
 }
-function Qt(t, o = 200, n = {}) {
-  return Pt(
+function Kt(t, o = 200, n = {}) {
+  return Tt(
     gn(o, n),
     t
   );
 }
 function ul(t, o = 200, n = !1, l = !0, e = !1) {
-  return Pt(
+  return Tt(
     rl(o, n, l, e),
     t
   );
@@ -73,9 +73,9 @@ function cl(t, o, n = {}) {
     eventFilter: l = sl,
     ...e
   } = n;
-  return X(
+  return Z(
     t,
-    Pt(
+    Tt(
       l,
       o
     ),
@@ -83,7 +83,7 @@ function cl(t, o, n = {}) {
   );
 }
 function dl(t, o = !0, n) {
-  al() ? Te(t, n) : o ? t() : Pe(t);
+  al() ? Pe(t, n) : o ? t() : Te(t);
 }
 function fl(t, o, n = {}) {
   const {
@@ -100,7 +100,7 @@ function fl(t, o, n = {}) {
     }
   );
 }
-function pe(t) {
+function ve(t) {
   var o;
   const n = Be(t);
   return (o = n == null ? void 0 : n.$el) != null ? o : n;
@@ -112,15 +112,15 @@ function bt(...t) {
     return we;
   Array.isArray(n) || (n = [n]), Array.isArray(l) || (l = [l]);
   const i = [], r = () => {
-    i.forEach((m) => m()), i.length = 0;
-  }, a = (m, x, _, z) => (m.addEventListener(x, _, z), () => m.removeEventListener(x, _, z)), f = X(
-    () => [pe(o), Be(e)],
-    ([m, x]) => {
-      if (r(), !m)
+    i.forEach((v) => v()), i.length = 0;
+  }, a = (v, x, _, z) => (v.addEventListener(x, _, z), () => v.removeEventListener(x, _, z)), f = Z(
+    () => [ve(o), Be(e)],
+    ([v, x]) => {
+      if (r(), !v)
         return;
       const _ = ll(x) ? { ...x } : x;
       i.push(
-        ...n.flatMap((z) => l.map((E) => a(m, z, E, _)))
+        ...n.flatMap((z) => l.map((E) => a(v, z, E, _)))
       );
     },
     { immediate: !0, flush: "post" }
@@ -129,23 +129,23 @@ function bt(...t) {
   };
   return mn(g), g;
 }
-let Kt = !1;
+let Qt = !1;
 function hl(t, o, n = {}) {
   const { window: l = at, ignore: e = [], capture: i = !0, detectIframe: r = !1 } = n;
   if (!l)
     return we;
-  ol && !Kt && (Kt = !0, Array.from(l.document.body.children).forEach((_) => _.addEventListener("click", we)), l.document.documentElement.addEventListener("click", we));
+  ol && !Qt && (Qt = !0, Array.from(l.document.body.children).forEach((_) => _.addEventListener("click", we)), l.document.documentElement.addEventListener("click", we));
   let a = !0;
   const f = (_) => e.some((z) => {
     if (typeof z == "string")
       return Array.from(l.document.querySelectorAll(z)).some((E) => E === _.target || _.composedPath().includes(E));
     {
-      const E = pe(z);
+      const E = ve(z);
       return E && (_.target === E || _.composedPath().includes(E));
     }
-  }), m = [
+  }), v = [
     bt(l, "click", (_) => {
-      const z = pe(t);
+      const z = ve(t);
       if (!(!z || z === _.target || _.composedPath().includes(z))) {
         if (_.detail === 0 && (a = !f(_)), !a) {
           a = !0;
@@ -155,35 +155,35 @@ function hl(t, o, n = {}) {
       }
     }, { passive: !0, capture: i }),
     bt(l, "pointerdown", (_) => {
-      const z = pe(t);
+      const z = ve(t);
       a = !f(_) && !!(z && !_.composedPath().includes(z));
     }, { passive: !0 }),
     r && bt(l, "blur", (_) => {
       setTimeout(() => {
         var z;
-        const E = pe(t);
+        const E = ve(t);
         ((z = l.document.activeElement) == null ? void 0 : z.tagName) === "IFRAME" && !(E != null && E.contains(l.document.activeElement)) && o(_);
       }, 0);
     })
   ].filter(Boolean);
-  return () => m.forEach((_) => _());
+  return () => v.forEach((_) => _());
 }
 function pl() {
   const t = q(!1), o = It();
-  return o && Te(() => {
+  return o && Pe(() => {
     t.value = !0;
   }, o), t;
 }
 function vl(t) {
   const o = pl();
-  return Y(() => (o.value, !!t()));
+  return X(() => (o.value, !!t()));
 }
 function ml(t, o, n = {}) {
   const { window: l = at, ...e } = n;
   let i;
   const r = vl(() => l && "ResizeObserver" in l), a = () => {
     i && (i.disconnect(), i = void 0);
-  }, f = Y(() => Array.isArray(t) ? t.map((x) => pe(x)) : [pe(t)]), g = X(
+  }, f = X(() => Array.isArray(t) ? t.map((x) => ve(x)) : [ve(t)]), g = Z(
     f,
     (x) => {
       if (a(), r.value && l) {
@@ -193,53 +193,53 @@ function ml(t, o, n = {}) {
       }
     },
     { immediate: !0, flush: "post" }
-  ), m = () => {
+  ), v = () => {
     a(), g();
   };
-  return mn(m), {
+  return mn(v), {
     isSupported: r,
-    stop: m
+    stop: v
   };
 }
 function bl(t, o = { width: 0, height: 0 }, n = {}) {
-  const { window: l = at, box: e = "content-box" } = n, i = Y(() => {
+  const { window: l = at, box: e = "content-box" } = n, i = X(() => {
     var x, _;
-    return (_ = (x = pe(t)) == null ? void 0 : x.namespaceURI) == null ? void 0 : _.includes("svg");
+    return (_ = (x = ve(t)) == null ? void 0 : x.namespaceURI) == null ? void 0 : _.includes("svg");
   }), r = q(o.width), a = q(o.height), { stop: f } = ml(
     t,
     ([x]) => {
       const _ = e === "border-box" ? x.borderBoxSize : e === "content-box" ? x.contentBoxSize : x.devicePixelContentBoxSize;
       if (l && i.value) {
-        const z = pe(t);
+        const z = ve(t);
         if (z) {
           const E = z.getBoundingClientRect();
           r.value = E.width, a.value = E.height;
         }
       } else if (_) {
         const z = Array.isArray(_) ? _ : [_];
-        r.value = z.reduce((E, { inlineSize: k }) => E + k, 0), a.value = z.reduce((E, { blockSize: k }) => E + k, 0);
+        r.value = z.reduce((E, { inlineSize: C }) => E + C, 0), a.value = z.reduce((E, { blockSize: C }) => E + C, 0);
       } else
         r.value = x.contentRect.width, a.value = x.contentRect.height;
     },
     n
   );
   dl(() => {
-    const x = pe(t);
+    const x = ve(t);
     x && (r.value = "offsetWidth" in x ? x.offsetWidth : o.width, a.value = "offsetHeight" in x ? x.offsetHeight : o.height);
   });
-  const g = X(
-    () => pe(t),
+  const g = Z(
+    () => ve(t),
     (x) => {
       r.value = x ? o.width : 0, a.value = x ? o.height : 0;
     }
   );
-  function m() {
+  function v() {
     f(), g();
   }
   return {
     width: r,
     height: a,
-    stop: m
+    stop: v
   };
 }
 const Jt = {
@@ -265,7 +265,7 @@ const Jt = {
     "splitter-dblclick"
   ],
   setup(t, { emit: o }) {
-    const n = o, l = t, e = pn(), i = q([]), r = Y(() => i.value.reduce((d, C) => (d[~~C.id] = C) && d, {})), a = Y(() => i.value.length), f = q(null), g = q(!1), m = q({
+    const n = o, l = t, e = pn(), i = q([]), r = X(() => i.value.reduce((d, k) => (d[~~k.id] = k) && d, {})), a = X(() => i.value.length), f = q(null), g = q(!1), v = q({
       mouseDown: !1,
       dragging: !1,
       activeSplitter: null,
@@ -275,168 +275,168 @@ const Jt = {
       // Used to detect double click on touch devices.
       splitter: null,
       timeoutId: null
-    }), _ = Y(() => ({
+    }), _ = X(() => ({
       [`splitpanes splitpanes--${l.horizontal ? "horizontal" : "vertical"}`]: !0,
-      "splitpanes--dragging": m.value.dragging
+      "splitpanes--dragging": v.value.dragging
     })), z = () => {
-      document.addEventListener("mousemove", u, { passive: !1 }), document.addEventListener("mouseup", A), "ontouchstart" in window && (document.addEventListener("touchmove", u, { passive: !1 }), document.addEventListener("touchend", A));
+      document.addEventListener("mousemove", u, { passive: !1 }), document.addEventListener("mouseup", D), "ontouchstart" in window && (document.addEventListener("touchmove", u, { passive: !1 }), document.addEventListener("touchend", D));
     }, E = () => {
-      document.removeEventListener("mousemove", u, { passive: !1 }), document.removeEventListener("mouseup", A), "ontouchstart" in window && (document.removeEventListener("touchmove", u, { passive: !1 }), document.removeEventListener("touchend", A));
-    }, k = (d, C) => {
+      document.removeEventListener("mousemove", u, { passive: !1 }), document.removeEventListener("mouseup", D), "ontouchstart" in window && (document.removeEventListener("touchmove", u, { passive: !1 }), document.removeEventListener("touchend", D));
+    }, C = (d, k) => {
       const L = d.target.closest(".splitpanes__splitter");
       if (L) {
-        const { left: S, top: F } = L.getBoundingClientRect(), { clientX: $, clientY: W } = "ontouchstart" in window && d.touches ? d.touches[0] : d;
-        m.value.cursorOffset = l.horizontal ? W - F : $ - S;
+        const { left: S, top: F } = L.getBoundingClientRect(), { clientX: O, clientY: B } = "ontouchstart" in window && d.touches ? d.touches[0] : d;
+        v.value.cursorOffset = l.horizontal ? B - F : O - S;
       }
-      z(), m.value.mouseDown = !0, m.value.activeSplitter = C;
+      z(), v.value.mouseDown = !0, v.value.activeSplitter = k;
     }, u = (d) => {
-      m.value.mouseDown && (d.preventDefault(), m.value.dragging = !0, requestAnimationFrame(() => {
-        j(ce(d)), U("resize", { event: d }, !0);
+      v.value.mouseDown && (d.preventDefault(), v.value.dragging = !0, requestAnimationFrame(() => {
+        W(U(d)), K("resize", { event: d }, !0);
       }));
-    }, A = (d) => {
-      m.value.dragging && U("resized", { event: d }, !0), m.value.mouseDown = !1, m.value.activeSplitter = null, setTimeout(() => {
-        m.value.dragging = !1, E();
+    }, D = (d) => {
+      v.value.dragging && K("resized", { event: d }, !0), v.value.mouseDown = !1, v.value.activeSplitter = null, setTimeout(() => {
+        v.value.dragging = !1, E();
       }, 100);
-    }, v = (d, C) => {
-      "ontouchstart" in window && (d.preventDefault(), x.value.splitter === C ? (clearTimeout(x.value.timeoutId), x.value.timeoutId = null, Q(d, C), x.value.splitter = null) : (x.value.splitter = C, x.value.timeoutId = setTimeout(() => x.value.splitter = null, 500))), m.value.dragging || U("splitter-click", { event: d, index: C }, !0);
-    }, Q = (d, C) => {
-      if (U("splitter-dblclick", { event: d, index: C }, !0), l.maximizePanes) {
+    }, b = (d, k) => {
+      "ontouchstart" in window && (d.preventDefault(), x.value.splitter === k ? (clearTimeout(x.value.timeoutId), x.value.timeoutId = null, j(d, k), x.value.splitter = null) : (x.value.splitter = k, x.value.timeoutId = setTimeout(() => x.value.splitter = null, 500))), v.value.dragging || K("splitter-click", { event: d, index: k }, !0);
+    }, j = (d, k) => {
+      if (K("splitter-dblclick", { event: d, index: k }, !0), l.maximizePanes) {
         let L = 0;
-        i.value = i.value.map((S, F) => (S.size = F === C ? S.max : S.min, F !== C && (L += S.min), S)), i.value[C].size -= L, U("pane-maximize", { event: d, index: C, pane: i.value[C] }), U("resized", { event: d, index: C }, !0);
+        i.value = i.value.map((S, F) => (S.size = F === k ? S.max : S.min, F !== k && (L += S.min), S)), i.value[k].size -= L, K("pane-maximize", { event: d, index: k, pane: i.value[k] }), K("resized", { event: d, index: k }, !0);
       }
-    }, T = (d, C) => {
-      U("pane-click", {
+    }, P = (d, k) => {
+      K("pane-click", {
         event: d,
-        index: r.value[C].index,
-        pane: r.value[C]
+        index: r.value[k].index,
+        pane: r.value[k]
       });
-    }, ce = (d) => {
-      const C = f.value.getBoundingClientRect(), { clientX: L, clientY: S } = "ontouchstart" in window && d.touches ? d.touches[0] : d;
+    }, U = (d) => {
+      const k = f.value.getBoundingClientRect(), { clientX: L, clientY: S } = "ontouchstart" in window && d.touches ? d.touches[0] : d;
       return {
-        x: L - (l.horizontal ? 0 : m.value.cursorOffset) - C.left,
-        y: S - (l.horizontal ? m.value.cursorOffset : 0) - C.top
+        x: L - (l.horizontal ? 0 : v.value.cursorOffset) - k.left,
+        y: S - (l.horizontal ? v.value.cursorOffset : 0) - k.top
       };
-    }, D = (d) => {
+    }, R = (d) => {
       d = d[l.horizontal ? "y" : "x"];
-      const C = f.value[l.horizontal ? "clientHeight" : "clientWidth"];
-      return l.rtl && !l.horizontal && (d = C - d), d * 100 / C;
-    }, j = (d) => {
-      const C = m.value.activeSplitter;
+      const k = f.value[l.horizontal ? "clientHeight" : "clientWidth"];
+      return l.rtl && !l.horizontal && (d = k - d), d * 100 / k;
+    }, W = (d) => {
+      const k = v.value.activeSplitter;
       let L = {
-        prevPanesSize: ie(C),
-        nextPanesSize: R(C),
+        prevPanesSize: ie(k),
+        nextPanesSize: $(k),
         prevReachedMinPanes: 0,
         nextReachedMinPanes: 0
       };
-      const S = 0 + (l.pushOtherPanes ? 0 : L.prevPanesSize), F = 100 - (l.pushOtherPanes ? 0 : L.nextPanesSize), $ = Math.max(Math.min(D(d), F), S);
-      let W = [C, C + 1], te = i.value[W[0]] || null, ue = i.value[W[1]] || null;
-      const ht = te.max < 100 && $ >= te.max + L.prevPanesSize, pt = ue.max < 100 && $ <= 100 - (ue.max + R(C + 1));
+      const S = 0 + (l.pushOtherPanes ? 0 : L.prevPanesSize), F = 100 - (l.pushOtherPanes ? 0 : L.nextPanesSize), O = Math.max(Math.min(R(d), F), S);
+      let B = [k, k + 1], le = i.value[B[0]] || null, fe = i.value[B[1]] || null;
+      const ht = le.max < 100 && O >= le.max + L.prevPanesSize, pt = fe.max < 100 && O <= 100 - (fe.max + $(k + 1));
       if (ht || pt) {
-        ht ? (te.size = te.max, ue.size = Math.max(100 - te.max - L.prevPanesSize - L.nextPanesSize, 0)) : (te.size = Math.max(100 - ue.max - L.prevPanesSize - R(C + 1), 0), ue.size = ue.max);
+        ht ? (le.size = le.max, fe.size = Math.max(100 - le.max - L.prevPanesSize - L.nextPanesSize, 0)) : (le.size = Math.max(100 - fe.max - L.prevPanesSize - $(k + 1), 0), fe.size = fe.max);
         return;
       }
       if (l.pushOtherPanes) {
-        const vt = de(L, $);
+        const vt = re(L, O);
         if (!vt) return;
-        ({ sums: L, panesToResize: W } = vt), te = i.value[W[0]] || null, ue = i.value[W[1]] || null;
+        ({ sums: L, panesToResize: B } = vt), le = i.value[B[0]] || null, fe = i.value[B[1]] || null;
       }
-      te !== null && (te.size = Math.min(Math.max($ - L.prevPanesSize - L.prevReachedMinPanes, te.min), te.max)), ue !== null && (ue.size = Math.min(Math.max(100 - $ - L.nextPanesSize - L.nextReachedMinPanes, ue.min), ue.max));
-    }, de = (d, C) => {
-      const L = m.value.activeSplitter, S = [L, L + 1];
-      return C < d.prevPanesSize + i.value[S[0]].min && (S[0] = le(L).index, d.prevReachedMinPanes = 0, S[0] < L && i.value.forEach((F, $) => {
-        $ > S[0] && $ <= L && (F.size = F.min, d.prevReachedMinPanes += F.min);
-      }), d.prevPanesSize = ie(S[0]), S[0] === void 0) ? (d.prevReachedMinPanes = 0, i.value[0].size = i.value[0].min, i.value.forEach((F, $) => {
-        $ > 0 && $ <= L && (F.size = F.min, d.prevReachedMinPanes += F.min);
-      }), i.value[S[1]].size = 100 - d.prevReachedMinPanes - i.value[0].min - d.prevPanesSize - d.nextPanesSize, null) : C > 100 - d.nextPanesSize - i.value[S[1]].min && (S[1] = me(L).index, d.nextReachedMinPanes = 0, S[1] > L + 1 && i.value.forEach((F, $) => {
-        $ > L && $ < S[1] && (F.size = F.min, d.nextReachedMinPanes += F.min);
-      }), d.nextPanesSize = R(S[1] - 1), S[1] === void 0) ? (d.nextReachedMinPanes = 0, i.value.forEach((F, $) => {
-        $ < a.value - 1 && $ >= L + 1 && (F.size = F.min, d.nextReachedMinPanes += F.min);
-      }), i.value[S[0]].size = 100 - d.prevPanesSize - R(S[0] - 1), null) : { sums: d, panesToResize: S };
-    }, ie = (d) => i.value.reduce((C, L, S) => C + (S < d ? L.size : 0), 0), R = (d) => i.value.reduce((C, L, S) => C + (S > d + 1 ? L.size : 0), 0), le = (d) => [...i.value].reverse().find((C) => C.index < d && C.size > C.min) || {}, me = (d) => i.value.find((C) => C.index > d + 1 && C.size > C.min) || {}, _e = () => {
+      le !== null && (le.size = Math.min(Math.max(O - L.prevPanesSize - L.prevReachedMinPanes, le.min), le.max)), fe !== null && (fe.size = Math.min(Math.max(100 - O - L.nextPanesSize - L.nextReachedMinPanes, fe.min), fe.max));
+    }, re = (d, k) => {
+      const L = v.value.activeSplitter, S = [L, L + 1];
+      return k < d.prevPanesSize + i.value[S[0]].min && (S[0] = ne(L).index, d.prevReachedMinPanes = 0, S[0] < L && i.value.forEach((F, O) => {
+        O > S[0] && O <= L && (F.size = F.min, d.prevReachedMinPanes += F.min);
+      }), d.prevPanesSize = ie(S[0]), S[0] === void 0) ? (d.prevReachedMinPanes = 0, i.value[0].size = i.value[0].min, i.value.forEach((F, O) => {
+        O > 0 && O <= L && (F.size = F.min, d.prevReachedMinPanes += F.min);
+      }), i.value[S[1]].size = 100 - d.prevReachedMinPanes - i.value[0].min - d.prevPanesSize - d.nextPanesSize, null) : k > 100 - d.nextPanesSize - i.value[S[1]].min && (S[1] = se(L).index, d.nextReachedMinPanes = 0, S[1] > L + 1 && i.value.forEach((F, O) => {
+        O > L && O < S[1] && (F.size = F.min, d.nextReachedMinPanes += F.min);
+      }), d.nextPanesSize = $(S[1] - 1), S[1] === void 0) ? (d.nextReachedMinPanes = 0, i.value.forEach((F, O) => {
+        O < a.value - 1 && O >= L + 1 && (F.size = F.min, d.nextReachedMinPanes += F.min);
+      }), i.value[S[0]].size = 100 - d.prevPanesSize - $(S[0] - 1), null) : { sums: d, panesToResize: S };
+    }, ie = (d) => i.value.reduce((k, L, S) => k + (S < d ? L.size : 0), 0), $ = (d) => i.value.reduce((k, L, S) => k + (S > d + 1 ? L.size : 0), 0), ne = (d) => [...i.value].reverse().find((k) => k.index < d && k.size > k.min) || {}, se = (d) => i.value.find((k) => k.index > d + 1 && k.size > k.min) || {}, _e = () => {
       var d;
-      const C = Array.from(((d = f.value) == null ? void 0 : d.children) || []);
-      for (const L of C) {
+      const k = Array.from(((d = f.value) == null ? void 0 : d.children) || []);
+      for (const L of k) {
         const S = L.classList.contains("splitpanes__pane"), F = L.classList.contains("splitpanes__splitter");
         !S && !F && (L.remove(), console.warn("Splitpanes: Only <pane> elements are allowed at the root of <splitpanes>. One of your DOM nodes was removed."));
       }
-    }, Ne = (d, C, L = !1) => {
+    }, Ne = (d, k, L = !1) => {
       const S = d - 1, F = document.createElement("div");
-      F.classList.add("splitpanes__splitter"), L || (F.onmousedown = ($) => k($, S), typeof window < "u" && "ontouchstart" in window && (F.ontouchstart = ($) => k($, S)), F.onclick = ($) => v($, S + 1)), F.ondblclick = ($) => Q($, S + 1), C.parentNode.insertBefore(F, C);
+      F.classList.add("splitpanes__splitter"), L || (F.onmousedown = (O) => C(O, S), typeof window < "u" && "ontouchstart" in window && (F.ontouchstart = (O) => C(O, S)), F.onclick = (O) => b(O, S + 1)), F.ondblclick = (O) => j(O, S + 1), k.parentNode.insertBefore(F, k);
     }, ze = (d) => {
       d.onmousedown = void 0, d.onclick = void 0, d.ondblclick = void 0, d.remove();
     }, be = () => {
       var d;
-      const C = Array.from(((d = f.value) == null ? void 0 : d.children) || []);
-      for (const S of C)
+      const k = Array.from(((d = f.value) == null ? void 0 : d.children) || []);
+      for (const S of k)
         S.className.includes("splitpanes__splitter") && ze(S);
       let L = 0;
-      for (const S of C)
+      for (const S of k)
         S.className.includes("splitpanes__pane") && (!L && l.firstSplitter ? Ne(L, S, !0) : L && Ne(L, S), L++);
-    }, $e = ({ uid: d, ...C }) => {
+    }, $e = ({ uid: d, ...k }) => {
       const L = r.value[d];
-      for (const [S, F] of Object.entries(C)) L[S] = F;
+      for (const [S, F] of Object.entries(k)) L[S] = F;
     }, ft = (d) => {
-      var C;
+      var k;
       let L = -1;
-      Array.from(((C = f.value) == null ? void 0 : C.children) || []).some((S) => (S.className.includes("splitpanes__pane") && L++, S.isSameNode(d.el))), i.value.splice(L, 0, { ...d, index: L }), i.value.forEach((S, F) => S.index = F), g.value && Pe(() => {
-        be(), ae({ addedPane: i.value[L] }), U("pane-add", { pane: i.value[L] });
+      Array.from(((k = f.value) == null ? void 0 : k.children) || []).some((S) => (S.className.includes("splitpanes__pane") && L++, S.isSameNode(d.el))), i.value.splice(L, 0, { ...d, index: L }), i.value.forEach((S, F) => S.index = F), g.value && Te(() => {
+        be(), de({ addedPane: i.value[L] }), K("pane-add", { pane: i.value[L] });
       });
-    }, Ue = (d) => {
-      const C = i.value.findIndex((S) => S.id === d);
-      i.value[C].el = null;
-      const L = i.value.splice(C, 1)[0];
-      i.value.forEach((S, F) => S.index = F), Pe(() => {
-        be(), U("pane-remove", { pane: L }), ae({ removedPane: { ...L } });
+    }, je = (d) => {
+      const k = i.value.findIndex((S) => S.id === d);
+      i.value[k].el = null;
+      const L = i.value.splice(k, 1)[0];
+      i.value.forEach((S, F) => S.index = F), Te(() => {
+        be(), K("pane-remove", { pane: L }), de({ removedPane: { ...L } });
       });
-    }, ae = (d = {}) => {
-      !d.addedPane && !d.removedPane ? ke() : i.value.some((C) => C.givenSize !== null || C.min || C.max < 100) ? Ge(d) : ve(), g.value && U("resized");
-    }, ve = () => {
+    }, de = (d = {}) => {
+      !d.addedPane && !d.removedPane ? Ce() : i.value.some((k) => k.givenSize !== null || k.min || k.max < 100) ? Ge(d) : me(), g.value && K("resized");
+    }, me = () => {
       const d = 100 / a.value;
-      let C = 0;
+      let k = 0;
       const L = [], S = [];
       for (const F of i.value)
-        F.size = Math.max(Math.min(d, F.max), F.min), C -= F.size, F.size >= F.max && L.push(F.id), F.size <= F.min && S.push(F.id);
-      C > 0.1 && Oe(C, L, S);
-    }, ke = () => {
+        F.size = Math.max(Math.min(d, F.max), F.min), k -= F.size, F.size >= F.max && L.push(F.id), F.size <= F.min && S.push(F.id);
+      k > 0.1 && Oe(k, L, S);
+    }, Ce = () => {
       let d = 100;
-      const C = [], L = [];
+      const k = [], L = [];
       let S = 0;
-      for (const $ of i.value)
-        d -= $.size, $.givenSize !== null && S++, $.size >= $.max && C.push($.id), $.size <= $.min && L.push($.id);
+      for (const O of i.value)
+        d -= O.size, O.givenSize !== null && S++, O.size >= O.max && k.push(O.id), O.size <= O.min && L.push(O.id);
       let F = 100;
       if (d > 0.1) {
-        for (const $ of i.value)
-          $.givenSize === null && ($.size = Math.max(Math.min(d / (a.value - S), $.max), $.min)), F -= $.size;
-        F > 0.1 && Oe(F, C, L);
+        for (const O of i.value)
+          O.givenSize === null && (O.size = Math.max(Math.min(d / (a.value - S), O.max), O.min)), F -= O.size;
+        F > 0.1 && Oe(F, k, L);
       }
-    }, Ge = ({ addedPane: d, removedPane: C } = {}) => {
+    }, Ge = ({ addedPane: d, removedPane: k } = {}) => {
       let L = 100 / a.value, S = 0;
-      const F = [], $ = [];
+      const F = [], O = [];
       ((d == null ? void 0 : d.givenSize) ?? null) !== null && (L = (100 - d.givenSize) / (a.value - 1));
-      for (const W of i.value)
-        S -= W.size, W.size >= W.max && F.push(W.id), W.size <= W.min && $.push(W.id);
+      for (const B of i.value)
+        S -= B.size, B.size >= B.max && F.push(B.id), B.size <= B.min && O.push(B.id);
       if (!(Math.abs(S) < 0.1)) {
-        for (const W of i.value)
-          (d == null ? void 0 : d.givenSize) !== null && (d == null ? void 0 : d.id) === W.id || (W.size = Math.max(Math.min(L, W.max), W.min)), S -= W.size, W.size >= W.max && F.push(W.id), W.size <= W.min && $.push(W.id);
-        S > 0.1 && Oe(S, F, $);
+        for (const B of i.value)
+          (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)), S -= B.size, B.size >= B.max && F.push(B.id), B.size <= B.min && O.push(B.id);
+        S > 0.1 && Oe(S, F, O);
       }
-    }, Oe = (d, C, L) => {
+    }, Oe = (d, k, L) => {
       let S;
-      d > 0 ? S = d / (a.value - C.length) : S = d / (a.value - L.length), i.value.forEach((F, $) => {
-        if (d > 0 && !C.includes(F.id)) {
-          const W = Math.max(Math.min(F.size + S, F.max), F.min), te = W - F.size;
-          d -= te, F.size = W;
+      d > 0 ? S = d / (a.value - k.length) : S = d / (a.value - L.length), i.value.forEach((F, O) => {
+        if (d > 0 && !k.includes(F.id)) {
+          const B = Math.max(Math.min(F.size + S, F.max), F.min), le = B - F.size;
+          d -= le, F.size = B;
         } else if (!L.includes(F.id)) {
-          const W = Math.max(Math.min(F.size + S, F.max), F.min), te = W - F.size;
-          d -= te, F.size = W;
+          const B = Math.max(Math.min(F.size + S, F.max), F.min), le = B - F.size;
+          d -= le, F.size = B;
         }
-      }), Math.abs(d) > 0.1 && Pe(() => {
+      }), Math.abs(d) > 0.1 && Te(() => {
         g.value && console.warn("Splitpanes: Could not resize panes correctly due to their constraints.");
       });
-    }, U = (d, C = void 0, L = !1) => {
-      const S = (C == null ? void 0 : C.index) ?? m.value.activeSplitter ?? null;
+    }, K = (d, k = void 0, L = !1) => {
+      const S = (k == null ? void 0 : k.index) ?? v.value.activeSplitter ?? null;
       n(d, {
-        ...C,
+        ...k,
         ...S !== null && { index: S },
         ...L && S !== null && {
           prevPane: i.value[S - (l.firstSplitter ? 1 : 0)],
@@ -445,18 +445,18 @@ const Jt = {
         panes: i.value.map((F) => ({ min: F.min, max: F.max, size: F.size }))
       });
     };
-    X(() => l.firstSplitter, () => be()), Te(() => {
-      _e(), be(), ae(), U("ready"), g.value = !0;
+    Z(() => l.firstSplitter, () => be()), Pe(() => {
+      _e(), be(), de(), K("ready"), g.value = !0;
     }), vn(() => g.value = !1);
-    const Qe = () => {
+    const Ke = () => {
       var d;
-      return kt(
+      return Ct(
         "div",
         { ref: f, class: _.value },
         (d = e.default) == null ? void 0 : d.call(e)
       );
     };
-    return xe("panes", i), xe("indexedPanes", r), xe("horizontal", Y(() => l.horizontal)), xe("requestUpdate", $e), xe("onPaneAdd", ft), xe("onPaneRemove", Ue), xe("onPaneClick", T), (d, C) => (c(), re(Yn(Qe)));
+    return xe("panes", i), xe("indexedPanes", r), xe("horizontal", X(() => l.horizontal)), xe("requestUpdate", $e), xe("onPaneAdd", ft), xe("onPaneRemove", je), xe("onPaneClick", P), (d, k) => (c(), ce(Yn(Ke)));
   }
 }, gt = {
   __name: "pane",
@@ -467,20 +467,20 @@ const Jt = {
   },
   setup(t) {
     var o;
-    const n = t, l = Me("requestUpdate"), e = Me("onPaneAdd"), i = Me("horizontal"), r = Me("onPaneRemove"), a = Me("onPaneClick"), f = (o = It()) == null ? void 0 : o.uid, g = Me("indexedPanes"), m = Y(() => g.value[f]), x = q(null), _ = Y(() => {
+    const n = t, l = Me("requestUpdate"), e = Me("onPaneAdd"), i = Me("horizontal"), r = Me("onPaneRemove"), a = Me("onPaneClick"), f = (o = It()) == null ? void 0 : o.uid, g = Me("indexedPanes"), v = X(() => g.value[f]), x = q(null), _ = X(() => {
       const u = isNaN(n.size) || n.size === void 0 ? 0 : parseFloat(n.size);
       return Math.max(Math.min(u, E.value), z.value);
-    }), z = Y(() => {
+    }), z = X(() => {
       const u = parseFloat(n.minSize);
       return isNaN(u) ? 0 : u;
-    }), E = Y(() => {
+    }), E = X(() => {
       const u = parseFloat(n.maxSize);
       return isNaN(u) ? 100 : u;
-    }), k = Y(() => {
+    }), C = X(() => {
       var u;
-      return `${i.value ? "height" : "width"}: ${(u = m.value) == null ? void 0 : u.size}%`;
+      return `${i.value ? "height" : "width"}: ${(u = v.value) == null ? void 0 : u.size}%`;
     });
-    return X(() => _.value, (u) => l({ uid: f, size: u })), X(() => z.value, (u) => l({ uid: f, min: u })), X(() => E.value, (u) => l({ uid: f, max: u })), Te(() => {
+    return Z(() => _.value, (u) => l({ uid: f, size: u })), Z(() => z.value, (u) => l({ uid: f, min: u })), Z(() => E.value, (u) => l({ uid: f, max: u })), Pe(() => {
       e({
         id: f,
         el: x.value,
@@ -491,14 +491,14 @@ const Jt = {
         size: _.value
         // The computed current size at any time.
       });
-    }), vn(() => r(f)), (u, A) => (c(), h("div", {
+    }), vn(() => r(f)), (u, D) => (c(), h("div", {
       ref_key: "paneEl",
       ref: x,
       class: "splitpanes__pane",
-      onClick: A[0] || (A[0] = (v) => G(a)(v, u._.uid)),
-      style: K(k.value)
+      onClick: D[0] || (D[0] = (b) => Q(a)(b, u._.uid)),
+      style: J(C.value)
     }, [
-      ne(u.$slots, "default")
+      oe(u.$slots, "default")
     ], 4));
   }
 }, We = /^[a-z0-9]+(-[a-z0-9]+)*$/, ut = (t, o, n, l = "") => {
@@ -551,7 +551,7 @@ const Jt = {
 }), ct = Object.freeze({
   ...yn,
   ...st
-}), Ct = Object.freeze({
+}), kt = Object.freeze({
   ...ct,
   body: "",
   hidden: !1
@@ -564,7 +564,7 @@ function gl(t, o) {
 }
 function Yt(t, o) {
   const n = gl(t, o);
-  for (const l in Ct)
+  for (const l in kt)
     l in st ? l in t && !(l in n) && (n[l] = st[l]) : l in o ? n[l] = o[l] : l in t && (n[l] = t[l]);
   return n;
 }
@@ -607,7 +607,7 @@ function wn(t, o) {
   }
   return n;
 }
-const kl = {
+const Cl = {
   provider: "",
   aliases: {},
   not_found: {},
@@ -619,18 +619,18 @@ function yt(t, o) {
       return !1;
   return !0;
 }
-function kn(t) {
+function Cn(t) {
   if (typeof t != "object" || t === null)
     return null;
   const o = t;
-  if (typeof o.prefix != "string" || !t.icons || typeof t.icons != "object" || !yt(t, kl))
+  if (typeof o.prefix != "string" || !t.icons || typeof t.icons != "object" || !yt(t, Cl))
     return null;
   const n = o.icons;
   for (const e in n) {
     const i = n[e];
     if (!e.match(We) || typeof i.body != "string" || !yt(
       i,
-      Ct
+      kt
     ))
       return null;
   }
@@ -639,14 +639,14 @@ function kn(t) {
     const i = l[e], r = i.parent;
     if (!e.match(We) || typeof r != "string" || !n[r] && !l[r] || !yt(
       i,
-      Ct
+      kt
     ))
       return null;
   }
   return o;
 }
 const Xt = /* @__PURE__ */ Object.create(null);
-function Cl(t, o) {
+function kl(t, o) {
   return {
     provider: t,
     prefix: o,
@@ -656,10 +656,10 @@ function Cl(t, o) {
 }
 function Fe(t, o) {
   const n = Xt[t] || (Xt[t] = /* @__PURE__ */ Object.create(null));
-  return n[o] || (n[o] = Cl(t, o));
+  return n[o] || (n[o] = kl(t, o));
 }
-function Tt(t, o) {
-  return kn(o) ? wn(o, (n, l) => {
+function Pt(t, o) {
+  return Cn(o) ? wn(o, (n, l) => {
     l ? t.icons[n] = l : t.missing.add(n);
   }) : [];
 }
@@ -672,7 +672,7 @@ function xl(t, o, n) {
   return !1;
 }
 let He = !1;
-function Cn(t) {
+function kn(t) {
   return typeof t == "boolean" && (He = t), He;
 }
 function Sl(t) {
@@ -694,7 +694,7 @@ function Ll(t, o) {
     return !1;
   if (typeof o != "string" && (o = t.provider || ""), He && !o && !t.prefix) {
     let e = !1;
-    return kn(t) && (t.prefix = "", wn(t, (i, r) => {
+    return Cn(t) && (t.prefix = "", wn(t, (i, r) => {
       r && Fl(i, r) && (e = !0);
     })), e;
   }
@@ -706,7 +706,7 @@ function Ll(t, o) {
   }))
     return !1;
   const l = Fe(o, n);
-  return !!Tt(l, t);
+  return !!Pt(l, t);
 }
 const xn = Object.freeze({
   width: null,
@@ -764,8 +764,8 @@ function Il(t, o, n) {
   const l = El(t);
   return Ml(l.defs, o + l.content + n);
 }
-const Pl = (t) => t === "unset" || t === "undefined" || t === "none";
-function Tl(t, o) {
+const Tl = (t) => t === "unset" || t === "undefined" || t === "none";
+function Pl(t, o) {
   const n = {
     ...ct,
     ...t
@@ -779,19 +779,19 @@ function Tl(t, o) {
     height: n.height
   };
   let i = n.body;
-  [n, l].forEach((k) => {
-    const u = [], A = k.hFlip, v = k.vFlip;
-    let Q = k.rotate;
-    A ? v ? Q += 2 : (u.push(
+  [n, l].forEach((C) => {
+    const u = [], D = C.hFlip, b = C.vFlip;
+    let j = C.rotate;
+    D ? b ? j += 2 : (u.push(
       "translate(" + (e.width + e.left).toString() + " " + (0 - e.top).toString() + ")"
-    ), u.push("scale(-1 1)"), e.top = e.left = 0) : v && (u.push(
+    ), u.push("scale(-1 1)"), e.top = e.left = 0) : b && (u.push(
       "translate(" + (0 - e.left).toString() + " " + (e.height + e.top).toString() + ")"
     ), u.push("scale(1 -1)"), e.top = e.left = 0);
-    let T;
-    switch (Q < 0 && (Q -= Math.floor(Q / 4) * 4), Q = Q % 4, Q) {
+    let P;
+    switch (j < 0 && (j -= Math.floor(j / 4) * 4), j = j % 4, j) {
       case 1:
-        T = e.height / 2 + e.top, u.unshift(
-          "rotate(90 " + T.toString() + " " + T.toString() + ")"
+        P = e.height / 2 + e.top, u.unshift(
+          "rotate(90 " + P.toString() + " " + P.toString() + ")"
         );
         break;
       case 2:
@@ -800,24 +800,24 @@ function Tl(t, o) {
         );
         break;
       case 3:
-        T = e.width / 2 + e.left, u.unshift(
-          "rotate(-90 " + T.toString() + " " + T.toString() + ")"
+        P = e.width / 2 + e.left, u.unshift(
+          "rotate(-90 " + P.toString() + " " + P.toString() + ")"
         );
         break;
     }
-    Q % 2 === 1 && (e.left !== e.top && (T = e.left, e.left = e.top, e.top = T), e.width !== e.height && (T = e.width, e.width = e.height, e.height = T)), u.length && (i = Il(
+    j % 2 === 1 && (e.left !== e.top && (P = e.left, e.left = e.top, e.top = P), e.width !== e.height && (P = e.width, e.width = e.height, e.height = P)), u.length && (i = Il(
       i,
       '<g transform="' + u.join(" ") + '">',
       "</g>"
     ));
   });
   const r = l.width, a = l.height, f = e.width, g = e.height;
-  let m, x;
-  r === null ? (x = a === null ? "1em" : a === "auto" ? g : a, m = Zt(x, f / g)) : (m = r === "auto" ? f : r, x = a === null ? Zt(m, g / f) : a === "auto" ? g : a);
-  const _ = {}, z = (k, u) => {
-    Pl(u) || (_[k] = u.toString());
+  let v, x;
+  r === null ? (x = a === null ? "1em" : a === "auto" ? g : a, v = Zt(x, f / g)) : (v = r === "auto" ? f : r, x = a === null ? Zt(v, g / f) : a === "auto" ? g : a);
+  const _ = {}, z = (C, u) => {
+    Tl(u) || (_[C] = u.toString());
   };
-  z("width", m), z("height", x);
+  z("width", v), z("height", x);
   const E = [e.left, e.top, f, g];
   return _.viewBox = E.join(" "), {
     attributes: _,
@@ -827,7 +827,7 @@ function Tl(t, o) {
 }
 const Nl = /\sid="(\S+)"/g, $l = "IconifyId" + Date.now().toString(16) + (Math.random() * 16777216 | 0).toString(16);
 let Ol = 0;
-function Rl(t, o = $l) {
+function Al(t, o = $l) {
   const n = [];
   let l;
   for (; l = Nl.exec(t); )
@@ -846,7 +846,7 @@ function Rl(t, o = $l) {
   }), t = t.replace(new RegExp(e, "g"), ""), t;
 }
 const xt = /* @__PURE__ */ Object.create(null);
-function Al(t, o) {
+function Rl(t, o) {
   xt[t] = o;
 }
 function St(t) {
@@ -947,7 +947,7 @@ function Vl(t) {
   }
   return "/";
 }
-const jl = (t, o, n) => {
+const Ul = (t, o, n) => {
   if (!en) {
     n("abort", 424);
     return;
@@ -993,9 +993,9 @@ const jl = (t, o, n) => {
   }).catch(() => {
     n("next", e);
   });
-}, Ul = {
+}, jl = {
   prepare: Hl,
-  send: jl
+  send: Ul
 };
 function Gl(t) {
   const o = {
@@ -1014,14 +1014,14 @@ function Gl(t) {
       return;
     l = e;
     const i = e.provider, r = e.prefix, a = e.name, f = n[i] || (n[i] = /* @__PURE__ */ Object.create(null)), g = f[r] || (f[r] = Fe(i, r));
-    let m;
-    a in g.icons ? m = o.loaded : r === "" || g.missing.has(a) ? m = o.missing : m = o.pending;
+    let v;
+    a in g.icons ? v = o.loaded : r === "" || g.missing.has(a) ? v = o.missing : v = o.pending;
     const x = {
       provider: i,
       prefix: r,
       name: a
     };
-    m.push(x);
+    v.push(x);
   }), o;
 }
 function Fn(t, o) {
@@ -1030,7 +1030,7 @@ function Fn(t, o) {
     l && (n.loaderCallbacks = l.filter((e) => e.id !== o));
   });
 }
-function Ql(t) {
+function Kl(t) {
   t.pendingCallbacksFlag || (t.pendingCallbacksFlag = !0, setTimeout(() => {
     t.pendingCallbacksFlag = !1;
     const o = t.loaderCallbacks ? t.loaderCallbacks.slice(0) : [];
@@ -1068,9 +1068,9 @@ function Ql(t) {
     });
   }));
 }
-let Kl = 0;
+let Ql = 0;
 function Jl(t, o, n) {
-  const l = Kl++, e = Fn.bind(null, n, l);
+  const l = Ql++, e = Fn.bind(null, n, l);
   if (!o.pending.length)
     return e;
   const i = {
@@ -1102,29 +1102,29 @@ function Zl(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 D = t.resources.slice(0);
-    for (r = []; D.length > 1; ) {
-      const j = Math.floor(Math.random() * D.length);
-      r.push(D[j]), D = D.slice(0, j).concat(D.slice(j + 1));
+    let R = t.resources.slice(0);
+    for (r = []; R.length > 1; ) {
+      const W = Math.floor(Math.random() * R.length);
+      r.push(R[W]), R = R.slice(0, W).concat(R.slice(W + 1));
     }
-    r = r.concat(D);
+    r = r.concat(R);
   } else
     r = t.resources.slice(i).concat(t.resources.slice(0, i));
   const a = Date.now();
-  let f = "pending", g = 0, m, x = null, _ = [], z = [];
+  let f = "pending", g = 0, v, x = null, _ = [], z = [];
   typeof l == "function" && z.push(l);
   function E() {
     x && (clearTimeout(x), x = null);
   }
-  function k() {
-    f === "pending" && (f = "aborted"), E(), _.forEach((D) => {
-      D.status === "pending" && (D.status = "aborted");
+  function C() {
+    f === "pending" && (f = "aborted"), E(), _.forEach((R) => {
+      R.status === "pending" && (R.status = "aborted");
     }), _ = [];
   }
-  function u(D, j) {
-    j && (z = []), typeof D == "function" && z.push(D);
+  function u(R, W) {
+    W && (z = []), typeof R == "function" && z.push(R);
   }
-  function A() {
+  function D() {
     return {
       startTime: a,
       payload: o,
@@ -1132,22 +1132,22 @@ function Zl(t, o, n, l) {
       queriesSent: g,
       queriesPending: _.length,
       subscribe: u,
-      abort: k
+      abort: C
     };
   }
-  function v() {
-    f = "failed", z.forEach((D) => {
-      D(void 0, m);
+  function b() {
+    f = "failed", z.forEach((R) => {
+      R(void 0, v);
     });
   }
-  function Q() {
-    _.forEach((D) => {
-      D.status === "pending" && (D.status = "aborted");
+  function j() {
+    _.forEach((R) => {
+      R.status === "pending" && (R.status = "aborted");
     }), _ = [];
   }
-  function T(D, j, de) {
-    const ie = j !== "success";
-    switch (_ = _.filter((R) => R !== D), f) {
+  function P(R, W, re) {
+    const ie = W !== "success";
+    switch (_ = _.filter(($) => $ !== R), f) {
       case "pending":
         break;
       case "failed":
@@ -1157,47 +1157,47 @@ function Zl(t, o, n, l) {
       default:
         return;
     }
-    if (j === "abort") {
-      m = de, v();
+    if (W === "abort") {
+      v = re, b();
       return;
     }
     if (ie) {
-      m = de, _.length || (r.length ? ce() : v());
+      v = re, _.length || (r.length ? U() : b());
       return;
     }
-    if (E(), Q(), !t.random) {
-      const R = t.resources.indexOf(D.resource);
-      R !== -1 && R !== t.index && (t.index = R);
+    if (E(), j(), !t.random) {
+      const $ = t.resources.indexOf(R.resource);
+      $ !== -1 && $ !== t.index && (t.index = $);
     }
-    f = "completed", z.forEach((R) => {
-      R(de);
+    f = "completed", z.forEach(($) => {
+      $(re);
     });
   }
-  function ce() {
+  function U() {
     if (f !== "pending")
       return;
     E();
-    const D = r.shift();
-    if (D === void 0) {
+    const R = r.shift();
+    if (R === void 0) {
       if (_.length) {
         x = setTimeout(() => {
-          E(), f === "pending" && (Q(), v());
+          E(), f === "pending" && (j(), b());
         }, t.timeout);
         return;
       }
-      v();
+      b();
       return;
     }
-    const j = {
+    const W = {
       status: "pending",
-      resource: D,
-      callback: (de, ie) => {
-        T(j, de, ie);
+      resource: R,
+      callback: (re, ie) => {
+        P(W, re, ie);
       }
     };
-    _.push(j), g++, x = setTimeout(ce, t.rotate), n(D, o, j.callback);
+    _.push(W), g++, x = setTimeout(U, t.rotate), n(R, o, W.callback);
   }
-  return setTimeout(ce), A;
+  return setTimeout(U), D;
 }
 function Ln(t) {
   const o = {
@@ -1209,7 +1209,7 @@ function Ln(t) {
     n = n.filter((a) => a().status === "pending");
   }
   function e(a, f, g) {
-    const m = Zl(
+    const v = Zl(
       o,
       a,
       f,
@@ -1217,7 +1217,7 @@ function Ln(t) {
         l(), g && g(x, _);
       }
     );
-    return n.push(m), m;
+    return n.push(v), v;
   }
   function i(a) {
     return n.find((f) => a(f)) || null;
@@ -1274,7 +1274,7 @@ function Ft(t, o) {
   } catch {
   }
 }
-function Rt(t, o, n) {
+function At(t, o, n) {
   try {
     return t.setItem(o, n), !0;
   } catch {
@@ -1287,7 +1287,7 @@ function on(t, o) {
   }
 }
 function Lt(t, o) {
-  return Rt(t, _n, o.toString());
+  return At(t, _n, o.toString());
 }
 function _t(t) {
   return parseInt(Ft(t, _n)) || 0;
@@ -1299,9 +1299,9 @@ const dt = {
   local: /* @__PURE__ */ new Set(),
   session: /* @__PURE__ */ new Set()
 };
-let At = !1;
+let Rt = !1;
 function oo(t) {
-  At = t;
+  Rt = t;
 }
 let et = typeof window > "u" ? {} : window;
 function Mn(t) {
@@ -1324,16 +1324,16 @@ function In(t, o) {
       for (let f = 0; f < a; f++)
         on(n, Ve + f.toString());
     }
-    Rt(n, ln, nn), Lt(n, 0);
+    At(n, ln, nn), Lt(n, 0);
     return;
   }
   const e = Math.floor(Date.now() / zn) - no, i = (a) => {
     const f = Ve + a.toString(), g = Ft(n, f);
     if (typeof g == "string") {
       try {
-        const m = JSON.parse(g);
-        if (typeof m == "object" && typeof m.cached == "number" && m.cached > e && typeof m.provider == "string" && typeof m.data == "object" && typeof m.data.prefix == "string" && // Valid item: run callback
-        o(m, a))
+        const v = JSON.parse(g);
+        if (typeof v == "object" && typeof v.cached == "number" && v.cached > e && typeof v.provider == "string" && typeof v.data == "object" && typeof v.data.prefix == "string" && // Valid item: run callback
+        o(v, a))
           return !0;
       } catch {
       }
@@ -1344,8 +1344,8 @@ function In(t, o) {
   for (let a = r - 1; a >= 0; a--)
     i(a) || (a === r - 1 ? (r--, Lt(n, r)) : En[t].add(a));
 }
-function Pn() {
-  if (!At) {
+function Tn() {
+  if (!Rt) {
     oo(!0);
     for (const t in dt)
       In(t, (o) => {
@@ -1353,7 +1353,7 @@ function Pn() {
           l,
           e
         );
-        if (!Tt(i, n).length)
+        if (!Pt(i, n).length)
           return !1;
         const r = n.lastModified || -1;
         return i.lastModifiedCached = i.lastModifiedCached ? Math.min(i.lastModifiedCached, r) : r, !0;
@@ -1376,7 +1376,7 @@ function io(t, o) {
   return !0;
 }
 function so(t, o) {
-  At || Pn();
+  Rt || Tn();
   function n(l) {
     let e;
     if (!dt[l] || !(e = Mn(l)))
@@ -1392,7 +1392,7 @@ function so(t, o) {
       provider: t.provider,
       data: o
     };
-    return Rt(
+    return At(
       e,
       Ve + r.toString(),
       JSON.stringify(a)
@@ -1404,7 +1404,7 @@ function sn() {
 }
 function ro(t) {
   t.iconsLoaderFlag || (t.iconsLoaderFlag = !0, setTimeout(() => {
-    t.iconsLoaderFlag = !1, Ql(t);
+    t.iconsLoaderFlag = !1, Kl(t);
   }));
 }
 function ao(t, o) {
@@ -1423,15 +1423,15 @@ function ao(t, o) {
           });
         else
           try {
-            const g = Tt(
+            const g = Pt(
               t,
               f
             );
             if (!g.length)
               return;
-            const m = t.pendingIcons;
-            m && g.forEach((x) => {
-              m.delete(x);
+            const v = t.pendingIcons;
+            v && g.forEach((x) => {
+              v.delete(x);
             }), so(t, f);
           } catch (g) {
             console.error(g);
@@ -1442,7 +1442,7 @@ function ao(t, o) {
   }));
 }
 const uo = (t, o) => {
-  const n = Yl(t, !0, Cn()), l = Gl(n);
+  const n = Yl(t, !0, kn()), l = Gl(n);
   if (!l.pending.length) {
     let f = !0;
     return o && setTimeout(() => {
@@ -1459,18 +1459,18 @@ const uo = (t, o) => {
   const e = /* @__PURE__ */ Object.create(null), i = [];
   let r, a;
   return l.pending.forEach((f) => {
-    const { provider: g, prefix: m } = f;
-    if (m === a && g === r)
+    const { provider: g, prefix: v } = f;
+    if (v === a && g === r)
       return;
-    r = g, a = m, i.push(Fe(g, m));
+    r = g, a = v, i.push(Fe(g, v));
     const x = e[g] || (e[g] = /* @__PURE__ */ Object.create(null));
-    x[m] || (x[m] = []);
+    x[v] || (x[v] = []);
   }), l.pending.forEach((f) => {
-    const { provider: g, prefix: m, name: x } = f, _ = Fe(g, m), z = _.pendingIcons || (_.pendingIcons = /* @__PURE__ */ new Set());
-    z.has(x) || (z.add(x), e[g][m].push(x));
+    const { provider: g, prefix: v, name: x } = f, _ = Fe(g, v), z = _.pendingIcons || (_.pendingIcons = /* @__PURE__ */ new Set());
+    z.has(x) || (z.add(x), e[g][v].push(x));
   }), i.forEach((f) => {
-    const { provider: g, prefix: m } = f;
-    e[g][m].length && ao(f, e[g][m]);
+    const { provider: g, prefix: v } = f;
+    e[g][v].length && ao(f, e[g][v]);
   }), o ? Jl(o, l, i) : sn;
 };
 function co(t, o) {
@@ -1549,7 +1549,7 @@ const rn = {
   display: "inline-block"
 }, zt = {
   backgroundColor: "currentColor"
-}, Tn = {
+}, Pn = {
   backgroundColor: "transparent"
 }, an = {
   Image: "var(--svg)",
@@ -1558,7 +1558,7 @@ const rn = {
 }, un = {
   webkitMask: zt,
   mask: zt,
-  background: Tn
+  background: Pn
 };
 for (const t in un) {
   const o = un[t];
@@ -1575,10 +1575,10 @@ function cn(t) {
 }
 const dn = (t, o) => {
   const n = co(rn, o), l = { ...yo }, e = o.mode || "svg", i = {}, r = o.style, a = typeof r == "object" && !(r instanceof Array) ? r : {};
-  for (let k in o) {
-    const u = o[k];
+  for (let C in o) {
+    const u = o[C];
     if (u !== void 0)
-      switch (k) {
+      switch (C) {
         case "icon":
         case "style":
         case "onLoad":
@@ -1587,7 +1587,7 @@ const dn = (t, o) => {
         case "inline":
         case "hFlip":
         case "vFlip":
-          n[k] = u === !0 || u === "true" || u === 1;
+          n[C] = u === !0 || u === "true" || u === 1;
           break;
         case "flip":
           typeof u == "string" && ho(n, u);
@@ -1596,28 +1596,28 @@ const dn = (t, o) => {
           i.color = u;
           break;
         case "rotate":
-          typeof u == "string" ? n[k] = po(u) : typeof u == "number" && (n[k] = u);
+          typeof u == "string" ? n[C] = po(u) : typeof u == "number" && (n[C] = u);
           break;
         case "ariaHidden":
         case "aria-hidden":
           u !== !0 && u !== "true" && delete l["aria-hidden"];
           break;
         default: {
-          const A = ot[k];
-          A ? (u === !0 || u === "true" || u === 1) && (n[A] = !0) : rn[k] === void 0 && (l[k] = u);
+          const D = ot[C];
+          D ? (u === !0 || u === "true" || u === 1) && (n[D] = !0) : rn[C] === void 0 && (l[C] = u);
         }
       }
   }
-  const f = Tl(t, n), g = f.attributes;
+  const f = Pl(t, n), g = f.attributes;
   if (n.inline && (i.verticalAlign = "-0.125em"), e === "svg") {
     l.style = {
       ...i,
       ...a
     }, Object.assign(l, g);
-    let k = 0, u = o.id;
-    return typeof u == "string" && (u = u.replace(/-/g, "_")), l.innerHTML = Rl(f.body, u ? () => u + "ID" + k++ : "iconifyVue"), kt("svg", l);
+    let C = 0, u = o.id;
+    return typeof u == "string" && (u = u.replace(/-/g, "_")), l.innerHTML = Al(f.body, u ? () => u + "ID" + C++ : "iconifyVue"), Ct("svg", l);
   }
-  const { body: m, width: x, height: _ } = t, z = e === "mask" || (e === "bg" ? !1 : m.indexOf("currentColor") !== -1), E = vo(m, {
+  const { body: v, width: x, height: _ } = t, z = e === "mask" || (e === "bg" ? !1 : v.indexOf("currentColor") !== -1), E = vo(v, {
     ...g,
     width: x + "",
     height: _ + ""
@@ -1628,14 +1628,14 @@ const dn = (t, o) => {
     width: cn(g.width),
     height: cn(g.height),
     ...wo,
-    ...z ? zt : Tn,
+    ...z ? zt : Pn,
     ...a
-  }, kt("span", l);
+  }, Ct("span", l);
 };
-Cn(!0);
-Al("", Ul);
+kn(!0);
+Rl("", jl);
 if (typeof document < "u" && typeof window < "u") {
-  Pn();
+  Tn();
   const t = window;
   if (t.IconifyPreload !== void 0) {
     const o = t.IconifyPreload, n = "Invalid IconifyPreload syntax.";
@@ -1666,7 +1666,7 @@ if (typeof document < "u" && typeof window < "u") {
       }
   }
 }
-const ko = {
+const Co = {
   ...ct,
   body: ""
 }, ye = Le({
@@ -1722,7 +1722,7 @@ const ko = {
     this.counter;
     const t = this.$attrs, o = this.iconMounted || t.ssr ? this.getIcon(t.icon, t.onLoad) : null;
     if (!o)
-      return dn(ko, t);
+      return dn(Co, t);
     let n = t;
     return o.classes && (n = {
       ...t,
@@ -1732,10 +1732,10 @@ const ko = {
       ...o.data
     }, n);
   }
-}), Co = {
+}), ko = {
   name: "buttonExpand"
 }, xo = /* @__PURE__ */ Le({
-  ...Co,
+  ...ko,
   props: {
     item: { default: [] },
     expandedrows: { default: () => /* @__PURE__ */ new Map() },
@@ -1754,7 +1754,7 @@ const ko = {
       }
     }
     const i = (a) => a._rowIndex !== void 0 ? a._rowIndex : a.id || 0, r = q(-1);
-    return X(() => n.value, () => {
+    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);
@@ -1762,44 +1762,44 @@ const ko = {
       class: "expandbtn",
       onClick: f[0] || (f[0] = (g) => e(i(a.item)))
     }, [
-      n.value.get(i(a.item)) === !0 ? (c(), h(B, { key: 0 }, [
-        o.expandall ? (c(), h(B, { key: 0 }, [
-          r.value ? (c(), re(G(ye), {
+      n.value.get(i(a.item)) === !0 ? (c(), h(H, { key: 0 }, [
+        o.expandall ? (c(), h(H, { key: 0 }, [
+          r.value ? (c(), ce(Q(ye), {
             key: 0,
             icon: "fluent:chevron-down-up-16-filled"
-          })) : (c(), re(G(ye), {
+          })) : (c(), ce(Q(ye), {
             key: 1,
             icon: "mdi:chevron-down"
           }))
-        ], 64)) : (c(), re(G(ye), {
+        ], 64)) : (c(), ce(Q(ye), {
           key: 1,
           icon: "mdi:chevron-down"
         }))
-      ], 64)) : (c(), h(B, { key: 1 }, [
-        o.expandall ? (c(), h(B, { key: 0 }, [
-          r.value == -1 ? (c(), re(G(ye), {
+      ], 64)) : (c(), h(H, { key: 1 }, [
+        o.expandall ? (c(), h(H, { key: 0 }, [
+          r.value == -1 ? (c(), ce(Q(ye), {
             key: 0,
             icon: "ion:chevron-expand"
-          })) : r.value == 0 ? (c(), re(G(ye), {
+          })) : r.value == 0 ? (c(), ce(Q(ye), {
             key: 1,
             icon: "mdi:chevron-down"
-          })) : (c(), re(G(ye), {
+          })) : (c(), ce(Q(ye), {
             key: 2,
             icon: "mdi:chevron-right"
           }))
-        ], 64)) : (c(), re(G(ye), {
+        ], 64)) : (c(), ce(Q(ye), {
           key: 1,
           icon: "mdi:chevron-right"
         }))
       ], 64))
     ]));
   }
-}), je = (t, o) => {
+}), Ue = (t, o) => {
   const n = t.__vccOpts || t;
   for (const [l, e] of o)
     n[l] = e;
   return n;
-}, Et = /* @__PURE__ */ je(xo, [["__scopeId", "data-v-da3bc8d5"]]), So = {
+}, Et = /* @__PURE__ */ Ue(xo, [["__scopeId", "data-v-da3bc8d5"]]), So = {
   name: "ButtonRightPanel"
 }, Fo = /* @__PURE__ */ Le({
   ...So,
@@ -1814,12 +1814,12 @@ const ko = {
     }
     return (i, r) => (c(), h("button", {
       class: "rightpanelbtn",
-      onClick: V(e, ["stop"])
+      onClick: G(e, ["stop"])
     }, [
-      ee(G(ye), { icon: "lucide:plus" })
+      te(Q(ye), { icon: "lucide:plus" })
     ]));
   }
-}), fn = /* @__PURE__ */ je(Fo, [["__scopeId", "data-v-b373d5f7"]]), Lo = { class: "bh-text-[13px] bh-font-normal bh-rounded bh-overflow-hidden" }, _o = {
+}), fn = /* @__PURE__ */ Ue(Fo, [["__scopeId", "data-v-b373d5f7"]]), Lo = { class: "bh-text-[13px] bh-font-normal bh-rounded bh-overflow-hidden" }, _o = {
   name: "columnFilter"
 }, zo = /* @__PURE__ */ Le({
   ..._o,
@@ -1842,102 +1842,102 @@ const ko = {
         w("button", {
           type: "button",
           class: I({ active: n.column.condition === "" }),
-          onClick: a[0] || (a[0] = V((f) => i(""), ["stop"]))
-        }, H((n.columnFilterLang && n.columnFilterLang.NoFilter) ?? "No filter"), 3),
-        n.column.type === "string" ? (c(), h(B, { key: 0 }, [
+          onClick: a[0] || (a[0] = G((f) => i(""), ["stop"]))
+        }, V((n.columnFilterLang && n.columnFilterLang.NoFilter) ?? "No filter"), 3),
+        n.column.type === "string" ? (c(), h(H, { key: 0 }, [
           w("button", {
             type: "button",
             class: I({ active: n.column.condition === "Contains" }),
-            onClick: a[1] || (a[1] = V((f) => i("Contains"), ["stop"]))
-          }, H((n.columnFilterLang && n.columnFilterLang.Contains) ?? "Contains"), 3),
+            onClick: a[1] || (a[1] = G((f) => i("Contains"), ["stop"]))
+          }, V((n.columnFilterLang && n.columnFilterLang.Contains) ?? "Contains"), 3),
           w("button", {
             type: "button",
             class: I({ active: n.column.condition === "NotContains" }),
-            onClick: a[2] || (a[2] = V((f) => i("NotContains"), ["stop"]))
-          }, H((n.columnFilterLang && n.columnFilterLang.NotContains) ?? "NotContains"), 3),
+            onClick: a[2] || (a[2] = G((f) => i("NotContains"), ["stop"]))
+          }, V((n.columnFilterLang && n.columnFilterLang.NotContains) ?? "NotContains"), 3),
           w("button", {
             type: "button",
             class: I({ active: n.column.condition === "Equal" }),
-            onClick: a[3] || (a[3] = V((f) => i("Equal"), ["stop"]))
-          }, H((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal (=)"), 3),
+            onClick: a[3] || (a[3] = G((f) => i("Equal"), ["stop"]))
+          }, V((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal (=)"), 3),
           w("button", {
             type: "button",
             class: I({ active: n.column.condition === "NotEqual" }),
-            onClick: a[4] || (a[4] = V((f) => i("NotEqual"), ["stop"]))
-          }, H((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "NotEqual (!=)"), 3),
+            onClick: a[4] || (a[4] = G((f) => i("NotEqual"), ["stop"]))
+          }, V((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "NotEqual (!=)"), 3),
           w("button", {
             type: "button",
             class: I({ active: n.column.condition === "StartsWith" }),
-            onClick: a[5] || (a[5] = V((f) => i("StartsWith"), ["stop"]))
-          }, H((n.columnFilterLang && n.columnFilterLang.StartsWith) ?? "StartsWith"), 3),
+            onClick: a[5] || (a[5] = G((f) => i("StartsWith"), ["stop"]))
+          }, V((n.columnFilterLang && n.columnFilterLang.StartsWith) ?? "StartsWith"), 3),
           w("button", {
             type: "button",
             class: I({ active: n.column.condition === "EndsWith" }),
-            onClick: a[6] || (a[6] = V((f) => i("EndsWith"), ["stop"]))
-          }, H((n.columnFilterLang && n.columnFilterLang.EndsWith) ?? "EndsWith"), 3)
-        ], 64)) : n.column.type === "number" ? (c(), h(B, { key: 1 }, [
+            onClick: a[6] || (a[6] = G((f) => i("EndsWith"), ["stop"]))
+          }, V((n.columnFilterLang && n.columnFilterLang.EndsWith) ?? "EndsWith"), 3)
+        ], 64)) : n.column.type === "number" ? (c(), h(H, { key: 1 }, [
           w("button", {
             type: "button",
             class: I({ active: n.column.condition === "Equal" }),
-            onClick: a[7] || (a[7] = V((f) => i("Equal"), ["stop"]))
-          }, H((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal (=)"), 3),
+            onClick: a[7] || (a[7] = G((f) => i("Equal"), ["stop"]))
+          }, V((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal (=)"), 3),
           w("button", {
             type: "button",
             class: I({ active: n.column.condition === "NotEqual" }),
-            onClick: a[8] || (a[8] = V((f) => i("NotEqual"), ["stop"]))
-          }, H((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "NotEqual (!=)"), 3),
+            onClick: a[8] || (a[8] = G((f) => i("NotEqual"), ["stop"]))
+          }, V((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "NotEqual (!=)"), 3),
           w("button", {
             type: "button",
             class: I({ active: n.column.condition === "GreaterThan" }),
-            onClick: a[9] || (a[9] = V((f) => i("GreaterThan"), ["stop"]))
-          }, H((n.columnFilterLang && n.columnFilterLang.GreaterThan) ?? "GreaterThan (>)"), 3),
+            onClick: a[9] || (a[9] = G((f) => i("GreaterThan"), ["stop"]))
+          }, V((n.columnFilterLang && n.columnFilterLang.GreaterThan) ?? "GreaterThan (>)"), 3),
           w("button", {
             type: "button",
             class: I({ active: n.column.condition === "GreaterThanOrEqual" }),
-            onClick: a[10] || (a[10] = V((f) => i("GreaterThanOrEqual"), ["stop"]))
-          }, H((n.columnFilterLang && n.columnFilterLang.GreaterThanOrEqual) ?? "GreaterThanOrEqual (>=)"), 3),
+            onClick: a[10] || (a[10] = G((f) => i("GreaterThanOrEqual"), ["stop"]))
+          }, V((n.columnFilterLang && n.columnFilterLang.GreaterThanOrEqual) ?? "GreaterThanOrEqual (>=)"), 3),
           w("button", {
             type: "button",
             class: I({ active: n.column.condition === "LessThan" }),
-            onClick: a[11] || (a[11] = V((f) => i("LessThan"), ["stop"]))
-          }, H((n.columnFilterLang && n.columnFilterLang.LessThan) ?? "LessThan (<)"), 3),
+            onClick: a[11] || (a[11] = G((f) => i("LessThan"), ["stop"]))
+          }, V((n.columnFilterLang && n.columnFilterLang.LessThan) ?? "LessThan (<)"), 3),
           w("button", {
             type: "button",
             class: I({ active: n.column.condition === "LessThanOrEqual" }),
-            onClick: a[12] || (a[12] = V((f) => i("LessThanOrEqual"), ["stop"]))
-          }, H((n.columnFilterLang && n.columnFilterLang.LessThanOrEqual) ?? "LessThanOrEqual (<=)"), 3)
-        ], 64)) : n.column.type === "date" ? (c(), h(B, { key: 2 }, [
+            onClick: a[12] || (a[12] = G((f) => i("LessThanOrEqual"), ["stop"]))
+          }, V((n.columnFilterLang && n.columnFilterLang.LessThanOrEqual) ?? "LessThanOrEqual (<=)"), 3)
+        ], 64)) : n.column.type === "date" ? (c(), h(H, { key: 2 }, [
           w("button", {
             type: "button",
             class: I({ active: n.column.condition === "Equal" }),
-            onClick: a[13] || (a[13] = V((f) => i("Equal"), ["stop"]))
-          }, H((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal (=)"), 3),
+            onClick: a[13] || (a[13] = G((f) => i("Equal"), ["stop"]))
+          }, V((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal (=)"), 3),
           w("button", {
             type: "button",
             class: I({ active: n.column.condition === "NotEqual" }),
-            onClick: a[14] || (a[14] = V((f) => i("NotEqual"), ["stop"]))
-          }, H((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "Not equal (!=)"), 3),
+            onClick: a[14] || (a[14] = G((f) => i("NotEqual"), ["stop"]))
+          }, V((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "Not equal (!=)"), 3),
           w("button", {
             type: "button",
             class: I({ active: n.column.condition === "GreaterThan" }),
-            onClick: a[15] || (a[15] = V((f) => i("GreaterThan"), ["stop"]))
-          }, H((n.columnFilterLang && n.columnFilterLang.GreaterThan) ?? "GreaterThan (>)"), 3),
+            onClick: a[15] || (a[15] = G((f) => i("GreaterThan"), ["stop"]))
+          }, V((n.columnFilterLang && n.columnFilterLang.GreaterThan) ?? "GreaterThan (>)"), 3),
           w("button", {
             type: "button",
             class: I({ active: n.column.condition === "LessThan" }),
-            onClick: a[16] || (a[16] = V((f) => i("LessThan"), ["stop"]))
-          }, H((n.columnFilterLang && n.columnFilterLang.LessThan) ?? "LessThan (<)"), 3)
-        ], 64)) : P("", !0),
+            onClick: a[16] || (a[16] = G((f) => i("LessThan"), ["stop"]))
+          }, V((n.columnFilterLang && n.columnFilterLang.LessThan) ?? "LessThan (<)"), 3)
+        ], 64)) : T("", !0),
         w("button", {
           type: "button",
           class: I({ active: n.column.condition === "IsNull" }),
-          onClick: a[17] || (a[17] = V((f) => i("IsNull"), ["stop"]))
-        }, H((n.columnFilterLang && n.columnFilterLang.IsNull) ?? "IsNull"), 3),
+          onClick: a[17] || (a[17] = G((f) => i("IsNull"), ["stop"]))
+        }, V((n.columnFilterLang && n.columnFilterLang.IsNull) ?? "IsNull"), 3),
         w("button", {
           type: "button",
           class: I({ active: n.column.condition === "IsNotNull" }),
-          onClick: a[18] || (a[18] = V((f) => i("IsNotNull"), ["stop"]))
-        }, H((n.columnFilterLang && n.columnFilterLang.IsNotNull) ?? "IsNotNull"), 3)
+          onClick: a[18] || (a[18] = G((f) => i("IsNotNull"), ["stop"]))
+        }, V((n.columnFilterLang && n.columnFilterLang.IsNotNull) ?? "IsNotNull"), 3)
       ])
     ], 512));
   }
@@ -1989,12 +1989,12 @@ const ko = {
     { value: "Equal", label: "Equal", icon: "=" },
     { value: "NotEqual", label: "Not Equal", icon: "≠" }
   ]
-}, Eo = { class: "bh-p-2" }, Mo = { class: "bh-mb-2" }, Io = /* @__PURE__ */ w("label", { class: "bh-text-xs bh-font-medium bh-text-gray-600 dark:bh-text-gray-400 bh-block bh-mb-1" }, " Filter Condition ", -1), Po = ["value"], To = {
+}, Eo = { class: "bh-p-2" }, Mo = { class: "bh-mb-2" }, Io = /* @__PURE__ */ w("label", { class: "bh-text-xs bh-font-medium bh-text-gray-600 dark:bh-text-gray-400 bh-block bh-mb-1" }, " Filter Condition ", -1), To = ["value"], Po = {
   key: 0,
   class: "bh-border-t bh-border-gray-200 dark:bh-border-gray-600 bh-pt-2 bh-mt-2"
 }, No = /* @__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), $o = { class: "bh-flex bh-flex-col bh-gap-1" }, Oo = {
   name: "columnFilterNew"
-}, Ro = /* @__PURE__ */ Le({
+}, Ao = /* @__PURE__ */ Le({
   ...Oo,
   props: [
     "column",
@@ -2010,25 +2010,25 @@ const ko = {
     "conditionChange"
   ],
   setup(t, { emit: o }) {
-    const n = t, l = o, e = q(null), i = q(null), r = q(n.column.condition || ""), a = q(!1), f = Y(() => {
-      var k;
-      const E = ((k = n.column.type) == null ? void 0 : k.toLowerCase()) || "string";
+    const n = t, l = o, e = q(null), i = q(null), r = q(n.column.condition || ""), a = q(!1), f = X(() => {
+      var C;
+      const E = ((C = n.column.type) == null ? void 0 : C.toLowerCase()) || "string";
       return rt[E] || rt.string;
     }), g = (E) => {
       if (!n.columnFilterLang) return E.label;
-      const k = E.value === "" ? "NoFilter" : E.value;
-      return n.columnFilterLang[k] || E.label;
-    }, m = (E) => {
+      const C = E.value === "" ? "NoFilter" : E.value;
+      return n.columnFilterLang[C] || E.label;
+    }, v = (E) => {
       const u = E.target.value;
       a.value = !1, r.value = u, l("conditionChange", n.column.field, u), u === "" && (n.column.value = ""), l("filterChange", n.column);
     }, x = (E) => n.currentSortColumn === n.column.field && n.currentSortDirection === E, _ = (E) => {
       l("sortChange", n.column.field, E), l("close");
     }, z = () => {
-      var k;
-      const E = ((k = n.column.type) == null ? void 0 : k.toLowerCase()) || "string";
+      var C;
+      const E = ((C = n.column.type) == null ? void 0 : C.toLowerCase()) || "string";
       n.column.condition = E === "string" ? "Contains" : "Equal", n.column.value = "", r.value = n.column.condition, l("clearFilter", n.column), l("close");
     };
-    return (E, k) => (c(), h("div", {
+    return (E, C) => (c(), h("div", {
       ref_key: "dropdownRef",
       ref: e,
       class: "bh-filter-dropdown-content bh-min-w-[220px]"
@@ -2036,24 +2036,24 @@ const ko = {
       w("div", Eo, [
         w("div", Mo, [
           Io,
-          se(w("select", {
+          ue(w("select", {
             ref_key: "selectRef",
             ref: i,
-            "onUpdate:modelValue": k[0] || (k[0] = (u) => r.value = u),
+            "onUpdate:modelValue": C[0] || (C[0] = (u) => r.value = u),
             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: k[1] || (k[1] = (u) => a.value = !0),
-            onBlur: k[2] || (k[2] = (u) => a.value = !1),
-            onChange: m
+            onFocus: C[1] || (C[1] = (u) => a.value = !0),
+            onBlur: C[2] || (C[2] = (u) => a.value = !1),
+            onChange: v
           }, [
-            (c(!0), h(B, null, oe(f.value, (u) => (c(), h("option", {
+            (c(!0), h(H, null, ae(f.value, (u) => (c(), h("option", {
               key: u.value,
               value: u.value
-            }, H(u.icon ? u.icon + " " : "") + H(g(u)), 9, Po))), 128))
+            }, V(u.icon ? u.icon + " " : "") + V(g(u)), 9, To))), 128))
           ], 544), [
             [it, r.value]
           ])
         ]),
-        n.column.sort !== !1 ? (c(), h("div", To, [
+        n.column.sort !== !1 ? (c(), h("div", Po, [
           No,
           w("div", $o, [
             w("button", {
@@ -2062,7 +2062,7 @@ const ko = {
                 "bh-bg-primary/10 bh-text-primary": x("asc"),
                 "bh-bg-gray-50 dark:bh-bg-gray-700 hover:bh-bg-gray-100 dark:hover:bh-bg-gray-600": !x("asc")
               }]),
-              onClick: k[3] || (k[3] = (u) => _("asc"))
+              onClick: C[3] || (C[3] = (u) => _("asc"))
             }, " ↑ Sort Ascending ", 2),
             w("button", {
               type: "button",
@@ -2070,10 +2070,10 @@ const ko = {
                 "bh-bg-primary/10 bh-text-primary": x("desc"),
                 "bh-bg-gray-50 dark:bh-bg-gray-700 hover:bh-bg-gray-100 dark:hover:bh-bg-gray-600": !x("desc")
               }]),
-              onClick: k[4] || (k[4] = (u) => _("desc"))
+              onClick: C[4] || (C[4] = (u) => _("desc"))
             }, " ↓ Sort Descending ", 2)
           ])
-        ])) : P("", !0),
+        ])) : T("", !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",
@@ -2084,7 +2084,7 @@ const ko = {
       ])
     ], 512));
   }
-}), Ao = {}, qo = {
+}), Ro = {}, qo = {
   version: "1.1",
   viewBox: "0 0 17 12",
   xmlns: "http://www.w3.org/2000/svg"
@@ -2105,7 +2105,7 @@ const ko = {
 function Bo(t, o) {
   return c(), h("svg", qo, Wo);
 }
-const Mt = /* @__PURE__ */ je(Ao, [["render", Bo]]), Ho = {}, Vo = {
+const Mt = /* @__PURE__ */ Ue(Ro, [["render", Bo]]), Ho = {}, Vo = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
@@ -2115,18 +2115,18 @@ const Mt = /* @__PURE__ */ je(Ao, [["render", Bo]]), Ho = {}, Vo = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   class: "css-i6dzq1"
-}, jo = /* @__PURE__ */ w("line", {
+}, Uo = /* @__PURE__ */ w("line", {
   x1: "5",
   y1: "12",
   x2: "19",
   y2: "12"
-}, null, -1), Uo = [
-  jo
+}, null, -1), jo = [
+  Uo
 ];
 function Go(t, o) {
-  return c(), h("svg", Vo, Uo);
+  return c(), h("svg", Vo, jo);
 }
-const Qo = /* @__PURE__ */ je(Ho, [["render", Go]]), Ko = {}, Jo = {
+const Ko = /* @__PURE__ */ Ue(Ho, [["render", Go]]), Qo = {}, Jo = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
@@ -2142,7 +2142,7 @@ const Qo = /* @__PURE__ */ je(Ho, [["render", Go]]), Ko = {}, Jo = {
 function Zo(t, o) {
   return c(), h("svg", Jo, Xo);
 }
-const hn = /* @__PURE__ */ je(Ko, [["render", Zo]]), ei = { key: "hdrrow" }, ti = { class: "bh-checkbox" }, ni = ["onClick"], li = {
+const hn = /* @__PURE__ */ Ue(Qo, [["render", Zo]]), ei = { key: "hdrrow" }, ti = { class: "bh-checkbox" }, ni = ["onClick"], li = {
   width: "16",
   height: "16",
   viewBox: "0 0 14 14",
@@ -2157,11 +2157,11 @@ const hn = /* @__PURE__ */ je(Ko, [["render", Zo]]), ei = { key: "hdrrow" }, ti
 ], hi = {
   key: 1,
   class: "bh-filter-input-wrapper"
-}, pi = ["onUpdate:modelValue"], vi = ["onUpdate:modelValue"], mi = ["onUpdate:modelValue"], bi = ["onUpdate:modelValue"], gi = /* @__PURE__ */ w("option", { value: void 0 }, "All", -1), yi = /* @__PURE__ */ w("option", { value: !0 }, "True", -1), wi = /* @__PURE__ */ w("option", { value: !1 }, "False", -1), ki = [
+}, pi = ["onUpdate:modelValue"], vi = ["onUpdate:modelValue"], mi = ["onUpdate:modelValue"], bi = ["onUpdate:modelValue"], gi = /* @__PURE__ */ w("option", { value: void 0 }, "All", -1), yi = /* @__PURE__ */ w("option", { value: !0 }, "True", -1), wi = /* @__PURE__ */ w("option", { value: !1 }, "False", -1), Ci = [
   gi,
   yi,
   wi
-], Ci = ["onClick"], xi = ["onClick"], Si = {
+], ki = ["onClick"], xi = ["onClick"], Si = {
   name: "columnHeader"
 }, tt = /* @__PURE__ */ Le({
   ...Si,
@@ -2183,61 +2183,86 @@ const hn = /* @__PURE__ */ je(Ko, [["render", Zo]]), ei = { key: "hdrrow" }, ti
     "clearColumnFilter"
   ],
   setup(t, { emit: o }) {
-    const n = q(null), l = t, e = o, i = q({}), r = q({}), a = Y(() => {
+    const n = q(null), l = t, e = o, i = q({}), r = q({}), a = X(() => {
       var u;
-      const k = /* @__PURE__ */ new Map();
-      return (u = l.all) != null && u.columns && l.all.columns.forEach((A) => {
-        A.field && k.set(A.field, A);
-      }), k;
+      const C = /* @__PURE__ */ new Map();
+      return (u = l.all) != null && u.columns && l.all.columns.forEach((D) => {
+        D.field && C.set(D.field, D);
+      }), C;
     });
-    X(
+    Z(
       () => {
-        var k;
-        return (k = l.all) == null ? void 0 : k.columns;
+        var C;
+        return (C = l.all) == null ? void 0 : C.columns;
       },
       () => {
       },
       { immediate: !0, deep: !0 }
-    ), Te(() => {
-      var k;
-      (k = l.all) != null && k.columns && l.all.columns.forEach((u) => {
-        u.filter && u.field && (i.value[u.field] = u.value || "", fl(
-          () => i.value[u.field],
-          (A) => {
-            const v = a.value.get(u.field);
-            v && (v.type === "string" || v.type === "String" ? v.value = typeof A == "string" ? A.trim() : A : v.value = A, e("filterChange"));
+    ), Pe(() => {
+      var C, u, D, b, j, P;
+      console.log("🔍 [COLUMN-HEADER] onMounted", {
+        hasColumns: !!((C = l.all) != null && C.columns),
+        columnsCount: (D = (u = l.all) == null ? void 0 : u.columns) == null ? void 0 : D.length,
+        columns: (j = (b = l.all) == null ? void 0 : b.columns) == null ? void 0 : j.map((U) => ({
+          field: U.field,
+          filter: U.filter,
+          value: U.value
+        }))
+      }), (P = l.all) != null && P.columns && l.all.columns.forEach((U) => {
+        U.filter && U.field ? (console.log("🔍 [WATCH-SETUP] Setting up watch for:", U.field), i.value[U.field] = U.value || "", fl(
+          () => i.value[U.field],
+          (R) => {
+            var re, ie, $, ne;
+            const W = a.value.get(U.field);
+            console.log("🔴 [DEBOUNCE-FIRED]", {
+              field: U.field,
+              newValue: R,
+              propsColumnValue: (re = l.all.columns.find(
+                (se) => se.field === U.field
+              )) == null ? void 0 : re.value
+            }), W && (W.type === "string" || W.type === "String" ? (W.value = typeof R == "string" ? R.trim() : R, console.log("🔍 [AFTER-SET]", {
+              afterValue: W.value,
+              propsValue: (ie = l.all.columns.find((se) => se.field === U.field)) == null ? void 0 : ie.value
+            })) : (W.value = R, console.log("🔍 [AFTER-SET]", {
+              afterValue: W.value,
+              propsValue: ($ = l.all.columns.find((se) => se.field === U.field)) == null ? void 0 : $.value
+            })), e("filterChange"), console.log("🔴 [AFTER-MUTATION]", {
+              columnValueAfter: (ne = a.value.get(U.field)) == null ? void 0 : ne.value
+            }));
           },
           { debounce: 300 }
-        ));
+        )) : console.warn("⚠️ [WATCH-SKIP] Skipped:", U.field, {
+          filter: U.filter
+        });
       });
-    }), X(() => l.checkAll, () => {
+    }), Z(() => l.checkAll, () => {
       n.value && (n.value.indeterminate = l.checkAll !== 0 ? !l.checkAll : !1, n.value.checked = l.checkAll);
     });
-    const g = (k) => {
-      if (!k.field) return !1;
-      const u = i.value[k.field];
+    const g = (C) => {
+      if (!C.field) return !1;
+      const u = i.value[C.field];
       return u !== "" && u !== null && u !== void 0;
-    }, m = (k) => {
-      const u = r.value[k.field] ?? k.condition;
+    }, v = (C) => {
+      const u = r.value[C.field] ?? C.condition;
       return u && u !== "";
-    }, x = (k) => r.value[k.field] ?? k.condition ?? "", _ = (k) => {
-      var T;
-      const u = x(k);
+    }, x = (C) => r.value[C.field] ?? C.condition ?? "", _ = (C) => {
+      var P;
+      const u = x(C);
       if (!u || u === "") return "";
-      const A = ((T = k.type) == null ? void 0 : T.toLowerCase()) || "string", Q = (rt[A] || rt.string).find((ce) => ce.value === u);
-      return Q ? l.columnFilterLang && l.columnFilterLang[u] ? l.columnFilterLang[u] : Q.label : u;
-    }, z = (k, u) => {
-      const A = a.value.get(k);
-      A && (A.condition = u, r.value[k] = u);
-    }, E = (k) => {
-      i.value[k.field] = "", k.value = "", k.condition = "", r.value[k.field] = "", l.currentSortColumn === k.field && e("sortChange", l.all.sortColumn || k.field, "asc"), e("filterChange");
+      const D = ((P = C.type) == null ? void 0 : P.toLowerCase()) || "string", j = (rt[D] || rt.string).find((U) => U.value === u);
+      return j ? l.columnFilterLang && l.columnFilterLang[u] ? l.columnFilterLang[u] : j.label : u;
+    }, z = (C, u) => {
+      const D = a.value.get(C);
+      D && (D.condition = u, r.value[C] = u, e("filterChange"));
+    }, E = (C) => {
+      i.value[C.field] = "", C.value = "", C.condition = "", r.value[C.field] = "", l.currentSortColumn === C.field && e("sortChange", l.all.sortColumn || C.field, "asc"), e("filterChange");
     };
-    return (k, u) => {
-      const A = Zn("VDropdown");
+    return (C, u) => {
+      const D = Zn("VDropdown");
       return c(), h("tr", ei, [
         l.all.hasCheckbox ? (c(), h("th", {
           key: "chkall",
-          style: K({
+          style: J({
             width: l.all.checkboxColumnWidth + " !important",
             minWidth: l.all.checkboxColumnWidth + " !important"
           }),
@@ -2252,20 +2277,20 @@ const hn = /* @__PURE__ */ je(Ko, [["render", Zo]]), ei = { key: "hdrrow" }, ti
               ref_key: "selectedAll",
               ref: n,
               type: "checkbox",
-              onClick: u[0] || (u[0] = V((v) => {
-                var Q;
-                return e("selectAll", (Q = v == null ? void 0 : v.target) == null ? void 0 : Q.checked);
+              onClick: u[0] || (u[0] = G((b) => {
+                var j;
+                return e("selectAll", (j = b == null ? void 0 : b.target) == null ? void 0 : j.checked);
               }, ["stop"]))
             }, null, 512),
             w("div", null, [
-              ee(Mt, { class: "check" }),
-              ee(Qo, { class: "intermediate" })
+              te(Mt, { class: "check" }),
+              te(Ko, { class: "intermediate" })
             ])
           ])
-        ], 6)) : P("", !0),
+        ], 6)) : T("", !0),
         l.all.hasRightPanel ? (c(), h("th", {
           key: 1,
-          style: K({
+          style: J({
             width: l.all.rightPanelColumnWidth + " !important",
             minWidth: l.all.rightPanelColumnWidth + " !important"
           }),
@@ -2274,40 +2299,40 @@ const hn = /* @__PURE__ */ je(Ko, [["render", Zo]]), ei = { key: "hdrrow" }, ti
             "bh-top-0": l.all.stickyHeader,
             "bh-left-0": l.all.stickyFirstColumn
           })
-        }, null, 6)) : P("", !0),
+        }, null, 6)) : T("", !0),
         l.all.hasSubtable ? (c(), h("th", {
           key: 2,
-          style: K({
+          style: J({
             width: l.all.subtableColumnWidth + " !important",
             minWidth: l.all.subtableColumnWidth + " !important"
           })
         }, [
-          l.all.expandall ? (c(), re(Et, {
+          l.all.expandall ? (c(), ce(Et, {
             key: 0,
             expandedrows: l.expandedrows,
             expandall: l.all.expandall
-          }, null, 8, ["expandedrows", "expandall"])) : P("", !0)
-        ], 4)) : P("", !0),
-        (c(!0), h(B, null, oe(l.all.columns, (v, Q) => (c(), h(B, null, [
-          v.hide ? P("", !0) : (c(), h("th", {
-            key: v.field,
+          }, null, 8, ["expandedrows", "expandall"])) : T("", !0)
+        ], 4)) : T("", !0),
+        (c(!0), h(H, null, ae(l.all.columns, (b, j) => (c(), h(H, null, [
+          b.hide ? T("", !0) : (c(), h("th", {
+            key: b.field,
             class: I(["bh-select-none bh-z-[1]", [
-              l.all.sortable && v.sort ? "bh-cursor-pointer" : "",
-              Q === 0 && l.all.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
-              l.all.hasCheckbox && Q === 0 && l.all.stickyFirstColumn ? "bh-left-[52px]" : ""
+              l.all.sortable && b.sort ? "bh-cursor-pointer" : "",
+              j === 0 && l.all.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
+              l.all.hasCheckbox && j === 0 && l.all.stickyFirstColumn ? "bh-left-[52px]" : ""
             ]]),
-            style: K({
-              width: v.width,
-              "min-width": v.minWidth,
-              "max-width": v.maxWidth
+            style: J({
+              width: b.width,
+              "min-width": b.minWidth,
+              "max-width": b.maxWidth
             })
           }, [
             w("div", {
-              class: I(["bh-flex bh-items-center", [v.headerClass ? v.headerClass : ""]]),
-              onClick: (T) => l.all.sortable && v.sort && e("sortChange", v.field)
+              class: I(["bh-flex bh-items-center", [b.headerClass ? b.headerClass : ""]]),
+              onClick: (P) => l.all.sortable && b.sort && e("sortChange", b.field)
             }, [
-              De(H(v.title) + " ", 1),
-              l.all.sortable && v.sort ? (c(), h("span", {
+              De(V(b.title) + " ", 1),
+              l.all.sortable && b.sort ? (c(), h("span", {
                 key: 0,
                 class: I(["bh-ml-3 bh-sort bh-flex bh-items-center", [l.currentSortColumn, l.currentSortDirection]])
               }, [
@@ -2316,181 +2341,181 @@ const hn = /* @__PURE__ */ je(Ko, [["render", Zo]]), ei = { key: "hdrrow" }, ti
                     points: "3.11,6.25 10.89,6.25 7,1.75 ",
                     fill: "currentColor",
                     class: I(["bh-text-black/20", [
-                      t.currentSortColumn === v.field && t.currentSortDirection === "asc" ? "!bh-text-primary" : ""
+                      t.currentSortColumn === b.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", [
-                      t.currentSortColumn === v.field && t.currentSortDirection === "desc" ? "!bh-text-primary" : ""
+                      t.currentSortColumn === b.field && t.currentSortDirection === "desc" ? "!bh-text-primary" : ""
                     ]])
                   }, null, 2)
                 ]))
-              ], 2)) : P("", !0)
+              ], 2)) : T("", !0)
             ], 10, ni),
-            l.all.columnFilter && !l.isFooter ? (c(), h(B, { key: 0 }, [
-              v.filter ? (c(), h("div", oi, [
-                l.all.showFloatingFilterLabel ? P("", !0) : (c(), h(B, { key: 0 }, [
-                  v.type === "string" || v.type === "String" ? se((c(), h("input", {
+            l.all.columnFilter && !l.isFooter ? (c(), h(H, { key: 0 }, [
+              b.filter ? (c(), h("div", oi, [
+                l.all.showFloatingFilterLabel ? T("", !0) : (c(), h(H, { key: 0 }, [
+                  b.type === "string" || b.type === "String" ? ue((c(), h("input", {
                     key: 0,
-                    "onUpdate:modelValue": (T) => i.value[v.field] = T,
+                    "onUpdate:modelValue": (P) => i.value[b.field] = P,
                     type: "text",
                     class: "bh-form-control"
                   }, null, 8, ii)), [
-                    [Ie, i.value[v.field]]
-                  ]) : P("", !0),
-                  v.type === "number" || v.type === "integer" || v.type === "Integer" ? se((c(), h("input", {
+                    [Ie, i.value[b.field]]
+                  ]) : T("", !0),
+                  b.type === "number" || b.type === "integer" || b.type === "Integer" ? ue((c(), h("input", {
                     key: 1,
-                    "onUpdate:modelValue": (T) => i.value[v.field] = T,
+                    "onUpdate:modelValue": (P) => i.value[b.field] = P,
                     type: "number",
                     class: "bh-form-control"
                   }, null, 8, si)), [
                     [
                       Ie,
-                      i.value[v.field],
+                      i.value[b.field],
                       void 0,
                       { number: !0 }
                     ]
-                  ]) : v.type === "date" || v.type === "DateTime" ? se((c(), h("input", {
+                  ]) : b.type === "date" || b.type === "DateTime" ? ue((c(), h("input", {
                     key: 2,
-                    "onUpdate:modelValue": (T) => i.value[v.field] = T,
+                    "onUpdate:modelValue": (P) => i.value[b.field] = P,
                     type: "date",
                     class: "bh-form-control"
                   }, null, 8, ri)), [
-                    [Ie, i.value[v.field]]
-                  ]) : v.type === "bool" ? se((c(), h("select", {
+                    [Ie, i.value[b.field]]
+                  ]) : b.type === "bool" ? ue((c(), h("select", {
                     key: 3,
-                    "onUpdate:modelValue": (T) => i.value[v.field] = T,
+                    "onUpdate:modelValue": (P) => i.value[b.field] = P,
                     class: "bh-form-control",
                     onClick: u[1] || (u[1] = //@ts-ignore
-                    (...T) => l.isOpenFilter && l.isOpenFilter(...T))
+                    (...P) => l.isOpenFilter && l.isOpenFilter(...P))
                   }, fi, 8, ai)), [
-                    [it, i.value[v.field]]
-                  ]) : P("", !0)
+                    [it, i.value[b.field]]
+                  ]) : T("", !0)
                 ], 64)),
                 l.all.showFloatingFilterLabel ? (c(), h("div", hi, [
-                  m(v) && l.all.useNewColumnFilter ? (c(), h("label", {
+                  v(b) && l.all.useNewColumnFilter ? (c(), h("label", {
                     key: 0,
                     class: I(["bh-floating-label", {
-                      "bh-floating-label--active": g(v)
+                      "bh-floating-label--active": g(b)
                     }])
-                  }, H(_(v)), 3)) : P("", !0),
-                  v.type === "string" || v.type === "String" ? se((c(), h("input", {
+                  }, V(_(b)), 3)) : T("", !0),
+                  b.type === "string" || b.type === "String" ? ue((c(), h("input", {
                     key: 1,
-                    "onUpdate:modelValue": (T) => i.value[v.field] = T,
+                    "onUpdate:modelValue": (P) => i.value[b.field] = P,
                     type: "text",
                     class: I(["bh-form-control", {
-                      "bh-form-control--with-label": m(v) && l.all.useNewColumnFilter
+                      "bh-form-control--with-label": v(b) && l.all.useNewColumnFilter
                     }])
                   }, null, 10, pi)), [
-                    [Ie, i.value[v.field]]
-                  ]) : P("", !0),
-                  v.type === "number" || v.type === "integer" || v.type === "Integer" ? se((c(), h("input", {
+                    [Ie, i.value[b.field]]
+                  ]) : T("", !0),
+                  b.type === "number" || b.type === "integer" || b.type === "Integer" ? ue((c(), h("input", {
                     key: 2,
-                    "onUpdate:modelValue": (T) => i.value[v.field] = T,
+                    "onUpdate:modelValue": (P) => i.value[b.field] = P,
                     type: "number",
                     class: I(["bh-form-control", {
-                      "bh-form-control--with-label": m(v) && l.all.useNewColumnFilter
+                      "bh-form-control--with-label": v(b) && l.all.useNewColumnFilter
                     }])
                   }, null, 10, vi)), [
                     [
                       Ie,
-                      i.value[v.field],
+                      i.value[b.field],
                       void 0,
                       { number: !0 }
                     ]
-                  ]) : v.type === "date" || v.type === "DateTime" ? se((c(), h("input", {
+                  ]) : b.type === "date" || b.type === "DateTime" ? ue((c(), h("input", {
                     key: 3,
-                    "onUpdate:modelValue": (T) => i.value[v.field] = T,
+                    "onUpdate:modelValue": (P) => i.value[b.field] = P,
                     type: "date",
                     class: I(["bh-form-control", {
-                      "bh-form-control--with-label": m(v) && l.all.useNewColumnFilter
+                      "bh-form-control--with-label": v(b) && l.all.useNewColumnFilter
                     }])
                   }, null, 10, mi)), [
-                    [Ie, i.value[v.field]]
-                  ]) : v.type === "bool" ? se((c(), h("select", {
+                    [Ie, i.value[b.field]]
+                  ]) : b.type === "bool" ? ue((c(), h("select", {
                     key: 4,
-                    "onUpdate:modelValue": (T) => i.value[v.field] = T,
+                    "onUpdate:modelValue": (P) => i.value[b.field] = P,
                     class: "bh-form-control",
                     onClick: u[2] || (u[2] = //@ts-ignore
-                    (...T) => l.isOpenFilter && l.isOpenFilter(...T))
-                  }, ki, 8, bi)), [
-                    [it, i.value[v.field]]
-                  ]) : P("", !0)
-                ])) : P("", !0),
-                v.type !== "bool" && !l.all.useNewColumnFilter ? (c(), h("button", {
+                    (...P) => l.isOpenFilter && l.isOpenFilter(...P))
+                  }, Ci, 8, bi)), [
+                    [it, i.value[b.field]]
+                  ]) : T("", !0)
+                ])) : T("", !0),
+                b.type !== "bool" && !l.all.useNewColumnFilter ? (c(), h("button", {
                   key: 2,
                   type: "button",
                   class: I(["bh-filter-button", {
-                    "!bh-bg-primary/10 !bh-border-primary": m(v),
-                    "bh-bg-[#e0e6ed] dark:bh-bg-gray-700": !m(v),
+                    "!bh-bg-primary/10 !bh-border-primary": v(b),
+                    "bh-bg-[#e0e6ed] dark:bh-bg-gray-700": !v(b),
                     "bh-filter-button--with-label": l.all.showFloatingFilterLabel
                   }]),
-                  onClick: V((T) => e("toggleFilterMenu", v), ["stop"])
+                  onClick: G((P) => e("toggleFilterMenu", b), ["stop"])
                 }, [
-                  ee(hn, {
+                  te(hn, {
                     class: I(["bh-w-4", {
-                      "bh-text-primary": m(v),
-                      "bh-text-black/70 dark:bh-text-gray-300": !m(v)
+                      "bh-text-primary": v(b),
+                      "bh-text-black/70 dark:bh-text-gray-300": !v(b)
                     }])
                   }, null, 8, ["class"])
-                ], 10, Ci)) : P("", !0),
-                l.all.useNewColumnFilter ? P("", !0) : se((c(), re(zo, {
+                ], 10, ki)) : T("", !0),
+                l.all.useNewColumnFilter ? T("", !0) : ue((c(), ce(zo, {
                   key: 3,
-                  column: v,
-                  type: v.type,
+                  column: b,
+                  type: b.type,
                   columnFilterLang: l.columnFilterLang,
-                  onClose: u[3] || (u[3] = (T) => e("toggleFilterMenu", null)),
-                  onFilterChange: u[4] || (u[4] = (T) => e("filterChange"))
+                  onClose: u[3] || (u[3] = (P) => e("toggleFilterMenu", null)),
+                  onFilterChange: u[4] || (u[4] = (P) => e("filterChange"))
                 }, null, 8, ["column", "type", "columnFilterLang"])), [
-                  [el, l.isOpenFilter === v.field]
+                  [el, l.isOpenFilter === b.field]
                 ]),
-                l.all.useNewColumnFilter ? (c(), re(A, {
+                l.all.useNewColumnFilter ? (c(), ce(D, {
                   key: 4,
-                  shown: l.isOpenFilter === v.field,
+                  shown: l.isOpenFilter === b.field,
                   triggers: [],
                   "auto-hide": !0,
                   placement: "bottom-start",
                   distance: 4,
-                  onApplyHide: u[8] || (u[8] = (T) => e("toggleFilterMenu", null))
+                  onApplyHide: u[8] || (u[8] = (P) => e("toggleFilterMenu", null))
                 }, {
                   popper: Se(() => [
-                    ee(Ro, {
-                      column: v,
+                    te(Ao, {
+                      column: b,
                       columnFilterLang: l.columnFilterLang,
                       currentSortColumn: l.currentSortColumn,
                       currentSortDirection: l.currentSortDirection,
-                      onClose: u[5] || (u[5] = (T) => e("toggleFilterMenu", null)),
-                      onFilterChange: u[6] || (u[6] = (T) => e("filterChange")),
-                      onSortChange: u[7] || (u[7] = (T, ce) => e("sortChange", T, ce)),
+                      onClose: u[5] || (u[5] = (P) => e("toggleFilterMenu", null)),
+                      onFilterChange: u[6] || (u[6] = (P) => e("filterChange")),
+                      onSortChange: u[7] || (u[7] = (P, U) => e("sortChange", P, U)),
                       onConditionChange: z,
                       onClearFilter: E
                     }, null, 8, ["column", "columnFilterLang", "currentSortColumn", "currentSortDirection"])
                   ]),
                   default: Se(() => [
-                    v.type !== "bool" ? (c(), h("button", {
+                    b.type !== "bool" ? (c(), h("button", {
                       key: 0,
                       type: "button",
                       class: I(["bh-filter-button", {
-                        "!bh-bg-primary/10 !bh-border-primary": m(v),
-                        "bh-bg-[#e0e6ed] dark:bh-bg-gray-700": !m(v),
+                        "!bh-bg-primary/10 !bh-border-primary": v(b),
+                        "bh-bg-[#e0e6ed] dark:bh-bg-gray-700": !v(b),
                         "bh-filter-button--with-label": l.all.showFloatingFilterLabel
                       }]),
-                      onClick: V((T) => e("toggleFilterMenu", v), ["stop"])
+                      onClick: G((P) => e("toggleFilterMenu", b), ["stop"])
                     }, [
-                      ee(hn, {
+                      te(hn, {
                         class: I(["bh-w-4", {
-                          "bh-text-primary": m(v),
-                          "bh-text-black/70 dark:bh-text-gray-300": !m(v)
+                          "bh-text-primary": v(b),
+                          "bh-text-black/70 dark:bh-text-gray-300": !v(b)
                         }])
                       }, null, 8, ["class"])
-                    ], 10, xi)) : P("", !0)
+                    ], 10, xi)) : T("", !0)
                   ]),
                   _: 2
-                }, 1032, ["shown"])) : P("", !0)
-              ])) : P("", !0)
-            ], 64)) : P("", !0)
+                }, 1032, ["shown"])) : T("", !0)
+              ])) : T("", !0)
+            ], 64)) : T("", !0)
           ], 6))
         ], 64))), 256))
       ]);
@@ -2510,9 +2535,9 @@ const hn = /* @__PURE__ */ je(Ko, [["render", Zo]]), ei = { key: "hdrrow" }, ti
 ], Ii = {
   class: "bh-flex-1",
   style: { overflow: "auto", "min-width": "0", width: "100%" }
-}, Pi = /* @__PURE__ */ w("span", null, "##Top Menu Slot##", -1), Ti = /* @__PURE__ */ w("span", null, "##Table Header Area Slot##", -1), Ni = /* @__PURE__ */ w("span", null, "##Table Action Header Slot##", -1), $i = ["onClick"], Oi = { class: "bh-checkbox" }, Ri = ["value"], Ai = ["innerHTML"], qi = ["onClick"], Di = ["colspan"], Wi = ["colspan"], Bi = /* @__PURE__ */ w("div", { class: "bh-skeleton-box bh-h-8" }, null, -1), Hi = [
+}, Ti = /* @__PURE__ */ w("span", null, "##Top Menu Slot##", -1), Pi = /* @__PURE__ */ w("span", null, "##Table Header Area Slot##", -1), Ni = /* @__PURE__ */ w("span", null, "##Table Action Header Slot##", -1), $i = ["onClick"], Oi = { class: "bh-checkbox" }, Ai = ["value"], Ri = ["innerHTML"], qi = ["onClick"], Di = ["colspan"], Wi = ["colspan"], Bi = /* @__PURE__ */ w("div", { class: "bh-skeleton-box bh-h-8" }, null, -1), Hi = [
   Bi
-], Vi = ["colspan"], ji = /* @__PURE__ */ w("span", null, "##Table Header Area Slot##", -1), Ui = ["onClick"], Gi = { class: "bh-checkbox" }, Qi = ["value"], Ki = ["innerHTML"], Ji = ["onClick"], Yi = ["colspan"], Xi = ["colspan"], Zi = /* @__PURE__ */ w("div", { class: "bh-skeleton-box bh-h-8" }, null, -1), es = [
+], Vi = ["colspan"], Ui = /* @__PURE__ */ w("span", null, "##Table Header Area Slot##", -1), ji = ["onClick"], Gi = { class: "bh-checkbox" }, Ki = ["value"], Qi = ["innerHTML"], Ji = ["onClick"], Yi = ["colspan"], Xi = ["colspan"], Zi = /* @__PURE__ */ w("div", { class: "bh-skeleton-box bh-h-8" }, null, -1), es = [
   Zi
 ], ts = ["colspan"], ns = { class: "bh-flex bh-items-center bh-flex-wrap bh-flex-col sm:bh-flex-row bh-gap-4" }, ls = { class: "bh-pagination-info bh-flex bh-items-center" }, os = { class: "bh-mr-2" }, is = ["value"], ss = { class: "bh-pagination-number sm:bh-ml-auto bh-inline-flex bh-items-center bh-space-x-1" }, rs = ["innerHTML"], as = {
   key: 1,
@@ -2552,20 +2577,20 @@ const hn = /* @__PURE__ */ je(Ko, [["render", Zo]]), ei = { key: "hdrrow" }, ti
   d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8L4.646 2.354a.5.5 0 0 1 0-.708z"
 }, null, -1), ys = [
   gs
-], ws = ["innerHTML"], ks = {
+], ws = ["innerHTML"], Cs = {
   key: 1,
   "aria-hidden": "true",
   width: "14",
   height: "14",
   viewBox: "0 0 16 16"
-}, Cs = /* @__PURE__ */ w("g", {
+}, ks = /* @__PURE__ */ w("g", {
   fill: "currentColor",
   "fill-rule": "evenodd"
 }, [
   /* @__PURE__ */ w("path", { d: "M3.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L9.293 8L3.646 2.354a.5.5 0 0 1 0-.708z" }),
   /* @__PURE__ */ w("path", { d: "M7.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L13.293 8L7.646 2.354a.5.5 0 0 1 0-.708z" })
 ], -1), xs = [
-  Cs
+  ks
 ], Ss = {
   name: "Vue3Datatable"
 }, _s = /* @__PURE__ */ Le({
@@ -2661,116 +2686,130 @@ const hn = /* @__PURE__ */ je(Ko, [["render", Zo]]), ei = { key: "hdrrow" }, ti
     }
     const i = q([]), r = q(e.page), a = q(
       e.pagination ? e.pageSize : (Vt = e.rows) == null ? void 0 : Vt.length
-    ), f = e.pageSize, g = q(e.sortColumn), m = e.sortColumn, x = q(e.sortDirection), _ = e.sortDirection, z = q(e.totalRows), E = q([]), k = q(null), u = q(e.loading), A = q(e.search);
+    ), f = e.pageSize, g = q(e.sortColumn), v = e.sortColumn, x = q(e.sortDirection), _ = e.sortDirection, z = q(e.totalRows), E = q([]), C = q(null), u = q(e.loading), D = q(e.search);
     JSON.parse(JSON.stringify(e.columns));
-    const v = q(null), Q = q(null);
-    let T = q(0);
-    const ce = q(230), D = q(e.leftmenuDefaultWidth), j = q(!1), de = q(null), ie = /* @__PURE__ */ new Map(), R = (s, p) => {
+    const b = q(null), j = q(null);
+    let P = q(0);
+    const U = q(230), R = q(e.leftmenuDefaultWidth), W = q(!1), re = q(null), ie = /* @__PURE__ */ new Map(), $ = (s, p) => {
       if (!p) return;
-      const b = `${s.id || JSON.stringify(s)}-${p}`;
-      if (ie.has(b))
-        return ie.get(b);
-      const O = p.split(".").reduce((M, Z) => M == null ? void 0 : M[Z], s);
-      return ie.set(b, O), O;
+      const m = `${s.id || JSON.stringify(s)}-${p}`;
+      if (ie.has(m))
+        return ie.get(m);
+      const A = p.split(".").reduce((M, ee) => M == null ? void 0 : M[ee], s);
+      return ie.set(m, A), A;
     };
-    X(() => e.rows, () => {
-      ie.clear();
-    }, { deep: !1 });
-    const le = Y(() => {
+    Z(
+      () => e.rows,
+      () => {
+        ie.clear();
+      },
+      { deep: !1 }
+    );
+    const ne = X(() => {
       const s = e.columns.find((p) => p.isUnique);
       return (s == null ? void 0 : s.field) || null;
-    }), me = Y(() => le.value ? new Map(i.value.map((s, p) => [p, s[le.value]])) : null), _e = (s) => {
+    }), se = X(() => ne.value ? new Map(
+      i.value.map((s, p) => [
+        p,
+        s[ne.value]
+      ])
+    ) : null), _e = (s) => {
       var p;
-      return le.value ? ((p = me.value) == null ? void 0 : p.get(s)) ?? s : s;
+      return ne.value ? ((p = se.value) == null ? void 0 : p.get(s)) ?? s : s;
     }, Ne = (s, p) => {
-      const b = s._rowIndex !== void 0 ? s._rowIndex : s.id || p;
-      return ae.value.get(b) === !0;
-    }, ze = Y(() => typeof e.rowClass == "function"), be = Y(() => typeof e.cellClass == "function"), $e = /* @__PURE__ */ new Map(), ft = (s) => {
+      const m = s._rowIndex !== void 0 ? s._rowIndex : s.id || p;
+      return de.value.get(m) === !0;
+    }, ze = X(() => typeof e.rowClass == "function"), be = X(
+      () => typeof e.cellClass == "function"
+    ), $e = /* @__PURE__ */ new Map(), ft = (s) => {
       const p = s ? "numeric" : "string";
-      return $e.has(p) || $e.set(p, new Intl.Collator(void 0, {
-        numeric: s,
-        sensitivity: "base"
-      })), $e.get(p);
-    }, Ue = Y(() => {
-      var O, M, Z;
+      return $e.has(p) || $e.set(
+        p,
+        new Intl.Collator(void 0, {
+          numeric: s,
+          sensitivity: "base"
+        })
+      ), $e.get(p);
+    }, je = X(() => {
+      var A, M, ee;
       let s = e.rows || [];
       if (!e.isServerMode) {
-        if ((O = e.columns) == null || O.forEach((y) => {
+        if ((A = e.columns) == null || A.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((N) => {
-            var J;
-            return (J = R(N, y.field)) == null ? void 0 : J.toString().toLowerCase().includes(y.value.toLowerCase());
+            var Y;
+            return (Y = $(N, y.field)) == null ? void 0 : Y.toString().toLowerCase().includes(y.value.toLowerCase());
           }) : y.condition === "NotContains" ? s = s.filter((N) => {
-            var J;
-            return !((J = R(N, y.field)) != null && J.toString().toLowerCase().includes(y.value.toLowerCase()));
+            var Y;
+            return !((Y = $(N, y.field)) != null && Y.toString().toLowerCase().includes(y.value.toLowerCase()));
           }) : y.condition === "Equal" ? s = s.filter((N) => {
-            var J;
-            return ((J = R(N, y.field)) == null ? void 0 : J.toString().toLowerCase()) === y.value.toLowerCase();
+            var Y;
+            return ((Y = $(N, y.field)) == null ? void 0 : Y.toString().toLowerCase()) === y.value.toLowerCase();
           }) : y.condition === "NotEqual" ? s = s.filter((N) => {
-            var J;
-            return ((J = R(N, y.field)) == null ? void 0 : J.toString().toLowerCase()) !== y.value.toLowerCase();
+            var Y;
+            return ((Y = $(N, y.field)) == null ? void 0 : Y.toString().toLowerCase()) !== y.value.toLowerCase();
           }) : y.condition == "StartsWith" ? s = s.filter((N) => {
-            var J;
-            return ((J = R(N, y.field)) == null ? void 0 : J.toString().toLowerCase().indexOf(y.value.toLowerCase())) === 0;
+            var Y;
+            return ((Y = $(N, y.field)) == null ? void 0 : Y.toString().toLowerCase().indexOf(y.value.toLowerCase())) === 0;
           }) : y.condition == "EndsWith" && (s = s.filter((N) => {
-            var J;
-            return ((J = R(N, 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((N) => R(N, y.field) && parseFloat(R(N, y.field)) === parseFloat(y.value)) : y.condition === "NotEqual" ? s = s.filter((N) => R(N, y.field) && parseFloat(R(N, y.field)) !== parseFloat(y.value)) : y.condition === "GreaterThan" ? s = s.filter((N) => R(N, y.field) && parseFloat(R(N, y.field)) > parseFloat(y.value)) : y.condition === "GreaterThanOrEqual" ? s = s.filter((N) => R(N, y.field) && parseFloat(R(N, y.field)) >= parseFloat(y.value)) : y.condition === "LessThan" ? s = s.filter((N) => R(N, y.field) && parseFloat(R(N, y.field)) < parseFloat(y.value)) : y.condition === "LessThanOrEqual" && (s = s.filter((N) => R(N, y.field) && parseFloat(R(N, y.field)) <= parseFloat(y.value)))) : y.type === "date" ? (y.value && !y.condition && (y.condition = "Equal"), y.condition === "Equal" ? s = s.filter((N) => R(N, y.field) && Je(R(N, y.field)) === y.value) : y.condition === "NotEqual" ? s = s.filter((N) => R(N, y.field) && Je(R(N, y.field)) !== y.value) : y.condition === "GreaterThan" ? s = s.filter((N) => R(N, y.field) && Je(R(N, y.field)) > y.value) : y.condition === "LessThan" && (s = s.filter((N) => R(N, y.field) && Je(R(N, y.field)) < y.value))) : y.type === "bool" && (s = s.filter((N) => R(N, y.field) === y.value)), y.condition === "IsNull" ? (s = s.filter((N) => R(N, y.field) == null || R(N, y.field) == ""), y.value = "") : y.condition === "IsNotNull" && (y.value = "", s = s.filter((N) => R(N, y.field))));
-        }), A.value && (s != null && s.length)) {
+            var Y;
+            return ((Y = $(N, y.field)) == null ? void 0 : Y.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((N) => $(N, y.field) && parseFloat($(N, y.field)) === parseFloat(y.value)) : y.condition === "NotEqual" ? s = s.filter((N) => $(N, y.field) && parseFloat($(N, y.field)) !== parseFloat(y.value)) : y.condition === "GreaterThan" ? s = s.filter((N) => $(N, y.field) && parseFloat($(N, y.field)) > parseFloat(y.value)) : y.condition === "GreaterThanOrEqual" ? s = s.filter((N) => $(N, y.field) && parseFloat($(N, y.field)) >= parseFloat(y.value)) : y.condition === "LessThan" ? s = s.filter((N) => $(N, y.field) && parseFloat($(N, y.field)) < parseFloat(y.value)) : y.condition === "LessThanOrEqual" && (s = s.filter((N) => $(N, y.field) && parseFloat($(N, y.field)) <= parseFloat(y.value)))) : y.type === "date" ? (y.value && !y.condition && (y.condition = "Equal"), y.condition === "Equal" ? s = s.filter((N) => $(N, y.field) && Je($(N, y.field)) === y.value) : y.condition === "NotEqual" ? s = s.filter((N) => $(N, y.field) && Je($(N, y.field)) !== y.value) : y.condition === "GreaterThan" ? s = s.filter((N) => $(N, y.field) && Je($(N, y.field)) > y.value) : y.condition === "LessThan" && (s = s.filter((N) => $(N, y.field) && Je($(N, y.field)) < y.value))) : y.type === "bool" && (s = s.filter((N) => $(N, y.field) === y.value)), y.condition === "IsNull" ? (s = s.filter((N) => $(N, y.field) == null || $(N, y.field) == ""), y.value = "") : y.condition === "IsNotNull" && (y.value = "", s = s.filter((N) => $(N, y.field))));
+        }), D.value && (s != null && s.length)) {
           let y = [];
-          const N = (e.columns || []).filter((J) => J.search && !J.hide).map((J) => J.field);
+          const N = (e.columns || []).filter((Y) => Y.search && !Y.hide).map((Y) => Y.field);
           for (var p = 0; p < (s == null ? void 0 : s.length); p++)
-            for (var b = 0; b < N.length; b++)
-              if ((M = R(s[p], N[b])) != null && M.toString().toLowerCase().includes(A.value.toLowerCase())) {
+            for (var m = 0; m < N.length; m++)
+              if ((M = $(s[p], N[m])) != null && M.toString().toLowerCase().includes(D.value.toLowerCase())) {
                 y.push(s[p]);
                 break;
               }
           s = y;
         }
-        const ge = ((Z = e.columns.find((y) => y.field == g.value)) == null ? void 0 : Z.type) === "number", jn = ft(ge || !1), Un = x.value === "desc" ? -1 : 1;
+        const ge = ((ee = e.columns.find((y) => y.field == g.value)) == null ? void 0 : ee.type) === "number", Un = ft(ge || !1), jn = x.value === "desc" ? -1 : 1;
         s.sort((y, N) => {
-          var jt, Ut;
-          const J = (jt = g.value) == null ? void 0 : jt.split(".").reduce((Ce, mt) => Ce == null ? void 0 : Ce[mt], y), Gn = (Ut = g.value) == null ? void 0 : Ut.split(".").reduce((Ce, mt) => Ce == null ? void 0 : Ce[mt], N);
-          return jn.compare(J, Gn) * Un;
+          var Ut, jt;
+          const Y = (Ut = g.value) == null ? void 0 : Ut.split(".").reduce((ke, mt) => ke == null ? void 0 : ke[mt], y), Gn = (jt = g.value) == null ? void 0 : jt.split(".").reduce((ke, mt) => ke == null ? void 0 : ke[mt], N);
+          return Un.compare(Y, Gn) * jn;
         });
       }
       return s;
-    }), ae = q(/* @__PURE__ */ new Map()), ve = () => {
-      let s = [], p = Ue.value;
-      e.isServerMode ? (z.value = e.totalRows || 0, s = p) : (z.value = (p == null ? void 0 : p.length) || 0, s = p.slice(C.value - 1, L.value)), e.hasSubtable && s.forEach(function(b, O) {
-        if (b.isExpanded !== void 0) {
-          const M = b._rowIndex !== void 0 ? b._rowIndex : b.id || O;
-          ae.value.set(M, b.isExpanded);
+    }), de = q(/* @__PURE__ */ new Map()), me = () => {
+      let s = [], p = je.value;
+      e.isServerMode ? (z.value = e.totalRows || 0, s = p) : (z.value = (p == null ? void 0 : p.length) || 0, s = p.slice(k.value - 1, L.value)), e.hasSubtable && s.forEach(function(m, A) {
+        if (m.isExpanded !== void 0) {
+          const M = m._rowIndex !== void 0 ? m._rowIndex : m.id || A;
+          de.value.set(M, m.isExpanded);
         }
       }), i.value = s || [];
-    }, ke = () => {
-      if (de.value) {
-        const s = j.value ? e.leftmenuMinWidth : e.leftmenuDefaultWidth;
-        de.value.style.cssText = `
-      width: ${D.value}px !important;
+    }, Ce = () => {
+      if (re.value) {
+        const s = W.value ? e.leftmenuMinWidth : e.leftmenuDefaultWidth;
+        re.value.style.cssText = `
+      width: ${R.value}px !important;
       min-width: ${s}px !important;
       max-width: ${s}px !important;
     `;
       }
     }, Ge = () => {
-      j.value ? D.value = e.leftmenuMinWidth : D.value = e.leftmenuDefaultWidth, ke();
+      W.value ? R.value = e.leftmenuMinWidth : R.value = e.leftmenuDefaultWidth, Ce();
     }, Oe = () => {
-      j.value = !j.value, D.value = j.value ? e.leftmenuMinWidth : e.leftmenuDefaultWidth, ke(), U("currentLeftMenuSize", D.value);
+      W.value = !W.value, R.value = W.value ? e.leftmenuMinWidth : e.leftmenuDefaultWidth, Ce(), K("currentLeftMenuSize", R.value);
     };
-    Te(() => {
-      ve(), Pe(() => {
-        Ae.value <= 0 && (Ae.value = 10), U("currentTopMenuSize", e.topmenumin || 20), e.initialLeftMenuState !== void 0 ? (j.value = e.initialLeftMenuState, D.value = j.value ? e.leftmenuMinWidth : e.leftmenuDefaultWidth) : D.value = e.leftmenuDefaultWidth, ke(), window.addEventListener("resize", Ge);
+    Pe(() => {
+      me(), Te(() => {
+        Re.value <= 0 && (Re.value = 10), K("currentTopMenuSize", e.topmenumin || 20), e.initialLeftMenuState !== void 0 ? (W.value = e.initialLeftMenuState, R.value = W.value ? e.leftmenuMinWidth : e.leftmenuDefaultWidth) : R.value = e.leftmenuDefaultWidth, Ce(), window.addEventListener("resize", Ge);
       });
     });
-    const U = n;
+    const K = n;
     o({
       reset() {
         On();
       },
       getSelectedRows() {
-        return Rn();
+        return An();
       },
       getColumnFilters() {
-        return An();
+        return Rn();
       },
       clearSelectedRows() {
         return qn();
@@ -2785,24 +2824,28 @@ const hn = /* @__PURE__ */ je(Ko, [["render", Zo]]), ei = { key: "hdrrow" }, ti
         return Xe(s);
       },
       getFilteredRows() {
-        return Ue.value;
+        return je.value;
       },
       collapseAll() {
         Dn();
       },
       setLeftMenuState(s) {
-        j.value = s, D.value = s ? e.leftmenuMinWidth : e.leftmenuDefaultWidth, ke();
+        W.value = s, R.value = s ? e.leftmenuMinWidth : e.leftmenuDefaultWidth, Ce();
       }
-    }), X(() => e.initialLeftMenuState, (s) => {
-      s !== void 0 && (j.value = s, D.value = j.value ? e.leftmenuMinWidth : e.leftmenuDefaultWidth, ke());
-    }, { immediate: !0 });
-    const Qe = (s, ...p) => s.replace(/{(\d+)}/g, (b, O) => typeof p[O] < "u" ? p[O] : b), d = Y(() => {
+    }), Z(
+      () => e.initialLeftMenuState,
+      (s) => {
+        s !== void 0 && (W.value = s, R.value = W.value ? e.leftmenuMinWidth : e.leftmenuDefaultWidth, Ce());
+      },
+      { immediate: !0 }
+    );
+    const Ke = (s, ...p) => s.replace(/{(\d+)}/g, (m, A) => typeof p[A] < "u" ? p[A] : m), d = X(() => {
       const s = a.value < 1 ? 1 : Math.ceil(z.value / a.value);
       return Math.max(s || 0, 1);
-    }), C = Y(() => (r.value - 1) * a.value + 1), L = Y(() => {
+    }), k = X(() => (r.value - 1) * a.value + 1), L = X(() => {
       const s = r.value * a.value;
       return z.value >= s ? s : z.value;
-    }), S = Y(() => {
+    }), S = X(() => {
       let s, p;
       return typeof e.showNumbersCount < "u" && e.showNumbersCount < d.value ? (s = Math.max(
         r.value - Math.floor(e.showNumbersCount / 2),
@@ -2811,98 +2854,105 @@ const hn = /* @__PURE__ */ je(Ko, [["render", Zo]]), ei = { key: "hdrrow" }, ti
         (M) => s + M
       );
     });
-    X(
+    Z(
       () => e.loading,
       () => {
         u.value = e.loading;
       }
     );
     const F = (s) => {
-      s ? v.value === s.field ? v.value = null : v.value = s.field : v.value = null;
-    }, $ = () => {
+      s ? b.value === s.field ? b.value = null : b.value = s.field : b.value = null;
+    }, O = () => {
       if (r.value == 1)
         return !1;
       r.value--;
-    }, W = (s) => {
+    }, B = (s) => {
       r.value = s;
-    }, te = () => {
+    }, le = () => {
       if (r.value >= d.value)
         return !1;
       r.value++;
     };
-    X(() => r.value, () => {
-      fe(!1), e.isServerMode ? Ee("page") : (ve(), U("pageChange", r.value));
-    }), X(() => e.rows, () => {
-      e.isServerMode || (r.value = 1), fe(!1), ve();
+    Z(() => r.value, () => {
+      he(!1), e.isServerMode ? Ee("page") : (me(), K("pageChange", r.value));
+    }), Z(() => e.rows, () => {
+      e.isServerMode || (r.value = 1), he(!1), me();
     });
     const pt = (s) => {
       a.value = s;
     };
-    X(() => a.value, () => {
-      fe(!1), e.isServerMode ? r.value === 1 ? Ee("pagesize", !0) : r.value = 1 : (r.value = 1, ve(), U("pageSizeChange", a.value));
+    Z(() => a.value, () => {
+      he(!1), e.isServerMode ? r.value === 1 ? Ee("pagesize", !0) : r.value = 1 : (r.value = 1, me(), K("pageSizeChange", a.value));
     });
-    const Ke = (s, p) => {
-      let b = p || "asc";
-      p || s == g.value && x.value === "asc" && (b = "desc");
-      let O = (r.value - 1) * a.value, M = a.value;
-      g.value = s, x.value = b, fe(!1), ve(), e.isServerMode ? Ee("sort") : U("sortChange", { offset: O, limit: M, field: s, direction: b });
+    const Qe = (s, p) => {
+      let m = p || "asc";
+      p || s == g.value && x.value === "asc" && (m = "desc");
+      let A = (r.value - 1) * a.value, M = a.value;
+      g.value = s, x.value = m, he(!1), me(), e.isServerMode ? Ee("sort") : K("sortChange", { offset: A, limit: M, field: s, direction: m });
     }, qt = (s) => {
-      k.value = s.length && i.value.length && s.length === i.value.length;
-      const p = i.value.filter((b, O) => {
-        var Z;
-        const M = le.value ? ((Z = me.value) == null ? void 0 : Z.get(O)) ?? O : O;
+      C.value = s.length && i.value.length && s.length === i.value.length;
+      const p = i.value.filter((m, A) => {
+        var ee;
+        const M = ne.value ? ((ee = se.value) == null ? void 0 : ee.get(A)) ?? A : A;
         return E.value.includes(M);
       });
-      U("rowSelect", p);
+      K("rowSelect", p);
     };
-    X(() => E.value, qt);
-    const fe = (s) => {
+    Z(() => E.value, qt);
+    const he = (s) => {
       s ? E.value = i.value.map(
-        (p, b) => {
-          var O;
-          return le.value ? ((O = me.value) == null ? void 0 : O.get(b)) ?? b : b;
+        (p, m) => {
+          var A;
+          return ne.value ? ((A = se.value) == null ? void 0 : A.get(m)) ?? m : m;
         }
       ) : E.value = [];
-    }, Re = () => {
-      fe(!1), e.isServerMode ? r.value === 1 ? Ee("filter", !0) : r.value = 1 : (r.value = 1, ve(), U("filterChange", e.columns));
+    }, Ae = () => {
+      console.log("🔍 [CUSTOM-TABLE] filterChange called", {
+        isServerMode: e.isServerMode,
+        currentPage: r.value
+      }), he(!1), e.isServerMode ? r.value === 1 ? Ee("filter", !0) : r.value = 1 : (r.value = 1, me(), K("filterChange", e.columns));
     }, Dt = (s) => {
-      Re();
+      Ae();
     }, Nn = () => {
-      fe(!1), e.isServerMode ? r.value === 1 ? Ee("search", !0) : r.value = 1 : (r.value = 1, ve(), U("searchChange", A.value));
+      he(!1), e.isServerMode ? r.value === 1 ? Ee("search", !0) : r.value = 1 : (r.value = 1, me(), K("searchChange", D.value));
     };
-    X(
+    Z(
       () => e.search,
       () => {
-        A.value = e.search, Nn();
+        D.value = e.search, Nn();
       }
     );
     const Je = (s) => {
       try {
         if (!s)
           return "";
-        const p = new Date(s), b = p.getDate(), O = p.getMonth() + 1;
-        return p.getFullYear() + "-" + (O > 9 ? O : "0" + O) + "-" + (b > 9 ? b : "0" + b);
+        const p = new Date(s), m = p.getDate(), A = p.getMonth() + 1;
+        return p.getFullYear() + "-" + (A > 9 ? A : "0" + A) + "-" + (m > 9 ? m : "0" + m);
       } catch {
       }
       return "";
     }, Ye = (s, p) => {
-      T.value++, T.value === 1 ? Q.value = setTimeout(() => {
-        T.value = 0, e.selectRowOnClick && (Xe(p) ? Bt(p) : Wt(p), qt(E.value)), U("rowClick", s);
-      }, ce.value) : T.value === 2 && (clearTimeout(Q.value), T.value = 0, U("rowDBClick", s));
+      P.value++, P.value === 1 ? j.value = setTimeout(() => {
+        P.value = 0, e.selectRowOnClick && (Xe(p) ? Bt(p) : Wt(p), qt(E.value)), K("rowClick", s);
+      }, U.value) : P.value === 2 && (clearTimeout(j.value), P.value = 0, K("rowDBClick", s));
     }, Ee = (s, p = !1) => {
-      if (e.isServerMode) {
+      if (console.log("🔍 [CHANGE-FOR-SERVER]", {
+        changeType: s,
+        columnFiltersCount: e.columns.length,
+        firstColumn: e.columns[0]
+      }), e.isServerMode) {
         $n();
-        const b = {
+        const m = {
           current_page: p ? 1 : r.value,
           pagesize: a.value,
           offset: (r.value - 1) * a.value,
           sort_column: g.value,
           sort_direction: x.value,
-          search: A.value,
+          search: D.value,
           column_filters: e.columns,
           change_type: s
         };
-        U("change", b);
+        console.log("🔍 [EMITTING-CHANGE]", m), K("change", m);
       }
     }, $n = () => {
       for (let s = 0; s < e.columns.length; s++) {
@@ -2910,81 +2960,85 @@ const hn = /* @__PURE__ */ je(Ko, [["render", Zo]]), ei = { key: "hdrrow" }, ti
         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"));
       }
     }, On = () => {
-      fe(!1);
+      he(!1);
       for (let s = 0; s < e.columns.length; s++)
         e.columns[s].value = "";
-      A.value = "", a.value = f, g.value = m, x.value = _, e.isServerMode ? r.value === 1 ? Ee("reset", !0) : r.value = 1 : (r.value = 1, ve());
-    }, Rn = () => i.value.filter((p, b) => {
+      D.value = "", a.value = f, g.value = v, x.value = _, e.isServerMode ? r.value === 1 ? Ee("reset", !0) : r.value = 1 : (r.value = 1, me());
+    }, An = () => i.value.filter((p, m) => {
       var M;
-      const O = le.value ? ((M = me.value) == null ? void 0 : M.get(b)) ?? b : b;
-      return E.value.includes(O);
-    }), An = () => e.columns, qn = () => {
+      const A = ne.value ? ((M = se.value) == null ? void 0 : M.get(m)) ?? m : m;
+      return E.value.includes(A);
+    }), Rn = () => e.columns, qn = () => {
       E.value = [];
     }, Wt = (s) => {
       var p;
       if (!Xe(s)) {
-        const b = le.value ? ((p = me.value) == null ? void 0 : p.get(s)) ?? s : s;
-        E.value.push(b);
+        const m = ne.value ? ((p = se.value) == null ? void 0 : p.get(s)) ?? s : s;
+        E.value.push(m);
       }
     }, Bt = (s) => {
       var p;
       if (Xe(s)) {
-        const b = le.value ? ((p = me.value) == null ? void 0 : p.get(s)) ?? s : s;
-        E.value = E.value.filter((O) => O !== b);
+        const m = ne.value ? ((p = se.value) == null ? void 0 : p.get(s)) ?? s : s;
+        E.value = E.value.filter((A) => A !== m);
       }
     }, Xe = (s) => {
-      var b;
+      var m;
       if (s >= i.value.length) return !1;
-      const p = le.value ? ((b = me.value) == null ? void 0 : b.get(s)) ?? s : s;
+      const p = ne.value ? ((m = se.value) == null ? void 0 : m.get(s)) ?? s : s;
       return E.value.includes(p);
     }, Dn = () => {
-      ae.value.forEach((s, p) => {
-        ae.value.set(p, !1);
+      de.value.forEach((s, p) => {
+        de.value.set(p, !1);
       });
     };
-    let he = 0;
-    e.hasCheckbox && he++, e.hasSubtable && he++, e.hasRightPanel && he++;
-    const Ae = q(e.topmenusize), Ze = q(null), { height: Wn } = bl(Ze, { box: "border-box" }, { throttle: 100 }), Bn = Qt(() => {
-      Pe(() => {
+    let pe = 0;
+    e.hasCheckbox && pe++, e.hasSubtable && pe++, e.hasRightPanel && pe++;
+    const Re = q(e.topmenusize), Ze = q(null), { height: Wn } = bl(
+      Ze,
+      { box: "border-box" },
+      { throttle: 100 }
+    ), Bn = Kt(() => {
+      Te(() => {
         let s = Ze.value;
         if (s && typeof s == "object" && (s = s.$el || s), s instanceof HTMLElement) {
           const p = s.offsetHeight || 0;
-          U("currentTopMenuSize", p);
+          K("currentTopMenuSize", p);
         }
       });
     }, 50), Hn = ul((s) => {
       if (!s || !s.panes || !s.panes.length) return;
       const p = s.panes[0].size;
-      Ae.value = p, Bn();
-    }, 16), Vn = Qt(() => {
+      Re.value = p, Bn();
+    }, 16), Vn = Kt(() => {
       let s = Ze.value;
-      s && typeof s == "object" && (s = s.$el || s), s instanceof HTMLElement && U("currentTopMenuSize", s.offsetHeight || 0);
+      s && typeof s == "object" && (s = s.$el || s), s instanceof HTMLElement && K("currentTopMenuSize", s.offsetHeight || 0);
     }, 50);
-    return X(() => Ae.value, Vn), tl(() => {
+    return Z(() => Re.value, Vn), tl(() => {
       window.removeEventListener("resize", Ge), ie.clear();
     }), (s, p) => (c(), h("div", Fi, [
-      ee(G(Jt), {
+      te(Q(Jt), {
         class: "default-theme",
-        style: K({ height: e.height })
+        style: J({ height: e.height })
       }, {
         default: Se(() => [
-          ee(G(gt), null, {
+          te(Q(gt), null, {
             default: Se(() => [
               w("div", Li, [
                 s.enableleftmenu ? (c(), h("div", {
                   key: 0,
                   ref_key: "leftmenuel",
-                  ref: de,
+                  ref: re,
                   class: "left-menu-container bh-relative",
-                  style: K({
-                    width: D.value + "px",
+                  style: J({
+                    width: R.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: (W.value ? e.leftmenuMinWidth : e.leftmenuDefaultWidth) + "px",
+                    maxWidth: (W.value ? e.leftmenuMinWidth : e.leftmenuDefaultWidth) + "px"
                   })
                 }, [
-                  ne(s.$slots, "tableleftmenu", {}, () => [
+                  oe(s.$slots, "tableleftmenu", {}, () => [
                     _i
                   ]),
                   e.showResizeButton ? (c(), h("div", zi, [
@@ -2998,56 +3052,61 @@ const hn = /* @__PURE__ */ je(Ko, [["render", Zo]]), ei = { key: "hdrrow" }, ti
                         viewBox: "0 0 8 12",
                         fill: "none",
                         xmlns: "http://www.w3.org/2000/svg",
-                        style: K({ transform: j.value ? "rotate(180deg)" : "none" })
+                        style: J({
+                          transform: W.value ? "rotate(180deg)" : "none"
+                        })
                       }, Mi, 4))
                     ])
-                  ])) : P("", !0)
-                ], 4)) : P("", !0),
+                  ])) : T("", !0)
+                ], 4)) : T("", !0),
                 w("div", Ii, [
-                  s.enabletopmenu ? (c(), re(G(Jt), {
+                  s.enabletopmenu ? (c(), ce(Q(Jt), {
                     key: 0,
                     class: "default-theme",
                     horizontal: "horizontal",
-                    onResize: G(Hn),
+                    onResize: Q(Hn),
                     "push-other-panes": ""
                   }, {
                     default: Se(() => [
-                      s.enabletopmenu ? (c(), re(G(gt), {
+                      s.enabletopmenu ? (c(), ce(Q(gt), {
                         key: 0,
                         ref_key: "topmenuel",
                         ref: Ze,
-                        size: Ae.value || 10,
+                        size: Re.value || 10,
                         "max-size": s.topmenumax || 100,
-                        style: K({ "min-height": s.topmenumin + "px" })
+                        style: J({ "min-height": s.topmenumin + "px" })
                       }, {
                         default: Se(() => [
-                          ne(s.$slots, "tabletopmenu", {}, () => [
-                            Pi
+                          oe(s.$slots, "tabletopmenu", {}, () => [
+                            Ti
                           ])
                         ]),
                         _: 3
-                      }, 8, ["size", "max-size", "style"])) : P("", !0),
-                      ee(G(gt), {
-                        style: K({ "padding-right": s.tableRightOffset + "px", "padding-left": s.tableLeftOffset + "px" })
+                      }, 8, ["size", "max-size", "style"])) : T("", !0),
+                      te(Q(gt), {
+                        style: J({
+                          "padding-right": s.tableRightOffset + "px",
+                          "padding-left": s.tableLeftOffset + "px"
+                        })
                       }, {
                         default: Se(() => [
                           s.enableHeaderArea ? (c(), h("div", {
                             key: 0,
                             class: "bh-w-full bh-overflow-auto",
-                            style: K({ height: s.headerAreaHeight, "margin-bottom": "10px" })
+                            style: J({ height: s.headerAreaHeight, "margin-bottom": "10px" })
                           }, [
-                            ne(s.$slots, "tableHeaderArea", {}, () => [
-                              Ti
+                            oe(s.$slots, "tableHeaderArea", {}, () => [
+                              Pi
                             ])
-                          ], 4)) : P("", !0),
-                          ne(s.$slots, "tableactionheader", {}, () => [
+                          ], 4)) : T("", !0),
+                          oe(s.$slots, "tableactionheader", {}, () => [
                             Ni
                           ]),
                           w("div", {
                             class: I(["bh-table-responsive", { "bh-min-h-[100px]": u.value }]),
-                            style: K({
+                            style: J({
                               overflow: "auto",
-                              height: e.stickyHeader ? Number(e.height.replace("px", "")) - (e.footerOffset + (G(Wn) || 0)) + "px" : "auto"
+                              height: e.stickyHeader ? Number(e.height.replace("px", "")) - (e.footerOffset + (Q(Wn) || 0)) + "px" : "auto"
                             })
                           }, [
                             w("table", {
@@ -3058,153 +3117,163 @@ const hn = /* @__PURE__ */ je(Ko, [["render", Zo]]), ei = { key: "hdrrow" }, ti
                                   "bh-sticky bh-top-0 bh-z-10": e.stickyHeader
                                 })
                               }, [
-                                ee(tt, {
+                                te(tt, {
                                   all: e,
-                                  expandedrows: ae.value,
+                                  expandedrows: de.value,
                                   currentSortColumn: g.value,
                                   currentSortDirection: x.value,
-                                  isOpenFilter: v.value,
-                                  checkAll: k.value,
+                                  isOpenFilter: b.value,
+                                  checkAll: C.value,
                                   columnFilterLang: e.columnFilterLang,
-                                  onSelectAll: fe,
-                                  onSortChange: Ke,
-                                  onFilterChange: Re,
+                                  onSelectAll: he,
+                                  onSortChange: Qe,
+                                  onFilterChange: Ae,
                                   onToggleFilterMenu: F,
                                   onClearColumnFilter: Dt
                                 }, null, 8, ["expandedrows", "currentSortColumn", "currentSortDirection", "isOpenFilter", "checkAll", "columnFilterLang"])
                               ], 2),
                               w("tbody", null, [
-                                (c(!0), h(B, null, oe(i.value, (b, O) => (c(), h(B, {
-                                  key: _e(O)
+                                (c(!0), h(H, null, ae(i.value, (m, A) => (c(), h(H, {
+                                  key: _e(A)
                                 }, [
                                   z.value ? (c(), h("tr", {
                                     key: 0,
                                     class: I([
-                                      ze.value ? s.rowClass(b) : e.rowClass,
+                                      ze.value ? s.rowClass(m) : e.rowClass,
                                       e.selectRowOnClick ? "bh-cursor-pointer" : ""
                                     ]),
-                                    onClick: V((M) => Ye(b, O), ["prevent"])
+                                    onClick: G((M) => Ye(m, A), ["prevent"])
                                   }, [
                                     e.hasCheckbox ? (c(), h("td", {
                                       key: 0,
-                                      style: K({ width: e.checkboxColumnWidth + " !important", minWidth: e.checkboxColumnWidth + " !important" }),
+                                      style: J({
+                                        width: e.checkboxColumnWidth + " !important",
+                                        minWidth: e.checkboxColumnWidth + " !important"
+                                      }),
                                       class: I({
                                         "bh-sticky bh-left-0 bh-bg-blue-light": e.stickyFirstColumn
                                       })
                                     }, [
                                       w("div", Oi, [
-                                        se(w("input", {
+                                        ue(w("input", {
                                           "onUpdate:modelValue": p[0] || (p[0] = (M) => E.value = M),
                                           type: "checkbox",
-                                          value: _e(O),
-                                          onClick: p[1] || (p[1] = V(() => {
+                                          value: _e(A),
+                                          onClick: p[1] || (p[1] = G(() => {
                                           }, ["stop"]))
-                                        }, null, 8, Ri), [
+                                        }, null, 8, Ai), [
                                           [Gt, E.value]
                                         ]),
                                         w("div", null, [
-                                          ee(Mt, { class: "check" })
+                                          te(Mt, { class: "check" })
                                         ])
                                       ])
-                                    ], 6)) : P("", !0),
+                                    ], 6)) : T("", !0),
                                     e.hasRightPanel ? (c(), h("td", {
                                       key: 1,
-                                      style: K({ width: e.rightPanelColumnWidth + " !important", minWidth: e.rightPanelColumnWidth + " !important", padding: "0px !important" }),
+                                      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
                                       })
                                     }, [
-                                      ee(fn, {
-                                        item: b,
-                                        onRightPanelClick: p[2] || (p[2] = (M) => U("rowRightPanelClick", M))
+                                      te(fn, {
+                                        item: m,
+                                        onRightPanelClick: p[2] || (p[2] = (M) => K("rowRightPanelClick", M))
                                       }, null, 8, ["item"])
-                                    ], 6)) : P("", !0),
+                                    ], 6)) : T("", !0),
                                     e.hasSubtable ? (c(), h("td", {
                                       key: 2,
-                                      style: K({ width: e.subtableColumnWidth + " !important", minWidth: e.subtableColumnWidth + " !important" }),
+                                      style: J({
+                                        width: e.subtableColumnWidth + " !important",
+                                        minWidth: e.subtableColumnWidth + " !important"
+                                      }),
                                       class: I({
                                         "bh-sticky bh-left-0 bh-bg-blue-light": e.stickyFirstColumn
                                       })
                                     }, [
-                                      ee(Et, {
-                                        item: { ...b, _rowIndex: O },
-                                        expandedrows: ae.value
+                                      te(Et, {
+                                        item: { ...m, _rowIndex: A },
+                                        expandedrows: de.value
                                       }, null, 8, ["item", "expandedrows"])
-                                    ], 6)) : P("", !0),
-                                    (c(!0), h(B, null, oe(e.columns, (M, Z) => (c(), h(B, null, [
-                                      M.hide ? P("", !0) : (c(), h("td", {
+                                    ], 6)) : T("", !0),
+                                    (c(!0), h(H, null, ae(e.columns, (M, ee) => (c(), h(H, null, [
+                                      M.hide ? T("", !0) : (c(), h("td", {
                                         key: M.field,
                                         class: I([
-                                          be.value ? s.cellClass(b) : e.cellClass,
-                                          Z === 0 && e.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
-                                          e.hasCheckbox && Z === 0 && e.stickyFirstColumn ? "bh-left-[52px]" : "",
+                                          be.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 : ""
                                         ])
                                       }, [
-                                        G(l)[M.field] ? ne(s.$slots, M.field, {
+                                        Q(l)[M.field] ? oe(s.$slots, M.field, {
                                           key: 0,
-                                          value: b
+                                          value: m
                                         }) : M.cellRenderer ? (c(), h("div", {
                                           key: 1,
-                                          innerHTML: M.cellRenderer(b)
-                                        }, null, 8, Ai)) : (c(), h(B, { key: 2 }, [
-                                          De(H(R(b, M.field)), 1)
+                                          innerHTML: M.cellRenderer(m)
+                                        }, null, 8, Ri)) : (c(), h(H, { key: 2 }, [
+                                          De(V($(m, M.field)), 1)
                                         ], 64))
                                       ], 2))
                                     ], 64))), 256))
-                                  ], 10, $i)) : P("", !0),
-                                  Ne(b, O) && e.hasSubtable ? (c(), h("tr", {
+                                  ], 10, $i)) : T("", !0),
+                                  Ne(m, A) && e.hasSubtable ? (c(), h("tr", {
                                     key: 1,
                                     class: I([
-                                      ze.value ? s.rowClass(b) : e.rowClass,
+                                      ze.value ? s.rowClass(m) : e.rowClass,
                                       e.selectRowOnClick ? "bh-cursor-pointer" : ""
                                     ]),
-                                    onClick: V((M) => Ye(b, O), ["prevent"])
+                                    onClick: G((M) => Ye(m, A), ["prevent"])
                                   }, [
                                     w("td", {
-                                      colspan: e.columns.length + G(he)
+                                      colspan: e.columns.length + Q(pe)
                                     }, [
-                                      ne(s.$slots, "tsub", {
-                                        rowData: b,
-                                        rowIndex: O,
+                                      oe(s.$slots, "tsub", {
+                                        rowData: m,
+                                        rowIndex: A,
                                         filterItems: i.value
                                       })
                                     ], 8, Di)
-                                  ], 10, qi)) : P("", !0)
+                                  ], 10, qi)) : T("", !0)
                                 ], 64))), 128)),
-                                !z.value && u.value && s.skeletonloader ? (c(!0), h(B, { key: 0 }, oe(e.pageSize, (b) => (c(), h("tr", {
-                                  key: b,
+                                !z.value && u.value && s.skeletonloader ? (c(!0), h(H, { key: 0 }, ae(e.pageSize, (m) => (c(), h("tr", {
+                                  key: m,
                                   class: "!bh-bg-white bh-h-11 !bh-border-transparent"
                                 }, [
                                   w("td", {
-                                    colspan: e.columns.length + G(he),
+                                    colspan: e.columns.length + Q(pe),
                                     class: "!bh-p-0 !bh-border-transparent"
                                   }, Hi, 8, Wi)
-                                ]))), 128)) : P("", !0),
-                                z.value ? (c(!0), h(B, { key: 1 }, oe(e.footerRows, (b, O) => (c(), h("tr", {
-                                  key: b[le.value] ? b[le.value] : O,
+                                ]))), 128)) : T("", !0),
+                                z.value ? (c(!0), h(H, { key: 1 }, ae(e.footerRows, (m, A) => (c(), h("tr", {
+                                  key: m[ne.value] ? m[ne.value] : A,
                                   class: "sticky-table-footer"
                                 }, [
-                                  G(he) > 0 ? (c(), h("td", {
+                                  Q(pe) > 0 ? (c(), h("td", {
                                     key: 0,
-                                    colspan: G(he)
-                                  }, null, 8, Vi)) : P("", !0),
-                                  (c(!0), h(B, null, oe(e.columns, (M, Z) => (c(), h(B, null, [
-                                    M.hide ? P("", !0) : (c(), h("td", {
+                                    colspan: Q(pe)
+                                  }, null, 8, Vi)) : T("", !0),
+                                  (c(!0), h(H, null, ae(e.columns, (M, ee) => (c(), h(H, null, [
+                                    M.hide ? T("", !0) : (c(), h("td", {
                                       key: M.field,
                                       class: I([
-                                        be.value ? s.cellClass(b) : e.cellClass,
-                                        Z === 0 && e.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
-                                        e.hasCheckbox && Z === 0 && e.stickyFirstColumn ? "bh-left-[52px]" : "",
+                                        be.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 : ""
                                       ])
                                     }, [
-                                      b.cells.find((ge) => ge.field == M.field) ? (c(), h(B, { key: 0 }, [
-                                        De(H(b.cells.find((ge) => ge.field == M.field).text), 1)
-                                      ], 64)) : P("", !0)
+                                      m.cells.find((ge) => ge.field == M.field) ? (c(), h(H, { key: 0 }, [
+                                        De(V(m.cells.find((ge) => ge.field == M.field).text), 1)
+                                      ], 64)) : T("", !0)
                                     ], 2))
                                   ], 64))), 256))
-                                ]))), 128)) : P("", !0)
+                                ]))), 128)) : T("", !0)
                               ]),
                               e.cloneHeaderInFooter ? (c(), h("tfoot", {
                                 key: 0,
@@ -3212,65 +3281,68 @@ const hn = /* @__PURE__ */ je(Ko, [["render", Zo]]), ei = { key: "hdrrow" }, ti
                                   "bh-sticky bh-bottom-0": e.stickyHeader
                                 })
                               }, [
-                                ee(tt, {
+                                te(tt, {
                                   all: e,
                                   currentSortColumn: g.value,
                                   currentSortDirection: x.value,
-                                  isOpenFilter: v.value,
+                                  isOpenFilter: b.value,
                                   isFooter: !0,
-                                  checkAll: k.value,
-                                  onSelectAll: fe,
-                                  onSortChange: Ke,
-                                  onFilterChange: Re,
+                                  checkAll: C.value,
+                                  onSelectAll: he,
+                                  onSortChange: Qe,
+                                  onFilterChange: Ae,
                                   onToggleFilterMenu: F
                                 }, null, 8, ["currentSortColumn", "currentSortDirection", "isOpenFilter", "checkAll"])
-                              ], 2)) : P("", !0)
+                              ], 2)) : T("", !0)
                             ], 2),
                             u.value && s.enableloadinganimation ? (c(), 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: K({
+                              style: J({
                                 height: Number(e.height.replace("px", "")) - 175 + "px"
                               })
                             }, [
-                              ne(s.$slots, "loadercontent")
-                            ], 4)) : P("", !0),
+                              oe(s.$slots, "loadercontent")
+                            ], 4)) : T("", !0),
                             !z.value && !u.value ? (c(), h("div", {
                               key: 1,
                               class: "nodatacontent",
-                              style: K({
+                              style: J({
                                 height: Number(e.height.replace("px", "")) - 175 + "px"
                               })
                             }, [
-                              ne(s.$slots, "nodatacontent", {}, () => [
-                                w("span", null, H(e.noDataContent), 1)
+                              oe(s.$slots, "nodatacontent", {}, () => [
+                                w("span", null, V(e.noDataContent), 1)
                               ])
-                            ], 4)) : P("", !0)
+                            ], 4)) : T("", !0)
                           ], 6)
                         ]),
                         _: 3
                       }, 8, ["style"])
                     ]),
                     _: 3
-                  }, 8, ["onResize"])) : P("", !0),
-                  s.enabletopmenu ? P("", !0) : (c(), h("div", {
+                  }, 8, ["onResize"])) : T("", !0),
+                  s.enabletopmenu ? T("", !0) : (c(), h("div", {
                     key: 1,
                     class: "bh-w-full bh-h-full",
-                    style: K({ "padding-right": s.tableRightOffset + "px", "padding-left": s.tableLeftOffset + "px" })
+                    style: J({
+                      "padding-right": s.tableRightOffset + "px",
+                      "padding-left": s.tableLeftOffset + "px"
+                    })
                   }, [
                     s.enableHeaderArea ? (c(), h("div", {
                       key: 0,
                       class: "bh-w-full bh-overflow-auto",
-                      style: K({ height: s.headerAreaHeight, "margin-bottom": "10px" })
+                      style: J({ height: s.headerAreaHeight, "margin-bottom": "10px" })
                     }, [
-                      ne(s.$slots, "tableHeaderArea", {}, () => [
-                        ji
+                      oe(s.$slots, "tableHeaderArea", {}, () => [
+                        Ui
                       ])
-                    ], 4)) : P("", !0),
-                    ne(s.$slots, "tableactionheader"),
+                    ], 4)) : T("", !0),
+                    oe(s.$slots, "tableactionheader"),
                     w("div", {
                       class: I(["bh-table-responsive", { "bh-min-h-[100px]": u.value }]),
-                      style: K({
+                      style: J({
                         overflow: "auto",
                         height: e.stickyHeader ? Number(e.height.replace("px", "")) - e.footerOffset + "px" : "auto"
                       })
@@ -3279,111 +3351,129 @@ const hn = /* @__PURE__ */ je(Ko, [["render", Zo]]), ei = { key: "hdrrow" }, ti
                         class: I([e.skin])
                       }, [
                         w("thead", {
-                          class: I({ "bh-sticky bh-top-0 bh-z-10": e.stickyHeader })
+                          class: I({
+                            "bh-sticky bh-top-0 bh-z-10": e.stickyHeader
+                          })
                         }, [
-                          ee(tt, {
+                          te(tt, {
                             all: e,
-                            expandedrows: ae.value,
+                            expandedrows: de.value,
                             currentSortColumn: g.value,
                             currentSortDirection: x.value,
-                            isOpenFilter: v.value,
-                            checkAll: k.value,
+                            isOpenFilter: b.value,
+                            checkAll: C.value,
                             columnFilterLang: e.columnFilterLang,
-                            onSelectAll: fe,
-                            onSortChange: Ke,
-                            onFilterChange: Re,
+                            onSelectAll: he,
+                            onSortChange: Qe,
+                            onFilterChange: Ae,
                             onToggleFilterMenu: F,
                             onClearColumnFilter: Dt
                           }, null, 8, ["expandedrows", "currentSortColumn", "currentSortDirection", "isOpenFilter", "checkAll", "columnFilterLang"])
                         ], 2),
                         w("tbody", null, [
-                          (c(!0), h(B, null, oe(i.value, (b, O) => (c(), h(B, {
-                            key: _e(O)
+                          (c(!0), h(H, null, ae(i.value, (m, A) => (c(), h(H, {
+                            key: _e(A)
                           }, [
                             z.value ? (c(), h("tr", {
                               key: 0,
                               class: I([
-                                ze.value ? s.rowClass(b) : e.rowClass,
+                                ze.value ? s.rowClass(m) : e.rowClass,
                                 e.selectRowOnClick ? "bh-cursor-pointer" : ""
                               ]),
-                              onClick: V((M) => Ye(b, O), ["prevent"])
+                              onClick: G((M) => Ye(m, A), ["prevent"])
                             }, [
                               e.hasCheckbox ? (c(), h("td", {
                                 key: 0,
-                                style: K({ width: e.checkboxColumnWidth + " !important", minWidth: e.checkboxColumnWidth + " !important" }),
-                                class: I({ "bh-sticky bh-left-0 bh-bg-blue-light": e.stickyFirstColumn })
+                                style: J({
+                                  width: e.checkboxColumnWidth + " !important",
+                                  minWidth: e.checkboxColumnWidth + " !important"
+                                }),
+                                class: I({
+                                  "bh-sticky bh-left-0 bh-bg-blue-light": e.stickyFirstColumn
+                                })
                               }, [
                                 w("div", Gi, [
-                                  se(w("input", {
+                                  ue(w("input", {
                                     "onUpdate:modelValue": p[3] || (p[3] = (M) => E.value = M),
                                     type: "checkbox",
-                                    value: _e(O),
-                                    onClick: p[4] || (p[4] = V(() => {
+                                    value: _e(A),
+                                    onClick: p[4] || (p[4] = G(() => {
                                     }, ["stop"]))
-                                  }, null, 8, Qi), [
+                                  }, null, 8, Ki), [
                                     [Gt, E.value]
                                   ]),
                                   w("div", null, [
-                                    ee(Mt, { class: "check" })
+                                    te(Mt, { class: "check" })
                                   ])
                                 ])
-                              ], 6)) : P("", !0),
+                              ], 6)) : T("", !0),
                               e.hasRightPanel ? (c(), h("td", {
                                 key: 1,
-                                style: K({ 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: 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
+                                })
                               }, [
-                                ee(fn, {
-                                  item: b,
-                                  onRightPanelClick: p[5] || (p[5] = (M) => U("rowRightPanelClick", M))
+                                te(fn, {
+                                  item: m,
+                                  onRightPanelClick: p[5] || (p[5] = (M) => K("rowRightPanelClick", M))
                                 }, null, 8, ["item"])
-                              ], 6)) : P("", !0),
+                              ], 6)) : T("", !0),
                               e.hasSubtable ? (c(), h("td", {
                                 key: 2,
-                                style: K({ width: e.subtableColumnWidth + " !important", minWidth: e.subtableColumnWidth + " !important" }),
-                                class: I({ "bh-sticky bh-left-0 bh-bg-blue-light": e.stickyFirstColumn })
+                                style: J({
+                                  width: e.subtableColumnWidth + " !important",
+                                  minWidth: e.subtableColumnWidth + " !important"
+                                }),
+                                class: I({
+                                  "bh-sticky bh-left-0 bh-bg-blue-light": e.stickyFirstColumn
+                                })
                               }, [
-                                ee(Et, {
-                                  item: { ...b, _rowIndex: O },
-                                  expandedrows: ae.value
+                                te(Et, {
+                                  item: { ...m, _rowIndex: A },
+                                  expandedrows: de.value
                                 }, null, 8, ["item", "expandedrows"])
-                              ], 6)) : P("", !0),
-                              (c(!0), h(B, null, oe(e.columns, (M, Z) => (c(), h(B, null, [
-                                M.hide ? P("", !0) : (c(), h("td", {
+                              ], 6)) : T("", !0),
+                              (c(!0), h(H, null, ae(e.columns, (M, ee) => (c(), h(H, null, [
+                                M.hide ? T("", !0) : (c(), h("td", {
                                   key: M.field,
                                   class: I([
-                                    be.value ? s.cellClass(b) : e.cellClass,
-                                    Z === 0 && e.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
-                                    e.hasCheckbox && Z === 0 && e.stickyFirstColumn ? "bh-left-[52px]" : "",
+                                    be.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 : ""
                                   ])
                                 }, [
-                                  G(l)[M.field] ? ne(s.$slots, M.field, {
+                                  Q(l)[M.field] ? oe(s.$slots, M.field, {
                                     key: 0,
-                                    value: b
+                                    value: m
                                   }) : M.cellRenderer ? (c(), h("div", {
                                     key: 1,
-                                    innerHTML: M.cellRenderer(b)
-                                  }, null, 8, Ki)) : (c(), h(B, { key: 2 }, [
-                                    De(H(R(b, M.field)), 1)
+                                    innerHTML: M.cellRenderer(m)
+                                  }, null, 8, Qi)) : (c(), h(H, { key: 2 }, [
+                                    De(V($(m, M.field)), 1)
                                   ], 64))
                                 ], 2))
                               ], 64))), 256))
-                            ], 10, Ui)) : P("", !0),
-                            Ne(b, O) && e.hasSubtable ? (c(), h("tr", {
+                            ], 10, ji)) : T("", !0),
+                            Ne(m, A) && e.hasSubtable ? (c(), h("tr", {
                               key: 1,
                               class: I([
-                                ze.value ? s.rowClass(b) : e.rowClass,
+                                ze.value ? s.rowClass(m) : e.rowClass,
                                 e.selectRowOnClick ? "bh-cursor-pointer" : ""
                               ]),
-                              onClick: V((M) => Ye(b, O), ["prevent"])
+                              onClick: G((M) => Ye(m, A), ["prevent"])
                             }, [
                               w("td", {
-                                colspan: e.columns.length + G(he)
+                                colspan: e.columns.length + Q(pe)
                               }, [
                                 w("div", {
                                   class: "subtable-container",
-                                  style: K({
+                                  style: J({
                                     maxHeight: e.subtableMaxHeight,
                                     overflow: "auto",
                                     padding: "10px",
@@ -3391,83 +3481,87 @@ const hn = /* @__PURE__ */ je(Ko, [["render", Zo]]), ei = { key: "hdrrow" }, ti
                                     border: "1px solid var(--fade-grey)"
                                   })
                                 }, [
-                                  ne(s.$slots, "tsub", {
-                                    rowData: b,
-                                    rowIndex: O,
+                                  oe(s.$slots, "tsub", {
+                                    rowData: m,
+                                    rowIndex: A,
                                     filterItems: i.value
                                   })
                                 ], 4)
                               ], 8, Yi)
-                            ], 10, Ji)) : P("", !0)
+                            ], 10, Ji)) : T("", !0)
                           ], 64))), 128)),
-                          !z.value && u.value && s.skeletonloader ? (c(!0), h(B, { key: 0 }, oe(e.pageSize, (b) => (c(), h("tr", {
-                            key: b,
+                          !z.value && u.value && s.skeletonloader ? (c(!0), h(H, { key: 0 }, ae(e.pageSize, (m) => (c(), h("tr", {
+                            key: m,
                             class: "!bh-bg-white bh-h-11 !bh-border-transparent"
                           }, [
                             w("td", {
-                              colspan: e.columns.length + G(he),
+                              colspan: e.columns.length + Q(pe),
                               class: "!bh-p-0 !bh-border-transparent"
                             }, es, 8, Xi)
-                          ]))), 128)) : P("", !0),
-                          z.value ? (c(!0), h(B, { key: 1 }, oe(e.footerRows, (b, O) => (c(), h("tr", {
-                            key: b[le.value] ? b[le.value] : O,
+                          ]))), 128)) : T("", !0),
+                          z.value ? (c(!0), h(H, { key: 1 }, ae(e.footerRows, (m, A) => (c(), h("tr", {
+                            key: m[ne.value] ? m[ne.value] : A,
                             class: "sticky-table-footer"
                           }, [
-                            G(he) > 0 ? (c(), h("td", {
+                            Q(pe) > 0 ? (c(), h("td", {
                               key: 0,
-                              colspan: G(he)
-                            }, null, 8, ts)) : P("", !0),
-                            (c(!0), h(B, null, oe(e.columns, (M, Z) => (c(), h(B, null, [
-                              M.hide ? P("", !0) : (c(), h("td", {
+                              colspan: Q(pe)
+                            }, null, 8, ts)) : T("", !0),
+                            (c(!0), h(H, null, ae(e.columns, (M, ee) => (c(), h(H, null, [
+                              M.hide ? T("", !0) : (c(), h("td", {
                                 key: M.field,
                                 class: I([
-                                  be.value ? s.cellClass(b) : e.cellClass,
-                                  Z === 0 && e.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
-                                  e.hasCheckbox && Z === 0 && e.stickyFirstColumn ? "bh-left-[52px]" : "",
+                                  be.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 : ""
                                 ])
                               }, [
-                                b.cells.find((ge) => ge.field == M.field) ? (c(), h(B, { key: 0 }, [
-                                  De(H(b.cells.find((ge) => ge.field == M.field).text), 1)
-                                ], 64)) : P("", !0)
+                                m.cells.find((ge) => ge.field == M.field) ? (c(), h(H, { key: 0 }, [
+                                  De(V(m.cells.find((ge) => ge.field == M.field).text), 1)
+                                ], 64)) : T("", !0)
                               ], 2))
                             ], 64))), 256))
-                          ]))), 128)) : P("", !0)
+                          ]))), 128)) : T("", !0)
                         ]),
                         e.cloneHeaderInFooter ? (c(), h("tfoot", {
                           key: 0,
                           class: I({ "bh-sticky bh-bottom-0": e.stickyHeader })
                         }, [
-                          ee(tt, {
+                          te(tt, {
                             all: e,
                             currentSortColumn: g.value,
                             currentSortDirection: x.value,
-                            isOpenFilter: v.value,
+                            isOpenFilter: b.value,
                             isFooter: !0,
-                            checkAll: k.value,
-                            onSelectAll: fe,
-                            onSortChange: Ke,
-                            onFilterChange: Re,
+                            checkAll: C.value,
+                            onSelectAll: he,
+                            onSortChange: Qe,
+                            onFilterChange: Ae,
                             onToggleFilterMenu: F
                           }, null, 8, ["currentSortColumn", "currentSortDirection", "isOpenFilter", "checkAll"])
-                        ], 2)) : P("", !0)
+                        ], 2)) : T("", !0)
                       ], 2),
                       u.value && s.enableloadinganimation ? (c(), 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: K({ height: Number(e.height.replace("px", "")) - 175 + "px" })
+                        style: J({
+                          height: Number(e.height.replace("px", "")) - 175 + "px"
+                        })
                       }, [
-                        ne(s.$slots, "loadercontent")
-                      ], 4)) : P("", !0),
+                        oe(s.$slots, "loadercontent")
+                      ], 4)) : T("", !0),
                       !z.value && !u.value ? (c(), h("div", {
                         key: 1,
                         class: "nodatacontent",
-                        style: K({ height: Number(e.height.replace("px", "")) - 175 + "px" })
+                        style: J({
+                          height: Number(e.height.replace("px", "")) - 175 + "px"
+                        })
                       }, [
-                        ne(s.$slots, "nodatacontent", {}, () => [
-                          w("span", null, H(e.noDataContent), 1)
+                        oe(s.$slots, "nodatacontent", {}, () => [
+                          w("span", null, V(e.noDataContent), 1)
                         ])
-                      ], 4)) : P("", !0)
+                      ], 4)) : T("", !0)
                     ], 6)
                   ], 4))
                 ])
@@ -3480,78 +3574,89 @@ const hn = /* @__PURE__ */ je(Ko, [["render", Zo]]), ei = { key: "hdrrow" }, ti
       }, 8, ["style"]),
       e.pagination && (z.value || e.alwaysShowPagination) ? (c(), h("div", {
         key: 0,
-        class: I(["bh-pagination", { "bh-pointer-events-none": u.value, "sticky-footer": e.stickyFooter }])
+        class: I(["bh-pagination", {
+          "bh-pointer-events-none": u.value,
+          "sticky-footer": e.stickyFooter
+        }])
       }, [
         w("div", ns, [
-          s.enablefooterpagination ? ne(s.$slots, "footerpageinfo", {
+          s.enablefooterpagination ? oe(s.$slots, "footerpageinfo", {
             key: 0,
             paginationInfo: s.paginationInfo,
             filterRowCount: z.value,
-            offset: C.value,
+            offset: k.value,
             limit: L.value,
             showPageSize: s.showPageSize,
             pageSizeOptions: s.pageSizeOptions,
             currentPageSize: a.value,
-            stringFormat: Qe,
+            stringFormat: Ke,
             setPageSize: pt
           }, () => [
             w("div", ls, [
-              w("span", os, H(Qe(e.paginationInfo, z.value ? C.value : 0, L.value, z.value)), 1),
-              e.showPageSize ? se((c(), h("select", {
+              w("span", os, V(Ke(
+                e.paginationInfo,
+                z.value ? k.value : 0,
+                L.value,
+                z.value
+              )), 1),
+              e.showPageSize ? ue((c(), h("select", {
                 key: 0,
-                "onUpdate:modelValue": p[6] || (p[6] = (b) => a.value = b),
+                "onUpdate:modelValue": p[6] || (p[6] = (m) => a.value = m),
                 class: "bh-pagesize"
               }, [
-                (c(!0), h(B, null, oe(e.pageSizeOptions, (b) => (c(), h("option", {
-                  value: b,
-                  key: b
-                }, H(b), 9, is))), 128))
+                (c(!0), h(H, null, ae(e.pageSizeOptions, (m) => (c(), h("option", {
+                  value: m,
+                  key: m
+                }, V(m), 9, is))), 128))
               ], 512)), [
                 [it, a.value]
-              ]) : P("", !0)
+              ]) : T("", !0)
             ])
-          ]) : P("", !0),
-          s.enablefooterpagination ? ne(s.$slots, "footerpagination", {
+          ]) : T("", !0),
+          s.enablefooterpagination ? oe(s.$slots, "footerpagination", {
             key: 1,
             currentPage: r.value,
             maxPage: d.value,
             paging: S.value,
-            movePage: W,
-            nextPage: te,
-            previousPage: $
+            movePage: B,
+            nextPage: le,
+            previousPage: O
           }, () => [
             w("div", ss, [
               e.showFirstPage ? (c(), h("button", {
                 key: 0,
                 type: "button",
                 class: I(["bh-page-item first-page", { disabled: r.value <= 1 }]),
-                onClick: p[7] || (p[7] = (b) => r.value = 1)
+                onClick: p[7] || (p[7] = (m) => r.value = 1)
               }, [
                 e.firstArrow ? (c(), h("span", {
                   key: 0,
                   innerHTML: e.firstArrow
                 }, null, 8, rs)) : (c(), h("svg", as, cs))
-              ], 2)) : P("", !0),
+              ], 2)) : T("", !0),
               w("button", {
                 type: "button",
                 class: I(["bh-page-item previous-page", { disabled: r.value <= 1 }]),
-                onClick: $
+                onClick: O
               }, [
                 e.previousArrow ? (c(), h("span", {
                   key: 0,
                   innerHTML: e.previousArrow
                 }, null, 8, ds)) : (c(), h("svg", fs, ps))
               ], 2),
-              e.showNumbers ? (c(!0), h(B, { key: 1 }, oe(S.value, (b) => (c(), h("button", {
-                key: b,
+              e.showNumbers ? (c(!0), h(H, { key: 1 }, ae(S.value, (m) => (c(), h("button", {
+                key: m,
                 type: "button",
-                class: I(["bh-page-item", { disabled: r.value === b, "bh-active": b === r.value }]),
-                onClick: (O) => W(b)
-              }, H(b), 11, vs))), 128)) : P("", !0),
+                class: I(["bh-page-item", {
+                  disabled: r.value === m,
+                  "bh-active": m === r.value
+                }]),
+                onClick: (A) => B(m)
+              }, V(m), 11, vs))), 128)) : T("", !0),
               w("button", {
                 type: "button",
                 class: I(["bh-page-item next-page", { disabled: r.value >= d.value }]),
-                onClick: te
+                onClick: le
               }, [
                 e.nextArrow ? (c(), h("span", {
                   key: 0,
@@ -3562,17 +3667,17 @@ const hn = /* @__PURE__ */ je(Ko, [["render", Zo]]), ei = { key: "hdrrow" }, ti
                 key: 2,
                 type: "button",
                 class: I(["bh-page-item last-page", { disabled: r.value >= d.value }]),
-                onClick: p[8] || (p[8] = (b) => r.value = d.value)
+                onClick: p[8] || (p[8] = (m) => r.value = d.value)
               }, [
                 e.lastArrow ? (c(), h("span", {
                   key: 0,
                   innerHTML: e.lastArrow
-                }, null, 8, ws)) : (c(), h("svg", ks, xs))
-              ], 2)) : P("", !0)
+                }, null, 8, ws)) : (c(), h("svg", Cs, xs))
+              ], 2)) : T("", !0)
             ])
-          ]) : P("", !0)
+          ]) : T("", !0)
         ])
-      ], 2)) : P("", !0)
+      ], 2)) : T("", !0)
     ]));
   }
 });