@dolusoft/vue3-datatable 1.7.29 → 1.7.31

package/dist/vue3-datatable.js

@@ -1,6 +1,6 @@
-import { onMounted as Le, nextTick as Oe, getCurrentScope as Vn, onScopeDispose as Un, unref as K, getCurrentInstance as Ct, computed as X, 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 G, withDirectives as ve, createElementVNode as z, normalizeClass as T, normalizeStyle as Z, withModifiers as ye, setBlockTracking as Bt, vShow as pt, createCommentVNode as R, 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 Me, h as vt, toRef as Jn, toDisplayString as q, createTextVNode as mt, vModelText as ut, vModelSelect as cn, withCtx as Pe, vModelCheckbox as Zn } from "vue";
+import { onMounted as Le, nextTick as _e, getCurrentScope as Un, onScopeDispose as Vn, unref as K, getCurrentInstance as zt, computed as X, ref as B, watch as ne, defineComponent as we, useCssVars as Gn, shallowRef as me, onUnmounted as Ze, openBlock as m, createElementBlock as w, Fragment as G, withDirectives as ve, createElementVNode as L, normalizeClass as T, normalizeStyle as Z, withModifiers as ye, setBlockTracking as Bt, vShow as vt, createCommentVNode as R, mergeProps as Qn, renderSlot as ae, renderList as pe, createVNode as ie, reactive as Kn, watchEffect as Xn, useSlots as un, onBeforeUnmount as Lt, provide as Ce, createBlock as ue, resolveDynamicComponent as Yn, inject as Me, h as mt, toRef as Jn, toDisplayString as q, createTextVNode as gt, vModelText as ct, vModelSelect as cn, withCtx as Pe, vModelCheckbox as Zn } from "vue";
 function el(e) {
-  return Vn() ? (Un(e), !0) : !1;
+  return Un() ? (Vn(e), !0) : !1;
 }
 function tl(e) {
   return typeof e == "function" ? e() : K(e);
@@ -8,10 +8,10 @@ function tl(e) {
 const nl = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
 function ll(e) {
-  return Ct();
+  return zt();
 }
 function ol(e, l = !0, n) {
-  ll() ? Le(e, n) : l ? e() : Oe(e);
+  ll() ? Le(e, n) : l ? e() : _e(e);
 }
 function Te(e) {
   var l;
@@ -20,7 +20,7 @@ function Te(e) {
 }
 const dn = nl ? window : void 0;
 function il() {
-  const e = B(!1), l = Ct();
+  const e = B(!1), l = zt();
   return l && Le(() => {
     e.value = !0;
   }, l), e;
@@ -34,7 +34,7 @@ function al(e, l, n = {}) {
   let i;
   const a = rl(() => o && "ResizeObserver" in o), r = () => {
     i && (i.disconnect(), i = void 0);
-  }, u = X(() => Array.isArray(e) ? e.map((p) => Te(p)) : [Te(e)]), f = te(
+  }, u = X(() => Array.isArray(e) ? e.map((p) => Te(p)) : [Te(e)]), f = ne(
     u,
     (p) => {
       if (r(), a.value && o) {
@@ -78,7 +78,7 @@ function sl(e, l = { width: 0, height: 0 }, n = {}) {
     const p = Te(e);
     p && (a.value = "offsetWidth" in p ? p.offsetWidth : l.width, r.value = "offsetHeight" in p ? p.offsetHeight : l.height);
   });
-  const f = te(
+  const f = ne(
     () => Te(e),
     (p) => {
       a.value = p ? l.width : 0, r.value = p ? l.height : 0;
@@ -93,16 +93,16 @@ function sl(e, l = { width: 0, height: 0 }, n = {}) {
     stop: d
   };
 }
-var ul = typeof global == "object" && global && global.Object === Object && global, cl = typeof self == "object" && self && self.Object === Object && self, fn = ul || cl || Function("return this")(), et = fn.Symbol, hn = Object.prototype, dl = hn.hasOwnProperty, fl = hn.toString, Ie = et ? et.toStringTag : void 0;
+var ul = typeof global == "object" && global && global.Object === Object && global, cl = typeof self == "object" && self && self.Object === Object && self, fn = ul || cl || Function("return this")(), et = fn.Symbol, hn = Object.prototype, dl = hn.hasOwnProperty, fl = hn.toString, Fe = et ? et.toStringTag : void 0;
 function hl(e) {
-  var l = dl.call(e, Ie), n = e[Ie];
+  var l = dl.call(e, Fe), n = e[Fe];
   try {
-    e[Ie] = void 0;
+    e[Fe] = void 0;
     var o = !0;
   } catch {
   }
   var t = fl.call(e);
-  return o && (l ? e[Ie] = n : delete e[Ie]), t;
+  return o && (l ? e[Fe] = n : delete e[Fe]), t;
 }
 var pl = Object.prototype, vl = pl.toString;
 function ml(e) {
@@ -155,7 +155,7 @@ function _l(e, l, n) {
 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), _l($e(e), l, n);
 }
-var ct = function() {
+var dt = function() {
   return fn.Date.now();
 }, Il = "Expected a function", Fl = Math.max, Ol = Math.min;
 function pn(e, l, n) {
@@ -171,15 +171,15 @@ function pn(e, l, n) {
     return f = S, r = setTimeout(A, l), d ? _(S) : a;
   }
   function $(S) {
-    var k = S - u, W = S - f, V = l - k;
-    return p ? Ol(V, i - W) : V;
+    var k = S - u, W = S - f, U = l - k;
+    return p ? Ol(U, i - W) : U;
   }
   function y(S) {
     var k = S - u, W = S - f;
     return u === void 0 || k >= l || k < 0 || p && W >= i;
   }
   function A() {
-    var S = ct();
+    var S = dt();
     if (y(S))
       return H(S);
     r = setTimeout(A, $(S));
@@ -191,10 +191,10 @@ function pn(e, l, n) {
     r !== void 0 && clearTimeout(r), f = 0, o = u = t = r = void 0;
   }
   function O() {
-    return r === void 0 ? a : H(ct());
+    return r === void 0 ? a : H(dt());
   }
   function Y() {
-    var S = ct(), k = y(S);
+    var S = dt(), k = y(S);
     if (o = arguments, t = this, u = S, k) {
       if (r === void 0)
         return I(u);
@@ -249,8 +249,8 @@ function ql(e, { expose: l }) {
   Ze(f);
   const d = vn((k) => {
     k.stopPropagation(), k.preventDefault();
-    const W = n.type === "horizontal" ? "pageX" : "pageY", V = (k[W] - a[W]) / n.scrollInfo.wrapperMainSize * n.scrollInfo.contentMainSize;
-    n.wrapperEl.scrollTo({ [n.type === "horizontal" ? "left" : "top"]: a.scrollPos + V, behavior: "auto" });
+    const W = n.type === "horizontal" ? "pageX" : "pageY", U = (k[W] - a[W]) / n.scrollInfo.wrapperMainSize * n.scrollInfo.contentMainSize;
+    n.wrapperEl.scrollTo({ [n.type === "horizontal" ? "left" : "top"]: a.scrollPos + U, 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;
   }, E = (k) => {
@@ -265,12 +265,12 @@ function ql(e, { expose: l }) {
   const O = ([k]) => $.value = k.isIntersecting, Y = ([k]) => I.value = k.isIntersecting, S = () => {
     A && (A.disconnect(), A = null), H && (H.disconnect(), H = null);
   };
-  return te(() => [n.fixedThumb, n.wrapperEl], () => {
+  return ne(() => [n.fixedThumb, n.wrapperEl], () => {
     if (!n.fixedThumb || !n.wrapperEl)
       return S();
     S(), H = new IntersectionObserver(Y, { threshold: [0, 0.5] }), H.observe(n.wrapperEl), A = new IntersectionObserver(O), A.observe(y.value);
   }), Ze(S), (k, W) => (m(), w(G, null, [
-    ve(z("div", {
+    ve(L("div", {
       class: T([
         "scrollbar__thumbPlaceholder",
         `scrollbar__thumbPlaceholder--${e.type}`,
@@ -285,25 +285,25 @@ function ql(e, { expose: l }) {
         position: j.value ? "fixed" : "absolute",
         [e.type === "vertical" ? "top" : "left"]: j.value ? `${e.scrollInfo.boundaryDistance + 3}px` : "3px"
       }),
-      ref: (V, ee) => {
-        ee.thumbEl = V, i.value = V;
+      ref: (U, ee) => {
+        ee.thumbEl = U, i.value = U;
       },
       onPointerdown: ye(E, ["stop"])
     }, [
-      W[0] || (Bt(-1), W[0] = z("div", {
+      W[0] || (Bt(-1), W[0] = L("div", {
         class: T(["scrollbar__thumb", `scrollbar__thumb--${e.type}`])
       }, null, 2), Bt(1), W[0])
     ], 46, Dl), [
-      [pt, !!e.scrollInfo.thumbSize && (e.fixedThumb ? I.value : !0)]
+      [vt, !!e.scrollInfo.thumbSize && (e.fixedThumb ? I.value : !0)]
     ]),
     n.fixedThumb ? ve((m(), w("div", {
       key: 0,
-      ref: (V, ee) => {
-        ee.shepherdEl = V, y.value = V;
+      ref: (U, ee) => {
+        ee.shepherdEl = U, y.value = U;
       },
       class: T(["scrollbar__shepherd", `scrollbar__shepherd--${e.type}`])
     }, null, 2)), [
-      [pt, !!e.scrollInfo.thumbSize]
+      [vt, !!e.scrollInfo.thumbSize]
     ]) : R("", !0)
   ], 64));
 }
@@ -319,15 +319,15 @@ const jl = /* @__PURE__ */ we(mn(nt({}, Hl), {
     wrapperEl: null
   },
   setup: ql
-})), Vl = {
+})), Ul = {
   wait: 333,
   type: "debounce"
 };
-function Vt(...e) {
+function Ut(...e) {
   const l = "value" in (e == null ? void 0 : e[0]);
   let n;
   l ? n = e == null ? void 0 : e[1] : n = e == null ? void 0 : e[0];
-  const { wait: o, type: t, callback: i } = nt(nt({}, Vl), n), a = l ? e[0] : me(null), r = Kn({ left: 0, top: 0, right: 0, bottom: 0, width: 0, height: 0, x: 0, y: 0 }), u = () => {
+  const { wait: o, type: t, callback: i } = nt(nt({}, Ul), n), a = l ? e[0] : me(null), r = Kn({ left: 0, top: 0, right: 0, bottom: 0, width: 0, height: 0, x: 0, y: 0 }), u = () => {
     const E = a.value.getBoundingClientRect();
     r.left = E.left, r.top = E.top, r.right = E.right, r.bottom = E.bottom, r.width = E.width, r.height = E.height, r.x = E.x, r.y = E.y, i == null || i();
   };
@@ -339,7 +339,7 @@ function Vt(...e) {
     a.value && (p(), f = u, t === "throttle" && o >= 4 ? f = vn(f, o) : t === "debounce" && o >= 4 && (f = pn(f, o)), window.addEventListener("resize", f), d = new ResizeObserver(f), d.observe(a.value));
   }), Ze(p), l ? r : [a, r];
 }
-const Ul = {
+const Vl = {
   name: "CustomScrollbar",
   inheritAttrs: !1
 };
@@ -360,7 +360,7 @@ function Gl(e, { expose: l, emit: n }) {
         return (W = k == null ? void 0 : k.classList) == null ? void 0 : W.contains(`scrollbar__thumbPlaceholder--${S}`);
       });
   });
-  const u = Vt(a, { wait: o.throttleWait, type: o.throttleType, callback: E }), f = Vt(r, { wait: o.throttleWait, type: o.throttleType, callback: E });
+  const u = Ut(a, { wait: o.throttleWait, type: o.throttleType, callback: E }), f = Ut(r, { wait: o.throttleWait, type: o.throttleType, callback: E });
   let d = me(0), p = me(0);
   function E() {
     d.value = Math.max(a.value.scrollHeight - u.height | 0, 0), p.value = Math.max(a.value.scrollWidth - u.width | 0, 0);
@@ -379,7 +379,7 @@ function Gl(e, { expose: l, emit: n }) {
   const A = () => {
     p.value && (t.horizontal.el.style.transform = `translate3d(${a.value.scrollLeft / p.value * y.value}px, 0, 0)`, t.horizontal.instance.autoHideAfterScroll()), d.value && (t.vertical.el.style.transform = `translate3d(0, ${a.value.scrollTop / d.value * $.value}px, 0)`, t.vertical.instance.autoHideAfterScroll());
   };
-  te(() => [p.value, d.value], A);
+  ne(() => [p.value, d.value], A);
   const H = (O) => {
     O.stopPropagation();
     const Y = a.value.scrollLeft, S = a.value.scrollTop, k = Qe(Y + ((O == null ? void 0 : O.deltaX) || 0), 0, p.value) | 0, W = Qe(S + ((O == null ? void 0 : O.deltaY) || 0), 0, d.value) | 0;
@@ -387,13 +387,13 @@ function Gl(e, { expose: l, emit: n }) {
   }, j = (O) => {
     o.simulateScroll ? H(O) : A();
   };
-  return te(u, () => n("wrapperResize", u)), te(f, () => n("contentResize", f)), l({
+  return ne(u, () => n("wrapperResize", u)), ne(f, () => n("contentResize", f)), l({
     scrollEl: a
   }), (O, Y) => (m(), w("div", {
     class: T(["scrollbar__wrapper", e.wrapperClass]),
     style: Z(e.wrapperStyle)
   }, [
-    z("div", Qn({
+    L("div", Qn({
       ref: (S, k) => {
         k.wrapperEl = S, a.value = S;
       },
@@ -402,7 +402,7 @@ function Gl(e, { expose: l, emit: n }) {
       onWheel: j,
       onScroll: j
     }), [
-      z("div", {
+      L("div", {
         ref: (S, k) => {
           k.contentEl = S, r.value = S;
         },
@@ -412,7 +412,7 @@ function Gl(e, { expose: l, emit: n }) {
         ae(O.$slots, "default")
       ], 6)
     ], 16),
-    (m(), w(G, null, pe(t, (S, k) => oe(jl, {
+    (m(), w(G, null, pe(t, (S, k) => ie(jl, {
       ref: (W) => i(W, k),
       key: k,
       autoExpand: e.autoExpand,
@@ -426,7 +426,7 @@ function Gl(e, { expose: l, emit: n }) {
     }, null, 8, ["autoExpand", "autoHide", "autoHideDelay", "fixedThumb", "type", "scrollInfo", "thumbWidth", "wrapperEl"])), 64))
   ], 6));
 }
-const Ql = /* @__PURE__ */ we(mn(nt({}, Ul), {
+const Ql = /* @__PURE__ */ we(mn(nt({}, Vl), {
   props: {
     wrapperClass: null,
     wrapperStyle: null,
@@ -446,7 +446,7 @@ const Ql = /* @__PURE__ */ we(mn(nt({}, Ul), {
   },
   emits: ["wrapperResize", "contentResize", "scroll"],
   setup: Gl
-})), Ut = {
+})), Vt = {
   __name: "splitpanes",
   props: {
     horizontal: { type: Boolean, default: !1 },
@@ -487,9 +487,9 @@ const Ql = /* @__PURE__ */ we(mn(nt({}, Ul), {
     }, 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 C = c.target.closest(".splitpanes__splitter");
-      if (C) {
-        const { left: b, top: x } = C.getBoundingClientRect(), { clientX: M, clientY: N } = "ontouchstart" in window && c.touches ? c.touches[0] : c;
+      const z = c.target.closest(".splitpanes__splitter");
+      if (z) {
+        const { left: b, top: x } = z.getBoundingClientRect(), { clientX: M, clientY: N } = "ontouchstart" in window && c.touches ? c.touches[0] : c;
         d.value.cursorOffset = o.horizontal ? N - x : M - b;
       }
       _(), d.value.mouseDown = !0, d.value.activeSplitter = g;
@@ -505,8 +505,8 @@ const Ql = /* @__PURE__ */ we(mn(nt({}, Ul), {
       "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 (re("splitter-dblclick", { event: c, index: g }, !0), o.maximizePanes) {
-        let C = 0;
-        i.value = i.value.map((b, x) => (b.size = x === g ? b.max : b.min, x !== g && (C += b.min), b)), i.value[g].size -= C, re("pane-maximize", { event: c, index: g, pane: i.value[g] }), re("resized", { event: c, index: g }, !0);
+        let z = 0;
+        i.value = i.value.map((b, x) => (b.size = x === g ? b.max : b.min, x !== g && (z += b.min), b)), i.value[g].size -= z, re("pane-maximize", { event: c, index: g, pane: i.value[g] }), re("resized", { event: c, index: g }, !0);
       }
     }, O = (c, g) => {
       re("pane-click", {
@@ -515,9 +515,9 @@ const Ql = /* @__PURE__ */ we(mn(nt({}, Ul), {
         pane: a.value[g]
       });
     }, Y = (c) => {
-      const g = u.value.getBoundingClientRect(), { clientX: C, clientY: b } = "ontouchstart" in window && c.touches ? c.touches[0] : c;
+      const g = u.value.getBoundingClientRect(), { clientX: z, clientY: b } = "ontouchstart" in window && c.touches ? c.touches[0] : c;
       return {
-        x: C - (o.horizontal ? 0 : d.value.cursorOffset) - g.left,
+        x: z - (o.horizontal ? 0 : d.value.cursorOffset) - g.left,
         y: b - (o.horizontal ? d.value.cursorOffset : 0) - g.top
       };
     }, S = (c) => {
@@ -526,46 +526,46 @@ const Ql = /* @__PURE__ */ we(mn(nt({}, Ul), {
       return o.rtl && !o.horizontal && (c = g - c), c * 100 / g;
     }, k = (c) => {
       const g = d.value.activeSplitter;
-      let C = {
-        prevPanesSize: V(g),
+      let z = {
+        prevPanesSize: U(g),
         nextPanesSize: ee(g),
         prevReachedMinPanes: 0,
         nextReachedMinPanes: 0
       };
-      const b = 0 + (o.pushOtherPanes ? 0 : C.prevPanesSize), x = 100 - (o.pushOtherPanes ? 0 : C.nextPanesSize), M = Math.max(Math.min(S(c), x), b);
-      let N = [g, g + 1], ne = i.value[N[0]] || null, F = i.value[N[1]] || null;
-      const xe = ne.max < 100 && M >= ne.max + C.prevPanesSize, Ve = F.max < 100 && M <= 100 - (F.max + ee(g + 1));
-      if (xe || Ve) {
-        xe ? (ne.size = ne.max, F.size = Math.max(100 - ne.max - C.prevPanesSize - C.nextPanesSize, 0)) : (ne.size = Math.max(100 - F.max - C.prevPanesSize - ee(g + 1), 0), F.size = F.max);
+      const b = 0 + (o.pushOtherPanes ? 0 : z.prevPanesSize), x = 100 - (o.pushOtherPanes ? 0 : z.nextPanesSize), M = Math.max(Math.min(S(c), x), b);
+      let N = [g, g + 1], le = i.value[N[0]] || null, F = i.value[N[1]] || null;
+      const xe = le.max < 100 && M >= le.max + z.prevPanesSize, Ue = F.max < 100 && M <= 100 - (F.max + ee(g + 1));
+      if (xe || Ue) {
+        xe ? (le.size = le.max, F.size = Math.max(100 - le.max - z.prevPanesSize - z.nextPanesSize, 0)) : (le.size = Math.max(100 - F.max - z.prevPanesSize - ee(g + 1), 0), F.size = F.max);
         return;
       }
       if (o.pushOtherPanes) {
-        const fe = W(C, M);
+        const fe = W(z, M);
         if (!fe) return;
-        ({ sums: C, panesToResize: N } = fe), ne = i.value[N[0]] || null, F = i.value[N[1]] || null;
+        ({ sums: z, panesToResize: N } = fe), le = i.value[N[0]] || null, F = i.value[N[1]] || null;
       }
-      ne !== null && (ne.size = Math.min(Math.max(M - C.prevPanesSize - C.prevReachedMinPanes, ne.min), ne.max)), F !== null && (F.size = Math.min(Math.max(100 - M - C.nextPanesSize - C.nextReachedMinPanes, F.min), F.max));
+      le !== null && (le.size = Math.min(Math.max(M - z.prevPanesSize - z.prevReachedMinPanes, le.min), le.max)), F !== null && (F.size = Math.min(Math.max(100 - M - z.nextPanesSize - z.nextReachedMinPanes, F.min), F.max));
     }, W = (c, g) => {
-      const C = d.value.activeSplitter, b = [C, C + 1];
-      return g < c.prevPanesSize + i.value[b[0]].min && (b[0] = at(C).index, c.prevReachedMinPanes = 0, b[0] < C && i.value.forEach((x, M) => {
-        M > b[0] && M <= C && (x.size = x.min, c.prevReachedMinPanes += x.min);
-      }), c.prevPanesSize = V(b[0]), b[0] === void 0) ? (c.prevReachedMinPanes = 0, i.value[0].size = i.value[0].min, i.value.forEach((x, M) => {
-        M > 0 && M <= C && (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(C).index, c.nextReachedMinPanes = 0, b[1] > C + 1 && i.value.forEach((x, M) => {
-        M > C && M < b[1] && (x.size = x.min, c.nextReachedMinPanes += x.min);
+      const z = d.value.activeSplitter, b = [z, z + 1];
+      return g < c.prevPanesSize + i.value[b[0]].min && (b[0] = at(z).index, c.prevReachedMinPanes = 0, b[0] < z && i.value.forEach((x, M) => {
+        M > b[0] && M <= z && (x.size = x.min, c.prevReachedMinPanes += x.min);
+      }), c.prevPanesSize = U(b[0]), b[0] === void 0) ? (c.prevReachedMinPanes = 0, i.value[0].size = i.value[0].min, i.value.forEach((x, M) => {
+        M > 0 && M <= z && (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(z).index, c.nextReachedMinPanes = 0, b[1] > z + 1 && i.value.forEach((x, M) => {
+        M > z && M < b[1] && (x.size = x.min, c.nextReachedMinPanes += x.min);
       }), c.nextPanesSize = ee(b[1] - 1), b[1] === void 0) ? (c.nextReachedMinPanes = 0, i.value.forEach((x, M) => {
-        M < r.value - 1 && M >= C + 1 && (x.size = x.min, c.nextReachedMinPanes += x.min);
+        M < r.value - 1 && M >= z + 1 && (x.size = x.min, c.nextReachedMinPanes += x.min);
       }), i.value[b[0]].size = 100 - c.prevPanesSize - ee(b[0] - 1), null) : { sums: c, panesToResize: b };
-    }, V = (c) => i.value.reduce((g, C, b) => g + (b < c ? C.size : 0), 0), ee = (c) => i.value.reduce((g, C, b) => g + (b > c + 1 ? C.size : 0), 0), at = (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 = () => {
+    }, U = (c) => i.value.reduce((g, z, b) => g + (b < c ? z.size : 0), 0), ee = (c) => i.value.reduce((g, z, b) => g + (b > c + 1 ? z.size : 0), 0), at = (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) || {}, Be = () => {
       var c;
       const g = Array.from(((c = u.value) == null ? void 0 : c.children) || []);
-      for (const C of g) {
-        const b = C.classList.contains("splitpanes__pane"), x = C.classList.contains("splitpanes__splitter");
-        !b && !x && (C.remove(), console.warn("Splitpanes: Only <pane> elements are allowed at the root of <splitpanes>. One of your DOM nodes was removed."));
+      for (const z of g) {
+        const b = z.classList.contains("splitpanes__pane"), x = z.classList.contains("splitpanes__splitter");
+        !b && !x && (z.remove(), console.warn("Splitpanes: Only <pane> elements are allowed at the root of <splitpanes>. One of your DOM nodes was removed."));
       }
-    }, J = (c, g, C = !1) => {
+    }, J = (c, g, z = !1) => {
       const b = c - 1, x = document.createElement("div");
-      x.classList.add("splitpanes__splitter"), C || (x.onmousedown = (M) => $(M, b), typeof window < "u" && "ontouchstart" in window && (x.ontouchstart = (M) => $(M, b)), x.onclick = (M) => H(M, b + 1)), x.ondblclick = (M) => j(M, b + 1), g.parentNode.insertBefore(x, g);
+      x.classList.add("splitpanes__splitter"), z || (x.onmousedown = (M) => $(M, b), typeof window < "u" && "ontouchstart" in window && (x.ontouchstart = (M) => $(M, b)), x.onclick = (M) => H(M, b + 1)), x.ondblclick = (M) => j(M, b + 1), g.parentNode.insertBefore(x, g);
     }, se = (c) => {
       c.onmousedown = void 0, c.onclick = void 0, c.ondblclick = void 0, c.remove();
     }, ge = () => {
@@ -573,96 +573,96 @@ const Ql = /* @__PURE__ */ we(mn(nt({}, Ul), {
       const g = Array.from(((c = u.value) == null ? void 0 : c.children) || []);
       for (const b of g)
         b.className.includes("splitpanes__splitter") && se(b);
-      let C = 0;
+      let z = 0;
       for (const b of g)
-        b.className.includes("splitpanes__pane") && (!C && o.firstSplitter ? J(C, b, !0) : C && J(C, b), C++);
-    }, _e = ({ uid: c, ...g }) => {
-      const C = a.value[c];
-      for (const [b, x] of Object.entries(g)) C[b] = x;
+        b.className.includes("splitpanes__pane") && (!z && o.firstSplitter ? J(z, b, !0) : z && J(z, b), z++);
+    }, Ie = ({ uid: c, ...g }) => {
+      const z = a.value[c];
+      for (const [b, x] of Object.entries(g)) z[b] = x;
     }, De = (c) => {
       var g;
-      let C = -1;
-      Array.from(((g = u.value) == null ? void 0 : g.children) || []).some((b) => (b.className.includes("splitpanes__pane") && C++, b.isSameNode(c.el))), i.value.splice(C, 0, { ...c, index: C }), i.value.forEach((b, x) => b.index = x), f.value && Oe(() => {
-        ge(), de({ addedPane: i.value[C] }), re("pane-add", { pane: i.value[C] });
+      let z = -1;
+      Array.from(((g = u.value) == null ? void 0 : g.children) || []).some((b) => (b.className.includes("splitpanes__pane") && z++, b.isSameNode(c.el))), i.value.splice(z, 0, { ...c, index: z }), i.value.forEach((b, x) => b.index = x), f.value && _e(() => {
+        ge(), de({ addedPane: i.value[z] }), re("pane-add", { pane: i.value[z] });
       });
     }, He = (c) => {
       const g = i.value.findIndex((b) => b.id === c);
       i.value[g].el = null;
-      const C = i.value.splice(g, 1)[0];
-      i.value.forEach((b, x) => b.index = x), Oe(() => {
-        ge(), re("pane-remove", { pane: C }), de({ removedPane: { ...C } });
+      const z = i.value.splice(g, 1)[0];
+      i.value.forEach((b, x) => b.index = x), _e(() => {
+        ge(), re("pane-remove", { pane: z }), de({ removedPane: { ...z } });
       });
     }, de = (c = {}) => {
-      !c.addedPane && !c.removedPane ? qe() : i.value.some((g) => g.givenSize !== null || g.min || g.max < 100) ? je(c) : ue(), f.value && re("resized");
-    }, ue = () => {
+      !c.addedPane && !c.removedPane ? qe() : i.value.some((g) => g.givenSize !== null || g.min || g.max < 100) ? je(c) : ce(), f.value && re("resized");
+    }, ce = () => {
       const c = 100 / r.value;
       let g = 0;
-      const C = [], b = [];
+      const z = [], b = [];
       for (const x of i.value)
-        x.size = Math.max(Math.min(c, x.max), x.min), g -= x.size, x.size >= x.max && C.push(x.id), x.size <= x.min && b.push(x.id);
-      g > 0.1 && Ee(g, C, b);
+        x.size = Math.max(Math.min(c, x.max), x.min), g -= x.size, x.size >= x.max && z.push(x.id), x.size <= x.min && b.push(x.id);
+      g > 0.1 && Ee(g, z, b);
     }, qe = () => {
       let c = 100;
-      const g = [], C = [];
+      const g = [], z = [];
       let b = 0;
       for (const M of i.value)
-        c -= M.size, M.givenSize !== null && b++, M.size >= M.max && g.push(M.id), M.size <= M.min && C.push(M.id);
+        c -= M.size, M.givenSize !== null && b++, M.size >= M.max && g.push(M.id), M.size <= M.min && z.push(M.id);
       let x = 100;
       if (c > 0.1) {
         for (const M of i.value)
           M.givenSize === null && (M.size = Math.max(Math.min(c / (r.value - b), M.max), M.min)), x -= M.size;
-        x > 0.1 && Ee(x, g, C);
+        x > 0.1 && Ee(x, g, z);
       }
     }, je = ({ addedPane: c, removedPane: g } = {}) => {
-      let C = 100 / r.value, b = 0;
+      let z = 100 / r.value, b = 0;
       const x = [], M = [];
-      ((c == null ? void 0 : c.givenSize) ?? null) !== null && (C = (100 - c.givenSize) / (r.value - 1));
+      ((c == null ? void 0 : c.givenSize) ?? null) !== null && (z = (100 - c.givenSize) / (r.value - 1));
       for (const N of i.value)
         b -= N.size, N.size >= N.max && x.push(N.id), N.size <= N.min && M.push(N.id);
       if (!(Math.abs(b) < 0.1)) {
         for (const N of i.value)
-          (c == null ? void 0 : c.givenSize) !== null && (c == null ? void 0 : c.id) === N.id || (N.size = Math.max(Math.min(C, N.max), N.min)), b -= N.size, N.size >= N.max && x.push(N.id), N.size <= N.min && M.push(N.id);
+          (c == null ? void 0 : c.givenSize) !== null && (c == null ? void 0 : c.id) === N.id || (N.size = Math.max(Math.min(z, N.max), N.min)), b -= N.size, N.size >= N.max && x.push(N.id), N.size <= N.min && M.push(N.id);
         b > 0.1 && Ee(b, x, M);
       }
-    }, Ee = (c, g, C) => {
+    }, Ee = (c, g, z) => {
       let b;
-      c > 0 ? b = c / (r.value - g.length) : b = c / (r.value - C.length), i.value.forEach((x, M) => {
+      c > 0 ? b = c / (r.value - g.length) : b = c / (r.value - z.length), i.value.forEach((x, M) => {
         if (c > 0 && !g.includes(x.id)) {
-          const N = Math.max(Math.min(x.size + b, x.max), x.min), ne = N - x.size;
-          c -= ne, x.size = N;
-        } else if (!C.includes(x.id)) {
-          const N = Math.max(Math.min(x.size + b, x.max), x.min), ne = N - x.size;
-          c -= ne, x.size = N;
+          const N = Math.max(Math.min(x.size + b, x.max), x.min), le = N - x.size;
+          c -= le, x.size = N;
+        } else if (!z.includes(x.id)) {
+          const N = Math.max(Math.min(x.size + b, x.max), x.min), le = N - x.size;
+          c -= le, x.size = N;
         }
-      }), Math.abs(c) > 0.1 && Oe(() => {
+      }), Math.abs(c) > 0.1 && _e(() => {
         f.value && console.warn("Splitpanes: Could not resize panes correctly due to their constraints.");
       });
-    }, re = (c, g = void 0, C = !1) => {
+    }, re = (c, g = void 0, z = !1) => {
       const b = (g == null ? void 0 : g.index) ?? d.value.activeSplitter ?? null;
       n(c, {
         ...g,
         ...b !== null && { index: b },
-        ...C && b !== null && {
+        ...z && b !== null && {
           prevPane: i.value[b - (o.firstSplitter ? 1 : 0)],
           nextPane: i.value[b + (o.firstSplitter ? 0 : 1)]
         },
         panes: i.value.map((x) => ({ min: x.min, max: x.max, size: x.size }))
       });
     };
-    te(() => o.firstSplitter, () => ge()), Le(() => {
+    ne(() => o.firstSplitter, () => ge()), Le(() => {
       Be(), ge(), de(), re("ready"), f.value = !0;
-    }), zt(() => f.value = !1);
-    const It = () => {
+    }), Lt(() => f.value = !1);
+    const Ft = () => {
       var c;
-      return vt(
+      return mt(
         "div",
         { ref: u, class: E.value },
         (c = t.default) == null ? void 0 : c.call(t)
       );
     };
-    return Ce("panes", i), Ce("indexedPanes", a), Ce("horizontal", X(() => o.horizontal)), Ce("requestUpdate", _e), Ce("onPaneAdd", De), Ce("onPaneRemove", He), Ce("onPaneClick", O), (c, g) => (m(), ce(Yn(It)));
+    return Ce("panes", i), Ce("indexedPanes", a), Ce("horizontal", X(() => o.horizontal)), Ce("requestUpdate", Ie), Ce("onPaneAdd", De), Ce("onPaneRemove", He), Ce("onPaneClick", O), (c, g) => (m(), ue(Yn(Ft)));
   }
-}, dt = {
+}, ft = {
   __name: "pane",
   props: {
     size: { type: [Number, String] },
@@ -671,7 +671,7 @@ const Ql = /* @__PURE__ */ we(mn(nt({}, Ul), {
   },
   setup(e) {
     var l;
-    const n = e, o = Me("requestUpdate"), t = Me("onPaneAdd"), i = Me("horizontal"), a = Me("onPaneRemove"), r = Me("onPaneClick"), u = (l = Ct()) == null ? void 0 : l.uid, f = Me("indexedPanes"), d = X(() => f.value[u]), p = B(null), E = X(() => {
+    const n = e, o = Me("requestUpdate"), t = Me("onPaneAdd"), i = Me("horizontal"), a = Me("onPaneRemove"), r = Me("onPaneClick"), u = (l = zt()) == null ? void 0 : l.uid, f = Me("indexedPanes"), d = X(() => f.value[u]), p = B(null), E = X(() => {
       const y = isNaN(n.size) || n.size === void 0 ? 0 : parseFloat(n.size);
       return Math.max(Math.min(y, I.value), _.value);
     }), _ = X(() => {
@@ -684,7 +684,7 @@ const Ql = /* @__PURE__ */ we(mn(nt({}, Ul), {
       var y;
       return `${i.value ? "height" : "width"}: ${(y = d.value) == null ? void 0 : y.size}%`;
     });
-    return te(() => E.value, (y) => o({ uid: u, size: y })), te(() => _.value, (y) => o({ uid: u, min: y })), te(() => I.value, (y) => o({ uid: u, max: y })), Le(() => {
+    return ne(() => E.value, (y) => o({ uid: u, size: y })), ne(() => _.value, (y) => o({ uid: u, min: y })), ne(() => I.value, (y) => o({ uid: u, max: y })), Le(() => {
       t({
         id: u,
         el: p.value,
@@ -695,7 +695,7 @@ const Ql = /* @__PURE__ */ we(mn(nt({}, Ul), {
         size: E.value
         // The computed current size at any time.
       });
-    }), zt(() => a(u)), (y, A) => (m(), w("div", {
+    }), Lt(() => a(u)), (y, A) => (m(), w("div", {
       ref_key: "paneEl",
       ref: p,
       class: "splitpanes__pane",
@@ -755,7 +755,7 @@ const Ql = /* @__PURE__ */ we(mn(nt({}, Ul), {
 }), it = Object.freeze({
   ...gn,
   ...lt
-}), gt = Object.freeze({
+}), bt = Object.freeze({
   ...it,
   body: "",
   hidden: !1
@@ -768,7 +768,7 @@ function Kl(e, l) {
 }
 function Gt(e, l) {
   const n = Kl(e, l);
-  for (const o in gt)
+  for (const o in bt)
     o in lt ? o in e && !(o in n) && (n[o] = lt[o]) : o in l ? n[o] = l[o] : o in e && (n[o] = e[o]);
   return n;
 }
@@ -817,7 +817,7 @@ const Jl = {
   not_found: {},
   ...gn
 };
-function ft(e, l) {
+function ht(e, l) {
   for (const n in l)
     if (n in e && typeof e[n] != typeof l[n])
       return !1;
@@ -827,23 +827,23 @@ function yn(e) {
   if (typeof e != "object" || e === null)
     return null;
   const l = e;
-  if (typeof l.prefix != "string" || !e.icons || typeof e.icons != "object" || !ft(e, Jl))
+  if (typeof l.prefix != "string" || !e.icons || typeof e.icons != "object" || !ht(e, Jl))
     return null;
   const n = l.icons;
   for (const t in n) {
     const i = n[t];
-    if (!t.match(Re) || typeof i.body != "string" || !ft(
+    if (!t.match(Re) || typeof i.body != "string" || !ht(
       i,
-      gt
+      bt
     ))
       return null;
   }
   const o = l.aliases || /* @__PURE__ */ Object.create(null);
   for (const t in o) {
     const i = o[t], a = i.parent;
-    if (!t.match(Re) || typeof a != "string" || !n[a] && !o[a] || !ft(
+    if (!t.match(Re) || typeof a != "string" || !n[a] && !o[a] || !ht(
       i,
-      gt
+      bt
     ))
       return null;
   }
@@ -862,7 +862,7 @@ function ze(e, l) {
   const n = Qt[e] || (Qt[e] = /* @__PURE__ */ Object.create(null));
   return n[l] || (n[l] = Zl(e, l));
 }
-function Lt(e, l) {
+function Et(e, l) {
   return yn(l) ? bn(l, (n, o) => {
     o ? e.icons[n] = o : e.missing.add(n);
   }) : [];
@@ -910,7 +910,7 @@ function lo(e, l) {
   }))
     return !1;
   const o = ze(l, n);
-  return !!Lt(o, e);
+  return !!Et(o, e);
 }
 const xn = Object.freeze({
   width: null,
@@ -1049,14 +1049,14 @@ function vo(e, l = ho) {
     );
   }), e = e.replace(new RegExp(t, "g"), ""), e;
 }
-const bt = /* @__PURE__ */ Object.create(null);
+const yt = /* @__PURE__ */ Object.create(null);
 function mo(e, l) {
-  bt[e] = l;
+  yt[e] = l;
 }
-function yt(e) {
-  return bt[e] || bt[""];
+function wt(e) {
+  return yt[e] || yt[""];
 }
-function Et(e) {
+function Mt(e) {
   let l;
   if (typeof e.resources == "string")
     l = [e.resources];
@@ -1081,21 +1081,21 @@ function Et(e) {
     dataAfterTimeout: e.dataAfterTimeout !== !1
   };
 }
-const Mt = /* @__PURE__ */ Object.create(null), Fe = [
+const Pt = /* @__PURE__ */ Object.create(null), Oe = [
   "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());
-Mt[""] = Et({
+for (; Oe.length > 0; )
+  Oe.length === 1 || Math.random() > 0.5 ? Ye.push(Oe.shift()) : Ye.push(Oe.pop());
+Pt[""] = Mt({
   resources: ["https://api.iconify.design"].concat(Ye)
 });
 function go(e, l) {
-  const n = Et(l);
-  return n === null ? !1 : (Mt[e] = n, !0);
+  const n = Mt(l);
+  return n === null ? !1 : (Pt[e] = n, !0);
 }
-function Pt(e) {
-  return Mt[e];
+function Tt(e) {
+  return Pt[e];
 }
 const bo = () => {
   let e;
@@ -1107,7 +1107,7 @@ const bo = () => {
 };
 let Xt = bo();
 function yo(e, l) {
-  const n = Pt(e);
+  const n = Tt(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 = Pt(e);
+    const l = Tt(e);
     if (l)
       return l.path;
   }
@@ -1350,12 +1350,12 @@ function _o(e, l, n, o) {
     }), E = [];
   }
   function O(S, k, W) {
-    const V = k !== "success";
+    const U = k !== "success";
     switch (E = E.filter((ee) => ee !== S), u) {
       case "pending":
         break;
       case "failed":
-        if (V || !e.dataAfterTimeout)
+        if (U || !e.dataAfterTimeout)
           return;
         break;
       default:
@@ -1365,7 +1365,7 @@ function _o(e, l, n, o) {
       d = W, H();
       return;
     }
-    if (V) {
+    if (U) {
       d = W, E.length || (a.length ? Y() : H());
       return;
     }
@@ -1395,8 +1395,8 @@ function _o(e, l, n, o) {
     const k = {
       status: "pending",
       resource: S,
-      callback: (W, V) => {
-        O(k, W, V);
+      callback: (W, U) => {
+        O(k, W, U);
       }
     };
     E.push(k), f++, p = setTimeout(Y, e.rotate), n(S, l, k.callback);
@@ -1438,47 +1438,47 @@ function Cn(e) {
 }
 function Yt() {
 }
-const ht = /* @__PURE__ */ Object.create(null);
+const pt = /* @__PURE__ */ Object.create(null);
 function Io(e) {
-  if (!ht[e]) {
-    const l = Pt(e);
+  if (!pt[e]) {
+    const l = Tt(e);
     if (!l)
       return;
     const n = Cn(l), o = {
       config: l,
       redundancy: n
     };
-    ht[e] = o;
+    pt[e] = o;
   }
-  return ht[e];
+  return pt[e];
 }
 function Fo(e, l, n) {
   let o, t;
   if (typeof e == "string") {
-    const i = yt(e);
+    const i = wt(e);
     if (!i)
       return n(void 0, 424), Yt;
     t = i.send;
     const a = Io(e);
     a && (o = a.redundancy);
   } else {
-    const i = Et(e);
+    const i = Mt(e);
     if (i) {
       o = Cn(i);
-      const a = e.resources ? e.resources[0] : "", r = yt(a);
+      const a = e.resources ? e.resources[0] : "", r = wt(a);
       r && (t = r.send);
     }
   }
   return !o || !t ? (n(void 0, 424), Yt) : o.query(l, t, n)().abort;
 }
 const Jt = "iconify2", Ae = "iconify", zn = Ae + "-count", Zt = Ae + "-version", Ln = 36e5, Oo = 168, $o = 50;
-function wt(e, l) {
+function xt(e, l) {
   try {
     return e.getItem(l);
   } catch {
   }
 }
-function Tt(e, l, n) {
+function _t(e, l, n) {
   try {
     return e.setItem(l, n), !0;
   } catch {
@@ -1490,11 +1490,11 @@ function en(e, l) {
   } catch {
   }
 }
-function xt(e, l) {
-  return Tt(e, zn, l.toString());
+function St(e, l) {
+  return _t(e, zn, l.toString());
 }
-function St(e) {
-  return parseInt(wt(e, zn)) || 0;
+function kt(e) {
+  return parseInt(xt(e, zn)) || 0;
 }
 const rt = {
   local: !0,
@@ -1503,9 +1503,9 @@ const rt = {
   local: /* @__PURE__ */ new Set(),
   session: /* @__PURE__ */ new Set()
 };
-let _t = !1;
+let It = !1;
 function Ro(e) {
-  _t = e;
+  It = e;
 }
 let Ke = typeof window > "u" ? {} : window;
 function Mn(e) {
@@ -1521,18 +1521,18 @@ function Pn(e, l) {
   const n = Mn(e);
   if (!n)
     return;
-  const o = wt(n, Zt);
+  const o = xt(n, Zt);
   if (o !== Jt) {
     if (o) {
-      const r = St(n);
+      const r = kt(n);
       for (let u = 0; u < r; u++)
         en(n, Ae + u.toString());
     }
-    Tt(n, Zt, Jt), xt(n, 0);
+    _t(n, Zt, Jt), St(n, 0);
     return;
   }
   const t = Math.floor(Date.now() / Ln) - Oo, i = (r) => {
-    const u = Ae + r.toString(), f = wt(n, u);
+    const u = Ae + r.toString(), f = xt(n, u);
     if (typeof f == "string") {
       try {
         const d = JSON.parse(f);
@@ -1544,12 +1544,12 @@ function Pn(e, l) {
       en(n, u);
     }
   };
-  let a = St(n);
+  let a = kt(n);
   for (let r = a - 1; r >= 0; r--)
-    i(r) || (r === a - 1 ? (a--, xt(n, a)) : En[e].add(r));
+    i(r) || (r === a - 1 ? (a--, St(n, a)) : En[e].add(r));
 }
 function Tn() {
-  if (!_t) {
+  if (!It) {
     Ro(!0);
     for (const e in rt)
       Pn(e, (l) => {
@@ -1557,7 +1557,7 @@ function Tn() {
           o,
           t
         );
-        if (!Lt(i, n).length)
+        if (!Et(i, n).length)
           return !1;
         const a = n.lastModified || -1;
         return i.lastModifiedCached = i.lastModifiedCached ? Math.min(i.lastModifiedCached, a) : a, !0;
@@ -1580,7 +1580,7 @@ function No(e, l) {
   return !0;
 }
 function Ao(e, l) {
-  _t || Tn();
+  It || Tn();
   function n(o) {
     let t;
     if (!rt[o] || !(t = Mn(o)))
@@ -1589,14 +1589,14 @@ function Ao(e, l) {
     let a;
     if (i.size)
       i.delete(a = Array.from(i).shift());
-    else if (a = St(t), a >= $o || !xt(t, a + 1))
+    else if (a = kt(t), a >= $o || !St(t, a + 1))
       return;
     const r = {
       cached: Math.floor(Date.now() / Ln),
       provider: e.provider,
       data: l
     };
-    return Tt(
+    return _t(
       t,
       Ae + a.toString(),
       JSON.stringify(r)
@@ -1617,7 +1617,7 @@ function Bo(e, l) {
     const { provider: n, prefix: o } = e, t = e.iconsToLoad;
     delete e.iconsToLoad;
     let i;
-    if (!t || !(i = yt(n)))
+    if (!t || !(i = wt(n)))
       return;
     i.prepare(n, o, t).forEach((r) => {
       Fo(n, r, (u) => {
@@ -1627,7 +1627,7 @@ function Bo(e, l) {
           });
         else
           try {
-            const f = Lt(
+            const f = Et(
               e,
               u
             );
@@ -1700,7 +1700,7 @@ function jo(e, l) {
     }
   });
 }
-function Vo(e, l = 0) {
+function Uo(e, l = 0) {
   const n = e.replace(/^-?[0-9.]*/, "");
   function o(t) {
     for (; t < 0; )
@@ -1726,7 +1726,7 @@ function Vo(e, l = 0) {
   }
   return l;
 }
-function Uo(e, l) {
+function Vo(e, l) {
   let n = e.indexOf("xlink:") === -1 ? "" : ' xmlns:xlink="http://www.w3.org/1999/xlink"';
   for (const o in l)
     n += " " + o + '="' + l[o] + '"';
@@ -1751,7 +1751,7 @@ const nn = {
   role: "img"
 }, Yo = {
   display: "inline-block"
-}, kt = {
+}, Ct = {
   backgroundColor: "currentColor"
 }, _n = {
   backgroundColor: "transparent"
@@ -1760,8 +1760,8 @@ const nn = {
   Repeat: "no-repeat",
   Size: "100% 100%"
 }, on = {
-  webkitMask: kt,
-  mask: kt,
+  webkitMask: Ct,
+  mask: Ct,
   background: _n
 };
 for (const e in on) {
@@ -1800,7 +1800,7 @@ const an = (e, l) => {
           i.color = y;
           break;
         case "rotate":
-          typeof y == "string" ? n[$] = Vo(y) : typeof y == "number" && (n[$] = y);
+          typeof y == "string" ? n[$] = Uo(y) : typeof y == "number" && (n[$] = y);
           break;
         case "ariaHidden":
         case "aria-hidden":
@@ -1819,9 +1819,9 @@ const an = (e, l) => {
       ...r
     }, Object.assign(o, f);
     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);
+    return typeof y == "string" && (y = y.replace(/-/g, "_")), o.innerHTML = vo(u.body, y ? () => y + "ID" + $++ : "iconifyVue"), mt("svg", o);
   }
-  const { body: d, width: p, height: E } = e, _ = t === "mask" || (t === "bg" ? !1 : d.indexOf("currentColor") !== -1), I = Uo(d, {
+  const { body: d, width: p, height: E } = e, _ = t === "mask" || (t === "bg" ? !1 : d.indexOf("currentColor") !== -1), I = Vo(d, {
     ...f,
     width: p + "",
     height: E + ""
@@ -1832,9 +1832,9 @@ const an = (e, l) => {
     width: rn(f.width),
     height: rn(f.height),
     ...Yo,
-    ..._ ? kt : _n,
+    ..._ ? Ct : _n,
     ...r
-  }, vt("span", o);
+  }, mt("span", o);
 };
 wn(!0);
 mo("", Co);
@@ -1958,14 +1958,9 @@ const Jo = {
       }
     }
     const i = B(-1);
-    return te(
-      () => n.value,
-      (a, r) => {
-        var u;
-        new Set(n.value.map((f) => f.isExpanded)).size > 1 ? (i.value = -1, o.value = !0) : (u = n.value.at(0)) != null && u.isExpanded ? (i.value = 0, o.value = !0) : (i.value = 1, o.value = !1);
-      },
-      { deep: !0 }
-    ), (a, r) => {
+    return ne(() => n.value, () => {
+      l.expandall && new Set(n.value.map((a) => a.isExpanded)).size > 1 && (i.value = -1, o.value = !0);
+    }, { deep: !0 }), (a, r) => {
       var u, f;
       return m(), w("button", {
         class: "expandbtn",
@@ -1973,30 +1968,30 @@ const Jo = {
       }, [
         (((u = n.value.find((d) => d.id == a.item.id)) == null ? void 0 : u.isExpanded) == null ? o.value : (f = n.value.find((d) => d.id == a.item.id)) != null && f.isExpanded) ? (m(), w(G, { key: 0 }, [
           l.expandall ? (m(), w(G, { key: 0 }, [
-            i.value ? (m(), ce(K(be), {
+            i.value ? (m(), ue(K(be), {
               key: 0,
               icon: "fluent:chevron-down-up-16-filled"
-            })) : (m(), ce(K(be), {
+            })) : (m(), ue(K(be), {
               key: 1,
               icon: "mdi:chevron-down"
             }))
-          ], 64)) : (m(), ce(K(be), {
+          ], 64)) : (m(), ue(K(be), {
             key: 1,
             icon: "mdi:chevron-down"
           }))
         ], 64)) : (m(), w(G, { key: 1 }, [
           l.expandall ? (m(), w(G, { key: 0 }, [
-            i.value == -1 ? (m(), ce(K(be), {
+            i.value == -1 ? (m(), ue(K(be), {
               key: 0,
               icon: "ion:chevron-expand"
-            })) : i.value == 0 ? (m(), ce(K(be), {
+            })) : i.value == 0 ? (m(), ue(K(be), {
               key: 1,
               icon: "mdi:chevron-down"
-            })) : (m(), ce(K(be), {
+            })) : (m(), ue(K(be), {
               key: 2,
               icon: "mdi:chevron-right"
             }))
-          ], 64)) : (m(), ce(K(be), {
+          ], 64)) : (m(), ue(K(be), {
             key: 1,
             icon: "mdi:chevron-right"
           }))
@@ -2009,7 +2004,7 @@ const Jo = {
   for (const [o, t] of l)
     n[o] = t;
   return n;
-}, In = /* @__PURE__ */ We(ei, [["__scopeId", "data-v-8bd9f848"]]), ti = {
+}, In = /* @__PURE__ */ We(ei, [["__scopeId", "data-v-96f3f821"]]), ti = {
   name: "ButtonRightPanel"
 }, ni = /* @__PURE__ */ we({
   ...ti,
@@ -2026,7 +2021,7 @@ const Jo = {
       class: "rightpanelbtn",
       onClick: ye(t, ["stop"])
     }, [
-      oe(K(be), { icon: "lucide:plus" })
+      ie(K(be), { icon: "lucide:plus" })
     ]));
   }
 }), 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 = {
@@ -2037,7 +2032,7 @@ const Jo = {
   emits: ["close", "filterChange"],
   setup(e, { emit: l }) {
     const n = e;
-    zt(() => {
+    Lt(() => {
       document.removeEventListener("click", t);
     }), Le(() => {
       document.addEventListener("click", t);
@@ -2048,105 +2043,105 @@ const Jo = {
       n.column.condition = a, a === "" && (n.column.value = ""), o("filterChange", n.column);
     };
     return (a, r) => (m(), w("div", oi, [
-      z("div", {
+      L("div", {
         class: "bh-text-[13px] bh-font-normal bh-rounded bh-overflow-hidden",
         onClick: ye(t, ["stop"])
       }, [
-        z("button", {
+        L("button", {
           type: "button",
           class: T({ active: n.column.condition === "" }),
           onClick: r[0] || (r[0] = (u) => i(""))
         }, q((n.columnFilterLang && n.columnFilterLang.NoFilter) ?? "No filter"), 3),
         n.column.type === "string" ? (m(), w(G, { key: 0 }, [
-          z("button", {
+          L("button", {
             type: "button",
             class: T({ active: n.column.condition === "Contains" }),
             onClick: r[1] || (r[1] = (u) => i("Contains"))
           }, q((n.columnFilterLang && n.columnFilterLang.Contains) ?? "Contains"), 3),
-          z("button", {
+          L("button", {
             type: "button",
             class: T({ active: n.column.condition === "NotContains" }),
             onClick: r[2] || (r[2] = (u) => i("NotContains"))
           }, q((n.columnFilterLang && n.columnFilterLang.NotContains) ?? "NotContains"), 3),
-          z("button", {
+          L("button", {
             type: "button",
             class: T({ active: n.column.condition === "Equal" }),
             onClick: r[3] || (r[3] = (u) => i("Equal"))
           }, q((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal"), 3),
-          z("button", {
+          L("button", {
             type: "button",
             class: T({ active: n.column.condition === "NotEqual" }),
             onClick: r[4] || (r[4] = (u) => i("NotEqual"))
           }, q((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "NotEqual"), 3),
-          z("button", {
+          L("button", {
             type: "button",
             class: T({ active: n.column.condition === "StartsWith" }),
             onClick: r[5] || (r[5] = (u) => i("StartsWith"))
           }, q((n.columnFilterLang && n.columnFilterLang.StartsWith) ?? "StartsWith"), 3),
-          z("button", {
+          L("button", {
             type: "button",
             class: T({ active: n.column.condition === "EndsWith" }),
             onClick: r[6] || (r[6] = (u) => i("EndsWith"))
           }, q((n.columnFilterLang && n.columnFilterLang.EndsWith) ?? "EndsWith"), 3)
         ], 64)) : n.column.type === "number" ? (m(), w(G, { key: 1 }, [
-          z("button", {
+          L("button", {
             type: "button",
             class: T({ active: n.column.condition === "Equal" }),
             onClick: r[7] || (r[7] = (u) => i("Equal"))
           }, q((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal"), 3),
-          z("button", {
+          L("button", {
             type: "button",
             class: T({ active: n.column.condition === "NotEqual" }),
             onClick: r[8] || (r[8] = (u) => i("NotEqual"))
           }, q((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "NotEqual"), 3),
-          z("button", {
+          L("button", {
             type: "button",
             class: T({ active: n.column.condition === "GreaterThan" }),
             onClick: r[9] || (r[9] = (u) => i("GreaterThan"))
           }, q((n.columnFilterLang && n.columnFilterLang.GreaterThan) ?? "GreaterThan"), 3),
-          z("button", {
+          L("button", {
             type: "button",
             class: T({ active: n.column.condition === "GreaterThanOrEqual" }),
             onClick: r[10] || (r[10] = (u) => i("GreaterThanOrEqual"))
           }, q((n.columnFilterLang && n.columnFilterLang.GreaterThanOrEqual) ?? "GreaterThanOrEqual"), 3),
-          z("button", {
+          L("button", {
             type: "button",
             class: T({ active: n.column.condition === "LessThan" }),
             onClick: r[11] || (r[11] = (u) => i("LessThan"))
           }, q((n.columnFilterLang && n.columnFilterLang.LessThan) ?? "LessThan"), 3),
-          z("button", {
+          L("button", {
             type: "button",
             class: T({ active: n.column.condition === "LessThanOrEqual" }),
             onClick: r[12] || (r[12] = (u) => i("LessThanOrEqual"))
           }, q((n.columnFilterLang && n.columnFilterLang.LessThanOrEqual) ?? "LessThanOrEqual"), 3)
         ], 64)) : n.column.type === "date" ? (m(), w(G, { key: 2 }, [
-          z("button", {
+          L("button", {
             type: "button",
             class: T({ active: n.column.condition === "Equal" }),
             onClick: r[13] || (r[13] = (u) => i("Equal"))
           }, q((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal"), 3),
-          z("button", {
+          L("button", {
             type: "button",
             class: T({ active: n.column.condition === "NotEqual" }),
             onClick: r[14] || (r[14] = (u) => i("NotEqual"))
           }, q((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "Not equal"), 3),
-          z("button", {
+          L("button", {
             type: "button",
             class: T({ active: n.column.condition === "GreaterThan" }),
             onClick: r[15] || (r[15] = (u) => i("GreaterThan"))
           }, q((n.columnFilterLang && n.columnFilterLang.GreaterThan) ?? "GreaterThan"), 3),
-          z("button", {
+          L("button", {
             type: "button",
             class: T({ active: n.column.condition === "LessThan" }),
             onClick: r[16] || (r[16] = (u) => i("LessThan"))
           }, q((n.columnFilterLang && n.columnFilterLang.LessThan) ?? "LessThan"), 3)
         ], 64)) : R("", !0),
-        z("button", {
+        L("button", {
           type: "button",
           class: T({ active: n.column.condition === "IsNull" }),
           onClick: r[17] || (r[17] = (u) => i("IsNull"))
         }, q((n.columnFilterLang && n.columnFilterLang.IsNull) ?? "IsNull"), 3),
-        z("button", {
+        L("button", {
           type: "button",
           class: T({ active: n.column.condition === "IsNotNull" }),
           onClick: r[18] || (r[18] = (u) => i("IsNotNull"))
@@ -2158,16 +2153,16 @@ const Jo = {
   version: "1.1",
   viewBox: "0 0 17 12",
   xmlns: "http://www.w3.org/2000/svg"
-}, ui = /* @__PURE__ */ z("g", {
+}, ui = /* @__PURE__ */ L("g", {
   fill: "none",
   "fill-rule": "evenodd"
 }, [
-  /* @__PURE__ */ z("g", {
+  /* @__PURE__ */ L("g", {
     transform: "translate(-9 -11)",
     fill: "currentColor",
     "fill-rule": "nonzero"
   }, [
-    /* @__PURE__ */ z("path", { d: "m25.576 11.414c0.56558 0.55188 0.56558 1.4439 0 1.9961l-9.404 9.176c-0.28213 0.27529-0.65247 0.41385-1.0228 0.41385-0.37034 0-0.74068-0.13855-1.0228-0.41385l-4.7019-4.588c-0.56584-0.55188-0.56584-1.4442 0-1.9961 0.56558-0.55214 1.4798-0.55214 2.0456 0l3.679 3.5899 8.3812-8.1779c0.56558-0.55214 1.4798-0.55214 2.0456 0z" })
+    /* @__PURE__ */ L("path", { d: "m25.576 11.414c0.56558 0.55188 0.56558 1.4439 0 1.9961l-9.404 9.176c-0.28213 0.27529-0.65247 0.41385-1.0228 0.41385-0.37034 0-0.74068-0.13855-1.0228-0.41385l-4.7019-4.588c-0.56584-0.55188-0.56584-1.4442 0-1.9961 0.56558-0.55214 1.4798-0.55214 2.0456 0l3.679 3.5899 8.3812-8.1779c0.56558-0.55214 1.4798-0.55214 2.0456 0z" })
   ])
 ], -1), ci = [
   ui
@@ -2185,7 +2180,7 @@ const Fn = /* @__PURE__ */ We(ai, [["render", di]]), fi = {}, hi = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   class: "css-i6dzq1"
-}, pi = /* @__PURE__ */ z("line", {
+}, pi = /* @__PURE__ */ L("line", {
   x1: "5",
   y1: "12",
   x2: "19",
@@ -2206,7 +2201,7 @@ const gi = /* @__PURE__ */ We(fi, [["render", mi]]), bi = {}, yi = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   class: "css-i6dzq1"
-}, wi = /* @__PURE__ */ z("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" }, null, -1), xi = [
+}, wi = /* @__PURE__ */ L("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" }, null, -1), xi = [
   wi
 ];
 function Si(e, l) {
@@ -2220,7 +2215,7 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
 }, Mi = {
   key: 0,
   class: "bh-filter bh-relative"
-}, Pi = ["onUpdate:modelValue"], Ti = ["onUpdate:modelValue"], _i = ["onUpdate:modelValue"], Ii = ["onUpdate:modelValue"], Fi = /* @__PURE__ */ z("option", { value: void 0 }, "All", -1), Oi = /* @__PURE__ */ z("option", { value: !0 }, "True", -1), $i = /* @__PURE__ */ z("option", { value: !1 }, "False", -1), Ri = [
+}, Pi = ["onUpdate:modelValue"], Ti = ["onUpdate:modelValue"], _i = ["onUpdate:modelValue"], Ii = ["onUpdate:modelValue"], Fi = /* @__PURE__ */ L("option", { value: void 0 }, "All", -1), Oi = /* @__PURE__ */ L("option", { value: !0 }, "True", -1), $i = /* @__PURE__ */ L("option", { value: !1 }, "False", -1), Ri = [
   Fi,
   Oi,
   $i
@@ -2246,7 +2241,7 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
   ],
   setup(e, { emit: l }) {
     const n = B(null), o = e, t = l;
-    return te(() => o.checkAll, () => {
+    return ne(() => o.checkAll, () => {
       n.value && (n.value.indeterminate = o.checkAll !== 0 ? !o.checkAll : !1, n.value.checked = o.checkAll);
     }), (a, r) => (m(), w("tr", Ci, [
       o.all.hasCheckbox ? (m(), w("th", {
@@ -2258,8 +2253,8 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
           "bh-left-0": o.all.stickyFirstColumn
         })
       }, [
-        z("div", zi, [
-          z("input", {
+        L("div", zi, [
+          L("input", {
             ref_key: "selectedAll",
             ref: n,
             type: "checkbox",
@@ -2268,9 +2263,9 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
               return t("selectAll", (f = u == null ? void 0 : u.target) == null ? void 0 : f.checked);
             }, ["stop"]))
           }, null, 512),
-          z("div", null, [
-            oe(Fn, { class: "check" }),
-            oe(gi, { class: "intermediate" })
+          L("div", null, [
+            ie(Fn, { class: "check" }),
+            ie(gi, { class: "intermediate" })
           ])
         ])
       ], 6)) : R("", !0),
@@ -2287,7 +2282,7 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
         key: 2,
         style: Z({ width: o.all.subtableColumnWidth + " !important", minWidth: o.all.subtableColumnWidth + " !important" })
       }, [
-        o.all.expandall ? (m(), ce(In, {
+        o.all.expandall ? (m(), ue(In, {
           key: 0,
           expandedrows: o.expandedrows,
           expandall: o.all.expandall
@@ -2307,24 +2302,24 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
             "max-width": u.maxWidth
           })
         }, [
-          z("div", {
+          L("div", {
             class: T(["bh-flex bh-items-center", [u.headerClass ? u.headerClass : ""]]),
             onClick: (d) => o.all.sortable && u.sort && t("sortChange", u.field)
           }, [
-            mt(q(u.title) + " ", 1),
+            gt(q(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]])
             }, [
               (m(), w("svg", Ei, [
-                z("polygon", {
+                L("polygon", {
                   points: "3.11,6.25 10.89,6.25 7,1.75 ",
                   fill: "currentColor",
                   class: T(["bh-text-black/20", [
                     e.currentSortColumn === u.field && e.currentSortDirection === "asc" ? "!bh-text-primary" : ""
                   ]])
                 }, null, 2),
-                z("polygon", {
+                L("polygon", {
                   points: "7,12.25 10.89,7.75 3.11,7.75 ",
                   fill: "currentColor",
                   class: T(["bh-text-black/20", [
@@ -2344,7 +2339,7 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                 onKeyup: r[1] || (r[1] = (d) => t("filterChange"))
               }, null, 40, Pi)), [
                 [
-                  ut,
+                  ct,
                   u.value,
                   void 0,
                   { trim: !0 }
@@ -2358,7 +2353,7 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                 onKeyup: r[2] || (r[2] = (d) => t("filterChange"))
               }, null, 40, Ti)), [
                 [
-                  ut,
+                  ct,
                   u.value,
                   void 0,
                   {
@@ -2373,7 +2368,7 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                 class: "bh-form-control",
                 onChange: r[3] || (r[3] = (d) => t("filterChange"))
               }, null, 40, _i)), [
-                [ut, u.value]
+                [ct, u.value]
               ]) : u.type === "bool" ? ve((m(), w("select", {
                 key: 3,
                 "onUpdate:modelValue": (d) => u.value = d,
@@ -2389,16 +2384,16 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                 type: "button",
                 onClick: ye((d) => t("toggleFilterMenu", u), ["stop"])
               }, [
-                oe(ki, { class: "bh-w-4" })
+                ie(ki, { class: "bh-w-4" })
               ], 8, Ni)) : R("", !0),
-              ve(oe(ri, {
+              ve(ie(ri, {
                 column: u,
                 type: u.type,
                 columnFilterLang: o.columnFilterLang,
                 onClose: r[6] || (r[6] = (d) => t("toggleFilterMenu", null)),
                 onFilterChange: r[7] || (r[7] = (d) => t("filterChange"))
               }, null, 8, ["column", "type", "columnFilterLang"]), [
-                [pt, o.isOpenFilter === u.field]
+                [vt, o.isOpenFilter === u.field]
               ])
             ])) : R("", !0)
           ], 64)) : R("", !0)
@@ -2406,7 +2401,7 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
       ], 64))), 256))
     ]));
   }
-}), 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__ */ z("span", null, "##Left Menu Slot##", -1), Hi = { 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" }, qi = /* @__PURE__ */ z("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__ */ L("span", null, "##Left Menu Slot##", -1), Hi = { 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" }, qi = /* @__PURE__ */ L("path", {
   d: "M7 1L1 6L7 11",
   stroke: "currentColor",
   "stroke-width": "2",
@@ -2414,10 +2409,10 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
   "stroke-linejoin": "round"
 }, null, -1), ji = [
   qi
-], Vi = {
+], Ui = {
   class: "bh-flex-1",
   style: { overflow: "auto", "min-width": "0", width: "100%" }
-}, Ui = /* @__PURE__ */ z("span", null, "##Top Menu Slot##", -1), Gi = /* @__PURE__ */ z("span", null, "##Table Header Area Slot##", -1), Qi = /* @__PURE__ */ z("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__ */ z("div", { class: "bh-skeleton-box bh-h-8" }, null, -1), lr = [
+}, Vi = /* @__PURE__ */ L("span", null, "##Top Menu Slot##", -1), Gi = /* @__PURE__ */ L("span", null, "##Table Header Area Slot##", -1), Qi = /* @__PURE__ */ L("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__ */ L("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" }, ar = { class: "bh-mr-2" }, sr = ["value"], ur = { class: "bh-pagination-number sm:bh-ml-auto bh-inline-flex bh-items-center bh-space-x-1" }, cr = ["innerHTML"], dr = {
   key: 1,
@@ -2425,12 +2420,12 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
   width: "14",
   height: "14",
   viewBox: "0 0 16 16"
-}, fr = /* @__PURE__ */ z("g", {
+}, fr = /* @__PURE__ */ L("g", {
   fill: "currentColor",
   "fill-rule": "evenodd"
 }, [
-  /* @__PURE__ */ z("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__ */ z("path", { d: "M12.354 1.646a.5.5 0 0 1 0 .708L6.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z" })
+  /* @__PURE__ */ L("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__ */ L("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 = {
@@ -2439,7 +2434,7 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
   width: "14",
   height: "14",
   viewBox: "0 0 16 16"
-}, mr = /* @__PURE__ */ z("path", {
+}, mr = /* @__PURE__ */ L("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"
@@ -2451,7 +2446,7 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
   width: "14",
   height: "14",
   viewBox: "0 0 16 16"
-}, xr = /* @__PURE__ */ z("path", {
+}, xr = /* @__PURE__ */ L("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"
@@ -2463,12 +2458,12 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
   width: "14",
   height: "14",
   viewBox: "0 0 16 16"
-}, zr = /* @__PURE__ */ z("g", {
+}, zr = /* @__PURE__ */ L("g", {
   fill: "currentColor",
   "fill-rule": "evenodd"
 }, [
-  /* @__PURE__ */ z("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__ */ z("path", { d: "M7.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L13.293 8L7.646 2.354a.5.5 0 0 1 0-.708z" })
+  /* @__PURE__ */ L("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__ */ L("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 = {
@@ -2569,7 +2564,7 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
     JSON.parse(JSON.stringify(t.columns));
     const H = B(null), j = B(null);
     let O = B(0);
-    const Y = B(230), S = B(t.leftmenuDefaultWidth), k = B(!1), W = B(null), V = () => {
+    const Y = B(230), S = B(t.leftmenuDefaultWidth), k = B(!1), W = B(null), U = () => {
       if (W.value) {
         const s = k.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth;
         W.value.style.cssText = `
@@ -2579,16 +2574,16 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
     `;
       }
     }, ee = () => {
-      k.value ? S.value = t.leftmenuMinWidth : S.value = t.leftmenuDefaultWidth, V();
+      k.value ? S.value = t.leftmenuMinWidth : S.value = t.leftmenuDefaultWidth, U();
     }, at = () => {
-      k.value = !k.value, S.value = k.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth, V(), ie("currentLeftMenuSize", S.value);
+      k.value = !k.value, S.value = k.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth, U(), oe("currentLeftMenuSize", S.value);
     };
     Le(() => {
-      ue(), Oe(() => {
-        Ge.value <= 0 && (Ge.value = 10), t.initialLeftMenuState !== void 0 ? (k.value = t.initialLeftMenuState, S.value = k.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth, console.log("Setting initial left menu state:", k.value), console.log("Setting initial left menu width:", S.value)) : S.value = t.leftmenuDefaultWidth, V(), window.addEventListener("resize", ee);
+      ce(), _e(() => {
+        Ge.value <= 0 && (Ge.value = 10), oe("currentTopMenuSize", t.topmenumin || 20), t.initialLeftMenuState !== void 0 ? (k.value = t.initialLeftMenuState, S.value = k.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth, console.log("Setting initial left menu state:", k.value), console.log("Setting initial left menu width:", S.value)) : S.value = t.leftmenuDefaultWidth, U(), window.addEventListener("resize", ee);
       });
     });
-    const ie = n;
+    const oe = n;
     l({
       reset() {
         $n();
@@ -2603,31 +2598,31 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
         return An();
       },
       selectRow(s) {
-        Ft(s);
+        Ot(s);
       },
       unselectRow(s) {
-        Ot(s);
+        $t(s);
       },
       isRowSelected(s) {
-        return Ue(s);
+        return Ve(s);
       },
       getFilteredRows() {
         return He();
       },
       // Expose function to set the left menu state
       setLeftMenuState(s) {
-        k.value = s, S.value = s ? t.leftmenuMinWidth : t.leftmenuDefaultWidth, V();
+        k.value = s, S.value = s ? t.leftmenuMinWidth : t.leftmenuDefaultWidth, U();
       }
-    }), te(() => t.initialLeftMenuState, (s) => {
-      s !== void 0 && (k.value = s, S.value = k.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth, V());
+    }), ne(() => t.initialLeftMenuState, (s) => {
+      s !== void 0 && (k.value = s, S.value = k.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth, U());
     }, { immediate: !0 });
-    const Be = (s, ...v) => s.replace(/{(\d+)}/g, (L, D) => typeof v[D] < "u" ? v[D] : L), J = X(() => {
+    const Be = (s, ...v) => s.replace(/{(\d+)}/g, (C, D) => typeof v[D] < "u" ? v[D] : C), J = X(() => {
       const s = t.columns.find((v) => v.isUnique);
       return (s == null ? void 0 : s.field) || null;
     }), se = X(() => {
       const s = r.value < 1 ? 1 : Math.ceil(_.value / r.value);
       return Math.max(s || 0, 1);
-    }), ge = X(() => (a.value - 1) * r.value + 1), _e = X(() => {
+    }), ge = X(() => (a.value - 1) * r.value + 1), Ie = X(() => {
       const s = a.value * r.value;
       return _.value >= s ? s : _.value;
     }), De = X(() => {
@@ -2636,38 +2631,38 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
         a.value - Math.floor(t.showNumbersCount / 2),
         1
       ), v = s + t.showNumbersCount - 1, v > se.value && (v = se.value, s = v - t.showNumbersCount + 1)) : (s = 1, v = se.value), Array.from(Array(v + 1 - s).keys()).map(
-        (le) => s + le
+        (te) => s + te
       );
     }), He = () => {
-      var le, Q, he;
+      var te, Q, he;
       let s = t.rows || [];
       if (!t.isServerMode) {
-        if ((le = t.columns) == null || le.forEach((h) => {
+        if ((te = t.columns) == null || te.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" ? s = s.filter((P) => {
-            var U;
-            return (U = F(P, h.field)) == null ? void 0 : U.toString().toLowerCase().includes(h.value.toLowerCase());
+            var V;
+            return (V = F(P, h.field)) == null ? void 0 : V.toString().toLowerCase().includes(h.value.toLowerCase());
           }) : h.condition === "NotContains" ? s = s.filter((P) => {
-            var U;
-            return !((U = F(P, h.field)) != null && U.toString().toLowerCase().includes(h.value.toLowerCase()));
+            var V;
+            return !((V = F(P, h.field)) != null && V.toString().toLowerCase().includes(h.value.toLowerCase()));
           }) : h.condition === "Equal" ? s = s.filter((P) => {
-            var U;
-            return ((U = F(P, h.field)) == null ? void 0 : U.toString().toLowerCase()) === h.value.toLowerCase();
+            var V;
+            return ((V = F(P, h.field)) == null ? void 0 : V.toString().toLowerCase()) === h.value.toLowerCase();
           }) : h.condition === "NotEqual" ? s = s.filter((P) => {
-            var U;
-            return ((U = F(P, h.field)) == null ? void 0 : U.toString().toLowerCase()) !== h.value.toLowerCase();
+            var V;
+            return ((V = F(P, h.field)) == null ? void 0 : V.toString().toLowerCase()) !== h.value.toLowerCase();
           }) : h.condition == "StartsWith" ? s = s.filter((P) => {
-            var U;
-            return ((U = F(P, h.field)) == null ? void 0 : U.toString().toLowerCase().indexOf(h.value.toLowerCase())) === 0;
+            var V;
+            return ((V = F(P, h.field)) == null ? void 0 : V.toString().toLowerCase().indexOf(h.value.toLowerCase())) === 0;
           }) : h.condition == "EndsWith" && (s = s.filter((P) => {
-            var U;
-            return ((U = F(P, h.field)) == null ? void 0 : U.toString().toLowerCase().substr(h.value.length * -1)) === h.value.toLowerCase();
+            var V;
+            return ((V = F(P, 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" ? s = s.filter((P) => F(P, h.field) && parseFloat(F(P, h.field)) === parseFloat(h.value)) : h.condition === "NotEqual" ? s = s.filter((P) => F(P, h.field) && parseFloat(F(P, h.field)) !== parseFloat(h.value)) : h.condition === "GreaterThan" ? s = s.filter((P) => F(P, h.field) && parseFloat(F(P, h.field)) > parseFloat(h.value)) : h.condition === "GreaterThanOrEqual" ? s = s.filter((P) => F(P, h.field) && parseFloat(F(P, h.field)) >= parseFloat(h.value)) : h.condition === "LessThan" ? s = s.filter((P) => F(P, h.field) && parseFloat(F(P, h.field)) < parseFloat(h.value)) : h.condition === "LessThanOrEqual" && (s = s.filter((P) => F(P, h.field) && parseFloat(F(P, h.field)) <= parseFloat(h.value)))) : h.type === "date" ? (h.value && !h.condition && (h.condition = "Equal"), h.condition === "Equal" ? s = s.filter((P) => F(P, h.field) && xe(F(P, h.field)) === h.value) : h.condition === "NotEqual" ? s = s.filter((P) => F(P, h.field) && xe(F(P, h.field)) !== h.value) : h.condition === "GreaterThan" ? s = s.filter((P) => F(P, h.field) && xe(F(P, h.field)) > h.value) : h.condition === "LessThan" && (s = s.filter((P) => F(P, h.field) && xe(F(P, h.field)) < h.value))) : h.type === "bool" && (s = s.filter((P) => F(P, h.field) === h.value)), h.condition === "IsNull" ? (s = s.filter((P) => F(P, h.field) == null || F(P, h.field) == ""), h.value = "") : h.condition === "IsNotNull" && (h.value = "", s = s.filter((P) => F(P, h.field))));
         }), A.value && (s != null && s.length)) {
           let h = [];
-          const P = (t.columns || []).filter((U) => U.search && !U.hide).map((U) => U.field);
+          const P = (t.columns || []).filter((V) => V.search && !V.hide).map((V) => V.field);
           for (var v = 0; v < (s == null ? void 0 : s.length); v++)
-            for (var L = 0; L < P.length; L++)
-              if ((Q = F(s[v], P[L])) != null && Q.toString().toLowerCase().includes(A.value.toLowerCase())) {
+            for (var C = 0; C < P.length; C++)
+              if ((Q = F(s[v], P[C])) != null && Q.toString().toLowerCase().includes(A.value.toLowerCase())) {
                 h.push(s[v]);
                 break;
               }
@@ -2680,21 +2675,21 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
         const qn = p.value === "desc" ? -1 : 1;
         s.sort((h, P) => {
           var At, Wt;
-          const U = (At = f.value) == null ? void 0 : At.split(".").reduce((ke, st) => ke == null ? void 0 : ke[st], h), jn = (Wt = f.value) == null ? void 0 : Wt.split(".").reduce((ke, st) => ke == null ? void 0 : ke[st], P);
-          return D.compare(U, jn) * qn;
+          const V = (At = f.value) == null ? void 0 : At.split(".").reduce((ke, ut) => ke == null ? void 0 : ke[ut], h), jn = (Wt = f.value) == null ? void 0 : Wt.split(".").reduce((ke, ut) => ke == null ? void 0 : ke[ut], P);
+          return D.compare(V, jn) * qn;
         });
       }
       return s;
-    }, de = B([]), ue = () => {
+    }, de = B([]), ce = () => {
       let s = [], v = He();
-      t.isServerMode ? (_.value = t.totalRows || 0, s = v) : (_.value = (v == null ? void 0 : v.length) || 0, s = v.slice(ge.value - 1, _e.value)), t.hasSubtable && s.forEach(function(L) {
-        L.isExpanded != null && (de.value.find((le) => le.id == L.id) || de.value.push({
-          id: L.id,
-          isExpanded: L.isExpanded
+      t.isServerMode ? (_.value = t.totalRows || 0, s = v) : (_.value = (v == null ? void 0 : v.length) || 0, s = v.slice(ge.value - 1, Ie.value)), t.hasSubtable && s.forEach(function(C) {
+        C.isExpanded != null && (de.value.find((te) => te.id == C.id) || de.value.push({
+          id: C.id,
+          isExpanded: C.isExpanded
         }));
       }), i.value = s || [];
     };
-    te(
+    ne(
       () => t.loading,
       () => {
         y.value = t.loading;
@@ -2713,62 +2708,62 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
         return !1;
       a.value++;
     };
-    te(() => a.value, () => {
-      M(!1), t.isServerMode ? fe("page") : (ue(), ie("pageChange", a.value));
-    }), te(() => t.rows, () => {
-      t.isServerMode || (a.value = 1), M(!1), ue();
+    ne(() => a.value, () => {
+      M(!1), t.isServerMode ? fe("page") : (ce(), oe("pageChange", a.value));
+    }), ne(() => t.rows, () => {
+      t.isServerMode || (a.value = 1), M(!1), ce();
     });
     const g = (s) => {
       r.value = s;
     };
-    te(() => r.value, () => {
-      M(!1), t.isServerMode ? a.value === 1 ? fe("pagesize", !0) : a.value = 1 : (a.value = 1, ue(), ie("pageSizeChange", r.value));
+    ne(() => r.value, () => {
+      M(!1), t.isServerMode ? a.value === 1 ? fe("pagesize", !0) : a.value = 1 : (a.value = 1, ce(), oe("pageSizeChange", r.value));
     });
     const b = (s) => {
       let v = "asc";
       s == f.value && p.value === "asc" && (v = "desc");
-      let L = (a.value - 1) * r.value, D = r.value;
-      f.value = s, p.value = v, M(!1), ue(), t.isServerMode ? fe("sort") : ie("sortChange", { offset: L, limit: D, field: s, direction: v });
+      let C = (a.value - 1) * r.value, D = r.value;
+      f.value = s, p.value = v, M(!1), ce(), t.isServerMode ? fe("sort") : oe("sortChange", { offset: C, limit: D, field: s, direction: v });
     }, x = (s) => {
       $.value = s.length && i.value.length && s.length === i.value.length;
       const v = i.value.filter(
-        (L, D) => I.value.includes(J.value ? L[J.value] : D)
+        (C, D) => I.value.includes(J.value ? C[J.value] : D)
       );
-      ie("rowSelect", v);
+      oe("rowSelect", v);
     };
-    te(() => I.value, x);
+    ne(() => I.value, x);
     const M = (s) => {
       s ? I.value = i.value.map(
-        (v, L) => J.value ? v[J.value] : L
+        (v, C) => J.value ? v[J.value] : C
       ) : I.value = [];
     }, N = () => {
-      M(!1), t.isServerMode ? a.value === 1 ? fe("filter", !0) : a.value = 1 : (a.value = 1, ue(), ie("filterChange", t.columns));
-    }, ne = () => {
-      M(!1), t.isServerMode ? a.value === 1 ? fe("search", !0) : a.value = 1 : (a.value = 1, ue(), ie("searchChange", A.value));
+      M(!1), t.isServerMode ? a.value === 1 ? fe("filter", !0) : a.value = 1 : (a.value = 1, ce(), oe("filterChange", t.columns));
+    }, le = () => {
+      M(!1), t.isServerMode ? a.value === 1 ? fe("search", !0) : a.value = 1 : (a.value = 1, ce(), oe("searchChange", A.value));
     };
-    te(
+    ne(
       () => t.search,
       () => {
-        A.value = t.search, ne();
+        A.value = t.search, le();
       }
     );
-    const F = (s, v) => v == null ? void 0 : v.split(".").reduce((L, D) => L == null ? void 0 : L[D], s), xe = (s) => {
+    const F = (s, v) => v == null ? void 0 : v.split(".").reduce((C, D) => C == null ? void 0 : C[D], s), xe = (s) => {
       try {
         if (!s)
           return "";
-        const v = new Date(s), L = v.getDate(), D = v.getMonth() + 1;
-        return v.getFullYear() + "-" + (D > 9 ? D : "0" + D) + "-" + (L > 9 ? L : "0" + L);
+        const v = new Date(s), C = v.getDate(), D = v.getMonth() + 1;
+        return v.getFullYear() + "-" + (D > 9 ? D : "0" + D) + "-" + (C > 9 ? C : "0" + C);
       } catch {
       }
       return "";
-    }, Ve = (s, v) => {
+    }, Ue = (s, v) => {
       O.value++, O.value === 1 ? j.value = setTimeout(() => {
-        O.value = 0, t.selectRowOnClick && (Ue(v) ? Ot(v) : Ft(v), x(I.value)), ie("rowClick", s);
-      }, Y.value) : O.value === 2 && (clearTimeout(j.value), O.value = 0, ie("rowDBClick", s));
+        O.value = 0, t.selectRowOnClick && (Ve(v) ? $t(v) : Ot(v), x(I.value)), oe("rowClick", s);
+      }, Y.value) : O.value === 2 && (clearTimeout(j.value), O.value = 0, oe("rowDBClick", s));
     }, fe = (s, v = !1) => {
       if (t.isServerMode) {
         On();
-        const L = {
+        const C = {
           current_page: v ? 1 : a.value,
           pagesize: r.value,
           offset: (a.value - 1) * r.value,
@@ -2778,7 +2773,7 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
           column_filters: t.columns,
           change_type: s
         };
-        ie("change", L);
+        oe("change", C);
       }
     }, On = () => {
       for (let s = 0; s < t.columns.length; s++) {
@@ -2789,27 +2784,27 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
       M(!1);
       for (let s = 0; s < t.columns.length; s++)
         t.columns[s].value = "";
-      A.value = "", r.value = u, f.value = d, p.value = E, t.isServerMode ? a.value === 1 ? fe("reset", !0) : a.value = 1 : (a.value = 1, ue());
+      A.value = "", r.value = u, f.value = d, p.value = E, t.isServerMode ? a.value === 1 ? fe("reset", !0) : a.value = 1 : (a.value = 1, ce());
     }, Rn = () => i.value.filter(
-      (v, L) => I.value.includes(J.value ? v[J.value] : L)
+      (v, C) => I.value.includes(J.value ? v[J.value] : C)
     ), Nn = () => t.columns, An = () => {
       I.value = [];
-    }, Ft = (s) => {
-      if (!Ue(s)) {
-        const v = i.value.find((L, D) => D === s);
+    }, Ot = (s) => {
+      if (!Ve(s)) {
+        const v = i.value.find((C, D) => D === s);
         I.value.push(
           J.value ? v[J.value] : s
         );
       }
-    }, Ot = (s) => {
-      if (Ue(s)) {
-        const v = i.value.find((L, D) => D === s);
+    }, $t = (s) => {
+      if (Ve(s)) {
+        const v = i.value.find((C, D) => D === s);
         I.value = I.value.filter(
-          (L) => L !== (J.value ? v[J.value] : s)
+          (C) => C !== (J.value ? v[J.value] : s)
         );
       }
-    }, Ue = (s) => {
-      const v = i.value.find((L, D) => D === s);
+    }, Ve = (s) => {
+      const v = i.value.find((C, D) => D === s);
       return v ? I.value.includes(
         J.value ? v[J.value] : s
       ) : !1;
@@ -2818,22 +2813,26 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
     t.hasCheckbox && Se++, t.hasSubtable && Se++, t.hasRightPanel && Se++;
     const Wn = B(0), Bn = setInterval(function() {
       Wn.value++;
-    }, 2200), Ge = B(t.topmenusize), $t = B(null), Dn = sl($t).height, Hn = (s) => {
-      if (!s || !s.length) return;
-      const v = s[0].size;
-      Ge.value = v, ie("currentTopMenuSize", v);
+    }, 2200), Ge = B(t.topmenusize), st = B(null), Dn = sl(st).height, Hn = (s) => {
+      if (!s || !s.panes || !s.panes.length) return;
+      const v = s.panes[0].size;
+      Ge.value = v, _e(() => {
+        var te;
+        const C = (te = st.value) == null ? void 0 : te.$el, D = C ? C.offsetHeight : 0;
+        oe("currentTopMenuSize", D);
+      });
     };
     return Ze(() => {
       clearInterval(Bn), window.removeEventListener("resize", ee);
     }), (s, v) => (m(), w("div", Wi, [
-      oe(K(Ut), {
+      ie(K(Vt), {
         class: "default-theme",
         style: Z({ height: t.height })
       }, {
         default: Pe(() => [
-          oe(K(dt), null, {
+          ie(K(ft), null, {
             default: Pe(() => [
-              z("div", Bi, [
+              L("div", Bi, [
                 s.enableleftmenu ? (m(), w("div", {
                   key: 0,
                   ref_key: "leftmenuel",
@@ -2850,8 +2849,8 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                   ae(s.$slots, "tableleftmenu", {}, () => [
                     Di
                   ]),
-                  z("div", Hi, [
-                    z("button", {
+                  L("div", Hi, [
+                    L("button", {
                       onClick: at,
                       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"
                     }, [
@@ -2866,30 +2865,31 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                     ])
                   ])
                 ], 4)) : R("", !0),
-                z("div", Vi, [
-                  oe(K(Ut), {
+                L("div", Ui, [
+                  s.enabletopmenu ? (m(), ue(K(Vt), {
+                    key: 0,
                     class: "default-theme",
                     horizontal: "horizontal",
                     onResize: Hn,
                     "push-other-panes": ""
                   }, {
                     default: Pe(() => [
-                      s.enabletopmenu ? (m(), ce(K(dt), {
+                      s.enabletopmenu ? (m(), ue(K(ft), {
                         key: 0,
                         ref_key: "topmenuel",
-                        ref: $t,
+                        ref: st,
                         size: Ge.value || 10,
                         "max-size": s.topmenumax || 100,
                         style: Z({ "min-height": s.topmenumin + "px" })
                       }, {
                         default: Pe(() => [
                           ae(s.$slots, "tabletopmenu", {}, () => [
-                            Ui
+                            Vi
                           ])
                         ]),
                         _: 3
                       }, 8, ["size", "max-size", "style"])) : R("", !0),
-                      oe(K(dt), {
+                      ie(K(ft), {
                         style: Z({ "padding-right": s.tableRightOffset + "px", "padding-left": s.tableLeftOffset + "px" })
                       }, {
                         default: Pe(() => [
@@ -2905,10 +2905,10 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                           ae(s.$slots, "tableactionheader", {}, () => [
                             Qi
                           ]),
-                          z("div", {
+                          L("div", {
                             class: T(t.scrollbarstyle)
                           }, [
-                            oe(K(Ql), {
+                            ie(K(Ql), {
                               style: Z({
                                 height: t.stickyHeader && Number(t.height.replace("px", "")) - (s.footerOffset + K(Dn)) + "px"
                               }),
@@ -2919,19 +2919,19 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                               throttleType: "none"
                             }, {
                               default: Pe(() => [
-                                z("div", {
+                                L("div", {
                                   class: T(["bh-table-responsive", { "bh-min-h-[100px]": y.value }]),
                                   style: Z({ overflow: t.stickyHeader && "inherit" })
                                 }, [
-                                  z("table", {
+                                  L("table", {
                                     class: T([t.skin])
                                   }, [
-                                    z("thead", {
+                                    L("thead", {
                                       class: T({
                                         "bh-sticky bh-top-0 bh-z-10": t.stickyHeader
                                       })
                                     }, [
-                                      oe(sn, {
+                                      ie(sn, {
                                         all: t,
                                         expandedrows: de.value,
                                         currentSortColumn: f.value,
@@ -2945,19 +2945,19 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                                         onToggleFilterMenu: qe
                                       }, null, 8, ["expandedrows", "currentSortColumn", "currentSortDirection", "isOpenFilter", "checkAll", "columnFilterLang"])
                                     ], 2),
-                                    z("tbody", null, [
-                                      (m(!0), w(G, null, pe(i.value, (L, D) => {
-                                        var le;
+                                    L("tbody", null, [
+                                      (m(!0), w(G, null, pe(i.value, (C, D) => {
+                                        var te;
                                         return m(), w(G, {
-                                          key: L[J.value] ? L[J.value] : D
+                                          key: C[J.value] ? C[J.value] : D
                                         }, [
                                           _.value ? (m(), w("tr", {
                                             key: 0,
                                             class: T([
-                                              typeof t.rowClass == "function" ? s.rowClass(L) : t.rowClass,
+                                              typeof t.rowClass == "function" ? s.rowClass(C) : t.rowClass,
                                               t.selectRowOnClick ? "bh-cursor-pointer" : ""
                                             ]),
-                                            onClick: ye((Q) => Ve(L, D), ["prevent"])
+                                            onClick: ye((Q) => Ue(C, D), ["prevent"])
                                           }, [
                                             t.hasCheckbox ? (m(), w("td", {
                                               key: 0,
@@ -2966,18 +2966,18 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                                                 "bh-sticky bh-left-0 bh-bg-blue-light": t.stickyFirstColumn
                                               })
                                             }, [
-                                              z("div", Xi, [
-                                                ve(z("input", {
+                                              L("div", Xi, [
+                                                ve(L("input", {
                                                   "onUpdate:modelValue": v[0] || (v[0] = (Q) => I.value = Q),
                                                   type: "checkbox",
-                                                  value: L[J.value] ? L[J.value] : D,
+                                                  value: C[J.value] ? C[J.value] : D,
                                                   onClick: v[1] || (v[1] = ye(() => {
                                                   }, ["stop"]))
                                                 }, null, 8, Yi), [
                                                   [Zn, I.value]
                                                 ]),
-                                                z("div", null, [
-                                                  oe(Fn, { class: "check" })
+                                                L("div", null, [
+                                                  ie(Fn, { class: "check" })
                                                 ])
                                               ])
                                             ], 6)) : R("", !0),
@@ -2988,9 +2988,9 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                                                 "bh-sticky bh-left-0 bh-bg-blue-light": t.stickyFirstColumn
                                               })
                                             }, [
-                                              oe(li, {
-                                                item: L,
-                                                onRightPanelClick: v[2] || (v[2] = (Q) => ie("rowRightPanelClick", Q))
+                                              ie(li, {
+                                                item: C,
+                                                onRightPanelClick: v[2] || (v[2] = (Q) => oe("rowRightPanelClick", Q))
                                               }, null, 8, ["item"])
                                             ], 6)) : R("", !0),
                                             t.hasSubtable ? (m(), w("td", {
@@ -3000,8 +3000,8 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                                                 "bh-sticky bh-left-0 bh-bg-blue-light": t.stickyFirstColumn
                                               })
                                             }, [
-                                              oe(In, {
-                                                item: L,
+                                              ie(In, {
+                                                item: C,
                                                 expandedrows: de.value
                                               }, null, 8, ["item", "expandedrows"])
                                             ], 6)) : R("", !0),
@@ -3009,7 +3009,7 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                                               Q.hide ? R("", !0) : (m(), w("td", {
                                                 key: Q.field,
                                                 class: T([
-                                                  typeof t.cellClass == "function" ? s.cellClass(L) : t.cellClass,
+                                                  typeof t.cellClass == "function" ? s.cellClass(C) : t.cellClass,
                                                   he === 0 && t.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
                                                   t.hasCheckbox && he === 0 && t.stickyFirstColumn ? "bh-left-[52px]" : "",
                                                   Q.cellClass ? Q.cellClass : ""
@@ -3017,25 +3017,25 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                                               }, [
                                                 K(o)[Q.field] ? ae(s.$slots, Q.field, {
                                                   key: 0,
-                                                  value: L
+                                                  value: C
                                                 }) : Q.cellRenderer ? (m(), w("div", {
                                                   key: 1,
-                                                  innerHTML: Q.cellRenderer(L)
+                                                  innerHTML: Q.cellRenderer(C)
                                                 }, null, 8, Ji)) : (m(), w(G, { key: 2 }, [
-                                                  mt(q(F(L, Q.field)), 1)
+                                                  gt(q(F(C, Q.field)), 1)
                                                 ], 64))
                                               ], 2))
                                             ], 64))), 256))
                                           ], 10, Ki)) : R("", !0),
-                                          (le = de.value.find((Q) => Q.id == L.id)) != null && le.isExpanded && t.hasSubtable ? (m(), w("tr", {
+                                          (te = de.value.find((Q) => Q.id == C.id)) != null && te.isExpanded && t.hasSubtable ? (m(), w("tr", {
                                             key: 1,
                                             class: T([
-                                              typeof t.rowClass == "function" ? s.rowClass(L) : t.rowClass,
+                                              typeof t.rowClass == "function" ? s.rowClass(C) : t.rowClass,
                                               t.selectRowOnClick ? "bh-cursor-pointer" : ""
                                             ]),
-                                            onClick: ye((Q) => Ve(L, D), ["prevent"])
+                                            onClick: ye((Q) => Ue(C, D), ["prevent"])
                                           }, [
-                                            z("td", {
+                                            L("td", {
                                               colspan: t.columns.length + K(Se)
                                             }, [
                                               ae(s.$slots, "tsub", { value: i.value })
@@ -3043,35 +3043,35 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                                           ], 10, Zi)) : R("", !0)
                                         ], 64);
                                       }), 128)),
-                                      !_.value && y.value && s.skeletonloader ? (m(!0), w(G, { key: 0 }, pe(t.pageSize, (L) => (m(), w("tr", {
-                                        key: L,
+                                      !_.value && y.value && s.skeletonloader ? (m(!0), w(G, { key: 0 }, pe(t.pageSize, (C) => (m(), w("tr", {
+                                        key: C,
                                         class: "!bh-bg-white bh-h-11 !bh-border-transparent"
                                       }, [
-                                        z("td", {
+                                        L("td", {
                                           colspan: t.columns.length + K(Se),
                                           class: "!bh-p-0 !bh-border-transparent"
                                         }, lr, 8, tr)
                                       ]))), 128)) : R("", !0),
-                                      _.value ? (m(!0), w(G, { key: 1 }, pe(t.footerRows, (L, D) => (m(), w("tr", {
-                                        key: L[J.value] ? L[J.value] : D,
+                                      _.value ? (m(!0), w(G, { key: 1 }, pe(t.footerRows, (C, D) => (m(), w("tr", {
+                                        key: C[J.value] ? C[J.value] : D,
                                         class: "sticky-table-footer"
                                       }, [
                                         K(Se) > 0 ? (m(), w("td", {
                                           key: 0,
                                           colspan: K(Se)
                                         }, null, 8, or)) : R("", !0),
-                                        (m(!0), w(G, null, pe(t.columns, (le, Q) => (m(), w(G, null, [
-                                          le.hide ? R("", !0) : (m(), w("td", {
-                                            key: le.field,
+                                        (m(!0), w(G, null, pe(t.columns, (te, Q) => (m(), w(G, null, [
+                                          te.hide ? R("", !0) : (m(), w("td", {
+                                            key: te.field,
                                             class: T([
-                                              typeof t.cellClass == "function" ? s.cellClass(L) : t.cellClass,
+                                              typeof t.cellClass == "function" ? s.cellClass(C) : t.cellClass,
                                               Q === 0 && t.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
                                               t.hasCheckbox && Q === 0 && t.stickyFirstColumn ? "bh-left-[52px]" : "",
-                                              le.cellClass ? le.cellClass : ""
+                                              te.cellClass ? te.cellClass : ""
                                             ])
                                           }, [
-                                            L.cells.find((he) => he.field == le.field) ? (m(), w(G, { key: 0 }, [
-                                              mt(q(L.cells.find((he) => he.field == le.field).text), 1)
+                                            C.cells.find((he) => he.field == te.field) ? (m(), w(G, { key: 0 }, [
+                                              gt(q(C.cells.find((he) => he.field == te.field).text), 1)
                                             ], 64)) : R("", !0)
                                           ], 2))
                                         ], 64))), 256))
@@ -3083,7 +3083,7 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                                         "bh-sticky bh-bottom-0": t.stickyHeader
                                       })
                                     }, [
-                                      oe(sn, {
+                                      ie(sn, {
                                         all: t,
                                         currentSortColumn: f.value,
                                         currentSortDirection: p.value,
@@ -3115,7 +3115,7 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                                   })
                                 }, [
                                   ae(s.$slots, "nodatacontent", {}, () => [
-                                    z("span", null, q(t.noDataContent), 1)
+                                    L("span", null, q(t.noDataContent), 1)
                                   ])
                                 ], 4)) : R("", !0)
                               ]),
@@ -3127,7 +3127,7 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                       }, 8, ["style"])
                     ]),
                     _: 3
-                  })
+                  })) : R("", !0)
                 ])
               ])
             ]),
@@ -3143,35 +3143,35 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
           "sticky-footer": t.stickyFooter
         }])
       }, [
-        z("div", ir, [
+        L("div", ir, [
           s.enablefooterpagination ? ae(s.$slots, "footerpageinfo", {
             key: 0,
             paginationInfo: s.paginationInfo,
             filterRowCount: _.value,
             offset: ge.value,
-            limit: _e.value,
+            limit: Ie.value,
             showPageSize: s.showPageSize,
             pageSizeOptions: s.pageSizeOptions,
             currentPageSize: r.value,
             stringFormat: Be,
             setPageSize: g
           }, () => [
-            z("div", rr, [
-              z("span", ar, q(Be(
+            L("div", rr, [
+              L("span", ar, q(Be(
                 t.paginationInfo,
                 _.value ? ge.value : 0,
-                _e.value,
+                Ie.value,
                 _.value
               )), 1),
               t.showPageSize ? ve((m(), w("select", {
                 key: 0,
-                "onUpdate:modelValue": v[3] || (v[3] = (L) => r.value = L),
+                "onUpdate:modelValue": v[3] || (v[3] = (C) => r.value = C),
                 class: "bh-pagesize"
               }, [
-                (m(!0), w(G, null, pe(t.pageSizeOptions, (L) => (m(), w("option", {
-                  value: L,
-                  key: L
-                }, q(L), 9, sr))), 128))
+                (m(!0), w(G, null, pe(t.pageSizeOptions, (C) => (m(), w("option", {
+                  value: C,
+                  key: C
+                }, q(C), 9, sr))), 128))
               ], 512)), [
                 [cn, r.value]
               ]) : R("", !0)
@@ -3186,19 +3186,19 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
             nextPage: re,
             previousPage: je
           }, () => [
-            z("div", ur, [
+            L("div", ur, [
               t.showFirstPage ? (m(), w("button", {
                 key: 0,
                 type: "button",
                 class: T(["bh-page-item first-page", { disabled: a.value <= 1 }]),
-                onClick: v[4] || (v[4] = (L) => a.value = 1)
+                onClick: v[4] || (v[4] = (C) => a.value = 1)
               }, [
                 t.firstArrow ? (m(), w("span", {
                   key: 0,
                   innerHTML: t.firstArrow
                 }, null, 8, cr)) : (m(), w("svg", dr, hr))
               ], 2)) : R("", !0),
-              z("button", {
+              L("button", {
                 type: "button",
                 class: T(["bh-page-item previous-page", { disabled: a.value <= 1 }]),
                 onClick: je
@@ -3208,16 +3208,16 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                   innerHTML: t.previousArrow
                 }, null, 8, pr)) : (m(), w("svg", vr, gr))
               ], 2),
-              t.showNumbers ? (m(!0), w(G, { key: 1 }, pe(De.value, (L) => (m(), w("button", {
-                key: L,
+              t.showNumbers ? (m(!0), w(G, { key: 1 }, pe(De.value, (C) => (m(), w("button", {
+                key: C,
                 type: "button",
                 class: T(["bh-page-item", {
-                  disabled: a.value === L,
-                  "bh-active": L === a.value
+                  disabled: a.value === C,
+                  "bh-active": C === a.value
                 }]),
-                onClick: (D) => Ee(L)
-              }, q(L), 11, br))), 128)) : R("", !0),
-              z("button", {
+                onClick: (D) => Ee(C)
+              }, q(C), 11, br))), 128)) : R("", !0),
+              L("button", {
                 type: "button",
                 class: T(["bh-page-item next-page", { disabled: a.value >= se.value }]),
                 onClick: re
@@ -3231,7 +3231,7 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                 key: 2,
                 type: "button",
                 class: T(["bh-page-item last-page", { disabled: a.value >= se.value }]),
-                onClick: v[5] || (v[5] = (L) => a.value = se.value)
+                onClick: v[5] || (v[5] = (C) => a.value = se.value)
               }, [
                 t.lastArrow ? (m(), w("span", {
                   key: 0,