@dolusoft/vue3-datatable 1.7.28 → 1.7.30

package/dist/vue3-datatable.js

@@ -1,4 +1,4 @@
-import { onMounted as Le, nextTick as Oe, getCurrentScope as Vn, onScopeDispose as Un, unref as K, getCurrentInstance as Ct, computed as X, ref as D, 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 L, normalizeClass as _, normalizeStyle as ee, withModifiers as ye, setBlockTracking as Dt, 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 Me, h as vt, toRef as Jn, toDisplayString as H, createTextVNode as mt, vModelText as ut, vModelSelect as cn, withCtx as Pe, vModelCheckbox as Zn } from "vue";
+import { onMounted as Le, nextTick as _e, getCurrentScope as Vn, onScopeDispose as Un, unref as K, getCurrentInstance as zt, computed as X, ref as B, watch as ne, defineComponent as we, useCssVars as Gn, shallowRef as me, onUnmounted as Ze, openBlock as m, createElementBlock as w, Fragment as G, withDirectives as ve, createElementVNode as L, normalizeClass as T, normalizeStyle as Z, withModifiers as ye, setBlockTracking as Bt, vShow as vt, createCommentVNode as R, mergeProps as Qn, renderSlot as ae, renderList as pe, createVNode as ie, reactive as Kn, watchEffect as Xn, useSlots as un, onBeforeUnmount as Lt, provide as Ce, createBlock as ue, resolveDynamicComponent as Yn, inject as Me, h as mt, toRef as Jn, toDisplayString as q, createTextVNode as gt, vModelText as ct, vModelSelect as cn, withCtx as Pe, vModelCheckbox as Zn } from "vue";
 function el(e) {
   return Vn() ? (Un(e), !0) : !1;
 }
