@dolusoft/vue3-datatable 1.7.21 → 1.7.23

package/dist/vue3-datatable.js

@@ -1,4 +1,4 @@
-import { onMounted as Le, nextTick as Oe, getCurrentScope as Vn, onScopeDispose as Un, unref as Q, getCurrentInstance as Ct, computed as K, ref as D, watch as ee, defineComponent as we, useCssVars as Gn, shallowRef as me, onUnmounted as Ze, openBlock as m, createElementBlock as w, Fragment as U, withDirectives as ve, createElementVNode as C, normalizeClass as T, normalizeStyle as re, withModifiers as ye, setBlockTracking as Dt, vShow as pt, createCommentVNode as N, mergeProps as Qn, renderSlot as ae, renderList as pe, createVNode as le, reactive as Kn, watchEffect as Xn, useSlots as un, onBeforeUnmount as zt, provide as Ce, createBlock as ce, resolveDynamicComponent as Yn, inject as _e, h as vt, toRef as Jn, toDisplayString as W, createTextVNode as mt, vModelText as ut, vModelSelect as cn, withCtx as Me, vModelCheckbox as Zn } from "vue";
+import { onMounted as Le, nextTick as Oe, getCurrentScope as Vn, onScopeDispose as Un, unref as Q, getCurrentInstance as Ct, computed as K, ref as B, watch as te, defineComponent as we, useCssVars as Gn, shallowRef as me, onUnmounted as Ze, openBlock as m, createElementBlock as w, Fragment as U, withDirectives as ve, createElementVNode as C, normalizeClass as M, normalizeStyle as ee, withModifiers as ye, setBlockTracking as Bt, vShow as pt, createCommentVNode as N, mergeProps as Qn, renderSlot as ae, renderList as pe, createVNode as oe, reactive as Kn, watchEffect as Xn, useSlots as un, onBeforeUnmount as zt, provide as Ce, createBlock as ce, resolveDynamicComponent as Yn, inject as Pe, h as vt, toRef as Jn, toDisplayString as H, createTextVNode as mt, vModelText as ut, vModelSelect as cn, withCtx as _e, vModelCheckbox as Zn } from "vue";
 function el(e) {
   return Vn() ? (Un(e), !0) : !1;
 }
