@dolusoft/vue3-datatable 1.7.71 → 1.7.72

package/dist/vue3-datatable.js

@@ -1,4 +1,4 @@
-import { isRef as Kn, watch as Y, onMounted as Le, nextTick as Se, getCurrentScope as Jn, onScopeDispose as Yn, unref as U, getCurrentInstance as It, computed as K, ref as A, useSlots as pn, onBeforeUnmount as vn, provide as xe, openBlock as c, createBlock as re, resolveDynamicComponent as Xn, inject as Ie, createElementBlock as h, normalizeStyle as G, renderSlot as te, h as kt, defineComponent as _e, toRef as Zn, Fragment as W, withModifiers as V, createVNode as ne, createElementVNode as k, normalizeClass as I, toDisplayString as B, createCommentVNode as M, onUnmounted as mn, withDirectives as ie, renderList as oe, vModelSelect as it, createTextVNode as We, vModelText as Pe, vShow as Gt, withCtx as Ae, vModelCheckbox as Qt } from "vue";
+import { isRef as Kn, watch as Y, onMounted as Le, nextTick as Se, getCurrentScope as Jn, onScopeDispose as Yn, unref as U, getCurrentInstance as It, computed as K, ref as A, useSlots as pn, onBeforeUnmount as vn, provide as xe, openBlock as c, createBlock as re, resolveDynamicComponent as Xn, inject as Ie, createElementBlock as h, normalizeStyle as G, renderSlot as te, h as kt, defineComponent as _e, toRef as Zn, Fragment as D, withModifiers as V, createVNode as ne, createElementVNode as k, normalizeClass as I, toDisplayString as B, createCommentVNode as M, onUnmounted as mn, withDirectives as ie, renderList as oe, vModelSelect as it, createTextVNode as We, vModelText as Pe, vShow as Gt, withCtx as Ae, vModelCheckbox as Qt } from "vue";
 function bn(t) {
   return Jn() ? (Yn(t), !0) : !1;
 }
