@dolusoft/vue3-datatable 1.7.27 → 1.7.29

package/dist/vue3-datatable.js

@@ -1,9 +1,9 @@
-import { onMounted as Le, nextTick as Oe, getCurrentScope as Vn, onScopeDispose as Un, unref as Q, getCurrentInstance as Ct, computed as K, ref as B, watch as te, defineComponent as we, useCssVars as Gn, shallowRef as me, onUnmounted as Ze, openBlock as m, createElementBlock as w, Fragment as U, withDirectives as ve, createElementVNode as C, normalizeClass as M, normalizeStyle as ee, withModifiers as ye, setBlockTracking as Bt, vShow as pt, createCommentVNode as N, mergeProps as Qn, renderSlot as ae, renderList as pe, createVNode as oe, reactive as Kn, watchEffect as Xn, useSlots as un, onBeforeUnmount as zt, provide as Ce, createBlock as ce, resolveDynamicComponent as Yn, inject as Pe, h as vt, toRef as Jn, toDisplayString as H, createTextVNode as mt, vModelText as ut, vModelSelect as cn, withCtx as _e, vModelCheckbox as Zn } from "vue";
+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";
 function el(e) {
   return Vn() ? (Un(e), !0) : !1;
 }
 function tl(e) {
-  return typeof e == "function" ? e() : Q(e);
+  return typeof e == "function" ? e() : K(e);
 }
 const nl = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