@@ -8,19 +8,19 @@ function tl(e) {
 const nl = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
 function ll(e) {
-  return Ct();
+  return zt();
 }
 function ol(e, l = !0, n) {
-  ll() ? Le(e, n) : l ? e() : Oe(e);
+  ll() ? Le(e, n) : l ? e() : _e(e);
 }
-function _e(e) {
+function Te(e) {
   var l;
   const n = tl(e);
   return (l = n == null ? void 0 : n.$el) != null ? l : n;
 }
 const dn = nl ? window : void 0;
 function il() {
-  const e = D(!1), l = Ct();
+  const e = B(!1), l = zt();
   return l && Le(() => {
     e.value = !0;
   }, l), e;
@@ -29,15 +29,15 @@ function rl(e) {
   const l = il();
   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 = X(() => Array.isArray(e) ? e.map((p) => _e(p)) : [_e(e)]), f = te(
+  }, u = X(() => Array.isArray(e) ? e.map((p) => Te(p)) : [Te(e)]), f = ne(
     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,69 +48,69 @@ 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 = {}) {
+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 = _e(e)) == null ? void 0 : p.namespaceURI) == null ? void 0 : E.includes("svg");
-  }), s = D(l.width), r = D(l.height), { stop: u } = sl(
+    return (E = (p = 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 = _e(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 = _e(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(
-    () => _e(e),
+  const f = ne(
+    () => 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
   };
 }
-var ul = typeof global == "object" && global && global.Object === Object && global, cl = typeof self == "object" && self && self.Object === Object && self, fn = ul || cl || Function("return this")(), et = fn.Symbol, hn = Object.prototype, dl = hn.hasOwnProperty, fl = hn.toString, Ie = et ? et.toStringTag : void 0;
+var ul = typeof global == "object" && global && global.Object === Object && global, cl = typeof self == "object" && self && self.Object === Object && self, fn = ul || cl || Function("return this")(), et = fn.Symbol, hn = Object.prototype, dl = hn.hasOwnProperty, fl = hn.toString, Fe = et ? et.toStringTag : void 0;
 function hl(e) {
-  var l = dl.call(e, Ie), n = e[Ie];
+  var l = dl.call(e, Fe), n = e[Fe];
   try {
-    e[Ie] = void 0;
+    e[Fe] = void 0;
     var o = !0;
   } catch {
   }
   var t = fl.call(e);
-  return o && (l ? e[Ie] = n : delete e[Ie]), t;
+  return o && (l ? e[Fe] = n : delete e[Fe]), t;
 }
 var pl = Object.prototype, vl = pl.toString;
 function ml(e) {
   return vl.call(e);
 }
-var gl = "[object Null]", bl = "[object Undefined]", Bt = et ? et.toStringTag : void 0;
+var gl = "[object Null]", bl = "[object Undefined]", Dt = et ? et.toStringTag : void 0;
 function yl(e) {
-  return e == null ? e === void 0 ? bl : gl : Bt && Bt in Object(e) ? hl(e) : ml(e);
+  return e == null ? e === void 0 ? bl : gl : Dt && Dt in Object(e) ? hl(e) : ml(e);
 }
 function wl(e) {
   return e != null && typeof e == "object";
@@ -133,12 +133,12 @@ function tt(e) {
   var l = typeof e;
   return e != null && (l == "object" || l == "function");
 }
-var qt = NaN, El = /^[-+]0x[0-9a-f]+$/i, Ml = /^0b[01]+$/i, Pl = /^0o[0-7]+$/i, _l = 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;
@@ -147,61 +147,61 @@ function $e(e) {
     return e === 0 ? e : +e;
   e = Ll(e);
   var n = Ml.test(e);
-  return n || Pl.test(e) ? _l(e.slice(2), n ? 2 : 8) : El.test(e) ? qt : +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() {
+var dt = 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(S) {
-    var k = o, A = t;
-    return o = t = void 0, f = S, s = e.apply(A, k), s;
+  function _(S) {
+    var k = o, W = t;
+    return o = t = void 0, f = S, a = e.apply(W, k), a;
   }
   function I(S) {
-    return f = S, r = setTimeout(W, l), d ? T(S) : s;
+    return f = S, r = setTimeout(A, l), d ? _(S) : a;
   }
   function $(S) {
-    var k = S - u, A = S - f, V = l - k;
-    return p ? Ol(V, i - A) : V;
+    var k = S - u, W = S - f, V = l - k;
+    return p ? Ol(V, i - W) : V;
   }
   function y(S) {
-    var k = S - u, A = S - f;
-    return u === void 0 || k >= l || k < 0 || p && A >= i;
+    var k = S - u, W = S - f;
+    return u === void 0 || k >= l || k < 0 || p && W >= i;
   }
-  function W() {
-    var S = ct();
+  function A() {
+    var S = dt();
     if (y(S))
-      return q(S);
-    r = setTimeout(W, $(S));
+      return H(S);
+    r = setTimeout(A, $(S));
   }
-  function q(S) {
-    return r = void 0, E && o ? T(S) : (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(dt());
   }
   function Y() {
-    var S = ct(), k = y(S);
+    var S = dt(), k = y(S);
     if (o = arguments, t = this, u = S, k) {
       if (r === void 0)
         return I(u);
       if (p)
-        return clearTimeout(r), r = setTimeout(W, l), T(u);
+        return clearTimeout(r), r = setTimeout(A, l), _(u);
     }
-    return r === void 0 && (r = setTimeout(W, l)), s;
+    return r === void 0 && (r = setTimeout(A, l)), a;
   }
   return Y.cancel = j, Y.flush = O, Y;
 }
@@ -216,18 +216,18 @@ function vn(e, l, n) {
     trailing: t
   });
 }
-var Rl = Object.defineProperty, Nl = Object.defineProperties, Wl = Object.getOwnPropertyDescriptors, Ht = Object.getOwnPropertySymbols, Al = Object.prototype.hasOwnProperty, Dl = Object.prototype.propertyIsEnumerable, jt = (e, l, n) => l in e ? Rl(e, l, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[l] = n, nt = (e, l) => {
+var Rl = Object.defineProperty, Nl = Object.defineProperties, Al = Object.getOwnPropertyDescriptors, 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 = {}))
-    Al.call(l, n) && jt(e, n, l[n]);
-  if (Ht)
-    for (var n of Ht(l))
-      Dl.call(l, n) && jt(e, n, l[n]);
+    Wl.call(l, n) && jt(e, n, l[n]);
+  if (qt)
+    for (var n of qt(l))
+      Bl.call(l, n) && jt(e, n, l[n]);
   return e;
-}, mn = (e, l) => Nl(e, Wl(l));
-const Bl = ["onPointerdown"], ql = {
+}, mn = (e, l) => Nl(e, Al(l));
+const Dl = ["onPointerdown"], Hl = {
   name: "ScrollbarThumb"
 };
-function Hl(e, { expose: l }) {
+function ql(e, { expose: l }) {
   const n = e;
   Gn((k) => ({
     "1fb98f78": K(o)
@@ -237,7 +237,7 @@ function Hl(e, { expose: l }) {
     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(() => {
@@ -249,29 +249,29 @@ function Hl(e, { expose: l }) {
   Ze(f);
   const d = vn((k) => {
     k.stopPropagation(), k.preventDefault();
-    const A = n.type === "horizontal" ? "pageX" : "pageY", V = (k[A] - s[A]) / n.scrollInfo.wrapperMainSize * n.scrollInfo.contentMainSize;
-    n.wrapperEl.scrollTo({ [n.type === "horizontal" ? "left" : "top"]: s.scrollPos + V, behavior: "auto" });
+    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 = (k) => {
-    k.ctrlKey || k.button !== 0 || (f(), s.pageX = k.pageX, s.pageY = k.pageY, s.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"));
+    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), W = null, q = null, j = X(() => n.fixedThumb && !$.value);
+  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 = () => {
-    W && (W.disconnect(), W = null), q && (q.disconnect(), q = null);
+    A && (A.disconnect(), A = null), H && (H.disconnect(), H = null);
   };
-  return te(() => [n.fixedThumb, n.wrapperEl], () => {
+  return ne(() => [n.fixedThumb, n.wrapperEl], () => {
     if (!n.fixedThumb || !n.wrapperEl)
       return S();
-    S(), q = new IntersectionObserver(Y, { threshold: [0, 0.5] }), q.observe(n.wrapperEl), W = new IntersectionObserver(O), W.observe(y.value);
-  }), Ze(S), (k, A) => (m(), w(G, null, [
+    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(L("div", {
-      class: _([
+      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: (V, Z) => {
-        Z.thumbEl = V, i.value = V;
+      ref: (V, ee) => {
+        ee.thumbEl = V, i.value = V;
       },
       onPointerdown: ye(E, ["stop"])
     }, [
-      A[0] || (Dt(-1), A[0] = L("div", {
-        class: _(["scrollbar__thumb", `scrollbar__thumb--${e.type}`])
-      }, null, 2), Dt(1), A[0])
-    ], 46, Bl), [
-      [pt, !!e.scrollInfo.thumbSize && (e.fixedThumb ? I.value : !0)]
+      W[0] || (Bt(-1), W[0] = L("div", {
+        class: T(["scrollbar__thumb", `scrollbar__thumb--${e.type}`])
+      }, null, 2), Bt(1), W[0])
+    ], 46, Dl), [
+      [vt, !!e.scrollInfo.thumbSize && (e.fixedThumb ? I.value : !0)]
     ]),
     n.fixedThumb ? ve((m(), w("div", {
       key: 0,
-      ref: (V, Z) => {
-        Z.shepherdEl = V, y.value = V;
+      ref: (V, ee) => {
+        ee.shepherdEl = V, y.value = V;
       },
-      class: _(["scrollbar__shepherd", `scrollbar__shepherd--${e.type}`])
+      class: T(["scrollbar__shepherd", `scrollbar__shepherd--${e.type}`])
     }, null, 2)), [
-      [pt, !!e.scrollInfo.thumbSize]
-    ]) : N("", !0)
+      [vt, !!e.scrollInfo.thumbSize]
+    ]) : 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,52 +350,52 @@ 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);
+    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 A;
-        return (A = k == null ? void 0 : k.classList) == null ? void 0 : A.contains(`scrollbar__thumbPlaceholder--${S}`);
+        var W;
+        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 = X(() => ({
-    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 = X(() => ({
-    thumbSize: d.value ? Qe(u.height / s.value.scrollHeight * u.height, o.thumbMinSize > u.height ? 48 : o.thumbMinSize, o.thumbMaxSize) : 0,
+    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)
-  })), $ = X(() => u.height - I.value.thumbSize - 5), y = X(() => u.width - T.value.thumbSize - 5);
-  const W = () => {
-    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());
+  })), $ = X(() => u.height - I.value.thumbSize - 5), y = X(() => u.width - _.value.thumbSize - 5);
+  const A = () => {
+    p.value && (t.horizontal.el.style.transform = `translate3d(${a.value.scrollLeft / p.value * y.value}px, 0, 0)`, t.horizontal.instance.autoHideAfterScroll()), d.value && (t.vertical.el.style.transform = `translate3d(0, ${a.value.scrollTop / d.value * $.value}px, 0)`, t.vertical.instance.autoHideAfterScroll());
   };
-  te(() => [p.value, d.value], W);
-  const q = (O) => {
+  ne(() => [p.value, d.value], A);
+  const H = (O) => {
     O.stopPropagation();
-    const Y = s.value.scrollLeft, S = s.value.scrollTop, k = Qe(Y + ((O == null ? void 0 : O.deltaX) || 0), 0, p.value) | 0, A = Qe(S + ((O == null ? void 0 : O.deltaY) || 0), 0, d.value) | 0;
-    s.value.scrollLeft = k, s.value.scrollTop = A, 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, ${A / d.value * $.value}px, 0)`, t.vertical.instance.autoHideAfterScroll()), n("scroll", { target: s.value, scrollLeft: k, scrollTop: A });
+    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) : W();
+    o.simulateScroll ? H(O) : A();
   };
-  return te(u, () => n("wrapperResize", u)), te(f, () => n("contentResize", f)), l({
-    scrollEl: s
+  return ne(u, () => n("wrapperResize", u)), ne(f, () => n("contentResize", f)), l({
+    scrollEl: a
   }), (O, Y) => (m(), w("div", {
-    class: _(["scrollbar__wrapper", e.wrapperClass]),
-    style: ee(e.wrapperStyle)
+    class: T(["scrollbar__wrapper", e.wrapperClass]),
+    style: Z(e.wrapperStyle)
   }, [
     L("div", Qn({
       ref: (S, k) => {
-        k.wrapperEl = S, s.value = S;
+        k.wrapperEl = S, a.value = S;
       },
       class: "scrollbar__scroller"
     }, O.$attrs, {
@@ -406,23 +406,23 @@ function Gl(e, { expose: l, emit: n }) {
         ref: (S, k) => {
           k.contentEl = S, r.value = S;
         },
-        class: _(["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(G, null, pe(t, (S, k) => oe(jl, {
-      ref: (A) => i(A, k),
+    (m(), w(G, null, pe(t, (S, k) => ie(jl, {
+      ref: (W) => i(W, k),
       key: k,
       autoExpand: e.autoExpand,
       autoHide: e.autoHide,
       autoHideDelay: e.autoHideDelay,
       fixedThumb: k === e.direction ? !1 : e.fixedThumb,
       type: k,
-      scrollInfo: k === "vertical" ? I.value : T.value,
+      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,55 +469,55 @@ const Ql = /* @__PURE__ */ we(mn(nt({}, Ul), {
     "splitter-dblclick"
   ],
   setup(e, { emit: l }) {
-    const n = l, o = e, t = un(), i = D([]), s = X(() => i.value.reduce((c, g) => (c[~~g.id] = g) && c, {})), r = X(() => i.value.length), u = D(null), f = D(!1), d = D({
+    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,
       cursorOffset: 0
       // Cursor offset within the splitter.
-    }), p = D({
+    }), p = B({
       // Used to detect double click on touch devices.
       splitter: null,
       timeoutId: null
     }), E = X(() => ({
       [`splitpanes splitpanes--${o.horizontal ? "horizontal" : "vertical"}`]: !0,
       "splitpanes--dragging": d.value.dragging
-    })), T = () => {
-      document.addEventListener("mousemove", y, { passive: !1 }), document.addEventListener("mouseup", W), "ontouchstart" in window && (document.addEventListener("touchmove", y, { passive: !1 }), document.addEventListener("touchend", W));
+    })), _ = () => {
+      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", W), "ontouchstart" in window && (document.removeEventListener("touchmove", y, { passive: !1 }), document.removeEventListener("touchend", W));
+      document.removeEventListener("mousemove", y, { passive: !1 }), document.removeEventListener("mouseup", A), "ontouchstart" in window && (document.removeEventListener("touchmove", y, { passive: !1 }), document.removeEventListener("touchend", A));
     }, $ = (c, g) => {
-      const C = c.target.closest(".splitpanes__splitter");
-      if (C) {
-        const { left: b, top: x } = C.getBoundingClientRect(), { clientX: M, clientY: R } = "ontouchstart" in window && c.touches ? c.touches[0] : c;
-        d.value.cursorOffset = o.horizontal ? R - x : M - b;
+      const z = c.target.closest(".splitpanes__splitter");
+      if (z) {
+        const { left: b, top: x } = z.getBoundingClientRect(), { clientX: M, clientY: N } = "ontouchstart" in window && c.touches ? c.touches[0] : c;
+        d.value.cursorOffset = o.horizontal ? N - x : M - b;
       }
-      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(() => {
         k(Y(c)), re("resize", { event: c }, !0);
       }));
-    }, W = (c) => {
+    }, 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 C = 0;
-        i.value = i.value.map((b, x) => (b.size = x === g ? b.max : b.min, x !== g && (C += b.min), b)), i.value[g].size -= C, re("pane-maximize", { event: c, index: g, pane: i.value[g] }), re("resized", { event: c, index: g }, !0);
+        let z = 0;
+        i.value = i.value.map((b, x) => (b.size = x === g ? b.max : b.min, x !== g && (z += b.min), b)), i.value[g].size -= z, re("pane-maximize", { event: c, index: g, pane: i.value[g] }), re("resized", { event: c, index: g }, !0);
       }
     }, O = (c, g) => {
       re("pane-click", {
         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: C, clientY: b } = "ontouchstart" in window && c.touches ? c.touches[0] : c;
+      const g = u.value.getBoundingClientRect(), { clientX: z, clientY: b } = "ontouchstart" in window && c.touches ? c.touches[0] : c;
       return {
-        x: C - (o.horizontal ? 0 : d.value.cursorOffset) - g.left,
+        x: z - (o.horizontal ? 0 : d.value.cursorOffset) - g.left,
         y: b - (o.horizontal ? d.value.cursorOffset : 0) - g.top
       };
     }, S = (c) => {
@@ -526,46 +526,46 @@ const Ql = /* @__PURE__ */ we(mn(nt({}, Ul), {
       return o.rtl && !o.horizontal && (c = g - c), c * 100 / g;
     }, k = (c) => {
       const g = d.value.activeSplitter;
-      let C = {
+      let z = {
         prevPanesSize: V(g),
-        nextPanesSize: Z(g),
+        nextPanesSize: ee(g),
         prevReachedMinPanes: 0,
         nextReachedMinPanes: 0
       };
-      const b = 0 + (o.pushOtherPanes ? 0 : C.prevPanesSize), x = 100 - (o.pushOtherPanes ? 0 : C.nextPanesSize), M = Math.max(Math.min(S(c), x), b);
-      let R = [g, g + 1], ne = i.value[R[0]] || null, F = i.value[R[1]] || null;
-      const xe = ne.max < 100 && M >= ne.max + C.prevPanesSize, Ve = F.max < 100 && M <= 100 - (F.max + Z(g + 1));
+      const b = 0 + (o.pushOtherPanes ? 0 : z.prevPanesSize), x = 100 - (o.pushOtherPanes ? 0 : z.nextPanesSize), M = Math.max(Math.min(S(c), x), b);
+      let N = [g, g + 1], le = i.value[N[0]] || null, F = i.value[N[1]] || null;
+      const xe = le.max < 100 && M >= le.max + z.prevPanesSize, Ve = F.max < 100 && M <= 100 - (F.max + ee(g + 1));
       if (xe || Ve) {
-        xe ? (ne.size = ne.max, F.size = Math.max(100 - ne.max - C.prevPanesSize - C.nextPanesSize, 0)) : (ne.size = Math.max(100 - F.max - C.prevPanesSize - Z(g + 1), 0), F.size = F.max);
+        xe ? (le.size = le.max, F.size = Math.max(100 - le.max - z.prevPanesSize - z.nextPanesSize, 0)) : (le.size = Math.max(100 - F.max - z.prevPanesSize - ee(g + 1), 0), F.size = F.max);
         return;
       }
       if (o.pushOtherPanes) {
-        const fe = A(C, M);
+        const fe = W(z, M);
         if (!fe) return;
-        ({ sums: C, panesToResize: R } = fe), ne = i.value[R[0]] || null, F = i.value[R[1]] || null;
+        ({ sums: z, panesToResize: N } = fe), le = i.value[N[0]] || null, F = i.value[N[1]] || null;
       }
-      ne !== null && (ne.size = Math.min(Math.max(M - C.prevPanesSize - C.prevReachedMinPanes, ne.min), ne.max)), F !== null && (F.size = Math.min(Math.max(100 - M - C.nextPanesSize - C.nextReachedMinPanes, F.min), F.max));
-    }, A = (c, g) => {
-      const C = d.value.activeSplitter, b = [C, C + 1];
-      return g < c.prevPanesSize + i.value[b[0]].min && (b[0] = st(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);
+      le !== null && (le.size = Math.min(Math.max(M - z.prevPanesSize - z.prevReachedMinPanes, le.min), le.max)), F !== null && (F.size = Math.min(Math.max(100 - M - z.nextPanesSize - z.nextReachedMinPanes, F.min), F.max));
+    }, W = (c, g) => {
+      const z = d.value.activeSplitter, b = [z, z + 1];
+      return g < c.prevPanesSize + i.value[b[0]].min && (b[0] = at(z).index, c.prevReachedMinPanes = 0, b[0] < z && i.value.forEach((x, M) => {
+        M > b[0] && M <= z && (x.size = x.min, c.prevReachedMinPanes += x.min);
       }), c.prevPanesSize = 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 = Z(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 - Z(b[0] - 1), null) : { sums: c, panesToResize: b };
-    }, V = (c) => i.value.reduce((g, C, b) => g + (b < c ? C.size : 0), 0), Z = (c) => i.value.reduce((g, C, b) => g + (b > c + 1 ? C.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) || {}, De = () => {
+        M > 0 && M <= z && (x.size = x.min, c.prevReachedMinPanes += x.min);
+      }), i.value[b[1]].size = 100 - c.prevReachedMinPanes - i.value[0].min - c.prevPanesSize - c.nextPanesSize, null) : g > 100 - c.nextPanesSize - i.value[b[1]].min && (b[1] = oe(z).index, c.nextReachedMinPanes = 0, b[1] > z + 1 && i.value.forEach((x, M) => {
+        M > z && M < b[1] && (x.size = x.min, c.nextReachedMinPanes += x.min);
+      }), c.nextPanesSize = ee(b[1] - 1), b[1] === void 0) ? (c.nextReachedMinPanes = 0, i.value.forEach((x, M) => {
+        M < r.value - 1 && M >= z + 1 && (x.size = x.min, c.nextReachedMinPanes += x.min);
+      }), i.value[b[0]].size = 100 - c.prevPanesSize - ee(b[0] - 1), null) : { sums: c, panesToResize: b };
+    }, V = (c) => i.value.reduce((g, z, b) => g + (b < c ? z.size : 0), 0), ee = (c) => i.value.reduce((g, z, b) => g + (b > c + 1 ? z.size : 0), 0), at = (c) => [...i.value].reverse().find((g) => g.index < c && g.size > g.min) || {}, oe = (c) => i.value.find((g) => g.index > c + 1 && g.size > g.min) || {}, Be = () => {
       var c;
       const g = Array.from(((c = u.value) == null ? void 0 : c.children) || []);
-      for (const C of g) {
-        const b = C.classList.contains("splitpanes__pane"), x = C.classList.contains("splitpanes__splitter");
-        !b && !x && (C.remove(), console.warn("Splitpanes: Only <pane> elements are allowed at the root of <splitpanes>. One of your DOM nodes was removed."));
+      for (const z of g) {
+        const b = z.classList.contains("splitpanes__pane"), x = z.classList.contains("splitpanes__splitter");
+        !b && !x && (z.remove(), console.warn("Splitpanes: Only <pane> elements are allowed at the root of <splitpanes>. One of your DOM nodes was removed."));
       }
-    }, J = (c, g, C = !1) => {
+    }, J = (c, g, z = !1) => {
       const b = c - 1, x = document.createElement("div");
-      x.classList.add("splitpanes__splitter"), C || (x.onmousedown = (M) => $(M, b), typeof window < "u" && "ontouchstart" in window && (x.ontouchstart = (M) => $(M, b)), x.onclick = (M) => q(M, b + 1)), x.ondblclick = (M) => j(M, b + 1), g.parentNode.insertBefore(x, g);
+      x.classList.add("splitpanes__splitter"), z || (x.onmousedown = (M) => $(M, b), typeof window < "u" && "ontouchstart" in window && (x.ontouchstart = (M) => $(M, b)), x.onclick = (M) => H(M, b + 1)), x.ondblclick = (M) => j(M, b + 1), g.parentNode.insertBefore(x, g);
     }, se = (c) => {
       c.onmousedown = void 0, c.onclick = void 0, c.ondblclick = void 0, c.remove();
     }, ge = () => {
@@ -573,96 +573,96 @@ const Ql = /* @__PURE__ */ we(mn(nt({}, Ul), {
       const g = Array.from(((c = u.value) == null ? void 0 : c.children) || []);
       for (const b of g)
         b.className.includes("splitpanes__splitter") && se(b);
-      let C = 0;
+      let z = 0;
       for (const b of g)
-        b.className.includes("splitpanes__pane") && (!C && o.firstSplitter ? J(C, b, !0) : C && J(C, b), C++);
-    }, Te = ({ uid: c, ...g }) => {
-      const C = s.value[c];
-      for (const [b, x] of Object.entries(g)) C[b] = x;
-    }, Be = (c) => {
+        b.className.includes("splitpanes__pane") && (!z && o.firstSplitter ? J(z, b, !0) : z && J(z, b), z++);
+    }, Ie = ({ uid: c, ...g }) => {
+      const z = a.value[c];
+      for (const [b, x] of Object.entries(g)) z[b] = x;
+    }, De = (c) => {
       var g;
-      let C = -1;
-      Array.from(((g = u.value) == null ? void 0 : g.children) || []).some((b) => (b.className.includes("splitpanes__pane") && C++, b.isSameNode(c.el))), i.value.splice(C, 0, { ...c, index: C }), i.value.forEach((b, x) => b.index = x), f.value && Oe(() => {
-        ge(), de({ addedPane: i.value[C] }), re("pane-add", { pane: i.value[C] });
+      let z = -1;
+      Array.from(((g = u.value) == null ? void 0 : g.children) || []).some((b) => (b.className.includes("splitpanes__pane") && z++, b.isSameNode(c.el))), i.value.splice(z, 0, { ...c, index: z }), i.value.forEach((b, x) => b.index = x), f.value && _e(() => {
+        ge(), de({ addedPane: i.value[z] }), re("pane-add", { pane: i.value[z] });
       });
-    }, qe = (c) => {
+    }, He = (c) => {
       const g = i.value.findIndex((b) => b.id === c);
       i.value[g].el = null;
-      const C = i.value.splice(g, 1)[0];
-      i.value.forEach((b, x) => b.index = x), Oe(() => {
-        ge(), re("pane-remove", { pane: C }), de({ removedPane: { ...C } });
+      const z = i.value.splice(g, 1)[0];
+      i.value.forEach((b, x) => b.index = x), _e(() => {
+        ge(), re("pane-remove", { pane: z }), de({ removedPane: { ...z } });
       });
     }, de = (c = {}) => {
-      !c.addedPane && !c.removedPane ? He() : i.value.some((g) => g.givenSize !== null || g.min || g.max < 100) ? je(c) : ue(), f.value && re("resized");
-    }, ue = () => {
+      !c.addedPane && !c.removedPane ? qe() : i.value.some((g) => g.givenSize !== null || g.min || g.max < 100) ? je(c) : ce(), f.value && re("resized");
+    }, ce = () => {
       const c = 100 / r.value;
       let g = 0;
-      const C = [], b = [];
+      const z = [], b = [];
       for (const x of i.value)
-        x.size = Math.max(Math.min(c, x.max), x.min), g -= x.size, x.size >= x.max && C.push(x.id), x.size <= x.min && b.push(x.id);
-      g > 0.1 && Ee(g, C, b);
-    }, He = () => {
+        x.size = Math.max(Math.min(c, x.max), x.min), g -= x.size, x.size >= x.max && z.push(x.id), x.size <= x.min && b.push(x.id);
+      g > 0.1 && Ee(g, z, b);
+    }, qe = () => {
       let c = 100;
-      const g = [], C = [];
+      const g = [], z = [];
       let b = 0;
       for (const M of i.value)
-        c -= M.size, M.givenSize !== null && b++, M.size >= M.max && g.push(M.id), M.size <= M.min && C.push(M.id);
+        c -= M.size, M.givenSize !== null && b++, M.size >= M.max && g.push(M.id), M.size <= M.min && z.push(M.id);
       let x = 100;
       if (c > 0.1) {
         for (const M of i.value)
           M.givenSize === null && (M.size = Math.max(Math.min(c / (r.value - b), M.max), M.min)), x -= M.size;
-        x > 0.1 && Ee(x, g, C);
+        x > 0.1 && Ee(x, g, z);
       }
     }, je = ({ addedPane: c, removedPane: g } = {}) => {
-      let C = 100 / r.value, b = 0;
+      let z = 100 / r.value, b = 0;
       const x = [], M = [];
-      ((c == null ? void 0 : c.givenSize) ?? null) !== null && (C = (100 - c.givenSize) / (r.value - 1));
-      for (const R of i.value)
-        b -= R.size, R.size >= R.max && x.push(R.id), R.size <= R.min && M.push(R.id);
+      ((c == null ? void 0 : c.givenSize) ?? null) !== null && (z = (100 - c.givenSize) / (r.value - 1));
+      for (const N of i.value)
+        b -= N.size, N.size >= N.max && x.push(N.id), N.size <= N.min && M.push(N.id);
       if (!(Math.abs(b) < 0.1)) {
-        for (const 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(C, R.max), R.min)), b -= R.size, R.size >= R.max && x.push(R.id), R.size <= R.min && M.push(R.id);
+        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(z, N.max), N.min)), b -= N.size, N.size >= N.max && x.push(N.id), N.size <= N.min && M.push(N.id);
         b > 0.1 && Ee(b, x, M);
       }
-    }, Ee = (c, g, C) => {
+    }, Ee = (c, g, z) => {
       let b;
-      c > 0 ? b = c / (r.value - g.length) : b = c / (r.value - C.length), i.value.forEach((x, M) => {
+      c > 0 ? b = c / (r.value - g.length) : b = c / (r.value - z.length), i.value.forEach((x, M) => {
         if (c > 0 && !g.includes(x.id)) {
-          const R = Math.max(Math.min(x.size + b, x.max), x.min), ne = R - x.size;
-          c -= ne, x.size = R;
-        } else if (!C.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), le = N - x.size;
+          c -= le, x.size = N;
+        } else if (!z.includes(x.id)) {
+          const N = Math.max(Math.min(x.size + b, x.max), x.min), le = N - x.size;
+          c -= le, x.size = N;
         }
-      }), Math.abs(c) > 0.1 && Oe(() => {
+      }), Math.abs(c) > 0.1 && _e(() => {
         f.value && console.warn("Splitpanes: Could not resize panes correctly due to their constraints.");
       });
-    }, re = (c, g = void 0, C = !1) => {
+    }, re = (c, g = void 0, z = !1) => {
       const b = (g == null ? void 0 : g.index) ?? d.value.activeSplitter ?? null;
       n(c, {
         ...g,
         ...b !== null && { index: b },
-        ...C && b !== null && {
+        ...z && b !== null && {
           prevPane: i.value[b - (o.firstSplitter ? 1 : 0)],
           nextPane: i.value[b + (o.firstSplitter ? 0 : 1)]
         },
         panes: i.value.map((x) => ({ min: x.min, max: x.max, size: x.size }))
       });
     };
-    te(() => o.firstSplitter, () => ge()), Le(() => {
-      De(), ge(), de(), re("ready"), f.value = !0;
-    }), zt(() => f.value = !1);
-    const It = () => {
+    ne(() => o.firstSplitter, () => ge()), Le(() => {
+      Be(), ge(), de(), re("ready"), f.value = !0;
+    }), Lt(() => f.value = !1);
+    const Ft = () => {
       var c;
-      return vt(
+      return mt(
         "div",
         { ref: u, class: E.value },
         (c = t.default) == null ? void 0 : c.call(t)
       );
     };
-    return Ce("panes", i), Ce("indexedPanes", s), Ce("horizontal", X(() => o.horizontal)), Ce("requestUpdate", Te), Ce("onPaneAdd", Be), 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", Ie), Ce("onPaneAdd", De), Ce("onPaneRemove", He), Ce("onPaneClick", O), (c, g) => (m(), ue(Yn(Ft)));
   }
-}, dt = {
+}, ft = {
   __name: "pane",
   props: {
     size: { type: [Number, String] },
@@ -671,10 +671,10 @@ const Ql = /* @__PURE__ */ we(mn(nt({}, Ul), {
   },
   setup(e) {
     var l;
-    const n = e, o = Me("requestUpdate"), t = Me("onPaneAdd"), i = Me("horizontal"), s = Me("onPaneRemove"), r = Me("onPaneClick"), u = (l = Ct()) == null ? void 0 : l.uid, f = Me("indexedPanes"), d = X(() => f.value[u]), p = D(null), E = X(() => {
+    const n = e, o = Me("requestUpdate"), t = Me("onPaneAdd"), i = Me("horizontal"), a = Me("onPaneRemove"), r = Me("onPaneClick"), u = (l = zt()) == null ? void 0 : l.uid, f = Me("indexedPanes"), d = X(() => f.value[u]), p = B(null), E = X(() => {
       const y = isNaN(n.size) || n.size === void 0 ? 0 : parseFloat(n.size);
-      return Math.max(Math.min(y, I.value), T.value);
-    }), T = X(() => {
+      return Math.max(Math.min(y, I.value), _.value);
+    }), _ = X(() => {
       const y = parseFloat(n.minSize);
       return isNaN(y) ? 0 : y;
     }), I = X(() => {
@@ -684,23 +684,23 @@ const Ql = /* @__PURE__ */ we(mn(nt({}, Ul), {
       var y;
       return `${i.value ? "height" : "width"}: ${(y = d.value) == null ? void 0 : y.size}%`;
     });
-    return te(() => E.value, (y) => o({ uid: u, size: y })), te(() => T.value, (y) => o({ uid: u, min: y })), te(() => I.value, (y) => o({ uid: u, max: y })), Le(() => {
+    return ne(() => E.value, (y) => o({ uid: u, size: y })), ne(() => _.value, (y) => o({ uid: u, min: y })), ne(() => I.value, (y) => o({ uid: u, max: y })), Le(() => {
       t({
         id: u,
         el: p.value,
-        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, W) => (m(), w("div", {
+    }), Lt(() => a(u)), (y, A) => (m(), w("div", {
       ref_key: "paneEl",
       ref: p,
       class: "splitpanes__pane",
-      onClick: W[0] || (W[0] = (q) => K(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;
   }
@@ -755,7 +755,7 @@ const Ql = /* @__PURE__ */ we(mn(nt({}, Ul), {
 }), it = Object.freeze({
   ...gn,
   ...lt
-}), gt = Object.freeze({
+}), bt = Object.freeze({
   ...it,
   body: "",
   hidden: !1
@@ -768,34 +768,34 @@ function Kl(e, l) {
 }
 function Gt(e, l) {
   const n = Kl(e, l);
-  for (const o in gt)
+  for (const o in bt)
     o in lt ? o in e && !(o in n) && (n[o] = lt[o]) : o in l ? n[o] = l[o] : o in e && (n[o] = e[o]);
   return n;
 }
 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 = [];
@@ -817,7 +817,7 @@ const Jl = {
   not_found: {},
   ...gn
 };
-function ft(e, l) {
+function ht(e, l) {
   for (const n in l)
     if (n in e && typeof e[n] != typeof l[n])
       return !1;
@@ -827,23 +827,23 @@ function yn(e) {
   if (typeof e != "object" || e === null)
     return null;
   const l = e;
-  if (typeof l.prefix != "string" || !e.icons || typeof e.icons != "object" || !ft(e, Jl))
+  if (typeof l.prefix != "string" || !e.icons || typeof e.icons != "object" || !ht(e, Jl))
     return null;
   const n = l.icons;
   for (const t in n) {
     const i = n[t];
-    if (!t.match(Re) || typeof i.body != "string" || !ft(
+    if (!t.match(Re) || typeof i.body != "string" || !ht(
       i,
-      gt
+      bt
     ))
       return null;
   }
   const o = l.aliases || /* @__PURE__ */ Object.create(null);
   for (const t in o) {
-    const i = o[t], 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] || !ht(
       i,
-      gt
+      bt
     ))
       return null;
   }
@@ -862,7 +862,7 @@ function ze(e, l) {
   const n = Qt[e] || (Qt[e] = /* @__PURE__ */ Object.create(null));
   return n[l] || (n[l] = Zl(e, l));
 }
-function Lt(e, l) {
+function Et(e, l) {
   return yn(l) ? bn(l, (n, o) => {
     o ? e.icons[n] = o : e.missing.add(n);
   }) : [];
@@ -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;
@@ -910,7 +910,7 @@ function lo(e, l) {
   }))
     return !1;
   const o = ze(l, n);
-  return !!Lt(o, e);
+  return !!Et(o, e);
 }
 const xn = Object.freeze({
   width: null,
@@ -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 = [], W = $.hFlip, q = $.vFlip;
+    const y = [], A = $.hFlip, H = $.vFlip;
     let j = $.rotate;
-    W ? 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,23 +1040,23 @@ 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;
 }
-const bt = /* @__PURE__ */ Object.create(null);
+const yt = /* @__PURE__ */ Object.create(null);
 function mo(e, l) {
-  bt[e] = l;
+  yt[e] = l;
 }
-function yt(e) {
-  return bt[e] || bt[""];
+function wt(e) {
+  return yt[e] || yt[""];
 }
-function Et(e) {
+function Mt(e) {
   let l;
   if (typeof e.resources == "string")
     l = [e.resources];
@@ -1081,21 +1081,21 @@ function Et(e) {
     dataAfterTimeout: e.dataAfterTimeout !== !1
   };
 }
-const Mt = /* @__PURE__ */ Object.create(null), Fe = [
+const Pt = /* @__PURE__ */ Object.create(null), Oe = [
   "https://api.simplesvg.com",
   "https://api.unisvg.com"
 ], Ye = [];
-for (; Fe.length > 0; )
-  Fe.length === 1 || Math.random() > 0.5 ? Ye.push(Fe.shift()) : Ye.push(Fe.pop());
-Mt[""] = Et({
+for (; Oe.length > 0; )
+  Oe.length === 1 || Math.random() > 0.5 ? Ye.push(Oe.shift()) : Ye.push(Oe.pop());
+Pt[""] = Mt({
   resources: ["https://api.iconify.design"].concat(Ye)
 });
 function go(e, l) {
-  const n = Et(l);
-  return n === null ? !1 : (Mt[e] = n, !0);
+  const n = Mt(l);
+  return n === null ? !1 : (Pt[e] = n, !0);
 }
-function Pt(e) {
-  return Mt[e];
+function Tt(e) {
+  return Pt[e];
 }
 const bo = () => {
   let e;
@@ -1107,7 +1107,7 @@ const bo = () => {
 };
 let Xt = bo();
 function yo(e, l) {
-  const n = Pt(e);
+  const n = Tt(e);
   if (!n)
     return 0;
   let o;
@@ -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 = Pt(e);
+    const l = Tt(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,10 +1263,10 @@ 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
       ));
     });
@@ -1283,8 +1283,8 @@ function Mo(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 Po(e, l = !0, n = !1) {
@@ -1294,7 +1294,7 @@ function Po(e, l = !0, n = !1) {
     i && o.push(i);
   }), o;
 }
-var _o = {
+var To = {
   resources: [],
   index: 0,
   timeout: 2e3,
@@ -1302,21 +1302,21 @@ var _o = {
   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 S = e.resources.slice(0);
-    for (s = []; S.length > 1; ) {
+    for (a = []; S.length > 1; ) {
       const k = Math.floor(Math.random() * S.length);
-      s.push(S[k]), S = S.slice(0, k).concat(S.slice(k + 1));
+      a.push(S[k]), S = S.slice(0, k).concat(S.slice(k + 1));
     }
-    s = s.concat(S);
+    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);
   }
@@ -1326,9 +1326,9 @@ function To(e, l, n, o) {
     }), E = [];
   }
   function y(S, k) {
-    k && (T = []), typeof S == "function" && T.push(S);
+    k && (_ = []), typeof S == "function" && _.push(S);
   }
-  function W() {
+  function A() {
     return {
       startTime: r,
       payload: l,
@@ -1339,8 +1339,8 @@ function To(e, l, n, o) {
       abort: $
     };
   }
-  function q() {
-    u = "failed", T.forEach((S) => {
+  function H() {
+    u = "failed", _.forEach((S) => {
       S(void 0, d);
     });
   }
@@ -1349,9 +1349,9 @@ function To(e, l, n, o) {
       S.status === "pending" && (S.status = "aborted");
     }), E = [];
   }
-  function O(S, k, A) {
+  function O(S, k, W) {
     const V = k !== "success";
-    switch (E = E.filter((Z) => Z !== S), u) {
+    switch (E = E.filter((ee) => ee !== S), u) {
       case "pending":
         break;
       case "failed":
@@ -1362,50 +1362,50 @@ function To(e, l, n, o) {
         return;
     }
     if (k === "abort") {
-      d = A, q();
+      d = W, H();
       return;
     }
     if (V) {
-      d = A, E.length || (s.length ? Y() : q());
+      d = W, E.length || (a.length ? Y() : H());
       return;
     }
     if (I(), j(), !e.random) {
-      const Z = e.resources.indexOf(S.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(A);
+    u = "completed", _.forEach((ee) => {
+      ee(W);
     });
   }
   function Y() {
     if (u !== "pending")
       return;
     I();
-    const S = s.shift();
+    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 k = {
       status: "pending",
       resource: S,
-      callback: (A, V) => {
-        O(k, A, V);
+      callback: (W, V) => {
+        O(k, W, V);
       }
     };
     E.push(k), f++, p = setTimeout(Y, e.rotate), n(S, l, k.callback);
   }
-  return setTimeout(Y), W;
+  return setTimeout(Y), A;
 }
 function Cn(e) {
   const l = {
-    ..._o,
+    ...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,
@@ -1438,41 +1438,41 @@ function Cn(e) {
 }
 function Yt() {
 }
-const ht = /* @__PURE__ */ Object.create(null);
+const pt = /* @__PURE__ */ Object.create(null);
 function Io(e) {
-  if (!ht[e]) {
-    const l = Pt(e);
+  if (!pt[e]) {
+    const l = Tt(e);
     if (!l)
       return;
     const n = Cn(l), o = {
       config: l,
       redundancy: n
     };
-    ht[e] = o;
+    pt[e] = o;
   }
-  return ht[e];
+  return pt[e];
 }
 function Fo(e, l, n) {
   let o, t;
   if (typeof e == "string") {
-    const i = yt(e);
+    const i = wt(e);
     if (!i)
       return n(void 0, 424), Yt;
     t = i.send;
-    const s = Io(e);
-    s && (o = s.redundancy);
+    const a = Io(e);
+    a && (o = a.redundancy);
   } else {
-    const i = Et(e);
+    const i = Mt(e);
     if (i) {
       o = Cn(i);
-      const s = e.resources ? e.resources[0] : "", r = yt(s);
+      const a = e.resources ? e.resources[0] : "", r = wt(a);
       r && (t = r.send);
     }
   }
   return !o || !t ? (n(void 0, 424), Yt) : o.query(l, t, n)().abort;
 }
-const Jt = "iconify2", We = "iconify", zn = We + "-count", Zt = We + "-version", Ln = 36e5, Oo = 168, $o = 50;
-function wt(e, l) {
+const Jt = "iconify2", Ae = "iconify", zn = Ae + "-count", Zt = Ae + "-version", Ln = 36e5, Oo = 168, $o = 50;
+function xt(e, l) {
   try {
     return e.getItem(l);
   } catch {
@@ -1490,11 +1490,11 @@ function en(e, l) {
   } catch {
   }
 }
-function xt(e, l) {
+function St(e, l) {
   return _t(e, zn, l.toString());
 }
-function St(e) {
-  return parseInt(wt(e, zn)) || 0;
+function kt(e) {
+  return parseInt(xt(e, zn)) || 0;
 }
 const rt = {
   local: !0,
@@ -1503,9 +1503,9 @@ const rt = {
   local: /* @__PURE__ */ new Set(),
   session: /* @__PURE__ */ new Set()
 };
-let Tt = !1;
+let It = !1;
 function Ro(e) {
-  Tt = e;
+  It = e;
 }
 let Ke = typeof window > "u" ? {} : window;
 function Mn(e) {
@@ -1521,18 +1521,18 @@ function Pn(e, l) {
   const n = Mn(e);
   if (!n)
     return;
-  const o = wt(n, Zt);
+  const o = xt(n, Zt);
   if (o !== Jt) {
     if (o) {
-      const r = St(n);
+      const r = kt(n);
       for (let u = 0; u < r; u++)
-        en(n, We + u.toString());
+        en(n, Ae + u.toString());
     }
-    _t(n, Zt, Jt), xt(n, 0);
+    _t(n, Zt, Jt), St(n, 0);
     return;
   }
   const t = Math.floor(Date.now() / Ln) - Oo, i = (r) => {
-    const u = We + r.toString(), f = wt(n, u);
+    const u = Ae + r.toString(), f = xt(n, u);
     if (typeof f == "string") {
       try {
         const d = JSON.parse(f);
@@ -1544,12 +1544,12 @@ function Pn(e, l) {
       en(n, u);
     }
   };
-  let 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 = kt(n);
+  for (let r = a - 1; r >= 0; r--)
+    i(r) || (r === a - 1 ? (a--, St(n, a)) : En[e].add(r));
 }
-function _n() {
-  if (!Tt) {
+function Tn() {
+  if (!It) {
     Ro(!0);
     for (const e in rt)
       Pn(e, (l) => {
@@ -1557,10 +1557,10 @@ function _n() {
           o,
           t
         );
-        if (!Lt(i, n).length)
+        if (!Et(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;
       });
   }
 }
@@ -1579,17 +1579,17 @@ function No(e, l) {
       });
   return !0;
 }
-function Wo(e, l) {
-  Tt || _n();
+function Ao(e, l) {
+  It || Tn();
   function n(o) {
     let t;
     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 = kt(t), a >= $o || !St(t, a + 1))
       return;
     const r = {
       cached: Math.floor(Date.now() / Ln),
@@ -1598,7 +1598,7 @@ function Wo(e, l) {
     };
     return _t(
       t,
-      We + s.toString(),
+      Ae + a.toString(),
       JSON.stringify(r)
     );
   }
@@ -1606,18 +1606,18 @@ function Wo(e, l) {
 }
 function tn() {
 }
-function Ao(e) {
+function Wo(e) {
   e.iconsLoaderFlag || (e.iconsLoaderFlag = !0, setTimeout(() => {
     e.iconsLoaderFlag = !1, Lo(e);
   }));
 }
-function Do(e, l) {
+function Bo(e, l) {
   e.iconsToLoad ? e.iconsToLoad = e.iconsToLoad.concat(l).sort() : e.iconsToLoad = l, e.iconsQueueFlag || (e.iconsQueueFlag = !0, setTimeout(() => {
     e.iconsQueueFlag = !1;
     const { provider: n, prefix: o } = e, t = e.iconsToLoad;
     delete e.iconsToLoad;
     let i;
-    if (!t || !(i = yt(n)))
+    if (!t || !(i = wt(n)))
       return;
     i.prepare(n, o, t).forEach((r) => {
       Fo(n, r, (u) => {
@@ -1627,7 +1627,7 @@ function Do(e, l) {
           });
         else
           try {
-            const f = Lt(
+            const f = Et(
               e,
               u
             );
@@ -1636,16 +1636,16 @@ function Do(e, l) {
             const d = e.pendingIcons;
             d && f.forEach((p) => {
               d.delete(p);
-            }), Wo(e, u);
+            }), Ao(e, u);
           } catch (f) {
             console.error(f);
           }
-        Ao(e);
+        Wo(e);
       });
     });
   }));
 }
-const Bo = (e, l) => {
+const Do = (e, l) => {
   const n = Po(e, !0, wn()), o = zo(n);
   if (!o.pending.length) {
     let u = !0;
@@ -1661,23 +1661,23 @@ const Bo = (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 && Do(u, t[f][d]);
+    t[f][d].length && Bo(u, t[f][d]);
   }), 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;
@@ -1751,18 +1751,18 @@ const nn = {
   role: "img"
 }, Yo = {
   display: "inline-block"
-}, kt = {
+}, Ct = {
   backgroundColor: "currentColor"
-}, Tn = {
+}, _n = {
   backgroundColor: "transparent"
 }, ln = {
   Image: "var(--svg)",
   Repeat: "no-repeat",
   Size: "100% 100%"
 }, on = {
-  webkitMask: kt,
-  mask: kt,
-  background: Tn
+  webkitMask: Ct,
+  mask: Ct,
+  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)
@@ -1807,8 +1807,8 @@ const sn = (e, l) => {
           y !== !0 && y !== "true" && delete o["aria-hidden"];
           break;
         default: {
-          const W = Je[$];
-          W ? (y === !0 || y === "true" || y === 1) && (n[W] = !0) : nn[$] === void 0 && (o[$] = y);
+          const A = Je[$];
+          A ? (y === !0 || y === "true" || y === 1) && (n[A] = !0) : nn[$] === void 0 && (o[$] = y);
         }
       }
   }
@@ -1819,9 +1819,9 @@ const sn = (e, l) => {
       ...r
     }, Object.assign(o, f);
     let $ = 0, y = l.id;
-    return typeof y == "string" && (y = y.replace(/-/g, "_")), o.innerHTML = vo(u.body, y ? () => y + "ID" + $++ : "iconifyVue"), vt("svg", o);
+    return typeof y == "string" && (y = y.replace(/-/g, "_")), o.innerHTML = vo(u.body, y ? () => y + "ID" + $++ : "iconifyVue"), mt("svg", o);
   }
-  const { body: d, width: p, height: E } = e, T = 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,
+    ..._ ? Ct : _n,
     ...r
-  }, vt("span", o);
+  }, mt("span", o);
 };
 wn(!0);
 mo("", Co);
 if (typeof document < "u" && typeof window < "u") {
-  _n();
+  Tn();
   const e = window;
   if (e.IconifyPreload !== void 0) {
     const l = e.IconifyPreload, n = "Invalid IconifyPreload syntax.";
@@ -1912,7 +1912,7 @@ const Jo = {
       if (!o)
         return (!this._loadingIcon || this._loadingIcon.name !== e) && (this.abortLoading(), this._name = "", o !== null && (this._loadingIcon = {
           name: e,
-          abort: Bo([n], () => {
+          abort: Do([n], () => {
             this.counter++;
           })
         })), null;
@@ -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);
@@ -1946,57 +1946,57 @@ const Jo = {
     expandall: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const l = e, n = Jn(l, "expandedrows"), o = D(!1);
-    function t(s) {
+    const l = e, n = Jn(l, "expandedrows"), o = B(!1);
+    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 = D(-1);
-    return te(
+    const i = B(-1);
+    return ne(
       () => 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(G, { key: 0 }, [
+        (((u = n.value.find((d) => d.id == a.item.id)) == null ? void 0 : u.isExpanded) == null ? o.value : (f = n.value.find((d) => d.id == a.item.id)) != null && f.isExpanded) ? (m(), w(G, { key: 0 }, [
           l.expandall ? (m(), w(G, { key: 0 }, [
-            i.value ? (m(), ce(K(be), {
+            i.value ? (m(), ue(K(be), {
               key: 0,
               icon: "fluent:chevron-down-up-16-filled"
-            })) : (m(), ce(K(be), {
+            })) : (m(), ue(K(be), {
               key: 1,
               icon: "mdi:chevron-down"
             }))
-          ], 64)) : (m(), ce(K(be), {
+          ], 64)) : (m(), ue(K(be), {
             key: 1,
             icon: "mdi:chevron-down"
           }))
         ], 64)) : (m(), w(G, { key: 1 }, [
           l.expandall ? (m(), w(G, { key: 0 }, [
-            i.value == -1 ? (m(), ce(K(be), {
+            i.value == -1 ? (m(), ue(K(be), {
               key: 0,
               icon: "ion:chevron-expand"
-            })) : i.value == 0 ? (m(), ce(K(be), {
+            })) : i.value == 0 ? (m(), ue(K(be), {
               key: 1,
               icon: "mdi:chevron-down"
-            })) : (m(), ce(K(be), {
+            })) : (m(), ue(K(be), {
               key: 2,
               icon: "mdi:chevron-right"
             }))
-          ], 64)) : (m(), ce(K(be), {
+          ], 64)) : (m(), ue(K(be), {
             key: 1,
             icon: "mdi:chevron-right"
           }))
@@ -2004,12 +2004,12 @@ const Jo = {
       ]);
     };
   }
-}), Ae = (e, l) => {
+}), We = (e, l) => {
   const n = e.__vccOpts || e;
   for (const [o, t] of l)
     n[o] = t;
   return n;
-}, In = /* @__PURE__ */ Ae(ei, [["__scopeId", "data-v-8bd9f848"]]), ti = {
+}, In = /* @__PURE__ */ We(ei, [["__scopeId", "data-v-8bd9f848"]]), ti = {
   name: "ButtonRightPanel"
 }, ni = /* @__PURE__ */ we({
   ...ti,
@@ -2022,14 +2022,14 @@ 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(K(be), { icon: "lucide:plus" })
+      ie(K(be), { icon: "lucide:plus" })
     ]));
   }
-}), li = /* @__PURE__ */ Ae(ni, [["__scopeId", "data-v-d739c6bf"]]), oi = { class: "bh-filter-menu bh-absolute bh-z-[1] bh-bg-white bh-shadow-md bh-rounded-md bh-top-full bh-right-0 bh-w-32 bh-mt-1" }, ii = {
+}), li = /* @__PURE__ */ We(ni, [["__scopeId", "data-v-d739c6bf"]]), oi = { class: "bh-filter-menu bh-absolute bh-z-[1] bh-bg-white bh-shadow-md bh-rounded-md bh-top-full bh-right-0 bh-w-32 bh-mt-1" }, ii = {
   name: "columnFilter"
 }, ri = /* @__PURE__ */ we({
   ...ii,
@@ -2037,124 +2037,124 @@ const Jo = {
   emits: ["close", "filterChange"],
   setup(e, { emit: l }) {
     const n = e;
-    zt(() => {
+    Lt(() => {
       document.removeEventListener("click", t);
     }), Le(() => {
       document.addEventListener("click", t);
     });
     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, [
+    return (a, r) => (m(), w("div", oi, [
       L("div", {
         class: "bh-text-[13px] bh-font-normal bh-rounded bh-overflow-hidden",
         onClick: ye(t, ["stop"])
       }, [
         L("button", {
           type: "button",
-          class: _({ 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),
+        }, q((n.columnFilterLang && n.columnFilterLang.NoFilter) ?? "No filter"), 3),
         n.column.type === "string" ? (m(), w(G, { key: 0 }, [
           L("button", {
             type: "button",
-            class: _({ 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),
+          }, q((n.columnFilterLang && n.columnFilterLang.Contains) ?? "Contains"), 3),
           L("button", {
             type: "button",
-            class: _({ 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),
+          }, q((n.columnFilterLang && n.columnFilterLang.NotContains) ?? "NotContains"), 3),
           L("button", {
             type: "button",
-            class: _({ 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),
+          }, q((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal"), 3),
           L("button", {
             type: "button",
-            class: _({ 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),
+          }, q((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "NotEqual"), 3),
           L("button", {
             type: "button",
-            class: _({ 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),
+          }, q((n.columnFilterLang && n.columnFilterLang.StartsWith) ?? "StartsWith"), 3),
           L("button", {
             type: "button",
-            class: _({ 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)
+          }, q((n.columnFilterLang && n.columnFilterLang.EndsWith) ?? "EndsWith"), 3)
         ], 64)) : n.column.type === "number" ? (m(), w(G, { key: 1 }, [
           L("button", {
             type: "button",
-            class: _({ 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),
+          }, q((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal"), 3),
           L("button", {
             type: "button",
-            class: _({ 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),
+          }, q((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "NotEqual"), 3),
           L("button", {
             type: "button",
-            class: _({ 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),
+          }, q((n.columnFilterLang && n.columnFilterLang.GreaterThan) ?? "GreaterThan"), 3),
           L("button", {
             type: "button",
-            class: _({ 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),
+          }, q((n.columnFilterLang && n.columnFilterLang.GreaterThanOrEqual) ?? "GreaterThanOrEqual"), 3),
           L("button", {
             type: "button",
-            class: _({ 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),
+          }, q((n.columnFilterLang && n.columnFilterLang.LessThan) ?? "LessThan"), 3),
           L("button", {
             type: "button",
-            class: _({ 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)
+          }, q((n.columnFilterLang && n.columnFilterLang.LessThanOrEqual) ?? "LessThanOrEqual"), 3)
         ], 64)) : n.column.type === "date" ? (m(), w(G, { key: 2 }, [
           L("button", {
             type: "button",
-            class: _({ 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),
+          }, q((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal"), 3),
           L("button", {
             type: "button",
-            class: _({ 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),
+          }, q((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "Not equal"), 3),
           L("button", {
             type: "button",
-            class: _({ 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),
+          }, q((n.columnFilterLang && n.columnFilterLang.GreaterThan) ?? "GreaterThan"), 3),
           L("button", {
             type: "button",
-            class: _({ 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),
+          }, q((n.columnFilterLang && n.columnFilterLang.LessThan) ?? "LessThan"), 3)
+        ], 64)) : R("", !0),
         L("button", {
           type: "button",
-          class: _({ 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),
+        }, q((n.columnFilterLang && n.columnFilterLang.IsNull) ?? "IsNull"), 3),
         L("button", {
           type: "button",
-          class: _({ 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"
@@ -2173,9 +2173,9 @@ const Jo = {
   ui
 ];
 function di(e, l) {
-  return m(), w("svg", ai, ci);
+  return m(), w("svg", si, ci);
 }
-const Fn = /* @__PURE__ */ Ae(si, [["render", di]]), fi = {}, hi = {
+const Fn = /* @__PURE__ */ We(ai, [["render", di]]), fi = {}, hi = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
@@ -2196,7 +2196,7 @@ const Fn = /* @__PURE__ */ Ae(si, [["render", di]]), fi = {}, hi = {
 function mi(e, l) {
   return m(), w("svg", hi, vi);
 }
-const gi = /* @__PURE__ */ Ae(fi, [["render", mi]]), bi = {}, yi = {
+const gi = /* @__PURE__ */ We(fi, [["render", mi]]), bi = {}, yi = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
@@ -2212,7 +2212,7 @@ const gi = /* @__PURE__ */ Ae(fi, [["render", mi]]), bi = {}, yi = {
 function Si(e, l) {
   return m(), w("svg", yi, xi);
 }
-const ki = /* @__PURE__ */ Ae(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi = { class: "bh-checkbox" }, Li = ["onClick"], Ei = {
+const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi = { class: "bh-checkbox" }, Li = ["onClick"], Ei = {
   width: "16",
   height: "16",
   viewBox: "0 0 14 14",
@@ -2220,14 +2220,14 @@ const ki = /* @__PURE__ */ Ae(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
 }, Mi = {
   key: 0,
   class: "bh-filter bh-relative"
-}, Pi = ["onUpdate:modelValue"], _i = ["onUpdate:modelValue"], Ti = ["onUpdate:modelValue"], Ii = ["onUpdate:modelValue"], Fi = /* @__PURE__ */ L("option", { value: void 0 }, "All", -1), Oi = /* @__PURE__ */ L("option", { value: !0 }, "True", -1), $i = /* @__PURE__ */ L("option", { value: !1 }, "False", -1), Ri = [
+}, Pi = ["onUpdate:modelValue"], Ti = ["onUpdate:modelValue"], _i = ["onUpdate:modelValue"], Ii = ["onUpdate:modelValue"], Fi = /* @__PURE__ */ L("option", { value: void 0 }, "All", -1), Oi = /* @__PURE__ */ L("option", { value: !0 }, "True", -1), $i = /* @__PURE__ */ L("option", { value: !1 }, "False", -1), Ri = [
   Fi,
   Oi,
   $i
-], Ni = ["onClick"], Wi = {
+], Ni = ["onClick"], Ai = {
   name: "columnHeader"
-}, an = /* @__PURE__ */ we({
-  ...Wi,
+}, sn = /* @__PURE__ */ we({
+  ...Ai,
   props: [
     "all",
     "expandedrows",
@@ -2245,14 +2245,14 @@ const ki = /* @__PURE__ */ Ae(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
     "toggleFilterMenu"
   ],
   setup(e, { emit: l }) {
-    const n = D(null), o = e, t = l;
-    return te(() => o.checkAll, () => {
+    const n = B(null), o = e, t = l;
+    return ne(() => 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: _({
+        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
@@ -2269,70 +2269,70 @@ const ki = /* @__PURE__ */ Ae(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
             }, ["stop"]))
           }, null, 512),
           L("div", null, [
-            oe(Fn, { class: "check" }),
-            oe(gi, { class: "intermediate" })
+            ie(Fn, { class: "check" }),
+            ie(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: _({
+        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, {
+        o.all.expandall ? (m(), ue(In, {
           key: 0,
           expandedrows: o.expandedrows,
           expandall: o.all.expandall
-        }, null, 8, ["expandedrows", "expandall"])) : N("", !0)
-      ], 4)) : N("", !0),
+        }, 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 ? N("", !0) : (m(), w("th", {
+        u.hide ? R("", !0) : (m(), w("th", {
           key: u.field,
-          class: _(["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
           })
         }, [
           L("div", {
-            class: _(["bh-flex bh-items-center", [u.headerClass ? u.headerClass : ""]]),
+            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),
+            gt(q(u.title) + " ", 1),
             o.all.sortable && u.sort ? (m(), w("span", {
               key: 0,
-              class: _(["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, [
                 L("polygon", {
                   points: "3.11,6.25 10.89,6.25 7,1.75 ",
                   fill: "currentColor",
-                  class: _(["bh-text-black/20", [
+                  class: T(["bh-text-black/20", [
                     e.currentSortColumn === u.field && e.currentSortDirection === "asc" ? "!bh-text-primary" : ""
                   ]])
                 }, null, 2),
                 L("polygon", {
                   points: "7,12.25 10.89,7.75 3.11,7.75 ",
                   fill: "currentColor",
-                  class: _(["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(G, { key: 0 }, [
             u.filter ? (m(), w("div", Mi, [
@@ -2344,21 +2344,21 @@ const ki = /* @__PURE__ */ Ae(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                 onKeyup: r[1] || (r[1] = (d) => t("filterChange"))
               }, null, 40, Pi)), [
                 [
-                  ut,
+                  ct,
                   u.value,
                   void 0,
                   { trim: !0 }
                 ]
-              ]) : 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, _i)), [
+              }, null, 40, Ti)), [
                 [
-                  ut,
+                  ct,
                   u.value,
                   void 0,
                   {
@@ -2372,8 +2372,8 @@ const ki = /* @__PURE__ */ Ae(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                 type: "date",
                 class: "bh-form-control",
                 onChange: r[3] || (r[3] = (d) => t("filterChange"))
-              }, null, 40, Ti)), [
-                [ut, u.value]
+              }, null, 40, _i)), [
+                [ct, u.value]
               ]) : u.type === "bool" ? ve((m(), w("select", {
                 key: 3,
                 "onUpdate:modelValue": (d) => u.value = d,
@@ -2383,98 +2383,98 @@ const ki = /* @__PURE__ */ Ae(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),
-              ve(oe(ri, {
+                ie(ki, { class: "bh-w-4" })
+              ], 8, Ni)) : R("", !0),
+              ve(ie(ri, {
                 column: u,
                 type: u.type,
                 columnFilterLang: o.columnFilterLang,
                 onClose: r[6] || (r[6] = (d) => t("toggleFilterMenu", null)),
                 onFilterChange: r[7] || (r[7] = (d) => t("filterChange"))
               }, null, 8, ["column", "type", "columnFilterLang"]), [
-                [pt, o.isOpenFilter === u.field]
+                [vt, o.isOpenFilter === u.field]
               ])
-            ])) : N("", !0)
-          ], 64)) : N("", !0)
+            ])) : R("", !0)
+          ], 64)) : R("", !0)
         ], 6))
       ], 64))), 256))
     ]));
   }
-}), Ai = { class: "bh-datatable bh-antialiased bh-relative bh-text-black bh-text-sm bh-font-normal" }, Di = { class: "bh-flex bh-h-full" }, Bi = /* @__PURE__ */ L("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__ */ L("path", {
+}), Wi = { class: "bh-datatable bh-antialiased bh-relative bh-text-black bh-text-sm bh-font-normal" }, Bi = { class: "bh-flex bh-h-full" }, Di = /* @__PURE__ */ L("span", null, "##Left Menu Slot##", -1), Hi = { class: "menu-resize-controls bh-absolute bh-right-0 bh-top-1/2 bh-transform -bh-translate-y-1/2 bh-z-10 bh-bg-gray-100 bh-rounded-l bh-shadow-md bh-select-none" }, qi = /* @__PURE__ */ L("path", {
   d: "M7 1L1 6L7 11",
   stroke: "currentColor",
   "stroke-width": "2",
   "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__ */ L("span", null, "##Top Menu Slot##", -1), Gi = /* @__PURE__ */ L("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__ */ L("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__ */ L("span", null, "##Top Menu Slot##", -1), Gi = /* @__PURE__ */ L("span", null, "##Table Header Area Slot##", -1), Qi = /* @__PURE__ */ L("span", null, "##Table Action Header Slot##", -1), Ki = ["onClick"], Xi = { class: "bh-checkbox" }, Yi = ["value"], Ji = ["innerHTML"], Zi = ["onClick"], er = ["colspan"], tr = ["colspan"], nr = /* @__PURE__ */ L("div", { class: "bh-skeleton-box bh-h-8" }, null, -1), lr = [
+  nr
+], or = ["colspan"], ir = { class: "bh-flex bh-items-center bh-flex-wrap bh-flex-col sm:bh-flex-row bh-gap-4" }, rr = { class: "bh-pagination-info bh-flex bh-items-center" }, ar = { class: "bh-mr-2" }, sr = ["value"], ur = { class: "bh-pagination-number sm:bh-ml-auto bh-inline-flex bh-items-center bh-space-x-1" }, cr = ["innerHTML"], dr = {
   key: 1,
   "aria-hidden": "true",
   width: "14",
   height: "14",
   viewBox: "0 0 16 16"
-}, dr = /* @__PURE__ */ L("g", {
+}, fr = /* @__PURE__ */ L("g", {
   fill: "currentColor",
   "fill-rule": "evenodd"
 }, [
   /* @__PURE__ */ L("path", { d: "M8.354 1.646a.5.5 0 0 1 0 .708L2.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z" }),
   /* @__PURE__ */ L("path", { d: "M12.354 1.646a.5.5 0 0 1 0 .708L6.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z" })
-], -1), fr = [
-  dr
-], hr = ["innerHTML"], pr = {
+], -1), hr = [
+  fr
+], pr = ["innerHTML"], vr = {
   key: 1,
   "aria-hidden": "true",
   width: "14",
   height: "14",
   viewBox: "0 0 16 16"
-}, vr = /* @__PURE__ */ L("path", {
+}, mr = /* @__PURE__ */ L("path", {
   fill: "currentColor",
   "fill-rule": "evenodd",
   d: "M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"
-}, 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__ */ L("path", {
+}, xr = /* @__PURE__ */ L("path", {
   fill: "currentColor",
   "fill-rule": "evenodd",
   d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8L4.646 2.354a.5.5 0 0 1 0-.708z"
-}, 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__ */ L("g", {
+}, zr = /* @__PURE__ */ L("g", {
   fill: "currentColor",
   "fill-rule": "evenodd"
 }, [
   /* @__PURE__ */ L("path", { d: "M3.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L9.293 8L3.646 2.354a.5.5 0 0 1 0-.708z" }),
   /* @__PURE__ */ L("path", { d: "M7.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L13.293 8L7.646 2.354a.5.5 0 0 1 0-.708z" })
-], -1), zr = [
-  Cr
-], Lr = {
+], -1), Lr = [
+  zr
+], Er = {
   name: "Vue3Datatable"
-}, Mr = /* @__PURE__ */ we({
-  ...Lr,
+}, Pr = /* @__PURE__ */ we({
+  ...Er,
   props: {
     loading: { type: Boolean, default: !1 },
     isServerMode: { type: Boolean, default: !1 },
@@ -2527,6 +2527,8 @@ const ki = /* @__PURE__ */ Ae(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: {},
@@ -2557,36 +2559,36 @@ const ki = /* @__PURE__ */ Ae(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 = D([]), s = D(t.page), r = D(
+    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 = D(t.sortColumn), d = t.sortColumn, p = D(t.sortDirection), E = t.sortDirection, T = D(t.totalRows), I = D([]), $ = D(null), y = D(t.loading), W = D(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 = D(null), j = D(null);
-    let O = D(0);
-    const Y = D(230), S = D(t.leftmenuDefaultWidth), k = D(!1), A = D(null), V = () => {
-      if (A.value) {
-        const a = k.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth;
-        A.value.style.cssText = `
+    const H = B(null), j = B(null);
+    let O = B(0);
+    const Y = B(230), S = B(t.leftmenuDefaultWidth), k = B(!1), W = B(null), V = () => {
+      if (W.value) {
+        const s = k.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth;
+        W.value.style.cssText = `
       width: ${S.value}px !important;
-      min-width: ${a}px !important;
-      max-width: ${a}px !important;
+      min-width: ${s}px !important;
+      max-width: ${s}px !important;
     `;
       }
-    }, Z = () => {
+    }, ee = () => {
       k.value ? S.value = t.leftmenuMinWidth : S.value = t.leftmenuDefaultWidth, V();
-    }, st = () => {
-      k.value = !k.value, S.value = k.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth, V(), ie("currentLeftMenuSize", S.value);
+    }, at = () => {
+      k.value = !k.value, S.value = k.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth, V(), oe("currentLeftMenuSize", S.value);
     };
     Le(() => {
-      ue(), Oe(() => {
-        Ge.value <= 0 && (Ge.value = 10), t.initialLeftMenuState !== void 0 ? (k.value = t.initialLeftMenuState, S.value = k.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth, console.log("Setting initial left menu state:", k.value), console.log("Setting initial left menu width:", S.value)) : S.value = t.leftmenuDefaultWidth, V(), window.addEventListener("resize", Z);
+      ce(), _e(() => {
+        Ge.value <= 0 && (Ge.value = 10), oe("currentTopMenuSize", t.topmenumin || 20), t.initialLeftMenuState !== void 0 ? (k.value = t.initialLeftMenuState, S.value = k.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth, console.log("Setting initial left menu state:", k.value), console.log("Setting initial left menu width:", S.value)) : S.value = t.leftmenuDefaultWidth, V(), window.addEventListener("resize", ee);
       });
     });
-    const ie = n;
+    const oe = n;
     l({
       reset() {
         $n();
@@ -2598,246 +2600,250 @@ const ki = /* @__PURE__ */ Ae(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
         return Nn();
       },
       clearSelectedRows() {
-        return Wn();
+        return An();
       },
-      selectRow(a) {
-        Ft(a);
+      selectRow(s) {
+        Ot(s);
       },
-      unselectRow(a) {
-        Ot(a);
+      unselectRow(s) {
+        $t(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(a) {
-        k.value = a, S.value = a ? t.leftmenuMinWidth : t.leftmenuDefaultWidth, V();
+      setLeftMenuState(s) {
+        k.value = s, S.value = s ? t.leftmenuMinWidth : t.leftmenuDefaultWidth, V();
       }
-    }), te(() => t.initialLeftMenuState, (a) => {
-      a !== void 0 && (k.value = a, S.value = k.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth, V());
+    }), ne(() => t.initialLeftMenuState, (s) => {
+      s !== void 0 && (k.value = s, S.value = k.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth, V());
     }, { immediate: !0 });
-    const De = (a, ...v) => a.replace(/{(\d+)}/g, (z, B) => typeof v[B] < "u" ? v[B] : z), J = X(() => {
-      const a = t.columns.find((v) => v.isUnique);
-      return (a == null ? void 0 : a.field) || null;
+    const Be = (s, ...v) => s.replace(/{(\d+)}/g, (C, D) => typeof v[D] < "u" ? v[D] : C), J = X(() => {
+      const s = t.columns.find((v) => v.isUnique);
+      return (s == null ? void 0 : s.field) || null;
     }), se = X(() => {
-      const a = r.value < 1 ? 1 : Math.ceil(T.value / r.value);
-      return Math.max(a || 0, 1);
-    }), ge = X(() => (s.value - 1) * r.value + 1), Te = X(() => {
-      const a = s.value * r.value;
-      return T.value >= a ? a : T.value;
-    }), Be = X(() => {
-      let a, v;
-      return typeof t.showNumbersCount < "u" && t.showNumbersCount < se.value ? (a = Math.max(
-        s.value - Math.floor(t.showNumbersCount / 2),
+      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), Ie = 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(
+        (te) => s + te
       );
-    }), qe = () => {
-      var le, Q, he;
-      let a = t.rows || [];
+    }), He = () => {
+      var te, 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((P) => {
+        if ((te = t.columns) == null || te.forEach((h) => {
+          h.filter && (h.value !== void 0 && h.value !== null && h.value !== "" || h.condition === "IsNull" || h.condition == "IsNotNull") && (h.type === "string" ? (h.value && !h.condition && (h.condition = "Contains"), h.condition === "Contains" ? s = s.filter((P) => {
             var U;
             return (U = F(P, h.field)) == null ? void 0 : U.toString().toLowerCase().includes(h.value.toLowerCase());
-          }) : h.condition === "NotContains" ? a = a.filter((P) => {
+          }) : 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" ? a = a.filter((P) => {
+          }) : 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" ? a = a.filter((P) => {
+          }) : 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" ? a = a.filter((P) => {
+          }) : 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" && (a = a.filter((P) => {
+          }) : 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" ? a = a.filter((P) => F(P, h.field) && parseFloat(F(P, h.field)) === parseFloat(h.value)) : h.condition === "NotEqual" ? a = a.filter((P) => F(P, h.field) && parseFloat(F(P, h.field)) !== parseFloat(h.value)) : h.condition === "GreaterThan" ? a = a.filter((P) => F(P, h.field) && parseFloat(F(P, h.field)) > parseFloat(h.value)) : h.condition === "GreaterThanOrEqual" ? a = a.filter((P) => F(P, h.field) && parseFloat(F(P, h.field)) >= parseFloat(h.value)) : h.condition === "LessThan" ? a = a.filter((P) => F(P, h.field) && parseFloat(F(P, h.field)) < parseFloat(h.value)) : h.condition === "LessThanOrEqual" && (a = a.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" ? a = a.filter((P) => F(P, h.field) && xe(F(P, h.field)) === h.value) : h.condition === "NotEqual" ? a = a.filter((P) => F(P, h.field) && xe(F(P, h.field)) !== h.value) : h.condition === "GreaterThan" ? a = a.filter((P) => F(P, h.field) && xe(F(P, h.field)) > h.value) : h.condition === "LessThan" && (a = a.filter((P) => F(P, h.field) && xe(F(P, h.field)) < h.value))) : h.type === "bool" && (a = a.filter((P) => F(P, h.field) === h.value)), h.condition === "IsNull" ? (a = a.filter((P) => F(P, h.field) == null || F(P, h.field) == ""), h.value = "") : h.condition === "IsNotNull" && (h.value = "", a = a.filter((P) => F(P, h.field))));
-        }), W.value && (a != null && a.length)) {
+          }))) : h.type === "number" ? (h.value && !h.condition && (h.condition = "Equal"), h.condition === "Equal" ? s = s.filter((P) => F(P, h.field) && parseFloat(F(P, h.field)) === parseFloat(h.value)) : h.condition === "NotEqual" ? s = s.filter((P) => F(P, h.field) && parseFloat(F(P, h.field)) !== parseFloat(h.value)) : h.condition === "GreaterThan" ? s = s.filter((P) => F(P, h.field) && parseFloat(F(P, h.field)) > parseFloat(h.value)) : h.condition === "GreaterThanOrEqual" ? s = s.filter((P) => F(P, h.field) && parseFloat(F(P, h.field)) >= parseFloat(h.value)) : h.condition === "LessThan" ? s = s.filter((P) => F(P, h.field) && parseFloat(F(P, h.field)) < parseFloat(h.value)) : h.condition === "LessThanOrEqual" && (s = s.filter((P) => F(P, h.field) && parseFloat(F(P, h.field)) <= parseFloat(h.value)))) : h.type === "date" ? (h.value && !h.condition && (h.condition = "Equal"), h.condition === "Equal" ? s = s.filter((P) => F(P, h.field) && xe(F(P, h.field)) === h.value) : h.condition === "NotEqual" ? s = s.filter((P) => F(P, h.field) && xe(F(P, h.field)) !== h.value) : h.condition === "GreaterThan" ? s = s.filter((P) => F(P, h.field) && xe(F(P, h.field)) > h.value) : h.condition === "LessThan" && (s = s.filter((P) => F(P, h.field) && xe(F(P, h.field)) < h.value))) : h.type === "bool" && (s = s.filter((P) => F(P, h.field) === h.value)), h.condition === "IsNull" ? (s = s.filter((P) => F(P, h.field) == null || F(P, h.field) == ""), h.value = "") : h.condition === "IsNotNull" && (h.value = "", s = s.filter((P) => F(P, h.field))));
+        }), A.value && (s != null && s.length)) {
           let h = [];
           const P = (t.columns || []).filter((U) => U.search && !U.hide).map((U) => U.field);
-          for (var v = 0; v < (a == null ? void 0 : a.length); v++)
-            for (var z = 0; z < P.length; z++)
-              if ((Q = F(a[v], P[z])) != null && Q.toString().toLowerCase().includes(W.value.toLowerCase())) {
-                h.push(a[v]);
+          for (var v = 0; v < (s == null ? void 0 : s.length); v++)
+            for (var C = 0; C < P.length; C++)
+              if ((Q = F(s[v], P[C])) != null && Q.toString().toLowerCase().includes(A.value.toLowerCase())) {
+                h.push(s[v]);
                 break;
               }
-          a = h;
+          s = h;
         }
-        var B = new Intl.Collator(void 0, {
+        var D = new Intl.Collator(void 0, {
           numeric: ((he = t.columns.find((h) => h.field == f.value)) == null ? void 0 : he.type) === "number",
           sensitivity: "base"
         });
-        const Hn = p.value === "desc" ? -1 : 1;
-        a.sort((h, P) => {
-          var Wt, At;
-          const U = (Wt = f.value) == null ? void 0 : Wt.split(".").reduce((ke, at) => ke == null ? void 0 : ke[at], h), jn = (At = f.value) == null ? void 0 : At.split(".").reduce((ke, at) => ke == null ? void 0 : ke[at], P);
-          return B.compare(U, jn) * Hn;
+        const qn = p.value === "desc" ? -1 : 1;
+        s.sort((h, P) => {
+          var At, Wt;
+          const U = (At = f.value) == null ? void 0 : At.split(".").reduce((ke, ut) => ke == null ? void 0 : ke[ut], h), jn = (Wt = f.value) == null ? void 0 : Wt.split(".").reduce((ke, ut) => ke == null ? void 0 : ke[ut], P);
+          return D.compare(U, jn) * qn;
         });
       }
-      return a;
-    }, de = D([]), 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(z) {
-        z.isExpanded != null && (de.value.find((le) => le.id == z.id) || de.value.push({
-          id: z.id,
-          isExpanded: z.isExpanded
+      return s;
+    }, de = B([]), ce = () => {
+      let s = [], v = He();
+      t.isServerMode ? (_.value = t.totalRows || 0, s = v) : (_.value = (v == null ? void 0 : v.length) || 0, s = v.slice(ge.value - 1, Ie.value)), t.hasSubtable && s.forEach(function(C) {
+        C.isExpanded != null && (de.value.find((te) => te.id == C.id) || de.value.push({
+          id: C.id,
+          isExpanded: C.isExpanded
         }));
-      }), i.value = a || [];
+      }), i.value = s || [];
     };
-    te(
+    ne(
       () => t.loading,
       () => {
         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, () => {
-      M(!1), t.isServerMode ? fe("page") : (ue(), ie("pageChange", s.value));
-    }), te(() => t.rows, () => {
-      t.isServerMode || (s.value = 1), M(!1), ue();
+    ne(() => a.value, () => {
+      M(!1), t.isServerMode ? fe("page") : (ce(), oe("pageChange", a.value));
+    }), ne(() => t.rows, () => {
+      t.isServerMode || (a.value = 1), M(!1), ce();
     });
-    const g = (a) => {
-      r.value = a;
+    const g = (s) => {
+      r.value = s;
     };
-    te(() => r.value, () => {
-      M(!1), t.isServerMode ? s.value === 1 ? fe("pagesize", !0) : s.value = 1 : (s.value = 1, ue(), ie("pageSizeChange", r.value));
+    ne(() => r.value, () => {
+      M(!1), t.isServerMode ? a.value === 1 ? fe("pagesize", !0) : a.value = 1 : (a.value = 1, ce(), oe("pageSizeChange", r.value));
     });
-    const b = (a) => {
+    const b = (s) => {
       let v = "asc";
-      a == f.value && p.value === "asc" && (v = "desc");
-      let z = (s.value - 1) * r.value, B = r.value;
-      f.value = a, p.value = v, M(!1), ue(), t.isServerMode ? fe("sort") : ie("sortChange", { offset: z, limit: B, 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 C = (a.value - 1) * r.value, D = r.value;
+      f.value = s, p.value = v, M(!1), ce(), t.isServerMode ? fe("sort") : oe("sortChange", { offset: C, limit: D, field: s, direction: v });
+    }, x = (s) => {
+      $.value = s.length && i.value.length && s.length === i.value.length;
       const v = i.value.filter(
-        (z, B) => I.value.includes(J.value ? z[J.value] : B)
+        (C, D) => I.value.includes(J.value ? C[J.value] : D)
       );
-      ie("rowSelect", v);
+      oe("rowSelect", v);
     };
-    te(() => I.value, x);
-    const M = (a) => {
-      a ? I.value = i.value.map(
-        (v, z) => J.value ? v[J.value] : z
+    ne(() => I.value, x);
+    const M = (s) => {
+      s ? I.value = i.value.map(
+        (v, C) => J.value ? v[J.value] : C
       ) : I.value = [];
-    }, R = () => {
-      M(!1), t.isServerMode ? s.value === 1 ? fe("filter", !0) : s.value = 1 : (s.value = 1, ue(), ie("filterChange", t.columns));
-    }, ne = () => {
-      M(!1), t.isServerMode ? s.value === 1 ? fe("search", !0) : s.value = 1 : (s.value = 1, ue(), ie("searchChange", W.value));
+    }, N = () => {
+      M(!1), t.isServerMode ? a.value === 1 ? fe("filter", !0) : a.value = 1 : (a.value = 1, ce(), oe("filterChange", t.columns));
+    }, le = () => {
+      M(!1), t.isServerMode ? a.value === 1 ? fe("search", !0) : a.value = 1 : (a.value = 1, ce(), oe("searchChange", A.value));
     };
-    te(
+    ne(
       () => t.search,
       () => {
-        W.value = t.search, ne();
+        A.value = t.search, le();
       }
     );
-    const F = (a, v) => v == null ? void 0 : v.split(".").reduce((z, B) => z == null ? void 0 : z[B], a), xe = (a) => {
+    const F = (s, v) => v == null ? void 0 : v.split(".").reduce((C, D) => C == null ? void 0 : C[D], s), xe = (s) => {
       try {
-        if (!a)
+        if (!s)
           return "";
-        const v = new Date(a), z = v.getDate(), B = v.getMonth() + 1;
-        return v.getFullYear() + "-" + (B > 9 ? B : "0" + B) + "-" + (z > 9 ? z : "0" + z);
+        const v = new Date(s), C = v.getDate(), D = v.getMonth() + 1;
+        return v.getFullYear() + "-" + (D > 9 ? D : "0" + D) + "-" + (C > 9 ? C : "0" + C);
       } catch {
       }
       return "";
-    }, Ve = (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) ? $t(v) : Ot(v), x(I.value)), oe("rowClick", s);
+      }, Y.value) : O.value === 2 && (clearTimeout(j.value), O.value = 0, oe("rowDBClick", s));
+    }, fe = (s, v = !1) => {
       if (t.isServerMode) {
         On();
-        const z = {
-          current_page: v ? 1 : s.value,
+        const C = {
+          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: W.value,
+          search: A.value,
           column_filters: t.columns,
-          change_type: a
+          change_type: s
         };
-        ie("change", z);
+        oe("change", C);
       }
     }, 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 = () => {
       M(!1);
-      for (let a = 0; a < t.columns.length; a++)
-        t.columns[a].value = "";
-      W.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());
+      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, ce());
     }, Rn = () => i.value.filter(
-      (v, z) => I.value.includes(J.value ? v[J.value] : z)
-    ), Nn = () => t.columns, Wn = () => {
+      (v, C) => I.value.includes(J.value ? v[J.value] : C)
+    ), Nn = () => t.columns, An = () => {
       I.value = [];
-    }, Ft = (a) => {
-      if (!Ue(a)) {
-        const v = i.value.find((z, B) => B === a);
+    }, Ot = (s) => {
+      if (!Ue(s)) {
+        const v = i.value.find((C, 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((z, B) => B === a);
+    }, $t = (s) => {
+      if (Ue(s)) {
+        const v = i.value.find((C, D) => D === s);
         I.value = I.value.filter(
-          (z) => z !== (J.value ? v[J.value] : a)
+          (C) => C !== (J.value ? v[J.value] : s)
         );
       }
-    }, Ue = (a) => {
-      const v = i.value.find((z, B) => B === a);
+    }, Ue = (s) => {
+      const v = i.value.find((C, 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 An = D(0), Dn = setInterval(function() {
-      An.value++;
-    }, 2200), Ge = D(t.topmenusize), $t = D(null), Bn = al($t).height, qn = (a) => {
-      if (!a || !a.length) return;
-      const v = a[0].size;
-      Ge.value = v, ie("currentTopMenuSize", v);
+    const Wn = B(0), Bn = setInterval(function() {
+      Wn.value++;
+    }, 2200), Ge = B(t.topmenusize), st = B(null), Dn = sl(st).height, Hn = (s) => {
+      if (!s || !s.panes || !s.panes.length) return;
+      const v = s.panes[0].size;
+      Ge.value = v, _e(() => {
+        var te;
+        const C = (te = st.value) == null ? void 0 : te.$el, D = C ? C.offsetHeight : 0;
+        oe("currentTopMenuSize", D);
+      });
     };
     return Ze(() => {
-      clearInterval(Dn), window.removeEventListener("resize", Z);
-    }), (a, v) => (m(), w("div", Ai, [
-      oe(K(Ut), {
+      clearInterval(Bn), window.removeEventListener("resize", ee);
+    }), (s, v) => (m(), w("div", Wi, [
+      ie(K(Ut), {
         class: "default-theme",
-        style: ee({ height: t.height })
+        style: Z({ height: t.height })
       }, {
         default: Pe(() => [
-          oe(K(dt), null, {
+          ie(K(ft), null, {
             default: Pe(() => [
-              L("div", Di, [
-                a.enableleftmenu ? (m(), w("div", {
+              L("div", Bi, [
+                s.enableleftmenu ? (m(), w("div", {
                   key: 0,
                   ref_key: "leftmenuel",
-                  ref: A,
+                  ref: W,
                   class: "left-menu-container bh-relative",
-                  style: ee({
+                  style: Z({
                     width: S.value + "px",
                     transition: "width 0.3s ease",
                     overflow: "hidden",
@@ -2845,12 +2851,12 @@ const ki = /* @__PURE__ */ Ae(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                     maxWidth: (k.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth) + "px"
                   })
                 }, [
-                  ae(a.$slots, "tableleftmenu", {}, () => [
-                    Bi
+                  ae(s.$slots, "tableleftmenu", {}, () => [
+                    Di
                   ]),
-                  L("div", qi, [
+                  L("div", Hi, [
                     L("button", {
-                      onClick: st,
+                      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", {
@@ -2859,47 +2865,57 @@ const ki = /* @__PURE__ */ Ae(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                         viewBox: "0 0 8 12",
                         fill: "none",
                         xmlns: "http://www.w3.org/2000/svg",
-                        style: ee({ transform: k.value ? "rotate(180deg)" : "none" })
+                        style: Z({ transform: k.value ? "rotate(180deg)" : "none" })
                       }, ji, 4))
                     ])
                   ])
-                ], 4)) : N("", !0),
+                ], 4)) : R("", !0),
                 L("div", Vi, [
-                  oe(K(Ut), {
+                  s.enabletopmenu ? (m(), ue(K(Ut), {
+                    key: 0,
                     class: "default-theme",
                     horizontal: "horizontal",
-                    onResize: qn,
+                    onResize: Hn,
                     "push-other-panes": ""
                   }, {
                     default: Pe(() => [
-                      a.enabletopmenu ? (m(), ce(K(dt), {
+                      s.enabletopmenu ? (m(), ue(K(ft), {
                         key: 0,
                         ref_key: "topmenuel",
-                        ref: $t,
+                        ref: st,
                         size: Ge.value || 10,
-                        "max-size": a.topmenumax || 100,
-                        style: ee({ "min-height": a.topmenumin + "px" })
+                        "max-size": s.topmenumax || 100,
+                        style: Z({ "min-height": s.topmenumin + "px" })
                       }, {
                         default: Pe(() => [
-                          ae(a.$slots, "tabletopmenu", {}, () => [
+                          ae(s.$slots, "tabletopmenu", {}, () => [
                             Ui
                           ])
                         ]),
                         _: 3
-                      }, 8, ["size", "max-size", "style"])) : N("", !0),
-                      oe(K(dt), {
-                        style: ee({ "padding-right": a.tableRightOffset + "px", "padding-left": a.tableLeftOffset + "px" })
+                      }, 8, ["size", "max-size", "style"])) : R("", !0),
+                      ie(K(ft), {
+                        style: Z({ "padding-right": s.tableRightOffset + "px", "padding-left": s.tableLeftOffset + "px" })
                       }, {
                         default: Pe(() => [
-                          ae(a.$slots, "tableactionheader", {}, () => [
-                            Gi
+                          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
                           ]),
                           L("div", {
-                            class: _(t.scrollbarstyle)
+                            class: T(t.scrollbarstyle)
                           }, [
-                            oe(K(Ql), {
-                              style: ee({
-                                height: t.stickyHeader && Number(t.height.replace("px", "")) - (a.footerOffset + K(Bn)) + "px"
+                            ie(K(Ql), {
+                              style: Z({
+                                height: t.stickyHeader && Number(t.height.replace("px", "")) - (s.footerOffset + K(Dn)) + "px"
                               }),
                               autoHide: t.scrollbarautohide,
                               fixedThumb: t.scrollbarfixedthumb,
@@ -2909,204 +2925,204 @@ const ki = /* @__PURE__ */ Ae(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                             }, {
                               default: Pe(() => [
                                 L("div", {
-                                  class: _(["bh-table-responsive", { "bh-min-h-[100px]": y.value }]),
-                                  style: ee({ overflow: t.stickyHeader && "inherit" })
+                                  class: T(["bh-table-responsive", { "bh-min-h-[100px]": y.value }]),
+                                  style: Z({ overflow: t.stickyHeader && "inherit" })
                                 }, [
                                   L("table", {
-                                    class: _([t.skin])
+                                    class: T([t.skin])
                                   }, [
                                     L("thead", {
-                                      class: _({
+                                      class: T({
                                         "bh-sticky bh-top-0 bh-z-10": t.stickyHeader
                                       })
                                     }, [
-                                      oe(an, {
+                                      ie(sn, {
                                         all: t,
                                         expandedrows: de.value,
                                         currentSortColumn: f.value,
                                         currentSortDirection: p.value,
-                                        isOpenFilter: q.value,
+                                        isOpenFilter: H.value,
                                         checkAll: $.value,
                                         columnFilterLang: t.columnFilterLang,
                                         onSelectAll: M,
                                         onSortChange: b,
-                                        onFilterChange: R,
-                                        onToggleFilterMenu: He
+                                        onFilterChange: N,
+                                        onToggleFilterMenu: qe
                                       }, null, 8, ["expandedrows", "currentSortColumn", "currentSortDirection", "isOpenFilter", "checkAll", "columnFilterLang"])
                                     ], 2),
                                     L("tbody", null, [
-                                      (m(!0), w(G, null, pe(i.value, (z, B) => {
-                                        var le;
+                                      (m(!0), w(G, null, pe(i.value, (C, D) => {
+                                        var te;
                                         return m(), w(G, {
-                                          key: z[J.value] ? z[J.value] : B
+                                          key: C[J.value] ? C[J.value] : D
                                         }, [
-                                          T.value ? (m(), w("tr", {
+                                          _.value ? (m(), w("tr", {
                                             key: 0,
-                                            class: _([
-                                              typeof t.rowClass == "function" ? a.rowClass(z) : t.rowClass,
+                                            class: T([
+                                              typeof t.rowClass == "function" ? s.rowClass(C) : t.rowClass,
                                               t.selectRowOnClick ? "bh-cursor-pointer" : ""
                                             ]),
-                                            onClick: ye((Q) => Ve(z, B), ["prevent"])
+                                            onClick: ye((Q) => Ve(C, D), ["prevent"])
                                           }, [
                                             t.hasCheckbox ? (m(), w("td", {
                                               key: 0,
-                                              style: ee({ width: t.checkboxColumnWidth + " !important", minWidth: t.checkboxColumnWidth + " !important" }),
-                                              class: _({
+                                              style: Z({ width: t.checkboxColumnWidth + " !important", minWidth: t.checkboxColumnWidth + " !important" }),
+                                              class: T({
                                                 "bh-sticky bh-left-0 bh-bg-blue-light": t.stickyFirstColumn
                                               })
                                             }, [
-                                              L("div", Ki, [
+                                              L("div", Xi, [
                                                 ve(L("input", {
                                                   "onUpdate:modelValue": v[0] || (v[0] = (Q) => I.value = Q),
                                                   type: "checkbox",
-                                                  value: z[J.value] ? z[J.value] : B,
+                                                  value: C[J.value] ? C[J.value] : D,
                                                   onClick: v[1] || (v[1] = ye(() => {
                                                   }, ["stop"]))
-                                                }, null, 8, Xi), [
+                                                }, null, 8, Yi), [
                                                   [Zn, I.value]
                                                 ]),
                                                 L("div", null, [
-                                                  oe(Fn, { class: "check" })
+                                                  ie(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: _({
+                                              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: z,
-                                                onRightPanelClick: v[2] || (v[2] = (Q) => ie("rowRightPanelClick", Q))
+                                              ie(li, {
+                                                item: C,
+                                                onRightPanelClick: v[2] || (v[2] = (Q) => oe("rowRightPanelClick", Q))
                                               }, null, 8, ["item"])
-                                            ], 6)) : N("", !0),
+                                            ], 6)) : R("", !0),
                                             t.hasSubtable ? (m(), w("td", {
                                               key: 2,
-                                              style: ee({ width: t.subtableColumnWidth + " !important", minWidth: t.subtableColumnWidth + " !important" }),
-                                              class: _({
+                                              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: z,
+                                              ie(In, {
+                                                item: C,
                                                 expandedrows: de.value
                                               }, null, 8, ["item", "expandedrows"])
-                                            ], 6)) : N("", !0),
+                                            ], 6)) : R("", !0),
                                             (m(!0), w(G, null, pe(t.columns, (Q, he) => (m(), w(G, null, [
-                                              Q.hide ? N("", !0) : (m(), w("td", {
+                                              Q.hide ? R("", !0) : (m(), w("td", {
                                                 key: Q.field,
-                                                class: _([
-                                                  typeof t.cellClass == "function" ? a.cellClass(z) : t.cellClass,
+                                                class: T([
+                                                  typeof t.cellClass == "function" ? s.cellClass(C) : t.cellClass,
                                                   he === 0 && t.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
                                                   t.hasCheckbox && he === 0 && t.stickyFirstColumn ? "bh-left-[52px]" : "",
                                                   Q.cellClass ? Q.cellClass : ""
                                                 ])
                                               }, [
-                                                K(o)[Q.field] ? ae(a.$slots, Q.field, {
+                                                K(o)[Q.field] ? ae(s.$slots, Q.field, {
                                                   key: 0,
-                                                  value: z
+                                                  value: C
                                                 }) : Q.cellRenderer ? (m(), w("div", {
                                                   key: 1,
-                                                  innerHTML: Q.cellRenderer(z)
-                                                }, null, 8, Yi)) : (m(), w(G, { key: 2 }, [
-                                                  mt(H(F(z, Q.field)), 1)
+                                                  innerHTML: Q.cellRenderer(C)
+                                                }, null, 8, Ji)) : (m(), w(G, { key: 2 }, [
+                                                  gt(q(F(C, Q.field)), 1)
                                                 ], 64))
                                               ], 2))
                                             ], 64))), 256))
-                                          ], 10, Qi)) : N("", !0),
-                                          (le = de.value.find((Q) => Q.id == z.id)) != null && le.isExpanded && t.hasSubtable ? (m(), w("tr", {
+                                          ], 10, Ki)) : R("", !0),
+                                          (te = de.value.find((Q) => Q.id == C.id)) != null && te.isExpanded && t.hasSubtable ? (m(), w("tr", {
                                             key: 1,
-                                            class: _([
-                                              typeof t.rowClass == "function" ? a.rowClass(z) : t.rowClass,
+                                            class: T([
+                                              typeof t.rowClass == "function" ? s.rowClass(C) : t.rowClass,
                                               t.selectRowOnClick ? "bh-cursor-pointer" : ""
                                             ]),
-                                            onClick: ye((Q) => Ve(z, B), ["prevent"])
+                                            onClick: ye((Q) => Ve(C, D), ["prevent"])
                                           }, [
                                             L("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(G, { key: 0 }, pe(t.pageSize, (z) => (m(), w("tr", {
-                                        key: z,
+                                      !_.value && y.value && s.skeletonloader ? (m(!0), w(G, { key: 0 }, pe(t.pageSize, (C) => (m(), w("tr", {
+                                        key: C,
                                         class: "!bh-bg-white bh-h-11 !bh-border-transparent"
                                       }, [
                                         L("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(G, { key: 1 }, pe(t.footerRows, (z, B) => (m(), w("tr", {
-                                        key: z[J.value] ? z[J.value] : B,
+                                        }, lr, 8, tr)
+                                      ]))), 128)) : R("", !0),
+                                      _.value ? (m(!0), w(G, { key: 1 }, pe(t.footerRows, (C, D) => (m(), w("tr", {
+                                        key: C[J.value] ? C[J.value] : D,
                                         class: "sticky-table-footer"
                                       }, [
                                         K(Se) > 0 ? (m(), w("td", {
                                           key: 0,
                                           colspan: K(Se)
-                                        }, null, 8, lr)) : N("", !0),
-                                        (m(!0), w(G, null, pe(t.columns, (le, Q) => (m(), w(G, null, [
-                                          le.hide ? N("", !0) : (m(), w("td", {
-                                            key: le.field,
-                                            class: _([
-                                              typeof t.cellClass == "function" ? a.cellClass(z) : t.cellClass,
+                                        }, null, 8, or)) : R("", !0),
+                                        (m(!0), w(G, null, pe(t.columns, (te, Q) => (m(), w(G, null, [
+                                          te.hide ? R("", !0) : (m(), w("td", {
+                                            key: te.field,
+                                            class: T([
+                                              typeof t.cellClass == "function" ? s.cellClass(C) : t.cellClass,
                                               Q === 0 && t.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
                                               t.hasCheckbox && Q === 0 && t.stickyFirstColumn ? "bh-left-[52px]" : "",
-                                              le.cellClass ? le.cellClass : ""
+                                              te.cellClass ? te.cellClass : ""
                                             ])
                                           }, [
-                                            z.cells.find((he) => he.field == le.field) ? (m(), w(G, { key: 0 }, [
-                                              mt(H(z.cells.find((he) => he.field == le.field).text), 1)
-                                            ], 64)) : N("", !0)
+                                            C.cells.find((he) => he.field == te.field) ? (m(), w(G, { key: 0 }, [
+                                              gt(q(C.cells.find((he) => he.field == te.field).text), 1)
+                                            ], 64)) : R("", !0)
                                           ], 2))
                                         ], 64))), 256))
-                                      ]))), 128)) : N("", !0)
+                                      ]))), 128)) : R("", !0)
                                     ]),
                                     t.cloneHeaderInFooter ? (m(), w("tfoot", {
                                       key: 0,
-                                      class: _({
+                                      class: T({
                                         "bh-sticky bh-bottom-0": t.stickyHeader
                                       })
                                     }, [
-                                      oe(an, {
+                                      ie(sn, {
                                         all: t,
                                         currentSortColumn: f.value,
                                         currentSortDirection: p.value,
-                                        isOpenFilter: q.value,
+                                        isOpenFilter: H.value,
                                         isFooter: !0,
                                         checkAll: $.value,
                                         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", {}, () => [
-                                    L("span", null, H(t.noDataContent), 1)
+                                  ae(s.$slots, "nodatacontent", {}, () => [
+                                    L("span", null, q(t.noDataContent), 1)
                                   ])
-                                ], 4)) : N("", !0)
+                                ], 4)) : R("", !0)
                               ]),
                               _: 3
                             }, 8, ["style", "autoHide", "fixedThumb", "autoExpand", "direction"])
@@ -3116,7 +3132,7 @@ const ki = /* @__PURE__ */ Ae(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                       }, 8, ["style"])
                     ]),
                     _: 3
-                  })
+                  })) : R("", !0)
                 ])
               ])
             ]),
@@ -3125,115 +3141,115 @@ const ki = /* @__PURE__ */ Ae(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: _(["bh-pagination", {
+        class: T(["bh-pagination", {
           "bh-pointer-events-none": y.value,
           "sticky-footer": t.stickyFooter
         }])
       }, [
-        L("div", or, [
-          a.enablefooterpagination ? ae(a.$slots, "footerpageinfo", {
+        L("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: Ie.value,
+            showPageSize: s.showPageSize,
+            pageSizeOptions: s.pageSizeOptions,
             currentPageSize: r.value,
-            stringFormat: De,
+            stringFormat: Be,
             setPageSize: g
           }, () => [
-            L("div", ir, [
-              L("span", rr, H(De(
+            L("div", rr, [
+              L("span", ar, q(Be(
                 t.paginationInfo,
-                T.value ? ge.value : 0,
-                Te.value,
-                T.value
+                _.value ? ge.value : 0,
+                Ie.value,
+                _.value
               )), 1),
               t.showPageSize ? ve((m(), w("select", {
                 key: 0,
-                "onUpdate:modelValue": v[3] || (v[3] = (z) => r.value = z),
+                "onUpdate:modelValue": v[3] || (v[3] = (C) => r.value = C),
                 class: "bh-pagesize"
               }, [
-                (m(!0), w(G, null, pe(t.pageSizeOptions, (z) => (m(), w("option", {
-                  value: z,
-                  key: z
-                }, H(z), 9, sr))), 128))
+                (m(!0), w(G, null, pe(t.pageSizeOptions, (C) => (m(), w("option", {
+                  value: C,
+                  key: C
+                }, q(C), 9, sr))), 128))
               ], 512)), [
                 [cn, r.value]
-              ]) : 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: Be.value,
+            paging: De.value,
             movePage: Ee,
             nextPage: re,
             previousPage: je
           }, () => [
-            L("div", ar, [
+            L("div", ur, [
               t.showFirstPage ? (m(), w("button", {
                 key: 0,
                 type: "button",
-                class: _(["bh-page-item first-page", { disabled: s.value <= 1 }]),
-                onClick: v[4] || (v[4] = (z) => s.value = 1)
+                class: T(["bh-page-item first-page", { disabled: a.value <= 1 }]),
+                onClick: v[4] || (v[4] = (C) => a.value = 1)
               }, [
                 t.firstArrow ? (m(), w("span", {
                   key: 0,
                   innerHTML: t.firstArrow
-                }, null, 8, ur)) : (m(), w("svg", cr, fr))
-              ], 2)) : N("", !0),
+                }, null, 8, cr)) : (m(), w("svg", dr, hr))
+              ], 2)) : R("", !0),
               L("button", {
                 type: "button",
-                class: _(["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(G, { key: 1 }, pe(Be.value, (z) => (m(), w("button", {
-                key: z,
+              t.showNumbers ? (m(!0), w(G, { key: 1 }, pe(De.value, (C) => (m(), w("button", {
+                key: C,
                 type: "button",
-                class: _(["bh-page-item", {
-                  disabled: s.value === z,
-                  "bh-active": z === s.value
+                class: T(["bh-page-item", {
+                  disabled: a.value === C,
+                  "bh-active": C === a.value
                 }]),
-                onClick: (B) => Ee(z)
-              }, H(z), 11, gr))), 128)) : N("", !0),
+                onClick: (D) => Ee(C)
+              }, q(C), 11, br))), 128)) : R("", !0),
               L("button", {
                 type: "button",
-                class: _(["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: _(["bh-page-item last-page", { disabled: s.value >= se.value }]),
-                onClick: v[5] || (v[5] = (z) => s.value = se.value)
+                class: T(["bh-page-item last-page", { disabled: a.value >= se.value }]),
+                onClick: v[5] || (v[5] = (C) => 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)
     ]));
   }
 });
 export {
-  Mr as default
+  Pr as default
 };