@@ -24,31 +24,31 @@ function Pt(t, o) {
 const ol = (t) => t();
 function yn(t, o = {}) {
   let n, l, e = ye;
-  const i = (a) => {
-    clearTimeout(a), e(), e = ye;
+  const i = (r) => {
+    clearTimeout(r), e(), e = ye;
   };
-  return (a) => {
+  return (r) => {
     const f = Be(t), y = Be(o.maxWait);
-    return n && i(n), f <= 0 || y !== void 0 && y <= 0 ? (l && (i(l), l = null), Promise.resolve(a())) : new Promise((C, v) => {
+    return n && i(n), f <= 0 || y !== void 0 && y <= 0 ? (l && (i(l), l = null), Promise.resolve(r())) : new Promise((C, v) => {
       e = o.rejectOnCancel ? v : C, y && !l && (l = setTimeout(() => {
-        n && i(n), l = null, C(a());
+        n && i(n), l = null, C(r());
       }, y)), n = setTimeout(() => {
-        l && i(l), l = null, C(a());
+        l && i(l), l = null, C(r());
       }, f);
     });
   };
 }
 function il(...t) {
-  let o = 0, n, l = !0, e = ye, i, r, a, f, y;
-  !Kn(t[0]) && typeof t[0] == "object" ? { delay: r, trailing: a = !0, leading: f = !0, rejectOnCancel: y = !1 } = t[0] : [r, a = !0, f = !0, y = !1] = t;
+  let o = 0, n, l = !0, e = ye, i, a, r, f, y;
+  !Kn(t[0]) && typeof t[0] == "object" ? { delay: a, trailing: r = !0, leading: f = !0, rejectOnCancel: y = !1 } = t[0] : [a, r = !0, f = !0, y = !1] = t;
   const C = () => {
     n && (clearTimeout(n), n = void 0, e(), e = ye);
   };
-  return (m) => {
-    const u = Be(r), z = Date.now() - o, L = () => i = m();
-    return C(), u <= 0 ? (o = Date.now(), L()) : (z > u && (f || !l) ? (o = Date.now(), L()) : a && (i = new Promise((b, $) => {
-      e = y ? $ : b, n = setTimeout(() => {
-        o = Date.now(), l = !0, b(L()), C();
+  return (b) => {
+    const u = Be(a), z = Date.now() - o, L = () => i = b();
+    return C(), u <= 0 ? (o = Date.now(), L()) : (z > u && (f || !l) ? (o = Date.now(), L()) : r && (i = new Promise((m, $) => {
+      e = y ? $ : m, n = setTimeout(() => {
+        o = Date.now(), l = !0, m(L()), C();
       }, Math.max(0, u - z));
     })), !f && !n && (n = setTimeout(() => l = !0, u)), l = !1, i);
   };
@@ -111,62 +111,62 @@ function bt(...t) {
   if (typeof t[0] == "string" || Array.isArray(t[0]) ? ([n, l, e] = t, o = at) : [o, n, l, e] = t, !o)
     return ye;
   Array.isArray(n) || (n = [n]), Array.isArray(l) || (l = [l]);
-  const i = [], r = () => {
+  const i = [], a = () => {
     i.forEach((C) => C()), i.length = 0;
-  }, a = (C, v, m, u) => (C.addEventListener(v, m, u), () => C.removeEventListener(v, m, u)), f = Y(
+  }, r = (C, v, b, u) => (C.addEventListener(v, b, u), () => C.removeEventListener(v, b, u)), f = Y(
     () => [he(o), Be(e)],
     ([C, v]) => {
-      if (r(), !C)
+      if (a(), !C)
         return;
-      const m = tl(v) ? { ...v } : v;
+      const b = tl(v) ? { ...v } : v;
       i.push(
-        ...n.flatMap((u) => l.map((z) => a(C, u, z, m)))
+        ...n.flatMap((u) => l.map((z) => r(C, u, z, b)))
       );
     },
     { immediate: !0, flush: "post" }
   ), y = () => {
-    f(), r();
+    f(), a();
   };
   return bn(y), y;
 }
 let Jt = !1;
 function dl(t, o, n = {}) {
-  const { window: l = at, ignore: e = [], capture: i = !0, detectIframe: r = !1 } = n;
+  const { window: l = at, ignore: e = [], capture: i = !0, detectIframe: a = !1 } = n;
   if (!l)
     return ye;
-  nl && !Jt && (Jt = !0, Array.from(l.document.body.children).forEach((m) => m.addEventListener("click", ye)), l.document.documentElement.addEventListener("click", ye));
-  let a = !0;
-  const f = (m) => e.some((u) => {
+  nl && !Jt && (Jt = !0, Array.from(l.document.body.children).forEach((b) => b.addEventListener("click", ye)), l.document.documentElement.addEventListener("click", ye));
+  let r = !0;
+  const f = (b) => e.some((u) => {
     if (typeof u == "string")
-      return Array.from(l.document.querySelectorAll(u)).some((z) => z === m.target || m.composedPath().includes(z));
+      return Array.from(l.document.querySelectorAll(u)).some((z) => z === b.target || b.composedPath().includes(z));
     {
       const z = he(u);
-      return z && (m.target === z || m.composedPath().includes(z));
+      return z && (b.target === z || b.composedPath().includes(z));
     }
   }), C = [
-    bt(l, "click", (m) => {
+    bt(l, "click", (b) => {
       const u = he(t);
-      if (!(!u || u === m.target || m.composedPath().includes(u))) {
-        if (m.detail === 0 && (a = !f(m)), !a) {
-          a = !0;
+      if (!(!u || u === b.target || b.composedPath().includes(u))) {
+        if (b.detail === 0 && (r = !f(b)), !r) {
+          r = !0;
           return;
         }
-        o(m);
+        o(b);
       }
     }, { passive: !0, capture: i }),
-    bt(l, "pointerdown", (m) => {
+    bt(l, "pointerdown", (b) => {
       const u = he(t);
-      a = !f(m) && !!(u && !m.composedPath().includes(u));
+      r = !f(b) && !!(u && !b.composedPath().includes(u));
     }, { passive: !0 }),
-    r && bt(l, "blur", (m) => {
+    a && bt(l, "blur", (b) => {
       setTimeout(() => {
         var u;
         const z = he(t);
-        ((u = l.document.activeElement) == null ? void 0 : u.tagName) === "IFRAME" && !(z != null && z.contains(l.document.activeElement)) && o(m);
+        ((u = l.document.activeElement) == null ? void 0 : u.tagName) === "IFRAME" && !(z != null && z.contains(l.document.activeElement)) && o(b);
       }, 0);
     })
   ].filter(Boolean);
-  return () => C.forEach((m) => m());
+  return () => C.forEach((b) => b());
 }
 function fl() {
   const t = A(!1), o = It();
@@ -181,64 +181,64 @@ function hl(t) {
 function pl(t, o, n = {}) {
   const { window: l = at, ...e } = n;
   let i;
-  const r = hl(() => l && "ResizeObserver" in l), a = () => {
+  const a = hl(() => l && "ResizeObserver" in l), r = () => {
     i && (i.disconnect(), i = void 0);
   }, f = K(() => Array.isArray(t) ? t.map((v) => he(v)) : [he(t)]), y = Y(
     f,
     (v) => {
-      if (a(), r.value && l) {
+      if (r(), a.value && l) {
         i = new ResizeObserver(o);
-        for (const m of v)
-          m && i.observe(m, e);
+        for (const b of v)
+          b && i.observe(b, e);
       }
     },
     { immediate: !0, flush: "post" }
   ), C = () => {
-    a(), y();
+    r(), y();
   };
   return bn(C), {
-    isSupported: r,
+    isSupported: a,
     stop: C
   };
 }
 function vl(t, o = { width: 0, height: 0 }, n = {}) {
   const { window: l = at, box: e = "content-box" } = n, i = K(() => {
-    var v, m;
-    return (m = (v = he(t)) == null ? void 0 : v.namespaceURI) == null ? void 0 : m.includes("svg");
-  }), r = A(o.width), a = A(o.height), { stop: f } = pl(
+    var v, b;
+    return (b = (v = he(t)) == null ? void 0 : v.namespaceURI) == null ? void 0 : b.includes("svg");
+  }), a = A(o.width), r = A(o.height), { stop: f } = pl(
     t,
     ([v]) => {
-      const m = e === "border-box" ? v.borderBoxSize : e === "content-box" ? v.contentBoxSize : v.devicePixelContentBoxSize;
+      const b = e === "border-box" ? v.borderBoxSize : e === "content-box" ? v.contentBoxSize : v.devicePixelContentBoxSize;
       if (l && i.value) {
         const u = he(t);
         if (u) {
           const z = u.getBoundingClientRect();
-          r.value = z.width, a.value = z.height;
+          a.value = z.width, r.value = z.height;
         }
-      } else if (m) {
-        const u = Array.isArray(m) ? m : [m];
-        r.value = u.reduce((z, { inlineSize: L }) => z + L, 0), a.value = u.reduce((z, { blockSize: L }) => z + L, 0);
+      } else if (b) {
+        const u = Array.isArray(b) ? b : [b];
+        a.value = u.reduce((z, { inlineSize: L }) => z + L, 0), r.value = u.reduce((z, { blockSize: L }) => z + L, 0);
       } else
-        r.value = v.contentRect.width, a.value = v.contentRect.height;
+        a.value = v.contentRect.width, r.value = v.contentRect.height;
     },
     n
   );
   ul(() => {
     const v = he(t);
-    v && (r.value = "offsetWidth" in v ? v.offsetWidth : o.width, a.value = "offsetHeight" in v ? v.offsetHeight : o.height);
+    v && (a.value = "offsetWidth" in v ? v.offsetWidth : o.width, r.value = "offsetHeight" in v ? v.offsetHeight : o.height);
   });
   const y = Y(
     () => he(t),
     (v) => {
-      r.value = v ? o.width : 0, a.value = v ? o.height : 0;
+      a.value = v ? o.width : 0, r.value = v ? o.height : 0;
     }
   );
   function C() {
     f(), y();
   }
   return {
-    width: r,
-    height: a,
+    width: a,
+    height: r,
     stop: C
   };
 }
@@ -265,7 +265,7 @@ const Yt = {
     "splitter-dblclick"
   ],
   setup(t, { emit: o }) {
-    const n = o, l = t, e = pn(), i = A([]), r = K(() => i.value.reduce((d, x) => (d[~~x.id] = x) && d, {})), a = K(() => i.value.length), f = A(null), y = A(!1), C = A({
+    const n = o, l = t, e = pn(), i = A([]), a = K(() => i.value.reduce((d, x) => (d[~~x.id] = x) && d, {})), r = K(() => i.value.length), f = A(null), y = A(!1), C = A({
       mouseDown: !1,
       dragging: !1,
       activeSplitter: null,
@@ -275,21 +275,21 @@ const Yt = {
       // Used to detect double click on touch devices.
       splitter: null,
       timeoutId: null
-    }), m = K(() => ({
+    }), b = K(() => ({
       [`splitpanes splitpanes--${l.horizontal ? "horizontal" : "vertical"}`]: !0,
       "splitpanes--dragging": C.value.dragging
     })), u = () => {
-      document.addEventListener("mousemove", b, { passive: !1 }), document.addEventListener("mouseup", $), "ontouchstart" in window && (document.addEventListener("touchmove", b, { passive: !1 }), document.addEventListener("touchend", $));
+      document.addEventListener("mousemove", m, { passive: !1 }), document.addEventListener("mouseup", $), "ontouchstart" in window && (document.addEventListener("touchmove", m, { passive: !1 }), document.addEventListener("touchend", $));
     }, z = () => {
-      document.removeEventListener("mousemove", b, { passive: !1 }), document.removeEventListener("mouseup", $), "ontouchstart" in window && (document.removeEventListener("touchmove", b, { passive: !1 }), document.removeEventListener("touchend", $));
+      document.removeEventListener("mousemove", m, { passive: !1 }), document.removeEventListener("mouseup", $), "ontouchstart" in window && (document.removeEventListener("touchmove", m, { passive: !1 }), document.removeEventListener("touchend", $));
     }, L = (d, x) => {
       const _ = d.target.closest(".splitpanes__splitter");
       if (_) {
-        const { left: S, top: F } = _.getBoundingClientRect(), { clientX: T, clientY: q } = "ontouchstart" in window && d.touches ? d.touches[0] : d;
-        C.value.cursorOffset = l.horizontal ? q - F : T - S;
+        const { left: S, top: F } = _.getBoundingClientRect(), { clientX: T, clientY: W } = "ontouchstart" in window && d.touches ? d.touches[0] : d;
+        C.value.cursorOffset = l.horizontal ? W - F : T - S;
       }
       u(), C.value.mouseDown = !0, C.value.activeSplitter = x;
-    }, b = (d) => {
+    }, m = (d) => {
       C.value.mouseDown && (d.preventDefault(), C.value.dragging = !0, requestAnimationFrame(() => {
         H(we(d)), j("resize", { event: d }, !0);
       }));
@@ -297,7 +297,7 @@ const Yt = {
       C.value.dragging && j("resized", { event: d }, !0), C.value.mouseDown = !1, C.value.activeSplitter = null, setTimeout(() => {
         C.value.dragging = !1, z();
       }, 100);
-    }, D = (d, x) => {
+    }, q = (d, x) => {
       "ontouchstart" in window && (d.preventDefault(), v.value.splitter === x ? (clearTimeout(v.value.timeoutId), v.value.timeoutId = null, ee(d, x), v.value.splitter = null) : (v.value.splitter = x, v.value.timeoutId = setTimeout(() => v.value.splitter = null, 500))), C.value.dragging || j("splitter-click", { event: d, index: x }, !0);
     }, ee = (d, x) => {
       if (j("splitter-dblclick", { event: d, index: x }, !0), l.maximizePanes) {
@@ -307,8 +307,8 @@ const Yt = {
     }, J = (d, x) => {
       j("pane-click", {
         event: d,
-        index: r.value[x].index,
-        pane: r.value[x]
+        index: a.value[x].index,
+        pane: a.value[x]
       });
     }, we = (d) => {
       const x = f.value.getBoundingClientRect(), { clientX: _, clientY: S } = "ontouchstart" in window && d.touches ? d.touches[0] : d;
@@ -329,7 +329,7 @@ const Yt = {
         nextReachedMinPanes: 0
       };
       const S = 0 + (l.pushOtherPanes ? 0 : _.prevPanesSize), F = 100 - (l.pushOtherPanes ? 0 : _.nextPanesSize), T = Math.max(Math.min(R(d), F), S);
-      let q = [x, x + 1], Z = i.value[q[0]] || null, ue = i.value[q[1]] || null;
+      let W = [x, x + 1], Z = i.value[W[0]] || null, ue = i.value[W[1]] || null;
       const ht = Z.max < 100 && T >= Z.max + _.prevPanesSize, pt = ue.max < 100 && T <= 100 - (ue.max + O(x + 1));
       if (ht || pt) {
         ht ? (Z.size = Z.max, ue.size = Math.max(100 - Z.max - _.prevPanesSize - _.nextPanesSize, 0)) : (Z.size = Math.max(100 - ue.max - _.prevPanesSize - O(x + 1), 0), ue.size = ue.max);
@@ -338,7 +338,7 @@ const Yt = {
       if (l.pushOtherPanes) {
         const vt = ce(_, T);
         if (!vt) return;
-        ({ sums: _, panesToResize: q } = vt), Z = i.value[q[0]] || null, ue = i.value[q[1]] || null;
+        ({ sums: _, panesToResize: W } = vt), Z = i.value[W[0]] || null, ue = i.value[W[1]] || null;
       }
       Z !== null && (Z.size = Math.min(Math.max(T - _.prevPanesSize - _.prevReachedMinPanes, Z.min), Z.max)), ue !== null && (ue.size = Math.min(Math.max(100 - T - _.nextPanesSize - _.nextReachedMinPanes, ue.min), ue.max));
     }, ce = (d, x) => {
@@ -350,7 +350,7 @@ const Yt = {
       }), i.value[S[1]].size = 100 - d.prevReachedMinPanes - i.value[0].min - d.prevPanesSize - d.nextPanesSize, null) : x > 100 - d.nextPanesSize - i.value[S[1]].min && (S[1] = ve(_).index, d.nextReachedMinPanes = 0, S[1] > _ + 1 && i.value.forEach((F, T) => {
         T > _ && T < S[1] && (F.size = F.min, d.nextReachedMinPanes += F.min);
       }), d.nextPanesSize = O(S[1] - 1), S[1] === void 0) ? (d.nextReachedMinPanes = 0, i.value.forEach((F, T) => {
-        T < a.value - 1 && T >= _ + 1 && (F.size = F.min, d.nextReachedMinPanes += F.min);
+        T < r.value - 1 && T >= _ + 1 && (F.size = F.min, d.nextReachedMinPanes += F.min);
       }), i.value[S[0]].size = 100 - d.prevPanesSize - O(S[0] - 1), null) : { sums: d, panesToResize: S };
     }, se = (d) => i.value.reduce((x, _, S) => x + (S < d ? _.size : 0), 0), O = (d) => i.value.reduce((x, _, S) => x + (S > d + 1 ? _.size : 0), 0), le = (d) => [...i.value].reverse().find((x) => x.index < d && x.size > x.min) || {}, ve = (d) => i.value.find((x) => x.index > d + 1 && x.size > x.min) || {}, ze = () => {
       var d;
@@ -361,7 +361,7 @@ const Yt = {
       }
     }, Te = (d, x, _ = !1) => {
       const S = d - 1, F = document.createElement("div");
-      F.classList.add("splitpanes__splitter"), _ || (F.onmousedown = (T) => L(T, S), typeof window < "u" && "ontouchstart" in window && (F.ontouchstart = (T) => L(T, S)), F.onclick = (T) => D(T, S + 1)), F.ondblclick = (T) => ee(T, S + 1), x.parentNode.insertBefore(F, x);
+      F.classList.add("splitpanes__splitter"), _ || (F.onmousedown = (T) => L(T, S), typeof window < "u" && "ontouchstart" in window && (F.ontouchstart = (T) => L(T, S)), F.onclick = (T) => q(T, S + 1)), F.ondblclick = (T) => ee(T, S + 1), x.parentNode.insertBefore(F, x);
     }, Ee = (d) => {
       d.onmousedown = void 0, d.onclick = void 0, d.ondblclick = void 0, d.remove();
     }, me = () => {
@@ -373,7 +373,7 @@ const Yt = {
       for (const S of x)
         S.className.includes("splitpanes__pane") && (!_ && l.firstSplitter ? Te(_, S, !0) : _ && Te(_, S), _++);
     }, Ne = ({ uid: d, ...x }) => {
-      const _ = r.value[d];
+      const _ = a.value[d];
       for (const [S, F] of Object.entries(x)) _[S] = F;
     }, ft = (d) => {
       var x;
@@ -391,7 +391,7 @@ const Yt = {
     }, ae = (d = {}) => {
       !d.addedPane && !d.removedPane ? ke() : i.value.some((x) => x.givenSize !== null || x.min || x.max < 100) ? Ge(d) : pe(), y.value && j("resized");
     }, pe = () => {
-      const d = 100 / a.value;
+      const d = 100 / r.value;
       let x = 0;
       const _ = [], S = [];
       for (const F of i.value)
@@ -406,29 +406,29 @@ const Yt = {
       let F = 100;
       if (d > 0.1) {
         for (const T of i.value)
-          T.givenSize === null && (T.size = Math.max(Math.min(d / (a.value - S), T.max), T.min)), F -= T.size;
+          T.givenSize === null && (T.size = Math.max(Math.min(d / (r.value - S), T.max), T.min)), F -= T.size;
         F > 0.1 && $e(F, x, _);
       }
     }, Ge = ({ addedPane: d, removedPane: x } = {}) => {
-      let _ = 100 / a.value, S = 0;
+      let _ = 100 / r.value, S = 0;
       const F = [], T = [];
-      ((d == null ? void 0 : d.givenSize) ?? null) !== null && (_ = (100 - d.givenSize) / (a.value - 1));
-      for (const q of i.value)
-        S -= q.size, q.size >= q.max && F.push(q.id), q.size <= q.min && T.push(q.id);
+      ((d == null ? void 0 : d.givenSize) ?? null) !== null && (_ = (100 - d.givenSize) / (r.value - 1));
+      for (const W of i.value)
+        S -= W.size, W.size >= W.max && F.push(W.id), W.size <= W.min && T.push(W.id);
       if (!(Math.abs(S) < 0.1)) {
-        for (const q of i.value)
-          (d == null ? void 0 : d.givenSize) !== null && (d == null ? void 0 : d.id) === q.id || (q.size = Math.max(Math.min(_, q.max), q.min)), S -= q.size, q.size >= q.max && F.push(q.id), q.size <= q.min && T.push(q.id);
+        for (const W of i.value)
+          (d == null ? void 0 : d.givenSize) !== null && (d == null ? void 0 : d.id) === W.id || (W.size = Math.max(Math.min(_, W.max), W.min)), S -= W.size, W.size >= W.max && F.push(W.id), W.size <= W.min && T.push(W.id);
         S > 0.1 && $e(S, F, T);
       }
     }, $e = (d, x, _) => {
       let S;
-      d > 0 ? S = d / (a.value - x.length) : S = d / (a.value - _.length), i.value.forEach((F, T) => {
+      d > 0 ? S = d / (r.value - x.length) : S = d / (r.value - _.length), i.value.forEach((F, T) => {
         if (d > 0 && !x.includes(F.id)) {
-          const q = Math.max(Math.min(F.size + S, F.max), F.min), Z = q - F.size;
-          d -= Z, F.size = q;
+          const W = Math.max(Math.min(F.size + S, F.max), F.min), Z = W - F.size;
+          d -= Z, F.size = W;
         } else if (!_.includes(F.id)) {
-          const q = Math.max(Math.min(F.size + S, F.max), F.min), Z = q - F.size;
-          d -= Z, F.size = q;
+          const W = Math.max(Math.min(F.size + S, F.max), F.min), Z = W - F.size;
+          d -= Z, F.size = W;
         }
       }), Math.abs(d) > 0.1 && Se(() => {
         y.value && console.warn("Splitpanes: Could not resize panes correctly due to their constraints.");
@@ -452,11 +452,11 @@ const Yt = {
       var d;
       return kt(
         "div",
-        { ref: f, class: m.value },
+        { ref: f, class: b.value },
         (d = e.default) == null ? void 0 : d.call(e)
       );
     };
-    return xe("panes", i), xe("indexedPanes", r), xe("horizontal", K(() => l.horizontal)), xe("requestUpdate", Ne), xe("onPaneAdd", ft), xe("onPaneRemove", Ue), xe("onPaneClick", J), (d, x) => (c(), re(Xn(Qe)));
+    return xe("panes", i), xe("indexedPanes", a), xe("horizontal", K(() => l.horizontal)), xe("requestUpdate", Ne), xe("onPaneAdd", ft), xe("onPaneRemove", Ue), xe("onPaneClick", J), (d, x) => (c(), re(Xn(Qe)));
   }
 }, gt = {
   __name: "pane",
@@ -467,38 +467,38 @@ const Yt = {
   },
   setup(t) {
     var o;
-    const n = t, l = Ie("requestUpdate"), e = Ie("onPaneAdd"), i = Ie("horizontal"), r = Ie("onPaneRemove"), a = Ie("onPaneClick"), f = (o = It()) == null ? void 0 : o.uid, y = Ie("indexedPanes"), C = K(() => y.value[f]), v = A(null), m = K(() => {
-      const b = isNaN(n.size) || n.size === void 0 ? 0 : parseFloat(n.size);
-      return Math.max(Math.min(b, z.value), u.value);
+    const n = t, l = Ie("requestUpdate"), e = Ie("onPaneAdd"), i = Ie("horizontal"), a = Ie("onPaneRemove"), r = Ie("onPaneClick"), f = (o = It()) == null ? void 0 : o.uid, y = Ie("indexedPanes"), C = K(() => y.value[f]), v = A(null), b = K(() => {
+      const m = isNaN(n.size) || n.size === void 0 ? 0 : parseFloat(n.size);
+      return Math.max(Math.min(m, z.value), u.value);
     }), u = K(() => {
-      const b = parseFloat(n.minSize);
-      return isNaN(b) ? 0 : b;
+      const m = parseFloat(n.minSize);
+      return isNaN(m) ? 0 : m;
     }), z = K(() => {
-      const b = parseFloat(n.maxSize);
-      return isNaN(b) ? 100 : b;
+      const m = parseFloat(n.maxSize);
+      return isNaN(m) ? 100 : m;
     }), L = K(() => {
-      var b;
-      return `${i.value ? "height" : "width"}: ${(b = C.value) == null ? void 0 : b.size}%`;
+      var m;
+      return `${i.value ? "height" : "width"}: ${(m = C.value) == null ? void 0 : m.size}%`;
     });
-    return Y(() => m.value, (b) => l({ uid: f, size: b })), Y(() => u.value, (b) => l({ uid: f, min: b })), Y(() => z.value, (b) => l({ uid: f, max: b })), Le(() => {
+    return Y(() => b.value, (m) => l({ uid: f, size: m })), Y(() => u.value, (m) => l({ uid: f, min: m })), Y(() => z.value, (m) => l({ uid: f, max: m })), Le(() => {
       e({
         id: f,
         el: v.value,
         min: u.value,
         max: z.value,
         // The given size (useful to know the user intention).
-        givenSize: n.size === void 0 ? null : m.value,
-        size: m.value
+        givenSize: n.size === void 0 ? null : b.value,
+        size: b.value
         // The computed current size at any time.
       });
-    }), vn(() => r(f)), (b, $) => (c(), h("div", {
+    }), vn(() => a(f)), (m, $) => (c(), h("div", {
       ref_key: "paneEl",
       ref: v,
       class: "splitpanes__pane",
-      onClick: $[0] || ($[0] = (D) => U(a)(D, b._.uid)),
+      onClick: $[0] || ($[0] = (q) => U(r)(q, m._.uid)),
       style: G(L.value)
     }, [
-      te(b.$slots, "default")
+      te(m.$slots, "default")
     ], 4));
   }
 }, De = /^[a-z0-9]+(-[a-z0-9]+)*$/, ut = (t, o, n, l = "") => {
@@ -511,30 +511,30 @@ const Yt = {
   if (e.length > 3 || !e.length)
     return null;
   if (e.length > 1) {
-    const a = e.pop(), f = e.pop(), y = {
+    const r = e.pop(), f = e.pop(), y = {
       // Allow provider without '@': "provider:prefix:name"
       provider: e.length > 0 ? e[0] : l,
       prefix: f,
-      name: a
+      name: r
     };
     return o && !nt(y) ? null : y;
   }
-  const i = e[0], r = i.split("-");
-  if (r.length > 1) {
-    const a = {
+  const i = e[0], a = i.split("-");
+  if (a.length > 1) {
+    const r = {
       provider: l,
-      prefix: r.shift(),
-      name: r.join("-")
+      prefix: a.shift(),
+      name: a.join("-")
     };
-    return o && !nt(a) ? null : a;
+    return o && !nt(r) ? null : r;
   }
   if (n && l === "") {
-    const a = {
+    const r = {
       provider: l,
       prefix: "",
       name: i
     };
-    return o && !nt(a, n) ? null : a;
+    return o && !nt(r, n) ? null : r;
   }
   return null;
 }, nt = (t, o) => t ? !!((t.provider === "" || t.provider.match(De)) && (o && t.prefix === "" || t.prefix.match(De)) && t.name.match(De)) : !1, wn = Object.freeze(
@@ -570,28 +570,28 @@ function Xt(t, o) {
 }
 function bl(t, o) {
   const n = t.icons, l = t.aliases || /* @__PURE__ */ Object.create(null), e = /* @__PURE__ */ Object.create(null);
-  function i(r) {
-    if (n[r])
-      return e[r] = [];
-    if (!(r in e)) {
-      e[r] = null;
-      const a = l[r] && l[r].parent, f = a && i(a);
-      f && (e[r] = [a].concat(f));
+  function i(a) {
+    if (n[a])
+      return e[a] = [];
+    if (!(a in e)) {
+      e[a] = null;
+      const r = l[a] && l[a].parent, f = r && i(r);
+      f && (e[a] = [r].concat(f));
     }
-    return e[r];
+    return e[a];
   }
   return Object.keys(n).concat(Object.keys(l)).forEach(i), e;
 }
 function gl(t, o, n) {
   const l = t.icons, e = t.aliases || /* @__PURE__ */ Object.create(null);
   let i = {};
-  function r(a) {
+  function a(r) {
     i = Xt(
-      l[a] || e[a],
+      l[r] || e[r],
       i
     );
   }
-  return r(o), n.forEach(r), Xt(t, i);
+  return a(o), n.forEach(a), Xt(t, i);
 }
 function kn(t, o) {
   const n = [];
@@ -636,8 +636,8 @@ function Cn(t) {
   }
   const l = o.aliases || /* @__PURE__ */ Object.create(null);
   for (const e in l) {
-    const i = l[e], r = i.parent;
-    if (!e.match(De) || typeof r != "string" || !n[r] && !l[r] || !yt(
+    const i = l[e], a = i.parent;
+    if (!e.match(De) || typeof a != "string" || !n[a] && !l[a] || !yt(
       i,
       Ct
     ))
@@ -694,8 +694,8 @@ function Sl(t, o) {
     return !1;
   if (typeof o != "string" && (o = t.provider || ""), He && !o && !t.prefix) {
     let e = !1;
-    return Cn(t) && (t.prefix = "", kn(t, (i, r) => {
-      r && xl(i, r) && (e = !0);
+    return Cn(t) && (t.prefix = "", kn(t, (i, a) => {
+      a && xl(i, a) && (e = !0);
     })), e;
   }
   const n = t.prefix;
@@ -728,16 +728,16 @@ function en(t, o, n) {
   if (l === null || !l.length)
     return t;
   const e = [];
-  let i = l.shift(), r = Ll.test(i);
+  let i = l.shift(), a = Ll.test(i);
   for (; ; ) {
-    if (r) {
-      const a = parseFloat(i);
-      isNaN(a) ? e.push(i) : e.push(Math.ceil(a * o * n) / n);
+    if (a) {
+      const r = parseFloat(i);
+      isNaN(r) ? e.push(i) : e.push(Math.ceil(r * o * n) / n);
     } else
       e.push(i);
     if (i = l.shift(), i === void 0)
       return e.join("");
-    r = !r;
+    a = !a;
   }
 }
 function _l(t, o = "defs") {
@@ -747,10 +747,10 @@ function _l(t, o = "defs") {
     const e = t.indexOf(">", l), i = t.indexOf("</" + o);
     if (e === -1 || i === -1)
       break;
-    const r = t.indexOf(">", i);
-    if (r === -1)
+    const a = t.indexOf(">", i);
+    if (a === -1)
       break;
-    n += t.slice(e + 1, i).trim(), t = t.slice(0, l).trim() + t.slice(r + 1);
+    n += t.slice(e + 1, i).trim(), t = t.slice(0, l).trim() + t.slice(a + 1);
   }
   return {
     defs: n,
@@ -780,47 +780,47 @@ function Il(t, o) {
   };
   let i = n.body;
   [n, l].forEach((L) => {
-    const b = [], $ = L.hFlip, D = L.vFlip;
+    const m = [], $ = L.hFlip, q = L.vFlip;
     let ee = L.rotate;
-    $ ? D ? ee += 2 : (b.push(
+    $ ? q ? ee += 2 : (m.push(
       "translate(" + (e.width + e.left).toString() + " " + (0 - e.top).toString() + ")"
-    ), b.push("scale(-1 1)"), e.top = e.left = 0) : D && (b.push(
+    ), m.push("scale(-1 1)"), e.top = e.left = 0) : q && (m.push(
       "translate(" + (0 - e.left).toString() + " " + (e.height + e.top).toString() + ")"
-    ), b.push("scale(1 -1)"), e.top = e.left = 0);
+    ), m.push("scale(1 -1)"), e.top = e.left = 0);
     let J;
     switch (ee < 0 && (ee -= Math.floor(ee / 4) * 4), ee = ee % 4, ee) {
       case 1:
-        J = e.height / 2 + e.top, b.unshift(
+        J = e.height / 2 + e.top, m.unshift(
           "rotate(90 " + J.toString() + " " + J.toString() + ")"
         );
         break;
       case 2:
-        b.unshift(
+        m.unshift(
           "rotate(180 " + (e.width / 2 + e.left).toString() + " " + (e.height / 2 + e.top).toString() + ")"
         );
         break;
       case 3:
-        J = e.width / 2 + e.left, b.unshift(
+        J = e.width / 2 + e.left, m.unshift(
           "rotate(-90 " + J.toString() + " " + J.toString() + ")"
         );
         break;
     }
-    ee % 2 === 1 && (e.left !== e.top && (J = e.left, e.left = e.top, e.top = J), e.width !== e.height && (J = e.width, e.width = e.height, e.height = J)), b.length && (i = El(
+    ee % 2 === 1 && (e.left !== e.top && (J = e.left, e.left = e.top, e.top = J), e.width !== e.height && (J = e.width, e.width = e.height, e.height = J)), m.length && (i = El(
       i,
-      '<g transform="' + b.join(" ") + '">',
+      '<g transform="' + m.join(" ") + '">',
       "</g>"
     ));
   });
-  const r = l.width, a = l.height, f = e.width, y = e.height;
+  const a = l.width, r = l.height, f = e.width, y = e.height;
   let C, v;
-  r === null ? (v = a === null ? "1em" : a === "auto" ? y : a, C = en(v, f / y)) : (C = r === "auto" ? f : r, v = a === null ? en(C, y / f) : a === "auto" ? y : a);
-  const m = {}, u = (L, b) => {
-    Ml(b) || (m[L] = b.toString());
+  a === null ? (v = r === null ? "1em" : r === "auto" ? y : r, C = en(v, f / y)) : (C = a === "auto" ? f : a, v = r === null ? en(C, y / f) : r === "auto" ? y : r);
+  const b = {}, u = (L, m) => {
+    Ml(m) || (b[L] = m.toString());
   };
   u("width", C), u("height", v);
   const z = [e.left, e.top, f, y];
-  return m.viewBox = z.join(" "), {
-    attributes: m,
+  return b.viewBox = z.join(" "), {
+    attributes: b,
     viewBox: z,
     body: i
   };
@@ -836,12 +836,12 @@ function $l(t, o = Tl) {
     return t;
   const e = "suffix" + (Math.random() * 16777216 | Date.now()).toString(16);
   return n.forEach((i) => {
-    const r = typeof o == "function" ? o(i) : o + (Nl++).toString(), a = i.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    const a = typeof o == "function" ? o(i) : o + (Nl++).toString(), r = i.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
     t = t.replace(
       // Allowed characters before id: [#;"]
       // Allowed characters after id: [)"], .[a-z]
-      new RegExp('([#;"])(' + a + ')([")]|\\.[a-z])', "g"),
-      "$1" + r + e + "$3"
+      new RegExp('([#;"])(' + r + ')([")]|\\.[a-z])', "g"),
+      "$1" + a + e + "$3"
     );
   }), t = t.replace(new RegExp(e, "g"), ""), t;
 }
@@ -911,8 +911,8 @@ function ql(t, o) {
     l = 0;
   else {
     let e = 0;
-    n.resources.forEach((r) => {
-      e = Math.max(e, r.length);
+    n.resources.forEach((a) => {
+      e = Math.max(e, a.length);
     });
     const i = o + ".json?icons=";
     l = n.maxURL - e - n.path.length - i.length;
@@ -924,20 +924,20 @@ function Wl(t) {
 }
 const Dl = (t, o, n) => {
   const l = [], e = ql(t, o), i = "icons";
-  let r = {
+  let a = {
     type: i,
     provider: t,
     prefix: o,
     icons: []
-  }, a = 0;
+  }, r = 0;
   return n.forEach((f, y) => {
-    a += f.length + 1, a >= e && y > 0 && (l.push(r), r = {
+    r += f.length + 1, r >= e && y > 0 && (l.push(a), a = {
       type: i,
       provider: t,
       prefix: o,
       icons: []
-    }, a = f.length), r.icons.push(f);
-  }), l.push(r), l;
+    }, r = f.length), a.icons.push(f);
+  }), l.push(a), l;
 };
 function Bl(t) {
   if (typeof t == "string") {
@@ -955,8 +955,8 @@ const Hl = (t, o, n) => {
   let l = Bl(o.provider);
   switch (o.type) {
     case "icons": {
-      const i = o.prefix, a = o.icons.join(","), f = new URLSearchParams({
-        icons: a
+      const i = o.prefix, r = o.icons.join(","), f = new URLSearchParams({
+        icons: r
       });
       l += i + ".json?" + f.toString();
       break;
@@ -972,10 +972,10 @@ const Hl = (t, o, n) => {
   }
   let e = 503;
   tn(t + l).then((i) => {
-    const r = i.status;
-    if (r !== 200) {
+    const a = i.status;
+    if (a !== 200) {
       setTimeout(() => {
-        n(Wl(r) ? "abort" : "next", r);
+        n(Wl(a) ? "abort" : "next", a);
       });
       return;
     }
@@ -1013,13 +1013,13 @@ function jl(t) {
     if (l.name === e.name && l.prefix === e.prefix && l.provider === e.provider)
       return;
     l = e;
-    const i = e.provider, r = e.prefix, a = e.name, f = n[i] || (n[i] = /* @__PURE__ */ Object.create(null)), y = f[r] || (f[r] = Fe(i, r));
+    const i = e.provider, a = e.prefix, r = e.name, f = n[i] || (n[i] = /* @__PURE__ */ Object.create(null)), y = f[a] || (f[a] = Fe(i, a));
     let C;
-    a in y.icons ? C = o.loaded : r === "" || y.missing.has(a) ? C = o.missing : C = o.pending;
+    r in y.icons ? C = o.loaded : a === "" || y.missing.has(r) ? C = o.missing : C = o.pending;
     const v = {
       provider: i,
-      prefix: r,
-      name: a
+      prefix: a,
+      name: r
     };
     C.push(v);
   }), o;
@@ -1039,19 +1039,19 @@ function Ul(t) {
     let n = !1;
     const l = t.provider, e = t.prefix;
     o.forEach((i) => {
-      const r = i.icons, a = r.pending.length;
-      r.pending = r.pending.filter((f) => {
+      const a = i.icons, r = a.pending.length;
+      a.pending = a.pending.filter((f) => {
         if (f.prefix !== e)
           return !0;
         const y = f.name;
         if (t.icons[y])
-          r.loaded.push({
+          a.loaded.push({
             provider: l,
             prefix: e,
             name: y
           });
         else if (t.missing.has(y))
-          r.missing.push({
+          a.missing.push({
             provider: l,
             prefix: e,
             name: y
@@ -1059,10 +1059,10 @@ function Ul(t) {
         else
           return n = !0, !0;
         return !1;
-      }), r.pending.length !== a && (n || Ln([t], i.id), i.callback(
-        r.loaded.slice(0),
-        r.missing.slice(0),
-        r.pending.slice(0),
+      }), a.pending.length !== r && (n || Ln([t], i.id), i.callback(
+        a.loaded.slice(0),
+        a.missing.slice(0),
+        a.pending.slice(0),
         i.abort
       ));
     });
@@ -1079,8 +1079,8 @@ function Ql(t, o, n) {
     callback: t,
     abort: e
   };
-  return n.forEach((r) => {
-    (r.loaderCallbacks || (r.loaderCallbacks = [])).push(i);
+  return n.forEach((a) => {
+    (a.loaderCallbacks || (a.loaderCallbacks = [])).push(i);
   }), e;
 }
 function Kl(t, o = !0, n = !1) {
@@ -1100,54 +1100,54 @@ var Jl = {
 };
 function Yl(t, o, n, l) {
   const e = t.resources.length, i = t.random ? Math.floor(Math.random() * e) : t.index;
-  let r;
+  let a;
   if (t.random) {
     let R = t.resources.slice(0);
-    for (r = []; R.length > 1; ) {
+    for (a = []; R.length > 1; ) {
       const H = Math.floor(Math.random() * R.length);
-      r.push(R[H]), R = R.slice(0, H).concat(R.slice(H + 1));
+      a.push(R[H]), R = R.slice(0, H).concat(R.slice(H + 1));
     }
-    r = r.concat(R);
+    a = a.concat(R);
   } else
-    r = t.resources.slice(i).concat(t.resources.slice(0, i));
-  const a = Date.now();
-  let f = "pending", y = 0, C, v = null, m = [], u = [];
+    a = t.resources.slice(i).concat(t.resources.slice(0, i));
+  const r = Date.now();
+  let f = "pending", y = 0, C, v = null, b = [], u = [];
   typeof l == "function" && u.push(l);
   function z() {
     v && (clearTimeout(v), v = null);
   }
   function L() {
-    f === "pending" && (f = "aborted"), z(), m.forEach((R) => {
+    f === "pending" && (f = "aborted"), z(), b.forEach((R) => {
       R.status === "pending" && (R.status = "aborted");
-    }), m = [];
+    }), b = [];
   }
-  function b(R, H) {
+  function m(R, H) {
     H && (u = []), typeof R == "function" && u.push(R);
   }
   function $() {
     return {
-      startTime: a,
+      startTime: r,
       payload: o,
       status: f,
       queriesSent: y,
-      queriesPending: m.length,
-      subscribe: b,
+      queriesPending: b.length,
+      subscribe: m,
       abort: L
     };
   }
-  function D() {
+  function q() {
     f = "failed", u.forEach((R) => {
       R(void 0, C);
     });
   }
   function ee() {
-    m.forEach((R) => {
+    b.forEach((R) => {
       R.status === "pending" && (R.status = "aborted");
-    }), m = [];
+    }), b = [];
   }
   function J(R, H, ce) {
     const se = H !== "success";
-    switch (m = m.filter((O) => O !== R), f) {
+    switch (b = b.filter((O) => O !== R), f) {
       case "pending":
         break;
       case "failed":
@@ -1158,11 +1158,11 @@ function Yl(t, o, n, l) {
         return;
     }
     if (H === "abort") {
-      C = ce, D();
+      C = ce, q();
       return;
     }
     if (se) {
-      C = ce, m.length || (r.length ? we() : D());
+      C = ce, b.length || (a.length ? we() : q());
       return;
     }
     if (z(), ee(), !t.random) {
@@ -1177,15 +1177,15 @@ function Yl(t, o, n, l) {
     if (f !== "pending")
       return;
     z();
-    const R = r.shift();
+    const R = a.shift();
     if (R === void 0) {
-      if (m.length) {
+      if (b.length) {
         v = setTimeout(() => {
-          z(), f === "pending" && (ee(), D());
+          z(), f === "pending" && (ee(), q());
         }, t.timeout);
         return;
       }
-      D();
+      q();
       return;
     }
     const H = {
@@ -1195,7 +1195,7 @@ function Yl(t, o, n, l) {
         J(H, ce, se);
       }
     };
-    m.push(H), y++, v = setTimeout(we, t.rotate), n(R, o, H.callback);
+    b.push(H), y++, v = setTimeout(we, t.rotate), n(R, o, H.callback);
   }
   return setTimeout(we), $;
 }
@@ -1206,27 +1206,27 @@ function _n(t) {
   };
   let n = [];
   function l() {
-    n = n.filter((a) => a().status === "pending");
+    n = n.filter((r) => r().status === "pending");
   }
-  function e(a, f, y) {
+  function e(r, f, y) {
     const C = Yl(
       o,
-      a,
+      r,
       f,
-      (v, m) => {
-        l(), y && y(v, m);
+      (v, b) => {
+        l(), y && y(v, b);
       }
     );
     return n.push(C), C;
   }
-  function i(a) {
-    return n.find((f) => a(f)) || null;
+  function i(r) {
+    return n.find((f) => r(f)) || null;
   }
   return {
     query: e,
     find: i,
-    setIndex: (a) => {
-      o.index = a;
+    setIndex: (r) => {
+      o.index = r;
     },
     getIndex: () => o.index,
     cleanup: l
@@ -1255,14 +1255,14 @@ function Zl(t, o, n) {
     if (!i)
       return n(void 0, 424), nn;
     e = i.send;
-    const r = Xl(t);
-    r && (l = r.redundancy);
+    const a = Xl(t);
+    a && (l = a.redundancy);
   } else {
     const i = Nt(t);
     if (i) {
       l = _n(i);
-      const r = t.resources ? t.resources[0] : "", a = St(r);
-      a && (e = a.send);
+      const a = t.resources ? t.resources[0] : "", r = St(a);
+      r && (e = r.send);
     }
   }
   return !l || !e ? (n(void 0, 424), nn) : l.query(o, e, n)().abort;
@@ -1320,29 +1320,29 @@ function Pn(t, o) {
   const l = Ft(n, on);
   if (l !== ln) {
     if (l) {
-      const a = _t(n);
-      for (let f = 0; f < a; f++)
+      const r = _t(n);
+      for (let f = 0; f < r; f++)
         sn(n, Ve + f.toString());
     }
     Rt(n, on, ln), Lt(n, 0);
     return;
   }
-  const e = Math.floor(Date.now() / En) - eo, i = (a) => {
-    const f = Ve + a.toString(), y = Ft(n, f);
+  const e = Math.floor(Date.now() / En) - eo, i = (r) => {
+    const f = Ve + r.toString(), y = Ft(n, f);
     if (typeof y == "string") {
       try {
         const C = JSON.parse(y);
         if (typeof C == "object" && typeof C.cached == "number" && C.cached > e && typeof C.provider == "string" && typeof C.data == "object" && typeof C.data.prefix == "string" && // Valid item: run callback
-        o(C, a))
+        o(C, r))
           return !0;
       } catch {
       }
       sn(n, f);
     }
   };
-  let r = _t(n);
-  for (let a = r - 1; a >= 0; a--)
-    i(a) || (a === r - 1 ? (r--, Lt(n, r)) : Mn[t].add(a));
+  let a = _t(n);
+  for (let r = a - 1; r >= 0; r--)
+    i(r) || (r === a - 1 ? (a--, Lt(n, a)) : Mn[t].add(r));
 }
 function Tn() {
   if (!At) {
@@ -1355,8 +1355,8 @@ function Tn() {
         );
         if (!Tt(i, n).length)
           return !1;
-        const r = n.lastModified || -1;
-        return i.lastModifiedCached = i.lastModifiedCached ? Math.min(i.lastModifiedCached, r) : r, !0;
+        const a = n.lastModified || -1;
+        return i.lastModifiedCached = i.lastModifiedCached ? Math.min(i.lastModifiedCached, a) : a, !0;
       });
   }
 }
@@ -1382,20 +1382,20 @@ function oo(t, o) {
     if (!dt[l] || !(e = In(l)))
       return;
     const i = Mn[l];
-    let r;
+    let a;
     if (i.size)
-      i.delete(r = Array.from(i).shift());
-    else if (r = _t(e), r >= to || !Lt(e, r + 1))
+      i.delete(a = Array.from(i).shift());
+    else if (a = _t(e), a >= to || !Lt(e, a + 1))
       return;
-    const a = {
+    const r = {
       cached: Math.floor(Date.now() / En),
       provider: t.provider,
       data: o
     };
     return Rt(
       e,
-      Ve + r.toString(),
-      JSON.stringify(a)
+      Ve + a.toString(),
+      JSON.stringify(r)
     );
   }
   o.lastModified && !lo(t, o.lastModified) || Object.keys(o.icons).length && (o.not_found && (o = Object.assign({}, o), delete o.not_found), n("local") || n("session"));
@@ -1415,10 +1415,10 @@ function so(t, o) {
     let i;
     if (!e || !(i = St(n)))
       return;
-    i.prepare(n, l, e).forEach((a) => {
-      Zl(n, a, (f) => {
+    i.prepare(n, l, e).forEach((r) => {
+      Zl(n, r, (f) => {
         if (typeof f != "object")
-          a.icons.forEach((y) => {
+          r.icons.forEach((y) => {
             t.missing.add(y);
           });
         else
@@ -1457,16 +1457,16 @@ const ro = (t, o) => {
     };
   }
   const e = /* @__PURE__ */ Object.create(null), i = [];
-  let r, a;
+  let a, r;
   return l.pending.forEach((f) => {
     const { provider: y, prefix: C } = f;
-    if (C === a && y === r)
+    if (C === r && y === a)
       return;
-    r = y, a = C, i.push(Fe(y, C));
+    a = y, r = C, i.push(Fe(y, C));
     const v = e[y] || (e[y] = /* @__PURE__ */ Object.create(null));
     v[C] || (v[C] = []);
   }), l.pending.forEach((f) => {
-    const { provider: y, prefix: C, name: v } = f, m = Fe(y, C), u = m.pendingIcons || (m.pendingIcons = /* @__PURE__ */ new Set());
+    const { provider: y, prefix: C, name: v } = f, b = Fe(y, C), u = b.pendingIcons || (b.pendingIcons = /* @__PURE__ */ new Set());
     u.has(v) || (u.add(v), e[y][C].push(v));
   }), i.forEach((f) => {
     const { provider: y, prefix: C } = f;
@@ -1574,10 +1574,10 @@ function dn(t) {
   return t + (t.match(/^[-0-9.]+$/) ? "px" : "");
 }
 const fn = (t, o) => {
-  const n = ao(an, o), l = { ...bo }, e = o.mode || "svg", i = {}, r = o.style, a = typeof r == "object" && !(r instanceof Array) ? r : {};
+  const n = ao(an, o), l = { ...bo }, e = o.mode || "svg", i = {}, a = o.style, r = typeof a == "object" && !(a instanceof Array) ? a : {};
   for (let L in o) {
-    const b = o[L];
-    if (b !== void 0)
+    const m = o[L];
+    if (m !== void 0)
       switch (L) {
         case "icon":
         case "style":
@@ -1587,24 +1587,24 @@ const fn = (t, o) => {
         case "inline":
         case "hFlip":
         case "vFlip":
-          n[L] = b === !0 || b === "true" || b === 1;
+          n[L] = m === !0 || m === "true" || m === 1;
           break;
         case "flip":
-          typeof b == "string" && co(n, b);
+          typeof m == "string" && co(n, m);
           break;
         case "color":
-          i.color = b;
+          i.color = m;
           break;
         case "rotate":
-          typeof b == "string" ? n[L] = fo(b) : typeof b == "number" && (n[L] = b);
+          typeof m == "string" ? n[L] = fo(m) : typeof m == "number" && (n[L] = m);
           break;
         case "ariaHidden":
         case "aria-hidden":
-          b !== !0 && b !== "true" && delete l["aria-hidden"];
+          m !== !0 && m !== "true" && delete l["aria-hidden"];
           break;
         default: {
           const $ = ot[L];
-          $ ? (b === !0 || b === "true" || b === 1) && (n[$] = !0) : an[L] === void 0 && (l[L] = b);
+          $ ? (m === !0 || m === "true" || m === 1) && (n[$] = !0) : an[L] === void 0 && (l[L] = m);
         }
       }
   }
@@ -1612,15 +1612,15 @@ const fn = (t, o) => {
   if (n.inline && (i.verticalAlign = "-0.125em"), e === "svg") {
     l.style = {
       ...i,
-      ...a
+      ...r
     }, Object.assign(l, y);
-    let L = 0, b = o.id;
-    return typeof b == "string" && (b = b.replace(/-/g, "_")), l.innerHTML = $l(f.body, b ? () => b + "ID" + L++ : "iconifyVue"), kt("svg", l);
+    let L = 0, m = o.id;
+    return typeof m == "string" && (m = m.replace(/-/g, "_")), l.innerHTML = $l(f.body, m ? () => m + "ID" + L++ : "iconifyVue"), kt("svg", l);
   }
-  const { body: C, width: v, height: m } = t, u = e === "mask" || (e === "bg" ? !1 : C.indexOf("currentColor") !== -1), z = ho(C, {
+  const { body: C, width: v, height: b } = t, u = e === "mask" || (e === "bg" ? !1 : C.indexOf("currentColor") !== -1), z = ho(C, {
     ...y,
     width: v + "",
-    height: m + ""
+    height: b + ""
   });
   return l.style = {
     ...i,
@@ -1629,7 +1629,7 @@ const fn = (t, o) => {
     height: dn(y.height),
     ...go,
     ...u ? zt : Nn,
-    ...a
+    ...r
   }, kt("span", l);
 };
 xn(!0);
@@ -1743,28 +1743,28 @@ const yo = {
   },
   setup(t) {
     const o = t, n = Zn(o, "expandedrows"), l = A(!1);
-    function e(a) {
+    function e(r) {
       if (o.expandall)
         l.value = !l.value, n.value.forEach((f, y) => {
           n.value.set(y, l.value);
         });
       else {
-        const f = n.value.get(a);
-        n.value.set(a, !f);
+        const f = n.value.get(r);
+        n.value.set(r, !f);
       }
     }
-    const i = (a) => a._rowIndex !== void 0 ? a._rowIndex : a.id || 0, r = A(-1);
+    const i = (r) => r._rowIndex !== void 0 ? r._rowIndex : r.id || 0, a = A(-1);
     return Y(() => n.value, () => {
       if (!o.expandall) return;
-      const a = Array.from(n.value.values());
-      new Set(a).size > 1 ? (r.value = -1, l.value = !0) : a[0] ? (r.value = 0, l.value = !0) : (r.value = 1, l.value = !1);
-    }, { deep: !0 }), (a, f) => (c(), h("button", {
+      const r = Array.from(n.value.values());
+      new Set(r).size > 1 ? (a.value = -1, l.value = !0) : r[0] ? (a.value = 0, l.value = !0) : (a.value = 1, l.value = !1);
+    }, { deep: !0 }), (r, f) => (c(), h("button", {
       class: "expandbtn",
-      onClick: f[0] || (f[0] = (y) => e(i(a.item)))
+      onClick: f[0] || (f[0] = (y) => e(i(r.item)))
     }, [
-      n.value.get(i(a.item)) === !0 ? (c(), h(W, { key: 0 }, [
-        o.expandall ? (c(), h(W, { key: 0 }, [
-          r.value ? (c(), re(U(ge), {
+      n.value.get(i(r.item)) === !0 ? (c(), h(D, { key: 0 }, [
+        o.expandall ? (c(), h(D, { key: 0 }, [
+          a.value ? (c(), re(U(ge), {
             key: 0,
             icon: "fluent:chevron-down-up-16-filled"
           })) : (c(), re(U(ge), {
@@ -1775,12 +1775,12 @@ const yo = {
           key: 1,
           icon: "mdi:chevron-down"
         }))
-      ], 64)) : (c(), h(W, { key: 1 }, [
-        o.expandall ? (c(), h(W, { key: 0 }, [
-          r.value == -1 ? (c(), re(U(ge), {
+      ], 64)) : (c(), h(D, { key: 1 }, [
+        o.expandall ? (c(), h(D, { key: 0 }, [
+          a.value == -1 ? (c(), re(U(ge), {
             key: 0,
             icon: "ion:chevron-expand"
-          })) : r.value == 0 ? (c(), re(U(ge), {
+          })) : a.value == 0 ? (c(), re(U(ge), {
             key: 1,
             icon: "mdi:chevron-down"
           })) : (c(), re(U(ge), {
@@ -1812,7 +1812,7 @@ const yo = {
     function e() {
       l("rightPanelClick", n.item);
     }
-    return (i, r) => (c(), h("button", {
+    return (i, a) => (c(), h("button", {
       class: "rightpanelbtn",
       onClick: V(e, ["stop"])
     }, [
@@ -1830,10 +1830,10 @@ const yo = {
     dl(e, () => {
       l("close");
     });
-    const i = (r) => {
-      n.column.condition = r, r === "" && (n.column.value = ""), l("filterChange", n.column), l("close");
+    const i = (a) => {
+      n.column.condition = a, a === "" && (n.column.value = ""), l("filterChange", n.column), l("close");
     };
-    return (r, a) => (c(), h("div", {
+    return (a, r) => (c(), h("div", {
       ref_key: "menuRef",
       ref: e,
       class: "bh-filter-menu bh-absolute bh-z-[1] bh-bg-white dark:bh-bg-gray-800 bh-shadow-md bh-rounded-md bh-top-full bh-right-0 bh-w-32 bh-mt-1 bh-border bh-border-solid bh-border-gray-200 dark:bh-border-gray-600"
@@ -1842,101 +1842,101 @@ const yo = {
         k("button", {
           type: "button",
           class: I({ active: n.column.condition === "" }),
-          onClick: a[0] || (a[0] = V((f) => i(""), ["stop"]))
+          onClick: r[0] || (r[0] = V((f) => i(""), ["stop"]))
         }, B((n.columnFilterLang && n.columnFilterLang.NoFilter) ?? "No filter"), 3),
-        n.column.type === "string" ? (c(), h(W, { key: 0 }, [
+        n.column.type === "string" ? (c(), h(D, { key: 0 }, [
           k("button", {
             type: "button",
             class: I({ active: n.column.condition === "Contains" }),
-            onClick: a[1] || (a[1] = V((f) => i("Contains"), ["stop"]))
+            onClick: r[1] || (r[1] = V((f) => i("Contains"), ["stop"]))
           }, B((n.columnFilterLang && n.columnFilterLang.Contains) ?? "Contains"), 3),
           k("button", {
             type: "button",
             class: I({ active: n.column.condition === "NotContains" }),
-            onClick: a[2] || (a[2] = V((f) => i("NotContains"), ["stop"]))
+            onClick: r[2] || (r[2] = V((f) => i("NotContains"), ["stop"]))
           }, B((n.columnFilterLang && n.columnFilterLang.NotContains) ?? "NotContains"), 3),
           k("button", {
             type: "button",
             class: I({ active: n.column.condition === "Equal" }),
-            onClick: a[3] || (a[3] = V((f) => i("Equal"), ["stop"]))
+            onClick: r[3] || (r[3] = V((f) => i("Equal"), ["stop"]))
           }, B((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal (=)"), 3),
           k("button", {
             type: "button",
             class: I({ active: n.column.condition === "NotEqual" }),
-            onClick: a[4] || (a[4] = V((f) => i("NotEqual"), ["stop"]))
+            onClick: r[4] || (r[4] = V((f) => i("NotEqual"), ["stop"]))
           }, B((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "NotEqual (!=)"), 3),
           k("button", {
             type: "button",
             class: I({ active: n.column.condition === "StartsWith" }),
-            onClick: a[5] || (a[5] = V((f) => i("StartsWith"), ["stop"]))
+            onClick: r[5] || (r[5] = V((f) => i("StartsWith"), ["stop"]))
           }, B((n.columnFilterLang && n.columnFilterLang.StartsWith) ?? "StartsWith"), 3),
           k("button", {
             type: "button",
             class: I({ active: n.column.condition === "EndsWith" }),
-            onClick: a[6] || (a[6] = V((f) => i("EndsWith"), ["stop"]))
+            onClick: r[6] || (r[6] = V((f) => i("EndsWith"), ["stop"]))
           }, B((n.columnFilterLang && n.columnFilterLang.EndsWith) ?? "EndsWith"), 3)
-        ], 64)) : n.column.type === "number" ? (c(), h(W, { key: 1 }, [
+        ], 64)) : n.column.type === "number" ? (c(), h(D, { key: 1 }, [
           k("button", {
             type: "button",
             class: I({ active: n.column.condition === "Equal" }),
-            onClick: a[7] || (a[7] = V((f) => i("Equal"), ["stop"]))
+            onClick: r[7] || (r[7] = V((f) => i("Equal"), ["stop"]))
           }, B((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal (=)"), 3),
           k("button", {
             type: "button",
             class: I({ active: n.column.condition === "NotEqual" }),
-            onClick: a[8] || (a[8] = V((f) => i("NotEqual"), ["stop"]))
+            onClick: r[8] || (r[8] = V((f) => i("NotEqual"), ["stop"]))
           }, B((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "NotEqual (!=)"), 3),
           k("button", {
             type: "button",
             class: I({ active: n.column.condition === "GreaterThan" }),
-            onClick: a[9] || (a[9] = V((f) => i("GreaterThan"), ["stop"]))
+            onClick: r[9] || (r[9] = V((f) => i("GreaterThan"), ["stop"]))
           }, B((n.columnFilterLang && n.columnFilterLang.GreaterThan) ?? "GreaterThan (>)"), 3),
           k("button", {
             type: "button",
             class: I({ active: n.column.condition === "GreaterThanOrEqual" }),
-            onClick: a[10] || (a[10] = V((f) => i("GreaterThanOrEqual"), ["stop"]))
+            onClick: r[10] || (r[10] = V((f) => i("GreaterThanOrEqual"), ["stop"]))
           }, B((n.columnFilterLang && n.columnFilterLang.GreaterThanOrEqual) ?? "GreaterThanOrEqual (>=)"), 3),
           k("button", {
             type: "button",
             class: I({ active: n.column.condition === "LessThan" }),
-            onClick: a[11] || (a[11] = V((f) => i("LessThan"), ["stop"]))
+            onClick: r[11] || (r[11] = V((f) => i("LessThan"), ["stop"]))
           }, B((n.columnFilterLang && n.columnFilterLang.LessThan) ?? "LessThan (<)"), 3),
           k("button", {
             type: "button",
             class: I({ active: n.column.condition === "LessThanOrEqual" }),
-            onClick: a[12] || (a[12] = V((f) => i("LessThanOrEqual"), ["stop"]))
+            onClick: r[12] || (r[12] = V((f) => i("LessThanOrEqual"), ["stop"]))
           }, B((n.columnFilterLang && n.columnFilterLang.LessThanOrEqual) ?? "LessThanOrEqual (<=)"), 3)
-        ], 64)) : n.column.type === "date" ? (c(), h(W, { key: 2 }, [
+        ], 64)) : n.column.type === "date" ? (c(), h(D, { key: 2 }, [
           k("button", {
             type: "button",
             class: I({ active: n.column.condition === "Equal" }),
-            onClick: a[13] || (a[13] = V((f) => i("Equal"), ["stop"]))
+            onClick: r[13] || (r[13] = V((f) => i("Equal"), ["stop"]))
           }, B((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal (=)"), 3),
           k("button", {
             type: "button",
             class: I({ active: n.column.condition === "NotEqual" }),
-            onClick: a[14] || (a[14] = V((f) => i("NotEqual"), ["stop"]))
+            onClick: r[14] || (r[14] = V((f) => i("NotEqual"), ["stop"]))
           }, B((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "Not equal (!=)"), 3),
           k("button", {
             type: "button",
             class: I({ active: n.column.condition === "GreaterThan" }),
-            onClick: a[15] || (a[15] = V((f) => i("GreaterThan"), ["stop"]))
+            onClick: r[15] || (r[15] = V((f) => i("GreaterThan"), ["stop"]))
           }, B((n.columnFilterLang && n.columnFilterLang.GreaterThan) ?? "GreaterThan (>)"), 3),
           k("button", {
             type: "button",
             class: I({ active: n.column.condition === "LessThan" }),
-            onClick: a[16] || (a[16] = V((f) => i("LessThan"), ["stop"]))
+            onClick: r[16] || (r[16] = V((f) => i("LessThan"), ["stop"]))
           }, B((n.columnFilterLang && n.columnFilterLang.LessThan) ?? "LessThan (<)"), 3)
         ], 64)) : M("", !0),
         k("button", {
           type: "button",
           class: I({ active: n.column.condition === "IsNull" }),
-          onClick: a[17] || (a[17] = V((f) => i("IsNull"), ["stop"]))
+          onClick: r[17] || (r[17] = V((f) => i("IsNull"), ["stop"]))
         }, B((n.columnFilterLang && n.columnFilterLang.IsNull) ?? "IsNull"), 3),
         k("button", {
           type: "button",
           class: I({ active: n.column.condition === "IsNotNull" }),
-          onClick: a[18] || (a[18] = V((f) => i("IsNotNull"), ["stop"]))
+          onClick: r[18] || (r[18] = V((f) => i("IsNotNull"), ["stop"]))
         }, B((n.columnFilterLang && n.columnFilterLang.IsNotNull) ?? "IsNotNull"), 3)
       ])
     ], 512));
@@ -2004,36 +2004,37 @@ const yo = {
   ],
   emits: ["close", "filterChange", "sortChange", "clearFilter"],
   setup(t, { emit: o }) {
-    const n = t, l = o, e = A(null), i = A(null), r = A(n.column.condition || ""), a = A(!1), f = K(() => {
+    const n = t, l = o, e = A(null), i = A(null), a = A(n.column.condition || ""), r = A(!1), f = K(() => {
       var $;
-      const b = (($ = n.column.type) == null ? void 0 : $.toLowerCase()) || "string";
-      return rt[b] || rt.string;
-    }), y = (b) => {
-      if (!n.columnFilterLang) return b.label;
-      const $ = b.value === "" ? "NoFilter" : b.value;
-      return n.columnFilterLang[$] || b.label;
-    }, C = () => {
-      a.value = !1, n.column.condition = r.value, r.value === "" && (n.column.value = ""), l("filterChange", n.column);
-    }, v = (b) => n.currentSortColumn === n.column.field && n.currentSortDirection === b, m = (b) => {
-      l("sortChange", n.column.field, b), l("close");
+      const m = (($ = n.column.type) == null ? void 0 : $.toLowerCase()) || "string";
+      return rt[m] || rt.string;
+    }), y = (m) => {
+      if (!n.columnFilterLang) return m.label;
+      const $ = m.value === "" ? "NoFilter" : m.value;
+      return n.columnFilterLang[$] || m.label;
+    }, C = (m) => {
+      const q = m.target.value;
+      r.value = !1, a.value = q, n.column.condition = q, q === "" && (n.column.value = ""), l("filterChange", n.column);
+    }, v = (m) => n.currentSortColumn === n.column.field && n.currentSortDirection === m, b = (m) => {
+      l("sortChange", n.column.field, m), l("close");
     }, u = () => {
       var $;
-      const b = (($ = n.column.type) == null ? void 0 : $.toLowerCase()) || "string";
-      n.column.condition = b === "string" ? "Contains" : "Equal", n.column.value = "", r.value = n.column.condition, l("clearFilter", n.column), l("close");
-    }, z = (b) => {
-      const $ = b.target;
-      a.value || $.tagName === "SELECT" || $.tagName === "OPTION" || e.value && e.value.contains($) || $.closest(".bh-filter-button") || l("close");
-    }, L = (b) => {
-      b.key === "Escape" && l("close");
+      const m = (($ = n.column.type) == null ? void 0 : $.toLowerCase()) || "string";
+      n.column.condition = m === "string" ? "Contains" : "Equal", n.column.value = "", a.value = n.column.condition, l("clearFilter", n.column), l("close");
+    }, z = (m) => {
+      const $ = m.target;
+      r.value || $.tagName === "SELECT" || $.tagName === "OPTION" || e.value && e.value.contains($) || $.closest(".bh-filter-button") || l("close");
+    }, L = (m) => {
+      m.key === "Escape" && l("close");
     };
     return Le(() => {
       Se(() => {
-        var b;
-        (b = i.value) == null || b.focus(), document.addEventListener("click", z, !0), document.addEventListener("keydown", L);
+        var m;
+        (m = i.value) == null || m.focus(), document.addEventListener("click", z, !0), document.addEventListener("keydown", L);
       });
     }), mn(() => {
       document.removeEventListener("click", z, !0), document.removeEventListener("keydown", L);
-    }), (b, $) => (c(), h("div", {
+    }), (m, $) => (c(), h("div", {
       ref_key: "dropdownRef",
       ref: e,
       class: "bh-filter-dropdown-container bh-absolute bh-z-[100] bh-bg-white dark:bh-bg-gray-800 bh-shadow-lg bh-rounded bh-top-full bh-right-0 bh-mt-1 bh-border bh-border-solid bh-border-gray-300 dark:bh-border-gray-600"
@@ -2044,18 +2045,18 @@ const yo = {
           ie(k("select", {
             ref_key: "selectRef",
             ref: i,
-            "onUpdate:modelValue": $[0] || ($[0] = (D) => r.value = D),
+            "onUpdate:modelValue": $[0] || ($[0] = (q) => a.value = q),
             class: "bh-filter-select bh-w-full bh-px-2.5 bh-py-1.5 bh-text-sm bh-border bh-border-gray-300 dark:bh-border-gray-600 bh-rounded bh-bg-white dark:bh-bg-gray-700 hover:bh-border-primary focus:bh-border-primary focus:bh-ring-1 focus:bh-ring-primary bh-outline-none bh-cursor-pointer bh-transition-colors",
-            onFocus: $[1] || ($[1] = (D) => a.value = !0),
-            onBlur: $[2] || ($[2] = (D) => a.value = !1),
+            onFocus: $[1] || ($[1] = (q) => r.value = !0),
+            onBlur: $[2] || ($[2] = (q) => r.value = !1),
             onChange: C
           }, [
-            (c(!0), h(W, null, oe(f.value, (D) => (c(), h("option", {
-              key: D.value,
-              value: D.value
-            }, B(D.icon ? D.icon + " " : "") + B(y(D)), 9, Mo))), 128))
+            (c(!0), h(D, null, oe(f.value, (q) => (c(), h("option", {
+              key: q.value,
+              value: q.value
+            }, B(q.icon ? q.icon + " " : "") + B(y(q)), 9, Mo))), 128))
           ], 544), [
-            [it, r.value]
+            [it, a.value]
           ])
         ]),
         n.column.sort !== !1 ? (c(), h("div", Io, [
@@ -2067,7 +2068,7 @@ const yo = {
                 "bh-bg-primary/10 bh-text-primary": v("asc"),
                 "bh-bg-gray-50 dark:bh-bg-gray-700 hover:bh-bg-gray-100 dark:hover:bh-bg-gray-600": !v("asc")
               }]),
-              onClick: $[3] || ($[3] = (D) => m("asc"))
+              onClick: $[3] || ($[3] = (q) => b("asc"))
             }, " ↑ Sort Ascending ", 2),
             k("button", {
               type: "button",
@@ -2075,7 +2076,7 @@ const yo = {
                 "bh-bg-primary/10 bh-text-primary": v("desc"),
                 "bh-bg-gray-50 dark:bh-bg-gray-700 hover:bh-bg-gray-100 dark:hover:bh-bg-gray-600": !v("desc")
               }]),
-              onClick: $[4] || ($[4] = (D) => m("desc"))
+              onClick: $[4] || ($[4] = (q) => b("desc"))
             }, " ↓ Sort Descending ", 2)
           ])
         ])) : M("", !0),
@@ -2188,10 +2189,10 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
     "clearColumnFilter"
   ],
   setup(t, { emit: o }) {
-    const n = A(null), l = t, e = o, i = A({}), r = K(() => {
-      var m;
+    const n = A(null), l = t, e = o, i = A({}), a = K(() => {
+      var b;
       const v = /* @__PURE__ */ new Map();
-      return (m = l.all) != null && m.columns && l.all.columns.forEach((u) => {
+      return (b = l.all) != null && b.columns && l.all.columns.forEach((u) => {
         u.field && v.set(u.field, u);
       }), v;
     });
@@ -2205,11 +2206,11 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
       { immediate: !0, deep: !0 }
     ), Le(() => {
       var v;
-      (v = l.all) != null && v.columns && l.all.columns.forEach((m) => {
-        m.filter && m.field && (i.value[m.field] = m.value || "", cl(
-          () => i.value[m.field],
+      (v = l.all) != null && v.columns && l.all.columns.forEach((b) => {
+        b.filter && b.field && (i.value[b.field] = b.value || "", cl(
+          () => i.value[b.field],
           (u) => {
-            const z = r.value.get(m.field);
+            const z = a.value.get(b.field);
             z && (z.type === "string" || z.type === "String" ? z.value = typeof u == "string" ? u.trim() : u : z.value = u, e("filterChange"));
           },
           { debounce: 300 }
@@ -2220,15 +2221,15 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
     });
     const f = (v) => {
       if (!v.field) return !1;
-      const m = i.value[v.field];
-      return m !== "" && m !== null && m !== void 0;
+      const b = i.value[v.field];
+      return b !== "" && b !== null && b !== void 0;
     }, y = (v) => v.condition && v.condition !== "", C = (v) => {
       var L;
       if (!v.condition || v.condition === "") return "";
-      const m = ((L = v.type) == null ? void 0 : L.toLowerCase()) || "string", z = (rt[m] || rt.string).find((b) => b.value === v.condition);
+      const b = ((L = v.type) == null ? void 0 : L.toLowerCase()) || "string", z = (rt[b] || rt.string).find((m) => m.value === v.condition);
       return z ? l.columnFilterLang && l.columnFilterLang[v.condition] ? l.columnFilterLang[v.condition] : z.label : v.condition;
     };
-    return (v, m) => (c(), h("tr", Zo, [
+    return (v, b) => (c(), h("tr", Zo, [
       l.all.hasCheckbox ? (c(), h("th", {
         key: "chkall",
         style: G({
@@ -2246,7 +2247,7 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
             ref_key: "selectedAll",
             ref: n,
             type: "checkbox",
-            onClick: m[0] || (m[0] = V((u) => {
+            onClick: b[0] || (b[0] = V((u) => {
               var z;
               return e("selectAll", (z = u == null ? void 0 : u.target) == null ? void 0 : z.checked);
             }, ["stop"]))
@@ -2282,7 +2283,7 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
           expandall: l.all.expandall
         }, null, 8, ["expandedrows", "expandall"])) : M("", !0)
       ], 4)) : M("", !0),
-      (c(!0), h(W, null, oe(l.all.columns, (u, z) => (c(), h(W, null, [
+      (c(!0), h(D, null, oe(l.all.columns, (u, z) => (c(), h(D, null, [
         u.hide ? M("", !0) : (c(), h("th", {
           key: u.field,
           class: I(["bh-select-none bh-z-[1]", [
@@ -2323,9 +2324,9 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
               ]))
             ], 2)) : M("", !0)
           ], 10, ti),
-          l.all.columnFilter && !l.isFooter ? (c(), h(W, { key: 0 }, [
+          l.all.columnFilter && !l.isFooter ? (c(), h(D, { key: 0 }, [
             u.filter ? (c(), h("div", li, [
-              l.all.showFloatingFilterLabel ? M("", !0) : (c(), h(W, { key: 0 }, [
+              l.all.showFloatingFilterLabel ? M("", !0) : (c(), h(D, { key: 0 }, [
                 u.type === "string" || u.type === "String" ? ie((c(), h("input", {
                   key: 0,
                   "onUpdate:modelValue": (L) => i.value[u.field] = L,
@@ -2357,7 +2358,7 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
                   key: 3,
                   "onUpdate:modelValue": (L) => i.value[u.field] = L,
                   class: "bh-form-control",
-                  onClick: m[1] || (m[1] = //@ts-ignore
+                  onClick: b[1] || (b[1] = //@ts-ignore
                   (...L) => l.isOpenFilter && l.isOpenFilter(...L))
                 }, di, 8, ri)), [
                   [it, i.value[u.field]]
@@ -2407,7 +2408,7 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
                   key: 4,
                   "onUpdate:modelValue": (L) => i.value[u.field] = L,
                   class: "bh-form-control",
-                  onClick: m[2] || (m[2] = //@ts-ignore
+                  onClick: b[2] || (b[2] = //@ts-ignore
                   (...L) => l.isOpenFilter && l.isOpenFilter(...L))
                 }, wi, 8, mi)), [
                   [it, i.value[u.field]]
@@ -2419,7 +2420,7 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
                 class: I(["bh-filter-button", {
                   "!bh-bg-primary/10 !bh-border-primary": y(u),
                   "bh-bg-[#e0e6ed] dark:bh-bg-gray-700": !y(u),
-                  "bh-filter-button--with-label": u.condition && u.condition !== "" && l.all.useNewColumnFilter && l.all.showFloatingFilterLabel
+                  "bh-filter-button--with-label": l.all.showFloatingFilterLabel
                 }]),
                 onClick: V((L) => e("toggleFilterMenu", u), ["stop"])
               }, [
@@ -2435,8 +2436,8 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
                 column: u,
                 type: u.type,
                 columnFilterLang: l.columnFilterLang,
-                onClose: m[3] || (m[3] = (L) => e("toggleFilterMenu", null)),
-                onFilterChange: m[4] || (m[4] = (L) => e("filterChange"))
+                onClose: b[3] || (b[3] = (L) => e("toggleFilterMenu", null)),
+                onFilterChange: b[4] || (b[4] = (L) => e("filterChange"))
               }, null, 8, ["column", "type", "columnFilterLang"])), [
                 [Gt, l.isOpenFilter === u.field]
               ]),
@@ -2446,9 +2447,9 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
                 columnFilterLang: l.columnFilterLang,
                 currentSortColumn: l.currentSortColumn,
                 currentSortDirection: l.currentSortDirection,
-                onClose: m[5] || (m[5] = (L) => e("toggleFilterMenu", null)),
-                onFilterChange: m[6] || (m[6] = (L) => e("filterChange")),
-                onSortChange: m[7] || (m[7] = (L, b) => e("sortChange", L, b)),
+                onClose: b[5] || (b[5] = (L) => e("toggleFilterMenu", null)),
+                onFilterChange: b[6] || (b[6] = (L) => e("filterChange")),
+                onSortChange: b[7] || (b[7] = (L, m) => e("sortChange", L, m)),
                 onClearFilter: (L) => {
                   i.value[L.field] = "", L.value = "", l.currentSortColumn === L.field && e("sortChange", l.all.sortColumn || L.field, "asc"), e("filterChange");
                 }
@@ -2624,11 +2625,11 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
       const p = ((Ht = s.type) == null ? void 0 : Ht.toLowerCase()) || "string";
       s.type = p, 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 = !p || p === "string" ? "Contains" : "Equal";
     }
-    const i = A([]), r = A(e.page), a = A(
+    const i = A([]), a = A(e.page), r = A(
       e.pagination ? e.pageSize : (Vt = e.rows) == null ? void 0 : Vt.length
-    ), f = e.pageSize, y = A(e.sortColumn), C = e.sortColumn, v = A(e.sortDirection), m = e.sortDirection, u = A(e.totalRows), z = A([]), L = A(null), b = A(e.loading), $ = A(e.search);
+    ), f = e.pageSize, y = A(e.sortColumn), C = e.sortColumn, v = A(e.sortDirection), b = e.sortDirection, u = A(e.totalRows), z = A([]), L = A(null), m = A(e.loading), $ = A(e.search);
     JSON.parse(JSON.stringify(e.columns));
-    const D = A(null), ee = A(null);
+    const q = A(null), ee = A(null);
     let J = A(0);
     const we = A(230), R = A(e.leftmenuDefaultWidth), H = A(!1), ce = A(null), se = /* @__PURE__ */ new Map(), O = (s, p) => {
       if (!p) return;
@@ -2762,15 +2763,15 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
       s !== void 0 && (H.value = s, R.value = H.value ? e.leftmenuMinWidth : e.leftmenuDefaultWidth, ke());
     }, { immediate: !0 });
     const Qe = (s, ...p) => s.replace(/{(\d+)}/g, (g, N) => typeof p[N] < "u" ? p[N] : g), d = K(() => {
-      const s = a.value < 1 ? 1 : Math.ceil(u.value / a.value);
+      const s = r.value < 1 ? 1 : Math.ceil(u.value / r.value);
       return Math.max(s || 0, 1);
-    }), x = K(() => (r.value - 1) * a.value + 1), _ = K(() => {
-      const s = r.value * a.value;
+    }), x = K(() => (a.value - 1) * r.value + 1), _ = K(() => {
+      const s = a.value * r.value;
       return u.value >= s ? s : u.value;
     }), S = K(() => {
       let s, p;
       return typeof e.showNumbersCount < "u" && e.showNumbersCount < d.value ? (s = Math.max(
-        r.value - Math.floor(e.showNumbersCount / 2),
+        a.value - Math.floor(e.showNumbersCount / 2),
         1
       ), p = s + e.showNumbersCount - 1, p > d.value && (p = d.value, s = p - e.showNumbersCount + 1)) : (s = 1, p = d.value), Array.from(Array(p + 1 - s).keys()).map(
         (E) => s + E
@@ -2779,37 +2780,37 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
     Y(
       () => e.loading,
       () => {
-        b.value = e.loading;
+        m.value = e.loading;
       }
     );
     const F = (s) => {
-      s ? D.value === s.field ? D.value = null : D.value = s.field : D.value = null;
+      s ? q.value === s.field ? q.value = null : q.value = s.field : q.value = null;
     }, T = () => {
-      if (r.value == 1)
+      if (a.value == 1)
         return !1;
-      r.value--;
-    }, q = (s) => {
-      r.value = s;
+      a.value--;
+    }, W = (s) => {
+      a.value = s;
     }, Z = () => {
-      if (r.value >= d.value)
+      if (a.value >= d.value)
         return !1;
-      r.value++;
+      a.value++;
     };
-    Y(() => r.value, () => {
-      de(!1), e.isServerMode ? Me("page") : (pe(), j("pageChange", r.value));
+    Y(() => a.value, () => {
+      de(!1), e.isServerMode ? Me("page") : (pe(), j("pageChange", a.value));
     }), Y(() => e.rows, () => {
-      e.isServerMode || (r.value = 1), de(!1), pe();
+      e.isServerMode || (a.value = 1), de(!1), pe();
     });
     const pt = (s) => {
-      a.value = s;
+      r.value = s;
     };
-    Y(() => a.value, () => {
-      de(!1), e.isServerMode ? r.value === 1 ? Me("pagesize", !0) : r.value = 1 : (r.value = 1, pe(), j("pageSizeChange", a.value));
+    Y(() => r.value, () => {
+      de(!1), e.isServerMode ? a.value === 1 ? Me("pagesize", !0) : a.value = 1 : (a.value = 1, pe(), j("pageSizeChange", r.value));
     });
     const Ke = (s, p) => {
       let g = p || "asc";
       p || s == y.value && v.value === "asc" && (g = "desc");
-      let N = (r.value - 1) * a.value, E = a.value;
+      let N = (a.value - 1) * r.value, E = r.value;
       y.value = s, v.value = g, de(!1), pe(), e.isServerMode ? Me("sort") : j("sortChange", { offset: N, limit: E, field: s, direction: g });
     }, qt = (s) => {
       L.value = s.length && i.value.length && s.length === i.value.length;
@@ -2829,11 +2830,11 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
         }
       ) : z.value = [];
     }, Oe = () => {
-      de(!1), e.isServerMode ? r.value === 1 ? Me("filter", !0) : r.value = 1 : (r.value = 1, pe(), j("filterChange", e.columns));
+      de(!1), e.isServerMode ? a.value === 1 ? Me("filter", !0) : a.value = 1 : (a.value = 1, pe(), j("filterChange", e.columns));
     }, Wt = (s) => {
       Oe();
     }, $n = () => {
-      de(!1), e.isServerMode ? r.value === 1 ? Me("search", !0) : r.value = 1 : (r.value = 1, pe(), j("searchChange", $.value));
+      de(!1), e.isServerMode ? a.value === 1 ? Me("search", !0) : a.value = 1 : (a.value = 1, pe(), j("searchChange", $.value));
     };
     Y(
       () => e.search,
@@ -2858,9 +2859,9 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
       if (e.isServerMode) {
         On();
         const g = {
-          current_page: p ? 1 : r.value,
-          pagesize: a.value,
-          offset: (r.value - 1) * a.value,
+          current_page: p ? 1 : a.value,
+          pagesize: r.value,
+          offset: (a.value - 1) * r.value,
           sort_column: y.value,
           sort_direction: v.value,
           search: $.value,
@@ -2878,7 +2879,7 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
       de(!1);
       for (let s = 0; s < e.columns.length; s++)
         e.columns[s].value = "";
-      $.value = "", a.value = f, y.value = C, v.value = m, e.isServerMode ? r.value === 1 ? Me("reset", !0) : r.value = 1 : (r.value = 1, pe());
+      $.value = "", r.value = f, y.value = C, v.value = b, e.isServerMode ? a.value === 1 ? Me("reset", !0) : a.value = 1 : (a.value = 1, pe());
     }, An = () => i.value.filter((p, g) => {
       var E;
       const N = le.value ? ((E = ve.value) == null ? void 0 : E.get(g)) ?? g : g;
@@ -3009,7 +3010,7 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
                             Pi
                           ]),
                           k("div", {
-                            class: I(["bh-table-responsive", { "bh-min-h-[100px]": b.value }]),
+                            class: I(["bh-table-responsive", { "bh-min-h-[100px]": m.value }]),
                             style: G({
                               overflow: "auto",
                               height: e.stickyHeader ? Number(e.height.replace("px", "")) - (e.footerOffset + (U(Bn) || 0)) + "px" : "auto"
@@ -3028,7 +3029,7 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
                                   expandedrows: ae.value,
                                   currentSortColumn: y.value,
                                   currentSortDirection: v.value,
-                                  isOpenFilter: D.value,
+                                  isOpenFilter: q.value,
                                   checkAll: L.value,
                                   columnFilterLang: e.columnFilterLang,
                                   onSelectAll: de,
@@ -3039,7 +3040,7 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
                                 }, null, 8, ["expandedrows", "currentSortColumn", "currentSortDirection", "isOpenFilter", "checkAll", "columnFilterLang"])
                               ], 2),
                               k("tbody", null, [
-                                (c(!0), h(W, null, oe(i.value, (g, N) => (c(), h(W, {
+                                (c(!0), h(D, null, oe(i.value, (g, N) => (c(), h(D, {
                                   key: ze(N)
                                 }, [
                                   u.value ? (c(), h("tr", {
@@ -3096,7 +3097,7 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
                                         expandedrows: ae.value
                                       }, null, 8, ["item", "expandedrows"])
                                     ], 6)) : M("", !0),
-                                    (c(!0), h(W, null, oe(e.columns, (E, X) => (c(), h(W, null, [
+                                    (c(!0), h(D, null, oe(e.columns, (E, X) => (c(), h(D, null, [
                                       E.hide ? M("", !0) : (c(), h("td", {
                                         key: E.field,
                                         class: I([
@@ -3112,7 +3113,7 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
                                         }) : E.cellRenderer ? (c(), h("div", {
                                           key: 1,
                                           innerHTML: E.cellRenderer(g)
-                                        }, null, 8, Oi)) : (c(), h(W, { key: 2 }, [
+                                        }, null, 8, Oi)) : (c(), h(D, { key: 2 }, [
                                           We(B(O(g, E.field)), 1)
                                         ], 64))
                                       ], 2))
@@ -3137,7 +3138,7 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
                                     ], 8, Ai)
                                   ], 10, Ri)) : M("", !0)
                                 ], 64))), 128)),
-                                !u.value && b.value && s.skeletonloader ? (c(!0), h(W, { key: 0 }, oe(e.pageSize, (g) => (c(), h("tr", {
+                                !u.value && m.value && s.skeletonloader ? (c(!0), h(D, { key: 0 }, oe(e.pageSize, (g) => (c(), h("tr", {
                                   key: g,
                                   class: "!bh-bg-white bh-h-11 !bh-border-transparent"
                                 }, [
@@ -3146,7 +3147,7 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
                                     class: "!bh-p-0 !bh-border-transparent"
                                   }, Di, 8, qi)
                                 ]))), 128)) : M("", !0),
-                                u.value ? (c(!0), h(W, { key: 1 }, oe(e.footerRows, (g, N) => (c(), h("tr", {
+                                u.value ? (c(!0), h(D, { key: 1 }, oe(e.footerRows, (g, N) => (c(), h("tr", {
                                   key: g[le.value] ? g[le.value] : N,
                                   class: "sticky-table-footer"
                                 }, [
@@ -3154,7 +3155,7 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
                                     key: 0,
                                     colspan: U(fe)
                                   }, null, 8, Bi)) : M("", !0),
-                                  (c(!0), h(W, null, oe(e.columns, (E, X) => (c(), h(W, null, [
+                                  (c(!0), h(D, null, oe(e.columns, (E, X) => (c(), h(D, null, [
                                     E.hide ? M("", !0) : (c(), h("td", {
                                       key: E.field,
                                       class: I([
@@ -3164,7 +3165,7 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
                                         E.cellClass ? E.cellClass : ""
                                       ])
                                     }, [
-                                      g.cells.find((be) => be.field == E.field) ? (c(), h(W, { key: 0 }, [
+                                      g.cells.find((be) => be.field == E.field) ? (c(), h(D, { key: 0 }, [
                                         We(B(g.cells.find((be) => be.field == E.field).text), 1)
                                       ], 64)) : M("", !0)
                                     ], 2))
@@ -3181,7 +3182,7 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
                                   all: e,
                                   currentSortColumn: y.value,
                                   currentSortDirection: v.value,
-                                  isOpenFilter: D.value,
+                                  isOpenFilter: q.value,
                                   isFooter: !0,
                                   checkAll: L.value,
                                   onSelectAll: de,
@@ -3191,7 +3192,7 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
                                 }, null, 8, ["currentSortColumn", "currentSortDirection", "isOpenFilter", "checkAll"])
                               ], 2)) : M("", !0)
                             ], 2),
-                            b.value && s.enableloadinganimation ? (c(), h("div", {
+                            m.value && s.enableloadinganimation ? (c(), h("div", {
                               key: 0,
                               class: "bh-absolute bh-inset-0 bh-bg-blue-light/50 bh-grid bh-place-content-center dt-center-loading",
                               style: G({
@@ -3200,7 +3201,7 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
                             }, [
                               te(s.$slots, "loadercontent")
                             ], 4)) : M("", !0),
-                            !u.value && !b.value ? (c(), h("div", {
+                            !u.value && !m.value ? (c(), h("div", {
                               key: 1,
                               class: "nodatacontent",
                               style: G({
@@ -3234,7 +3235,7 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
                     ], 4)) : M("", !0),
                     te(s.$slots, "tableactionheader"),
                     k("div", {
-                      class: I(["bh-table-responsive", { "bh-min-h-[100px]": b.value }]),
+                      class: I(["bh-table-responsive", { "bh-min-h-[100px]": m.value }]),
                       style: G({
                         overflow: "auto",
                         height: e.stickyHeader ? Number(e.height.replace("px", "")) - e.footerOffset + "px" : "auto"
@@ -3251,7 +3252,7 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
                             expandedrows: ae.value,
                             currentSortColumn: y.value,
                             currentSortDirection: v.value,
-                            isOpenFilter: D.value,
+                            isOpenFilter: q.value,
                             checkAll: L.value,
                             columnFilterLang: e.columnFilterLang,
                             onSelectAll: de,
@@ -3262,7 +3263,7 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
                           }, null, 8, ["expandedrows", "currentSortColumn", "currentSortDirection", "isOpenFilter", "checkAll", "columnFilterLang"])
                         ], 2),
                         k("tbody", null, [
-                          (c(!0), h(W, null, oe(i.value, (g, N) => (c(), h(W, {
+                          (c(!0), h(D, null, oe(i.value, (g, N) => (c(), h(D, {
                             key: ze(N)
                           }, [
                             u.value ? (c(), h("tr", {
@@ -3313,7 +3314,7 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
                                   expandedrows: ae.value
                                 }, null, 8, ["item", "expandedrows"])
                               ], 6)) : M("", !0),
-                              (c(!0), h(W, null, oe(e.columns, (E, X) => (c(), h(W, null, [
+                              (c(!0), h(D, null, oe(e.columns, (E, X) => (c(), h(D, null, [
                                 E.hide ? M("", !0) : (c(), h("td", {
                                   key: E.field,
                                   class: I([
@@ -3329,7 +3330,7 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
                                   }) : E.cellRenderer ? (c(), h("div", {
                                     key: 1,
                                     innerHTML: E.cellRenderer(g)
-                                  }, null, 8, Gi)) : (c(), h(W, { key: 2 }, [
+                                  }, null, 8, Gi)) : (c(), h(D, { key: 2 }, [
                                     We(B(O(g, E.field)), 1)
                                   ], 64))
                                 ], 2))
@@ -3365,7 +3366,7 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
                               ], 8, Ki)
                             ], 10, Qi)) : M("", !0)
                           ], 64))), 128)),
-                          !u.value && b.value && s.skeletonloader ? (c(!0), h(W, { key: 0 }, oe(e.pageSize, (g) => (c(), h("tr", {
+                          !u.value && m.value && s.skeletonloader ? (c(!0), h(D, { key: 0 }, oe(e.pageSize, (g) => (c(), h("tr", {
                             key: g,
                             class: "!bh-bg-white bh-h-11 !bh-border-transparent"
                           }, [
@@ -3374,7 +3375,7 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
                               class: "!bh-p-0 !bh-border-transparent"
                             }, Xi, 8, Ji)
                           ]))), 128)) : M("", !0),
-                          u.value ? (c(!0), h(W, { key: 1 }, oe(e.footerRows, (g, N) => (c(), h("tr", {
+                          u.value ? (c(!0), h(D, { key: 1 }, oe(e.footerRows, (g, N) => (c(), h("tr", {
                             key: g[le.value] ? g[le.value] : N,
                             class: "sticky-table-footer"
                           }, [
@@ -3382,7 +3383,7 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
                               key: 0,
                               colspan: U(fe)
                             }, null, 8, Zi)) : M("", !0),
-                            (c(!0), h(W, null, oe(e.columns, (E, X) => (c(), h(W, null, [
+                            (c(!0), h(D, null, oe(e.columns, (E, X) => (c(), h(D, null, [
                               E.hide ? M("", !0) : (c(), h("td", {
                                 key: E.field,
                                 class: I([
@@ -3392,7 +3393,7 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
                                   E.cellClass ? E.cellClass : ""
                                 ])
                               }, [
-                                g.cells.find((be) => be.field == E.field) ? (c(), h(W, { key: 0 }, [
+                                g.cells.find((be) => be.field == E.field) ? (c(), h(D, { key: 0 }, [
                                   We(B(g.cells.find((be) => be.field == E.field).text), 1)
                                 ], 64)) : M("", !0)
                               ], 2))
@@ -3407,7 +3408,7 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
                             all: e,
                             currentSortColumn: y.value,
                             currentSortDirection: v.value,
-                            isOpenFilter: D.value,
+                            isOpenFilter: q.value,
                             isFooter: !0,
                             checkAll: L.value,
                             onSelectAll: de,
@@ -3417,14 +3418,14 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
                           }, null, 8, ["currentSortColumn", "currentSortDirection", "isOpenFilter", "checkAll"])
                         ], 2)) : M("", !0)
                       ], 2),
-                      b.value && s.enableloadinganimation ? (c(), h("div", {
+                      m.value && s.enableloadinganimation ? (c(), h("div", {
                         key: 0,
                         class: "bh-absolute bh-inset-0 bh-bg-blue-light/50 bh-grid bh-place-content-center dt-center-loading",
                         style: G({ height: Number(e.height.replace("px", "")) - 175 + "px" })
                       }, [
                         te(s.$slots, "loadercontent")
                       ], 4)) : M("", !0),
-                      !u.value && !b.value ? (c(), h("div", {
+                      !u.value && !m.value ? (c(), h("div", {
                         key: 1,
                         class: "nodatacontent",
                         style: G({ height: Number(e.height.replace("px", "")) - 175 + "px" })
@@ -3445,7 +3446,7 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
       }, 8, ["style"]),
       e.pagination && (u.value || e.alwaysShowPagination) ? (c(), h("div", {
         key: 0,
-        class: I(["bh-pagination", { "bh-pointer-events-none": b.value, "sticky-footer": e.stickyFooter }])
+        class: I(["bh-pagination", { "bh-pointer-events-none": m.value, "sticky-footer": e.stickyFooter }])
       }, [
         k("div", es, [
           s.enablefooterpagination ? te(s.$slots, "footerpageinfo", {
@@ -3456,7 +3457,7 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
             limit: _.value,
             showPageSize: s.showPageSize,
             pageSizeOptions: s.pageSizeOptions,
-            currentPageSize: a.value,
+            currentPageSize: r.value,
             stringFormat: Qe,
             setPageSize: pt
           }, () => [
@@ -3464,24 +3465,24 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
               k("span", ns, B(Qe(e.paginationInfo, u.value ? x.value : 0, _.value, u.value)), 1),
               e.showPageSize ? ie((c(), h("select", {
                 key: 0,
-                "onUpdate:modelValue": p[6] || (p[6] = (g) => a.value = g),
+                "onUpdate:modelValue": p[6] || (p[6] = (g) => r.value = g),
                 class: "bh-pagesize"
               }, [
-                (c(!0), h(W, null, oe(e.pageSizeOptions, (g) => (c(), h("option", {
+                (c(!0), h(D, null, oe(e.pageSizeOptions, (g) => (c(), h("option", {
                   value: g,
                   key: g
                 }, B(g), 9, ls))), 128))
               ], 512)), [
-                [it, a.value]
+                [it, r.value]
               ]) : M("", !0)
             ])
           ]) : M("", !0),
           s.enablefooterpagination ? te(s.$slots, "footerpagination", {
             key: 1,
-            currentPage: r.value,
+            currentPage: a.value,
             maxPage: d.value,
             paging: S.value,
-            movePage: q,
+            movePage: W,
             nextPage: Z,
             previousPage: T
           }, () => [
@@ -3489,8 +3490,8 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
               e.showFirstPage ? (c(), h("button", {
                 key: 0,
                 type: "button",
-                class: I(["bh-page-item first-page", { disabled: r.value <= 1 }]),
-                onClick: p[7] || (p[7] = (g) => r.value = 1)
+                class: I(["bh-page-item first-page", { disabled: a.value <= 1 }]),
+                onClick: p[7] || (p[7] = (g) => a.value = 1)
               }, [
                 e.firstArrow ? (c(), h("span", {
                   key: 0,
@@ -3499,7 +3500,7 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
               ], 2)) : M("", !0),
               k("button", {
                 type: "button",
-                class: I(["bh-page-item previous-page", { disabled: r.value <= 1 }]),
+                class: I(["bh-page-item previous-page", { disabled: a.value <= 1 }]),
                 onClick: T
               }, [
                 e.previousArrow ? (c(), h("span", {
@@ -3507,15 +3508,15 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
                   innerHTML: e.previousArrow
                 }, null, 8, us)) : (c(), h("svg", cs, fs))
               ], 2),
-              e.showNumbers ? (c(!0), h(W, { key: 1 }, oe(S.value, (g) => (c(), h("button", {
+              e.showNumbers ? (c(!0), h(D, { key: 1 }, oe(S.value, (g) => (c(), h("button", {
                 key: g,
                 type: "button",
-                class: I(["bh-page-item", { disabled: r.value === g, "bh-active": g === r.value }]),
-                onClick: (N) => q(g)
+                class: I(["bh-page-item", { disabled: a.value === g, "bh-active": g === a.value }]),
+                onClick: (N) => W(g)
               }, B(g), 11, hs))), 128)) : M("", !0),
               k("button", {
                 type: "button",
-                class: I(["bh-page-item next-page", { disabled: r.value >= d.value }]),
+                class: I(["bh-page-item next-page", { disabled: a.value >= d.value }]),
                 onClick: Z
               }, [
                 e.nextArrow ? (c(), h("span", {
@@ -3526,8 +3527,8 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
               e.showLastPage ? (c(), h("button", {
                 key: 2,
                 type: "button",
-                class: I(["bh-page-item last-page", { disabled: r.value >= d.value }]),
-                onClick: p[8] || (p[8] = (g) => r.value = d.value)
+                class: I(["bh-page-item last-page", { disabled: a.value >= d.value }]),
+                onClick: p[8] || (p[8] = (g) => a.value = d.value)
               }, [
                 e.lastArrow ? (c(), h("span", {
                   key: 0,