@dolusoft/vue3-datatable 1.7.40 → 1.7.41

package/dist/vue3-datatable.js

@@ -1,4 +1,4 @@
-import { onMounted as Ee, nextTick as Ie, getCurrentScope as Kn, onScopeDispose as Xn, unref as Q, getCurrentInstance as Mt, computed as Z, ref as q, watch as le, defineComponent as xe, useCssVars as Yn, shallowRef as be, onUnmounted as tt, openBlock as c, createElementBlock as v, Fragment as H, withDirectives as me, createElementVNode as y, normalizeClass as E, normalizeStyle as U, withModifiers as pe, setBlockTracking as qt, vShow as gt, createCommentVNode as P, mergeProps as Jn, renderSlot as oe, renderList as ue, createVNode as te, reactive as Zn, watchEffect as el, useSlots as pn, onBeforeUnmount as Tt, provide as Se, createBlock as he, resolveDynamicComponent as tl, inject as _e, h as bt, toRef as nl, toDisplayString as G, createTextVNode as Ae, vModelText as ft, vModelSelect as vn, withCtx as ze, vModelCheckbox as jt } from "vue";
+import { onMounted as Ee, nextTick as _e, getCurrentScope as Kn, onScopeDispose as Xn, unref as Q, getCurrentInstance as Mt, computed as Z, ref as q, watch as le, defineComponent as xe, useCssVars as Yn, shallowRef as be, onUnmounted as tt, openBlock as c, createElementBlock as v, Fragment as H, withDirectives as me, createElementVNode as y, normalizeClass as E, normalizeStyle as U, withModifiers as pe, setBlockTracking as qt, vShow as gt, createCommentVNode as P, mergeProps as Jn, renderSlot as oe, renderList as ue, createVNode as te, reactive as Zn, watchEffect as el, useSlots as pn, onBeforeUnmount as Tt, provide as Se, createBlock as he, resolveDynamicComponent as tl, inject as Fe, h as bt, toRef as nl, toDisplayString as G, createTextVNode as Ae, vModelText as ft, vModelSelect as vn, withCtx as ze, vModelCheckbox as jt } from "vue";
 function ll(e) {
   return Kn() ? (Xn(e), !0) : !1;
 }
@@ -11,9 +11,9 @@ function rl(e) {
   return Mt();
 }
 function sl(e, l = !0, n) {
-  rl() ? Ee(e, n) : l ? e() : Ie(e);
+  rl() ? Ee(e, n) : l ? e() : _e(e);
 }
