@dolusoft/vue3-datatable 1.7.67 → 1.7.68

package/dist/vue3-datatable.js

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