@@ -13,14 +13,14 @@ function ll(e) {
 function ol(e, l = !0, n) {
   ll() ? Le(e, n) : l ? e() : Oe(e);
 }
-function Te(e) {
+function Me(e) {
   var l;
   const n = tl(e);
   return (l = n == null ? void 0 : n.$el) != null ? l : n;
 }
 const dn = nl ? window : void 0;
 function il() {
-  const e = D(!1), l = Ct();
+  const e = B(!1), l = Ct();
   return l && Le(() => {
     e.value = !0;
   }, l), e;
@@ -34,7 +34,7 @@ function sl(e, l, n = {}) {
   let i;
   const s = rl(() => o && "ResizeObserver" in o), r = () => {
     i && (i.disconnect(), i = void 0);
-  }, u = K(() => Array.isArray(e) ? e.map((p) => Te(p)) : [Te(e)]), f = ee(
+  }, u = K(() => Array.isArray(e) ? e.map((p) => Me(p)) : [Me(e)]), f = te(
     u,
     (p) => {
       if (r(), s.value && o) {
@@ -55,31 +55,31 @@ function sl(e, l, n = {}) {
 function al(e, l = { width: 0, height: 0 }, n = {}) {
   const { window: o = dn, box: t = "content-box" } = n, i = K(() => {
     var p, E;
-    return (E = (p = Te(e)) == null ? void 0 : p.namespaceURI) == null ? void 0 : E.includes("svg");
-  }), s = D(l.width), r = D(l.height), { stop: u } = sl(
+    return (E = (p = Me(e)) == null ? void 0 : p.namespaceURI) == null ? void 0 : E.includes("svg");
+  }), s = B(l.width), r = B(l.height), { stop: u } = sl(
     e,
     ([p]) => {
       const E = t === "border-box" ? p.borderBoxSize : t === "content-box" ? p.contentBoxSize : p.devicePixelContentBoxSize;
       if (o && i.value) {
-        const P = Te(e);
-        if (P) {
-          const I = P.getBoundingClientRect();
+        const T = Me(e);
+        if (T) {
+          const I = T.getBoundingClientRect();
           s.value = I.width, r.value = I.height;
         }
       } else if (E) {
-        const P = Array.isArray(E) ? E : [E];
-        s.value = P.reduce((I, { inlineSize: $ }) => I + $, 0), r.value = P.reduce((I, { blockSize: $ }) => I + $, 0);
+        const T = Array.isArray(E) ? E : [E];
+        s.value = T.reduce((I, { inlineSize: $ }) => I + $, 0), r.value = T.reduce((I, { blockSize: $ }) => I + $, 0);
       } else
         s.value = p.contentRect.width, r.value = p.contentRect.height;
     },
     n
   );
   ol(() => {
-    const p = Te(e);
+    const p = Me(e);
     p && (s.value = "offsetWidth" in p ? p.offsetWidth : l.width, r.value = "offsetHeight" in p ? p.offsetHeight : l.height);
   });
-  const f = ee(
-    () => Te(e),
+  const f = te(
+    () => Me(e),
     (p) => {
       s.value = p ? l.width : 0, r.value = p ? l.height : 0;
     }
@@ -108,9 +108,9 @@ var pl = Object.prototype, vl = pl.toString;
 function ml(e) {
   return vl.call(e);
 }
-var gl = "[object Null]", bl = "[object Undefined]", qt = et ? et.toStringTag : void 0;
+var gl = "[object Null]", bl = "[object Undefined]", Dt = et ? et.toStringTag : void 0;
 function yl(e) {
-  return e == null ? e === void 0 ? bl : gl : qt && qt in Object(e) ? hl(e) : ml(e);
+  return e == null ? e === void 0 ? bl : gl : Dt && Dt in Object(e) ? hl(e) : ml(e);
 }
 function wl(e) {
   return e != null && typeof e == "object";
@@ -133,12 +133,12 @@ function tt(e) {
   var l = typeof e;
   return e != null && (l == "object" || l == "function");
 }
-var Ht = NaN, El = /^[-+]0x[0-9a-f]+$/i, _l = /^0b[01]+$/i, Ml = /^0o[0-7]+$/i, Tl = parseInt;
+var qt = NaN, El = /^[-+]0x[0-9a-f]+$/i, Pl = /^0b[01]+$/i, _l = /^0o[0-7]+$/i, Ml = parseInt;
 function $e(e) {
   if (typeof e == "number")
     return e;
   if (Sl(e))
-    return Ht;
+    return qt;
   if (tt(e)) {
     var l = typeof e.valueOf == "function" ? e.valueOf() : e;
     e = tt(l) ? l + "" : l;
@@ -146,14 +146,14 @@ function $e(e) {
   if (typeof e != "string")
     return e === 0 ? e : +e;
   e = Ll(e);
-  var n = _l.test(e);
-  return n || Ml.test(e) ? Tl(e.slice(2), n ? 2 : 8) : El.test(e) ? Ht : +e;
+  var n = Pl.test(e);
+  return n || _l.test(e) ? Ml(e.slice(2), n ? 2 : 8) : El.test(e) ? qt : +e;
 }
-function Pl(e, l, n) {
+function Tl(e, l, n) {
   return e === e && (n !== void 0 && (e = e <= n ? e : n), l !== void 0 && (e = e >= l ? e : l)), e;
 }
 function Qe(e, l, n) {
-  return n === void 0 && (n = l, l = void 0), n !== void 0 && (n = $e(n), n = n === n ? n : 0), l !== void 0 && (l = $e(l), l = l === l ? l : 0), Pl($e(e), l, n);
+  return n === void 0 && (n = l, l = void 0), n !== void 0 && (n = $e(n), n = n === n ? n : 0), l !== void 0 && (l = $e(l), l = l === l ? l : 0), Tl($e(e), l, n);
 }
 var ct = function() {
   return fn.Date.now();
@@ -163,35 +163,35 @@ function pn(e, l, n) {
   if (typeof e != "function")
     throw new TypeError(Il);
   l = $e(l) || 0, tt(n) && (d = !!n.leading, p = "maxWait" in n, i = p ? Fl($e(n.maxWait) || 0, l) : i, E = "trailing" in n ? !!n.trailing : E);
-  function P(z) {
-    var L = o, B = t;
-    return o = t = void 0, f = z, s = e.apply(B, L), s;
+  function T(z) {
+    var L = o, W = t;
+    return o = t = void 0, f = z, s = e.apply(W, L), s;
   }
   function I(z) {
-    return f = z, r = setTimeout(A, l), d ? P(z) : s;
+    return f = z, r = setTimeout(A, l), d ? T(z) : s;
   }
   function $(z) {
-    var L = z - u, B = z - f, X = l - L;
-    return p ? Ol(X, i - B) : X;
+    var L = z - u, W = z - f, X = l - L;
+    return p ? Ol(X, i - W) : X;
   }
   function y(z) {
-    var L = z - u, B = z - f;
-    return u === void 0 || L >= l || L < 0 || p && B >= i;
+    var L = z - u, W = z - f;
+    return u === void 0 || L >= l || L < 0 || p && W >= i;
   }
   function A() {
     var z = ct();
     if (y(z))
-      return H(z);
+      return q(z);
     r = setTimeout(A, $(z));
   }
-  function H(z) {
-    return r = void 0, E && o ? P(z) : (o = t = void 0, s);
+  function q(z) {
+    return r = void 0, E && o ? T(z) : (o = t = void 0, s);
   }
   function j() {
     r !== void 0 && clearTimeout(r), f = 0, o = u = t = r = void 0;
   }
   function O() {
-    return r === void 0 ? s : H(ct());
+    return r === void 0 ? s : q(ct());
   }
   function Y() {
     var z = ct(), L = y(z);
@@ -199,7 +199,7 @@ function pn(e, l, n) {
       if (r === void 0)
         return I(u);
       if (p)
-        return clearTimeout(r), r = setTimeout(A, l), P(u);
+        return clearTimeout(r), r = setTimeout(A, l), T(u);
     }
     return r === void 0 && (r = setTimeout(A, l)), s;
   }
@@ -216,18 +216,18 @@ function vn(e, l, n) {
     trailing: t
   });
 }
-var Rl = Object.defineProperty, Nl = Object.defineProperties, Al = Object.getOwnPropertyDescriptors, Wt = Object.getOwnPropertySymbols, Bl = Object.prototype.hasOwnProperty, Dl = Object.prototype.propertyIsEnumerable, jt = (e, l, n) => l in e ? Rl(e, l, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[l] = n, nt = (e, l) => {
+var Rl = Object.defineProperty, Nl = Object.defineProperties, Al = Object.getOwnPropertyDescriptors, Ht = Object.getOwnPropertySymbols, Wl = Object.prototype.hasOwnProperty, Bl = Object.prototype.propertyIsEnumerable, jt = (e, l, n) => l in e ? Rl(e, l, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[l] = n, nt = (e, l) => {
   for (var n in l || (l = {}))
-    Bl.call(l, n) && jt(e, n, l[n]);
-  if (Wt)
-    for (var n of Wt(l))
-      Dl.call(l, n) && jt(e, n, l[n]);
+    Wl.call(l, n) && jt(e, n, l[n]);
+  if (Ht)
+    for (var n of Ht(l))
+      Bl.call(l, n) && jt(e, n, l[n]);
   return e;
 }, mn = (e, l) => Nl(e, Al(l));
-const ql = ["onPointerdown"], Hl = {
+const Dl = ["onPointerdown"], ql = {
   name: "ScrollbarThumb"
 };
-function Wl(e, { expose: l }) {
+function Hl(e, { expose: l }) {
   const n = e;
   Gn((L) => ({
     "1fb98f78": Q(o)
@@ -249,7 +249,7 @@ function Wl(e, { expose: l }) {
   Ze(f);
   const d = vn((L) => {
     L.stopPropagation(), L.preventDefault();
-    const B = n.type === "horizontal" ? "pageX" : "pageY", X = (L[B] - s[B]) / n.scrollInfo.wrapperMainSize * n.scrollInfo.contentMainSize;
+    const W = n.type === "horizontal" ? "pageX" : "pageY", X = (L[W] - s[W]) / n.scrollInfo.wrapperMainSize * n.scrollInfo.contentMainSize;
     n.wrapperEl.scrollTo({ [n.type === "horizontal" ? "left" : "top"]: s.scrollPos + X, behavior: "auto" });
   }, 16), p = () => {
     u(), i.value.removeEventListener("pointermove", d), i.value.removeEventListener("pointerup", p), i.value.removeEventListener("pointercancel", p), i.value.removeEventListener("mousewheel", p), document.removeEventListener("mousewheel", p), typeof r == "number" && i.value.releasePointerCapture(r), r = null;
@@ -261,17 +261,17 @@ function Wl(e, { expose: l }) {
       f(), i.value && i.value.classList.add("scrollbar__thumbPlaceholder--scrolling"), u();
     }
   });
-  let I = me(!1), $ = me(!1), y = me(null), A = null, H = null, j = K(() => n.fixedThumb && !$.value);
+  let I = me(!1), $ = me(!1), y = me(null), A = null, q = null, j = K(() => n.fixedThumb && !$.value);
   const O = ([L]) => $.value = L.isIntersecting, Y = ([L]) => I.value = L.isIntersecting, z = () => {
-    A && (A.disconnect(), A = null), H && (H.disconnect(), H = null);
+    A && (A.disconnect(), A = null), q && (q.disconnect(), q = null);
   };
-  return ee(() => [n.fixedThumb, n.wrapperEl], () => {
+  return te(() => [n.fixedThumb, n.wrapperEl], () => {
     if (!n.fixedThumb || !n.wrapperEl)
       return z();
-    z(), H = new IntersectionObserver(Y, { threshold: [0, 0.5] }), H.observe(n.wrapperEl), A = new IntersectionObserver(O), A.observe(y.value);
-  }), Ze(z), (L, B) => (m(), w(U, null, [
+    z(), q = new IntersectionObserver(Y, { threshold: [0, 0.5] }), q.observe(n.wrapperEl), A = new IntersectionObserver(O), A.observe(y.value);
+  }), Ze(z), (L, W) => (m(), w(U, null, [
     ve(C("div", {
-      class: T([
+      class: M([
         "scrollbar__thumbPlaceholder",
         `scrollbar__thumbPlaceholder--${e.type}`,
         {
@@ -279,7 +279,7 @@ function Wl(e, { expose: l }) {
           "scrollbar__thumbPlaceholder--autoExpand": e.autoExpand
         }
       ]),
-      style: re({
+      style: ee({
         width: e.type === "horizontal" ? `${e.scrollInfo.thumbSize}px` : "",
         height: e.type === "vertical" ? `${e.scrollInfo.thumbSize}px` : "",
         position: j.value ? "fixed" : "absolute",
@@ -290,10 +290,10 @@ function Wl(e, { expose: l }) {
       },
       onPointerdown: ye(E, ["stop"])
     }, [
-      B[0] || (Dt(-1), B[0] = C("div", {
-        class: T(["scrollbar__thumb", `scrollbar__thumb--${e.type}`])
-      }, null, 2), Dt(1), B[0])
-    ], 46, ql), [
+      W[0] || (Bt(-1), W[0] = C("div", {
+        class: M(["scrollbar__thumb", `scrollbar__thumb--${e.type}`])
+      }, null, 2), Bt(1), W[0])
+    ], 46, Dl), [
       [pt, !!e.scrollInfo.thumbSize && (e.fixedThumb ? I.value : !0)]
     ]),
     n.fixedThumb ? ve((m(), w("div", {
@@ -301,13 +301,13 @@ function Wl(e, { expose: l }) {
       ref: (X, Z) => {
         Z.shepherdEl = X, y.value = X;
       },
-      class: T(["scrollbar__shepherd", `scrollbar__shepherd--${e.type}`])
+      class: M(["scrollbar__shepherd", `scrollbar__shepherd--${e.type}`])
     }, null, 2)), [
       [pt, !!e.scrollInfo.thumbSize]
     ]) : N("", !0)
   ], 64));
 }
-const jl = /* @__PURE__ */ we(mn(nt({}, Hl), {
+const jl = /* @__PURE__ */ we(mn(nt({}, ql), {
   props: {
     type: null,
     autoExpand: null,
@@ -318,7 +318,7 @@ const jl = /* @__PURE__ */ we(mn(nt({}, Hl), {
     thumbWidth: null,
     wrapperEl: null
   },
-  setup: Wl
+  setup: Hl
 })), Vl = {
   wait: 333,
   type: "debounce"
@@ -356,8 +356,8 @@ function Gl(e, { expose: l, emit: n }) {
     const Y = Array.from((O = s.value.parentElement) == null ? void 0 : O.childNodes);
     for (const z in t)
       t[z].el = Y.find((L) => {
-        var B;
-        return (B = L == null ? void 0 : L.classList) == null ? void 0 : B.contains(`scrollbar__thumbPlaceholder--${z}`);
+        var W;
+        return (W = L == null ? void 0 : L.classList) == null ? void 0 : W.contains(`scrollbar__thumbPlaceholder--${z}`);
       });
   });
   const u = Vt(s, { wait: o.throttleWait, type: o.throttleType, callback: E }), f = Vt(r, { wait: o.throttleWait, type: o.throttleType, callback: E });
@@ -365,7 +365,7 @@ function Gl(e, { expose: l, emit: n }) {
   function E() {
     d.value = Math.max(s.value.scrollHeight - u.height | 0, 0), p.value = Math.max(s.value.scrollWidth - u.width | 0, 0);
   }
-  let P = K(() => ({
+  let T = K(() => ({
     thumbSize: p.value ? Qe(u.width / s.value.scrollWidth * u.width, o.thumbMinSize > u.width ? 48 : o.thumbMinSize, o.thumbMaxSize) : 0,
     contentMainSize: f.width,
     wrapperMainSize: u.width,
@@ -375,23 +375,23 @@ function Gl(e, { expose: l, emit: n }) {
     contentMainSize: f.height,
     wrapperMainSize: u.height,
     boundaryDistance: Math.abs(u.top)
-  })), $ = K(() => u.height - I.value.thumbSize - 5), y = K(() => u.width - P.value.thumbSize - 5);
+  })), $ = K(() => u.height - I.value.thumbSize - 5), y = K(() => u.width - T.value.thumbSize - 5);
   const A = () => {
     p.value && (t.horizontal.el.style.transform = `translate3d(${s.value.scrollLeft / p.value * y.value}px, 0, 0)`, t.horizontal.instance.autoHideAfterScroll()), d.value && (t.vertical.el.style.transform = `translate3d(0, ${s.value.scrollTop / d.value * $.value}px, 0)`, t.vertical.instance.autoHideAfterScroll());
   };
-  ee(() => [p.value, d.value], A);
-  const H = (O) => {
+  te(() => [p.value, d.value], A);
+  const q = (O) => {
     O.stopPropagation();
-    const Y = s.value.scrollLeft, z = s.value.scrollTop, L = Qe(Y + ((O == null ? void 0 : O.deltaX) || 0), 0, p.value) | 0, B = Qe(z + ((O == null ? void 0 : O.deltaY) || 0), 0, d.value) | 0;
-    s.value.scrollLeft = L, s.value.scrollTop = B, p.value && (t.horizontal.el.style.transform = `translate3d(${L / p.value * y.value}px, 0, 0)`, t.horizontal.instance.autoHideAfterScroll()), d.value && (t.vertical.el.style.transform = `translate3d(0, ${B / d.value * $.value}px, 0)`, t.vertical.instance.autoHideAfterScroll()), n("scroll", { target: s.value, scrollLeft: L, scrollTop: B });
+    const Y = s.value.scrollLeft, z = s.value.scrollTop, L = Qe(Y + ((O == null ? void 0 : O.deltaX) || 0), 0, p.value) | 0, W = Qe(z + ((O == null ? void 0 : O.deltaY) || 0), 0, d.value) | 0;
+    s.value.scrollLeft = L, s.value.scrollTop = W, p.value && (t.horizontal.el.style.transform = `translate3d(${L / p.value * y.value}px, 0, 0)`, t.horizontal.instance.autoHideAfterScroll()), d.value && (t.vertical.el.style.transform = `translate3d(0, ${W / d.value * $.value}px, 0)`, t.vertical.instance.autoHideAfterScroll()), n("scroll", { target: s.value, scrollLeft: L, scrollTop: W });
   }, j = (O) => {
-    o.simulateScroll ? H(O) : A();
+    o.simulateScroll ? q(O) : A();
   };
-  return ee(u, () => n("wrapperResize", u)), ee(f, () => n("contentResize", f)), l({
+  return te(u, () => n("wrapperResize", u)), te(f, () => n("contentResize", f)), l({
     scrollEl: s
   }), (O, Y) => (m(), w("div", {
-    class: T(["scrollbar__wrapper", e.wrapperClass]),
-    style: re(e.wrapperStyle)
+    class: M(["scrollbar__wrapper", e.wrapperClass]),
+    style: ee(e.wrapperStyle)
   }, [
     C("div", Qn({
       ref: (z, L) => {
@@ -406,21 +406,21 @@ function Gl(e, { expose: l, emit: n }) {
         ref: (z, L) => {
           L.contentEl = z, r.value = z;
         },
-        class: T(["scrollbar__content", e.contentClass, { "scrollbar__content--fixedThumb": e.fixedThumb, [`scrollbar__content--${e.direction}`]: e.direction }]),
-        style: re(e.contentStyle)
+        class: M(["scrollbar__content", e.contentClass, { "scrollbar__content--fixedThumb": e.fixedThumb, [`scrollbar__content--${e.direction}`]: e.direction }]),
+        style: ee(e.contentStyle)
       }, [
         ae(O.$slots, "default")
       ], 6)
     ], 16),
-    (m(), w(U, null, pe(t, (z, L) => le(jl, {
-      ref: (B) => i(B, L),
+    (m(), w(U, null, pe(t, (z, L) => oe(jl, {
+      ref: (W) => i(W, L),
       key: L,
       autoExpand: e.autoExpand,
       autoHide: e.autoHide,
       autoHideDelay: e.autoHideDelay,
       fixedThumb: L === e.direction ? !1 : e.fixedThumb,
       type: L,
-      scrollInfo: L === "vertical" ? I.value : P.value,
+      scrollInfo: L === "vertical" ? I.value : T.value,
       thumbWidth: e.thumbWidth,
       wrapperEl: s.value
     }, null, 8, ["autoExpand", "autoHide", "autoHideDelay", "fixedThumb", "type", "scrollInfo", "thumbWidth", "wrapperEl"])), 64))
@@ -469,47 +469,47 @@ const Ql = /* @__PURE__ */ we(mn(nt({}, Ul), {
     "splitter-dblclick"
   ],
   setup(e, { emit: l }) {
-    const n = l, o = e, t = un(), i = D([]), s = K(() => i.value.reduce((c, g) => (c[~~g.id] = g) && c, {})), r = K(() => i.value.length), u = D(null), f = D(!1), d = D({
+    const n = l, o = e, t = un(), i = B([]), s = K(() => i.value.reduce((c, g) => (c[~~g.id] = g) && c, {})), r = K(() => i.value.length), u = B(null), f = B(!1), d = B({
       mouseDown: !1,
       dragging: !1,
       activeSplitter: null,
       cursorOffset: 0
       // Cursor offset within the splitter.
-    }), p = D({
+    }), p = B({
       // Used to detect double click on touch devices.
       splitter: null,
       timeoutId: null
     }), E = K(() => ({
       [`splitpanes splitpanes--${o.horizontal ? "horizontal" : "vertical"}`]: !0,
       "splitpanes--dragging": d.value.dragging
-    })), P = () => {
+    })), T = () => {
       document.addEventListener("mousemove", y, { passive: !1 }), document.addEventListener("mouseup", A), "ontouchstart" in window && (document.addEventListener("touchmove", y, { passive: !1 }), document.addEventListener("touchend", A));
     }, I = () => {
       document.removeEventListener("mousemove", y, { passive: !1 }), document.removeEventListener("mouseup", A), "ontouchstart" in window && (document.removeEventListener("touchmove", y, { passive: !1 }), document.removeEventListener("touchend", A));
     }, $ = (c, g) => {
       const S = c.target.closest(".splitpanes__splitter");
       if (S) {
-        const { left: b, top: x } = S.getBoundingClientRect(), { clientX: _, clientY: R } = "ontouchstart" in window && c.touches ? c.touches[0] : c;
-        d.value.cursorOffset = o.horizontal ? R - x : _ - b;
+        const { left: b, top: x } = S.getBoundingClientRect(), { clientX: P, clientY: R } = "ontouchstart" in window && c.touches ? c.touches[0] : c;
+        d.value.cursorOffset = o.horizontal ? R - x : P - b;
       }
-      P(), d.value.mouseDown = !0, d.value.activeSplitter = g;
+      T(), d.value.mouseDown = !0, d.value.activeSplitter = g;
     }, y = (c) => {
       d.value.mouseDown && (c.preventDefault(), d.value.dragging = !0, requestAnimationFrame(() => {
-        L(Y(c)), ie("resize", { event: c }, !0);
+        L(Y(c)), re("resize", { event: c }, !0);
       }));
     }, A = (c) => {
-      d.value.dragging && ie("resized", { event: c }, !0), d.value.mouseDown = !1, d.value.activeSplitter = null, setTimeout(() => {
+      d.value.dragging && re("resized", { event: c }, !0), d.value.mouseDown = !1, d.value.activeSplitter = null, setTimeout(() => {
         d.value.dragging = !1, I();
       }, 100);
-    }, H = (c, g) => {
-      "ontouchstart" in window && (c.preventDefault(), p.value.splitter === g ? (clearTimeout(p.value.timeoutId), p.value.timeoutId = null, j(c, g), p.value.splitter = null) : (p.value.splitter = g, p.value.timeoutId = setTimeout(() => p.value.splitter = null, 500))), d.value.dragging || ie("splitter-click", { event: c, index: g }, !0);
+    }, q = (c, g) => {
+      "ontouchstart" in window && (c.preventDefault(), p.value.splitter === g ? (clearTimeout(p.value.timeoutId), p.value.timeoutId = null, j(c, g), p.value.splitter = null) : (p.value.splitter = g, p.value.timeoutId = setTimeout(() => p.value.splitter = null, 500))), d.value.dragging || re("splitter-click", { event: c, index: g }, !0);
     }, j = (c, g) => {
-      if (ie("splitter-dblclick", { event: c, index: g }, !0), o.maximizePanes) {
+      if (re("splitter-dblclick", { event: c, index: g }, !0), o.maximizePanes) {
         let S = 0;
-        i.value = i.value.map((b, x) => (b.size = x === g ? b.max : b.min, x !== g && (S += b.min), b)), i.value[g].size -= S, ie("pane-maximize", { event: c, index: g, pane: i.value[g] }), ie("resized", { event: c, index: g }, !0);
+        i.value = i.value.map((b, x) => (b.size = x === g ? b.max : b.min, x !== g && (S += b.min), b)), i.value[g].size -= S, re("pane-maximize", { event: c, index: g, pane: i.value[g] }), re("resized", { event: c, index: g }, !0);
       }
     }, O = (c, g) => {
-      ie("pane-click", {
+      re("pane-click", {
         event: c,
         index: s.value[g].index,
         pane: s.value[g]
@@ -532,31 +532,31 @@ const Ql = /* @__PURE__ */ we(mn(nt({}, Ul), {
         prevReachedMinPanes: 0,
         nextReachedMinPanes: 0
       };
-      const b = 0 + (o.pushOtherPanes ? 0 : S.prevPanesSize), x = 100 - (o.pushOtherPanes ? 0 : S.nextPanesSize), _ = Math.max(Math.min(z(c), x), b);
-      let R = [g, g + 1], te = i.value[R[0]] || null, F = i.value[R[1]] || null;
-      const xe = te.max < 100 && _ >= te.max + S.prevPanesSize, Ve = F.max < 100 && _ <= 100 - (F.max + Z(g + 1));
+      const b = 0 + (o.pushOtherPanes ? 0 : S.prevPanesSize), x = 100 - (o.pushOtherPanes ? 0 : S.nextPanesSize), P = Math.max(Math.min(z(c), x), b);
+      let R = [g, g + 1], ne = i.value[R[0]] || null, F = i.value[R[1]] || null;
+      const xe = ne.max < 100 && P >= ne.max + S.prevPanesSize, Ve = F.max < 100 && P <= 100 - (F.max + Z(g + 1));
       if (xe || Ve) {
-        xe ? (te.size = te.max, F.size = Math.max(100 - te.max - S.prevPanesSize - S.nextPanesSize, 0)) : (te.size = Math.max(100 - F.max - S.prevPanesSize - Z(g + 1), 0), F.size = F.max);
+        xe ? (ne.size = ne.max, F.size = Math.max(100 - ne.max - S.prevPanesSize - S.nextPanesSize, 0)) : (ne.size = Math.max(100 - F.max - S.prevPanesSize - Z(g + 1), 0), F.size = F.max);
         return;
       }
       if (o.pushOtherPanes) {
-        const fe = B(S, _);
+        const fe = W(S, P);
         if (!fe) return;
-        ({ sums: S, panesToResize: R } = fe), te = i.value[R[0]] || null, F = i.value[R[1]] || null;
+        ({ sums: S, panesToResize: R } = fe), ne = i.value[R[0]] || null, F = i.value[R[1]] || null;
       }
-      te !== null && (te.size = Math.min(Math.max(_ - S.prevPanesSize - S.prevReachedMinPanes, te.min), te.max)), F !== null && (F.size = Math.min(Math.max(100 - _ - S.nextPanesSize - S.nextReachedMinPanes, F.min), F.max));
-    }, B = (c, g) => {
+      ne !== null && (ne.size = Math.min(Math.max(P - S.prevPanesSize - S.prevReachedMinPanes, ne.min), ne.max)), F !== null && (F.size = Math.min(Math.max(100 - P - S.nextPanesSize - S.nextReachedMinPanes, F.min), F.max));
+    }, W = (c, g) => {
       const S = d.value.activeSplitter, b = [S, S + 1];
-      return g < c.prevPanesSize + i.value[b[0]].min && (b[0] = st(S).index, c.prevReachedMinPanes = 0, b[0] < S && i.value.forEach((x, _) => {
-        _ > b[0] && _ <= S && (x.size = x.min, c.prevReachedMinPanes += x.min);
-      }), c.prevPanesSize = X(b[0]), b[0] === void 0) ? (c.prevReachedMinPanes = 0, i.value[0].size = i.value[0].min, i.value.forEach((x, _) => {
-        _ > 0 && _ <= S && (x.size = x.min, c.prevReachedMinPanes += x.min);
-      }), i.value[b[1]].size = 100 - c.prevReachedMinPanes - i.value[0].min - c.prevPanesSize - c.nextPanesSize, null) : g > 100 - c.nextPanesSize - i.value[b[1]].min && (b[1] = oe(S).index, c.nextReachedMinPanes = 0, b[1] > S + 1 && i.value.forEach((x, _) => {
-        _ > S && _ < b[1] && (x.size = x.min, c.nextReachedMinPanes += x.min);
-      }), c.nextPanesSize = Z(b[1] - 1), b[1] === void 0) ? (c.nextReachedMinPanes = 0, i.value.forEach((x, _) => {
-        _ < r.value - 1 && _ >= S + 1 && (x.size = x.min, c.nextReachedMinPanes += x.min);
+      return g < c.prevPanesSize + i.value[b[0]].min && (b[0] = st(S).index, c.prevReachedMinPanes = 0, b[0] < S && i.value.forEach((x, P) => {
+        P > b[0] && P <= S && (x.size = x.min, c.prevReachedMinPanes += x.min);
+      }), c.prevPanesSize = X(b[0]), b[0] === void 0) ? (c.prevReachedMinPanes = 0, i.value[0].size = i.value[0].min, i.value.forEach((x, P) => {
+        P > 0 && P <= S && (x.size = x.min, c.prevReachedMinPanes += x.min);
+      }), i.value[b[1]].size = 100 - c.prevReachedMinPanes - i.value[0].min - c.prevPanesSize - c.nextPanesSize, null) : g > 100 - c.nextPanesSize - i.value[b[1]].min && (b[1] = ie(S).index, c.nextReachedMinPanes = 0, b[1] > S + 1 && i.value.forEach((x, P) => {
+        P > S && P < b[1] && (x.size = x.min, c.nextReachedMinPanes += x.min);
+      }), c.nextPanesSize = Z(b[1] - 1), b[1] === void 0) ? (c.nextReachedMinPanes = 0, i.value.forEach((x, P) => {
+        P < r.value - 1 && P >= S + 1 && (x.size = x.min, c.nextReachedMinPanes += x.min);
       }), i.value[b[0]].size = 100 - c.prevPanesSize - Z(b[0] - 1), null) : { sums: c, panesToResize: b };
-    }, X = (c) => i.value.reduce((g, S, b) => g + (b < c ? S.size : 0), 0), Z = (c) => i.value.reduce((g, S, b) => g + (b > c + 1 ? S.size : 0), 0), st = (c) => [...i.value].reverse().find((g) => g.index < c && g.size > g.min) || {}, oe = (c) => i.value.find((g) => g.index > c + 1 && g.size > g.min) || {}, De = () => {
+    }, X = (c) => i.value.reduce((g, S, b) => g + (b < c ? S.size : 0), 0), Z = (c) => i.value.reduce((g, S, b) => g + (b > c + 1 ? S.size : 0), 0), st = (c) => [...i.value].reverse().find((g) => g.index < c && g.size > g.min) || {}, ie = (c) => i.value.find((g) => g.index > c + 1 && g.size > g.min) || {}, Be = () => {
       var c;
       const g = Array.from(((c = u.value) == null ? void 0 : c.children) || []);
       for (const S of g) {
@@ -565,7 +565,7 @@ const Ql = /* @__PURE__ */ we(mn(nt({}, Ul), {
       }
     }, J = (c, g, S = !1) => {
       const b = c - 1, x = document.createElement("div");
-      x.classList.add("splitpanes__splitter"), S || (x.onmousedown = (_) => $(_, b), typeof window < "u" && "ontouchstart" in window && (x.ontouchstart = (_) => $(_, b)), x.onclick = (_) => H(_, b + 1)), x.ondblclick = (_) => j(_, b + 1), g.parentNode.insertBefore(x, g);
+      x.classList.add("splitpanes__splitter"), S || (x.onmousedown = (P) => $(P, b), typeof window < "u" && "ontouchstart" in window && (x.ontouchstart = (P) => $(P, b)), x.onclick = (P) => q(P, b + 1)), x.ondblclick = (P) => j(P, b + 1), g.parentNode.insertBefore(x, g);
     }, se = (c) => {
       c.onmousedown = void 0, c.onclick = void 0, c.ondblclick = void 0, c.remove();
     }, ge = () => {
@@ -576,24 +576,24 @@ const Ql = /* @__PURE__ */ we(mn(nt({}, Ul), {
       let S = 0;
       for (const b of g)
         b.className.includes("splitpanes__pane") && (!S && o.firstSplitter ? J(S, b, !0) : S && J(S, b), S++);
-    }, Pe = ({ uid: c, ...g }) => {
+    }, Te = ({ uid: c, ...g }) => {
       const S = s.value[c];
       for (const [b, x] of Object.entries(g)) S[b] = x;
-    }, qe = (c) => {
+    }, De = (c) => {
       var g;
       let S = -1;
       Array.from(((g = u.value) == null ? void 0 : g.children) || []).some((b) => (b.className.includes("splitpanes__pane") && S++, b.isSameNode(c.el))), i.value.splice(S, 0, { ...c, index: S }), i.value.forEach((b, x) => b.index = x), f.value && Oe(() => {
-        ge(), de({ addedPane: i.value[S] }), ie("pane-add", { pane: i.value[S] });
+        ge(), de({ addedPane: i.value[S] }), re("pane-add", { pane: i.value[S] });
       });
-    }, He = (c) => {
+    }, qe = (c) => {
       const g = i.value.findIndex((b) => b.id === c);
       i.value[g].el = null;
       const S = i.value.splice(g, 1)[0];
       i.value.forEach((b, x) => b.index = x), Oe(() => {
-        ge(), ie("pane-remove", { pane: S }), de({ removedPane: { ...S } });
+        ge(), re("pane-remove", { pane: S }), de({ removedPane: { ...S } });
       });
     }, de = (c = {}) => {
-      !c.addedPane && !c.removedPane ? We() : i.value.some((g) => g.givenSize !== null || g.min || g.max < 100) ? je(c) : ue(), f.value && ie("resized");
+      !c.addedPane && !c.removedPane ? He() : i.value.some((g) => g.givenSize !== null || g.min || g.max < 100) ? je(c) : ue(), f.value && re("resized");
     }, ue = () => {
       const c = 100 / r.value;
       let g = 0;
@@ -601,43 +601,43 @@ const Ql = /* @__PURE__ */ we(mn(nt({}, Ul), {
       for (const x of i.value)
         x.size = Math.max(Math.min(c, x.max), x.min), g -= x.size, x.size >= x.max && S.push(x.id), x.size <= x.min && b.push(x.id);
       g > 0.1 && Ee(g, S, b);
-    }, We = () => {
+    }, He = () => {
       let c = 100;
       const g = [], S = [];
       let b = 0;
-      for (const _ of i.value)
-        c -= _.size, _.givenSize !== null && b++, _.size >= _.max && g.push(_.id), _.size <= _.min && S.push(_.id);
+      for (const P of i.value)
+        c -= P.size, P.givenSize !== null && b++, P.size >= P.max && g.push(P.id), P.size <= P.min && S.push(P.id);
       let x = 100;
       if (c > 0.1) {
-        for (const _ of i.value)
-          _.givenSize === null && (_.size = Math.max(Math.min(c / (r.value - b), _.max), _.min)), x -= _.size;
+        for (const P of i.value)
+          P.givenSize === null && (P.size = Math.max(Math.min(c / (r.value - b), P.max), P.min)), x -= P.size;
         x > 0.1 && Ee(x, g, S);
       }
     }, je = ({ addedPane: c, removedPane: g } = {}) => {
       let S = 100 / r.value, b = 0;
-      const x = [], _ = [];
+      const x = [], P = [];
       ((c == null ? void 0 : c.givenSize) ?? null) !== null && (S = (100 - c.givenSize) / (r.value - 1));
       for (const R of i.value)
-        b -= R.size, R.size >= R.max && x.push(R.id), R.size <= R.min && _.push(R.id);
+        b -= R.size, R.size >= R.max && x.push(R.id), R.size <= R.min && P.push(R.id);
       if (!(Math.abs(b) < 0.1)) {
         for (const R of i.value)
-          (c == null ? void 0 : c.givenSize) !== null && (c == null ? void 0 : c.id) === R.id || (R.size = Math.max(Math.min(S, R.max), R.min)), b -= R.size, R.size >= R.max && x.push(R.id), R.size <= R.min && _.push(R.id);
-        b > 0.1 && Ee(b, x, _);
+          (c == null ? void 0 : c.givenSize) !== null && (c == null ? void 0 : c.id) === R.id || (R.size = Math.max(Math.min(S, R.max), R.min)), b -= R.size, R.size >= R.max && x.push(R.id), R.size <= R.min && P.push(R.id);
+        b > 0.1 && Ee(b, x, P);
       }
     }, Ee = (c, g, S) => {
       let b;
-      c > 0 ? b = c / (r.value - g.length) : b = c / (r.value - S.length), i.value.forEach((x, _) => {
+      c > 0 ? b = c / (r.value - g.length) : b = c / (r.value - S.length), i.value.forEach((x, P) => {
         if (c > 0 && !g.includes(x.id)) {
-          const R = Math.max(Math.min(x.size + b, x.max), x.min), te = R - x.size;
-          c -= te, x.size = R;
+          const R = Math.max(Math.min(x.size + b, x.max), x.min), ne = R - x.size;
+          c -= ne, x.size = R;
         } else if (!S.includes(x.id)) {
-          const R = Math.max(Math.min(x.size + b, x.max), x.min), te = R - x.size;
-          c -= te, x.size = R;
+          const R = Math.max(Math.min(x.size + b, x.max), x.min), ne = R - x.size;
+          c -= ne, x.size = R;
         }
       }), Math.abs(c) > 0.1 && Oe(() => {
         f.value && console.warn("Splitpanes: Could not resize panes correctly due to their constraints.");
       });
-    }, ie = (c, g = void 0, S = !1) => {
+    }, re = (c, g = void 0, S = !1) => {
       const b = (g == null ? void 0 : g.index) ?? d.value.activeSplitter ?? null;
       n(c, {
         ...g,
@@ -649,8 +649,8 @@ const Ql = /* @__PURE__ */ we(mn(nt({}, Ul), {
         panes: i.value.map((x) => ({ min: x.min, max: x.max, size: x.size }))
       });
     };
-    ee(() => o.firstSplitter, () => ge()), Le(() => {
-      De(), ge(), de(), ie("ready"), f.value = !0;
+    te(() => o.firstSplitter, () => ge()), Le(() => {
+      Be(), ge(), de(), re("ready"), f.value = !0;
     }), zt(() => f.value = !1);
     const It = () => {
       var c;
@@ -660,7 +660,7 @@ const Ql = /* @__PURE__ */ we(mn(nt({}, Ul), {
         (c = t.default) == null ? void 0 : c.call(t)
       );
     };
-    return Ce("panes", i), Ce("indexedPanes", s), Ce("horizontal", K(() => o.horizontal)), Ce("requestUpdate", Pe), Ce("onPaneAdd", qe), Ce("onPaneRemove", He), Ce("onPaneClick", O), (c, g) => (m(), ce(Yn(It)));
+    return Ce("panes", i), Ce("indexedPanes", s), Ce("horizontal", K(() => o.horizontal)), Ce("requestUpdate", Te), Ce("onPaneAdd", De), Ce("onPaneRemove", qe), Ce("onPaneClick", O), (c, g) => (m(), ce(Yn(It)));
   }
 }, dt = {
   __name: "pane",
@@ -671,10 +671,10 @@ const Ql = /* @__PURE__ */ we(mn(nt({}, Ul), {
   },
   setup(e) {
     var l;
-    const n = e, o = _e("requestUpdate"), t = _e("onPaneAdd"), i = _e("horizontal"), s = _e("onPaneRemove"), r = _e("onPaneClick"), u = (l = Ct()) == null ? void 0 : l.uid, f = _e("indexedPanes"), d = K(() => f.value[u]), p = D(null), E = K(() => {
+    const n = e, o = Pe("requestUpdate"), t = Pe("onPaneAdd"), i = Pe("horizontal"), s = Pe("onPaneRemove"), r = Pe("onPaneClick"), u = (l = Ct()) == null ? void 0 : l.uid, f = Pe("indexedPanes"), d = K(() => f.value[u]), p = B(null), E = K(() => {
       const y = isNaN(n.size) || n.size === void 0 ? 0 : parseFloat(n.size);
-      return Math.max(Math.min(y, I.value), P.value);
-    }), P = K(() => {
+      return Math.max(Math.min(y, I.value), T.value);
+    }), T = K(() => {
       const y = parseFloat(n.minSize);
       return isNaN(y) ? 0 : y;
     }), I = K(() => {
@@ -684,11 +684,11 @@ const Ql = /* @__PURE__ */ we(mn(nt({}, Ul), {
       var y;
       return `${i.value ? "height" : "width"}: ${(y = d.value) == null ? void 0 : y.size}%`;
     });
-    return ee(() => E.value, (y) => o({ uid: u, size: y })), ee(() => P.value, (y) => o({ uid: u, min: y })), ee(() => I.value, (y) => o({ uid: u, max: y })), Le(() => {
+    return te(() => E.value, (y) => o({ uid: u, size: y })), te(() => T.value, (y) => o({ uid: u, min: y })), te(() => I.value, (y) => o({ uid: u, max: y })), Le(() => {
       t({
         id: u,
         el: p.value,
-        min: P.value,
+        min: T.value,
         max: I.value,
         // The given size (useful to know the user intention).
         givenSize: n.size === void 0 ? null : E.value,
@@ -699,8 +699,8 @@ const Ql = /* @__PURE__ */ we(mn(nt({}, Ul), {
       ref_key: "paneEl",
       ref: p,
       class: "splitpanes__pane",
-      onClick: A[0] || (A[0] = (H) => Q(r)(H, y._.uid)),
-      style: re($.value)
+      onClick: A[0] || (A[0] = (q) => Q(r)(q, y._.uid)),
+      style: ee($.value)
     }, [
       ae(y.$slots, "default")
     ], 4));
@@ -984,11 +984,11 @@ function co(e, l) {
   };
   let i = n.body;
   [n, o].forEach(($) => {
-    const y = [], A = $.hFlip, H = $.vFlip;
+    const y = [], A = $.hFlip, q = $.vFlip;
     let j = $.rotate;
-    A ? H ? j += 2 : (y.push(
+    A ? q ? j += 2 : (y.push(
       "translate(" + (t.width + t.left).toString() + " " + (0 - t.top).toString() + ")"
-    ), y.push("scale(-1 1)"), t.top = t.left = 0) : H && (y.push(
+    ), y.push("scale(-1 1)"), t.top = t.left = 0) : q && (y.push(
       "translate(" + (0 - t.left).toString() + " " + (t.height + t.top).toString() + ")"
     ), y.push("scale(1 -1)"), t.top = t.left = 0);
     let O;
@@ -1018,10 +1018,10 @@ function co(e, l) {
   const s = o.width, r = o.height, u = t.width, f = t.height;
   let d, p;
   s === null ? (p = r === null ? "1em" : r === "auto" ? f : r, d = Kt(p, u / f)) : (d = s === "auto" ? u : s, p = r === null ? Kt(d, f / u) : r === "auto" ? f : r);
-  const E = {}, P = ($, y) => {
+  const E = {}, T = ($, y) => {
     uo(y) || (E[$] = y.toString());
   };
-  P("width", d), P("height", p);
+  T("width", d), T("height", p);
   const I = [t.left, t.top, u, f];
   return E.viewBox = I.join(" "), {
     attributes: E,
@@ -1081,21 +1081,21 @@ function Et(e) {
     dataAfterTimeout: e.dataAfterTimeout !== !1
   };
 }
-const _t = /* @__PURE__ */ Object.create(null), Fe = [
+const Pt = /* @__PURE__ */ Object.create(null), Fe = [
   "https://api.simplesvg.com",
   "https://api.unisvg.com"
 ], Ye = [];
 for (; Fe.length > 0; )
   Fe.length === 1 || Math.random() > 0.5 ? Ye.push(Fe.shift()) : Ye.push(Fe.pop());
-_t[""] = Et({
+Pt[""] = Et({
   resources: ["https://api.iconify.design"].concat(Ye)
 });
 function go(e, l) {
   const n = Et(l);
-  return n === null ? !1 : (_t[e] = n, !0);
+  return n === null ? !1 : (Pt[e] = n, !0);
 }
-function Mt(e) {
-  return _t[e];
+function _t(e) {
+  return Pt[e];
 }
 const bo = () => {
   let e;
@@ -1107,7 +1107,7 @@ const bo = () => {
 };
 let Xt = bo();
 function yo(e, l) {
-  const n = Mt(e);
+  const n = _t(e);
   if (!n)
     return 0;
   let o;
@@ -1145,7 +1145,7 @@ const xo = (e, l, n) => {
 };
 function So(e) {
   if (typeof e == "string") {
-    const l = Mt(e);
+    const l = _t(e);
     if (l)
       return l.path;
   }
@@ -1273,7 +1273,7 @@ function Lo(e) {
   }));
 }
 let Eo = 0;
-function _o(e, l, n) {
+function Po(e, l, n) {
   const o = Eo++, t = kn.bind(null, n, o);
   if (!l.pending.length)
     return t;
@@ -1287,14 +1287,14 @@ function _o(e, l, n) {
     (s.loaderCallbacks || (s.loaderCallbacks = [])).push(i);
   }), t;
 }
-function Mo(e, l = !0, n = !1) {
+function _o(e, l = !0, n = !1) {
   const o = [];
   return e.forEach((t) => {
     const i = typeof t == "string" ? ot(t, l, n) : t;
     i && o.push(i);
   }), o;
 }
-var To = {
+var Mo = {
   resources: [],
   index: 0,
   timeout: 2e3,
@@ -1302,7 +1302,7 @@ var To = {
   random: !1,
   dataAfterTimeout: !1
 };
-function Po(e, l, n, o) {
+function To(e, l, n, o) {
   const t = e.resources.length, i = e.random ? Math.floor(Math.random() * t) : e.index;
   let s;
   if (e.random) {
@@ -1315,8 +1315,8 @@ function Po(e, l, n, o) {
   } else
     s = e.resources.slice(i).concat(e.resources.slice(0, i));
   const r = Date.now();
-  let u = "pending", f = 0, d, p = null, E = [], P = [];
-  typeof o == "function" && P.push(o);
+  let u = "pending", f = 0, d, p = null, E = [], T = [];
+  typeof o == "function" && T.push(o);
   function I() {
     p && (clearTimeout(p), p = null);
   }
@@ -1326,7 +1326,7 @@ function Po(e, l, n, o) {
     }), E = [];
   }
   function y(z, L) {
-    L && (P = []), typeof z == "function" && P.push(z);
+    L && (T = []), typeof z == "function" && T.push(z);
   }
   function A() {
     return {
@@ -1339,8 +1339,8 @@ function Po(e, l, n, o) {
       abort: $
     };
   }
-  function H() {
-    u = "failed", P.forEach((z) => {
+  function q() {
+    u = "failed", T.forEach((z) => {
       z(void 0, d);
     });
   }
@@ -1349,7 +1349,7 @@ function Po(e, l, n, o) {
       z.status === "pending" && (z.status = "aborted");
     }), E = [];
   }
-  function O(z, L, B) {
+  function O(z, L, W) {
     const X = L !== "success";
     switch (E = E.filter((Z) => Z !== z), u) {
       case "pending":
@@ -1362,19 +1362,19 @@ function Po(e, l, n, o) {
         return;
     }
     if (L === "abort") {
-      d = B, H();
+      d = W, q();
       return;
     }
     if (X) {
-      d = B, E.length || (s.length ? Y() : H());
+      d = W, E.length || (s.length ? Y() : q());
       return;
     }
     if (I(), j(), !e.random) {
       const Z = e.resources.indexOf(z.resource);
       Z !== -1 && Z !== e.index && (e.index = Z);
     }
-    u = "completed", P.forEach((Z) => {
-      Z(B);
+    u = "completed", T.forEach((Z) => {
+      Z(W);
     });
   }
   function Y() {
@@ -1385,18 +1385,18 @@ function Po(e, l, n, o) {
     if (z === void 0) {
       if (E.length) {
         p = setTimeout(() => {
-          I(), u === "pending" && (j(), H());
+          I(), u === "pending" && (j(), q());
         }, e.timeout);
         return;
       }
-      H();
+      q();
       return;
     }
     const L = {
       status: "pending",
       resource: z,
-      callback: (B, X) => {
-        O(L, B, X);
+      callback: (W, X) => {
+        O(L, W, X);
       }
     };
     E.push(L), f++, p = setTimeout(Y, e.rotate), n(z, l, L.callback);
@@ -1405,7 +1405,7 @@ function Po(e, l, n, o) {
 }
 function Cn(e) {
   const l = {
-    ...To,
+    ...Mo,
     ...e
   };
   let n = [];
@@ -1413,7 +1413,7 @@ function Cn(e) {
     n = n.filter((r) => r().status === "pending");
   }
   function t(r, u, f) {
-    const d = Po(
+    const d = To(
       l,
       r,
       u,
@@ -1441,7 +1441,7 @@ function Yt() {
 const ht = /* @__PURE__ */ Object.create(null);
 function Io(e) {
   if (!ht[e]) {
-    const l = Mt(e);
+    const l = _t(e);
     if (!l)
       return;
     const n = Cn(l), o = {
@@ -1478,7 +1478,7 @@ function wt(e, l) {
   } catch {
   }
 }
-function Tt(e, l, n) {
+function Mt(e, l, n) {
   try {
     return e.setItem(l, n), !0;
   } catch {
@@ -1491,7 +1491,7 @@ function en(e, l) {
   }
 }
 function xt(e, l) {
-  return Tt(e, zn, l.toString());
+  return Mt(e, zn, l.toString());
 }
 function St(e) {
   return parseInt(wt(e, zn)) || 0;
@@ -1503,12 +1503,12 @@ const rt = {
   local: /* @__PURE__ */ new Set(),
   session: /* @__PURE__ */ new Set()
 };
-let Pt = !1;
+let Tt = !1;
 function Ro(e) {
-  Pt = e;
+  Tt = e;
 }
 let Ke = typeof window > "u" ? {} : window;
-function _n(e) {
+function Pn(e) {
   const l = e + "Storage";
   try {
     if (Ke && Ke[l] && typeof Ke[l].length == "number")
@@ -1517,8 +1517,8 @@ function _n(e) {
   }
   rt[e] = !1;
 }
-function Mn(e, l) {
-  const n = _n(e);
+function _n(e, l) {
+  const n = Pn(e);
   if (!n)
     return;
   const o = wt(n, Zt);
@@ -1528,7 +1528,7 @@ function Mn(e, l) {
       for (let u = 0; u < r; u++)
         en(n, Ae + u.toString());
     }
-    Tt(n, Zt, Jt), xt(n, 0);
+    Mt(n, Zt, Jt), xt(n, 0);
     return;
   }
   const t = Math.floor(Date.now() / Ln) - Oo, i = (r) => {
@@ -1548,11 +1548,11 @@ function Mn(e, l) {
   for (let r = s - 1; r >= 0; r--)
     i(r) || (r === s - 1 ? (s--, xt(n, s)) : En[e].add(r));
 }
-function Tn() {
-  if (!Pt) {
+function Mn() {
+  if (!Tt) {
     Ro(!0);
     for (const e in rt)
-      Mn(e, (l) => {
+      _n(e, (l) => {
         const n = l.data, o = l.provider, t = n.prefix, i = ze(
           o,
           t
@@ -1573,17 +1573,17 @@ function No(e, l) {
     return n === l;
   if (e.lastModifiedCached = l, n)
     for (const o in rt)
-      Mn(o, (t) => {
+      _n(o, (t) => {
         const i = t.data;
         return t.provider !== e.provider || i.prefix !== e.prefix || i.lastModified === l;
       });
   return !0;
 }
 function Ao(e, l) {
-  Pt || Tn();
+  Tt || Mn();
   function n(o) {
     let t;
-    if (!rt[o] || !(t = _n(o)))
+    if (!rt[o] || !(t = Pn(o)))
       return;
     const i = En[o];
     let s;
@@ -1596,7 +1596,7 @@ function Ao(e, l) {
       provider: e.provider,
       data: l
     };
-    return Tt(
+    return Mt(
       t,
       Ae + s.toString(),
       JSON.stringify(r)
@@ -1606,12 +1606,12 @@ function Ao(e, l) {
 }
 function tn() {
 }
-function Bo(e) {
+function Wo(e) {
   e.iconsLoaderFlag || (e.iconsLoaderFlag = !0, setTimeout(() => {
     e.iconsLoaderFlag = !1, Lo(e);
   }));
 }
-function Do(e, l) {
+function Bo(e, l) {
   e.iconsToLoad ? e.iconsToLoad = e.iconsToLoad.concat(l).sort() : e.iconsToLoad = l, e.iconsQueueFlag || (e.iconsQueueFlag = !0, setTimeout(() => {
     e.iconsQueueFlag = !1;
     const { provider: n, prefix: o } = e, t = e.iconsToLoad;
@@ -1640,13 +1640,13 @@ function Do(e, l) {
           } catch (f) {
             console.error(f);
           }
-        Bo(e);
+        Wo(e);
       });
     });
   }));
 }
-const qo = (e, l) => {
-  const n = Mo(e, !0, wn()), o = zo(n);
+const Do = (e, l) => {
+  const n = _o(e, !0, wn()), o = zo(n);
   if (!o.pending.length) {
     let u = !0;
     return l && setTimeout(() => {
@@ -1670,14 +1670,14 @@ const qo = (e, l) => {
     const p = t[f] || (t[f] = /* @__PURE__ */ Object.create(null));
     p[d] || (p[d] = []);
   }), o.pending.forEach((u) => {
-    const { provider: f, prefix: d, name: p } = u, E = ze(f, d), P = E.pendingIcons || (E.pendingIcons = /* @__PURE__ */ new Set());
-    P.has(p) || (P.add(p), t[f][d].push(p));
+    const { provider: f, prefix: d, name: p } = u, E = ze(f, d), T = E.pendingIcons || (E.pendingIcons = /* @__PURE__ */ new Set());
+    T.has(p) || (T.add(p), t[f][d].push(p));
   }), i.forEach((u) => {
     const { provider: f, prefix: d } = u;
-    t[f][d].length && Do(u, t[f][d]);
-  }), l ? _o(l, o, i) : tn;
+    t[f][d].length && Bo(u, t[f][d]);
+  }), l ? Po(l, o, i) : tn;
 };
-function Ho(e, l) {
+function qo(e, l) {
   const n = {
     ...e
   };
@@ -1687,9 +1687,9 @@ function Ho(e, l) {
   }
   return n;
 }
-const Wo = /[\s,]+/;
+const Ho = /[\s,]+/;
 function jo(e, l) {
-  l.split(Wo).forEach((n) => {
+  l.split(Ho).forEach((n) => {
     switch (n.trim()) {
       case "horizontal":
         e.hFlip = !0;
@@ -1753,7 +1753,7 @@ const nn = {
   display: "inline-block"
 }, kt = {
   backgroundColor: "currentColor"
-}, Pn = {
+}, Tn = {
   backgroundColor: "transparent"
 }, ln = {
   Image: "var(--svg)",
@@ -1762,7 +1762,7 @@ const nn = {
 }, on = {
   webkitMask: kt,
   mask: kt,
-  background: Pn
+  background: Tn
 };
 for (const e in on) {
   const l = on[e];
@@ -1778,7 +1778,7 @@ function rn(e) {
   return e + (e.match(/^[-0-9.]+$/) ? "px" : "");
 }
 const sn = (e, l) => {
-  const n = Ho(nn, l), o = { ...Xo }, t = l.mode || "svg", i = {}, s = l.style, r = typeof s == "object" && !(s instanceof Array) ? s : {};
+  const n = qo(nn, l), o = { ...Xo }, t = l.mode || "svg", i = {}, s = l.style, r = typeof s == "object" && !(s instanceof Array) ? s : {};
   for (let $ in l) {
     const y = l[$];
     if (y !== void 0)
@@ -1821,7 +1821,7 @@ const sn = (e, l) => {
     let $ = 0, y = l.id;
     return typeof y == "string" && (y = y.replace(/-/g, "_")), o.innerHTML = vo(u.body, y ? () => y + "ID" + $++ : "iconifyVue"), vt("svg", o);
   }
-  const { body: d, width: p, height: E } = e, P = t === "mask" || (t === "bg" ? !1 : d.indexOf("currentColor") !== -1), I = Uo(d, {
+  const { body: d, width: p, height: E } = e, T = t === "mask" || (t === "bg" ? !1 : d.indexOf("currentColor") !== -1), I = Uo(d, {
     ...f,
     width: p + "",
     height: E + ""
@@ -1832,14 +1832,14 @@ const sn = (e, l) => {
     width: rn(f.width),
     height: rn(f.height),
     ...Yo,
-    ...P ? kt : Pn,
+    ...T ? kt : Tn,
     ...r
   }, vt("span", o);
 };
 wn(!0);
 mo("", Co);
 if (typeof document < "u" && typeof window < "u") {
-  Tn();
+  Mn();
   const e = window;
   if (e.IconifyPreload !== void 0) {
     const l = e.IconifyPreload, n = "Invalid IconifyPreload syntax.";
@@ -1912,7 +1912,7 @@ const Jo = {
       if (!o)
         return (!this._loadingIcon || this._loadingIcon.name !== e) && (this.abortLoading(), this._name = "", o !== null && (this._loadingIcon = {
           name: e,
-          abort: qo([n], () => {
+          abort: Do([n], () => {
             this.counter++;
           })
         })), null;
@@ -1946,7 +1946,7 @@ const Jo = {
     expandall: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const l = e, n = Jn(l, "expandedrows"), o = D(!1);
+    const l = e, n = Jn(l, "expandedrows"), o = B(!1);
     function t(s) {
       if (l.expandall)
         o.value = !o.value, n.value.forEach((r) => {
@@ -1957,8 +1957,8 @@ const Jo = {
         r ? r.isExpanded = !r.isExpanded : n.value.push({ id: s, isExpanded: !0 });
       }
     }
-    const i = D(-1);
-    return ee(
+    const i = B(-1);
+    return te(
       () => n.value,
       (s, r) => {
         var u;
@@ -2004,12 +2004,12 @@ const Jo = {
       ]);
     };
   }
-}), Be = (e, l) => {
+}), We = (e, l) => {
   const n = e.__vccOpts || e;
   for (const [o, t] of l)
     n[o] = t;
   return n;
-}, In = /* @__PURE__ */ Be(ei, [["__scopeId", "data-v-8bd9f848"]]), ti = {
+}, In = /* @__PURE__ */ We(ei, [["__scopeId", "data-v-8bd9f848"]]), ti = {
   name: "ButtonRightPanel"
 }, ni = /* @__PURE__ */ we({
   ...ti,
@@ -2026,10 +2026,10 @@ const Jo = {
       class: "rightpanelbtn",
       onClick: ye(t, ["stop"])
     }, [
-      le(Q(be), { icon: "lucide:plus" })
+      oe(Q(be), { icon: "lucide:plus" })
     ]));
   }
-}), li = /* @__PURE__ */ Be(ni, [["__scopeId", "data-v-d739c6bf"]]), oi = { class: "bh-filter-menu bh-absolute bh-z-[1] bh-bg-white bh-shadow-md bh-rounded-md bh-top-full bh-right-0 bh-w-32 bh-mt-1" }, ii = {
+}), li = /* @__PURE__ */ We(ni, [["__scopeId", "data-v-d739c6bf"]]), oi = { class: "bh-filter-menu bh-absolute bh-z-[1] bh-bg-white bh-shadow-md bh-rounded-md bh-top-full bh-right-0 bh-w-32 bh-mt-1" }, ii = {
   name: "columnFilter"
 }, ri = /* @__PURE__ */ we({
   ...ii,
@@ -2054,103 +2054,103 @@ const Jo = {
       }, [
         C("button", {
           type: "button",
-          class: T({ active: n.column.condition === "" }),
+          class: M({ active: n.column.condition === "" }),
           onClick: r[0] || (r[0] = (u) => i(""))
-        }, W((n.columnFilterLang && n.columnFilterLang.NoFilter) ?? "No filter"), 3),
+        }, H((n.columnFilterLang && n.columnFilterLang.NoFilter) ?? "No filter"), 3),
         n.column.type === "string" ? (m(), w(U, { key: 0 }, [
           C("button", {
             type: "button",
-            class: T({ active: n.column.condition === "Contains" }),
+            class: M({ active: n.column.condition === "Contains" }),
             onClick: r[1] || (r[1] = (u) => i("Contains"))
-          }, W((n.columnFilterLang && n.columnFilterLang.Contains) ?? "Contains"), 3),
+          }, H((n.columnFilterLang && n.columnFilterLang.Contains) ?? "Contains"), 3),
           C("button", {
             type: "button",
-            class: T({ active: n.column.condition === "NotContains" }),
+            class: M({ active: n.column.condition === "NotContains" }),
             onClick: r[2] || (r[2] = (u) => i("NotContains"))
-          }, W((n.columnFilterLang && n.columnFilterLang.NotContains) ?? "NotContains"), 3),
+          }, H((n.columnFilterLang && n.columnFilterLang.NotContains) ?? "NotContains"), 3),
           C("button", {
             type: "button",
-            class: T({ active: n.column.condition === "Equal" }),
+            class: M({ active: n.column.condition === "Equal" }),
             onClick: r[3] || (r[3] = (u) => i("Equal"))
-          }, W((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal"), 3),
+          }, H((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal"), 3),
           C("button", {
             type: "button",
-            class: T({ active: n.column.condition === "NotEqual" }),
+            class: M({ active: n.column.condition === "NotEqual" }),
             onClick: r[4] || (r[4] = (u) => i("NotEqual"))
-          }, W((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "NotEqual"), 3),
+          }, H((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "NotEqual"), 3),
           C("button", {
             type: "button",
-            class: T({ active: n.column.condition === "StartsWith" }),
+            class: M({ active: n.column.condition === "StartsWith" }),
             onClick: r[5] || (r[5] = (u) => i("StartsWith"))
-          }, W((n.columnFilterLang && n.columnFilterLang.StartsWith) ?? "StartsWith"), 3),
+          }, H((n.columnFilterLang && n.columnFilterLang.StartsWith) ?? "StartsWith"), 3),
           C("button", {
             type: "button",
-            class: T({ active: n.column.condition === "EndsWith" }),
+            class: M({ active: n.column.condition === "EndsWith" }),
             onClick: r[6] || (r[6] = (u) => i("EndsWith"))
-          }, W((n.columnFilterLang && n.columnFilterLang.EndsWith) ?? "EndsWith"), 3)
+          }, H((n.columnFilterLang && n.columnFilterLang.EndsWith) ?? "EndsWith"), 3)
         ], 64)) : n.column.type === "number" ? (m(), w(U, { key: 1 }, [
           C("button", {
             type: "button",
-            class: T({ active: n.column.condition === "Equal" }),
+            class: M({ active: n.column.condition === "Equal" }),
             onClick: r[7] || (r[7] = (u) => i("Equal"))
-          }, W((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal"), 3),
+          }, H((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal"), 3),
           C("button", {
             type: "button",
-            class: T({ active: n.column.condition === "NotEqual" }),
+            class: M({ active: n.column.condition === "NotEqual" }),
             onClick: r[8] || (r[8] = (u) => i("NotEqual"))
-          }, W((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "NotEqual"), 3),
+          }, H((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "NotEqual"), 3),
           C("button", {
             type: "button",
-            class: T({ active: n.column.condition === "GreaterThan" }),
+            class: M({ active: n.column.condition === "GreaterThan" }),
             onClick: r[9] || (r[9] = (u) => i("GreaterThan"))
-          }, W((n.columnFilterLang && n.columnFilterLang.GreaterThan) ?? "GreaterThan"), 3),
+          }, H((n.columnFilterLang && n.columnFilterLang.GreaterThan) ?? "GreaterThan"), 3),
           C("button", {
             type: "button",
-            class: T({ active: n.column.condition === "GreaterThanOrEqual" }),
+            class: M({ active: n.column.condition === "GreaterThanOrEqual" }),
             onClick: r[10] || (r[10] = (u) => i("GreaterThanOrEqual"))
-          }, W((n.columnFilterLang && n.columnFilterLang.GreaterThanOrEqual) ?? "GreaterThanOrEqual"), 3),
+          }, H((n.columnFilterLang && n.columnFilterLang.GreaterThanOrEqual) ?? "GreaterThanOrEqual"), 3),
           C("button", {
             type: "button",
-            class: T({ active: n.column.condition === "LessThan" }),
+            class: M({ active: n.column.condition === "LessThan" }),
             onClick: r[11] || (r[11] = (u) => i("LessThan"))
-          }, W((n.columnFilterLang && n.columnFilterLang.LessThan) ?? "LessThan"), 3),
+          }, H((n.columnFilterLang && n.columnFilterLang.LessThan) ?? "LessThan"), 3),
           C("button", {
             type: "button",
-            class: T({ active: n.column.condition === "LessThanOrEqual" }),
+            class: M({ active: n.column.condition === "LessThanOrEqual" }),
             onClick: r[12] || (r[12] = (u) => i("LessThanOrEqual"))
-          }, W((n.columnFilterLang && n.columnFilterLang.LessThanOrEqual) ?? "LessThanOrEqual"), 3)
+          }, H((n.columnFilterLang && n.columnFilterLang.LessThanOrEqual) ?? "LessThanOrEqual"), 3)
         ], 64)) : n.column.type === "date" ? (m(), w(U, { key: 2 }, [
           C("button", {
             type: "button",
-            class: T({ active: n.column.condition === "Equal" }),
+            class: M({ active: n.column.condition === "Equal" }),
             onClick: r[13] || (r[13] = (u) => i("Equal"))
-          }, W((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal"), 3),
+          }, H((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal"), 3),
           C("button", {
             type: "button",
-            class: T({ active: n.column.condition === "NotEqual" }),
+            class: M({ active: n.column.condition === "NotEqual" }),
             onClick: r[14] || (r[14] = (u) => i("NotEqual"))
-          }, W((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "Not equal"), 3),
+          }, H((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "Not equal"), 3),
           C("button", {
             type: "button",
-            class: T({ active: n.column.condition === "GreaterThan" }),
+            class: M({ active: n.column.condition === "GreaterThan" }),
             onClick: r[15] || (r[15] = (u) => i("GreaterThan"))
-          }, W((n.columnFilterLang && n.columnFilterLang.GreaterThan) ?? "GreaterThan"), 3),
+          }, H((n.columnFilterLang && n.columnFilterLang.GreaterThan) ?? "GreaterThan"), 3),
           C("button", {
             type: "button",
-            class: T({ active: n.column.condition === "LessThan" }),
+            class: M({ active: n.column.condition === "LessThan" }),
             onClick: r[16] || (r[16] = (u) => i("LessThan"))
-          }, W((n.columnFilterLang && n.columnFilterLang.LessThan) ?? "LessThan"), 3)
+          }, H((n.columnFilterLang && n.columnFilterLang.LessThan) ?? "LessThan"), 3)
         ], 64)) : N("", !0),
         C("button", {
           type: "button",
-          class: T({ active: n.column.condition === "IsNull" }),
+          class: M({ active: n.column.condition === "IsNull" }),
           onClick: r[17] || (r[17] = (u) => i("IsNull"))
-        }, W((n.columnFilterLang && n.columnFilterLang.IsNull) ?? "IsNull"), 3),
+        }, H((n.columnFilterLang && n.columnFilterLang.IsNull) ?? "IsNull"), 3),
         C("button", {
           type: "button",
-          class: T({ active: n.column.condition === "IsNotNull" }),
+          class: M({ active: n.column.condition === "IsNotNull" }),
           onClick: r[18] || (r[18] = (u) => i("IsNotNull"))
-        }, W((n.columnFilterLang && n.columnFilterLang.IsNotNull) ?? "IsNotNull"), 3)
+        }, H((n.columnFilterLang && n.columnFilterLang.IsNotNull) ?? "IsNotNull"), 3)
       ])
     ]));
   }
@@ -2175,7 +2175,7 @@ const Jo = {
 function di(e, l) {
   return m(), w("svg", ai, ci);
 }
-const Fn = /* @__PURE__ */ Be(si, [["render", di]]), fi = {}, hi = {
+const Fn = /* @__PURE__ */ We(si, [["render", di]]), fi = {}, hi = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
@@ -2196,7 +2196,7 @@ const Fn = /* @__PURE__ */ Be(si, [["render", di]]), fi = {}, hi = {
 function mi(e, l) {
   return m(), w("svg", hi, vi);
 }
-const gi = /* @__PURE__ */ Be(fi, [["render", mi]]), bi = {}, yi = {
+const gi = /* @__PURE__ */ We(fi, [["render", mi]]), bi = {}, yi = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
@@ -2212,25 +2212,22 @@ const gi = /* @__PURE__ */ Be(fi, [["render", mi]]), bi = {}, yi = {
 function Si(e, l) {
   return m(), w("svg", yi, xi);
 }
-const ki = /* @__PURE__ */ Be(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi = { class: "bh-checkbox" }, Li = {
-  key: 2,
-  class: "bh-w-px"
-}, Ei = ["onClick"], _i = {
+const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi = { class: "bh-checkbox" }, Li = ["onClick"], Ei = {
   width: "16",
   height: "16",
   viewBox: "0 0 14 14",
   fill: "none"
-}, Mi = {
+}, Pi = {
   key: 0,
   class: "bh-filter bh-relative"
-}, Ti = ["onUpdate:modelValue"], Pi = ["onUpdate:modelValue"], Ii = ["onUpdate:modelValue"], Fi = ["onUpdate:modelValue"], Oi = /* @__PURE__ */ C("option", { value: void 0 }, "All", -1), $i = /* @__PURE__ */ C("option", { value: !0 }, "True", -1), Ri = /* @__PURE__ */ C("option", { value: !1 }, "False", -1), Ni = [
+}, _i = ["onUpdate:modelValue"], Mi = ["onUpdate:modelValue"], Ti = ["onUpdate:modelValue"], Ii = ["onUpdate:modelValue"], Fi = /* @__PURE__ */ C("option", { value: void 0 }, "All", -1), Oi = /* @__PURE__ */ C("option", { value: !0 }, "True", -1), $i = /* @__PURE__ */ C("option", { value: !1 }, "False", -1), Ri = [
+  Fi,
   Oi,
-  $i,
-  Ri
-], Ai = ["onClick"], Bi = {
+  $i
+], Ni = ["onClick"], Ai = {
   name: "columnHeader"
 }, an = /* @__PURE__ */ we({
-  ...Bi,
+  ...Ai,
   props: [
     "all",
     "expandedrows",
@@ -2248,17 +2245,18 @@ const ki = /* @__PURE__ */ Be(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
     "toggleFilterMenu"
   ],
   setup(e, { emit: l }) {
-    const n = D(null), o = e, t = l;
-    return ee(() => o.checkAll, () => {
+    const n = B(null), o = e, t = l;
+    return te(() => o.checkAll, () => {
       n.value && (n.value.indeterminate = o.checkAll !== 0 ? !o.checkAll : !1, n.value.checked = o.checkAll);
     }), (s, r) => (m(), w("tr", Ci, [
       o.all.hasCheckbox ? (m(), w("th", {
         key: "chkall",
-        class: T(["bh-w-px", {
+        style: ee({ width: o.all.checkboxColumnWidth + " !important", minWidth: o.all.checkboxColumnWidth + " !important" }),
+        class: M({
           "bh-sticky bh-bg-blue-light bh-z-[1]": o.all.stickyHeader || o.all.stickyFirstColumn,
           "bh-top-0": o.all.stickyHeader,
           "bh-left-0": o.all.stickyFirstColumn
-        }])
+        })
       }, [
         C("div", zi, [
           C("input", {
@@ -2271,76 +2269,80 @@ const ki = /* @__PURE__ */ Be(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
             }, ["stop"]))
           }, null, 512),
           C("div", null, [
-            le(Fn, { class: "check" }),
-            le(gi, { class: "intermediate" })
+            oe(Fn, { class: "check" }),
+            oe(gi, { class: "intermediate" })
           ])
         ])
-      ], 2)) : N("", !0),
+      ], 6)) : N("", !0),
       o.all.hasRightPanel ? (m(), w("th", {
         key: 1,
-        class: T(["bh-w-px", {
+        style: ee({ width: o.all.rightPanelColumnWidth + " !important", minWidth: o.all.rightPanelColumnWidth + " !important" }),
+        class: M({
           "bh-sticky bh-bg-blue-light bh-z-[1]": o.all.stickyHeader || o.all.stickyFirstColumn,
           "bh-top-0": o.all.stickyHeader,
           "bh-left-0": o.all.stickyFirstColumn
-        }])
-      }, null, 2)) : N("", !0),
-      o.all.hasSubtable ? (m(), w("th", Li, [
+        })
+      }, null, 6)) : N("", !0),
+      o.all.hasSubtable ? (m(), w("th", {
+        key: 2,
+        style: ee({ width: o.all.subtableColumnWidth + " !important", minWidth: o.all.subtableColumnWidth + " !important" })
+      }, [
         o.all.expandall ? (m(), ce(In, {
           key: 0,
           expandedrows: o.expandedrows,
           expandall: o.all.expandall
         }, null, 8, ["expandedrows", "expandall"])) : N("", !0)
-      ])) : N("", !0),
+      ], 4)) : N("", !0),
       (m(!0), w(U, null, pe(o.all.columns, (u, f) => (m(), w(U, null, [
         u.hide ? N("", !0) : (m(), w("th", {
           key: u.field,
-          class: T(["bh-select-none bh-z-[1]", [
+          class: M(["bh-select-none bh-z-[1]", [
             o.all.sortable && u.sort ? "bh-cursor-pointer" : "",
             f === 0 && o.all.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
             o.all.hasCheckbox && f === 0 && o.all.stickyFirstColumn ? "bh-left-[52px]" : ""
           ]]),
-          style: re({
+          style: ee({
             width: u.width,
             "min-width": u.minWidth,
             "max-width": u.maxWidth
           })
         }, [
           C("div", {
-            class: T(["bh-flex bh-items-center", [u.headerClass ? u.headerClass : ""]]),
+            class: M(["bh-flex bh-items-center", [u.headerClass ? u.headerClass : ""]]),
             onClick: (d) => o.all.sortable && u.sort && t("sortChange", u.field)
           }, [
-            mt(W(u.title) + " ", 1),
+            mt(H(u.title) + " ", 1),
             o.all.sortable && u.sort ? (m(), w("span", {
               key: 0,
-              class: T(["bh-ml-3 bh-sort bh-flex bh-items-center", [o.currentSortColumn, o.currentSortDirection]])
+              class: M(["bh-ml-3 bh-sort bh-flex bh-items-center", [o.currentSortColumn, o.currentSortDirection]])
             }, [
-              (m(), w("svg", _i, [
+              (m(), w("svg", Ei, [
                 C("polygon", {
                   points: "3.11,6.25 10.89,6.25 7,1.75 ",
                   fill: "currentColor",
-                  class: T(["bh-text-black/20", [
+                  class: M(["bh-text-black/20", [
                     e.currentSortColumn === u.field && e.currentSortDirection === "asc" ? "!bh-text-primary" : ""
                   ]])
                 }, null, 2),
                 C("polygon", {
                   points: "7,12.25 10.89,7.75 3.11,7.75 ",
                   fill: "currentColor",
-                  class: T(["bh-text-black/20", [
+                  class: M(["bh-text-black/20", [
                     e.currentSortColumn === u.field && e.currentSortDirection === "desc" ? "!bh-text-primary" : ""
                   ]])
                 }, null, 2)
               ]))
             ], 2)) : N("", !0)
-          ], 10, Ei),
+          ], 10, Li),
           o.all.columnFilter && !o.isFooter ? (m(), w(U, { key: 0 }, [
-            u.filter ? (m(), w("div", Mi, [
+            u.filter ? (m(), w("div", Pi, [
               u.type === "string" ? ve((m(), w("input", {
                 key: 0,
                 "onUpdate:modelValue": (d) => u.value = d,
                 type: "text",
                 class: "bh-form-control",
                 onKeyup: r[1] || (r[1] = (d) => t("filterChange"))
-              }, null, 40, Ti)), [
+              }, null, 40, _i)), [
                 [
                   ut,
                   u.value,
@@ -2354,7 +2356,7 @@ const ki = /* @__PURE__ */ Be(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                 type: "number",
                 class: "bh-form-control",
                 onKeyup: r[2] || (r[2] = (d) => t("filterChange"))
-              }, null, 40, Pi)), [
+              }, null, 40, Mi)), [
                 [
                   ut,
                   u.value,
@@ -2370,7 +2372,7 @@ const ki = /* @__PURE__ */ Be(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                 type: "date",
                 class: "bh-form-control",
                 onChange: r[3] || (r[3] = (d) => t("filterChange"))
-              }, null, 40, Ii)), [
+              }, null, 40, Ti)), [
                 [ut, u.value]
               ]) : u.type === "bool" ? ve((m(), w("select", {
                 key: 3,
@@ -2379,7 +2381,7 @@ const ki = /* @__PURE__ */ Be(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                 onChange: r[4] || (r[4] = (d) => t("filterChange")),
                 onClick: r[5] || (r[5] = //@ts-ignore
                 (...d) => o.isOpenFilter && o.isOpenFilter(...d))
-              }, Ni, 40, Fi)), [
+              }, Ri, 40, Ii)), [
                 [cn, u.value]
               ]) : N("", !0),
               u.type !== "bool" ? (m(), w("button", {
@@ -2387,9 +2389,9 @@ const ki = /* @__PURE__ */ Be(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                 type: "button",
                 onClick: ye((d) => t("toggleFilterMenu", u), ["stop"])
               }, [
-                le(ki, { class: "bh-w-4" })
-              ], 8, Ai)) : N("", !0),
-              ve(le(ri, {
+                oe(ki, { class: "bh-w-4" })
+              ], 8, Ni)) : N("", !0),
+              ve(oe(ri, {
                 column: u,
                 type: u.type,
                 columnFilterLang: o.columnFilterLang,
@@ -2404,75 +2406,75 @@ const ki = /* @__PURE__ */ Be(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
       ], 64))), 256))
     ]));
   }
-}), Di = { class: "bh-datatable bh-antialiased bh-relative bh-text-black bh-text-sm bh-font-normal" }, qi = { class: "bh-flex bh-h-full" }, Hi = /* @__PURE__ */ C("span", null, "##Left Menu Slot##", -1), Wi = { 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" }, ji = /* @__PURE__ */ C("path", {
+}), Wi = { class: "bh-datatable bh-antialiased bh-relative bh-text-black bh-text-sm bh-font-normal" }, Bi = { class: "bh-flex bh-h-full" }, Di = /* @__PURE__ */ C("span", null, "##Left Menu Slot##", -1), qi = { 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" }, Hi = /* @__PURE__ */ C("path", {
   d: "M7 1L1 6L7 11",
   stroke: "currentColor",
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, null, -1), Vi = [
-  ji
-], Ui = {
+}, null, -1), ji = [
+  Hi
+], Vi = {
   class: "bh-flex-1",
   style: { overflow: "auto", "min-width": "0" }
-}, Gi = /* @__PURE__ */ C("span", null, "##Top Menu Slot##", -1), Qi = /* @__PURE__ */ C("span", null, "##Table Action Header Slot##", -1), Ki = ["onClick"], Xi = { class: "bh-checkbox" }, Yi = ["value"], Ji = ["innerHTML"], Zi = ["onClick"], er = ["colspan"], tr = ["colspan"], nr = /* @__PURE__ */ C("div", { class: "bh-skeleton-box bh-h-8" }, null, -1), lr = [
-  nr
-], or = ["colspan"], ir = { class: "bh-flex bh-items-center bh-flex-wrap bh-flex-col sm:bh-flex-row bh-gap-4" }, rr = { class: "bh-pagination-info bh-flex bh-items-center" }, sr = { class: "bh-mr-2" }, ar = ["value"], ur = { class: "bh-pagination-number sm:bh-ml-auto bh-inline-flex bh-items-center bh-space-x-1" }, cr = ["innerHTML"], dr = {
+}, Ui = /* @__PURE__ */ C("span", null, "##Top Menu Slot##", -1), Gi = /* @__PURE__ */ C("span", null, "##Table Action Header Slot##", -1), Qi = ["onClick"], Ki = { class: "bh-checkbox" }, Xi = ["value"], Yi = ["innerHTML"], Ji = ["onClick"], Zi = ["colspan"], er = ["colspan"], tr = /* @__PURE__ */ C("div", { class: "bh-skeleton-box bh-h-8" }, null, -1), nr = [
+  tr
+], lr = ["colspan"], or = { class: "bh-flex bh-items-center bh-flex-wrap bh-flex-col sm:bh-flex-row bh-gap-4" }, ir = { class: "bh-pagination-info bh-flex bh-items-center" }, rr = { class: "bh-mr-2" }, sr = ["value"], ar = { class: "bh-pagination-number sm:bh-ml-auto bh-inline-flex bh-items-center bh-space-x-1" }, ur = ["innerHTML"], cr = {
   key: 1,
   "aria-hidden": "true",
   width: "14",
   height: "14",
   viewBox: "0 0 16 16"
-}, fr = /* @__PURE__ */ C("g", {
+}, dr = /* @__PURE__ */ C("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" })
-], -1), hr = [
-  fr
-], pr = ["innerHTML"], vr = {
+], -1), fr = [
+  dr
+], hr = ["innerHTML"], pr = {
   key: 1,
   "aria-hidden": "true",
   width: "14",
   height: "14",
   viewBox: "0 0 16 16"
-}, mr = /* @__PURE__ */ C("path", {
+}, vr = /* @__PURE__ */ C("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"
-}, null, -1), gr = [
-  mr
-], br = ["onClick"], yr = ["innerHTML"], wr = {
+}, null, -1), mr = [
+  vr
+], gr = ["onClick"], br = ["innerHTML"], yr = {
   key: 1,
   "aria-hidden": "true",
   width: "14",
   height: "14",
   viewBox: "0 0 16 16"
-}, xr = /* @__PURE__ */ C("path", {
+}, wr = /* @__PURE__ */ C("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"
-}, null, -1), Sr = [
-  xr
-], kr = ["innerHTML"], Cr = {
+}, null, -1), xr = [
+  wr
+], Sr = ["innerHTML"], kr = {
   key: 1,
   "aria-hidden": "true",
   width: "14",
   height: "14",
   viewBox: "0 0 16 16"
-}, zr = /* @__PURE__ */ C("g", {
+}, Cr = /* @__PURE__ */ C("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" })
-], -1), Lr = [
-  zr
-], Er = {
+], -1), zr = [
+  Cr
+], Lr = {
   name: "Vue3Datatable"
-}, Mr = /* @__PURE__ */ we({
-  ...Er,
+}, Pr = /* @__PURE__ */ we({
+  ...Lr,
   props: {
     loading: { type: Boolean, default: !1 },
     isServerMode: { type: Boolean, default: !1 },
@@ -2484,6 +2486,9 @@ const ki = /* @__PURE__ */ Be(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
     hasCheckbox: { type: Boolean, default: !1 },
     hasSubtable: { type: Boolean, default: !1 },
     hasRightPanel: { type: Boolean, default: !1 },
+    checkboxColumnWidth: { default: "40px" },
+    rightPanelColumnWidth: { default: "40px" },
+    subtableColumnWidth: { default: "40px" },
     expandall: { type: Boolean, default: !1 },
     search: { default: "" },
     columnChooser: { type: Boolean, default: !1 },
@@ -2554,16 +2559,16 @@ const ki = /* @__PURE__ */ Be(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
       const v = ((Rt = a.type) == null ? void 0 : Rt.toLowerCase()) || "string";
       a.type = v, a.isUnique = a.isUnique !== void 0 ? a.isUnique : !1, a.hide = a.hide !== void 0 ? a.hide : !1, a.filter = a.filter !== void 0 ? a.filter : !0, a.search = a.search !== void 0 ? a.search : !0, a.sort = a.sort !== void 0 ? a.sort : !0, a.html = a.html !== void 0 ? a.html : !1, a.condition = !v || v === "string" ? "Contains" : "Equal";
     }
-    const i = D([]), s = D(t.page), r = D(
+    const i = B([]), s = B(t.page), r = B(
       t.pagination ? t.pageSize : (Nt = t.rows) == null ? void 0 : Nt.length
-    ), u = t.pageSize, f = D(t.sortColumn), d = t.sortColumn, p = D(t.sortDirection), E = t.sortDirection, P = D(t.totalRows), I = D([]), $ = D(null), y = D(t.loading), A = D(t.search);
+    ), u = t.pageSize, f = B(t.sortColumn), d = t.sortColumn, p = B(t.sortDirection), E = t.sortDirection, T = B(t.totalRows), I = B([]), $ = B(null), y = B(t.loading), A = B(t.search);
     JSON.parse(JSON.stringify(t.columns));
-    const H = D(null), j = D(null);
-    let O = D(0);
-    const Y = D(230), z = D(t.leftmenuDefaultWidth), L = D(!1), B = D(null), X = () => {
-      if (B.value) {
+    const q = B(null), j = B(null);
+    let O = B(0);
+    const Y = B(230), z = B(t.leftmenuDefaultWidth), L = B(!1), W = B(null), X = () => {
+      if (W.value) {
         const a = L.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth;
-        B.value.style.cssText = `
+        W.value.style.cssText = `
       width: ${z.value}px !important;
       min-width: ${a}px !important;
       max-width: ${a}px !important;
@@ -2572,14 +2577,14 @@ const ki = /* @__PURE__ */ Be(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
     }, Z = () => {
       L.value ? z.value = t.leftmenuMinWidth : z.value = t.leftmenuDefaultWidth, X();
     }, st = () => {
-      L.value = !L.value, z.value = L.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth, X(), oe("currentLeftMenuSize", z.value);
+      L.value = !L.value, z.value = L.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth, X(), ie("currentLeftMenuSize", z.value);
     };
     Le(() => {
       ue(), Oe(() => {
         Ge.value <= 0 && (Ge.value = 10), z.value = t.leftmenuDefaultWidth, X(), window.addEventListener("resize", Z);
       });
     });
-    const oe = n;
+    const ie = n;
     l({
       reset() {
         $n();
@@ -2603,153 +2608,153 @@ const ki = /* @__PURE__ */ Be(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
         return Ue(a);
       },
       getFilteredRows() {
-        return He();
+        return qe();
       }
     });
-    const De = (a, ...v) => a.replace(/{(\d+)}/g, (k, q) => typeof v[q] < "u" ? v[q] : k), J = K(() => {
+    const Be = (a, ...v) => a.replace(/{(\d+)}/g, (k, D) => typeof v[D] < "u" ? v[D] : k), J = K(() => {
       const a = t.columns.find((v) => v.isUnique);
       return (a == null ? void 0 : a.field) || null;
     }), se = K(() => {
-      const a = r.value < 1 ? 1 : Math.ceil(P.value / r.value);
+      const a = r.value < 1 ? 1 : Math.ceil(T.value / r.value);
       return Math.max(a || 0, 1);
-    }), ge = K(() => (s.value - 1) * r.value + 1), Pe = K(() => {
+    }), ge = K(() => (s.value - 1) * r.value + 1), Te = K(() => {
       const a = s.value * r.value;
-      return P.value >= a ? a : P.value;
-    }), qe = K(() => {
+      return T.value >= a ? a : T.value;
+    }), De = K(() => {
       let a, v;
       return typeof t.showNumbersCount < "u" && t.showNumbersCount < se.value ? (a = Math.max(
         s.value - Math.floor(t.showNumbersCount / 2),
         1
       ), v = a + t.showNumbersCount - 1, v > se.value && (v = se.value, a = v - t.showNumbersCount + 1)) : (a = 1, v = se.value), Array.from(Array(v + 1 - a).keys()).map(
-        (ne) => a + ne
+        (le) => a + le
       );
-    }), He = () => {
-      var ne, G, he;
+    }), qe = () => {
+      var le, G, he;
       let a = t.rows || [];
       if (!t.isServerMode) {
-        if ((ne = t.columns) == null || ne.forEach((h) => {
-          h.filter && (h.value !== void 0 && h.value !== null && h.value !== "" || h.condition === "IsNull" || h.condition == "IsNotNull") && (h.type === "string" ? (h.value && !h.condition && (h.condition = "Contains"), h.condition === "Contains" ? a = a.filter((M) => {
+        if ((le = t.columns) == null || le.forEach((h) => {
+          h.filter && (h.value !== void 0 && h.value !== null && h.value !== "" || h.condition === "IsNull" || h.condition == "IsNotNull") && (h.type === "string" ? (h.value && !h.condition && (h.condition = "Contains"), h.condition === "Contains" ? a = a.filter((_) => {
             var V;
-            return (V = F(M, h.field)) == null ? void 0 : V.toString().toLowerCase().includes(h.value.toLowerCase());
-          }) : h.condition === "NotContains" ? a = a.filter((M) => {
+            return (V = F(_, h.field)) == null ? void 0 : V.toString().toLowerCase().includes(h.value.toLowerCase());
+          }) : h.condition === "NotContains" ? a = a.filter((_) => {
             var V;
-            return !((V = F(M, h.field)) != null && V.toString().toLowerCase().includes(h.value.toLowerCase()));
-          }) : h.condition === "Equal" ? a = a.filter((M) => {
+            return !((V = F(_, h.field)) != null && V.toString().toLowerCase().includes(h.value.toLowerCase()));
+          }) : h.condition === "Equal" ? a = a.filter((_) => {
             var V;
-            return ((V = F(M, h.field)) == null ? void 0 : V.toString().toLowerCase()) === h.value.toLowerCase();
-          }) : h.condition === "NotEqual" ? a = a.filter((M) => {
+            return ((V = F(_, h.field)) == null ? void 0 : V.toString().toLowerCase()) === h.value.toLowerCase();
+          }) : h.condition === "NotEqual" ? a = a.filter((_) => {
             var V;
-            return ((V = F(M, h.field)) == null ? void 0 : V.toString().toLowerCase()) !== h.value.toLowerCase();
-          }) : h.condition == "StartsWith" ? a = a.filter((M) => {
+            return ((V = F(_, h.field)) == null ? void 0 : V.toString().toLowerCase()) !== h.value.toLowerCase();
+          }) : h.condition == "StartsWith" ? a = a.filter((_) => {
             var V;
-            return ((V = F(M, h.field)) == null ? void 0 : V.toString().toLowerCase().indexOf(h.value.toLowerCase())) === 0;
-          }) : h.condition == "EndsWith" && (a = a.filter((M) => {
+            return ((V = F(_, h.field)) == null ? void 0 : V.toString().toLowerCase().indexOf(h.value.toLowerCase())) === 0;
+          }) : h.condition == "EndsWith" && (a = a.filter((_) => {
             var V;
-            return ((V = F(M, h.field)) == null ? void 0 : V.toString().toLowerCase().substr(h.value.length * -1)) === h.value.toLowerCase();
-          }))) : h.type === "number" ? (h.value && !h.condition && (h.condition = "Equal"), h.condition === "Equal" ? a = a.filter((M) => F(M, h.field) && parseFloat(F(M, h.field)) === parseFloat(h.value)) : h.condition === "NotEqual" ? a = a.filter((M) => F(M, h.field) && parseFloat(F(M, h.field)) !== parseFloat(h.value)) : h.condition === "GreaterThan" ? a = a.filter((M) => F(M, h.field) && parseFloat(F(M, h.field)) > parseFloat(h.value)) : h.condition === "GreaterThanOrEqual" ? a = a.filter((M) => F(M, h.field) && parseFloat(F(M, h.field)) >= parseFloat(h.value)) : h.condition === "LessThan" ? a = a.filter((M) => F(M, h.field) && parseFloat(F(M, h.field)) < parseFloat(h.value)) : h.condition === "LessThanOrEqual" && (a = a.filter((M) => F(M, h.field) && parseFloat(F(M, h.field)) <= parseFloat(h.value)))) : h.type === "date" ? (h.value && !h.condition && (h.condition = "Equal"), h.condition === "Equal" ? a = a.filter((M) => F(M, h.field) && xe(F(M, h.field)) === h.value) : h.condition === "NotEqual" ? a = a.filter((M) => F(M, h.field) && xe(F(M, h.field)) !== h.value) : h.condition === "GreaterThan" ? a = a.filter((M) => F(M, h.field) && xe(F(M, h.field)) > h.value) : h.condition === "LessThan" && (a = a.filter((M) => F(M, h.field) && xe(F(M, h.field)) < h.value))) : h.type === "bool" && (a = a.filter((M) => F(M, h.field) === h.value)), h.condition === "IsNull" ? (a = a.filter((M) => F(M, h.field) == null || F(M, h.field) == ""), h.value = "") : h.condition === "IsNotNull" && (h.value = "", a = a.filter((M) => F(M, h.field))));
+            return ((V = F(_, h.field)) == null ? void 0 : V.toString().toLowerCase().substr(h.value.length * -1)) === h.value.toLowerCase();
+          }))) : h.type === "number" ? (h.value && !h.condition && (h.condition = "Equal"), h.condition === "Equal" ? a = a.filter((_) => F(_, h.field) && parseFloat(F(_, h.field)) === parseFloat(h.value)) : h.condition === "NotEqual" ? a = a.filter((_) => F(_, h.field) && parseFloat(F(_, h.field)) !== parseFloat(h.value)) : h.condition === "GreaterThan" ? a = a.filter((_) => F(_, h.field) && parseFloat(F(_, h.field)) > parseFloat(h.value)) : h.condition === "GreaterThanOrEqual" ? a = a.filter((_) => F(_, h.field) && parseFloat(F(_, h.field)) >= parseFloat(h.value)) : h.condition === "LessThan" ? a = a.filter((_) => F(_, h.field) && parseFloat(F(_, h.field)) < parseFloat(h.value)) : h.condition === "LessThanOrEqual" && (a = a.filter((_) => F(_, h.field) && parseFloat(F(_, h.field)) <= parseFloat(h.value)))) : h.type === "date" ? (h.value && !h.condition && (h.condition = "Equal"), h.condition === "Equal" ? a = a.filter((_) => F(_, h.field) && xe(F(_, h.field)) === h.value) : h.condition === "NotEqual" ? a = a.filter((_) => F(_, h.field) && xe(F(_, h.field)) !== h.value) : h.condition === "GreaterThan" ? a = a.filter((_) => F(_, h.field) && xe(F(_, h.field)) > h.value) : h.condition === "LessThan" && (a = a.filter((_) => F(_, h.field) && xe(F(_, h.field)) < h.value))) : h.type === "bool" && (a = a.filter((_) => F(_, h.field) === h.value)), h.condition === "IsNull" ? (a = a.filter((_) => F(_, h.field) == null || F(_, h.field) == ""), h.value = "") : h.condition === "IsNotNull" && (h.value = "", a = a.filter((_) => F(_, h.field))));
         }), A.value && (a != null && a.length)) {
           let h = [];
-          const M = (t.columns || []).filter((V) => V.search && !V.hide).map((V) => V.field);
+          const _ = (t.columns || []).filter((V) => V.search && !V.hide).map((V) => V.field);
           for (var v = 0; v < (a == null ? void 0 : a.length); v++)
-            for (var k = 0; k < M.length; k++)
-              if ((G = F(a[v], M[k])) != null && G.toString().toLowerCase().includes(A.value.toLowerCase())) {
+            for (var k = 0; k < _.length; k++)
+              if ((G = F(a[v], _[k])) != null && G.toString().toLowerCase().includes(A.value.toLowerCase())) {
                 h.push(a[v]);
                 break;
               }
           a = h;
         }
-        var q = new Intl.Collator(void 0, {
+        var D = new Intl.Collator(void 0, {
           numeric: ((he = t.columns.find((h) => h.field == f.value)) == null ? void 0 : he.type) === "number",
           sensitivity: "base"
         });
-        const Wn = p.value === "desc" ? -1 : 1;
-        a.sort((h, M) => {
-          var At, Bt;
-          const V = (At = f.value) == null ? void 0 : At.split(".").reduce((ke, at) => ke == null ? void 0 : ke[at], h), jn = (Bt = f.value) == null ? void 0 : Bt.split(".").reduce((ke, at) => ke == null ? void 0 : ke[at], M);
-          return q.compare(V, jn) * Wn;
+        const Hn = p.value === "desc" ? -1 : 1;
+        a.sort((h, _) => {
+          var At, Wt;
+          const V = (At = f.value) == null ? void 0 : At.split(".").reduce((ke, at) => ke == null ? void 0 : ke[at], h), jn = (Wt = f.value) == null ? void 0 : Wt.split(".").reduce((ke, at) => ke == null ? void 0 : ke[at], _);
+          return D.compare(V, jn) * Hn;
         });
       }
       return a;
-    }, de = D([]), ue = () => {
-      let a = [], v = He();
-      t.isServerMode ? (P.value = t.totalRows || 0, a = v) : (P.value = (v == null ? void 0 : v.length) || 0, a = v.slice(ge.value - 1, Pe.value)), t.hasSubtable && a.forEach(function(k) {
-        k.isExpanded != null && (de.value.find((ne) => ne.id == k.id) || de.value.push({
+    }, de = B([]), ue = () => {
+      let a = [], v = qe();
+      t.isServerMode ? (T.value = t.totalRows || 0, a = v) : (T.value = (v == null ? void 0 : v.length) || 0, a = v.slice(ge.value - 1, Te.value)), t.hasSubtable && a.forEach(function(k) {
+        k.isExpanded != null && (de.value.find((le) => le.id == k.id) || de.value.push({
           id: k.id,
           isExpanded: k.isExpanded
         }));
       }), i.value = a || [];
     };
-    ee(
+    te(
       () => t.loading,
       () => {
         y.value = t.loading;
       }
     );
-    const We = (a) => {
-      a ? H.value === a.field ? H.value = null : H.value = a.field : H.value = null;
+    const He = (a) => {
+      a ? q.value === a.field ? q.value = null : q.value = a.field : q.value = null;
     }, je = () => {
       if (s.value == 1)
         return !1;
       s.value--;
     }, Ee = (a) => {
       s.value = a;
-    }, ie = () => {
+    }, re = () => {
       if (s.value >= se.value)
         return !1;
       s.value++;
     };
-    ee(() => s.value, () => {
-      _(!1), t.isServerMode ? fe("page") : (ue(), oe("pageChange", s.value));
-    }), ee(() => t.rows, () => {
-      t.isServerMode || (s.value = 1), _(!1), ue();
+    te(() => s.value, () => {
+      P(!1), t.isServerMode ? fe("page") : (ue(), ie("pageChange", s.value));
+    }), te(() => t.rows, () => {
+      t.isServerMode || (s.value = 1), P(!1), ue();
     });
     const g = (a) => {
       r.value = a;
     };
-    ee(() => r.value, () => {
-      _(!1), t.isServerMode ? s.value === 1 ? fe("pagesize", !0) : s.value = 1 : (s.value = 1, ue(), oe("pageSizeChange", r.value));
+    te(() => r.value, () => {
+      P(!1), t.isServerMode ? s.value === 1 ? fe("pagesize", !0) : s.value = 1 : (s.value = 1, ue(), ie("pageSizeChange", r.value));
     });
     const b = (a) => {
       let v = "asc";
       a == f.value && p.value === "asc" && (v = "desc");
-      let k = (s.value - 1) * r.value, q = r.value;
-      f.value = a, p.value = v, _(!1), ue(), t.isServerMode ? fe("sort") : oe("sortChange", { offset: k, limit: q, field: a, direction: v });
+      let k = (s.value - 1) * r.value, D = r.value;
+      f.value = a, p.value = v, P(!1), ue(), t.isServerMode ? fe("sort") : ie("sortChange", { offset: k, limit: D, field: a, direction: v });
     }, x = (a) => {
       $.value = a.length && i.value.length && a.length === i.value.length;
       const v = i.value.filter(
-        (k, q) => I.value.includes(J.value ? k[J.value] : q)
+        (k, D) => I.value.includes(J.value ? k[J.value] : D)
       );
-      oe("rowSelect", v);
+      ie("rowSelect", v);
     };
-    ee(() => I.value, x);
-    const _ = (a) => {
+    te(() => I.value, x);
+    const P = (a) => {
       a ? I.value = i.value.map(
         (v, k) => J.value ? v[J.value] : k
       ) : I.value = [];
     }, R = () => {
-      _(!1), t.isServerMode ? s.value === 1 ? fe("filter", !0) : s.value = 1 : (s.value = 1, ue(), oe("filterChange", t.columns));
-    }, te = () => {
-      _(!1), t.isServerMode ? s.value === 1 ? fe("search", !0) : s.value = 1 : (s.value = 1, ue(), oe("searchChange", A.value));
+      P(!1), t.isServerMode ? s.value === 1 ? fe("filter", !0) : s.value = 1 : (s.value = 1, ue(), ie("filterChange", t.columns));
+    }, ne = () => {
+      P(!1), t.isServerMode ? s.value === 1 ? fe("search", !0) : s.value = 1 : (s.value = 1, ue(), ie("searchChange", A.value));
     };
-    ee(
+    te(
       () => t.search,
       () => {
-        A.value = t.search, te();
+        A.value = t.search, ne();
       }
     );
-    const F = (a, v) => v == null ? void 0 : v.split(".").reduce((k, q) => k == null ? void 0 : k[q], a), xe = (a) => {
+    const F = (a, v) => v == null ? void 0 : v.split(".").reduce((k, D) => k == null ? void 0 : k[D], a), xe = (a) => {
       try {
         if (!a)
           return "";
-        const v = new Date(a), k = v.getDate(), q = v.getMonth() + 1;
-        return v.getFullYear() + "-" + (q > 9 ? q : "0" + q) + "-" + (k > 9 ? k : "0" + k);
+        const v = new Date(a), k = v.getDate(), D = v.getMonth() + 1;
+        return v.getFullYear() + "-" + (D > 9 ? D : "0" + D) + "-" + (k > 9 ? k : "0" + k);
       } catch {
       }
       return "";
     }, Ve = (a, v) => {
       O.value++, O.value === 1 ? j.value = setTimeout(() => {
-        O.value = 0, t.selectRowOnClick && (Ue(v) ? Ot(v) : Ft(v), x(I.value)), oe("rowClick", a);
-      }, Y.value) : O.value === 2 && (clearTimeout(j.value), O.value = 0, oe("rowDBClick", a));
+        O.value = 0, t.selectRowOnClick && (Ue(v) ? Ot(v) : Ft(v), x(I.value)), ie("rowClick", a);
+      }, Y.value) : O.value === 2 && (clearTimeout(j.value), O.value = 0, ie("rowDBClick", a));
     }, fe = (a, v = !1) => {
       if (t.isServerMode) {
         On();
@@ -2763,7 +2768,7 @@ const ki = /* @__PURE__ */ Be(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
           column_filters: t.columns,
           change_type: a
         };
-        oe("change", k);
+        ie("change", k);
       }
     }, On = () => {
       for (let a = 0; a < t.columns.length; a++) {
@@ -2771,7 +2776,7 @@ const ki = /* @__PURE__ */ Be(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
         v.filter && (v.value !== void 0 && v.value !== null && v.value !== "" || v.condition === "IsNull" || v.condition === "IsNotNull") && (v.type === "string" && v.value && !v.condition && (v.condition = "Contains"), v.type === "number" && v.value && !v.condition && (v.condition = "Equal"), v.type === "date" && v.value && !v.condition && (v.condition = "Equal"));
       }
     }, $n = () => {
-      _(!1);
+      P(!1);
       for (let a = 0; a < t.columns.length; a++)
         t.columns[a].value = "";
       A.value = "", r.value = u, f.value = d, p.value = E, t.isServerMode ? s.value === 1 ? fe("reset", !0) : s.value = 1 : (s.value = 1, ue());
@@ -2781,50 +2786,50 @@ const ki = /* @__PURE__ */ Be(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
       I.value = [];
     }, Ft = (a) => {
       if (!Ue(a)) {
-        const v = i.value.find((k, q) => q === a);
+        const v = i.value.find((k, D) => D === a);
         I.value.push(
           J.value ? v[J.value] : a
         );
       }
     }, Ot = (a) => {
       if (Ue(a)) {
-        const v = i.value.find((k, q) => q === a);
+        const v = i.value.find((k, D) => D === a);
         I.value = I.value.filter(
           (k) => k !== (J.value ? v[J.value] : a)
         );
       }
     }, Ue = (a) => {
-      const v = i.value.find((k, q) => q === a);
+      const v = i.value.find((k, D) => D === a);
       return v ? I.value.includes(
         J.value ? v[J.value] : a
       ) : !1;
     };
     let Se = 0;
     t.hasCheckbox && Se++, t.hasSubtable && Se++, t.hasRightPanel && Se++;
-    const Bn = D(0), Dn = setInterval(function() {
-      Bn.value++;
-    }, 2200), Ge = D(t.topmenusize), $t = D(null), qn = al($t).height, Hn = (a) => {
+    const Wn = B(0), Bn = setInterval(function() {
+      Wn.value++;
+    }, 2200), Ge = B(t.topmenusize), $t = B(null), Dn = al($t).height, qn = (a) => {
       if (!a || !a.length) return;
       const v = a[0].size;
-      Ge.value = v, oe("currentTopMenuSize", v);
+      Ge.value = v, ie("currentTopMenuSize", v);
     };
     return Ze(() => {
-      clearInterval(Dn), window.removeEventListener("resize", Z);
-    }), (a, v) => (m(), w("div", Di, [
-      le(Q(Ut), {
+      clearInterval(Bn), window.removeEventListener("resize", Z);
+    }), (a, v) => (m(), w("div", Wi, [
+      oe(Q(Ut), {
         class: "default-theme",
-        style: re({ height: t.height })
+        style: ee({ height: t.height })
       }, {
-        default: Me(() => [
-          le(Q(dt), null, {
-            default: Me(() => [
-              C("div", qi, [
+        default: _e(() => [
+          oe(Q(dt), null, {
+            default: _e(() => [
+              C("div", Bi, [
                 a.enableleftmenu ? (m(), w("div", {
                   key: 0,
                   ref_key: "leftmenuel",
-                  ref: B,
+                  ref: W,
                   class: "left-menu-container bh-relative",
-                  style: re({
+                  style: ee({
                     width: z.value + "px",
                     transition: "width 0.3s ease",
                     overflow: "hidden",
@@ -2833,9 +2838,9 @@ const ki = /* @__PURE__ */ Be(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                   })
                 }, [
                   ae(a.$slots, "tableleftmenu", {}, () => [
-                    Hi
+                    Di
                   ]),
-                  C("div", Wi, [
+                  C("div", qi, [
                     C("button", {
                       onClick: st,
                       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"
@@ -2846,47 +2851,47 @@ const ki = /* @__PURE__ */ Be(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                         viewBox: "0 0 8 12",
                         fill: "none",
                         xmlns: "http://www.w3.org/2000/svg",
-                        style: re({ transform: L.value ? "rotate(180deg)" : "none" })
-                      }, Vi, 4))
+                        style: ee({ transform: L.value ? "rotate(180deg)" : "none" })
+                      }, ji, 4))
                     ])
                   ])
                 ], 4)) : N("", !0),
-                C("div", Ui, [
-                  le(Q(Ut), {
+                C("div", Vi, [
+                  oe(Q(Ut), {
                     class: "default-theme",
                     horizontal: "horizontal",
-                    onResize: Hn,
+                    onResize: qn,
                     "push-other-panes": ""
                   }, {
-                    default: Me(() => [
+                    default: _e(() => [
                       a.enabletopmenu ? (m(), ce(Q(dt), {
                         key: 0,
                         ref_key: "topmenuel",
                         ref: $t,
                         size: Ge.value || 10,
                         "max-size": a.topmenumax || 100,
-                        style: re({ "min-height": a.topmenumin + "px" })
+                        style: ee({ "min-height": a.topmenumin + "px" })
                       }, {
-                        default: Me(() => [
+                        default: _e(() => [
                           ae(a.$slots, "tabletopmenu", {}, () => [
-                            Gi
+                            Ui
                           ])
                         ]),
                         _: 3
                       }, 8, ["size", "max-size", "style"])) : N("", !0),
-                      le(Q(dt), {
-                        style: re({ "padding-right": a.tableRightOffset + "px" })
+                      oe(Q(dt), {
+                        style: ee({ "padding-right": a.tableRightOffset + "px" })
                       }, {
-                        default: Me(() => [
+                        default: _e(() => [
                           ae(a.$slots, "tableactionheader", {}, () => [
-                            Qi
+                            Gi
                           ]),
                           C("div", {
-                            class: T(t.scrollbarstyle)
+                            class: M(t.scrollbarstyle)
                           }, [
-                            le(Q(Ql), {
-                              style: re({
-                                height: t.stickyHeader && Number(t.height.replace("px", "")) - (a.footerOffset + Q(qn)) + "px"
+                            oe(Q(Ql), {
+                              style: ee({
+                                height: t.stickyHeader && Number(t.height.replace("px", "")) - (a.footerOffset + Q(Dn)) + "px"
                               }),
                               autoHide: t.scrollbarautohide,
                               fixedThumb: t.scrollbarfixedthumb,
@@ -2894,94 +2899,97 @@ const ki = /* @__PURE__ */ Be(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                               direction: t.scrollbardirection,
                               throttleType: "none"
                             }, {
-                              default: Me(() => [
+                              default: _e(() => [
                                 C("div", {
-                                  class: T(["bh-table-responsive", { "bh-min-h-[100px]": y.value }]),
-                                  style: re({ overflow: t.stickyHeader && "inherit" })
+                                  class: M(["bh-table-responsive", { "bh-min-h-[100px]": y.value }]),
+                                  style: ee({ overflow: t.stickyHeader && "inherit" })
                                 }, [
                                   C("table", {
-                                    class: T([t.skin])
+                                    class: M([t.skin])
                                   }, [
                                     C("thead", {
-                                      class: T({
+                                      class: M({
                                         "bh-sticky bh-top-0 bh-z-10": t.stickyHeader
                                       })
                                     }, [
-                                      le(an, {
+                                      oe(an, {
                                         all: t,
                                         expandedrows: de.value,
                                         currentSortColumn: f.value,
                                         currentSortDirection: p.value,
-                                        isOpenFilter: H.value,
+                                        isOpenFilter: q.value,
                                         checkAll: $.value,
                                         columnFilterLang: t.columnFilterLang,
-                                        onSelectAll: _,
+                                        onSelectAll: P,
                                         onSortChange: b,
                                         onFilterChange: R,
-                                        onToggleFilterMenu: We
+                                        onToggleFilterMenu: He
                                       }, null, 8, ["expandedrows", "currentSortColumn", "currentSortDirection", "isOpenFilter", "checkAll", "columnFilterLang"])
                                     ], 2),
                                     C("tbody", null, [
-                                      (m(!0), w(U, null, pe(i.value, (k, q) => {
-                                        var ne;
+                                      (m(!0), w(U, null, pe(i.value, (k, D) => {
+                                        var le;
                                         return m(), w(U, {
-                                          key: k[J.value] ? k[J.value] : q
+                                          key: k[J.value] ? k[J.value] : D
                                         }, [
-                                          P.value ? (m(), w("tr", {
+                                          T.value ? (m(), w("tr", {
                                             key: 0,
-                                            class: T([
+                                            class: M([
                                               typeof t.rowClass == "function" ? a.rowClass(k) : t.rowClass,
                                               t.selectRowOnClick ? "bh-cursor-pointer" : ""
                                             ]),
-                                            onClick: ye((G) => Ve(k, q), ["prevent"])
+                                            onClick: ye((G) => Ve(k, D), ["prevent"])
                                           }, [
                                             t.hasCheckbox ? (m(), w("td", {
                                               key: 0,
-                                              class: T({
+                                              style: ee({ width: t.checkboxColumnWidth + " !important", minWidth: t.checkboxColumnWidth + " !important" }),
+                                              class: M({
                                                 "bh-sticky bh-left-0 bh-bg-blue-light": t.stickyFirstColumn
                                               })
                                             }, [
-                                              C("div", Xi, [
+                                              C("div", Ki, [
                                                 ve(C("input", {
                                                   "onUpdate:modelValue": v[0] || (v[0] = (G) => I.value = G),
                                                   type: "checkbox",
-                                                  value: k[J.value] ? k[J.value] : q,
+                                                  value: k[J.value] ? k[J.value] : D,
                                                   onClick: v[1] || (v[1] = ye(() => {
                                                   }, ["stop"]))
-                                                }, null, 8, Yi), [
+                                                }, null, 8, Xi), [
                                                   [Zn, I.value]
                                                 ]),
                                                 C("div", null, [
-                                                  le(Fn, { class: "check" })
+                                                  oe(Fn, { class: "check" })
                                                 ])
                                               ])
-                                            ], 2)) : N("", !0),
+                                            ], 6)) : N("", !0),
                                             t.hasRightPanel ? (m(), w("td", {
                                               key: 1,
-                                              class: T({
+                                              style: ee({ width: t.rightPanelColumnWidth + " !important", minWidth: t.rightPanelColumnWidth + " !important" }),
+                                              class: M({
                                                 "bh-sticky bh-left-0 bh-bg-blue-light": t.stickyFirstColumn
                                               })
                                             }, [
-                                              le(li, {
+                                              oe(li, {
                                                 item: k,
-                                                onRightPanelClick: v[2] || (v[2] = (G) => oe("rowRightPanelClick", G))
+                                                onRightPanelClick: v[2] || (v[2] = (G) => ie("rowRightPanelClick", G))
                                               }, null, 8, ["item"])
-                                            ], 2)) : N("", !0),
+                                            ], 6)) : N("", !0),
                                             t.hasSubtable ? (m(), w("td", {
                                               key: 2,
-                                              class: T({
+                                              style: ee({ width: t.subtableColumnWidth + " !important", minWidth: t.subtableColumnWidth + " !important" }),
+                                              class: M({
                                                 "bh-sticky bh-left-0 bh-bg-blue-light": t.stickyFirstColumn
                                               })
                                             }, [
-                                              le(In, {
+                                              oe(In, {
                                                 item: k,
                                                 expandedrows: de.value
                                               }, null, 8, ["item", "expandedrows"])
-                                            ], 2)) : N("", !0),
+                                            ], 6)) : N("", !0),
                                             (m(!0), w(U, null, pe(t.columns, (G, he) => (m(), w(U, null, [
                                               G.hide ? N("", !0) : (m(), w("td", {
                                                 key: G.field,
-                                                class: T([
+                                                class: M([
                                                   typeof t.cellClass == "function" ? a.cellClass(k) : t.cellClass,
                                                   he === 0 && t.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
                                                   t.hasCheckbox && he === 0 && t.stickyFirstColumn ? "bh-left-[52px]" : "",
@@ -2994,57 +3002,57 @@ const ki = /* @__PURE__ */ Be(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                                                 }) : G.cellRenderer ? (m(), w("div", {
                                                   key: 1,
                                                   innerHTML: G.cellRenderer(k)
-                                                }, null, 8, Ji)) : (m(), w(U, { key: 2 }, [
-                                                  mt(W(F(k, G.field)), 1)
+                                                }, null, 8, Yi)) : (m(), w(U, { key: 2 }, [
+                                                  mt(H(F(k, G.field)), 1)
                                                 ], 64))
                                               ], 2))
                                             ], 64))), 256))
-                                          ], 10, Ki)) : N("", !0),
-                                          (ne = de.value.find((G) => G.id == k.id)) != null && ne.isExpanded && t.hasSubtable ? (m(), w("tr", {
+                                          ], 10, Qi)) : N("", !0),
+                                          (le = de.value.find((G) => G.id == k.id)) != null && le.isExpanded && t.hasSubtable ? (m(), w("tr", {
                                             key: 1,
-                                            class: T([
+                                            class: M([
                                               typeof t.rowClass == "function" ? a.rowClass(k) : t.rowClass,
                                               t.selectRowOnClick ? "bh-cursor-pointer" : ""
                                             ]),
-                                            onClick: ye((G) => Ve(k, q), ["prevent"])
+                                            onClick: ye((G) => Ve(k, D), ["prevent"])
                                           }, [
                                             C("td", {
                                               colspan: t.columns.length + Q(Se)
                                             }, [
                                               ae(a.$slots, "tsub", { value: i.value })
-                                            ], 8, er)
-                                          ], 10, Zi)) : N("", !0)
+                                            ], 8, Zi)
+                                          ], 10, Ji)) : N("", !0)
                                         ], 64);
                                       }), 128)),
-                                      !P.value && y.value && a.skeletonloader ? (m(!0), w(U, { key: 0 }, pe(t.pageSize, (k) => (m(), w("tr", {
+                                      !T.value && y.value && a.skeletonloader ? (m(!0), w(U, { key: 0 }, pe(t.pageSize, (k) => (m(), w("tr", {
                                         key: k,
                                         class: "!bh-bg-white bh-h-11 !bh-border-transparent"
                                       }, [
                                         C("td", {
                                           colspan: t.columns.length + Q(Se),
                                           class: "!bh-p-0 !bh-border-transparent"
-                                        }, lr, 8, tr)
+                                        }, nr, 8, er)
                                       ]))), 128)) : N("", !0),
-                                      P.value ? (m(!0), w(U, { key: 1 }, pe(t.footerRows, (k, q) => (m(), w("tr", {
-                                        key: k[J.value] ? k[J.value] : q,
+                                      T.value ? (m(!0), w(U, { key: 1 }, pe(t.footerRows, (k, D) => (m(), w("tr", {
+                                        key: k[J.value] ? k[J.value] : D,
                                         class: "sticky-table-footer"
                                       }, [
                                         Q(Se) > 0 ? (m(), w("td", {
                                           key: 0,
                                           colspan: Q(Se)
-                                        }, null, 8, or)) : N("", !0),
-                                        (m(!0), w(U, null, pe(t.columns, (ne, G) => (m(), w(U, null, [
-                                          ne.hide ? N("", !0) : (m(), w("td", {
-                                            key: ne.field,
-                                            class: T([
+                                        }, null, 8, lr)) : N("", !0),
+                                        (m(!0), w(U, null, pe(t.columns, (le, G) => (m(), w(U, null, [
+                                          le.hide ? N("", !0) : (m(), w("td", {
+                                            key: le.field,
+                                            class: M([
                                               typeof t.cellClass == "function" ? a.cellClass(k) : t.cellClass,
                                               G === 0 && t.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
                                               t.hasCheckbox && G === 0 && t.stickyFirstColumn ? "bh-left-[52px]" : "",
-                                              ne.cellClass ? ne.cellClass : ""
+                                              le.cellClass ? le.cellClass : ""
                                             ])
                                           }, [
-                                            k.cells.find((he) => he.field == ne.field) ? (m(), w(U, { key: 0 }, [
-                                              mt(W(k.cells.find((he) => he.field == ne.field).text), 1)
+                                            k.cells.find((he) => he.field == le.field) ? (m(), w(U, { key: 0 }, [
+                                              mt(H(k.cells.find((he) => he.field == le.field).text), 1)
                                             ], 64)) : N("", !0)
                                           ], 2))
                                         ], 64))), 256))
@@ -3052,43 +3060,43 @@ const ki = /* @__PURE__ */ Be(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                                     ]),
                                     t.cloneHeaderInFooter ? (m(), w("tfoot", {
                                       key: 0,
-                                      class: T({
+                                      class: M({
                                         "bh-sticky bh-bottom-0": t.stickyHeader
                                       })
                                     }, [
-                                      le(an, {
+                                      oe(an, {
                                         all: t,
                                         currentSortColumn: f.value,
                                         currentSortDirection: p.value,
-                                        isOpenFilter: H.value,
+                                        isOpenFilter: q.value,
                                         isFooter: !0,
                                         checkAll: $.value,
-                                        onSelectAll: _,
+                                        onSelectAll: P,
                                         onSortChange: b,
                                         onFilterChange: R,
-                                        onToggleFilterMenu: We
+                                        onToggleFilterMenu: He
                                       }, null, 8, ["currentSortColumn", "currentSortDirection", "isOpenFilter", "checkAll"])
                                     ], 2)) : N("", !0)
                                   ], 2),
                                   y.value && a.enableloadinganimation ? (m(), w("div", {
                                     key: 0,
                                     class: "bh-absolute bh-inset-0 bh-bg-blue-light/50 bh-grid bh-place-content-center dt-center-loading",
-                                    style: re({
+                                    style: ee({
                                       height: Number(t.height.replace("px", "")) - 175 + "px"
                                     })
                                   }, [
                                     ae(a.$slots, "loadercontent")
                                   ], 4)) : N("", !0)
                                 ], 6),
-                                !P.value && !y.value ? (m(), w("div", {
+                                !T.value && !y.value ? (m(), w("div", {
                                   key: 0,
                                   class: "nodatacontent",
-                                  style: re({
+                                  style: ee({
                                     height: Number(t.height.replace("px", "")) - 175 + "px"
                                   })
                                 }, [
                                   ae(a.$slots, "nodatacontent", {}, () => [
-                                    C("span", null, W(t.noDataContent), 1)
+                                    C("span", null, H(t.noDataContent), 1)
                                   ])
                                 ], 4)) : N("", !0)
                               ]),
@@ -3109,32 +3117,32 @@ const ki = /* @__PURE__ */ Be(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
         ]),
         _: 3
       }, 8, ["style"]),
-      t.pagination && P.value ? (m(), w("div", {
+      t.pagination && T.value ? (m(), w("div", {
         key: 0,
-        class: T(["bh-pagination", {
+        class: M(["bh-pagination", {
           "bh-pointer-events-none": y.value,
           "sticky-footer": t.stickyFooter
         }])
       }, [
-        C("div", ir, [
+        C("div", or, [
           a.enablefooterpagination ? ae(a.$slots, "footerpageinfo", {
             key: 0,
             paginationInfo: a.paginationInfo,
-            filterRowCount: P.value,
+            filterRowCount: T.value,
             offset: ge.value,
-            limit: Pe.value,
+            limit: Te.value,
             showPageSize: a.showPageSize,
             pageSizeOptions: a.pageSizeOptions,
             currentPageSize: r.value,
-            stringFormat: De,
+            stringFormat: Be,
             setPageSize: g
           }, () => [
-            C("div", rr, [
-              C("span", sr, W(De(
+            C("div", ir, [
+              C("span", rr, H(Be(
                 t.paginationInfo,
-                P.value ? ge.value : 0,
-                Pe.value,
-                P.value
+                T.value ? ge.value : 0,
+                Te.value,
+                T.value
               )), 1),
               t.showPageSize ? ve((m(), w("select", {
                 key: 0,
@@ -3144,7 +3152,7 @@ const ki = /* @__PURE__ */ Be(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                 (m(!0), w(U, null, pe(t.pageSizeOptions, (k) => (m(), w("option", {
                   value: k,
                   key: k
-                }, W(k), 9, ar))), 128))
+                }, H(k), 9, sr))), 128))
               ], 512)), [
                 [cn, r.value]
               ]) : N("", !0)
@@ -3154,62 +3162,62 @@ const ki = /* @__PURE__ */ Be(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
             key: 1,
             currentPage: s.value,
             maxPage: se.value,
-            paging: qe.value,
+            paging: De.value,
             movePage: Ee,
-            nextPage: ie,
+            nextPage: re,
             previousPage: je
           }, () => [
-            C("div", ur, [
+            C("div", ar, [
               t.showFirstPage ? (m(), w("button", {
                 key: 0,
                 type: "button",
-                class: T(["bh-page-item first-page", { disabled: s.value <= 1 }]),
+                class: M(["bh-page-item first-page", { disabled: s.value <= 1 }]),
                 onClick: v[4] || (v[4] = (k) => s.value = 1)
               }, [
                 t.firstArrow ? (m(), w("span", {
                   key: 0,
                   innerHTML: t.firstArrow
-                }, null, 8, cr)) : (m(), w("svg", dr, hr))
+                }, null, 8, ur)) : (m(), w("svg", cr, fr))
               ], 2)) : N("", !0),
               C("button", {
                 type: "button",
-                class: T(["bh-page-item previous-page", { disabled: s.value <= 1 }]),
+                class: M(["bh-page-item previous-page", { disabled: s.value <= 1 }]),
                 onClick: je
               }, [
                 t.previousArrow ? (m(), w("span", {
                   key: 0,
                   innerHTML: t.previousArrow
-                }, null, 8, pr)) : (m(), w("svg", vr, gr))
+                }, null, 8, hr)) : (m(), w("svg", pr, mr))
               ], 2),
-              t.showNumbers ? (m(!0), w(U, { key: 1 }, pe(qe.value, (k) => (m(), w("button", {
+              t.showNumbers ? (m(!0), w(U, { key: 1 }, pe(De.value, (k) => (m(), w("button", {
                 key: k,
                 type: "button",
-                class: T(["bh-page-item", {
+                class: M(["bh-page-item", {
                   disabled: s.value === k,
                   "bh-active": k === s.value
                 }]),
-                onClick: (q) => Ee(k)
-              }, W(k), 11, br))), 128)) : N("", !0),
+                onClick: (D) => Ee(k)
+              }, H(k), 11, gr))), 128)) : N("", !0),
               C("button", {
                 type: "button",
-                class: T(["bh-page-item next-page", { disabled: s.value >= se.value }]),
-                onClick: ie
+                class: M(["bh-page-item next-page", { disabled: s.value >= se.value }]),
+                onClick: re
               }, [
                 t.nextArrow ? (m(), w("span", {
                   key: 0,
                   innerHTML: t.nextArrow
-                }, null, 8, yr)) : (m(), w("svg", wr, Sr))
+                }, null, 8, br)) : (m(), w("svg", yr, xr))
               ], 2),
               t.showLastPage ? (m(), w("button", {
                 key: 2,
                 type: "button",
-                class: T(["bh-page-item last-page", { disabled: s.value >= se.value }]),
+                class: M(["bh-page-item last-page", { disabled: s.value >= se.value }]),
                 onClick: v[5] || (v[5] = (k) => s.value = se.value)
               }, [
                 t.lastArrow ? (m(), w("span", {
                   key: 0,
                   innerHTML: t.lastArrow
-                }, null, 8, kr)) : (m(), w("svg", Cr, Lr))
+                }, null, 8, Sr)) : (m(), w("svg", kr, zr))
               ], 2)) : N("", !0)
             ])
           ]) : N("", !0)
@@ -3219,5 +3227,5 @@ const ki = /* @__PURE__ */ Be(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
   }
 });
 export {
-  Mr as default
+  Pr as default
 };