@@ -13,7 +13,7 @@ function ll(e) {
 function ol(e, l = !0, n) {
   ll() ? Le(e, n) : l ? e() : Oe(e);
 }
-function Me(e) {
+function Te(e) {
   var l;
   const n = tl(e);
   return (l = n == null ? void 0 : n.$el) != null ? l : n;
@@ -27,17 +27,17 @@ function il() {
 }
 function rl(e) {
   const l = il();
-  return K(() => (l.value, !!e()));
+  return X(() => (l.value, !!e()));
 }
-function sl(e, l, n = {}) {
+function al(e, l, n = {}) {
   const { window: o = dn, ...t } = n;
   let i;
-  const s = rl(() => o && "ResizeObserver" in o), r = () => {
+  const a = rl(() => o && "ResizeObserver" in o), r = () => {
     i && (i.disconnect(), i = void 0);
-  }, u = K(() => Array.isArray(e) ? e.map((p) => Me(p)) : [Me(e)]), f = te(
+  }, u = X(() => Array.isArray(e) ? e.map((p) => Te(p)) : [Te(e)]), f = te(
     u,
     (p) => {
-      if (r(), s.value && o) {
+      if (r(), a.value && o) {
         i = new ResizeObserver(l);
         for (const E of p)
           E && i.observe(E, t);
@@ -48,47 +48,47 @@ function sl(e, l, n = {}) {
     r(), f();
   };
   return el(d), {
-    isSupported: s,
+    isSupported: a,
     stop: d
   };
 }
-function al(e, l = { width: 0, height: 0 }, n = {}) {
-  const { window: o = dn, box: t = "content-box" } = n, i = K(() => {
+function sl(e, l = { width: 0, height: 0 }, n = {}) {
+  const { window: o = dn, box: t = "content-box" } = n, i = X(() => {
     var p, E;
-    return (E = (p = Me(e)) == null ? void 0 : p.namespaceURI) == null ? void 0 : E.includes("svg");
-  }), s = B(l.width), r = B(l.height), { stop: u } = sl(
+    return (E = (p = Te(e)) == null ? void 0 : p.namespaceURI) == null ? void 0 : E.includes("svg");
+  }), a = B(l.width), r = B(l.height), { stop: u } = al(
     e,
     ([p]) => {
       const E = t === "border-box" ? p.borderBoxSize : t === "content-box" ? p.contentBoxSize : p.devicePixelContentBoxSize;
       if (o && i.value) {
-        const T = Me(e);
-        if (T) {
-          const I = T.getBoundingClientRect();
-          s.value = I.width, r.value = I.height;
+        const _ = Te(e);
+        if (_) {
+          const I = _.getBoundingClientRect();
+          a.value = I.width, r.value = I.height;
         }
       } else if (E) {
-        const T = Array.isArray(E) ? E : [E];
-        s.value = T.reduce((I, { inlineSize: $ }) => I + $, 0), r.value = T.reduce((I, { blockSize: $ }) => I + $, 0);
+        const _ = Array.isArray(E) ? E : [E];
+        a.value = _.reduce((I, { inlineSize: $ }) => I + $, 0), r.value = _.reduce((I, { blockSize: $ }) => I + $, 0);
       } else
-        s.value = p.contentRect.width, r.value = p.contentRect.height;
+        a.value = p.contentRect.width, r.value = p.contentRect.height;
     },
     n
   );
   ol(() => {
-    const p = Me(e);
-    p && (s.value = "offsetWidth" in p ? p.offsetWidth : l.width, r.value = "offsetHeight" in p ? p.offsetHeight : l.height);
+    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(
-    () => Me(e),
+    () => Te(e),
     (p) => {
-      s.value = p ? l.width : 0, r.value = p ? l.height : 0;
+      a.value = p ? l.width : 0, r.value = p ? l.height : 0;
     }
   );
   function d() {
     u(), f();
   }
   return {
-    width: s,
+    width: a,
     height: r,
     stop: d
   };
@@ -133,12 +133,12 @@ function tt(e) {
   var l = typeof e;
   return e != null && (l == "object" || l == "function");
 }
-var qt = NaN, El = /^[-+]0x[0-9a-f]+$/i, Pl = /^0b[01]+$/i, _l = /^0o[0-7]+$/i, Ml = parseInt;
+var Ht = NaN, El = /^[-+]0x[0-9a-f]+$/i, Ml = /^0b[01]+$/i, Pl = /^0o[0-7]+$/i, Tl = parseInt;
 function $e(e) {
   if (typeof e == "number")
     return e;
   if (Sl(e))
-    return qt;
+    return Ht;
   if (tt(e)) {
     var l = typeof e.valueOf == "function" ? e.valueOf() : e;
     e = tt(l) ? l + "" : l;
@@ -146,62 +146,62 @@ function $e(e) {
   if (typeof e != "string")
     return e === 0 ? e : +e;
   e = Ll(e);
-  var n = Pl.test(e);
-  return n || _l.test(e) ? Ml(e.slice(2), n ? 2 : 8) : El.test(e) ? qt : +e;
+  var n = Ml.test(e);
+  return n || Pl.test(e) ? Tl(e.slice(2), n ? 2 : 8) : El.test(e) ? Ht : +e;
 }
-function Tl(e, l, n) {
+function _l(e, l, n) {
   return e === e && (n !== void 0 && (e = e <= n ? e : n), l !== void 0 && (e = e >= l ? e : l)), e;
 }
 function Qe(e, l, n) {
-  return n === void 0 && (n = l, l = void 0), n !== void 0 && (n = $e(n), n = n === n ? n : 0), l !== void 0 && (l = $e(l), l = l === l ? l : 0), Tl($e(e), l, n);
+  return n === void 0 && (n = l, l = void 0), n !== void 0 && (n = $e(n), n = n === n ? n : 0), l !== void 0 && (l = $e(l), l = l === l ? l : 0), _l($e(e), l, n);
 }
 var ct = function() {
   return fn.Date.now();
 }, Il = "Expected a function", Fl = Math.max, Ol = Math.min;
 function pn(e, l, n) {
-  var o, t, i, s, r, u, f = 0, d = !1, p = !1, E = !0;
+  var o, t, i, a, r, u, f = 0, d = !1, p = !1, E = !0;
   if (typeof e != "function")
     throw new TypeError(Il);
   l = $e(l) || 0, tt(n) && (d = !!n.leading, p = "maxWait" in n, i = p ? Fl($e(n.maxWait) || 0, l) : i, E = "trailing" in n ? !!n.trailing : E);
-  function T(z) {
-    var L = o, W = t;
-    return o = t = void 0, f = z, s = e.apply(W, L), s;
+  function _(S) {
+    var k = o, W = t;
+    return o = t = void 0, f = S, a = e.apply(W, k), a;
   }
-  function I(z) {
-    return f = z, r = setTimeout(A, l), d ? T(z) : s;
+  function I(S) {
+    return f = S, r = setTimeout(A, l), d ? _(S) : a;
   }
-  function $(z) {
-    var L = z - u, W = z - f, X = l - L;
-    return p ? Ol(X, i - W) : X;
+  function $(S) {
+    var k = S - u, W = S - f, V = l - k;
+    return p ? Ol(V, i - W) : V;
   }
-  function y(z) {
-    var L = z - u, W = z - f;
-    return u === void 0 || L >= l || L < 0 || p && W >= i;
+  function y(S) {
+    var k = S - u, W = S - f;
+    return u === void 0 || k >= l || k < 0 || p && W >= i;
   }
   function A() {
-    var z = ct();
-    if (y(z))
-      return q(z);
-    r = setTimeout(A, $(z));
+    var S = ct();
+    if (y(S))
+      return H(S);
+    r = setTimeout(A, $(S));
   }
-  function q(z) {
-    return r = void 0, E && o ? T(z) : (o = t = void 0, s);
+  function H(S) {
+    return r = void 0, E && o ? _(S) : (o = t = void 0, a);
   }
   function j() {
     r !== void 0 && clearTimeout(r), f = 0, o = u = t = r = void 0;
   }
   function O() {
-    return r === void 0 ? s : q(ct());
+    return r === void 0 ? a : H(ct());
   }
   function Y() {
-    var z = ct(), L = y(z);
-    if (o = arguments, t = this, u = z, L) {
+    var S = ct(), k = y(S);
+    if (o = arguments, t = this, u = S, k) {
       if (r === void 0)
         return I(u);
       if (p)
-        return clearTimeout(r), r = setTimeout(A, l), T(u);
+        return clearTimeout(r), r = setTimeout(A, l), _(u);
     }
-    return r === void 0 && (r = setTimeout(A, l)), s;
+    return r === void 0 && (r = setTimeout(A, l)), a;
   }
   return Y.cancel = j, Y.flush = O, Y;
 }
@@ -216,28 +216,28 @@ function vn(e, l, n) {
     trailing: t
   });
 }
-var Rl = Object.defineProperty, Nl = Object.defineProperties, Al = Object.getOwnPropertyDescriptors, Ht = Object.getOwnPropertySymbols, Wl = Object.prototype.hasOwnProperty, Bl = Object.prototype.propertyIsEnumerable, jt = (e, l, n) => l in e ? Rl(e, l, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[l] = n, nt = (e, l) => {
+var Rl = Object.defineProperty, Nl = Object.defineProperties, Al = Object.getOwnPropertyDescriptors, qt = Object.getOwnPropertySymbols, Wl = Object.prototype.hasOwnProperty, Bl = Object.prototype.propertyIsEnumerable, jt = (e, l, n) => l in e ? Rl(e, l, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[l] = n, nt = (e, l) => {
   for (var n in l || (l = {}))
     Wl.call(l, n) && jt(e, n, l[n]);
-  if (Ht)
-    for (var n of Ht(l))
+  if (qt)
+    for (var n of qt(l))
       Bl.call(l, n) && jt(e, n, l[n]);
   return e;
 }, mn = (e, l) => Nl(e, Al(l));
-const Dl = ["onPointerdown"], ql = {
+const Dl = ["onPointerdown"], Hl = {
   name: "ScrollbarThumb"
 };
-function Hl(e, { expose: l }) {
+function ql(e, { expose: l }) {
   const n = e;
-  Gn((L) => ({
-    "1fb98f78": Q(o)
+  Gn((k) => ({
+    "1fb98f78": K(o)
   }));
-  const o = K(() => {
-    var L;
-    return `${(L = n.thumbWidth) != null ? L : 12}px`;
+  const o = X(() => {
+    var k;
+    return `${(k = n.thumbWidth) != null ? k : 12}px`;
   });
   let t = null, i = me(null);
-  const s = { pageX: 0, pageY: 0, scrollPos: 0 };
+  const a = { pageX: 0, pageY: 0, scrollPos: 0 };
   let r = null;
   const u = () => {
     t = setTimeout(() => {
@@ -247,31 +247,31 @@ function Hl(e, { expose: l }) {
     t !== null && clearTimeout(t);
   };
   Ze(f);
-  const d = vn((L) => {
-    L.stopPropagation(), L.preventDefault();
-    const W = n.type === "horizontal" ? "pageX" : "pageY", X = (L[W] - s[W]) / n.scrollInfo.wrapperMainSize * n.scrollInfo.contentMainSize;
-    n.wrapperEl.scrollTo({ [n.type === "horizontal" ? "left" : "top"]: s.scrollPos + X, behavior: "auto" });
+  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" });
   }, 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 = (L) => {
-    L.ctrlKey || L.button !== 0 || (f(), s.pageX = L.pageX, s.pageY = L.pageY, s.scrollPos = n.wrapperEl[n.type === "horizontal" ? "scrollLeft" : "scrollTop"], r = L == null ? void 0 : L.pointerId, i.value.setPointerCapture(r), i.value.addEventListener("pointermove", d), i.value.addEventListener("pointerup", p), i.value.addEventListener("pointercancel", p), i.value.addEventListener("mousewheel", p, { passive: !1 }), document.addEventListener("mousewheel", p, { passive: !1 }), i.value.classList.add("scrollbar__thumbPlaceholder--scrolling"));
+  }, E = (k) => {
+    k.ctrlKey || k.button !== 0 || (f(), a.pageX = k.pageX, a.pageY = k.pageY, a.scrollPos = n.wrapperEl[n.type === "horizontal" ? "scrollLeft" : "scrollTop"], r = k == null ? void 0 : k.pointerId, i.value.setPointerCapture(r), i.value.addEventListener("pointermove", d), i.value.addEventListener("pointerup", p), i.value.addEventListener("pointercancel", p), i.value.addEventListener("mousewheel", p, { passive: !1 }), document.addEventListener("mousewheel", p, { passive: !1 }), i.value.classList.add("scrollbar__thumbPlaceholder--scrolling"));
   };
   l({
     autoHideAfterScroll: () => {
       f(), i.value && i.value.classList.add("scrollbar__thumbPlaceholder--scrolling"), u();
     }
   });
-  let I = me(!1), $ = me(!1), y = me(null), A = null, q = null, j = K(() => n.fixedThumb && !$.value);
-  const O = ([L]) => $.value = L.isIntersecting, Y = ([L]) => I.value = L.isIntersecting, z = () => {
-    A && (A.disconnect(), A = null), q && (q.disconnect(), q = null);
+  let I = me(!1), $ = me(!1), y = me(null), A = null, H = null, j = X(() => n.fixedThumb && !$.value);
+  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], () => {
     if (!n.fixedThumb || !n.wrapperEl)
-      return z();
-    z(), q = new IntersectionObserver(Y, { threshold: [0, 0.5] }), q.observe(n.wrapperEl), A = new IntersectionObserver(O), A.observe(y.value);
-  }), Ze(z), (L, W) => (m(), w(U, null, [
-    ve(C("div", {
-      class: M([
+      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", {
+      class: T([
         "scrollbar__thumbPlaceholder",
         `scrollbar__thumbPlaceholder--${e.type}`,
         {
@@ -279,35 +279,35 @@ function Hl(e, { expose: l }) {
           "scrollbar__thumbPlaceholder--autoExpand": e.autoExpand
         }
       ]),
-      style: ee({
+      style: Z({
         width: e.type === "horizontal" ? `${e.scrollInfo.thumbSize}px` : "",
         height: e.type === "vertical" ? `${e.scrollInfo.thumbSize}px` : "",
         position: j.value ? "fixed" : "absolute",
         [e.type === "vertical" ? "top" : "left"]: j.value ? `${e.scrollInfo.boundaryDistance + 3}px` : "3px"
       }),
-      ref: (X, Z) => {
-        Z.thumbEl = X, i.value = X;
+      ref: (V, ee) => {
+        ee.thumbEl = V, i.value = V;
       },
       onPointerdown: ye(E, ["stop"])
     }, [
-      W[0] || (Bt(-1), W[0] = C("div", {
-        class: M(["scrollbar__thumb", `scrollbar__thumb--${e.type}`])
+      W[0] || (Bt(-1), W[0] = z("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)]
     ]),
     n.fixedThumb ? ve((m(), w("div", {
       key: 0,
-      ref: (X, Z) => {
-        Z.shepherdEl = X, y.value = X;
+      ref: (V, ee) => {
+        ee.shepherdEl = V, y.value = V;
       },
-      class: M(["scrollbar__shepherd", `scrollbar__shepherd--${e.type}`])
+      class: T(["scrollbar__shepherd", `scrollbar__shepherd--${e.type}`])
     }, null, 2)), [
       [pt, !!e.scrollInfo.thumbSize]
-    ]) : N("", !0)
+    ]) : R("", !0)
   ], 64));
 }
-const jl = /* @__PURE__ */ we(mn(nt({}, ql), {
+const jl = /* @__PURE__ */ we(mn(nt({}, Hl), {
   props: {
     type: null,
     autoExpand: null,
@@ -318,7 +318,7 @@ const jl = /* @__PURE__ */ we(mn(nt({}, ql), {
     thumbWidth: null,
     wrapperEl: null
   },
-  setup: Hl
+  setup: ql
 })), Vl = {
   wait: 333,
   type: "debounce"
@@ -327,8 +327,8 @@ function Vt(...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), s = 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 = s.value.getBoundingClientRect();
+  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 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();
   };
   let f = null, d = null;
@@ -336,8 +336,8 @@ function Vt(...e) {
     f && window.removeEventListener("resize", f), d && (d.disconnect(), d = null);
   };
   return Xn(() => {
-    s.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(s.value));
-  }), Ze(p), l ? r : [s, r];
+    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 = {
   name: "CustomScrollbar",
@@ -350,79 +350,79 @@ function Gl(e, { expose: l, emit: n }) {
   }, i = (O, Y) => {
     t[Y].instance || (t[Y].instance = O);
   };
-  let s = me(null), r = me(null);
+  let a = me(null), r = me(null);
   Le(() => {
     var O;
-    const Y = Array.from((O = s.value.parentElement) == null ? void 0 : O.childNodes);
-    for (const z in t)
-      t[z].el = Y.find((L) => {
+    const Y = Array.from((O = a.value.parentElement) == null ? void 0 : O.childNodes);
+    for (const S in t)
+      t[S].el = Y.find((k) => {
         var W;
-        return (W = L == null ? void 0 : L.classList) == null ? void 0 : W.contains(`scrollbar__thumbPlaceholder--${z}`);
+        return (W = k == null ? void 0 : k.classList) == null ? void 0 : W.contains(`scrollbar__thumbPlaceholder--${S}`);
       });
   });
-  const u = Vt(s, { wait: o.throttleWait, type: o.throttleType, callback: E }), f = Vt(r, { wait: o.throttleWait, type: o.throttleType, callback: E });
+  const u = Vt(a, { wait: o.throttleWait, type: o.throttleType, callback: E }), f = Vt(r, { wait: o.throttleWait, type: o.throttleType, callback: E });
   let d = me(0), p = me(0);
   function E() {
-    d.value = Math.max(s.value.scrollHeight - u.height | 0, 0), p.value = Math.max(s.value.scrollWidth - u.width | 0, 0);
+    d.value = Math.max(a.value.scrollHeight - u.height | 0, 0), p.value = Math.max(a.value.scrollWidth - u.width | 0, 0);
   }
-  let T = K(() => ({
-    thumbSize: p.value ? Qe(u.width / s.value.scrollWidth * u.width, o.thumbMinSize > u.width ? 48 : o.thumbMinSize, o.thumbMaxSize) : 0,
+  let _ = X(() => ({
+    thumbSize: p.value ? Qe(u.width / a.value.scrollWidth * u.width, o.thumbMinSize > u.width ? 48 : o.thumbMinSize, o.thumbMaxSize) : 0,
     contentMainSize: f.width,
     wrapperMainSize: u.width,
     boundaryDistance: Math.abs(u.left)
-  })), I = K(() => ({
-    thumbSize: d.value ? Qe(u.height / s.value.scrollHeight * u.height, o.thumbMinSize > u.height ? 48 : o.thumbMinSize, o.thumbMaxSize) : 0,
+  })), I = X(() => ({
+    thumbSize: d.value ? Qe(u.height / a.value.scrollHeight * u.height, o.thumbMinSize > u.height ? 48 : o.thumbMinSize, o.thumbMaxSize) : 0,
     contentMainSize: f.height,
     wrapperMainSize: u.height,
     boundaryDistance: Math.abs(u.top)
-  })), $ = K(() => u.height - I.value.thumbSize - 5), y = K(() => u.width - T.value.thumbSize - 5);
+  })), $ = X(() => u.height - I.value.thumbSize - 5), y = X(() => u.width - _.value.thumbSize - 5);
   const A = () => {
-    p.value && (t.horizontal.el.style.transform = `translate3d(${s.value.scrollLeft / p.value * y.value}px, 0, 0)`, t.horizontal.instance.autoHideAfterScroll()), d.value && (t.vertical.el.style.transform = `translate3d(0, ${s.value.scrollTop / d.value * $.value}px, 0)`, t.vertical.instance.autoHideAfterScroll());
+    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);
-  const q = (O) => {
+  const H = (O) => {
     O.stopPropagation();
-    const Y = s.value.scrollLeft, z = s.value.scrollTop, L = Qe(Y + ((O == null ? void 0 : O.deltaX) || 0), 0, p.value) | 0, W = Qe(z + ((O == null ? void 0 : O.deltaY) || 0), 0, d.value) | 0;
-    s.value.scrollLeft = L, s.value.scrollTop = W, p.value && (t.horizontal.el.style.transform = `translate3d(${L / p.value * y.value}px, 0, 0)`, t.horizontal.instance.autoHideAfterScroll()), d.value && (t.vertical.el.style.transform = `translate3d(0, ${W / d.value * $.value}px, 0)`, t.vertical.instance.autoHideAfterScroll()), n("scroll", { target: s.value, scrollLeft: L, scrollTop: W });
+    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;
+    a.value.scrollLeft = k, a.value.scrollTop = W, p.value && (t.horizontal.el.style.transform = `translate3d(${k / p.value * y.value}px, 0, 0)`, t.horizontal.instance.autoHideAfterScroll()), d.value && (t.vertical.el.style.transform = `translate3d(0, ${W / d.value * $.value}px, 0)`, t.vertical.instance.autoHideAfterScroll()), n("scroll", { target: a.value, scrollLeft: k, scrollTop: W });
   }, j = (O) => {
-    o.simulateScroll ? q(O) : A();
+    o.simulateScroll ? H(O) : A();
   };
   return te(u, () => n("wrapperResize", u)), te(f, () => n("contentResize", f)), l({
-    scrollEl: s
+    scrollEl: a
   }), (O, Y) => (m(), w("div", {
-    class: M(["scrollbar__wrapper", e.wrapperClass]),
-    style: ee(e.wrapperStyle)
+    class: T(["scrollbar__wrapper", e.wrapperClass]),
+    style: Z(e.wrapperStyle)
   }, [
-    C("div", Qn({
-      ref: (z, L) => {
-        L.wrapperEl = z, s.value = z;
+    z("div", Qn({
+      ref: (S, k) => {
+        k.wrapperEl = S, a.value = S;
       },
       class: "scrollbar__scroller"
     }, O.$attrs, {
       onWheel: j,
       onScroll: j
     }), [
-      C("div", {
-        ref: (z, L) => {
-          L.contentEl = z, r.value = z;
+      z("div", {
+        ref: (S, k) => {
+          k.contentEl = S, r.value = S;
         },
-        class: M(["scrollbar__content", e.contentClass, { "scrollbar__content--fixedThumb": e.fixedThumb, [`scrollbar__content--${e.direction}`]: e.direction }]),
-        style: ee(e.contentStyle)
+        class: T(["scrollbar__content", e.contentClass, { "scrollbar__content--fixedThumb": e.fixedThumb, [`scrollbar__content--${e.direction}`]: e.direction }]),
+        style: Z(e.contentStyle)
       }, [
         ae(O.$slots, "default")
       ], 6)
     ], 16),
-    (m(), w(U, null, pe(t, (z, L) => oe(jl, {
-      ref: (W) => i(W, L),
-      key: L,
+    (m(), w(G, null, pe(t, (S, k) => oe(jl, {
+      ref: (W) => i(W, k),
+      key: k,
       autoExpand: e.autoExpand,
       autoHide: e.autoHide,
       autoHideDelay: e.autoHideDelay,
-      fixedThumb: L === e.direction ? !1 : e.fixedThumb,
-      type: L,
-      scrollInfo: L === "vertical" ? I.value : T.value,
+      fixedThumb: k === e.direction ? !1 : e.fixedThumb,
+      type: k,
+      scrollInfo: k === "vertical" ? I.value : _.value,
       thumbWidth: e.thumbWidth,
-      wrapperEl: s.value
+      wrapperEl: a.value
     }, null, 8, ["autoExpand", "autoHide", "autoHideDelay", "fixedThumb", "type", "scrollInfo", "thumbWidth", "wrapperEl"])), 64))
   ], 6));
 }
@@ -469,7 +469,7 @@ const Ql = /* @__PURE__ */ we(mn(nt({}, Ul), {
     "splitter-dblclick"
   ],
   setup(e, { emit: l }) {
-    const n = l, o = e, t = un(), i = B([]), s = K(() => i.value.reduce((c, g) => (c[~~g.id] = g) && c, {})), r = K(() => i.value.length), u = B(null), f = B(!1), d = B({
+    const n = l, o = e, t = un(), i = B([]), a = X(() => i.value.reduce((c, g) => (c[~~g.id] = g) && c, {})), r = X(() => i.value.length), u = B(null), f = B(!1), d = B({
       mouseDown: !1,
       dragging: !1,
       activeSplitter: null,
@@ -479,93 +479,93 @@ const Ql = /* @__PURE__ */ we(mn(nt({}, Ul), {
       // Used to detect double click on touch devices.
       splitter: null,
       timeoutId: null
-    }), E = K(() => ({
+    }), E = X(() => ({
       [`splitpanes splitpanes--${o.horizontal ? "horizontal" : "vertical"}`]: !0,
       "splitpanes--dragging": d.value.dragging
-    })), T = () => {
+    })), _ = () => {
       document.addEventListener("mousemove", y, { passive: !1 }), document.addEventListener("mouseup", A), "ontouchstart" in window && (document.addEventListener("touchmove", y, { passive: !1 }), document.addEventListener("touchend", A));
     }, I = () => {
       document.removeEventListener("mousemove", y, { passive: !1 }), document.removeEventListener("mouseup", A), "ontouchstart" in window && (document.removeEventListener("touchmove", y, { passive: !1 }), document.removeEventListener("touchend", A));
     }, $ = (c, g) => {
-      const S = c.target.closest(".splitpanes__splitter");
-      if (S) {
-        const { left: b, top: x } = S.getBoundingClientRect(), { clientX: P, clientY: R } = "ontouchstart" in window && c.touches ? c.touches[0] : c;
-        d.value.cursorOffset = o.horizontal ? R - x : P - b;
+      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;
+        d.value.cursorOffset = o.horizontal ? N - x : M - b;
       }
-      T(), d.value.mouseDown = !0, d.value.activeSplitter = g;
+      _(), d.value.mouseDown = !0, d.value.activeSplitter = g;
     }, y = (c) => {
       d.value.mouseDown && (c.preventDefault(), d.value.dragging = !0, requestAnimationFrame(() => {
-        L(Y(c)), re("resize", { event: c }, !0);
+        k(Y(c)), re("resize", { event: c }, !0);
       }));
     }, A = (c) => {
       d.value.dragging && re("resized", { event: c }, !0), d.value.mouseDown = !1, d.value.activeSplitter = null, setTimeout(() => {
         d.value.dragging = !1, I();
       }, 100);
-    }, q = (c, g) => {
+    }, H = (c, g) => {
       "ontouchstart" in window && (c.preventDefault(), p.value.splitter === g ? (clearTimeout(p.value.timeoutId), p.value.timeoutId = null, j(c, g), p.value.splitter = null) : (p.value.splitter = g, p.value.timeoutId = setTimeout(() => p.value.splitter = null, 500))), d.value.dragging || re("splitter-click", { event: c, index: g }, !0);
     }, j = (c, g) => {
       if (re("splitter-dblclick", { event: c, index: g }, !0), o.maximizePanes) {
-        let S = 0;
-        i.value = i.value.map((b, x) => (b.size = x === g ? b.max : b.min, x !== g && (S += b.min), b)), i.value[g].size -= S, re("pane-maximize", { event: c, index: g, pane: i.value[g] }), re("resized", { event: c, index: g }, !0);
+        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);
       }
     }, O = (c, g) => {
       re("pane-click", {
         event: c,
-        index: s.value[g].index,
-        pane: s.value[g]
+        index: a.value[g].index,
+        pane: a.value[g]
       });
     }, Y = (c) => {
-      const g = u.value.getBoundingClientRect(), { clientX: S, clientY: b } = "ontouchstart" in window && c.touches ? c.touches[0] : c;
+      const g = u.value.getBoundingClientRect(), { clientX: C, clientY: b } = "ontouchstart" in window && c.touches ? c.touches[0] : c;
       return {
-        x: S - (o.horizontal ? 0 : d.value.cursorOffset) - g.left,
+        x: C - (o.horizontal ? 0 : d.value.cursorOffset) - g.left,
         y: b - (o.horizontal ? d.value.cursorOffset : 0) - g.top
       };
-    }, z = (c) => {
+    }, S = (c) => {
       c = c[o.horizontal ? "y" : "x"];
       const g = u.value[o.horizontal ? "clientHeight" : "clientWidth"];
       return o.rtl && !o.horizontal && (c = g - c), c * 100 / g;
-    }, L = (c) => {
+    }, k = (c) => {
       const g = d.value.activeSplitter;
-      let S = {
-        prevPanesSize: X(g),
-        nextPanesSize: Z(g),
+      let C = {
+        prevPanesSize: V(g),
+        nextPanesSize: ee(g),
         prevReachedMinPanes: 0,
         nextReachedMinPanes: 0
       };
-      const b = 0 + (o.pushOtherPanes ? 0 : S.prevPanesSize), x = 100 - (o.pushOtherPanes ? 0 : S.nextPanesSize), P = Math.max(Math.min(z(c), x), b);
-      let R = [g, g + 1], ne = i.value[R[0]] || null, F = i.value[R[1]] || null;
-      const xe = ne.max < 100 && P >= ne.max + S.prevPanesSize, Ve = F.max < 100 && P <= 100 - (F.max + Z(g + 1));
+      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 - S.prevPanesSize - S.nextPanesSize, 0)) : (ne.size = Math.max(100 - F.max - S.prevPanesSize - Z(g + 1), 0), F.size = F.max);
+        xe ? (ne.size = ne.max, F.size = Math.max(100 - ne.max - C.prevPanesSize - C.nextPanesSize, 0)) : (ne.size = Math.max(100 - F.max - C.prevPanesSize - ee(g + 1), 0), F.size = F.max);
         return;
       }
       if (o.pushOtherPanes) {
-        const fe = W(S, P);
+        const fe = W(C, M);
         if (!fe) return;
-        ({ sums: S, panesToResize: R } = fe), ne = i.value[R[0]] || null, F = i.value[R[1]] || null;
+        ({ sums: C, panesToResize: N } = fe), ne = i.value[N[0]] || null, F = i.value[N[1]] || null;
       }
-      ne !== null && (ne.size = Math.min(Math.max(P - S.prevPanesSize - S.prevReachedMinPanes, ne.min), ne.max)), F !== null && (F.size = Math.min(Math.max(100 - P - S.nextPanesSize - S.nextReachedMinPanes, F.min), F.max));
+      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));
     }, W = (c, g) => {
-      const S = d.value.activeSplitter, b = [S, S + 1];
-      return g < c.prevPanesSize + i.value[b[0]].min && (b[0] = st(S).index, c.prevReachedMinPanes = 0, b[0] < S && i.value.forEach((x, P) => {
-        P > b[0] && P <= S && (x.size = x.min, c.prevReachedMinPanes += x.min);
-      }), c.prevPanesSize = X(b[0]), b[0] === void 0) ? (c.prevReachedMinPanes = 0, i.value[0].size = i.value[0].min, i.value.forEach((x, P) => {
-        P > 0 && P <= S && (x.size = x.min, c.prevReachedMinPanes += x.min);
-      }), i.value[b[1]].size = 100 - c.prevReachedMinPanes - i.value[0].min - c.prevPanesSize - c.nextPanesSize, null) : g > 100 - c.nextPanesSize - i.value[b[1]].min && (b[1] = ie(S).index, c.nextReachedMinPanes = 0, b[1] > S + 1 && i.value.forEach((x, P) => {
-        P > S && P < b[1] && (x.size = x.min, c.nextReachedMinPanes += x.min);
-      }), c.nextPanesSize = Z(b[1] - 1), b[1] === void 0) ? (c.nextReachedMinPanes = 0, i.value.forEach((x, P) => {
-        P < r.value - 1 && P >= S + 1 && (x.size = x.min, c.nextReachedMinPanes += x.min);
-      }), i.value[b[0]].size = 100 - c.prevPanesSize - Z(b[0] - 1), null) : { sums: c, panesToResize: b };
-    }, X = (c) => i.value.reduce((g, S, b) => g + (b < c ? S.size : 0), 0), Z = (c) => i.value.reduce((g, S, b) => g + (b > c + 1 ? S.size : 0), 0), st = (c) => [...i.value].reverse().find((g) => g.index < c && g.size > g.min) || {}, ie = (c) => i.value.find((g) => g.index > c + 1 && g.size > g.min) || {}, Be = () => {
+      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);
+      }), 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);
+      }), 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 = () => {
       var c;
       const g = Array.from(((c = u.value) == null ? void 0 : c.children) || []);
-      for (const S of g) {
-        const b = S.classList.contains("splitpanes__pane"), x = S.classList.contains("splitpanes__splitter");
-        !b && !x && (S.remove(), console.warn("Splitpanes: Only <pane> elements are allowed at the root of <splitpanes>. One of your DOM nodes was removed."));
+      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."));
       }
-    }, J = (c, g, S = !1) => {
+    }, J = (c, g, C = !1) => {
       const b = c - 1, x = document.createElement("div");
-      x.classList.add("splitpanes__splitter"), S || (x.onmousedown = (P) => $(P, b), typeof window < "u" && "ontouchstart" in window && (x.ontouchstart = (P) => $(P, b)), x.onclick = (P) => q(P, b + 1)), x.ondblclick = (P) => j(P, b + 1), g.parentNode.insertBefore(x, g);
+      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);
     }, se = (c) => {
       c.onmousedown = void 0, c.onclick = void 0, c.ondblclick = void 0, c.remove();
     }, ge = () => {
@@ -573,76 +573,76 @@ 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 S = 0;
+      let C = 0;
       for (const b of g)
-        b.className.includes("splitpanes__pane") && (!S && o.firstSplitter ? J(S, b, !0) : S && J(S, b), S++);
-    }, Te = ({ uid: c, ...g }) => {
-      const S = s.value[c];
-      for (const [b, x] of Object.entries(g)) S[b] = x;
+        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;
     }, De = (c) => {
       var g;
-      let S = -1;
-      Array.from(((g = u.value) == null ? void 0 : g.children) || []).some((b) => (b.className.includes("splitpanes__pane") && S++, b.isSameNode(c.el))), i.value.splice(S, 0, { ...c, index: S }), i.value.forEach((b, x) => b.index = x), f.value && Oe(() => {
-        ge(), de({ addedPane: i.value[S] }), re("pane-add", { pane: i.value[S] });
+      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] });
       });
-    }, qe = (c) => {
+    }, He = (c) => {
       const g = i.value.findIndex((b) => b.id === c);
       i.value[g].el = null;
-      const S = i.value.splice(g, 1)[0];
+      const C = i.value.splice(g, 1)[0];
       i.value.forEach((b, x) => b.index = x), Oe(() => {
-        ge(), re("pane-remove", { pane: S }), de({ removedPane: { ...S } });
+        ge(), re("pane-remove", { pane: C }), de({ removedPane: { ...C } });
       });
     }, de = (c = {}) => {
-      !c.addedPane && !c.removedPane ? He() : i.value.some((g) => g.givenSize !== null || g.min || g.max < 100) ? je(c) : ue(), f.value && re("resized");
+      !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 = () => {
       const c = 100 / r.value;
       let g = 0;
-      const S = [], b = [];
+      const C = [], 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 && S.push(x.id), x.size <= x.min && b.push(x.id);
-      g > 0.1 && Ee(g, S, b);
-    }, He = () => {
+        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);
+    }, qe = () => {
       let c = 100;
-      const g = [], S = [];
+      const g = [], C = [];
       let b = 0;
-      for (const P of i.value)
-        c -= P.size, P.givenSize !== null && b++, P.size >= P.max && g.push(P.id), P.size <= P.min && S.push(P.id);
+      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);
       let x = 100;
       if (c > 0.1) {
-        for (const P of i.value)
-          P.givenSize === null && (P.size = Math.max(Math.min(c / (r.value - b), P.max), P.min)), x -= P.size;
-        x > 0.1 && Ee(x, g, S);
+        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);
       }
     }, je = ({ addedPane: c, removedPane: g } = {}) => {
-      let S = 100 / r.value, b = 0;
-      const x = [], P = [];
-      ((c == null ? void 0 : c.givenSize) ?? null) !== null && (S = (100 - c.givenSize) / (r.value - 1));
-      for (const R of i.value)
-        b -= R.size, R.size >= R.max && x.push(R.id), R.size <= R.min && P.push(R.id);
+      let C = 100 / r.value, b = 0;
+      const x = [], M = [];
+      ((c == null ? void 0 : c.givenSize) ?? null) !== null && (C = (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 R of i.value)
-          (c == null ? void 0 : c.givenSize) !== null && (c == null ? void 0 : c.id) === R.id || (R.size = Math.max(Math.min(S, R.max), R.min)), b -= R.size, R.size >= R.max && x.push(R.id), R.size <= R.min && P.push(R.id);
-        b > 0.1 && Ee(b, x, P);
+        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);
+        b > 0.1 && Ee(b, x, M);
       }
-    }, Ee = (c, g, S) => {
+    }, Ee = (c, g, C) => {
       let b;
-      c > 0 ? b = c / (r.value - g.length) : b = c / (r.value - S.length), i.value.forEach((x, P) => {
+      c > 0 ? b = c / (r.value - g.length) : b = c / (r.value - C.length), i.value.forEach((x, M) => {
         if (c > 0 && !g.includes(x.id)) {
-          const R = Math.max(Math.min(x.size + b, x.max), x.min), ne = R - x.size;
-          c -= ne, x.size = R;
-        } else if (!S.includes(x.id)) {
-          const R = Math.max(Math.min(x.size + b, x.max), x.min), ne = R - x.size;
-          c -= ne, x.size = R;
+          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;
         }
       }), Math.abs(c) > 0.1 && Oe(() => {
         f.value && console.warn("Splitpanes: Could not resize panes correctly due to their constraints.");
       });
-    }, re = (c, g = void 0, S = !1) => {
+    }, re = (c, g = void 0, C = !1) => {
       const b = (g == null ? void 0 : g.index) ?? d.value.activeSplitter ?? null;
       n(c, {
         ...g,
         ...b !== null && { index: b },
-        ...S && b !== null && {
+        ...C && b !== null && {
           prevPane: i.value[b - (o.firstSplitter ? 1 : 0)],
           nextPane: i.value[b + (o.firstSplitter ? 0 : 1)]
         },
@@ -660,7 +660,7 @@ const Ql = /* @__PURE__ */ we(mn(nt({}, Ul), {
         (c = t.default) == null ? void 0 : c.call(t)
       );
     };
-    return Ce("panes", i), Ce("indexedPanes", s), Ce("horizontal", K(() => o.horizontal)), Ce("requestUpdate", Te), Ce("onPaneAdd", De), Ce("onPaneRemove", qe), Ce("onPaneClick", O), (c, g) => (m(), ce(Yn(It)));
+    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)));
   }
 }, dt = {
   __name: "pane",
@@ -671,36 +671,36 @@ const Ql = /* @__PURE__ */ we(mn(nt({}, Ul), {
   },
   setup(e) {
     var l;
-    const n = e, o = Pe("requestUpdate"), t = Pe("onPaneAdd"), i = Pe("horizontal"), s = Pe("onPaneRemove"), r = Pe("onPaneClick"), u = (l = Ct()) == null ? void 0 : l.uid, f = Pe("indexedPanes"), d = K(() => f.value[u]), p = B(null), E = K(() => {
+    const 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 y = isNaN(n.size) || n.size === void 0 ? 0 : parseFloat(n.size);
-      return Math.max(Math.min(y, I.value), T.value);
-    }), T = K(() => {
+      return Math.max(Math.min(y, I.value), _.value);
+    }), _ = X(() => {
       const y = parseFloat(n.minSize);
       return isNaN(y) ? 0 : y;
-    }), I = K(() => {
+    }), I = X(() => {
       const y = parseFloat(n.maxSize);
       return isNaN(y) ? 100 : y;
-    }), $ = K(() => {
+    }), $ = X(() => {
       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(() => T.value, (y) => o({ uid: u, min: y })), te(() => I.value, (y) => o({ uid: u, max: y })), Le(() => {
+    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(() => {
       t({
         id: u,
         el: p.value,
-        min: T.value,
+        min: _.value,
         max: I.value,
         // The given size (useful to know the user intention).
         givenSize: n.size === void 0 ? null : E.value,
         size: E.value
         // The computed current size at any time.
       });
-    }), zt(() => s(u)), (y, A) => (m(), w("div", {
+    }), zt(() => a(u)), (y, A) => (m(), w("div", {
       ref_key: "paneEl",
       ref: p,
       class: "splitpanes__pane",
-      onClick: A[0] || (A[0] = (q) => Q(r)(q, y._.uid)),
-      style: ee($.value)
+      onClick: A[0] || (A[0] = (H) => K(r)(H, y._.uid)),
+      style: Z($.value)
     }, [
       ae(y.$slots, "default")
     ], 4));
@@ -723,12 +723,12 @@ const Ql = /* @__PURE__ */ we(mn(nt({}, Ul), {
     };
     return l && !Xe(f) ? null : f;
   }
-  const i = t[0], s = i.split("-");
-  if (s.length > 1) {
+  const i = t[0], a = i.split("-");
+  if (a.length > 1) {
     const r = {
       provider: o,
-      prefix: s.shift(),
-      name: s.join("-")
+      prefix: a.shift(),
+      name: a.join("-")
     };
     return l && !Xe(r) ? null : r;
   }
@@ -774,28 +774,28 @@ function Gt(e, l) {
 }
 function Xl(e, l) {
   const n = e.icons, o = e.aliases || /* @__PURE__ */ Object.create(null), t = /* @__PURE__ */ Object.create(null);
-  function i(s) {
-    if (n[s])
-      return t[s] = [];
-    if (!(s in t)) {
-      t[s] = null;
-      const r = o[s] && o[s].parent, u = r && i(r);
-      u && (t[s] = [r].concat(u));
+  function i(a) {
+    if (n[a])
+      return t[a] = [];
+    if (!(a in t)) {
+      t[a] = null;
+      const r = o[a] && o[a].parent, u = r && i(r);
+      u && (t[a] = [r].concat(u));
     }
-    return t[s];
+    return t[a];
   }
   return Object.keys(n).concat(Object.keys(o)).forEach(i), t;
 }
 function Yl(e, l, n) {
   const o = e.icons, t = e.aliases || /* @__PURE__ */ Object.create(null);
   let i = {};
-  function s(r) {
+  function a(r) {
     i = Gt(
       o[r] || t[r],
       i
     );
   }
-  return s(l), n.forEach(s), Gt(e, i);
+  return a(l), n.forEach(a), Gt(e, i);
 }
 function bn(e, l) {
   const n = [];
@@ -840,8 +840,8 @@ function yn(e) {
   }
   const o = l.aliases || /* @__PURE__ */ Object.create(null);
   for (const t in o) {
-    const i = o[t], s = i.parent;
-    if (!t.match(Re) || typeof s != "string" || !n[s] && !o[s] || !ft(
+    const i = o[t], a = i.parent;
+    if (!t.match(Re) || typeof a != "string" || !n[a] && !o[a] || !ft(
       i,
       gt
     ))
@@ -898,8 +898,8 @@ function lo(e, l) {
     return !1;
   if (typeof l != "string" && (l = e.provider || ""), Ne && !l && !e.prefix) {
     let t = !1;
-    return yn(e) && (e.prefix = "", bn(e, (i, s) => {
-      s && no(i, s) && (t = !0);
+    return yn(e) && (e.prefix = "", bn(e, (i, a) => {
+      a && no(i, a) && (t = !0);
     })), t;
   }
   const n = e.prefix;
@@ -932,16 +932,16 @@ function Kt(e, l, n) {
   if (o === null || !o.length)
     return e;
   const t = [];
-  let i = o.shift(), s = io.test(i);
+  let i = o.shift(), a = io.test(i);
   for (; ; ) {
-    if (s) {
+    if (a) {
       const r = parseFloat(i);
       isNaN(r) ? t.push(i) : t.push(Math.ceil(r * l * n) / n);
     } else
       t.push(i);
     if (i = o.shift(), i === void 0)
       return t.join("");
-    s = !s;
+    a = !a;
   }
 }
 function ro(e, l = "defs") {
@@ -951,22 +951,22 @@ function ro(e, l = "defs") {
     const t = e.indexOf(">", o), i = e.indexOf("</" + l);
     if (t === -1 || i === -1)
       break;
-    const s = e.indexOf(">", i);
-    if (s === -1)
+    const a = e.indexOf(">", i);
+    if (a === -1)
       break;
-    n += e.slice(t + 1, i).trim(), e = e.slice(0, o).trim() + e.slice(s + 1);
+    n += e.slice(t + 1, i).trim(), e = e.slice(0, o).trim() + e.slice(a + 1);
   }
   return {
     defs: n,
     content: e
   };
 }
-function so(e, l) {
+function ao(e, l) {
   return e ? "<defs>" + e + "</defs>" + l : l;
 }
-function ao(e, l, n) {
+function so(e, l, n) {
   const o = ro(e);
-  return so(o.defs, l + o.content + n);
+  return ao(o.defs, l + o.content + n);
 }
 const uo = (e) => e === "unset" || e === "undefined" || e === "none";
 function co(e, l) {
@@ -984,11 +984,11 @@ function co(e, l) {
   };
   let i = n.body;
   [n, o].forEach(($) => {
-    const y = [], A = $.hFlip, q = $.vFlip;
+    const y = [], A = $.hFlip, H = $.vFlip;
     let j = $.rotate;
-    A ? q ? j += 2 : (y.push(
+    A ? H ? j += 2 : (y.push(
       "translate(" + (t.width + t.left).toString() + " " + (0 - t.top).toString() + ")"
-    ), y.push("scale(-1 1)"), t.top = t.left = 0) : q && (y.push(
+    ), y.push("scale(-1 1)"), t.top = t.left = 0) : H && (y.push(
       "translate(" + (0 - t.left).toString() + " " + (t.height + t.top).toString() + ")"
     ), y.push("scale(1 -1)"), t.top = t.left = 0);
     let O;
@@ -1009,19 +1009,19 @@ function co(e, l) {
         );
         break;
     }
-    j % 2 === 1 && (t.left !== t.top && (O = t.left, t.left = t.top, t.top = O), t.width !== t.height && (O = t.width, t.width = t.height, t.height = O)), y.length && (i = ao(
+    j % 2 === 1 && (t.left !== t.top && (O = t.left, t.left = t.top, t.top = O), t.width !== t.height && (O = t.width, t.width = t.height, t.height = O)), y.length && (i = so(
       i,
       '<g transform="' + y.join(" ") + '">',
       "</g>"
     ));
   });
-  const s = o.width, r = o.height, u = t.width, f = t.height;
+  const a = o.width, r = o.height, u = t.width, f = t.height;
   let d, p;
-  s === null ? (p = r === null ? "1em" : r === "auto" ? f : r, d = Kt(p, u / f)) : (d = s === "auto" ? u : s, p = r === null ? Kt(d, f / u) : r === "auto" ? f : r);
-  const E = {}, T = ($, y) => {
+  a === null ? (p = r === null ? "1em" : r === "auto" ? f : r, d = Kt(p, u / f)) : (d = a === "auto" ? u : a, p = r === null ? Kt(d, f / u) : r === "auto" ? f : r);
+  const E = {}, _ = ($, y) => {
     uo(y) || (E[$] = y.toString());
   };
-  T("width", d), T("height", p);
+  _("width", d), _("height", p);
   const I = [t.left, t.top, u, f];
   return E.viewBox = I.join(" "), {
     attributes: E,
@@ -1040,12 +1040,12 @@ function vo(e, l = ho) {
     return e;
   const t = "suffix" + (Math.random() * 16777216 | Date.now()).toString(16);
   return n.forEach((i) => {
-    const s = typeof l == "function" ? l(i) : l + (po++).toString(), r = i.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    const a = typeof l == "function" ? l(i) : l + (po++).toString(), r = i.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
     e = e.replace(
       // Allowed characters before id: [#;"]
       // Allowed characters after id: [)"], .[a-z]
       new RegExp('([#;"])(' + r + ')([")]|\\.[a-z])', "g"),
-      "$1" + s + t + "$3"
+      "$1" + a + t + "$3"
     );
   }), e = e.replace(new RegExp(t, "g"), ""), e;
 }
@@ -1081,21 +1081,21 @@ function Et(e) {
     dataAfterTimeout: e.dataAfterTimeout !== !1
   };
 }
-const Pt = /* @__PURE__ */ Object.create(null), Fe = [
+const Mt = /* @__PURE__ */ Object.create(null), Fe = [
   "https://api.simplesvg.com",
   "https://api.unisvg.com"
 ], Ye = [];
 for (; Fe.length > 0; )
   Fe.length === 1 || Math.random() > 0.5 ? Ye.push(Fe.shift()) : Ye.push(Fe.pop());
-Pt[""] = Et({
+Mt[""] = Et({
   resources: ["https://api.iconify.design"].concat(Ye)
 });
 function go(e, l) {
   const n = Et(l);
-  return n === null ? !1 : (Pt[e] = n, !0);
+  return n === null ? !1 : (Mt[e] = n, !0);
 }
-function _t(e) {
-  return Pt[e];
+function Pt(e) {
+  return Mt[e];
 }
 const bo = () => {
   let e;
@@ -1107,7 +1107,7 @@ const bo = () => {
 };
 let Xt = bo();
 function yo(e, l) {
-  const n = _t(e);
+  const n = Pt(e);
   if (!n)
     return 0;
   let o;
@@ -1115,8 +1115,8 @@ function yo(e, l) {
     o = 0;
   else {
     let t = 0;
-    n.resources.forEach((s) => {
-      t = Math.max(t, s.length);
+    n.resources.forEach((a) => {
+      t = Math.max(t, a.length);
     });
     const i = l + ".json?icons=";
     o = n.maxURL - t - n.path.length - i.length;
@@ -1128,24 +1128,24 @@ function wo(e) {
 }
 const xo = (e, l, n) => {
   const o = [], t = yo(e, l), i = "icons";
-  let s = {
+  let a = {
     type: i,
     provider: e,
     prefix: l,
     icons: []
   }, r = 0;
   return n.forEach((u, f) => {
-    r += u.length + 1, r >= t && f > 0 && (o.push(s), s = {
+    r += u.length + 1, r >= t && f > 0 && (o.push(a), a = {
       type: i,
       provider: e,
       prefix: l,
       icons: []
-    }, r = u.length), s.icons.push(u);
-  }), o.push(s), o;
+    }, r = u.length), a.icons.push(u);
+  }), o.push(a), o;
 };
 function So(e) {
   if (typeof e == "string") {
-    const l = _t(e);
+    const l = Pt(e);
     if (l)
       return l.path;
   }
@@ -1176,10 +1176,10 @@ const ko = (e, l, n) => {
   }
   let t = 503;
   Xt(e + o).then((i) => {
-    const s = i.status;
-    if (s !== 200) {
+    const a = i.status;
+    if (a !== 200) {
       setTimeout(() => {
-        n(wo(s) ? "abort" : "next", s);
+        n(wo(a) ? "abort" : "next", a);
       });
       return;
     }
@@ -1217,12 +1217,12 @@ function zo(e) {
     if (o.name === t.name && o.prefix === t.prefix && o.provider === t.provider)
       return;
     o = t;
-    const i = t.provider, s = t.prefix, r = t.name, u = n[i] || (n[i] = /* @__PURE__ */ Object.create(null)), f = u[s] || (u[s] = ze(i, s));
+    const i = t.provider, a = t.prefix, r = t.name, u = n[i] || (n[i] = /* @__PURE__ */ Object.create(null)), f = u[a] || (u[a] = ze(i, a));
     let d;
-    r in f.icons ? d = l.loaded : s === "" || f.missing.has(r) ? d = l.missing : d = l.pending;
+    r in f.icons ? d = l.loaded : a === "" || f.missing.has(r) ? d = l.missing : d = l.pending;
     const p = {
       provider: i,
-      prefix: s,
+      prefix: a,
       name: r
     };
     d.push(p);
@@ -1243,19 +1243,19 @@ function Lo(e) {
     let n = !1;
     const o = e.provider, t = e.prefix;
     l.forEach((i) => {
-      const s = i.icons, r = s.pending.length;
-      s.pending = s.pending.filter((u) => {
+      const a = i.icons, r = a.pending.length;
+      a.pending = a.pending.filter((u) => {
         if (u.prefix !== t)
           return !0;
         const f = u.name;
         if (e.icons[f])
-          s.loaded.push({
+          a.loaded.push({
             provider: o,
             prefix: t,
             name: f
           });
         else if (e.missing.has(f))
-          s.missing.push({
+          a.missing.push({
             provider: o,
             prefix: t,
             name: f
@@ -1263,17 +1263,17 @@ function Lo(e) {
         else
           return n = !0, !0;
         return !1;
-      }), s.pending.length !== r && (n || kn([e], i.id), i.callback(
-        s.loaded.slice(0),
-        s.missing.slice(0),
-        s.pending.slice(0),
+      }), a.pending.length !== r && (n || kn([e], i.id), i.callback(
+        a.loaded.slice(0),
+        a.missing.slice(0),
+        a.pending.slice(0),
         i.abort
       ));
     });
   }));
 }
 let Eo = 0;
-function Po(e, l, n) {
+function Mo(e, l, n) {
   const o = Eo++, t = kn.bind(null, n, o);
   if (!l.pending.length)
     return t;
@@ -1283,18 +1283,18 @@ function Po(e, l, n) {
     callback: e,
     abort: t
   };
-  return n.forEach((s) => {
-    (s.loaderCallbacks || (s.loaderCallbacks = [])).push(i);
+  return n.forEach((a) => {
+    (a.loaderCallbacks || (a.loaderCallbacks = [])).push(i);
   }), t;
 }
-function _o(e, l = !0, n = !1) {
+function Po(e, l = !0, n = !1) {
   const o = [];
   return e.forEach((t) => {
     const i = typeof t == "string" ? ot(t, l, n) : t;
     i && o.push(i);
   }), o;
 }
-var Mo = {
+var To = {
   resources: [],
   index: 0,
   timeout: 2e3,
@@ -1302,31 +1302,31 @@ var Mo = {
   random: !1,
   dataAfterTimeout: !1
 };
-function To(e, l, n, o) {
+function _o(e, l, n, o) {
   const t = e.resources.length, i = e.random ? Math.floor(Math.random() * t) : e.index;
-  let s;
+  let a;
   if (e.random) {
-    let z = e.resources.slice(0);
-    for (s = []; z.length > 1; ) {
-      const L = Math.floor(Math.random() * z.length);
-      s.push(z[L]), z = z.slice(0, L).concat(z.slice(L + 1));
+    let S = e.resources.slice(0);
+    for (a = []; S.length > 1; ) {
+      const k = Math.floor(Math.random() * S.length);
+      a.push(S[k]), S = S.slice(0, k).concat(S.slice(k + 1));
     }
-    s = s.concat(z);
+    a = a.concat(S);
   } else
-    s = e.resources.slice(i).concat(e.resources.slice(0, i));
+    a = e.resources.slice(i).concat(e.resources.slice(0, i));
   const r = Date.now();
-  let u = "pending", f = 0, d, p = null, E = [], T = [];
-  typeof o == "function" && T.push(o);
+  let u = "pending", f = 0, d, p = null, E = [], _ = [];
+  typeof o == "function" && _.push(o);
   function I() {
     p && (clearTimeout(p), p = null);
   }
   function $() {
-    u === "pending" && (u = "aborted"), I(), E.forEach((z) => {
-      z.status === "pending" && (z.status = "aborted");
+    u === "pending" && (u = "aborted"), I(), E.forEach((S) => {
+      S.status === "pending" && (S.status = "aborted");
     }), E = [];
   }
-  function y(z, L) {
-    L && (T = []), typeof z == "function" && T.push(z);
+  function y(S, k) {
+    k && (_ = []), typeof S == "function" && _.push(S);
   }
   function A() {
     return {
@@ -1339,73 +1339,73 @@ function To(e, l, n, o) {
       abort: $
     };
   }
-  function q() {
-    u = "failed", T.forEach((z) => {
-      z(void 0, d);
+  function H() {
+    u = "failed", _.forEach((S) => {
+      S(void 0, d);
     });
   }
   function j() {
-    E.forEach((z) => {
-      z.status === "pending" && (z.status = "aborted");
+    E.forEach((S) => {
+      S.status === "pending" && (S.status = "aborted");
     }), E = [];
   }
-  function O(z, L, W) {
-    const X = L !== "success";
-    switch (E = E.filter((Z) => Z !== z), u) {
+  function O(S, k, W) {
+    const V = k !== "success";
+    switch (E = E.filter((ee) => ee !== S), u) {
       case "pending":
         break;
       case "failed":
-        if (X || !e.dataAfterTimeout)
+        if (V || !e.dataAfterTimeout)
           return;
         break;
       default:
         return;
     }
-    if (L === "abort") {
-      d = W, q();
+    if (k === "abort") {
+      d = W, H();
       return;
     }
-    if (X) {
-      d = W, E.length || (s.length ? Y() : q());
+    if (V) {
+      d = W, E.length || (a.length ? Y() : H());
       return;
     }
     if (I(), j(), !e.random) {
-      const Z = e.resources.indexOf(z.resource);
-      Z !== -1 && Z !== e.index && (e.index = Z);
+      const ee = e.resources.indexOf(S.resource);
+      ee !== -1 && ee !== e.index && (e.index = ee);
     }
-    u = "completed", T.forEach((Z) => {
-      Z(W);
+    u = "completed", _.forEach((ee) => {
+      ee(W);
     });
   }
   function Y() {
     if (u !== "pending")
       return;
     I();
-    const z = s.shift();
-    if (z === void 0) {
+    const S = a.shift();
+    if (S === void 0) {
       if (E.length) {
         p = setTimeout(() => {
-          I(), u === "pending" && (j(), q());
+          I(), u === "pending" && (j(), H());
         }, e.timeout);
         return;
       }
-      q();
+      H();
       return;
     }
-    const L = {
+    const k = {
       status: "pending",
-      resource: z,
-      callback: (W, X) => {
-        O(L, W, X);
+      resource: S,
+      callback: (W, V) => {
+        O(k, W, V);
       }
     };
-    E.push(L), f++, p = setTimeout(Y, e.rotate), n(z, l, L.callback);
+    E.push(k), f++, p = setTimeout(Y, e.rotate), n(S, l, k.callback);
   }
   return setTimeout(Y), A;
 }
 function Cn(e) {
   const l = {
-    ...Mo,
+    ...To,
     ...e
   };
   let n = [];
@@ -1413,7 +1413,7 @@ function Cn(e) {
     n = n.filter((r) => r().status === "pending");
   }
   function t(r, u, f) {
-    const d = To(
+    const d = _o(
       l,
       r,
       u,
@@ -1441,7 +1441,7 @@ function Yt() {
 const ht = /* @__PURE__ */ Object.create(null);
 function Io(e) {
   if (!ht[e]) {
-    const l = _t(e);
+    const l = Pt(e);
     if (!l)
       return;
     const n = Cn(l), o = {
@@ -1459,13 +1459,13 @@ function Fo(e, l, n) {
     if (!i)
       return n(void 0, 424), Yt;
     t = i.send;
-    const s = Io(e);
-    s && (o = s.redundancy);
+    const a = Io(e);
+    a && (o = a.redundancy);
   } else {
     const i = Et(e);
     if (i) {
       o = Cn(i);
-      const s = e.resources ? e.resources[0] : "", r = yt(s);
+      const a = e.resources ? e.resources[0] : "", r = yt(a);
       r && (t = r.send);
     }
   }
@@ -1478,7 +1478,7 @@ function wt(e, l) {
   } catch {
   }
 }
-function Mt(e, l, n) {
+function Tt(e, l, n) {
   try {
     return e.setItem(l, n), !0;
   } catch {
@@ -1491,7 +1491,7 @@ function en(e, l) {
   }
 }
 function xt(e, l) {
-  return Mt(e, zn, l.toString());
+  return Tt(e, zn, l.toString());
 }
 function St(e) {
   return parseInt(wt(e, zn)) || 0;
@@ -1503,12 +1503,12 @@ const rt = {
   local: /* @__PURE__ */ new Set(),
   session: /* @__PURE__ */ new Set()
 };
-let Tt = !1;
+let _t = !1;
 function Ro(e) {
-  Tt = e;
+  _t = e;
 }
 let Ke = typeof window > "u" ? {} : window;
-function Pn(e) {
+function Mn(e) {
   const l = e + "Storage";
   try {
     if (Ke && Ke[l] && typeof Ke[l].length == "number")
@@ -1517,8 +1517,8 @@ function Pn(e) {
   }
   rt[e] = !1;
 }
-function _n(e, l) {
-  const n = Pn(e);
+function Pn(e, l) {
+  const n = Mn(e);
   if (!n)
     return;
   const o = wt(n, Zt);
@@ -1528,7 +1528,7 @@ function _n(e, l) {
       for (let u = 0; u < r; u++)
         en(n, Ae + u.toString());
     }
-    Mt(n, Zt, Jt), xt(n, 0);
+    Tt(n, Zt, Jt), xt(n, 0);
     return;
   }
   const t = Math.floor(Date.now() / Ln) - Oo, i = (r) => {
@@ -1544,23 +1544,23 @@ function _n(e, l) {
       en(n, u);
     }
   };
-  let s = St(n);
-  for (let r = s - 1; r >= 0; r--)
-    i(r) || (r === s - 1 ? (s--, xt(n, s)) : En[e].add(r));
+  let a = St(n);
+  for (let r = a - 1; r >= 0; r--)
+    i(r) || (r === a - 1 ? (a--, xt(n, a)) : En[e].add(r));
 }
-function Mn() {
-  if (!Tt) {
+function Tn() {
+  if (!_t) {
     Ro(!0);
     for (const e in rt)
-      _n(e, (l) => {
+      Pn(e, (l) => {
         const n = l.data, o = l.provider, t = n.prefix, i = ze(
           o,
           t
         );
         if (!Lt(i, n).length)
           return !1;
-        const s = n.lastModified || -1;
-        return i.lastModifiedCached = i.lastModifiedCached ? Math.min(i.lastModifiedCached, s) : s, !0;
+        const a = n.lastModified || -1;
+        return i.lastModifiedCached = i.lastModifiedCached ? Math.min(i.lastModifiedCached, a) : a, !0;
       });
   }
 }
@@ -1573,32 +1573,32 @@ function No(e, l) {
     return n === l;
   if (e.lastModifiedCached = l, n)
     for (const o in rt)
-      _n(o, (t) => {
+      Pn(o, (t) => {
         const i = t.data;
         return t.provider !== e.provider || i.prefix !== e.prefix || i.lastModified === l;
       });
   return !0;
 }
 function Ao(e, l) {
-  Tt || Mn();
+  _t || Tn();
   function n(o) {
     let t;
-    if (!rt[o] || !(t = Pn(o)))
+    if (!rt[o] || !(t = Mn(o)))
       return;
     const i = En[o];
-    let s;
+    let a;
     if (i.size)
-      i.delete(s = Array.from(i).shift());
-    else if (s = St(t), s >= $o || !xt(t, s + 1))
+      i.delete(a = Array.from(i).shift());
+    else if (a = St(t), a >= $o || !xt(t, a + 1))
       return;
     const r = {
       cached: Math.floor(Date.now() / Ln),
       provider: e.provider,
       data: l
     };
-    return Mt(
+    return Tt(
       t,
-      Ae + s.toString(),
+      Ae + a.toString(),
       JSON.stringify(r)
     );
   }
@@ -1646,7 +1646,7 @@ function Bo(e, l) {
   }));
 }
 const Do = (e, l) => {
-  const n = _o(e, !0, wn()), o = zo(n);
+  const n = Po(e, !0, wn()), o = zo(n);
   if (!o.pending.length) {
     let u = !0;
     return l && setTimeout(() => {
@@ -1661,23 +1661,23 @@ const Do = (e, l) => {
     };
   }
   const t = /* @__PURE__ */ Object.create(null), i = [];
-  let s, r;
+  let a, r;
   return o.pending.forEach((u) => {
     const { provider: f, prefix: d } = u;
-    if (d === r && f === s)
+    if (d === r && f === a)
       return;
-    s = f, r = d, i.push(ze(f, d));
+    a = f, r = d, i.push(ze(f, d));
     const p = t[f] || (t[f] = /* @__PURE__ */ Object.create(null));
     p[d] || (p[d] = []);
   }), o.pending.forEach((u) => {
-    const { provider: f, prefix: d, name: p } = u, E = ze(f, d), T = E.pendingIcons || (E.pendingIcons = /* @__PURE__ */ new Set());
-    T.has(p) || (T.add(p), t[f][d].push(p));
+    const { provider: f, prefix: d, name: p } = u, E = ze(f, d), _ = E.pendingIcons || (E.pendingIcons = /* @__PURE__ */ new Set());
+    _.has(p) || (_.add(p), t[f][d].push(p));
   }), i.forEach((u) => {
     const { provider: f, prefix: d } = u;
     t[f][d].length && Bo(u, t[f][d]);
-  }), l ? Po(l, o, i) : tn;
+  }), l ? Mo(l, o, i) : tn;
 };
-function qo(e, l) {
+function Ho(e, l) {
   const n = {
     ...e
   };
@@ -1687,9 +1687,9 @@ function qo(e, l) {
   }
   return n;
 }
-const Ho = /[\s,]+/;
+const qo = /[\s,]+/;
 function jo(e, l) {
-  l.split(Ho).forEach((n) => {
+  l.split(qo).forEach((n) => {
     switch (n.trim()) {
       case "horizontal":
         e.hFlip = !0;
@@ -1753,7 +1753,7 @@ const nn = {
   display: "inline-block"
 }, kt = {
   backgroundColor: "currentColor"
-}, Tn = {
+}, _n = {
   backgroundColor: "transparent"
 }, ln = {
   Image: "var(--svg)",
@@ -1762,7 +1762,7 @@ const nn = {
 }, on = {
   webkitMask: kt,
   mask: kt,
-  background: Tn
+  background: _n
 };
 for (const e in on) {
   const l = on[e];
@@ -1777,8 +1777,8 @@ const Je = {};
 function rn(e) {
   return e + (e.match(/^[-0-9.]+$/) ? "px" : "");
 }
-const sn = (e, l) => {
-  const n = qo(nn, l), o = { ...Xo }, t = l.mode || "svg", i = {}, s = l.style, r = typeof s == "object" && !(s instanceof Array) ? s : {};
+const an = (e, l) => {
+  const n = Ho(nn, l), o = { ...Xo }, t = l.mode || "svg", i = {}, a = l.style, r = typeof a == "object" && !(a instanceof Array) ? a : {};
   for (let $ in l) {
     const y = l[$];
     if (y !== void 0)
@@ -1821,7 +1821,7 @@ const sn = (e, l) => {
     let $ = 0, y = l.id;
     return typeof y == "string" && (y = y.replace(/-/g, "_")), o.innerHTML = vo(u.body, y ? () => y + "ID" + $++ : "iconifyVue"), vt("svg", o);
   }
-  const { body: d, width: p, height: E } = e, T = 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 = Uo(d, {
     ...f,
     width: p + "",
     height: E + ""
@@ -1832,14 +1832,14 @@ const sn = (e, l) => {
     width: rn(f.width),
     height: rn(f.height),
     ...Yo,
-    ...T ? kt : Tn,
+    ..._ ? kt : _n,
     ...r
   }, vt("span", o);
 };
 wn(!0);
 mo("", Co);
 if (typeof document < "u" && typeof window < "u") {
-  Mn();
+  Tn();
   const e = window;
   if (e.IconifyPreload !== void 0) {
     const l = e.IconifyPreload, n = "Invalid IconifyPreload syntax.";
@@ -1926,12 +1926,12 @@ const Jo = {
     this.counter;
     const e = this.$attrs, l = this.iconMounted || e.ssr ? this.getIcon(e.icon, e.onLoad) : null;
     if (!l)
-      return sn(Jo, e);
+      return an(Jo, e);
     let n = e;
     return l.classes && (n = {
       ...e,
       class: (typeof e.class == "string" ? e.class + " " : "") + l.classes.join(" ")
-    }), sn({
+    }), an({
       ...it,
       ...l.data
     }, n);
@@ -1947,56 +1947,56 @@ const Jo = {
   },
   setup(e) {
     const l = e, n = Jn(l, "expandedrows"), o = B(!1);
-    function t(s) {
+    function t(a) {
       if (l.expandall)
         o.value = !o.value, n.value.forEach((r) => {
           r.isExpanded = o.value;
         });
       else {
-        const r = n.value.find((u) => u.id == s);
-        r ? r.isExpanded = !r.isExpanded : n.value.push({ id: s, isExpanded: !0 });
+        const r = n.value.find((u) => u.id == a);
+        r ? r.isExpanded = !r.isExpanded : n.value.push({ id: a, isExpanded: !0 });
       }
     }
     const i = B(-1);
     return te(
       () => n.value,
-      (s, r) => {
+      (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 }
-    ), (s, r) => {
+    ), (a, r) => {
       var u, f;
       return m(), w("button", {
         class: "expandbtn",
-        onClick: r[0] || (r[0] = (d) => t(s.item.id))
+        onClick: r[0] || (r[0] = (d) => t(a.item.id))
       }, [
-        (((u = n.value.find((d) => d.id == s.item.id)) == null ? void 0 : u.isExpanded) == null ? o.value : (f = n.value.find((d) => d.id == s.item.id)) != null && f.isExpanded) ? (m(), w(U, { key: 0 }, [
-          l.expandall ? (m(), w(U, { key: 0 }, [
-            i.value ? (m(), ce(Q(be), {
+        (((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), {
               key: 0,
               icon: "fluent:chevron-down-up-16-filled"
-            })) : (m(), ce(Q(be), {
+            })) : (m(), ce(K(be), {
               key: 1,
               icon: "mdi:chevron-down"
             }))
-          ], 64)) : (m(), ce(Q(be), {
+          ], 64)) : (m(), ce(K(be), {
             key: 1,
             icon: "mdi:chevron-down"
           }))
-        ], 64)) : (m(), w(U, { key: 1 }, [
-          l.expandall ? (m(), w(U, { key: 0 }, [
-            i.value == -1 ? (m(), ce(Q(be), {
+        ], 64)) : (m(), w(G, { key: 1 }, [
+          l.expandall ? (m(), w(G, { key: 0 }, [
+            i.value == -1 ? (m(), ce(K(be), {
               key: 0,
               icon: "ion:chevron-expand"
-            })) : i.value == 0 ? (m(), ce(Q(be), {
+            })) : i.value == 0 ? (m(), ce(K(be), {
               key: 1,
               icon: "mdi:chevron-down"
-            })) : (m(), ce(Q(be), {
+            })) : (m(), ce(K(be), {
               key: 2,
               icon: "mdi:chevron-right"
             }))
-          ], 64)) : (m(), ce(Q(be), {
+          ], 64)) : (m(), ce(K(be), {
             key: 1,
             icon: "mdi:chevron-right"
           }))
@@ -2022,11 +2022,11 @@ const Jo = {
     function t() {
       o("rightPanelClick", n.item);
     }
-    return (i, s) => (m(), w("button", {
+    return (i, a) => (m(), w("button", {
       class: "rightpanelbtn",
       onClick: ye(t, ["stop"])
     }, [
-      oe(Q(be), { icon: "lucide:plus" })
+      oe(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 = {
@@ -2044,138 +2044,138 @@ const Jo = {
     });
     const o = l, t = () => {
       o("close");
-    }, i = (s) => {
-      n.column.condition = s, s === "" && (n.column.value = ""), o("filterChange", n.column);
+    }, i = (a) => {
+      n.column.condition = a, a === "" && (n.column.value = ""), o("filterChange", n.column);
     };
-    return (s, r) => (m(), w("div", oi, [
-      C("div", {
+    return (a, r) => (m(), w("div", oi, [
+      z("div", {
         class: "bh-text-[13px] bh-font-normal bh-rounded bh-overflow-hidden",
         onClick: ye(t, ["stop"])
       }, [
-        C("button", {
+        z("button", {
           type: "button",
-          class: M({ active: n.column.condition === "" }),
+          class: T({ active: n.column.condition === "" }),
           onClick: r[0] || (r[0] = (u) => i(""))
-        }, H((n.columnFilterLang && n.columnFilterLang.NoFilter) ?? "No filter"), 3),
-        n.column.type === "string" ? (m(), w(U, { key: 0 }, [
-          C("button", {
+        }, q((n.columnFilterLang && n.columnFilterLang.NoFilter) ?? "No filter"), 3),
+        n.column.type === "string" ? (m(), w(G, { key: 0 }, [
+          z("button", {
             type: "button",
-            class: M({ active: n.column.condition === "Contains" }),
+            class: T({ active: n.column.condition === "Contains" }),
             onClick: r[1] || (r[1] = (u) => i("Contains"))
-          }, H((n.columnFilterLang && n.columnFilterLang.Contains) ?? "Contains"), 3),
-          C("button", {
+          }, q((n.columnFilterLang && n.columnFilterLang.Contains) ?? "Contains"), 3),
+          z("button", {
             type: "button",
-            class: M({ active: n.column.condition === "NotContains" }),
+            class: T({ active: n.column.condition === "NotContains" }),
             onClick: r[2] || (r[2] = (u) => i("NotContains"))
-          }, H((n.columnFilterLang && n.columnFilterLang.NotContains) ?? "NotContains"), 3),
-          C("button", {
+          }, q((n.columnFilterLang && n.columnFilterLang.NotContains) ?? "NotContains"), 3),
+          z("button", {
             type: "button",
-            class: M({ active: n.column.condition === "Equal" }),
+            class: T({ active: n.column.condition === "Equal" }),
             onClick: r[3] || (r[3] = (u) => i("Equal"))
-          }, H((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal"), 3),
-          C("button", {
+          }, q((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal"), 3),
+          z("button", {
             type: "button",
-            class: M({ active: n.column.condition === "NotEqual" }),
+            class: T({ active: n.column.condition === "NotEqual" }),
             onClick: r[4] || (r[4] = (u) => i("NotEqual"))
-          }, H((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "NotEqual"), 3),
-          C("button", {
+          }, q((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "NotEqual"), 3),
+          z("button", {
             type: "button",
-            class: M({ active: n.column.condition === "StartsWith" }),
+            class: T({ active: n.column.condition === "StartsWith" }),
             onClick: r[5] || (r[5] = (u) => i("StartsWith"))
-          }, H((n.columnFilterLang && n.columnFilterLang.StartsWith) ?? "StartsWith"), 3),
-          C("button", {
+          }, q((n.columnFilterLang && n.columnFilterLang.StartsWith) ?? "StartsWith"), 3),
+          z("button", {
             type: "button",
-            class: M({ active: n.column.condition === "EndsWith" }),
+            class: T({ active: n.column.condition === "EndsWith" }),
             onClick: r[6] || (r[6] = (u) => i("EndsWith"))
-          }, H((n.columnFilterLang && n.columnFilterLang.EndsWith) ?? "EndsWith"), 3)
-        ], 64)) : n.column.type === "number" ? (m(), w(U, { key: 1 }, [
-          C("button", {
+          }, q((n.columnFilterLang && n.columnFilterLang.EndsWith) ?? "EndsWith"), 3)
+        ], 64)) : n.column.type === "number" ? (m(), w(G, { key: 1 }, [
+          z("button", {
             type: "button",
-            class: M({ active: n.column.condition === "Equal" }),
+            class: T({ active: n.column.condition === "Equal" }),
             onClick: r[7] || (r[7] = (u) => i("Equal"))
-          }, H((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal"), 3),
-          C("button", {
+          }, q((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal"), 3),
+          z("button", {
             type: "button",
-            class: M({ active: n.column.condition === "NotEqual" }),
+            class: T({ active: n.column.condition === "NotEqual" }),
             onClick: r[8] || (r[8] = (u) => i("NotEqual"))
-          }, H((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "NotEqual"), 3),
-          C("button", {
+          }, q((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "NotEqual"), 3),
+          z("button", {
             type: "button",
-            class: M({ active: n.column.condition === "GreaterThan" }),
+            class: T({ active: n.column.condition === "GreaterThan" }),
             onClick: r[9] || (r[9] = (u) => i("GreaterThan"))
-          }, H((n.columnFilterLang && n.columnFilterLang.GreaterThan) ?? "GreaterThan"), 3),
-          C("button", {
+          }, q((n.columnFilterLang && n.columnFilterLang.GreaterThan) ?? "GreaterThan"), 3),
+          z("button", {
             type: "button",
-            class: M({ active: n.column.condition === "GreaterThanOrEqual" }),
+            class: T({ active: n.column.condition === "GreaterThanOrEqual" }),
             onClick: r[10] || (r[10] = (u) => i("GreaterThanOrEqual"))
-          }, H((n.columnFilterLang && n.columnFilterLang.GreaterThanOrEqual) ?? "GreaterThanOrEqual"), 3),
-          C("button", {
+          }, q((n.columnFilterLang && n.columnFilterLang.GreaterThanOrEqual) ?? "GreaterThanOrEqual"), 3),
+          z("button", {
             type: "button",
-            class: M({ active: n.column.condition === "LessThan" }),
+            class: T({ active: n.column.condition === "LessThan" }),
             onClick: r[11] || (r[11] = (u) => i("LessThan"))
-          }, H((n.columnFilterLang && n.columnFilterLang.LessThan) ?? "LessThan"), 3),
-          C("button", {
+          }, q((n.columnFilterLang && n.columnFilterLang.LessThan) ?? "LessThan"), 3),
+          z("button", {
             type: "button",
-            class: M({ active: n.column.condition === "LessThanOrEqual" }),
+            class: T({ active: n.column.condition === "LessThanOrEqual" }),
             onClick: r[12] || (r[12] = (u) => i("LessThanOrEqual"))
-          }, H((n.columnFilterLang && n.columnFilterLang.LessThanOrEqual) ?? "LessThanOrEqual"), 3)
-        ], 64)) : n.column.type === "date" ? (m(), w(U, { key: 2 }, [
-          C("button", {
+          }, q((n.columnFilterLang && n.columnFilterLang.LessThanOrEqual) ?? "LessThanOrEqual"), 3)
+        ], 64)) : n.column.type === "date" ? (m(), w(G, { key: 2 }, [
+          z("button", {
             type: "button",
-            class: M({ active: n.column.condition === "Equal" }),
+            class: T({ active: n.column.condition === "Equal" }),
             onClick: r[13] || (r[13] = (u) => i("Equal"))
-          }, H((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal"), 3),
-          C("button", {
+          }, q((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal"), 3),
+          z("button", {
             type: "button",
-            class: M({ active: n.column.condition === "NotEqual" }),
+            class: T({ active: n.column.condition === "NotEqual" }),
             onClick: r[14] || (r[14] = (u) => i("NotEqual"))
-          }, H((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "Not equal"), 3),
-          C("button", {
+          }, q((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "Not equal"), 3),
+          z("button", {
             type: "button",
-            class: M({ active: n.column.condition === "GreaterThan" }),
+            class: T({ active: n.column.condition === "GreaterThan" }),
             onClick: r[15] || (r[15] = (u) => i("GreaterThan"))
-          }, H((n.columnFilterLang && n.columnFilterLang.GreaterThan) ?? "GreaterThan"), 3),
-          C("button", {
+          }, q((n.columnFilterLang && n.columnFilterLang.GreaterThan) ?? "GreaterThan"), 3),
+          z("button", {
             type: "button",
-            class: M({ active: n.column.condition === "LessThan" }),
+            class: T({ active: n.column.condition === "LessThan" }),
             onClick: r[16] || (r[16] = (u) => i("LessThan"))
-          }, H((n.columnFilterLang && n.columnFilterLang.LessThan) ?? "LessThan"), 3)
-        ], 64)) : N("", !0),
-        C("button", {
+          }, q((n.columnFilterLang && n.columnFilterLang.LessThan) ?? "LessThan"), 3)
+        ], 64)) : R("", !0),
+        z("button", {
           type: "button",
-          class: M({ active: n.column.condition === "IsNull" }),
+          class: T({ active: n.column.condition === "IsNull" }),
           onClick: r[17] || (r[17] = (u) => i("IsNull"))
-        }, H((n.columnFilterLang && n.columnFilterLang.IsNull) ?? "IsNull"), 3),
-        C("button", {
+        }, q((n.columnFilterLang && n.columnFilterLang.IsNull) ?? "IsNull"), 3),
+        z("button", {
           type: "button",
-          class: M({ active: n.column.condition === "IsNotNull" }),
+          class: T({ active: n.column.condition === "IsNotNull" }),
           onClick: r[18] || (r[18] = (u) => i("IsNotNull"))
-        }, H((n.columnFilterLang && n.columnFilterLang.IsNotNull) ?? "IsNotNull"), 3)
+        }, q((n.columnFilterLang && n.columnFilterLang.IsNotNull) ?? "IsNotNull"), 3)
       ])
     ]));
   }
-}), si = {}, ai = {
+}), ai = {}, si = {
   version: "1.1",
   viewBox: "0 0 17 12",
   xmlns: "http://www.w3.org/2000/svg"
-}, ui = /* @__PURE__ */ C("g", {
+}, ui = /* @__PURE__ */ z("g", {
   fill: "none",
   "fill-rule": "evenodd"
 }, [
-  /* @__PURE__ */ C("g", {
+  /* @__PURE__ */ z("g", {
     transform: "translate(-9 -11)",
     fill: "currentColor",
     "fill-rule": "nonzero"
   }, [
-    /* @__PURE__ */ C("path", { d: "m25.576 11.414c0.56558 0.55188 0.56558 1.4439 0 1.9961l-9.404 9.176c-0.28213 0.27529-0.65247 0.41385-1.0228 0.41385-0.37034 0-0.74068-0.13855-1.0228-0.41385l-4.7019-4.588c-0.56584-0.55188-0.56584-1.4442 0-1.9961 0.56558-0.55214 1.4798-0.55214 2.0456 0l3.679 3.5899 8.3812-8.1779c0.56558-0.55214 1.4798-0.55214 2.0456 0z" })
+    /* @__PURE__ */ 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" })
   ])
 ], -1), ci = [
   ui
 ];
 function di(e, l) {
-  return m(), w("svg", ai, ci);
+  return m(), w("svg", si, ci);
 }
-const Fn = /* @__PURE__ */ We(si, [["render", di]]), fi = {}, hi = {
+const Fn = /* @__PURE__ */ We(ai, [["render", di]]), fi = {}, hi = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
@@ -2185,7 +2185,7 @@ const Fn = /* @__PURE__ */ We(si, [["render", di]]), fi = {}, hi = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   class: "css-i6dzq1"
-}, pi = /* @__PURE__ */ C("line", {
+}, pi = /* @__PURE__ */ z("line", {
   x1: "5",
   y1: "12",
   x2: "19",
@@ -2206,7 +2206,7 @@ const gi = /* @__PURE__ */ We(fi, [["render", mi]]), bi = {}, yi = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   class: "css-i6dzq1"
-}, wi = /* @__PURE__ */ C("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" }, null, -1), xi = [
+}, 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
 ];
 function Si(e, l) {
@@ -2217,16 +2217,16 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
   height: "16",
   viewBox: "0 0 14 14",
   fill: "none"
-}, Pi = {
+}, Mi = {
   key: 0,
   class: "bh-filter bh-relative"
-}, _i = ["onUpdate:modelValue"], Mi = ["onUpdate:modelValue"], Ti = ["onUpdate:modelValue"], Ii = ["onUpdate:modelValue"], Fi = /* @__PURE__ */ C("option", { value: void 0 }, "All", -1), Oi = /* @__PURE__ */ C("option", { value: !0 }, "True", -1), $i = /* @__PURE__ */ C("option", { value: !1 }, "False", -1), Ri = [
+}, 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 = [
   Fi,
   Oi,
   $i
 ], Ni = ["onClick"], Ai = {
   name: "columnHeader"
-}, an = /* @__PURE__ */ we({
+}, sn = /* @__PURE__ */ we({
   ...Ai,
   props: [
     "all",
@@ -2248,18 +2248,18 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
     const n = B(null), o = e, t = l;
     return te(() => o.checkAll, () => {
       n.value && (n.value.indeterminate = o.checkAll !== 0 ? !o.checkAll : !1, n.value.checked = o.checkAll);
-    }), (s, r) => (m(), w("tr", Ci, [
+    }), (a, r) => (m(), w("tr", Ci, [
       o.all.hasCheckbox ? (m(), w("th", {
         key: "chkall",
-        style: ee({ width: o.all.checkboxColumnWidth + " !important", minWidth: o.all.checkboxColumnWidth + " !important" }),
-        class: M({
+        style: Z({ width: o.all.checkboxColumnWidth + " !important", minWidth: o.all.checkboxColumnWidth + " !important" }),
+        class: T({
           "bh-sticky bh-bg-blue-light bh-z-[1]": o.all.stickyHeader || o.all.stickyFirstColumn,
           "bh-top-0": o.all.stickyHeader,
           "bh-left-0": o.all.stickyFirstColumn
         })
       }, [
-        C("div", zi, [
-          C("input", {
+        z("div", zi, [
+          z("input", {
             ref_key: "selectedAll",
             ref: n,
             type: "checkbox",
@@ -2268,95 +2268,95 @@ 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),
-          C("div", null, [
+          z("div", null, [
             oe(Fn, { class: "check" }),
             oe(gi, { class: "intermediate" })
           ])
         ])
-      ], 6)) : N("", !0),
+      ], 6)) : R("", !0),
       o.all.hasRightPanel ? (m(), w("th", {
         key: 1,
-        style: ee({ width: o.all.rightPanelColumnWidth + " !important", minWidth: o.all.rightPanelColumnWidth + " !important" }),
-        class: M({
+        style: Z({ width: o.all.rightPanelColumnWidth + " !important", minWidth: o.all.rightPanelColumnWidth + " !important" }),
+        class: T({
           "bh-sticky bh-bg-blue-light bh-z-[1]": o.all.stickyHeader || o.all.stickyFirstColumn,
           "bh-top-0": o.all.stickyHeader,
           "bh-left-0": o.all.stickyFirstColumn
         })
-      }, null, 6)) : N("", !0),
+      }, null, 6)) : R("", !0),
       o.all.hasSubtable ? (m(), w("th", {
         key: 2,
-        style: ee({ width: o.all.subtableColumnWidth + " !important", minWidth: o.all.subtableColumnWidth + " !important" })
+        style: Z({ width: o.all.subtableColumnWidth + " !important", minWidth: o.all.subtableColumnWidth + " !important" })
       }, [
         o.all.expandall ? (m(), ce(In, {
           key: 0,
           expandedrows: o.expandedrows,
           expandall: o.all.expandall
-        }, null, 8, ["expandedrows", "expandall"])) : N("", !0)
-      ], 4)) : N("", !0),
-      (m(!0), w(U, null, pe(o.all.columns, (u, f) => (m(), w(U, null, [
-        u.hide ? N("", !0) : (m(), w("th", {
+        }, null, 8, ["expandedrows", "expandall"])) : R("", !0)
+      ], 4)) : R("", !0),
+      (m(!0), w(G, null, pe(o.all.columns, (u, f) => (m(), w(G, null, [
+        u.hide ? R("", !0) : (m(), w("th", {
           key: u.field,
-          class: M(["bh-select-none bh-z-[1]", [
+          class: T(["bh-select-none bh-z-[1]", [
             o.all.sortable && u.sort ? "bh-cursor-pointer" : "",
             f === 0 && o.all.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
             o.all.hasCheckbox && f === 0 && o.all.stickyFirstColumn ? "bh-left-[52px]" : ""
           ]]),
-          style: ee({
+          style: Z({
             width: u.width,
             "min-width": u.minWidth,
             "max-width": u.maxWidth
           })
         }, [
-          C("div", {
-            class: M(["bh-flex bh-items-center", [u.headerClass ? u.headerClass : ""]]),
+          z("div", {
+            class: T(["bh-flex bh-items-center", [u.headerClass ? u.headerClass : ""]]),
             onClick: (d) => o.all.sortable && u.sort && t("sortChange", u.field)
           }, [
-            mt(H(u.title) + " ", 1),
+            mt(q(u.title) + " ", 1),
             o.all.sortable && u.sort ? (m(), w("span", {
               key: 0,
-              class: M(["bh-ml-3 bh-sort bh-flex bh-items-center", [o.currentSortColumn, o.currentSortDirection]])
+              class: T(["bh-ml-3 bh-sort bh-flex bh-items-center", [o.currentSortColumn, o.currentSortDirection]])
             }, [
               (m(), w("svg", Ei, [
-                C("polygon", {
+                z("polygon", {
                   points: "3.11,6.25 10.89,6.25 7,1.75 ",
                   fill: "currentColor",
-                  class: M(["bh-text-black/20", [
+                  class: T(["bh-text-black/20", [
                     e.currentSortColumn === u.field && e.currentSortDirection === "asc" ? "!bh-text-primary" : ""
                   ]])
                 }, null, 2),
-                C("polygon", {
+                z("polygon", {
                   points: "7,12.25 10.89,7.75 3.11,7.75 ",
                   fill: "currentColor",
-                  class: M(["bh-text-black/20", [
+                  class: T(["bh-text-black/20", [
                     e.currentSortColumn === u.field && e.currentSortDirection === "desc" ? "!bh-text-primary" : ""
                   ]])
                 }, null, 2)
               ]))
-            ], 2)) : N("", !0)
+            ], 2)) : R("", !0)
           ], 10, Li),
-          o.all.columnFilter && !o.isFooter ? (m(), w(U, { key: 0 }, [
-            u.filter ? (m(), w("div", Pi, [
+          o.all.columnFilter && !o.isFooter ? (m(), w(G, { key: 0 }, [
+            u.filter ? (m(), w("div", Mi, [
               u.type === "string" ? ve((m(), w("input", {
                 key: 0,
                 "onUpdate:modelValue": (d) => u.value = d,
                 type: "text",
                 class: "bh-form-control",
                 onKeyup: r[1] || (r[1] = (d) => t("filterChange"))
-              }, null, 40, _i)), [
+              }, null, 40, Pi)), [
                 [
                   ut,
                   u.value,
                   void 0,
                   { trim: !0 }
                 ]
-              ]) : N("", !0),
+              ]) : R("", !0),
               u.type === "number" ? ve((m(), w("input", {
                 key: 1,
                 "onUpdate:modelValue": (d) => u.value = d,
                 type: "number",
                 class: "bh-form-control",
                 onKeyup: r[2] || (r[2] = (d) => t("filterChange"))
-              }, null, 40, Mi)), [
+              }, null, 40, Ti)), [
                 [
                   ut,
                   u.value,
@@ -2372,7 +2372,7 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                 type: "date",
                 class: "bh-form-control",
                 onChange: r[3] || (r[3] = (d) => t("filterChange"))
-              }, null, 40, Ti)), [
+              }, null, 40, _i)), [
                 [ut, u.value]
               ]) : u.type === "bool" ? ve((m(), w("select", {
                 key: 3,
@@ -2383,14 +2383,14 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                 (...d) => o.isOpenFilter && o.isOpenFilter(...d))
               }, Ri, 40, Ii)), [
                 [cn, u.value]
-              ]) : N("", !0),
+              ]) : R("", !0),
               u.type !== "bool" ? (m(), w("button", {
                 key: 4,
                 type: "button",
                 onClick: ye((d) => t("toggleFilterMenu", u), ["stop"])
               }, [
                 oe(ki, { class: "bh-w-4" })
-              ], 8, Ni)) : N("", !0),
+              ], 8, Ni)) : R("", !0),
               ve(oe(ri, {
                 column: u,
                 type: u.type,
@@ -2400,81 +2400,81 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
               }, null, 8, ["column", "type", "columnFilterLang"]), [
                 [pt, o.isOpenFilter === u.field]
               ])
-            ])) : N("", !0)
-          ], 64)) : N("", !0)
+            ])) : R("", !0)
+          ], 64)) : R("", !0)
         ], 6))
       ], 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__ */ C("span", null, "##Left Menu Slot##", -1), qi = { class: "menu-resize-controls bh-absolute bh-right-0 bh-top-1/2 bh-transform -bh-translate-y-1/2 bh-z-10 bh-bg-gray-100 bh-rounded-l bh-shadow-md bh-select-none" }, Hi = /* @__PURE__ */ C("path", {
+}), 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", {
   d: "M7 1L1 6L7 11",
   stroke: "currentColor",
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 }, null, -1), ji = [
-  Hi
+  qi
 ], Vi = {
   class: "bh-flex-1",
   style: { overflow: "auto", "min-width": "0", width: "100%" }
-}, Ui = /* @__PURE__ */ C("span", null, "##Top Menu Slot##", -1), Gi = /* @__PURE__ */ C("span", null, "##Table Action Header Slot##", -1), Qi = ["onClick"], Ki = { class: "bh-checkbox" }, Xi = ["value"], Yi = ["innerHTML"], Ji = ["onClick"], Zi = ["colspan"], er = ["colspan"], tr = /* @__PURE__ */ C("div", { class: "bh-skeleton-box bh-h-8" }, null, -1), nr = [
-  tr
-], lr = ["colspan"], or = { class: "bh-flex bh-items-center bh-flex-wrap bh-flex-col sm:bh-flex-row bh-gap-4" }, ir = { class: "bh-pagination-info bh-flex bh-items-center" }, rr = { class: "bh-mr-2" }, sr = ["value"], ar = { class: "bh-pagination-number sm:bh-ml-auto bh-inline-flex bh-items-center bh-space-x-1" }, ur = ["innerHTML"], cr = {
+}, 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 = [
+  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,
   "aria-hidden": "true",
   width: "14",
   height: "14",
   viewBox: "0 0 16 16"
-}, dr = /* @__PURE__ */ C("g", {
+}, fr = /* @__PURE__ */ z("g", {
   fill: "currentColor",
   "fill-rule": "evenodd"
 }, [
-  /* @__PURE__ */ C("path", { d: "M8.354 1.646a.5.5 0 0 1 0 .708L2.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z" }),
-  /* @__PURE__ */ C("path", { d: "M12.354 1.646a.5.5 0 0 1 0 .708L6.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z" })
-], -1), fr = [
-  dr
-], hr = ["innerHTML"], pr = {
+  /* @__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" })
+], -1), hr = [
+  fr
+], pr = ["innerHTML"], vr = {
   key: 1,
   "aria-hidden": "true",
   width: "14",
   height: "14",
   viewBox: "0 0 16 16"
-}, vr = /* @__PURE__ */ C("path", {
+}, mr = /* @__PURE__ */ z("path", {
   fill: "currentColor",
   "fill-rule": "evenodd",
   d: "M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"
-}, null, -1), mr = [
-  vr
-], gr = ["onClick"], br = ["innerHTML"], yr = {
+}, null, -1), gr = [
+  mr
+], br = ["onClick"], yr = ["innerHTML"], wr = {
   key: 1,
   "aria-hidden": "true",
   width: "14",
   height: "14",
   viewBox: "0 0 16 16"
-}, wr = /* @__PURE__ */ C("path", {
+}, xr = /* @__PURE__ */ z("path", {
   fill: "currentColor",
   "fill-rule": "evenodd",
   d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8L4.646 2.354a.5.5 0 0 1 0-.708z"
-}, null, -1), xr = [
-  wr
-], Sr = ["innerHTML"], kr = {
+}, null, -1), Sr = [
+  xr
+], kr = ["innerHTML"], Cr = {
   key: 1,
   "aria-hidden": "true",
   width: "14",
   height: "14",
   viewBox: "0 0 16 16"
-}, Cr = /* @__PURE__ */ C("g", {
+}, zr = /* @__PURE__ */ z("g", {
   fill: "currentColor",
   "fill-rule": "evenodd"
 }, [
-  /* @__PURE__ */ C("path", { d: "M3.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L9.293 8L3.646 2.354a.5.5 0 0 1 0-.708z" }),
-  /* @__PURE__ */ C("path", { d: "M7.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L13.293 8L7.646 2.354a.5.5 0 0 1 0-.708z" })
-], -1), zr = [
-  Cr
-], Lr = {
+  /* @__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" })
+], -1), Lr = [
+  zr
+], Er = {
   name: "Vue3Datatable"
 }, Pr = /* @__PURE__ */ we({
-  ...Lr,
+  ...Er,
   props: {
     loading: { type: Boolean, default: !1 },
     isServerMode: { type: Boolean, default: !1 },
@@ -2527,6 +2527,8 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
     scrollbardirection: { default: "both" },
     enableleftmenu: { type: Boolean },
     enabletopmenu: { type: Boolean },
+    enableHeaderArea: { type: Boolean, default: !1 },
+    headerAreaHeight: { default: "80px" },
     leftmenuMinWidth: { default: 50 },
     leftmenuDefaultWidth: { default: 250 },
     topmenusize: {},
@@ -2537,7 +2539,8 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
     enablefooterpagination: { type: Boolean },
     footerOffset: { default: 0 },
     tableRightOffset: { default: 0 },
-    tableLeftOffset: { default: 5 }
+    tableLeftOffset: { default: 5 },
+    initialLeftMenuState: { type: Boolean, default: void 0 }
   },
   emits: [
     "change",
@@ -2556,33 +2559,33 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
   setup(e, { expose: l, emit: n }) {
     var Rt, Nt;
     const o = un(), t = e;
-    for (const a of t.columns || []) {
-      const v = ((Rt = a.type) == null ? void 0 : Rt.toLowerCase()) || "string";
-      a.type = v, a.isUnique = a.isUnique !== void 0 ? a.isUnique : !1, a.hide = a.hide !== void 0 ? a.hide : !1, a.filter = a.filter !== void 0 ? a.filter : !0, a.search = a.search !== void 0 ? a.search : !0, a.sort = a.sort !== void 0 ? a.sort : !0, a.html = a.html !== void 0 ? a.html : !1, a.condition = !v || v === "string" ? "Contains" : "Equal";
+    for (const s of t.columns || []) {
+      const v = ((Rt = s.type) == null ? void 0 : Rt.toLowerCase()) || "string";
+      s.type = v, s.isUnique = s.isUnique !== void 0 ? s.isUnique : !1, s.hide = s.hide !== void 0 ? s.hide : !1, s.filter = s.filter !== void 0 ? s.filter : !0, s.search = s.search !== void 0 ? s.search : !0, s.sort = s.sort !== void 0 ? s.sort : !0, s.html = s.html !== void 0 ? s.html : !1, s.condition = !v || v === "string" ? "Contains" : "Equal";
     }
-    const i = B([]), s = B(t.page), r = B(
+    const i = B([]), a = B(t.page), r = B(
       t.pagination ? t.pageSize : (Nt = t.rows) == null ? void 0 : Nt.length
-    ), u = t.pageSize, f = B(t.sortColumn), d = t.sortColumn, p = B(t.sortDirection), E = t.sortDirection, T = B(t.totalRows), I = B([]), $ = B(null), y = B(t.loading), A = B(t.search);
+    ), u = t.pageSize, f = B(t.sortColumn), d = t.sortColumn, p = B(t.sortDirection), E = t.sortDirection, _ = B(t.totalRows), I = B([]), $ = B(null), y = B(t.loading), A = B(t.search);
     JSON.parse(JSON.stringify(t.columns));
-    const q = B(null), j = B(null);
+    const H = B(null), j = B(null);
     let O = B(0);
-    const Y = B(230), z = B(t.leftmenuDefaultWidth), L = B(!1), W = B(null), X = () => {
+    const Y = B(230), S = B(t.leftmenuDefaultWidth), k = B(!1), W = B(null), V = () => {
       if (W.value) {
-        const a = L.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth;
+        const s = k.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth;
         W.value.style.cssText = `
-      width: ${z.value}px !important;
-      min-width: ${a}px !important;
-      max-width: ${a}px !important;
+      width: ${S.value}px !important;
+      min-width: ${s}px !important;
+      max-width: ${s}px !important;
     `;
       }
-    }, Z = () => {
-      L.value ? z.value = t.leftmenuMinWidth : z.value = t.leftmenuDefaultWidth, X();
-    }, st = () => {
-      L.value = !L.value, z.value = L.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth, X(), ie("currentLeftMenuSize", z.value);
+    }, ee = () => {
+      k.value ? S.value = t.leftmenuMinWidth : S.value = t.leftmenuDefaultWidth, V();
+    }, at = () => {
+      k.value = !k.value, S.value = k.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth, V(), ie("currentLeftMenuSize", S.value);
     };
     Le(() => {
       ue(), Oe(() => {
-        Ge.value <= 0 && (Ge.value = 10), z.value = t.leftmenuDefaultWidth, X(), window.addEventListener("resize", Z);
+        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);
       });
     });
     const ie = n;
@@ -2599,91 +2602,97 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
       clearSelectedRows() {
         return An();
       },
-      selectRow(a) {
-        Ft(a);
+      selectRow(s) {
+        Ft(s);
       },
-      unselectRow(a) {
-        Ot(a);
+      unselectRow(s) {
+        Ot(s);
       },
-      isRowSelected(a) {
-        return Ue(a);
+      isRowSelected(s) {
+        return Ue(s);
       },
       getFilteredRows() {
-        return qe();
+        return He();
+      },
+      // Expose function to set the left menu state
+      setLeftMenuState(s) {
+        k.value = s, S.value = s ? t.leftmenuMinWidth : t.leftmenuDefaultWidth, V();
       }
-    });
-    const Be = (a, ...v) => a.replace(/{(\d+)}/g, (k, D) => typeof v[D] < "u" ? v[D] : k), J = K(() => {
-      const a = t.columns.find((v) => v.isUnique);
-      return (a == null ? void 0 : a.field) || null;
-    }), se = K(() => {
-      const a = r.value < 1 ? 1 : Math.ceil(T.value / r.value);
-      return Math.max(a || 0, 1);
-    }), ge = K(() => (s.value - 1) * r.value + 1), Te = K(() => {
-      const a = s.value * r.value;
-      return T.value >= a ? a : T.value;
-    }), De = K(() => {
-      let a, v;
-      return typeof t.showNumbersCount < "u" && t.showNumbersCount < se.value ? (a = Math.max(
-        s.value - Math.floor(t.showNumbersCount / 2),
+    }), te(() => t.initialLeftMenuState, (s) => {
+      s !== void 0 && (k.value = s, S.value = k.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth, V());
+    }, { immediate: !0 });
+    const Be = (s, ...v) => s.replace(/{(\d+)}/g, (L, D) => typeof v[D] < "u" ? v[D] : L), 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(() => {
+      const s = a.value * r.value;
+      return _.value >= s ? s : _.value;
+    }), De = X(() => {
+      let s, v;
+      return typeof t.showNumbersCount < "u" && t.showNumbersCount < se.value ? (s = Math.max(
+        a.value - Math.floor(t.showNumbersCount / 2),
         1
-      ), v = a + t.showNumbersCount - 1, v > se.value && (v = se.value, a = v - t.showNumbersCount + 1)) : (a = 1, v = se.value), Array.from(Array(v + 1 - a).keys()).map(
-        (le) => a + le
+      ), 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
       );
-    }), qe = () => {
-      var le, G, he;
-      let a = t.rows || [];
+    }), He = () => {
+      var le, Q, he;
+      let s = t.rows || [];
       if (!t.isServerMode) {
         if ((le = t.columns) == null || le.forEach((h) => {
-          h.filter && (h.value !== void 0 && h.value !== null && h.value !== "" || h.condition === "IsNull" || h.condition == "IsNotNull") && (h.type === "string" ? (h.value && !h.condition && (h.condition = "Contains"), h.condition === "Contains" ? a = a.filter((_) => {
-            var V;
-            return (V = F(_, h.field)) == null ? void 0 : V.toString().toLowerCase().includes(h.value.toLowerCase());
-          }) : h.condition === "NotContains" ? a = a.filter((_) => {
-            var V;
-            return !((V = F(_, h.field)) != null && V.toString().toLowerCase().includes(h.value.toLowerCase()));
-          }) : h.condition === "Equal" ? a = a.filter((_) => {
-            var V;
-            return ((V = F(_, h.field)) == null ? void 0 : V.toString().toLowerCase()) === h.value.toLowerCase();
-          }) : h.condition === "NotEqual" ? a = a.filter((_) => {
-            var V;
-            return ((V = F(_, h.field)) == null ? void 0 : V.toString().toLowerCase()) !== h.value.toLowerCase();
-          }) : h.condition == "StartsWith" ? a = a.filter((_) => {
-            var V;
-            return ((V = F(_, h.field)) == null ? void 0 : V.toString().toLowerCase().indexOf(h.value.toLowerCase())) === 0;
-          }) : h.condition == "EndsWith" && (a = a.filter((_) => {
-            var V;
-            return ((V = F(_, h.field)) == null ? void 0 : V.toString().toLowerCase().substr(h.value.length * -1)) === h.value.toLowerCase();
-          }))) : h.type === "number" ? (h.value && !h.condition && (h.condition = "Equal"), h.condition === "Equal" ? a = a.filter((_) => F(_, h.field) && parseFloat(F(_, h.field)) === parseFloat(h.value)) : h.condition === "NotEqual" ? a = a.filter((_) => F(_, h.field) && parseFloat(F(_, h.field)) !== parseFloat(h.value)) : h.condition === "GreaterThan" ? a = a.filter((_) => F(_, h.field) && parseFloat(F(_, h.field)) > parseFloat(h.value)) : h.condition === "GreaterThanOrEqual" ? a = a.filter((_) => F(_, h.field) && parseFloat(F(_, h.field)) >= parseFloat(h.value)) : h.condition === "LessThan" ? a = a.filter((_) => F(_, h.field) && parseFloat(F(_, h.field)) < parseFloat(h.value)) : h.condition === "LessThanOrEqual" && (a = a.filter((_) => F(_, h.field) && parseFloat(F(_, h.field)) <= parseFloat(h.value)))) : h.type === "date" ? (h.value && !h.condition && (h.condition = "Equal"), h.condition === "Equal" ? a = a.filter((_) => F(_, h.field) && xe(F(_, h.field)) === h.value) : h.condition === "NotEqual" ? a = a.filter((_) => F(_, h.field) && xe(F(_, h.field)) !== h.value) : h.condition === "GreaterThan" ? a = a.filter((_) => F(_, h.field) && xe(F(_, h.field)) > h.value) : h.condition === "LessThan" && (a = a.filter((_) => F(_, h.field) && xe(F(_, h.field)) < h.value))) : h.type === "bool" && (a = a.filter((_) => F(_, h.field) === h.value)), h.condition === "IsNull" ? (a = a.filter((_) => F(_, h.field) == null || F(_, h.field) == ""), h.value = "") : h.condition === "IsNotNull" && (h.value = "", a = a.filter((_) => F(_, h.field))));
-        }), A.value && (a != null && a.length)) {
+          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());
+          }) : h.condition === "NotContains" ? s = s.filter((P) => {
+            var U;
+            return !((U = F(P, h.field)) != null && U.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();
+          }) : h.condition === "NotEqual" ? s = s.filter((P) => {
+            var U;
+            return ((U = F(P, h.field)) == null ? void 0 : U.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;
+          }) : 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();
+          }))) : 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 _ = (t.columns || []).filter((V) => V.search && !V.hide).map((V) => V.field);
-          for (var v = 0; v < (a == null ? void 0 : a.length); v++)
-            for (var k = 0; k < _.length; k++)
-              if ((G = F(a[v], _[k])) != null && G.toString().toLowerCase().includes(A.value.toLowerCase())) {
-                h.push(a[v]);
+          const P = (t.columns || []).filter((U) => U.search && !U.hide).map((U) => U.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())) {
+                h.push(s[v]);
                 break;
               }
-          a = h;
+          s = h;
         }
         var D = new Intl.Collator(void 0, {
           numeric: ((he = t.columns.find((h) => h.field == f.value)) == null ? void 0 : he.type) === "number",
           sensitivity: "base"
         });
-        const Hn = p.value === "desc" ? -1 : 1;
-        a.sort((h, _) => {
+        const qn = p.value === "desc" ? -1 : 1;
+        s.sort((h, P) => {
           var At, Wt;
-          const V = (At = f.value) == null ? void 0 : At.split(".").reduce((ke, at) => ke == null ? void 0 : ke[at], h), jn = (Wt = f.value) == null ? void 0 : Wt.split(".").reduce((ke, at) => ke == null ? void 0 : ke[at], _);
-          return D.compare(V, jn) * Hn;
+          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;
         });
       }
-      return a;
+      return s;
     }, de = B([]), ue = () => {
-      let a = [], v = qe();
-      t.isServerMode ? (T.value = t.totalRows || 0, a = v) : (T.value = (v == null ? void 0 : v.length) || 0, a = v.slice(ge.value - 1, Te.value)), t.hasSubtable && a.forEach(function(k) {
-        k.isExpanded != null && (de.value.find((le) => le.id == k.id) || de.value.push({
-          id: k.id,
-          isExpanded: k.isExpanded
+      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
         }));
-      }), i.value = a || [];
+      }), i.value = s || [];
     };
     te(
       () => t.loading,
@@ -2691,51 +2700,51 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
         y.value = t.loading;
       }
     );
-    const He = (a) => {
-      a ? q.value === a.field ? q.value = null : q.value = a.field : q.value = null;
+    const qe = (s) => {
+      s ? H.value === s.field ? H.value = null : H.value = s.field : H.value = null;
     }, je = () => {
-      if (s.value == 1)
+      if (a.value == 1)
         return !1;
-      s.value--;
-    }, Ee = (a) => {
-      s.value = a;
+      a.value--;
+    }, Ee = (s) => {
+      a.value = s;
     }, re = () => {
-      if (s.value >= se.value)
+      if (a.value >= se.value)
         return !1;
-      s.value++;
+      a.value++;
     };
-    te(() => s.value, () => {
-      P(!1), t.isServerMode ? fe("page") : (ue(), ie("pageChange", s.value));
+    te(() => a.value, () => {
+      M(!1), t.isServerMode ? fe("page") : (ue(), ie("pageChange", a.value));
     }), te(() => t.rows, () => {
-      t.isServerMode || (s.value = 1), P(!1), ue();
+      t.isServerMode || (a.value = 1), M(!1), ue();
     });
-    const g = (a) => {
-      r.value = a;
+    const g = (s) => {
+      r.value = s;
     };
     te(() => r.value, () => {
-      P(!1), t.isServerMode ? s.value === 1 ? fe("pagesize", !0) : s.value = 1 : (s.value = 1, ue(), ie("pageSizeChange", r.value));
+      M(!1), t.isServerMode ? a.value === 1 ? fe("pagesize", !0) : a.value = 1 : (a.value = 1, ue(), ie("pageSizeChange", r.value));
     });
-    const b = (a) => {
+    const b = (s) => {
       let v = "asc";
-      a == f.value && p.value === "asc" && (v = "desc");
-      let k = (s.value - 1) * r.value, D = r.value;
-      f.value = a, p.value = v, P(!1), ue(), t.isServerMode ? fe("sort") : ie("sortChange", { offset: k, limit: D, field: a, direction: v });
-    }, x = (a) => {
-      $.value = a.length && i.value.length && a.length === i.value.length;
+      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 });
+    }, x = (s) => {
+      $.value = s.length && i.value.length && s.length === i.value.length;
       const v = i.value.filter(
-        (k, D) => I.value.includes(J.value ? k[J.value] : D)
+        (L, D) => I.value.includes(J.value ? L[J.value] : D)
       );
       ie("rowSelect", v);
     };
     te(() => I.value, x);
-    const P = (a) => {
-      a ? I.value = i.value.map(
-        (v, k) => J.value ? v[J.value] : k
+    const M = (s) => {
+      s ? I.value = i.value.map(
+        (v, L) => J.value ? v[J.value] : L
       ) : I.value = [];
-    }, R = () => {
-      P(!1), t.isServerMode ? s.value === 1 ? fe("filter", !0) : s.value = 1 : (s.value = 1, ue(), ie("filterChange", t.columns));
+    }, N = () => {
+      M(!1), t.isServerMode ? a.value === 1 ? fe("filter", !0) : a.value = 1 : (a.value = 1, ue(), ie("filterChange", t.columns));
     }, ne = () => {
-      P(!1), t.isServerMode ? s.value === 1 ? fe("search", !0) : s.value = 1 : (s.value = 1, ue(), ie("searchChange", A.value));
+      M(!1), t.isServerMode ? a.value === 1 ? fe("search", !0) : a.value = 1 : (a.value = 1, ue(), ie("searchChange", A.value));
     };
     te(
       () => t.search,
@@ -2743,107 +2752,107 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
         A.value = t.search, ne();
       }
     );
-    const F = (a, v) => v == null ? void 0 : v.split(".").reduce((k, D) => k == null ? void 0 : k[D], a), xe = (a) => {
+    const F = (s, v) => v == null ? void 0 : v.split(".").reduce((L, D) => L == null ? void 0 : L[D], s), xe = (s) => {
       try {
-        if (!a)
+        if (!s)
           return "";
-        const v = new Date(a), k = v.getDate(), D = v.getMonth() + 1;
-        return v.getFullYear() + "-" + (D > 9 ? D : "0" + D) + "-" + (k > 9 ? k : "0" + k);
+        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);
       } catch {
       }
       return "";
-    }, Ve = (a, v) => {
+    }, Ve = (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", a);
-      }, Y.value) : O.value === 2 && (clearTimeout(j.value), O.value = 0, ie("rowDBClick", a));
-    }, fe = (a, v = !1) => {
+        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));
+    }, fe = (s, v = !1) => {
       if (t.isServerMode) {
         On();
-        const k = {
-          current_page: v ? 1 : s.value,
+        const L = {
+          current_page: v ? 1 : a.value,
           pagesize: r.value,
-          offset: (s.value - 1) * r.value,
+          offset: (a.value - 1) * r.value,
           sort_column: f.value,
           sort_direction: p.value,
           search: A.value,
           column_filters: t.columns,
-          change_type: a
+          change_type: s
         };
-        ie("change", k);
+        ie("change", L);
       }
     }, On = () => {
-      for (let a = 0; a < t.columns.length; a++) {
-        let v = t.columns[a];
+      for (let s = 0; s < t.columns.length; s++) {
+        let v = t.columns[s];
         v.filter && (v.value !== void 0 && v.value !== null && v.value !== "" || v.condition === "IsNull" || v.condition === "IsNotNull") && (v.type === "string" && v.value && !v.condition && (v.condition = "Contains"), v.type === "number" && v.value && !v.condition && (v.condition = "Equal"), v.type === "date" && v.value && !v.condition && (v.condition = "Equal"));
       }
     }, $n = () => {
-      P(!1);
-      for (let a = 0; a < t.columns.length; a++)
-        t.columns[a].value = "";
-      A.value = "", r.value = u, f.value = d, p.value = E, t.isServerMode ? s.value === 1 ? fe("reset", !0) : s.value = 1 : (s.value = 1, ue());
+      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());
     }, Rn = () => i.value.filter(
-      (v, k) => I.value.includes(J.value ? v[J.value] : k)
+      (v, L) => I.value.includes(J.value ? v[J.value] : L)
     ), Nn = () => t.columns, An = () => {
       I.value = [];
-    }, Ft = (a) => {
-      if (!Ue(a)) {
-        const v = i.value.find((k, D) => D === a);
+    }, Ft = (s) => {
+      if (!Ue(s)) {
+        const v = i.value.find((L, D) => D === s);
         I.value.push(
-          J.value ? v[J.value] : a
+          J.value ? v[J.value] : s
         );
       }
-    }, Ot = (a) => {
-      if (Ue(a)) {
-        const v = i.value.find((k, D) => D === a);
+    }, Ot = (s) => {
+      if (Ue(s)) {
+        const v = i.value.find((L, D) => D === s);
         I.value = I.value.filter(
-          (k) => k !== (J.value ? v[J.value] : a)
+          (L) => L !== (J.value ? v[J.value] : s)
         );
       }
-    }, Ue = (a) => {
-      const v = i.value.find((k, D) => D === a);
+    }, Ue = (s) => {
+      const v = i.value.find((L, D) => D === s);
       return v ? I.value.includes(
-        J.value ? v[J.value] : a
+        J.value ? v[J.value] : s
       ) : !1;
     };
     let Se = 0;
     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 = al($t).height, qn = (a) => {
-      if (!a || !a.length) return;
-      const v = a[0].size;
+    }, 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);
     };
     return Ze(() => {
-      clearInterval(Bn), window.removeEventListener("resize", Z);
-    }), (a, v) => (m(), w("div", Wi, [
-      oe(Q(Ut), {
+      clearInterval(Bn), window.removeEventListener("resize", ee);
+    }), (s, v) => (m(), w("div", Wi, [
+      oe(K(Ut), {
         class: "default-theme",
-        style: ee({ height: t.height })
+        style: Z({ height: t.height })
       }, {
-        default: _e(() => [
-          oe(Q(dt), null, {
-            default: _e(() => [
-              C("div", Bi, [
-                a.enableleftmenu ? (m(), w("div", {
+        default: Pe(() => [
+          oe(K(dt), null, {
+            default: Pe(() => [
+              z("div", Bi, [
+                s.enableleftmenu ? (m(), w("div", {
                   key: 0,
                   ref_key: "leftmenuel",
                   ref: W,
                   class: "left-menu-container bh-relative",
-                  style: ee({
-                    width: z.value + "px",
+                  style: Z({
+                    width: S.value + "px",
                     transition: "width 0.3s ease",
                     overflow: "hidden",
-                    minWidth: (L.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth) + "px",
-                    maxWidth: (L.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth) + "px"
+                    minWidth: (k.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth) + "px",
+                    maxWidth: (k.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth) + "px"
                   })
                 }, [
-                  ae(a.$slots, "tableleftmenu", {}, () => [
+                  ae(s.$slots, "tableleftmenu", {}, () => [
                     Di
                   ]),
-                  C("div", qi, [
-                    C("button", {
-                      onClick: st,
+                  z("div", Hi, [
+                    z("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"
                     }, [
                       (m(), w("svg", {
@@ -2852,47 +2861,56 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                         viewBox: "0 0 8 12",
                         fill: "none",
                         xmlns: "http://www.w3.org/2000/svg",
-                        style: ee({ transform: L.value ? "rotate(180deg)" : "none" })
+                        style: Z({ transform: k.value ? "rotate(180deg)" : "none" })
                       }, ji, 4))
                     ])
                   ])
-                ], 4)) : N("", !0),
-                C("div", Vi, [
-                  oe(Q(Ut), {
+                ], 4)) : R("", !0),
+                z("div", Vi, [
+                  oe(K(Ut), {
                     class: "default-theme",
                     horizontal: "horizontal",
-                    onResize: qn,
+                    onResize: Hn,
                     "push-other-panes": ""
                   }, {
-                    default: _e(() => [
-                      a.enabletopmenu ? (m(), ce(Q(dt), {
+                    default: Pe(() => [
+                      s.enabletopmenu ? (m(), ce(K(dt), {
                         key: 0,
                         ref_key: "topmenuel",
                         ref: $t,
                         size: Ge.value || 10,
-                        "max-size": a.topmenumax || 100,
-                        style: ee({ "min-height": a.topmenumin + "px" })
+                        "max-size": s.topmenumax || 100,
+                        style: Z({ "min-height": s.topmenumin + "px" })
                       }, {
-                        default: _e(() => [
-                          ae(a.$slots, "tabletopmenu", {}, () => [
+                        default: Pe(() => [
+                          ae(s.$slots, "tabletopmenu", {}, () => [
                             Ui
                           ])
                         ]),
                         _: 3
-                      }, 8, ["size", "max-size", "style"])) : N("", !0),
-                      oe(Q(dt), {
-                        style: ee({ "padding-right": a.tableRightOffset + "px", "padding-left": a.tableLeftOffset + "px" })
+                      }, 8, ["size", "max-size", "style"])) : R("", !0),
+                      oe(K(dt), {
+                        style: Z({ "padding-right": s.tableRightOffset + "px", "padding-left": s.tableLeftOffset + "px" })
                       }, {
-                        default: _e(() => [
-                          ae(a.$slots, "tableactionheader", {}, () => [
-                            Gi
+                        default: Pe(() => [
+                          s.enableHeaderArea ? (m(), w("div", {
+                            key: 0,
+                            class: "bh-w-full bh-overflow-auto",
+                            style: Z({ height: s.headerAreaHeight, "margin-bottom": "10px" })
+                          }, [
+                            ae(s.$slots, "tableHeaderArea", {}, () => [
+                              Gi
+                            ])
+                          ], 4)) : R("", !0),
+                          ae(s.$slots, "tableactionheader", {}, () => [
+                            Qi
                           ]),
-                          C("div", {
-                            class: M(t.scrollbarstyle)
+                          z("div", {
+                            class: T(t.scrollbarstyle)
                           }, [
-                            oe(Q(Ql), {
-                              style: ee({
-                                height: t.stickyHeader && Number(t.height.replace("px", "")) - (a.footerOffset + Q(Dn)) + "px"
+                            oe(K(Ql), {
+                              style: Z({
+                                height: t.stickyHeader && Number(t.height.replace("px", "")) - (s.footerOffset + K(Dn)) + "px"
                               }),
                               autoHide: t.scrollbarautohide,
                               fixedThumb: t.scrollbarfixedthumb,
@@ -2900,206 +2918,206 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                               direction: t.scrollbardirection,
                               throttleType: "none"
                             }, {
-                              default: _e(() => [
-                                C("div", {
-                                  class: M(["bh-table-responsive", { "bh-min-h-[100px]": y.value }]),
-                                  style: ee({ overflow: t.stickyHeader && "inherit" })
+                              default: Pe(() => [
+                                z("div", {
+                                  class: T(["bh-table-responsive", { "bh-min-h-[100px]": y.value }]),
+                                  style: Z({ overflow: t.stickyHeader && "inherit" })
                                 }, [
-                                  C("table", {
-                                    class: M([t.skin])
+                                  z("table", {
+                                    class: T([t.skin])
                                   }, [
-                                    C("thead", {
-                                      class: M({
+                                    z("thead", {
+                                      class: T({
                                         "bh-sticky bh-top-0 bh-z-10": t.stickyHeader
                                       })
                                     }, [
-                                      oe(an, {
+                                      oe(sn, {
                                         all: t,
                                         expandedrows: de.value,
                                         currentSortColumn: f.value,
                                         currentSortDirection: p.value,
-                                        isOpenFilter: q.value,
+                                        isOpenFilter: H.value,
                                         checkAll: $.value,
                                         columnFilterLang: t.columnFilterLang,
-                                        onSelectAll: P,
+                                        onSelectAll: M,
                                         onSortChange: b,
-                                        onFilterChange: R,
-                                        onToggleFilterMenu: He
+                                        onFilterChange: N,
+                                        onToggleFilterMenu: qe
                                       }, null, 8, ["expandedrows", "currentSortColumn", "currentSortDirection", "isOpenFilter", "checkAll", "columnFilterLang"])
                                     ], 2),
-                                    C("tbody", null, [
-                                      (m(!0), w(U, null, pe(i.value, (k, D) => {
+                                    z("tbody", null, [
+                                      (m(!0), w(G, null, pe(i.value, (L, D) => {
                                         var le;
-                                        return m(), w(U, {
-                                          key: k[J.value] ? k[J.value] : D
+                                        return m(), w(G, {
+                                          key: L[J.value] ? L[J.value] : D
                                         }, [
-                                          T.value ? (m(), w("tr", {
+                                          _.value ? (m(), w("tr", {
                                             key: 0,
-                                            class: M([
-                                              typeof t.rowClass == "function" ? a.rowClass(k) : t.rowClass,
+                                            class: T([
+                                              typeof t.rowClass == "function" ? s.rowClass(L) : t.rowClass,
                                               t.selectRowOnClick ? "bh-cursor-pointer" : ""
                                             ]),
-                                            onClick: ye((G) => Ve(k, D), ["prevent"])
+                                            onClick: ye((Q) => Ve(L, D), ["prevent"])
                                           }, [
                                             t.hasCheckbox ? (m(), w("td", {
                                               key: 0,
-                                              style: ee({ width: t.checkboxColumnWidth + " !important", minWidth: t.checkboxColumnWidth + " !important" }),
-                                              class: M({
+                                              style: Z({ width: t.checkboxColumnWidth + " !important", minWidth: t.checkboxColumnWidth + " !important" }),
+                                              class: T({
                                                 "bh-sticky bh-left-0 bh-bg-blue-light": t.stickyFirstColumn
                                               })
                                             }, [
-                                              C("div", Ki, [
-                                                ve(C("input", {
-                                                  "onUpdate:modelValue": v[0] || (v[0] = (G) => I.value = G),
+                                              z("div", Xi, [
+                                                ve(z("input", {
+                                                  "onUpdate:modelValue": v[0] || (v[0] = (Q) => I.value = Q),
                                                   type: "checkbox",
-                                                  value: k[J.value] ? k[J.value] : D,
+                                                  value: L[J.value] ? L[J.value] : D,
                                                   onClick: v[1] || (v[1] = ye(() => {
                                                   }, ["stop"]))
-                                                }, null, 8, Xi), [
+                                                }, null, 8, Yi), [
                                                   [Zn, I.value]
                                                 ]),
-                                                C("div", null, [
+                                                z("div", null, [
                                                   oe(Fn, { class: "check" })
                                                 ])
                                               ])
-                                            ], 6)) : N("", !0),
+                                            ], 6)) : R("", !0),
                                             t.hasRightPanel ? (m(), w("td", {
                                               key: 1,
-                                              style: ee({ width: t.rightPanelColumnWidth + " !important", minWidth: t.rightPanelColumnWidth + " !important", padding: "0px !important" }),
-                                              class: M({
+                                              style: Z({ width: t.rightPanelColumnWidth + " !important", minWidth: t.rightPanelColumnWidth + " !important", padding: "0px !important" }),
+                                              class: T({
                                                 "bh-sticky bh-left-0 bh-bg-blue-light": t.stickyFirstColumn
                                               })
                                             }, [
                                               oe(li, {
-                                                item: k,
-                                                onRightPanelClick: v[2] || (v[2] = (G) => ie("rowRightPanelClick", G))
+                                                item: L,
+                                                onRightPanelClick: v[2] || (v[2] = (Q) => ie("rowRightPanelClick", Q))
                                               }, null, 8, ["item"])
-                                            ], 6)) : N("", !0),
+                                            ], 6)) : R("", !0),
                                             t.hasSubtable ? (m(), w("td", {
                                               key: 2,
-                                              style: ee({ width: t.subtableColumnWidth + " !important", minWidth: t.subtableColumnWidth + " !important" }),
-                                              class: M({
+                                              style: Z({ width: t.subtableColumnWidth + " !important", minWidth: t.subtableColumnWidth + " !important" }),
+                                              class: T({
                                                 "bh-sticky bh-left-0 bh-bg-blue-light": t.stickyFirstColumn
                                               })
                                             }, [
                                               oe(In, {
-                                                item: k,
+                                                item: L,
                                                 expandedrows: de.value
                                               }, null, 8, ["item", "expandedrows"])
-                                            ], 6)) : N("", !0),
-                                            (m(!0), w(U, null, pe(t.columns, (G, he) => (m(), w(U, null, [
-                                              G.hide ? N("", !0) : (m(), w("td", {
-                                                key: G.field,
-                                                class: M([
-                                                  typeof t.cellClass == "function" ? a.cellClass(k) : t.cellClass,
+                                            ], 6)) : R("", !0),
+                                            (m(!0), w(G, null, pe(t.columns, (Q, he) => (m(), w(G, null, [
+                                              Q.hide ? R("", !0) : (m(), w("td", {
+                                                key: Q.field,
+                                                class: T([
+                                                  typeof t.cellClass == "function" ? s.cellClass(L) : t.cellClass,
                                                   he === 0 && t.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
                                                   t.hasCheckbox && he === 0 && t.stickyFirstColumn ? "bh-left-[52px]" : "",
-                                                  G.cellClass ? G.cellClass : ""
+                                                  Q.cellClass ? Q.cellClass : ""
                                                 ])
                                               }, [
-                                                Q(o)[G.field] ? ae(a.$slots, G.field, {
+                                                K(o)[Q.field] ? ae(s.$slots, Q.field, {
                                                   key: 0,
-                                                  value: k
-                                                }) : G.cellRenderer ? (m(), w("div", {
+                                                  value: L
+                                                }) : Q.cellRenderer ? (m(), w("div", {
                                                   key: 1,
-                                                  innerHTML: G.cellRenderer(k)
-                                                }, null, 8, Yi)) : (m(), w(U, { key: 2 }, [
-                                                  mt(H(F(k, G.field)), 1)
+                                                  innerHTML: Q.cellRenderer(L)
+                                                }, null, 8, Ji)) : (m(), w(G, { key: 2 }, [
+                                                  mt(q(F(L, Q.field)), 1)
                                                 ], 64))
                                               ], 2))
                                             ], 64))), 256))
-                                          ], 10, Qi)) : N("", !0),
-                                          (le = de.value.find((G) => G.id == k.id)) != null && le.isExpanded && t.hasSubtable ? (m(), w("tr", {
+                                          ], 10, Ki)) : R("", !0),
+                                          (le = de.value.find((Q) => Q.id == L.id)) != null && le.isExpanded && t.hasSubtable ? (m(), w("tr", {
                                             key: 1,
-                                            class: M([
-                                              typeof t.rowClass == "function" ? a.rowClass(k) : t.rowClass,
+                                            class: T([
+                                              typeof t.rowClass == "function" ? s.rowClass(L) : t.rowClass,
                                               t.selectRowOnClick ? "bh-cursor-pointer" : ""
                                             ]),
-                                            onClick: ye((G) => Ve(k, D), ["prevent"])
+                                            onClick: ye((Q) => Ve(L, D), ["prevent"])
                                           }, [
-                                            C("td", {
-                                              colspan: t.columns.length + Q(Se)
+                                            z("td", {
+                                              colspan: t.columns.length + K(Se)
                                             }, [
-                                              ae(a.$slots, "tsub", { value: i.value })
-                                            ], 8, Zi)
-                                          ], 10, Ji)) : N("", !0)
+                                              ae(s.$slots, "tsub", { value: i.value })
+                                            ], 8, er)
+                                          ], 10, Zi)) : R("", !0)
                                         ], 64);
                                       }), 128)),
-                                      !T.value && y.value && a.skeletonloader ? (m(!0), w(U, { key: 0 }, pe(t.pageSize, (k) => (m(), w("tr", {
-                                        key: k,
+                                      !_.value && y.value && s.skeletonloader ? (m(!0), w(G, { key: 0 }, pe(t.pageSize, (L) => (m(), w("tr", {
+                                        key: L,
                                         class: "!bh-bg-white bh-h-11 !bh-border-transparent"
                                       }, [
-                                        C("td", {
-                                          colspan: t.columns.length + Q(Se),
+                                        z("td", {
+                                          colspan: t.columns.length + K(Se),
                                           class: "!bh-p-0 !bh-border-transparent"
-                                        }, nr, 8, er)
-                                      ]))), 128)) : N("", !0),
-                                      T.value ? (m(!0), w(U, { key: 1 }, pe(t.footerRows, (k, D) => (m(), w("tr", {
-                                        key: k[J.value] ? k[J.value] : D,
+                                        }, 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,
                                         class: "sticky-table-footer"
                                       }, [
-                                        Q(Se) > 0 ? (m(), w("td", {
+                                        K(Se) > 0 ? (m(), w("td", {
                                           key: 0,
-                                          colspan: Q(Se)
-                                        }, null, 8, lr)) : N("", !0),
-                                        (m(!0), w(U, null, pe(t.columns, (le, G) => (m(), w(U, null, [
-                                          le.hide ? N("", !0) : (m(), w("td", {
+                                          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,
-                                            class: M([
-                                              typeof t.cellClass == "function" ? a.cellClass(k) : t.cellClass,
-                                              G === 0 && t.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
-                                              t.hasCheckbox && G === 0 && t.stickyFirstColumn ? "bh-left-[52px]" : "",
+                                            class: T([
+                                              typeof t.cellClass == "function" ? s.cellClass(L) : 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 : ""
                                             ])
                                           }, [
-                                            k.cells.find((he) => he.field == le.field) ? (m(), w(U, { key: 0 }, [
-                                              mt(H(k.cells.find((he) => he.field == le.field).text), 1)
-                                            ], 64)) : N("", !0)
+                                            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)
+                                            ], 64)) : R("", !0)
                                           ], 2))
                                         ], 64))), 256))
-                                      ]))), 128)) : N("", !0)
+                                      ]))), 128)) : R("", !0)
                                     ]),
                                     t.cloneHeaderInFooter ? (m(), w("tfoot", {
                                       key: 0,
-                                      class: M({
+                                      class: T({
                                         "bh-sticky bh-bottom-0": t.stickyHeader
                                       })
                                     }, [
-                                      oe(an, {
+                                      oe(sn, {
                                         all: t,
                                         currentSortColumn: f.value,
                                         currentSortDirection: p.value,
-                                        isOpenFilter: q.value,
+                                        isOpenFilter: H.value,
                                         isFooter: !0,
                                         checkAll: $.value,
-                                        onSelectAll: P,
+                                        onSelectAll: M,
                                         onSortChange: b,
-                                        onFilterChange: R,
-                                        onToggleFilterMenu: He
+                                        onFilterChange: N,
+                                        onToggleFilterMenu: qe
                                       }, null, 8, ["currentSortColumn", "currentSortDirection", "isOpenFilter", "checkAll"])
-                                    ], 2)) : N("", !0)
+                                    ], 2)) : R("", !0)
                                   ], 2),
-                                  y.value && a.enableloadinganimation ? (m(), w("div", {
+                                  y.value && s.enableloadinganimation ? (m(), w("div", {
                                     key: 0,
                                     class: "bh-absolute bh-inset-0 bh-bg-blue-light/50 bh-grid bh-place-content-center dt-center-loading",
-                                    style: ee({
+                                    style: Z({
                                       height: Number(t.height.replace("px", "")) - 175 + "px"
                                     })
                                   }, [
-                                    ae(a.$slots, "loadercontent")
-                                  ], 4)) : N("", !0)
+                                    ae(s.$slots, "loadercontent")
+                                  ], 4)) : R("", !0)
                                 ], 6),
-                                !T.value && !y.value ? (m(), w("div", {
+                                !_.value && !y.value ? (m(), w("div", {
                                   key: 0,
                                   class: "nodatacontent",
-                                  style: ee({
+                                  style: Z({
                                     height: Number(t.height.replace("px", "")) - 175 + "px"
                                   })
                                 }, [
-                                  ae(a.$slots, "nodatacontent", {}, () => [
-                                    C("span", null, H(t.noDataContent), 1)
+                                  ae(s.$slots, "nodatacontent", {}, () => [
+                                    z("span", null, q(t.noDataContent), 1)
                                   ])
-                                ], 4)) : N("", !0)
+                                ], 4)) : R("", !0)
                               ]),
                               _: 3
                             }, 8, ["style", "autoHide", "fixedThumb", "autoExpand", "direction"])
@@ -3118,112 +3136,112 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
         ]),
         _: 3
       }, 8, ["style"]),
-      t.pagination && T.value ? (m(), w("div", {
+      t.pagination && _.value ? (m(), w("div", {
         key: 0,
-        class: M(["bh-pagination", {
+        class: T(["bh-pagination", {
           "bh-pointer-events-none": y.value,
           "sticky-footer": t.stickyFooter
         }])
       }, [
-        C("div", or, [
-          a.enablefooterpagination ? ae(a.$slots, "footerpageinfo", {
+        z("div", ir, [
+          s.enablefooterpagination ? ae(s.$slots, "footerpageinfo", {
             key: 0,
-            paginationInfo: a.paginationInfo,
-            filterRowCount: T.value,
+            paginationInfo: s.paginationInfo,
+            filterRowCount: _.value,
             offset: ge.value,
-            limit: Te.value,
-            showPageSize: a.showPageSize,
-            pageSizeOptions: a.pageSizeOptions,
+            limit: _e.value,
+            showPageSize: s.showPageSize,
+            pageSizeOptions: s.pageSizeOptions,
             currentPageSize: r.value,
             stringFormat: Be,
             setPageSize: g
           }, () => [
-            C("div", ir, [
-              C("span", rr, H(Be(
+            z("div", rr, [
+              z("span", ar, q(Be(
                 t.paginationInfo,
-                T.value ? ge.value : 0,
-                Te.value,
-                T.value
+                _.value ? ge.value : 0,
+                _e.value,
+                _.value
               )), 1),
               t.showPageSize ? ve((m(), w("select", {
                 key: 0,
-                "onUpdate:modelValue": v[3] || (v[3] = (k) => r.value = k),
+                "onUpdate:modelValue": v[3] || (v[3] = (L) => r.value = L),
                 class: "bh-pagesize"
               }, [
-                (m(!0), w(U, null, pe(t.pageSizeOptions, (k) => (m(), w("option", {
-                  value: k,
-                  key: k
-                }, H(k), 9, sr))), 128))
+                (m(!0), w(G, null, pe(t.pageSizeOptions, (L) => (m(), w("option", {
+                  value: L,
+                  key: L
+                }, q(L), 9, sr))), 128))
               ], 512)), [
                 [cn, r.value]
-              ]) : N("", !0)
+              ]) : R("", !0)
             ])
-          ]) : N("", !0),
-          a.enablefooterpagination ? ae(a.$slots, "footerpagination", {
+          ]) : R("", !0),
+          s.enablefooterpagination ? ae(s.$slots, "footerpagination", {
             key: 1,
-            currentPage: s.value,
+            currentPage: a.value,
             maxPage: se.value,
             paging: De.value,
             movePage: Ee,
             nextPage: re,
             previousPage: je
           }, () => [
-            C("div", ar, [
+            z("div", ur, [
               t.showFirstPage ? (m(), w("button", {
                 key: 0,
                 type: "button",
-                class: M(["bh-page-item first-page", { disabled: s.value <= 1 }]),
-                onClick: v[4] || (v[4] = (k) => s.value = 1)
+                class: T(["bh-page-item first-page", { disabled: a.value <= 1 }]),
+                onClick: v[4] || (v[4] = (L) => a.value = 1)
               }, [
                 t.firstArrow ? (m(), w("span", {
                   key: 0,
                   innerHTML: t.firstArrow
-                }, null, 8, ur)) : (m(), w("svg", cr, fr))
-              ], 2)) : N("", !0),
-              C("button", {
+                }, null, 8, cr)) : (m(), w("svg", dr, hr))
+              ], 2)) : R("", !0),
+              z("button", {
                 type: "button",
-                class: M(["bh-page-item previous-page", { disabled: s.value <= 1 }]),
+                class: T(["bh-page-item previous-page", { disabled: a.value <= 1 }]),
                 onClick: je
               }, [
                 t.previousArrow ? (m(), w("span", {
                   key: 0,
                   innerHTML: t.previousArrow
-                }, null, 8, hr)) : (m(), w("svg", pr, mr))
+                }, null, 8, pr)) : (m(), w("svg", vr, gr))
               ], 2),
-              t.showNumbers ? (m(!0), w(U, { key: 1 }, pe(De.value, (k) => (m(), w("button", {
-                key: k,
+              t.showNumbers ? (m(!0), w(G, { key: 1 }, pe(De.value, (L) => (m(), w("button", {
+                key: L,
                 type: "button",
-                class: M(["bh-page-item", {
-                  disabled: s.value === k,
-                  "bh-active": k === s.value
+                class: T(["bh-page-item", {
+                  disabled: a.value === L,
+                  "bh-active": L === a.value
                 }]),
-                onClick: (D) => Ee(k)
-              }, H(k), 11, gr))), 128)) : N("", !0),
-              C("button", {
+                onClick: (D) => Ee(L)
+              }, q(L), 11, br))), 128)) : R("", !0),
+              z("button", {
                 type: "button",
-                class: M(["bh-page-item next-page", { disabled: s.value >= se.value }]),
+                class: T(["bh-page-item next-page", { disabled: a.value >= se.value }]),
                 onClick: re
               }, [
                 t.nextArrow ? (m(), w("span", {
                   key: 0,
                   innerHTML: t.nextArrow
-                }, null, 8, br)) : (m(), w("svg", yr, xr))
+                }, null, 8, yr)) : (m(), w("svg", wr, Sr))
               ], 2),
               t.showLastPage ? (m(), w("button", {
                 key: 2,
                 type: "button",
-                class: M(["bh-page-item last-page", { disabled: s.value >= se.value }]),
-                onClick: v[5] || (v[5] = (k) => s.value = se.value)
+                class: T(["bh-page-item last-page", { disabled: a.value >= se.value }]),
+                onClick: v[5] || (v[5] = (L) => a.value = se.value)
               }, [
                 t.lastArrow ? (m(), w("span", {
                   key: 0,
                   innerHTML: t.lastArrow
-                }, null, 8, Sr)) : (m(), w("svg", kr, zr))
-              ], 2)) : N("", !0)
+                }, null, 8, kr)) : (m(), w("svg", Cr, Lr))
+              ], 2)) : R("", !0)
             ])
-          ]) : N("", !0)
+          ]) : R("", !0)
         ])
-      ], 2)) : N("", !0)
+      ], 2)) : R("", !0)
     ]));
   }
 });