-function Fe(e) {
+function Ie(e) {
   var l;
   const n = ol(e);
   return (l = n == null ? void 0 : n.$el) != null ? l : n;
@@ -32,12 +32,12 @@ function ul(e) {
 function cl(e, l, n = {}) {
   const { window: o = mn, ...t } = n;
   let i;
-  const a = ul(() => o && "ResizeObserver" in o), r = () => {
+  const a = ul(() => o && "ResizeObserver" in o), s = () => {
     i && (i.disconnect(), i = void 0);
-  }, u = Z(() => Array.isArray(e) ? e.map((g) => Fe(g)) : [Fe(e)]), f = le(
+  }, u = Z(() => Array.isArray(e) ? e.map((g) => Ie(g)) : [Ie(e)]), f = le(
     u,
     (g) => {
-      if (r(), a.value && o) {
+      if (s(), a.value && o) {
         i = new ResizeObserver(l);
         for (const T of g)
           T && i.observe(T, t);
@@ -45,7 +45,7 @@ function cl(e, l, n = {}) {
     },
     { immediate: !0, flush: "post" }
   ), h = () => {
-    r(), f();
+    s(), f();
   };
   return ll(h), {
     isSupported: a,
@@ -55,33 +55,33 @@ function cl(e, l, n = {}) {
 function dl(e, l = { width: 0, height: 0 }, n = {}) {
   const { window: o = mn, box: t = "content-box" } = n, i = Z(() => {
     var g, T;
-    return (T = (g = Fe(e)) == null ? void 0 : g.namespaceURI) == null ? void 0 : T.includes("svg");
-  }), a = q(l.width), r = q(l.height), { stop: u } = cl(
+    return (T = (g = Ie(e)) == null ? void 0 : g.namespaceURI) == null ? void 0 : T.includes("svg");
+  }), a = q(l.width), s = q(l.height), { stop: u } = cl(
     e,
     ([g]) => {
       const T = t === "border-box" ? g.borderBoxSize : t === "content-box" ? g.contentBoxSize : g.devicePixelContentBoxSize;
       if (o && i.value) {
-        const F = Fe(e);
-        if (F) {
-          const I = F.getBoundingClientRect();
-          a.value = I.width, r.value = I.height;
+        const I = Ie(e);
+        if (I) {
+          const _ = I.getBoundingClientRect();
+          a.value = _.width, s.value = _.height;
         }
       } else if (T) {
-        const F = Array.isArray(T) ? T : [T];
-        a.value = F.reduce((I, { inlineSize: A }) => I + A, 0), r.value = F.reduce((I, { blockSize: A }) => I + A, 0);
+        const I = Array.isArray(T) ? T : [T];
+        a.value = I.reduce((_, { inlineSize: A }) => _ + A, 0), s.value = I.reduce((_, { blockSize: A }) => _ + A, 0);
       } else
-        a.value = g.contentRect.width, r.value = g.contentRect.height;
+        a.value = g.contentRect.width, s.value = g.contentRect.height;
     },
     n
   );
   sl(() => {
-    const g = Fe(e);
-    g && (a.value = "offsetWidth" in g ? g.offsetWidth : l.width, r.value = "offsetHeight" in g ? g.offsetHeight : l.height);
+    const g = Ie(e);
+    g && (a.value = "offsetWidth" in g ? g.offsetWidth : l.width, s.value = "offsetHeight" in g ? g.offsetHeight : l.height);
   });
   const f = le(
-    () => Fe(e),
+    () => Ie(e),
     (g) => {
-      a.value = g ? l.width : 0, r.value = g ? l.height : 0;
+      a.value = g ? l.width : 0, s.value = g ? l.height : 0;
     }
   );
   function h() {
@@ -89,7 +89,7 @@ function dl(e, l = { width: 0, height: 0 }, n = {}) {
   }
   return {
     width: a,
-    height: r,
+    height: s,
     stop: h
   };
 }
@@ -133,7 +133,7 @@ function lt(e) {
   var l = typeof e;
   return e != null && (l == "object" || l == "function");
 }
-var Vt = NaN, Pl = /^[-+]0x[0-9a-f]+$/i, _l = /^0b[01]+$/i, Fl = /^0o[0-7]+$/i, Il = parseInt;
+var Vt = NaN, Pl = /^[-+]0x[0-9a-f]+$/i, Fl = /^0b[01]+$/i, Il = /^0o[0-7]+$/i, _l = parseInt;
 function Ne(e) {
   if (typeof e == "number")
     return e;
@@ -146,8 +146,8 @@ function Ne(e) {
   if (typeof e != "string")
     return e === 0 ? e : +e;
   e = Tl(e);
-  var n = _l.test(e);
-  return n || Fl.test(e) ? Il(e.slice(2), n ? 2 : 8) : Pl.test(e) ? Vt : +e;
+  var n = Fl.test(e);
+  return n || Il.test(e) ? _l(e.slice(2), n ? 2 : 8) : Pl.test(e) ? Vt : +e;
 }
 function Ol(e, l, n) {
   return e === e && (n !== void 0 && (e = e <= n ? e : n), l !== void 0 && (e = e >= l ? e : l)), e;
@@ -159,16 +159,16 @@ var ht = function() {
   return gn.Date.now();
 }, $l = "Expected a function", Rl = Math.max, Al = Math.min;
 function yn(e, l, n) {
-  var o, t, i, a, r, u, f = 0, h = !1, g = !1, T = !0;
+  var o, t, i, a, s, u, f = 0, h = !1, g = !1, T = !0;
   if (typeof e != "function")
     throw new TypeError($l);
   l = Ne(l) || 0, lt(n) && (h = !!n.leading, g = "maxWait" in n, i = g ? Rl(Ne(n.maxWait) || 0, l) : i, T = "trailing" in n ? !!n.trailing : T);
-  function F(S) {
+  function I(S) {
     var z = o, B = t;
     return o = t = void 0, f = S, a = e.apply(B, z), a;
   }
-  function I(S) {
-    return f = S, r = setTimeout(D, l), h ? F(S) : a;
+  function _(S) {
+    return f = S, s = setTimeout(D, l), h ? I(S) : a;
   }
   function A(S) {
     var z = S - u, B = S - f, Y = l - z;
@@ -182,26 +182,26 @@ function yn(e, l, n) {
     var S = ht();
     if (k(S))
       return j(S);
-    r = setTimeout(D, A(S));
+    s = setTimeout(D, A(S));
   }
   function j(S) {
-    return r = void 0, T && o ? F(S) : (o = t = void 0, a);
+    return s = void 0, T && o ? I(S) : (o = t = void 0, a);
   }
   function X() {
-    r !== void 0 && clearTimeout(r), f = 0, o = u = t = r = void 0;
+    s !== void 0 && clearTimeout(s), f = 0, o = u = t = s = void 0;
   }
   function N() {
-    return r === void 0 ? a : j(ht());
+    return s === void 0 ? a : j(ht());
   }
   function ee() {
     var S = ht(), z = k(S);
     if (o = arguments, t = this, u = S, z) {
-      if (r === void 0)
-        return I(u);
+      if (s === void 0)
+        return _(u);
       if (g)
-        return clearTimeout(r), r = setTimeout(D, l), F(u);
+        return clearTimeout(s), s = setTimeout(D, l), I(u);
     }
-    return r === void 0 && (r = setTimeout(D, l)), a;
+    return s === void 0 && (s = setTimeout(D, l)), a;
   }
   return ee.cancel = X, ee.flush = N, ee;
 }
@@ -238,7 +238,7 @@ function Vl(e, { expose: l }) {
   });
   let t = null, i = be(null);
   const a = { pageX: 0, pageY: 0, scrollPos: 0 };
-  let r = null;
+  let s = null;
   const u = () => {
     t = setTimeout(() => {
       i.value && i.value.classList.remove("scrollbar__thumbPlaceholder--scrolling"), t = null;
@@ -252,17 +252,17 @@ function Vl(e, { expose: l }) {
     const B = n.type === "horizontal" ? "pageX" : "pageY", Y = (z[B] - a[B]) / n.scrollInfo.wrapperMainSize * n.scrollInfo.contentMainSize;
     n.wrapperEl.scrollTo({ [n.type === "horizontal" ? "left" : "top"]: a.scrollPos + Y, behavior: "auto" });
   }, 16), g = () => {
-    u(), i.value.removeEventListener("pointermove", h), i.value.removeEventListener("pointerup", g), i.value.removeEventListener("pointercancel", g), i.value.removeEventListener("mousewheel", g), document.removeEventListener("mousewheel", g), typeof r == "number" && i.value.releasePointerCapture(r), r = null;
+    u(), i.value.removeEventListener("pointermove", h), i.value.removeEventListener("pointerup", g), i.value.removeEventListener("pointercancel", g), i.value.removeEventListener("mousewheel", g), document.removeEventListener("mousewheel", g), typeof s == "number" && i.value.releasePointerCapture(s), s = null;
   }, T = (z) => {
-    z.ctrlKey || z.button !== 0 || (f(), a.pageX = z.pageX, a.pageY = z.pageY, a.scrollPos = n.wrapperEl[n.type === "horizontal" ? "scrollLeft" : "scrollTop"], r = z == null ? void 0 : z.pointerId, i.value.setPointerCapture(r), i.value.addEventListener("pointermove", h), i.value.addEventListener("pointerup", g), i.value.addEventListener("pointercancel", g), i.value.addEventListener("mousewheel", g, { passive: !1 }), document.addEventListener("mousewheel", g, { passive: !1 }), i.value.classList.add("scrollbar__thumbPlaceholder--scrolling"));
+    z.ctrlKey || z.button !== 0 || (f(), a.pageX = z.pageX, a.pageY = z.pageY, a.scrollPos = n.wrapperEl[n.type === "horizontal" ? "scrollLeft" : "scrollTop"], s = z == null ? void 0 : z.pointerId, i.value.setPointerCapture(s), i.value.addEventListener("pointermove", h), i.value.addEventListener("pointerup", g), i.value.addEventListener("pointercancel", g), i.value.addEventListener("mousewheel", g, { passive: !1 }), document.addEventListener("mousewheel", g, { passive: !1 }), i.value.classList.add("scrollbar__thumbPlaceholder--scrolling"));
   };
   l({
     autoHideAfterScroll: () => {
       f(), i.value && i.value.classList.add("scrollbar__thumbPlaceholder--scrolling"), u();
     }
   });
-  let I = be(!1), A = be(!1), k = be(null), D = null, j = null, X = Z(() => n.fixedThumb && !A.value);
-  const N = ([z]) => A.value = z.isIntersecting, ee = ([z]) => I.value = z.isIntersecting, S = () => {
+  let _ = be(!1), A = be(!1), k = be(null), D = null, j = null, X = Z(() => n.fixedThumb && !A.value);
+  const N = ([z]) => A.value = z.isIntersecting, ee = ([z]) => _.value = z.isIntersecting, S = () => {
     D && (D.disconnect(), D = null), j && (j.disconnect(), j = null);
   };
   return le(() => [n.fixedThumb, n.wrapperEl], () => {
@@ -294,7 +294,7 @@ function Vl(e, { expose: l }) {
         class: E(["scrollbar__thumb", `scrollbar__thumb--${e.type}`])
       }, null, 2), qt(1), B[0])
     ], 46, jl), [
-      [gt, !!e.scrollInfo.thumbSize && (e.fixedThumb ? I.value : !0)]
+      [gt, !!e.scrollInfo.thumbSize && (e.fixedThumb ? _.value : !0)]
     ]),
     n.fixedThumb ? me((c(), v("div", {
       key: 0,
@@ -327,9 +327,9 @@ function Kt(...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 } = ot(ot({}, Ql), n), a = l ? e[0] : be(null), r = Zn({ left: 0, top: 0, right: 0, bottom: 0, width: 0, height: 0, x: 0, y: 0 }), u = () => {
+  const { wait: o, type: t, callback: i } = ot(ot({}, Ql), n), a = l ? e[0] : be(null), s = Zn({ left: 0, top: 0, right: 0, bottom: 0, width: 0, height: 0, x: 0, y: 0 }), u = () => {
     const T = a.value.getBoundingClientRect();
-    r.left = T.left, r.top = T.top, r.right = T.right, r.bottom = T.bottom, r.width = T.width, r.height = T.height, r.x = T.x, r.y = T.y, i == null || i();
+    s.left = T.left, s.top = T.top, s.right = T.right, s.bottom = T.bottom, s.width = T.width, s.height = T.height, s.x = T.x, s.y = T.y, i == null || i();
   };
   let f = null, h = null;
   const g = () => {
@@ -337,7 +337,7 @@ function Kt(...e) {
   };
   return el(() => {
     a.value && (g(), f = u, t === "throttle" && o >= 4 ? f = wn(f, o) : t === "debounce" && o >= 4 && (f = yn(f, o)), window.addEventListener("resize", f), h = new ResizeObserver(f), h.observe(a.value));
-  }), tt(g), l ? r : [a, r];
+  }), tt(g), l ? s : [a, s];
 }
 const Kl = {
   name: "CustomScrollbar",
@@ -350,7 +350,7 @@ function Xl(e, { expose: l, emit: n }) {
   }, i = (N, ee) => {
     t[ee].instance || (t[ee].instance = N);
   };
-  let a = be(null), r = be(null);
+  let a = be(null), s = be(null);
   Ee(() => {
     var N;
     const ee = Array.from((N = a.value.parentElement) == null ? void 0 : N.childNodes);
@@ -360,22 +360,22 @@ function Xl(e, { expose: l, emit: n }) {
         return (B = z == null ? void 0 : z.classList) == null ? void 0 : B.contains(`scrollbar__thumbPlaceholder--${S}`);
       });
   });
-  const u = Kt(a, { wait: o.throttleWait, type: o.throttleType, callback: T }), f = Kt(r, { wait: o.throttleWait, type: o.throttleType, callback: T });
+  const u = Kt(a, { wait: o.throttleWait, type: o.throttleType, callback: T }), f = Kt(s, { wait: o.throttleWait, type: o.throttleType, callback: T });
   let h = be(0), g = be(0);
   function T() {
     h.value = Math.max(a.value.scrollHeight - u.height | 0, 0), g.value = Math.max(a.value.scrollWidth - u.width | 0, 0);
   }
-  let F = Z(() => ({
+  let I = Z(() => ({
     thumbSize: g.value ? Ke(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 = Z(() => ({
+  })), _ = Z(() => ({
     thumbSize: h.value ? Ke(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)
-  })), A = Z(() => u.height - I.value.thumbSize - 5), k = Z(() => u.width - F.value.thumbSize - 5);
+  })), A = Z(() => u.height - _.value.thumbSize - 5), k = Z(() => u.width - I.value.thumbSize - 5);
   const D = () => {
     g.value && (t.horizontal.el.style.transform = `translate3d(${a.value.scrollLeft / g.value * k.value}px, 0, 0)`, t.horizontal.instance.autoHideAfterScroll()), h.value && (t.vertical.el.style.transform = `translate3d(0, ${a.value.scrollTop / h.value * A.value}px, 0)`, t.vertical.instance.autoHideAfterScroll());
   };
@@ -404,7 +404,7 @@ function Xl(e, { expose: l, emit: n }) {
     }), [
       y("div", {
         ref: (S, z) => {
-          z.contentEl = S, r.value = S;
+          z.contentEl = S, s.value = S;
         },
         class: E(["scrollbar__content", e.contentClass, { "scrollbar__content--fixedThumb": e.fixedThumb, [`scrollbar__content--${e.direction}`]: e.direction }]),
         style: U(e.contentStyle)
@@ -420,7 +420,7 @@ function Xl(e, { expose: l, emit: n }) {
       autoHideDelay: e.autoHideDelay,
       fixedThumb: z === e.direction ? !1 : e.fixedThumb,
       type: z,
-      scrollInfo: z === "vertical" ? I.value : F.value,
+      scrollInfo: z === "vertical" ? _.value : I.value,
       thumbWidth: e.thumbWidth,
       wrapperEl: a.value
     }, null, 8, ["autoExpand", "autoHide", "autoHideDelay", "fixedThumb", "type", "scrollInfo", "thumbWidth", "wrapperEl"])), 64))
@@ -469,7 +469,7 @@ const Xt = /* @__PURE__ */ xe(xn(ot({}, Kl), {
     "splitter-dblclick"
   ],
   setup(e, { emit: l }) {
-    const n = l, o = e, t = pn(), i = q([]), a = Z(() => i.value.reduce((d, w) => (d[~~w.id] = w) && d, {})), r = Z(() => i.value.length), u = q(null), f = q(!1), h = q({
+    const n = l, o = e, t = pn(), i = q([]), a = Z(() => i.value.reduce((d, w) => (d[~~w.id] = w) && d, {})), s = Z(() => i.value.length), u = q(null), f = q(!1), h = q({
       mouseDown: !1,
       dragging: !1,
       activeSplitter: null,
@@ -482,9 +482,9 @@ const Xt = /* @__PURE__ */ xe(xn(ot({}, Kl), {
     }), T = Z(() => ({
       [`splitpanes splitpanes--${o.horizontal ? "horizontal" : "vertical"}`]: !0,
       "splitpanes--dragging": h.value.dragging
-    })), F = () => {
+    })), I = () => {
       document.addEventListener("mousemove", k, { passive: !1 }), document.addEventListener("mouseup", D), "ontouchstart" in window && (document.addEventListener("touchmove", k, { passive: !1 }), document.addEventListener("touchend", D));
-    }, I = () => {
+    }, _ = () => {
       document.removeEventListener("mousemove", k, { passive: !1 }), document.removeEventListener("mouseup", D), "ontouchstart" in window && (document.removeEventListener("touchmove", k, { passive: !1 }), document.removeEventListener("touchend", D));
     }, A = (d, w) => {
       const L = d.target.closest(".splitpanes__splitter");
@@ -492,14 +492,14 @@ const Xt = /* @__PURE__ */ xe(xn(ot({}, Kl), {
         const { left: x, top: C } = L.getBoundingClientRect(), { clientX: M, clientY: W } = "ontouchstart" in window && d.touches ? d.touches[0] : d;
         h.value.cursorOffset = o.horizontal ? W - C : M - x;
       }
-      F(), h.value.mouseDown = !0, h.value.activeSplitter = w;
+      I(), h.value.mouseDown = !0, h.value.activeSplitter = w;
     }, k = (d) => {
       h.value.mouseDown && (d.preventDefault(), h.value.dragging = !0, requestAnimationFrame(() => {
         z(ee(d)), ae("resize", { event: d }, !0);
       }));
     }, D = (d) => {
       h.value.dragging && ae("resized", { event: d }, !0), h.value.mouseDown = !1, h.value.activeSplitter = null, setTimeout(() => {
-        h.value.dragging = !1, I();
+        h.value.dragging = !1, _();
       }, 100);
     }, j = (d, w) => {
       "ontouchstart" in window && (d.preventDefault(), g.value.splitter === w ? (clearTimeout(g.value.timeoutId), g.value.timeoutId = null, X(d, w), g.value.splitter = null) : (g.value.splitter = w, g.value.timeoutId = setTimeout(() => g.value.splitter = null, 500))), h.value.dragging || ae("splitter-click", { event: d, index: w }, !0);
@@ -554,7 +554,7 @@ const Xt = /* @__PURE__ */ xe(xn(ot({}, Kl), {
       }), i.value[x[1]].size = 100 - d.prevReachedMinPanes - i.value[0].min - d.prevPanesSize - d.nextPanesSize, null) : w > 100 - d.nextPanesSize - i.value[x[1]].min && (x[1] = re(L).index, d.nextReachedMinPanes = 0, x[1] > L + 1 && i.value.forEach((C, M) => {
         M > L && M < x[1] && (C.size = C.min, d.nextReachedMinPanes += C.min);
       }), d.nextPanesSize = ne(x[1] - 1), x[1] === void 0) ? (d.nextReachedMinPanes = 0, i.value.forEach((C, M) => {
-        M < r.value - 1 && M >= L + 1 && (C.size = C.min, d.nextReachedMinPanes += C.min);
+        M < s.value - 1 && M >= L + 1 && (C.size = C.min, d.nextReachedMinPanes += C.min);
       }), i.value[x[0]].size = 100 - d.prevPanesSize - ne(x[0] - 1), null) : { sums: d, panesToResize: x };
     }, Y = (d) => i.value.reduce((w, L, x) => w + (x < d ? L.size : 0), 0), ne = (d) => i.value.reduce((w, L, x) => w + (x > d + 1 ? L.size : 0), 0), ut = (d) => [...i.value].reverse().find((w) => w.index < d && w.size > w.min) || {}, re = (d) => i.value.find((w) => w.index > d + 1 && w.size > w.min) || {}, qe = () => {
       var d;
@@ -582,20 +582,20 @@ const Xt = /* @__PURE__ */ xe(xn(ot({}, Kl), {
     }, je = (d) => {
       var w;
       let L = -1;
-      Array.from(((w = u.value) == null ? void 0 : w.children) || []).some((x) => (x.className.includes("splitpanes__pane") && L++, x.isSameNode(d.el))), i.value.splice(L, 0, { ...d, index: L }), i.value.forEach((x, C) => x.index = C), f.value && Ie(() => {
+      Array.from(((w = u.value) == null ? void 0 : w.children) || []).some((x) => (x.className.includes("splitpanes__pane") && L++, x.isSameNode(d.el))), i.value.splice(L, 0, { ...d, index: L }), i.value.forEach((x, C) => x.index = C), f.value && _e(() => {
         ye(), ce({ addedPane: i.value[L] }), ae("pane-add", { pane: i.value[L] });
       });
     }, Ue = (d) => {
       const w = i.value.findIndex((x) => x.id === d);
       i.value[w].el = null;
       const L = i.value.splice(w, 1)[0];
-      i.value.forEach((x, C) => x.index = C), Ie(() => {
+      i.value.forEach((x, C) => x.index = C), _e(() => {
         ye(), ae("pane-remove", { pane: L }), ce({ removedPane: { ...L } });
       });
     }, ce = (d = {}) => {
       !d.addedPane && !d.removedPane ? Me() : i.value.some((w) => w.givenSize !== null || w.min || w.max < 100) ? Ve(d) : ve(), f.value && ae("resized");
     }, ve = () => {
-      const d = 100 / r.value;
+      const d = 100 / s.value;
       let w = 0;
       const L = [], x = [];
       for (const C of i.value)
@@ -610,13 +610,13 @@ const Xt = /* @__PURE__ */ xe(xn(ot({}, Kl), {
       let C = 100;
       if (d > 0.1) {
         for (const M of i.value)
-          M.givenSize === null && (M.size = Math.max(Math.min(d / (r.value - x), M.max), M.min)), C -= M.size;
+          M.givenSize === null && (M.size = Math.max(Math.min(d / (s.value - x), M.max), M.min)), C -= M.size;
         C > 0.1 && Te(C, w, L);
       }
     }, Ve = ({ addedPane: d, removedPane: w } = {}) => {
-      let L = 100 / r.value, x = 0;
+      let L = 100 / s.value, x = 0;
       const C = [], M = [];
-      ((d == null ? void 0 : d.givenSize) ?? null) !== null && (L = (100 - d.givenSize) / (r.value - 1));
+      ((d == null ? void 0 : d.givenSize) ?? null) !== null && (L = (100 - d.givenSize) / (s.value - 1));
       for (const W of i.value)
         x -= W.size, W.size >= W.max && C.push(W.id), W.size <= W.min && M.push(W.id);
       if (!(Math.abs(x) < 0.1)) {
@@ -626,7 +626,7 @@ const Xt = /* @__PURE__ */ xe(xn(ot({}, Kl), {
       }
     }, Te = (d, w, L) => {
       let x;
-      d > 0 ? x = d / (r.value - w.length) : x = d / (r.value - L.length), i.value.forEach((C, M) => {
+      d > 0 ? x = d / (s.value - w.length) : x = d / (s.value - L.length), i.value.forEach((C, M) => {
         if (d > 0 && !w.includes(C.id)) {
           const W = Math.max(Math.min(C.size + x, C.max), C.min), ie = W - C.size;
           d -= ie, C.size = W;
@@ -634,7 +634,7 @@ const Xt = /* @__PURE__ */ xe(xn(ot({}, Kl), {
           const W = Math.max(Math.min(C.size + x, C.max), C.min), ie = W - C.size;
           d -= ie, C.size = W;
         }
-      }), Math.abs(d) > 0.1 && Ie(() => {
+      }), Math.abs(d) > 0.1 && _e(() => {
         f.value && console.warn("Splitpanes: Could not resize panes correctly due to their constraints.");
       });
     }, ae = (d, w = void 0, L = !1) => {
@@ -671,25 +671,25 @@ const Xt = /* @__PURE__ */ xe(xn(ot({}, Kl), {
   },
   setup(e) {
     var l;
-    const n = e, o = _e("requestUpdate"), t = _e("onPaneAdd"), i = _e("horizontal"), a = _e("onPaneRemove"), r = _e("onPaneClick"), u = (l = Mt()) == null ? void 0 : l.uid, f = _e("indexedPanes"), h = Z(() => f.value[u]), g = q(null), T = Z(() => {
+    const n = e, o = Fe("requestUpdate"), t = Fe("onPaneAdd"), i = Fe("horizontal"), a = Fe("onPaneRemove"), s = Fe("onPaneClick"), u = (l = Mt()) == null ? void 0 : l.uid, f = Fe("indexedPanes"), h = Z(() => f.value[u]), g = q(null), T = Z(() => {
       const k = isNaN(n.size) || n.size === void 0 ? 0 : parseFloat(n.size);
-      return Math.max(Math.min(k, I.value), F.value);
-    }), F = Z(() => {
+      return Math.max(Math.min(k, _.value), I.value);
+    }), I = Z(() => {
       const k = parseFloat(n.minSize);
       return isNaN(k) ? 0 : k;
-    }), I = Z(() => {
+    }), _ = Z(() => {
       const k = parseFloat(n.maxSize);
       return isNaN(k) ? 100 : k;
     }), A = Z(() => {
       var k;
       return `${i.value ? "height" : "width"}: ${(k = h.value) == null ? void 0 : k.size}%`;
     });
-    return le(() => T.value, (k) => o({ uid: u, size: k })), le(() => F.value, (k) => o({ uid: u, min: k })), le(() => I.value, (k) => o({ uid: u, max: k })), Ee(() => {
+    return le(() => T.value, (k) => o({ uid: u, size: k })), le(() => I.value, (k) => o({ uid: u, min: k })), le(() => _.value, (k) => o({ uid: u, max: k })), Ee(() => {
       t({
         id: u,
         el: g.value,
-        min: F.value,
-        max: I.value,
+        min: I.value,
+        max: _.value,
         // The given size (useful to know the user intention).
         givenSize: n.size === void 0 ? null : T.value,
         size: T.value
@@ -699,7 +699,7 @@ const Xt = /* @__PURE__ */ xe(xn(ot({}, Kl), {
       ref_key: "paneEl",
       ref: g,
       class: "splitpanes__pane",
-      onClick: D[0] || (D[0] = (j) => Q(r)(j, k._.uid)),
+      onClick: D[0] || (D[0] = (j) => Q(s)(j, k._.uid)),
       style: U(A.value)
     }, [
       oe(k.$slots, "default")
@@ -715,30 +715,30 @@ const Xt = /* @__PURE__ */ xe(xn(ot({}, Kl), {
   if (t.length > 3 || !t.length)
     return null;
   if (t.length > 1) {
-    const r = t.pop(), u = t.pop(), f = {
+    const s = t.pop(), u = t.pop(), f = {
       // Allow provider without '@': "provider:prefix:name"
       provider: t.length > 0 ? t[0] : o,
       prefix: u,
-      name: r
+      name: s
     };
     return l && !Je(f) ? null : f;
   }
   const i = t[0], a = i.split("-");
   if (a.length > 1) {
-    const r = {
+    const s = {
       provider: o,
       prefix: a.shift(),
       name: a.join("-")
     };
-    return l && !Je(r) ? null : r;
+    return l && !Je(s) ? null : s;
   }
   if (n && o === "") {
-    const r = {
+    const s = {
       provider: o,
       prefix: "",
       name: i
     };
-    return l && !Je(r, n) ? null : r;
+    return l && !Je(s, n) ? null : s;
   }
   return null;
 }, Je = (e, l) => e ? !!((e.provider === "" || e.provider.match(We)) && (l && e.prefix === "" || e.prefix.match(We)) && e.name.match(We)) : !1, kn = Object.freeze(
@@ -779,8 +779,8 @@ function Jl(e, l) {
       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));
+      const s = o[a] && o[a].parent, u = s && i(s);
+      u && (t[a] = [s].concat(u));
     }
     return t[a];
   }
@@ -789,9 +789,9 @@ function Jl(e, l) {
 function Zl(e, l, n) {
   const o = e.icons, t = e.aliases || /* @__PURE__ */ Object.create(null);
   let i = {};
-  function a(r) {
+  function a(s) {
     i = Jt(
-      o[r] || t[r],
+      o[s] || t[s],
       i
     );
   }
@@ -935,8 +935,8 @@ function en(e, l, n) {
   let i = o.shift(), a = so.test(i);
   for (; ; ) {
     if (a) {
-      const r = parseFloat(i);
-      isNaN(r) ? t.push(i) : t.push(Math.ceil(r * l * n) / n);
+      const s = parseFloat(i);
+      isNaN(s) ? t.push(i) : t.push(Math.ceil(s * l * n) / n);
     } else
       t.push(i);
     if (i = o.shift(), i === void 0)
@@ -1015,17 +1015,17 @@ function ho(e, l) {
       "</g>"
     ));
   });
-  const a = o.width, r = o.height, u = t.width, f = t.height;
+  const a = o.width, s = o.height, u = t.width, f = t.height;
   let h, g;
-  a === null ? (g = r === null ? "1em" : r === "auto" ? f : r, h = en(g, u / f)) : (h = a === "auto" ? u : a, g = r === null ? en(h, f / u) : r === "auto" ? f : r);
-  const T = {}, F = (A, k) => {
+  a === null ? (g = s === null ? "1em" : s === "auto" ? f : s, h = en(g, u / f)) : (h = a === "auto" ? u : a, g = s === null ? en(h, f / u) : s === "auto" ? f : s);
+  const T = {}, I = (A, k) => {
     fo(k) || (T[A] = k.toString());
   };
-  F("width", h), F("height", g);
-  const I = [t.left, t.top, u, f];
-  return T.viewBox = I.join(" "), {
+  I("width", h), I("height", g);
+  const _ = [t.left, t.top, u, f];
+  return T.viewBox = _.join(" "), {
     attributes: T,
-    viewBox: I,
+    viewBox: _,
     body: i
   };
 }
@@ -1040,11 +1040,11 @@ function go(e, l = vo) {
     return e;
   const t = "suffix" + (Math.random() * 16777216 | Date.now()).toString(16);
   return n.forEach((i) => {
-    const a = typeof l == "function" ? l(i) : l + (mo++).toString(), r = i.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    const a = typeof l == "function" ? l(i) : l + (mo++).toString(), s = i.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
     e = e.replace(
       // Allowed characters before id: [#;"]
       // Allowed characters after id: [)"], .[a-z]
-      new RegExp('([#;"])(' + r + ')([")]|\\.[a-z])', "g"),
+      new RegExp('([#;"])(' + s + ')([")]|\\.[a-z])', "g"),
       "$1" + a + t + "$3"
     );
   }), e = e.replace(new RegExp(t, "g"), ""), e;
@@ -1056,7 +1056,7 @@ function bo(e, l) {
 function xt(e) {
   return wt[e] || wt[""];
 }
-function _t(e) {
+function Ft(e) {
   let l;
   if (typeof e.resources == "string")
     l = [e.resources];
@@ -1081,21 +1081,21 @@ function _t(e) {
     dataAfterTimeout: e.dataAfterTimeout !== !1
   };
 }
-const Ft = /* @__PURE__ */ Object.create(null), Re = [
+const It = /* @__PURE__ */ Object.create(null), Re = [
   "https://api.simplesvg.com",
   "https://api.unisvg.com"
 ], Ze = [];
 for (; Re.length > 0; )
   Re.length === 1 || Math.random() > 0.5 ? Ze.push(Re.shift()) : Ze.push(Re.pop());
-Ft[""] = _t({
+It[""] = Ft({
   resources: ["https://api.iconify.design"].concat(Ze)
 });
 function yo(e, l) {
-  const n = _t(l);
-  return n === null ? !1 : (Ft[e] = n, !0);
+  const n = Ft(l);
+  return n === null ? !1 : (It[e] = n, !0);
 }
-function It(e) {
-  return Ft[e];
+function _t(e) {
+  return It[e];
 }
 const wo = () => {
   let e;
@@ -1107,7 +1107,7 @@ const wo = () => {
 };
 let tn = wo();
 function xo(e, l) {
-  const n = It(e);
+  const n = _t(e);
   if (!n)
     return 0;
   let o;
@@ -1133,19 +1133,19 @@ const Co = (e, l, n) => {
     provider: e,
     prefix: l,
     icons: []
-  }, r = 0;
+  }, s = 0;
   return n.forEach((u, f) => {
-    r += u.length + 1, r >= t && f > 0 && (o.push(a), a = {
+    s += u.length + 1, s >= t && f > 0 && (o.push(a), a = {
       type: i,
       provider: e,
       prefix: l,
       icons: []
-    }, r = u.length), a.icons.push(u);
+    }, s = u.length), a.icons.push(u);
   }), o.push(a), o;
 };
 function So(e) {
   if (typeof e == "string") {
-    const l = It(e);
+    const l = _t(e);
     if (l)
       return l.path;
   }
@@ -1159,8 +1159,8 @@ const zo = (e, l, n) => {
   let o = So(l.provider);
   switch (l.type) {
     case "icons": {
-      const i = l.prefix, r = l.icons.join(","), u = new URLSearchParams({
-        icons: r
+      const i = l.prefix, s = l.icons.join(","), u = new URLSearchParams({
+        icons: s
       });
       o += i + ".json?" + u.toString();
       break;
@@ -1217,13 +1217,13 @@ function Eo(e) {
     if (o.name === t.name && o.prefix === t.prefix && o.provider === t.provider)
       return;
     o = t;
-    const i = t.provider, a = t.prefix, r = t.name, u = n[i] || (n[i] = /* @__PURE__ */ Object.create(null)), f = u[a] || (u[a] = Le(i, a));
+    const i = t.provider, a = t.prefix, s = t.name, u = n[i] || (n[i] = /* @__PURE__ */ Object.create(null)), f = u[a] || (u[a] = Le(i, a));
     let h;
-    r in f.icons ? h = l.loaded : a === "" || f.missing.has(r) ? h = l.missing : h = l.pending;
+    s in f.icons ? h = l.loaded : a === "" || f.missing.has(s) ? h = l.missing : h = l.pending;
     const g = {
       provider: i,
       prefix: a,
-      name: r
+      name: s
     };
     h.push(g);
   }), l;
@@ -1243,7 +1243,7 @@ function Mo(e) {
     let n = !1;
     const o = e.provider, t = e.prefix;
     l.forEach((i) => {
-      const a = i.icons, r = a.pending.length;
+      const a = i.icons, s = a.pending.length;
       a.pending = a.pending.filter((u) => {
         if (u.prefix !== t)
           return !0;
@@ -1263,7 +1263,7 @@ function Mo(e) {
         else
           return n = !0, !0;
         return !1;
-      }), a.pending.length !== r && (n || Mn([e], i.id), i.callback(
+      }), a.pending.length !== s && (n || Mn([e], i.id), i.callback(
         a.loaded.slice(0),
         a.missing.slice(0),
         a.pending.slice(0),
@@ -1287,14 +1287,14 @@ function Po(e, l, n) {
     (a.loaderCallbacks || (a.loaderCallbacks = [])).push(i);
   }), t;
 }
-function _o(e, l = !0, n = !1) {
+function Fo(e, l = !0, n = !1) {
   const o = [];
   return e.forEach((t) => {
     const i = typeof t == "string" ? rt(t, l, n) : t;
     i && o.push(i);
   }), o;
 }
-var Fo = {
+var Io = {
   resources: [],
   index: 0,
   timeout: 2e3,
@@ -1302,7 +1302,7 @@ var Fo = {
   random: !1,
   dataAfterTimeout: !1
 };
-function Io(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 a;
   if (e.random) {
@@ -1314,23 +1314,23 @@ function Io(e, l, n, o) {
     a = a.concat(S);
   } else
     a = e.resources.slice(i).concat(e.resources.slice(0, i));
-  const r = Date.now();
-  let u = "pending", f = 0, h, g = null, T = [], F = [];
-  typeof o == "function" && F.push(o);
-  function I() {
+  const s = Date.now();
+  let u = "pending", f = 0, h, g = null, T = [], I = [];
+  typeof o == "function" && I.push(o);
+  function _() {
     g && (clearTimeout(g), g = null);
   }
   function A() {
-    u === "pending" && (u = "aborted"), I(), T.forEach((S) => {
+    u === "pending" && (u = "aborted"), _(), T.forEach((S) => {
       S.status === "pending" && (S.status = "aborted");
     }), T = [];
   }
   function k(S, z) {
-    z && (F = []), typeof S == "function" && F.push(S);
+    z && (I = []), typeof S == "function" && I.push(S);
   }
   function D() {
     return {
-      startTime: r,
+      startTime: s,
       payload: l,
       status: u,
       queriesSent: f,
@@ -1340,7 +1340,7 @@ function Io(e, l, n, o) {
     };
   }
   function j() {
-    u = "failed", F.forEach((S) => {
+    u = "failed", I.forEach((S) => {
       S(void 0, h);
     });
   }
@@ -1369,23 +1369,23 @@ function Io(e, l, n, o) {
       h = B, T.length || (a.length ? ee() : j());
       return;
     }
-    if (I(), X(), !e.random) {
+    if (_(), X(), !e.random) {
       const ne = e.resources.indexOf(S.resource);
       ne !== -1 && ne !== e.index && (e.index = ne);
     }
-    u = "completed", F.forEach((ne) => {
+    u = "completed", I.forEach((ne) => {
       ne(B);
     });
   }
   function ee() {
     if (u !== "pending")
       return;
-    I();
+    _();
     const S = a.shift();
     if (S === void 0) {
       if (T.length) {
         g = setTimeout(() => {
-          I(), u === "pending" && (X(), j());
+          _(), u === "pending" && (X(), j());
         }, e.timeout);
         return;
       }
@@ -1405,17 +1405,17 @@ function Io(e, l, n, o) {
 }
 function Tn(e) {
   const l = {
-    ...Fo,
+    ...Io,
     ...e
   };
   let n = [];
   function o() {
-    n = n.filter((r) => r().status === "pending");
+    n = n.filter((s) => s().status === "pending");
   }
-  function t(r, u, f) {
-    const h = Io(
+  function t(s, u, f) {
+    const h = _o(
       l,
-      r,
+      s,
       u,
       (g, T) => {
         o(), f && f(g, T);
@@ -1423,14 +1423,14 @@ function Tn(e) {
     );
     return n.push(h), h;
   }
-  function i(r) {
-    return n.find((u) => r(u)) || null;
+  function i(s) {
+    return n.find((u) => s(u)) || null;
   }
   return {
     query: t,
     find: i,
-    setIndex: (r) => {
-      l.index = r;
+    setIndex: (s) => {
+      l.index = s;
     },
     getIndex: () => l.index,
     cleanup: o
@@ -1441,7 +1441,7 @@ function nn() {
 const mt = /* @__PURE__ */ Object.create(null);
 function Oo(e) {
   if (!mt[e]) {
-    const l = It(e);
+    const l = _t(e);
     if (!l)
       return;
     const n = Tn(l), o = {
@@ -1462,16 +1462,16 @@ function $o(e, l, n) {
     const a = Oo(e);
     a && (o = a.redundancy);
   } else {
-    const i = _t(e);
+    const i = Ft(e);
     if (i) {
       o = Tn(i);
-      const a = e.resources ? e.resources[0] : "", r = xt(a);
-      r && (t = r.send);
+      const a = e.resources ? e.resources[0] : "", s = xt(a);
+      s && (t = s.send);
     }
   }
   return !o || !t ? (n(void 0, 424), nn) : o.query(l, t, n)().abort;
 }
-const ln = "iconify2", He = "iconify", Pn = He + "-count", on = He + "-version", _n = 36e5, Ro = 168, Ao = 50;
+const ln = "iconify2", He = "iconify", Pn = He + "-count", on = He + "-version", Fn = 36e5, Ro = 168, Ao = 50;
 function kt(e, l) {
   try {
     return e.getItem(l);
@@ -1499,7 +1499,7 @@ function St(e) {
 const at = {
   local: !0,
   session: !0
-}, Fn = {
+}, In = {
   local: /* @__PURE__ */ new Set(),
   session: /* @__PURE__ */ new Set()
 };
@@ -1508,7 +1508,7 @@ function No(e) {
   $t = e;
 }
 let Xe = typeof window > "u" ? {} : window;
-function In(e) {
+function _n(e) {
   const l = e + "Storage";
   try {
     if (Xe && Xe[l] && typeof Xe[l].length == "number")
@@ -1518,26 +1518,26 @@ function In(e) {
   at[e] = !1;
 }
 function On(e, l) {
-  const n = In(e);
+  const n = _n(e);
   if (!n)
     return;
   const o = kt(n, on);
   if (o !== ln) {
     if (o) {
-      const r = St(n);
-      for (let u = 0; u < r; u++)
+      const s = St(n);
+      for (let u = 0; u < s; u++)
         rn(n, He + u.toString());
     }
     Ot(n, on, ln), Ct(n, 0);
     return;
   }
-  const t = Math.floor(Date.now() / _n) - Ro, i = (r) => {
-    const u = He + r.toString(), f = kt(n, u);
+  const t = Math.floor(Date.now() / Fn) - Ro, i = (s) => {
+    const u = He + s.toString(), f = kt(n, u);
     if (typeof f == "string") {
       try {
         const h = JSON.parse(f);
         if (typeof h == "object" && typeof h.cached == "number" && h.cached > t && typeof h.provider == "string" && typeof h.data == "object" && typeof h.data.prefix == "string" && // Valid item: run callback
-        l(h, r))
+        l(h, s))
           return !0;
       } catch {
       }
@@ -1545,8 +1545,8 @@ function On(e, l) {
     }
   };
   let a = St(n);
-  for (let r = a - 1; r >= 0; r--)
-    i(r) || (r === a - 1 ? (a--, Ct(n, a)) : Fn[e].add(r));
+  for (let s = a - 1; s >= 0; s--)
+    i(s) || (s === a - 1 ? (a--, Ct(n, a)) : In[e].add(s));
 }
 function $n() {
   if (!$t) {
@@ -1583,23 +1583,23 @@ function Do(e, l) {
   $t || $n();
   function n(o) {
     let t;
-    if (!at[o] || !(t = In(o)))
+    if (!at[o] || !(t = _n(o)))
       return;
-    const i = Fn[o];
+    const i = In[o];
     let a;
     if (i.size)
       i.delete(a = Array.from(i).shift());
     else if (a = St(t), a >= Ao || !Ct(t, a + 1))
       return;
-    const r = {
-      cached: Math.floor(Date.now() / _n),
+    const s = {
+      cached: Math.floor(Date.now() / Fn),
       provider: e.provider,
       data: l
     };
     return Ot(
       t,
       He + a.toString(),
-      JSON.stringify(r)
+      JSON.stringify(s)
     );
   }
   l.lastModified && !Wo(e, l.lastModified) || Object.keys(l.icons).length && (l.not_found && (l = Object.assign({}, l), delete l.not_found), n("local") || n("session"));
@@ -1619,10 +1619,10 @@ function Bo(e, l) {
     let i;
     if (!t || !(i = xt(n)))
       return;
-    i.prepare(n, o, t).forEach((r) => {
-      $o(n, r, (u) => {
+    i.prepare(n, o, t).forEach((s) => {
+      $o(n, s, (u) => {
         if (typeof u != "object")
-          r.icons.forEach((f) => {
+          s.icons.forEach((f) => {
             e.missing.add(f);
           });
         else
@@ -1646,7 +1646,7 @@ function Bo(e, l) {
   }));
 }
 const qo = (e, l) => {
-  const n = _o(e, !0, zn()), o = Eo(n);
+  const n = Fo(e, !0, zn()), o = Eo(n);
   if (!o.pending.length) {
     let u = !0;
     return l && setTimeout(() => {
@@ -1661,17 +1661,17 @@ const qo = (e, l) => {
     };
   }
   const t = /* @__PURE__ */ Object.create(null), i = [];
-  let a, r;
+  let a, s;
   return o.pending.forEach((u) => {
     const { provider: f, prefix: h } = u;
-    if (h === r && f === a)
+    if (h === s && f === a)
       return;
-    a = f, r = h, i.push(Le(f, h));
+    a = f, s = h, i.push(Le(f, h));
     const g = t[f] || (t[f] = /* @__PURE__ */ Object.create(null));
     g[h] || (g[h] = []);
   }), o.pending.forEach((u) => {
-    const { provider: f, prefix: h, name: g } = u, T = Le(f, h), F = T.pendingIcons || (T.pendingIcons = /* @__PURE__ */ new Set());
-    F.has(g) || (F.add(g), t[f][h].push(g));
+    const { provider: f, prefix: h, name: g } = u, T = Le(f, h), I = T.pendingIcons || (T.pendingIcons = /* @__PURE__ */ new Set());
+    I.has(g) || (I.add(g), t[f][h].push(g));
   }), i.forEach((u) => {
     const { provider: f, prefix: h } = u;
     t[f][h].length && Bo(u, t[f][h]);
@@ -1778,7 +1778,7 @@ function dn(e) {
   return e + (e.match(/^[-0-9.]+$/) ? "px" : "");
 }
 const fn = (e, l) => {
-  const n = jo(an, l), o = { ...Jo }, t = l.mode || "svg", i = {}, a = l.style, r = typeof a == "object" && !(a instanceof Array) ? a : {};
+  const n = jo(an, l), o = { ...Jo }, t = l.mode || "svg", i = {}, a = l.style, s = typeof a == "object" && !(a instanceof Array) ? a : {};
   for (let A in l) {
     const k = l[A];
     if (k !== void 0)
@@ -1816,24 +1816,24 @@ const fn = (e, l) => {
   if (n.inline && (i.verticalAlign = "-0.125em"), t === "svg") {
     o.style = {
       ...i,
-      ...r
+      ...s
     }, Object.assign(o, f);
     let A = 0, k = l.id;
     return typeof k == "string" && (k = k.replace(/-/g, "_")), o.innerHTML = go(u.body, k ? () => k + "ID" + A++ : "iconifyVue"), bt("svg", o);
   }
-  const { body: h, width: g, height: T } = e, F = t === "mask" || (t === "bg" ? !1 : h.indexOf("currentColor") !== -1), I = Qo(h, {
+  const { body: h, width: g, height: T } = e, I = t === "mask" || (t === "bg" ? !1 : h.indexOf("currentColor") !== -1), _ = Qo(h, {
     ...f,
     width: g + "",
     height: T + ""
   });
   return o.style = {
     ...i,
-    "--svg": Yo(I),
+    "--svg": Yo(_),
     width: dn(f.width),
     height: dn(f.height),
     ...Zo,
-    ...F ? zt : Rn,
-    ...r
+    ...I ? zt : Rn,
+    ...s
   }, bt("span", o);
 };
 zn(!0);
@@ -1947,27 +1947,27 @@ const ei = {
   },
   setup(e) {
     const l = e, n = nl(l, "expandedrows"), o = q(!1);
-    function t(r) {
+    function t(s) {
       if (l.expandall)
         o.value = !o.value, n.value.forEach((u) => {
           u.isExpanded = o.value;
         });
       else {
-        const u = n.value.find((f) => f.id == r);
-        u ? u.isExpanded = !u.isExpanded : n.value.push({ id: r, isExpanded: !0 });
+        const u = n.value.find((f) => f.id == s);
+        u ? u.isExpanded = !u.isExpanded : n.value.push({ id: s, isExpanded: !0 });
       }
     }
-    const i = (r) => r._rowIndex !== void 0 ? r._rowIndex : r.id || 0, a = q(-1);
+    const i = (s) => s._rowIndex !== void 0 ? s._rowIndex : s.id || 0, a = q(-1);
     return le(() => n.value, () => {
-      var r;
-      l.expandall && (new Set(n.value.map((u) => u.isExpanded)).size > 1 ? (a.value = -1, o.value = !0) : (r = n.value.at(0)) != null && r.isExpanded ? (a.value = 0, o.value = !0) : (a.value = 1, o.value = !1));
-    }, { deep: !0 }), (r, u) => {
+      var s;
+      l.expandall && (new Set(n.value.map((u) => u.isExpanded)).size > 1 ? (a.value = -1, o.value = !0) : (s = n.value.at(0)) != null && s.isExpanded ? (a.value = 0, o.value = !0) : (a.value = 1, o.value = !1));
+    }, { deep: !0 }), (s, u) => {
       var f;
       return c(), v("button", {
         class: "expandbtn",
-        onClick: u[0] || (u[0] = (h) => t(i(r.item)))
+        onClick: u[0] || (u[0] = (h) => t(i(s.item)))
       }, [
-        ((f = n.value.find((h) => h.id == i(r.item))) == null ? void 0 : f.isExpanded) === !0 ? (c(), v(H, { key: 0 }, [
+        ((f = n.value.find((h) => h.id == i(s.item))) == null ? void 0 : f.isExpanded) === !0 ? (c(), v(H, { key: 0 }, [
           l.expandall ? (c(), v(H, { key: 0 }, [
             a.value ? (c(), he(Q(we), {
               key: 0,
@@ -2043,7 +2043,7 @@ const ei = {
     }, i = (a) => {
       n.column.condition = a, a === "" && (n.column.value = ""), o("filterChange", n.column);
     };
-    return (a, r) => (c(), v("div", ii, [
+    return (a, s) => (c(), v("div", ii, [
       y("div", {
         class: "bh-text-[13px] bh-font-normal bh-rounded bh-overflow-hidden",
         onClick: pe(t, ["stop"])
@@ -2051,101 +2051,101 @@ const ei = {
         y("button", {
           type: "button",
           class: E({ active: n.column.condition === "" }),
-          onClick: r[0] || (r[0] = (u) => i(""))
+          onClick: s[0] || (s[0] = (u) => i(""))
         }, G((n.columnFilterLang && n.columnFilterLang.NoFilter) ?? "No filter"), 3),
         n.column.type === "string" ? (c(), v(H, { key: 0 }, [
           y("button", {
             type: "button",
             class: E({ active: n.column.condition === "Contains" }),
-            onClick: r[1] || (r[1] = (u) => i("Contains"))
+            onClick: s[1] || (s[1] = (u) => i("Contains"))
           }, G((n.columnFilterLang && n.columnFilterLang.Contains) ?? "Contains"), 3),
           y("button", {
             type: "button",
             class: E({ active: n.column.condition === "NotContains" }),
-            onClick: r[2] || (r[2] = (u) => i("NotContains"))
+            onClick: s[2] || (s[2] = (u) => i("NotContains"))
           }, G((n.columnFilterLang && n.columnFilterLang.NotContains) ?? "NotContains"), 3),
           y("button", {
             type: "button",
             class: E({ active: n.column.condition === "Equal" }),
-            onClick: r[3] || (r[3] = (u) => i("Equal"))
+            onClick: s[3] || (s[3] = (u) => i("Equal"))
           }, G((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal (=)"), 3),
           y("button", {
             type: "button",
             class: E({ active: n.column.condition === "NotEqual" }),
-            onClick: r[4] || (r[4] = (u) => i("NotEqual"))
+            onClick: s[4] || (s[4] = (u) => i("NotEqual"))
           }, G((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "NotEqual (!=)"), 3),
           y("button", {
             type: "button",
             class: E({ active: n.column.condition === "StartsWith" }),
-            onClick: r[5] || (r[5] = (u) => i("StartsWith"))
+            onClick: s[5] || (s[5] = (u) => i("StartsWith"))
           }, G((n.columnFilterLang && n.columnFilterLang.StartsWith) ?? "StartsWith"), 3),
           y("button", {
             type: "button",
             class: E({ active: n.column.condition === "EndsWith" }),
-            onClick: r[6] || (r[6] = (u) => i("EndsWith"))
+            onClick: s[6] || (s[6] = (u) => i("EndsWith"))
           }, G((n.columnFilterLang && n.columnFilterLang.EndsWith) ?? "EndsWith"), 3)
         ], 64)) : n.column.type === "number" ? (c(), v(H, { key: 1 }, [
           y("button", {
             type: "button",
             class: E({ active: n.column.condition === "Equal" }),
-            onClick: r[7] || (r[7] = (u) => i("Equal"))
+            onClick: s[7] || (s[7] = (u) => i("Equal"))
           }, G((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal (=)"), 3),
           y("button", {
             type: "button",
             class: E({ active: n.column.condition === "NotEqual" }),
-            onClick: r[8] || (r[8] = (u) => i("NotEqual"))
+            onClick: s[8] || (s[8] = (u) => i("NotEqual"))
           }, G((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "NotEqual (!=)"), 3),
           y("button", {
             type: "button",
             class: E({ active: n.column.condition === "GreaterThan" }),
-            onClick: r[9] || (r[9] = (u) => i("GreaterThan"))
+            onClick: s[9] || (s[9] = (u) => i("GreaterThan"))
           }, G((n.columnFilterLang && n.columnFilterLang.GreaterThan) ?? "GreaterThan (>)"), 3),
           y("button", {
             type: "button",
             class: E({ active: n.column.condition === "GreaterThanOrEqual" }),
-            onClick: r[10] || (r[10] = (u) => i("GreaterThanOrEqual"))
+            onClick: s[10] || (s[10] = (u) => i("GreaterThanOrEqual"))
           }, G((n.columnFilterLang && n.columnFilterLang.GreaterThanOrEqual) ?? "GreaterThanOrEqual (>=)"), 3),
           y("button", {
             type: "button",
             class: E({ active: n.column.condition === "LessThan" }),
-            onClick: r[11] || (r[11] = (u) => i("LessThan"))
+            onClick: s[11] || (s[11] = (u) => i("LessThan"))
           }, G((n.columnFilterLang && n.columnFilterLang.LessThan) ?? "LessThan (<)"), 3),
           y("button", {
             type: "button",
             class: E({ active: n.column.condition === "LessThanOrEqual" }),
-            onClick: r[12] || (r[12] = (u) => i("LessThanOrEqual"))
+            onClick: s[12] || (s[12] = (u) => i("LessThanOrEqual"))
           }, G((n.columnFilterLang && n.columnFilterLang.LessThanOrEqual) ?? "LessThanOrEqual (<=)"), 3)
         ], 64)) : n.column.type === "date" ? (c(), v(H, { key: 2 }, [
           y("button", {
             type: "button",
             class: E({ active: n.column.condition === "Equal" }),
-            onClick: r[13] || (r[13] = (u) => i("Equal"))
+            onClick: s[13] || (s[13] = (u) => i("Equal"))
           }, G((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal (=)"), 3),
           y("button", {
             type: "button",
             class: E({ active: n.column.condition === "NotEqual" }),
-            onClick: r[14] || (r[14] = (u) => i("NotEqual"))
+            onClick: s[14] || (s[14] = (u) => i("NotEqual"))
           }, G((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "Not equal (!=)"), 3),
           y("button", {
             type: "button",
             class: E({ active: n.column.condition === "GreaterThan" }),
-            onClick: r[15] || (r[15] = (u) => i("GreaterThan"))
+            onClick: s[15] || (s[15] = (u) => i("GreaterThan"))
           }, G((n.columnFilterLang && n.columnFilterLang.GreaterThan) ?? "GreaterThan (>)"), 3),
           y("button", {
             type: "button",
             class: E({ active: n.column.condition === "LessThan" }),
-            onClick: r[16] || (r[16] = (u) => i("LessThan"))
+            onClick: s[16] || (s[16] = (u) => i("LessThan"))
           }, G((n.columnFilterLang && n.columnFilterLang.LessThan) ?? "LessThan (<)"), 3)
         ], 64)) : P("", !0),
         y("button", {
           type: "button",
           class: E({ active: n.column.condition === "IsNull" }),
-          onClick: r[17] || (r[17] = (u) => i("IsNull"))
+          onClick: s[17] || (s[17] = (u) => i("IsNull"))
         }, G((n.columnFilterLang && n.columnFilterLang.IsNull) ?? "IsNull"), 3),
         y("button", {
           type: "button",
           class: E({ active: n.column.condition === "IsNotNull" }),
-          onClick: r[18] || (r[18] = (u) => i("IsNotNull"))
+          onClick: s[18] || (s[18] = (u) => i("IsNotNull"))
         }, G((n.columnFilterLang && n.columnFilterLang.IsNotNull) ?? "IsNotNull"), 3)
       ])
     ]));
@@ -2216,7 +2216,7 @@ const Si = /* @__PURE__ */ Be(yi, [["render", Ci]]), zi = { key: "hdrrow" }, Li
 }, Ti = {
   key: 0,
   class: "bh-filter bh-relative"
-}, Pi = ["onUpdate:modelValue"], _i = ["onUpdate:modelValue"], Fi = ["onUpdate:modelValue"], Ii = ["onUpdate:modelValue"], Oi = /* @__PURE__ */ y("option", { value: void 0 }, "All", -1), $i = /* @__PURE__ */ y("option", { value: !0 }, "True", -1), Ri = /* @__PURE__ */ y("option", { value: !1 }, "False", -1), Ai = [
+}, Pi = ["onUpdate:modelValue"], Fi = ["onUpdate:modelValue"], Ii = ["onUpdate:modelValue"], _i = ["onUpdate:modelValue"], Oi = /* @__PURE__ */ y("option", { value: void 0 }, "All", -1), $i = /* @__PURE__ */ y("option", { value: !0 }, "True", -1), Ri = /* @__PURE__ */ y("option", { value: !1 }, "False", -1), Ai = [
   Oi,
   $i,
   Ri
@@ -2244,7 +2244,7 @@ const Si = /* @__PURE__ */ Be(yi, [["render", Ci]]), zi = { key: "hdrrow" }, Li
     const n = q(null), o = e, t = l;
     return le(() => o.checkAll, () => {
       n.value && (n.value.indeterminate = o.checkAll !== 0 ? !o.checkAll : !1, n.value.checked = o.checkAll);
-    }), (a, r) => (c(), v("tr", zi, [
+    }), (a, s) => (c(), v("tr", zi, [
       o.all.hasCheckbox ? (c(), v("th", {
         key: "chkall",
         style: U({ width: o.all.checkboxColumnWidth + " !important", minWidth: o.all.checkboxColumnWidth + " !important" }),
@@ -2259,7 +2259,7 @@ const Si = /* @__PURE__ */ Be(yi, [["render", Ci]]), zi = { key: "hdrrow" }, Li
             ref_key: "selectedAll",
             ref: n,
             type: "checkbox",
-            onClick: r[0] || (r[0] = pe((u) => {
+            onClick: s[0] || (s[0] = pe((u) => {
               var f;
               return t("selectAll", (f = u == null ? void 0 : u.target) == null ? void 0 : f.checked);
             }, ["stop"]))
@@ -2337,7 +2337,7 @@ const Si = /* @__PURE__ */ Be(yi, [["render", Ci]]), zi = { key: "hdrrow" }, Li
                 "onUpdate:modelValue": (h) => u.value = h,
                 type: "text",
                 class: "bh-form-control",
-                onKeyup: r[1] || (r[1] = (h) => t("filterChange"))
+                onKeyup: s[1] || (s[1] = (h) => t("filterChange"))
               }, null, 40, Pi)), [
                 [
                   ft,
@@ -2351,8 +2351,8 @@ const Si = /* @__PURE__ */ Be(yi, [["render", Ci]]), zi = { key: "hdrrow" }, Li
                 "onUpdate:modelValue": (h) => u.value = h,
                 type: "number",
                 class: "bh-form-control",
-                onKeyup: r[2] || (r[2] = (h) => t("filterChange"))
-              }, null, 40, _i)), [
+                onKeyup: s[2] || (s[2] = (h) => t("filterChange"))
+              }, null, 40, Fi)), [
                 [
                   ft,
                   u.value,
@@ -2367,17 +2367,17 @@ const Si = /* @__PURE__ */ Be(yi, [["render", Ci]]), zi = { key: "hdrrow" }, Li
                 "onUpdate:modelValue": (h) => u.value = h,
                 type: "date",
                 class: "bh-form-control",
-                onChange: r[3] || (r[3] = (h) => t("filterChange"))
-              }, null, 40, Fi)), [
+                onChange: s[3] || (s[3] = (h) => t("filterChange"))
+              }, null, 40, Ii)), [
                 [ft, u.value]
               ]) : u.type === "bool" ? me((c(), v("select", {
                 key: 3,
                 "onUpdate:modelValue": (h) => u.value = h,
                 class: "bh-form-control",
-                onChange: r[4] || (r[4] = (h) => t("filterChange")),
-                onClick: r[5] || (r[5] = //@ts-ignore
+                onChange: s[4] || (s[4] = (h) => t("filterChange")),
+                onClick: s[5] || (s[5] = //@ts-ignore
                 (...h) => o.isOpenFilter && o.isOpenFilter(...h))
-              }, Ai, 40, Ii)), [
+              }, Ai, 40, _i)), [
                 [vn, u.value]
               ]) : P("", !0),
               u.type !== "bool" ? (c(), v("button", {
@@ -2391,8 +2391,8 @@ const Si = /* @__PURE__ */ Be(yi, [["render", Ci]]), zi = { key: "hdrrow" }, Li
                 column: u,
                 type: u.type,
                 columnFilterLang: o.columnFilterLang,
-                onClose: r[6] || (r[6] = (h) => t("toggleFilterMenu", null)),
-                onFilterChange: r[7] || (r[7] = (h) => t("filterChange"))
+                onClose: s[6] || (s[6] = (h) => t("toggleFilterMenu", null)),
+                onFilterChange: s[7] || (s[7] = (h) => t("filterChange"))
               }, null, 8, ["column", "type", "columnFilterLang"]), [
                 [gt, o.isOpenFilter === u.field]
               ])
@@ -2443,18 +2443,18 @@ const Si = /* @__PURE__ */ Be(yi, [["render", Ci]]), zi = { key: "hdrrow" }, Li
   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), Tr = [
   Mr
-], Pr = ["onClick"], _r = ["innerHTML"], Fr = {
+], Pr = ["onClick"], Fr = ["innerHTML"], Ir = {
   key: 1,
   "aria-hidden": "true",
   width: "14",
   height: "14",
   viewBox: "0 0 16 16"
-}, Ir = /* @__PURE__ */ y("path", {
+}, _r = /* @__PURE__ */ y("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), Or = [
-  Ir
+  _r
 ], $r = ["innerHTML"], Rr = {
   key: 1,
   "aria-hidden": "true",
@@ -2559,23 +2559,23 @@ const Si = /* @__PURE__ */ Be(yi, [["render", Ci]]), zi = { key: "hdrrow" }, Li
   setup(e, { expose: l, emit: n }) {
     var Wt, Dt;
     const o = pn(), t = e;
-    for (const s of t.columns || []) {
-      const m = ((Wt = s.type) == null ? void 0 : Wt.toLowerCase()) || "string";
-      s.type = m, s.isUnique = s.isUnique !== void 0 ? s.isUnique : !1, s.hide = s.hide !== void 0 ? s.hide : !1, s.filter = s.filter !== void 0 ? s.filter : !0, s.search = s.search !== void 0 ? s.search : !0, s.sort = s.sort !== void 0 ? s.sort : !0, s.html = s.html !== void 0 ? s.html : !1, s.condition = !m || m === "string" ? "Contains" : "Equal";
+    for (const r of t.columns || []) {
+      const m = ((Wt = r.type) == null ? void 0 : Wt.toLowerCase()) || "string";
+      r.type = m, r.isUnique = r.isUnique !== void 0 ? r.isUnique : !1, r.hide = r.hide !== void 0 ? r.hide : !1, r.filter = r.filter !== void 0 ? r.filter : !0, r.search = r.search !== void 0 ? r.search : !0, r.sort = r.sort !== void 0 ? r.sort : !0, r.html = r.html !== void 0 ? r.html : !1, r.condition = !m || m === "string" ? "Contains" : "Equal";
     }
-    const i = q([]), a = q(t.page), r = q(
+    const i = q([]), a = q(t.page), s = q(
       t.pagination ? t.pageSize : (Dt = t.rows) == null ? void 0 : Dt.length
-    ), u = t.pageSize, f = q(t.sortColumn), h = t.sortColumn, g = q(t.sortDirection), T = t.sortDirection, F = q(t.totalRows), I = q([]), A = q(null), k = q(t.loading), D = q(t.search);
+    ), u = t.pageSize, f = q(t.sortColumn), h = t.sortColumn, g = q(t.sortDirection), T = t.sortDirection, I = q(t.totalRows), _ = q([]), A = q(null), k = q(t.loading), D = q(t.search);
     JSON.parse(JSON.stringify(t.columns));
     const j = q(null), X = q(null);
     let N = q(0);
     const ee = q(230), S = q(t.leftmenuDefaultWidth), z = q(!1), B = q(null), Y = () => {
       if (B.value) {
-        const s = z.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth;
+        const r = z.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth;
         B.value.style.cssText = `
       width: ${S.value}px !important;
-      min-width: ${s}px !important;
-      max-width: ${s}px !important;
+      min-width: ${r}px !important;
+      max-width: ${r}px !important;
     `;
       }
     }, ne = () => {
@@ -2584,7 +2584,7 @@ const Si = /* @__PURE__ */ Be(yi, [["render", Ci]]), zi = { key: "hdrrow" }, Li
       z.value = !z.value, S.value = z.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth, Y(), re("currentLeftMenuSize", S.value);
     };
     Ee(() => {
-      ve(), Ie(() => {
+      ve(), _e(() => {
         Qe.value <= 0 && (Qe.value = 10), re("currentTopMenuSize", t.topmenumin || 20), t.initialLeftMenuState !== void 0 ? (z.value = t.initialLeftMenuState, S.value = z.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth) : S.value = t.leftmenuDefaultWidth, Y(), window.addEventListener("resize", ne);
       });
     });
@@ -2602,14 +2602,14 @@ const Si = /* @__PURE__ */ Be(yi, [["render", Ci]]), zi = { key: "hdrrow" }, Li
       clearSelectedRows() {
         return Hn();
       },
-      selectRow(s) {
-        At(s);
+      selectRow(r) {
+        At(r);
       },
-      unselectRow(s) {
-        Nt(s);
+      unselectRow(r) {
+        Nt(r);
       },
-      isRowSelected(s) {
-        return Ge(s);
+      isRowSelected(r) {
+        return Ge(r);
       },
       getFilteredRows() {
         return Ue();
@@ -2618,84 +2618,84 @@ const Si = /* @__PURE__ */ Be(yi, [["render", Ci]]), zi = { key: "hdrrow" }, Li
         Bn();
       },
       // Expose function to set the left menu state
-      setLeftMenuState(s) {
-        z.value = s, S.value = s ? t.leftmenuMinWidth : t.leftmenuDefaultWidth, Y();
+      setLeftMenuState(r) {
+        z.value = r, S.value = r ? t.leftmenuMinWidth : t.leftmenuDefaultWidth, Y();
       }
-    }), le(() => t.initialLeftMenuState, (s) => {
-      s !== void 0 && (z.value = s, S.value = z.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth, Y());
+    }), le(() => t.initialLeftMenuState, (r) => {
+      r !== void 0 && (z.value = r, S.value = z.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth, Y());
     }, { immediate: !0 });
-    const qe = (s, ...m) => s.replace(/{(\d+)}/g, (p, $) => typeof m[$] < "u" ? m[$] : p), K = Z(() => {
-      const s = t.columns.find((m) => m.isUnique);
-      return (s == null ? void 0 : s.field) || null;
+    const qe = (r, ...m) => r.replace(/{(\d+)}/g, (p, $) => typeof m[$] < "u" ? m[$] : p), K = Z(() => {
+      const r = t.columns.find((m) => m.isUnique);
+      return (r == null ? void 0 : r.field) || null;
     }), de = Z(() => {
-      const s = r.value < 1 ? 1 : Math.ceil(F.value / r.value);
-      return Math.max(s || 0, 1);
-    }), ye = Z(() => (a.value - 1) * r.value + 1), Oe = Z(() => {
-      const s = a.value * r.value;
-      return F.value >= s ? s : F.value;
+      const r = s.value < 1 ? 1 : Math.ceil(I.value / s.value);
+      return Math.max(r || 0, 1);
+    }), ye = Z(() => (a.value - 1) * s.value + 1), Oe = Z(() => {
+      const r = a.value * s.value;
+      return I.value >= r ? r : I.value;
     }), je = Z(() => {
-      let s, m;
-      return typeof t.showNumbersCount < "u" && t.showNumbersCount < de.value ? (s = Math.max(
+      let r, m;
+      return typeof t.showNumbersCount < "u" && t.showNumbersCount < de.value ? (r = Math.max(
         a.value - Math.floor(t.showNumbersCount / 2),
         1
-      ), m = s + t.showNumbersCount - 1, m > de.value && (m = de.value, s = m - t.showNumbersCount + 1)) : (s = 1, m = de.value), Array.from(Array(m + 1 - s).keys()).map(
-        (V) => s + V
+      ), m = r + t.showNumbersCount - 1, m > de.value && (m = de.value, r = m - t.showNumbersCount + 1)) : (r = 1, m = de.value), Array.from(Array(m + 1 - r).keys()).map(
+        (V) => r + V
       );
     }), Ue = () => {
       var V, R, se;
-      let s = t.rows || [];
+      let r = t.rows || [];
       if (!t.isServerMode) {
         if ((V = t.columns) == null || V.forEach((b) => {
-          b.filter && (b.value !== void 0 && b.value !== null && b.value !== "" || b.condition === "IsNull" || b.condition == "IsNotNull") && (b.type === "string" ? (b.value && !b.condition && (b.condition = "Contains"), b.condition === "Contains" ? s = s.filter((_) => {
+          b.filter && (b.value !== void 0 && b.value !== null && b.value !== "" || b.condition === "IsNull" || b.condition == "IsNotNull") && (b.type === "string" ? (b.value && !b.condition && (b.condition = "Contains"), b.condition === "Contains" ? r = r.filter((F) => {
             var J;
-            return (J = O(_, b.field)) == null ? void 0 : J.toString().toLowerCase().includes(b.value.toLowerCase());
-          }) : b.condition === "NotContains" ? s = s.filter((_) => {
+            return (J = O(F, b.field)) == null ? void 0 : J.toString().toLowerCase().includes(b.value.toLowerCase());
+          }) : b.condition === "NotContains" ? r = r.filter((F) => {
             var J;
-            return !((J = O(_, b.field)) != null && J.toString().toLowerCase().includes(b.value.toLowerCase()));
-          }) : b.condition === "Equal" ? s = s.filter((_) => {
+            return !((J = O(F, b.field)) != null && J.toString().toLowerCase().includes(b.value.toLowerCase()));
+          }) : b.condition === "Equal" ? r = r.filter((F) => {
             var J;
-            return ((J = O(_, b.field)) == null ? void 0 : J.toString().toLowerCase()) === b.value.toLowerCase();
-          }) : b.condition === "NotEqual" ? s = s.filter((_) => {
+            return ((J = O(F, b.field)) == null ? void 0 : J.toString().toLowerCase()) === b.value.toLowerCase();
+          }) : b.condition === "NotEqual" ? r = r.filter((F) => {
             var J;
-            return ((J = O(_, b.field)) == null ? void 0 : J.toString().toLowerCase()) !== b.value.toLowerCase();
-          }) : b.condition == "StartsWith" ? s = s.filter((_) => {
+            return ((J = O(F, b.field)) == null ? void 0 : J.toString().toLowerCase()) !== b.value.toLowerCase();
+          }) : b.condition == "StartsWith" ? r = r.filter((F) => {
             var J;
-            return ((J = O(_, b.field)) == null ? void 0 : J.toString().toLowerCase().indexOf(b.value.toLowerCase())) === 0;
-          }) : b.condition == "EndsWith" && (s = s.filter((_) => {
+            return ((J = O(F, b.field)) == null ? void 0 : J.toString().toLowerCase().indexOf(b.value.toLowerCase())) === 0;
+          }) : b.condition == "EndsWith" && (r = r.filter((F) => {
             var J;
-            return ((J = O(_, b.field)) == null ? void 0 : J.toString().toLowerCase().substr(b.value.length * -1)) === b.value.toLowerCase();
-          }))) : b.type === "number" ? (b.value && !b.condition && (b.condition = "Equal"), b.condition === "Equal" ? s = s.filter((_) => O(_, b.field) && parseFloat(O(_, b.field)) === parseFloat(b.value)) : b.condition === "NotEqual" ? s = s.filter((_) => O(_, b.field) && parseFloat(O(_, b.field)) !== parseFloat(b.value)) : b.condition === "GreaterThan" ? s = s.filter((_) => O(_, b.field) && parseFloat(O(_, b.field)) > parseFloat(b.value)) : b.condition === "GreaterThanOrEqual" ? s = s.filter((_) => O(_, b.field) && parseFloat(O(_, b.field)) >= parseFloat(b.value)) : b.condition === "LessThan" ? s = s.filter((_) => O(_, b.field) && parseFloat(O(_, b.field)) < parseFloat(b.value)) : b.condition === "LessThanOrEqual" && (s = s.filter((_) => O(_, b.field) && parseFloat(O(_, b.field)) <= parseFloat(b.value)))) : b.type === "date" ? (b.value && !b.condition && (b.condition = "Equal"), b.condition === "Equal" ? s = s.filter((_) => O(_, b.field) && ke(O(_, b.field)) === b.value) : b.condition === "NotEqual" ? s = s.filter((_) => O(_, b.field) && ke(O(_, b.field)) !== b.value) : b.condition === "GreaterThan" ? s = s.filter((_) => O(_, b.field) && ke(O(_, b.field)) > b.value) : b.condition === "LessThan" && (s = s.filter((_) => O(_, b.field) && ke(O(_, b.field)) < b.value))) : b.type === "bool" && (s = s.filter((_) => O(_, b.field) === b.value)), b.condition === "IsNull" ? (s = s.filter((_) => O(_, b.field) == null || O(_, b.field) == ""), b.value = "") : b.condition === "IsNotNull" && (b.value = "", s = s.filter((_) => O(_, b.field))));
-        }), D.value && (s != null && s.length)) {
+            return ((J = O(F, b.field)) == null ? void 0 : J.toString().toLowerCase().substr(b.value.length * -1)) === b.value.toLowerCase();
+          }))) : b.type === "number" ? (b.value && !b.condition && (b.condition = "Equal"), b.condition === "Equal" ? r = r.filter((F) => O(F, b.field) && parseFloat(O(F, b.field)) === parseFloat(b.value)) : b.condition === "NotEqual" ? r = r.filter((F) => O(F, b.field) && parseFloat(O(F, b.field)) !== parseFloat(b.value)) : b.condition === "GreaterThan" ? r = r.filter((F) => O(F, b.field) && parseFloat(O(F, b.field)) > parseFloat(b.value)) : b.condition === "GreaterThanOrEqual" ? r = r.filter((F) => O(F, b.field) && parseFloat(O(F, b.field)) >= parseFloat(b.value)) : b.condition === "LessThan" ? r = r.filter((F) => O(F, b.field) && parseFloat(O(F, b.field)) < parseFloat(b.value)) : b.condition === "LessThanOrEqual" && (r = r.filter((F) => O(F, b.field) && parseFloat(O(F, b.field)) <= parseFloat(b.value)))) : b.type === "date" ? (b.value && !b.condition && (b.condition = "Equal"), b.condition === "Equal" ? r = r.filter((F) => O(F, b.field) && ke(O(F, b.field)) === b.value) : b.condition === "NotEqual" ? r = r.filter((F) => O(F, b.field) && ke(O(F, b.field)) !== b.value) : b.condition === "GreaterThan" ? r = r.filter((F) => O(F, b.field) && ke(O(F, b.field)) > b.value) : b.condition === "LessThan" && (r = r.filter((F) => O(F, b.field) && ke(O(F, b.field)) < b.value))) : b.type === "bool" && (r = r.filter((F) => O(F, b.field) === b.value)), b.condition === "IsNull" ? (r = r.filter((F) => O(F, b.field) == null || O(F, b.field) == ""), b.value = "") : b.condition === "IsNotNull" && (b.value = "", r = r.filter((F) => O(F, b.field))));
+        }), D.value && (r != null && r.length)) {
           let b = [];
-          const _ = (t.columns || []).filter((J) => J.search && !J.hide).map((J) => J.field);
-          for (var m = 0; m < (s == null ? void 0 : s.length); m++)
-            for (var p = 0; p < _.length; p++)
-              if ((R = O(s[m], _[p])) != null && R.toString().toLowerCase().includes(D.value.toLowerCase())) {
-                b.push(s[m]);
+          const F = (t.columns || []).filter((J) => J.search && !J.hide).map((J) => J.field);
+          for (var m = 0; m < (r == null ? void 0 : r.length); m++)
+            for (var p = 0; p < F.length; p++)
+              if ((R = O(r[m], F[p])) != null && R.toString().toLowerCase().includes(D.value.toLowerCase())) {
+                b.push(r[m]);
                 break;
               }
-          s = b;
+          r = b;
         }
         var $ = new Intl.Collator(void 0, {
           numeric: ((se = t.columns.find((b) => b.field == f.value)) == null ? void 0 : se.type) === "number",
           sensitivity: "base"
         });
         const Gn = g.value === "desc" ? -1 : 1;
-        s.sort((b, _) => {
+        r.sort((b, F) => {
           var Ht, Bt;
-          const J = (Ht = f.value) == null ? void 0 : Ht.split(".").reduce((Ce, dt) => Ce == null ? void 0 : Ce[dt], b), Qn = (Bt = f.value) == null ? void 0 : Bt.split(".").reduce((Ce, dt) => Ce == null ? void 0 : Ce[dt], _);
+          const J = (Ht = f.value) == null ? void 0 : Ht.split(".").reduce((Ce, dt) => Ce == null ? void 0 : Ce[dt], b), Qn = (Bt = f.value) == null ? void 0 : Bt.split(".").reduce((Ce, dt) => Ce == null ? void 0 : Ce[dt], F);
           return $.compare(J, Qn) * Gn;
         });
       }
-      return s;
+      return r;
     }, ce = q([]), ve = () => {
-      let s = [], m = Ue();
-      t.isServerMode ? (F.value = t.totalRows || 0, s = m) : (F.value = (m == null ? void 0 : m.length) || 0, s = m.slice(ye.value - 1, Oe.value)), t.hasSubtable && s.forEach(function(p) {
+      let r = [], m = Ue();
+      t.isServerMode ? (I.value = t.totalRows || 0, r = m) : (I.value = (m == null ? void 0 : m.length) || 0, r = m.slice(ye.value - 1, Oe.value)), t.hasSubtable && r.forEach(function(p) {
         p.isExpanded != null && (ce.value.find((V) => V.id == p.id) || ce.value.push({
           id: p.id,
           isExpanded: p.isExpanded
         }));
-      }), i.value = s || [];
+      }), i.value = r || [];
     };
     le(
       () => t.loading,
@@ -2703,14 +2703,14 @@ const Si = /* @__PURE__ */ Be(yi, [["render", Ci]]), zi = { key: "hdrrow" }, Li
         k.value = t.loading;
       }
     );
-    const Me = (s) => {
-      s ? j.value === s.field ? j.value = null : j.value = s.field : j.value = null;
+    const Me = (r) => {
+      r ? j.value === r.field ? j.value = null : j.value = r.field : j.value = null;
     }, Ve = () => {
       if (a.value == 1)
         return !1;
       a.value--;
-    }, Te = (s) => {
-      a.value = s;
+    }, Te = (r) => {
+      a.value = r;
     }, ae = () => {
       if (a.value >= de.value)
         return !1;
@@ -2721,29 +2721,29 @@ const Si = /* @__PURE__ */ Be(yi, [["render", Ci]]), zi = { key: "hdrrow" }, Li
     }), le(() => t.rows, () => {
       t.isServerMode || (a.value = 1), M(!1), ve();
     });
-    const w = (s) => {
-      r.value = s;
+    const w = (r) => {
+      s.value = r;
     };
-    le(() => r.value, () => {
-      M(!1), t.isServerMode ? a.value === 1 ? ge("pagesize", !0) : a.value = 1 : (a.value = 1, ve(), re("pageSizeChange", r.value));
+    le(() => s.value, () => {
+      M(!1), t.isServerMode ? a.value === 1 ? ge("pagesize", !0) : a.value = 1 : (a.value = 1, ve(), re("pageSizeChange", s.value));
     });
-    const x = (s) => {
+    const x = (r) => {
       let m = "asc";
-      s == f.value && g.value === "asc" && (m = "desc");
-      let p = (a.value - 1) * r.value, $ = r.value;
-      f.value = s, g.value = m, M(!1), ve(), t.isServerMode ? ge("sort") : re("sortChange", { offset: p, limit: $, field: s, direction: m });
-    }, C = (s) => {
-      A.value = s.length && i.value.length && s.length === i.value.length;
+      r == f.value && g.value === "asc" && (m = "desc");
+      let p = (a.value - 1) * s.value, $ = s.value;
+      f.value = r, g.value = m, M(!1), ve(), t.isServerMode ? ge("sort") : re("sortChange", { offset: p, limit: $, field: r, direction: m });
+    }, C = (r) => {
+      A.value = r.length && i.value.length && r.length === i.value.length;
       const m = i.value.filter(
-        (p, $) => I.value.includes(K.value ? p[K.value] : $)
+        (p, $) => _.value.includes(K.value ? p[K.value] : $)
       );
       re("rowSelect", m);
     };
-    le(() => I.value, C);
-    const M = (s) => {
-      s ? I.value = i.value.map(
+    le(() => _.value, C);
+    const M = (r) => {
+      r ? _.value = i.value.map(
         (m, p) => K.value ? m[K.value] : p
-      ) : I.value = [];
+      ) : _.value = [];
     }, W = () => {
       M(!1), t.isServerMode ? a.value === 1 ? ge("filter", !0) : a.value = 1 : (a.value = 1, ve(), re("filterChange", t.columns));
     }, ie = () => {
@@ -2755,80 +2755,80 @@ const Si = /* @__PURE__ */ Be(yi, [["render", Ci]]), zi = { key: "hdrrow" }, Li
         D.value = t.search, ie();
       }
     );
-    const O = (s, m) => m == null ? void 0 : m.split(".").reduce((p, $) => p == null ? void 0 : p[$], s), ke = (s) => {
+    const O = (r, m) => m == null ? void 0 : m.split(".").reduce((p, $) => p == null ? void 0 : p[$], r), ke = (r) => {
       try {
-        if (!s)
+        if (!r)
           return "";
-        const m = new Date(s), p = m.getDate(), $ = m.getMonth() + 1;
+        const m = new Date(r), p = m.getDate(), $ = m.getMonth() + 1;
         return m.getFullYear() + "-" + ($ > 9 ? $ : "0" + $) + "-" + (p > 9 ? p : "0" + p);
       } catch {
       }
       return "";
-    }, Pe = (s, m) => {
+    }, Pe = (r, m) => {
       N.value++, N.value === 1 ? X.value = setTimeout(() => {
-        N.value = 0, t.selectRowOnClick && (Ge(m) ? Nt(m) : At(m), C(I.value)), re("rowClick", s);
-      }, ee.value) : N.value === 2 && (clearTimeout(X.value), N.value = 0, re("rowDBClick", s));
-    }, ge = (s, m = !1) => {
+        N.value = 0, t.selectRowOnClick && (Ge(m) ? Nt(m) : At(m), C(_.value)), re("rowClick", r);
+      }, ee.value) : N.value === 2 && (clearTimeout(X.value), N.value = 0, re("rowDBClick", r));
+    }, ge = (r, m = !1) => {
       if (t.isServerMode) {
         An();
         const p = {
           current_page: m ? 1 : a.value,
-          pagesize: r.value,
-          offset: (a.value - 1) * r.value,
+          pagesize: s.value,
+          offset: (a.value - 1) * s.value,
           sort_column: f.value,
           sort_direction: g.value,
           search: D.value,
           column_filters: t.columns,
-          change_type: s
+          change_type: r
         };
         re("change", p);
       }
     }, An = () => {
-      for (let s = 0; s < t.columns.length; s++) {
-        let m = t.columns[s];
+      for (let r = 0; r < t.columns.length; r++) {
+        let m = t.columns[r];
         m.filter && (m.value !== void 0 && m.value !== null && m.value !== "" || m.condition === "IsNull" || m.condition === "IsNotNull") && (m.type === "string" && m.value && !m.condition && (m.condition = "Contains"), m.type === "number" && m.value && !m.condition && (m.condition = "Equal"), m.type === "date" && m.value && !m.condition && (m.condition = "Equal"));
       }
     }, Nn = () => {
       M(!1);
-      for (let s = 0; s < t.columns.length; s++)
-        t.columns[s].value = "";
-      D.value = "", r.value = u, f.value = h, g.value = T, t.isServerMode ? a.value === 1 ? ge("reset", !0) : a.value = 1 : (a.value = 1, ve());
+      for (let r = 0; r < t.columns.length; r++)
+        t.columns[r].value = "";
+      D.value = "", s.value = u, f.value = h, g.value = T, t.isServerMode ? a.value === 1 ? ge("reset", !0) : a.value = 1 : (a.value = 1, ve());
     }, Wn = () => i.value.filter(
-      (m, p) => I.value.includes(K.value ? m[K.value] : p)
+      (m, p) => _.value.includes(K.value ? m[K.value] : p)
     ), Dn = () => t.columns, Hn = () => {
-      I.value = [];
-    }, At = (s) => {
-      if (!Ge(s)) {
-        const m = i.value.find((p, $) => $ === s);
-        I.value.push(
-          K.value ? m[K.value] : s
+      _.value = [];
+    }, At = (r) => {
+      if (!Ge(r)) {
+        const m = i.value.find((p, $) => $ === r);
+        _.value.push(
+          K.value ? m[K.value] : r
         );
       }
-    }, Nt = (s) => {
-      if (Ge(s)) {
-        const m = i.value.find((p, $) => $ === s);
-        I.value = I.value.filter(
-          (p) => p !== (K.value ? m[K.value] : s)
+    }, Nt = (r) => {
+      if (Ge(r)) {
+        const m = i.value.find((p, $) => $ === r);
+        _.value = _.value.filter(
+          (p) => p !== (K.value ? m[K.value] : r)
         );
       }
-    }, Ge = (s) => {
-      const m = i.value.find((p, $) => $ === s);
-      return m ? I.value.includes(
-        K.value ? m[K.value] : s
+    }, Ge = (r) => {
+      const m = i.value.find((p, $) => $ === r);
+      return m ? _.value.includes(
+        K.value ? m[K.value] : r
       ) : !1;
     }, Bn = () => {
-      ce.value.forEach((s) => {
-        s.isExpanded = !1;
+      ce.value.forEach((r) => {
+        r.isExpanded = !1;
       });
     };
     let fe = 0;
     t.hasCheckbox && fe++, t.hasSubtable && fe++, t.hasRightPanel && fe++;
     const qn = q(0), jn = setInterval(function() {
       qn.value++;
-    }, 2200), Qe = q(t.topmenusize), ct = q(null), Un = dl(ct).height, Vn = (s) => {
-      if (!s || !s.panes || !s.panes.length) return;
-      const m = s.panes[0].size;
-      Qe.value = m, Ie(() => {
+    }, 2200), Qe = q(t.topmenusize), ct = q(null), Un = dl(ct).height, Vn = (r) => {
+      if (!r || !r.panes || !r.panes.length) return;
+      const m = r.panes[0].size;
+      Qe.value = m, _e(() => {
         var V;
         const p = (V = ct.value) == null ? void 0 : V.$el, $ = p ? p.offsetHeight : 0;
         re("currentTopMenuSize", $);
@@ -2836,7 +2836,7 @@ const Si = /* @__PURE__ */ Be(yi, [["render", Ci]]), zi = { key: "hdrrow" }, Li
     };
     return tt(() => {
       clearInterval(jn), window.removeEventListener("resize", ne);
-    }), (s, m) => (c(), v("div", Di, [
+    }), (r, m) => (c(), v("div", Di, [
       te(Q(Yt), {
         class: "default-theme",
         style: U({ height: t.height })
@@ -2845,7 +2845,7 @@ const Si = /* @__PURE__ */ Be(yi, [["render", Ci]]), zi = { key: "hdrrow" }, Li
           te(Q(pt), null, {
             default: ze(() => [
               y("div", Hi, [
-                s.enableleftmenu ? (c(), v("div", {
+                r.enableleftmenu ? (c(), v("div", {
                   key: 0,
                   ref_key: "leftmenuel",
                   ref: B,
@@ -2858,7 +2858,7 @@ const Si = /* @__PURE__ */ Be(yi, [["render", Ci]]), zi = { key: "hdrrow" }, Li
                     maxWidth: (z.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth) + "px"
                   })
                 }, [
-                  oe(s.$slots, "tableleftmenu", {}, () => [
+                  oe(r.$slots, "tableleftmenu", {}, () => [
                     Bi
                   ]),
                   y("div", qi, [
@@ -2878,7 +2878,7 @@ const Si = /* @__PURE__ */ Be(yi, [["render", Ci]]), zi = { key: "hdrrow" }, Li
                   ])
                 ], 4)) : P("", !0),
                 y("div", Vi, [
-                  s.enabletopmenu ? (c(), he(Q(Yt), {
+                  r.enabletopmenu ? (c(), he(Q(Yt), {
                     key: 0,
                     class: "default-theme",
                     horizontal: "horizontal",
@@ -2886,35 +2886,35 @@ const Si = /* @__PURE__ */ Be(yi, [["render", Ci]]), zi = { key: "hdrrow" }, Li
                     "push-other-panes": ""
                   }, {
                     default: ze(() => [
-                      s.enabletopmenu ? (c(), he(Q(pt), {
+                      r.enabletopmenu ? (c(), he(Q(pt), {
                         key: 0,
                         ref_key: "topmenuel",
                         ref: ct,
                         size: Qe.value || 10,
-                        "max-size": s.topmenumax || 100,
-                        style: U({ "min-height": s.topmenumin + "px" })
+                        "max-size": r.topmenumax || 100,
+                        style: U({ "min-height": r.topmenumin + "px" })
                       }, {
                         default: ze(() => [
-                          oe(s.$slots, "tabletopmenu", {}, () => [
+                          oe(r.$slots, "tabletopmenu", {}, () => [
                             Gi
                           ])
                         ]),
                         _: 3
                       }, 8, ["size", "max-size", "style"])) : P("", !0),
                       te(Q(pt), {
-                        style: U({ "padding-right": s.tableRightOffset + "px", "padding-left": s.tableLeftOffset + "px" })
+                        style: U({ "padding-right": r.tableRightOffset + "px", "padding-left": r.tableLeftOffset + "px" })
                       }, {
                         default: ze(() => [
-                          s.enableHeaderArea ? (c(), v("div", {
+                          r.enableHeaderArea ? (c(), v("div", {
                             key: 0,
                             class: "bh-w-full bh-overflow-auto",
-                            style: U({ height: s.headerAreaHeight, "margin-bottom": "10px" })
+                            style: U({ height: r.headerAreaHeight, "margin-bottom": "10px" })
                           }, [
-                            oe(s.$slots, "tableHeaderArea", {}, () => [
+                            oe(r.$slots, "tableHeaderArea", {}, () => [
                               Qi
                             ])
                           ], 4)) : P("", !0),
-                          oe(s.$slots, "tableactionheader", {}, () => [
+                          oe(r.$slots, "tableactionheader", {}, () => [
                             Ki
                           ]),
                           y("div", {
@@ -2922,7 +2922,7 @@ const Si = /* @__PURE__ */ Be(yi, [["render", Ci]]), zi = { key: "hdrrow" }, Li
                           }, [
                             te(Q(Xt), {
                               style: U({
-                                height: t.stickyHeader && Number(t.height.replace("px", "")) - (s.footerOffset + Q(Un)) + "px"
+                                height: t.stickyHeader && Number(t.height.replace("px", "")) - (r.footerOffset + Q(Un)) + "px"
                               }),
                               autoHide: t.scrollbarautohide,
                               fixedThumb: t.scrollbarfixedthumb,
@@ -2963,10 +2963,10 @@ const Si = /* @__PURE__ */ Be(yi, [["render", Ci]]), zi = { key: "hdrrow" }, Li
                                         return c(), v(H, {
                                           key: p[K.value] ? p[K.value] : $
                                         }, [
-                                          F.value ? (c(), v("tr", {
+                                          I.value ? (c(), v("tr", {
                                             key: 0,
                                             class: E([
-                                              typeof t.rowClass == "function" ? s.rowClass(p) : t.rowClass,
+                                              typeof t.rowClass == "function" ? r.rowClass(p) : t.rowClass,
                                               t.selectRowOnClick ? "bh-cursor-pointer" : ""
                                             ]),
                                             onClick: pe((R) => Pe(p, $), ["prevent"])
@@ -2980,13 +2980,13 @@ const Si = /* @__PURE__ */ Be(yi, [["render", Ci]]), zi = { key: "hdrrow" }, Li
                                             }, [
                                               y("div", Yi, [
                                                 me(y("input", {
-                                                  "onUpdate:modelValue": m[0] || (m[0] = (R) => I.value = R),
+                                                  "onUpdate:modelValue": m[0] || (m[0] = (R) => _.value = R),
                                                   type: "checkbox",
                                                   value: p[K.value] ? p[K.value] : $,
                                                   onClick: m[1] || (m[1] = pe(() => {
                                                   }, ["stop"]))
                                                 }, null, 8, Ji), [
-                                                  [jt, I.value]
+                                                  [jt, _.value]
                                                 ]),
                                                 y("div", null, [
                                                   te(Et, { class: "check" })
@@ -3021,13 +3021,13 @@ const Si = /* @__PURE__ */ Be(yi, [["render", Ci]]), zi = { key: "hdrrow" }, Li
                                               R.hide ? P("", !0) : (c(), v("td", {
                                                 key: R.field,
                                                 class: E([
-                                                  typeof t.cellClass == "function" ? s.cellClass(p) : t.cellClass,
+                                                  typeof t.cellClass == "function" ? r.cellClass(p) : t.cellClass,
                                                   se === 0 && t.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
                                                   t.hasCheckbox && se === 0 && t.stickyFirstColumn ? "bh-left-[52px]" : "",
                                                   R.cellClass ? R.cellClass : ""
                                                 ])
                                               }, [
-                                                Q(o)[R.field] ? oe(s.$slots, R.field, {
+                                                Q(o)[R.field] ? oe(r.$slots, R.field, {
                                                   key: 0,
                                                   value: p
                                                 }) : R.cellRenderer ? (c(), v("div", {
@@ -3042,7 +3042,7 @@ const Si = /* @__PURE__ */ Be(yi, [["render", Ci]]), zi = { key: "hdrrow" }, Li
                                           (V = ce.value.find((R) => R.id == (p._rowIndex !== void 0 ? p._rowIndex : p.id || $))) != null && V.isExpanded && t.hasSubtable ? (c(), v("tr", {
                                             key: 1,
                                             class: E([
-                                              typeof t.rowClass == "function" ? s.rowClass(p) : t.rowClass,
+                                              typeof t.rowClass == "function" ? r.rowClass(p) : t.rowClass,
                                               t.selectRowOnClick ? "bh-cursor-pointer" : ""
                                             ]),
                                             onClick: pe((R) => Pe(p, $), ["prevent"])
@@ -3050,7 +3050,7 @@ const Si = /* @__PURE__ */ Be(yi, [["render", Ci]]), zi = { key: "hdrrow" }, Li
                                             y("td", {
                                               colspan: t.columns.length + Q(fe)
                                             }, [
-                                              oe(s.$slots, "tsub", {
+                                              oe(r.$slots, "tsub", {
                                                 rowData: p,
                                                 rowIndex: $,
                                                 filterItems: i.value
@@ -3059,7 +3059,7 @@ const Si = /* @__PURE__ */ Be(yi, [["render", Ci]]), zi = { key: "hdrrow" }, Li
                                           ], 10, er)) : P("", !0)
                                         ], 64);
                                       }), 128)),
-                                      !F.value && k.value && s.skeletonloader ? (c(!0), v(H, { key: 0 }, ue(t.pageSize, (p) => (c(), v("tr", {
+                                      !I.value && k.value && r.skeletonloader ? (c(!0), v(H, { key: 0 }, ue(t.pageSize, (p) => (c(), v("tr", {
                                         key: p,
                                         class: "!bh-bg-white bh-h-11 !bh-border-transparent"
                                       }, [
@@ -3068,7 +3068,7 @@ const Si = /* @__PURE__ */ Be(yi, [["render", Ci]]), zi = { key: "hdrrow" }, Li
                                           class: "!bh-p-0 !bh-border-transparent"
                                         }, or, 8, nr)
                                       ]))), 128)) : P("", !0),
-                                      F.value ? (c(!0), v(H, { key: 1 }, ue(t.footerRows, (p, $) => (c(), v("tr", {
+                                      I.value ? (c(!0), v(H, { key: 1 }, ue(t.footerRows, (p, $) => (c(), v("tr", {
                                         key: p[K.value] ? p[K.value] : $,
                                         class: "sticky-table-footer"
                                       }, [
@@ -3080,7 +3080,7 @@ const Si = /* @__PURE__ */ Be(yi, [["render", Ci]]), zi = { key: "hdrrow" }, Li
                                           V.hide ? P("", !0) : (c(), v("td", {
                                             key: V.field,
                                             class: E([
-                                              typeof t.cellClass == "function" ? s.cellClass(p) : t.cellClass,
+                                              typeof t.cellClass == "function" ? r.cellClass(p) : t.cellClass,
                                               R === 0 && t.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
                                               t.hasCheckbox && R === 0 && t.stickyFirstColumn ? "bh-left-[52px]" : "",
                                               V.cellClass ? V.cellClass : ""
@@ -3113,24 +3113,24 @@ const Si = /* @__PURE__ */ Be(yi, [["render", Ci]]), zi = { key: "hdrrow" }, Li
                                       }, null, 8, ["currentSortColumn", "currentSortDirection", "isOpenFilter", "checkAll"])
                                     ], 2)) : P("", !0)
                                   ], 2),
-                                  k.value && s.enableloadinganimation ? (c(), v("div", {
+                                  k.value && r.enableloadinganimation ? (c(), v("div", {
                                     key: 0,
                                     class: "bh-absolute bh-inset-0 bh-bg-blue-light/50 bh-grid bh-place-content-center dt-center-loading",
                                     style: U({
                                       height: Number(t.height.replace("px", "")) - 175 + "px"
                                     })
                                   }, [
-                                    oe(s.$slots, "loadercontent")
+                                    oe(r.$slots, "loadercontent")
                                   ], 4)) : P("", !0)
                                 ], 6),
-                                !F.value && !k.value ? (c(), v("div", {
+                                !I.value && !k.value ? (c(), v("div", {
                                   key: 0,
                                   class: "nodatacontent",
                                   style: U({
                                     height: Number(t.height.replace("px", "")) - 175 + "px"
                                   })
                                 }, [
-                                  oe(s.$slots, "nodatacontent", {}, () => [
+                                  oe(r.$slots, "nodatacontent", {}, () => [
                                     y("span", null, G(t.noDataContent), 1)
                                   ])
                                 ], 4)) : P("", !0)
@@ -3144,27 +3144,27 @@ const Si = /* @__PURE__ */ Be(yi, [["render", Ci]]), zi = { key: "hdrrow" }, Li
                     ]),
                     _: 3
                   })) : P("", !0),
-                  s.enabletopmenu ? P("", !0) : (c(), v("div", {
+                  r.enabletopmenu ? P("", !0) : (c(), v("div", {
                     key: 1,
-                    class: "bh-w-full bh-h-full default-theme splitpanes__pane",
-                    style: U({ "padding-right": s.tableRightOffset + "px", "padding-left": s.tableLeftOffset + "px" })
+                    class: "bh-w-full bh-h-full",
+                    style: U({ "padding-right": r.tableRightOffset + "px", "padding-left": r.tableLeftOffset + "px" })
                   }, [
-                    s.enableHeaderArea ? (c(), v("div", {
+                    r.enableHeaderArea ? (c(), v("div", {
                       key: 0,
                       class: "bh-w-full bh-overflow-auto",
-                      style: U({ height: s.headerAreaHeight, "margin-bottom": "10px" })
+                      style: U({ height: r.headerAreaHeight, "margin-bottom": "10px" })
                     }, [
-                      oe(s.$slots, "tableHeaderArea", {}, () => [
+                      oe(r.$slots, "tableHeaderArea", {}, () => [
                         rr
                       ])
                     ], 4)) : P("", !0),
-                    oe(s.$slots, "tableactionheader"),
+                    oe(r.$slots, "tableactionheader"),
                     y("div", {
                       class: E(t.scrollbarstyle)
                     }, [
                       te(Q(Xt), {
                         style: U({
-                          height: t.height
+                          height: t.stickyHeader ? Number(t.height.replace("px", "")) - r.footerOffset + "px" : t.height
                         }),
                         autoHide: t.scrollbarautohide,
                         fixedThumb: t.scrollbarfixedthumb,
@@ -3205,10 +3205,10 @@ const Si = /* @__PURE__ */ Be(yi, [["render", Ci]]), zi = { key: "hdrrow" }, Li
                                   return c(), v(H, {
                                     key: p[K.value] ? p[K.value] : $
                                   }, [
-                                    F.value ? (c(), v("tr", {
+                                    I.value ? (c(), v("tr", {
                                       key: 0,
                                       class: E([
-                                        typeof t.rowClass == "function" ? s.rowClass(p) : t.rowClass,
+                                        typeof t.rowClass == "function" ? r.rowClass(p) : t.rowClass,
                                         t.selectRowOnClick ? "bh-cursor-pointer" : ""
                                       ]),
                                       onClick: pe((R) => Pe(p, $), ["prevent"])
@@ -3222,13 +3222,13 @@ const Si = /* @__PURE__ */ Be(yi, [["render", Ci]]), zi = { key: "hdrrow" }, Li
                                       }, [
                                         y("div", ar, [
                                           me(y("input", {
-                                            "onUpdate:modelValue": m[3] || (m[3] = (R) => I.value = R),
+                                            "onUpdate:modelValue": m[3] || (m[3] = (R) => _.value = R),
                                             type: "checkbox",
                                             value: p[K.value] ? p[K.value] : $,
                                             onClick: m[4] || (m[4] = pe(() => {
                                             }, ["stop"]))
                                           }, null, 8, ur), [
-                                            [jt, I.value]
+                                            [jt, _.value]
                                           ]),
                                           y("div", null, [
                                             te(Et, { class: "check" })
@@ -3263,13 +3263,13 @@ const Si = /* @__PURE__ */ Be(yi, [["render", Ci]]), zi = { key: "hdrrow" }, Li
                                         R.hide ? P("", !0) : (c(), v("td", {
                                           key: R.field,
                                           class: E([
-                                            typeof t.cellClass == "function" ? s.cellClass(p) : t.cellClass,
+                                            typeof t.cellClass == "function" ? r.cellClass(p) : t.cellClass,
                                             se === 0 && t.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
                                             t.hasCheckbox && se === 0 && t.stickyFirstColumn ? "bh-left-[52px]" : "",
                                             R.cellClass ? R.cellClass : ""
                                           ])
                                         }, [
-                                          Q(o)[R.field] ? oe(s.$slots, R.field, {
+                                          Q(o)[R.field] ? oe(r.$slots, R.field, {
                                             key: 0,
                                             value: p
                                           }) : R.cellRenderer ? (c(), v("div", {
@@ -3284,7 +3284,7 @@ const Si = /* @__PURE__ */ Be(yi, [["render", Ci]]), zi = { key: "hdrrow" }, Li
                                     (V = ce.value.find((R) => R.id == (p._rowIndex !== void 0 ? p._rowIndex : p.id || $))) != null && V.isExpanded && t.hasSubtable ? (c(), v("tr", {
                                       key: 1,
                                       class: E([
-                                        typeof t.rowClass == "function" ? s.rowClass(p) : t.rowClass,
+                                        typeof t.rowClass == "function" ? r.rowClass(p) : t.rowClass,
                                         t.selectRowOnClick ? "bh-cursor-pointer" : ""
                                       ]),
                                       onClick: pe((R) => Pe(p, $), ["prevent"])
@@ -3302,7 +3302,7 @@ const Si = /* @__PURE__ */ Be(yi, [["render", Ci]]), zi = { key: "hdrrow" }, Li
                                             border: "1px solid var(--fade-grey)"
                                           })
                                         }, [
-                                          oe(s.$slots, "tsub", {
+                                          oe(r.$slots, "tsub", {
                                             rowData: p,
                                             rowIndex: $,
                                             filterItems: i.value
@@ -3312,7 +3312,7 @@ const Si = /* @__PURE__ */ Be(yi, [["render", Ci]]), zi = { key: "hdrrow" }, Li
                                     ], 10, dr)) : P("", !0)
                                   ], 64);
                                 }), 128)),
-                                !F.value && k.value && s.skeletonloader ? (c(!0), v(H, { key: 0 }, ue(t.pageSize, (p) => (c(), v("tr", {
+                                !I.value && k.value && r.skeletonloader ? (c(!0), v(H, { key: 0 }, ue(t.pageSize, (p) => (c(), v("tr", {
                                   key: p,
                                   class: "!bh-bg-white bh-h-11 !bh-border-transparent"
                                 }, [
@@ -3321,7 +3321,7 @@ const Si = /* @__PURE__ */ Be(yi, [["render", Ci]]), zi = { key: "hdrrow" }, Li
                                     class: "!bh-p-0 !bh-border-transparent"
                                   }, vr, 8, hr)
                                 ]))), 128)) : P("", !0),
-                                F.value ? (c(!0), v(H, { key: 1 }, ue(t.footerRows, (p, $) => (c(), v("tr", {
+                                I.value ? (c(!0), v(H, { key: 1 }, ue(t.footerRows, (p, $) => (c(), v("tr", {
                                   key: p[K.value] ? p[K.value] : $,
                                   class: "sticky-table-footer"
                                 }, [
@@ -3333,7 +3333,7 @@ const Si = /* @__PURE__ */ Be(yi, [["render", Ci]]), zi = { key: "hdrrow" }, Li
                                     V.hide ? P("", !0) : (c(), v("td", {
                                       key: V.field,
                                       class: E([
-                                        typeof t.cellClass == "function" ? s.cellClass(p) : t.cellClass,
+                                        typeof t.cellClass == "function" ? r.cellClass(p) : t.cellClass,
                                         R === 0 && t.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
                                         t.hasCheckbox && R === 0 && t.stickyFirstColumn ? "bh-left-[52px]" : "",
                                         V.cellClass ? V.cellClass : ""
@@ -3366,24 +3366,24 @@ const Si = /* @__PURE__ */ Be(yi, [["render", Ci]]), zi = { key: "hdrrow" }, Li
                                 }, null, 8, ["currentSortColumn", "currentSortDirection", "isOpenFilter", "checkAll"])
                               ], 2)) : P("", !0)
                             ], 2),
-                            k.value && s.enableloadinganimation ? (c(), v("div", {
+                            k.value && r.enableloadinganimation ? (c(), v("div", {
                               key: 0,
                               class: "bh-absolute bh-inset-0 bh-bg-blue-light/50 bh-grid bh-place-content-center dt-center-loading",
                               style: U({
                                 height: Number(t.height.replace("px", "")) - 175 + "px"
                               })
                             }, [
-                              oe(s.$slots, "loadercontent")
+                              oe(r.$slots, "loadercontent")
                             ], 4)) : P("", !0)
                           ], 6),
-                          !F.value && !k.value ? (c(), v("div", {
+                          !I.value && !k.value ? (c(), v("div", {
                             key: 0,
                             class: "nodatacontent",
                             style: U({
                               height: Number(t.height.replace("px", "")) - 175 + "px"
                             })
                           }, [
-                            oe(s.$slots, "nodatacontent", {}, () => [
+                            oe(r.$slots, "nodatacontent", {}, () => [
                               y("span", null, G(t.noDataContent), 1)
                             ])
                           ], 4)) : P("", !0)
@@ -3400,7 +3400,7 @@ const Si = /* @__PURE__ */ Be(yi, [["render", Ci]]), zi = { key: "hdrrow" }, Li
         ]),
         _: 3
       }, 8, ["style"]),
-      t.pagination && F.value ? (c(), v("div", {
+      t.pagination && I.value ? (c(), v("div", {
         key: 0,
         class: E(["bh-pagination", {
           "bh-pointer-events-none": k.value,
@@ -3408,28 +3408,28 @@ const Si = /* @__PURE__ */ Be(yi, [["render", Ci]]), zi = { key: "hdrrow" }, Li
         }])
       }, [
         y("div", gr, [
-          s.enablefooterpagination ? oe(s.$slots, "footerpageinfo", {
+          r.enablefooterpagination ? oe(r.$slots, "footerpageinfo", {
             key: 0,
-            paginationInfo: s.paginationInfo,
-            filterRowCount: F.value,
+            paginationInfo: r.paginationInfo,
+            filterRowCount: I.value,
             offset: ye.value,
             limit: Oe.value,
-            showPageSize: s.showPageSize,
-            pageSizeOptions: s.pageSizeOptions,
-            currentPageSize: r.value,
+            showPageSize: r.showPageSize,
+            pageSizeOptions: r.pageSizeOptions,
+            currentPageSize: s.value,
             stringFormat: qe,
             setPageSize: w
           }, () => [
             y("div", br, [
               y("span", yr, G(qe(
                 t.paginationInfo,
-                F.value ? ye.value : 0,
+                I.value ? ye.value : 0,
                 Oe.value,
-                F.value
+                I.value
               )), 1),
               t.showPageSize ? me((c(), v("select", {
                 key: 0,
-                "onUpdate:modelValue": m[6] || (m[6] = (p) => r.value = p),
+                "onUpdate:modelValue": m[6] || (m[6] = (p) => s.value = p),
                 class: "bh-pagesize"
               }, [
                 (c(!0), v(H, null, ue(t.pageSizeOptions, (p) => (c(), v("option", {
@@ -3437,11 +3437,11 @@ const Si = /* @__PURE__ */ Be(yi, [["render", Ci]]), zi = { key: "hdrrow" }, Li
                   key: p
                 }, G(p), 9, wr))), 128))
               ], 512)), [
-                [vn, r.value]
+                [vn, s.value]
               ]) : P("", !0)
             ])
           ]) : P("", !0),
-          s.enablefooterpagination ? oe(s.$slots, "footerpagination", {
+          r.enablefooterpagination ? oe(r.$slots, "footerpagination", {
             key: 1,
             currentPage: a.value,
             maxPage: de.value,
@@ -3489,7 +3489,7 @@ const Si = /* @__PURE__ */ Be(yi, [["render", Ci]]), zi = { key: "hdrrow" }, Li
                 t.nextArrow ? (c(), v("span", {
                   key: 0,
                   innerHTML: t.nextArrow
-                }, null, 8, _r)) : (c(), v("svg", Fr, Or))
+                }, null, 8, Fr)) : (c(), v("svg", Ir, Or))
               ], 2),
               t.showLastPage ? (c(), v("button", {
                 key: 2,