@dolusoft/vue3-datatable 1.4.6 → 1.4.7

package/dist/vue3-datatable.js

@@ -1,6 +1,6 @@
-import { onMounted as we, nextTick as En, getCurrentScope as In, onScopeDispose as Tn, unref as D, getCurrentInstance as Kt, computed as Q, ref as A, watch as G, defineComponent as ue, useCssVars as $n, shallowRef as oe, onUnmounted as Ge, openBlock as m, createElementBlock as b, Fragment as B, withDirectives as ne, createElementVNode as v, normalizeClass as C, normalizeStyle as K, withModifiers as re, setBlockTracking as Mt, vShow as Qe, createCommentVNode as F, mergeProps as On, renderSlot as ee, renderList as te, createVNode as W, reactive as Rn, watchEffect as An, h as Ke, toRef as Nn, createBlock as X, onBeforeUnmount as Dn, toDisplayString as R, createTextVNode as Xe, vModelText as He, vModelSelect as Xt, useSlots as Bn, withCtx as Z, vModelCheckbox as qn } from "vue";
+import { onMounted as we, nextTick as En, getCurrentScope as Tn, onScopeDispose as In, unref as D, getCurrentInstance as Kt, computed as Q, ref as A, watch as G, defineComponent as ue, useCssVars as $n, shallowRef as oe, onUnmounted as Ge, openBlock as m, createElementBlock as b, Fragment as B, withDirectives as ne, createElementVNode as v, normalizeClass as C, normalizeStyle as K, withModifiers as re, setBlockTracking as Mt, vShow as Qe, createCommentVNode as F, mergeProps as On, renderSlot as X, renderList as te, createVNode as W, reactive as Rn, watchEffect as An, h as Ke, toRef as Nn, createBlock as Y, onBeforeUnmount as Dn, toDisplayString as R, createTextVNode as Xe, vModelText as He, vModelSelect as Xt, useSlots as Bn, withCtx as ee, vModelCheckbox as qn } from "vue";
 function Hn(e) {
-  return In() ? (Tn(e), !0) : !1;
+  return Tn() ? (In(e), !0) : !1;
 }
 function jn(e) {
   return typeof e == "function" ? e() : D(e);
@@ -164,19 +164,19 @@ function en(e, o, n) {
     throw new TypeError(wo);
   o = ge(o) || 0, Ee(n) && (d = !!n.leading, p = "maxWait" in n, s = p ? So(ge(n.maxWait) || 0, o) : s, k = "trailing" in n ? !!n.trailing : k);
   function z(x) {
-    var y = i, I = t;
-    return i = t = void 0, c = x, l = e.apply(I, y), l;
+    var y = i, T = t;
+    return i = t = void 0, c = x, l = e.apply(T, y), l;
   }
   function _(x) {
     return c = x, r = setTimeout($, o), d ? z(x) : l;
   }
   function M(x) {
-    var y = x - u, I = x - c, L = o - y;
-    return p ? ko(L, s - I) : L;
+    var y = x - u, T = x - c, L = o - y;
+    return p ? ko(L, s - T) : L;
   }
   function w(x) {
-    var y = x - u, I = x - c;
-    return u === void 0 || y >= o || y < 0 || p && I >= s;
+    var y = x - u, T = x - c;
+    return u === void 0 || y >= o || y < 0 || p && T >= s;
   }
   function $() {
     var x = je();
@@ -216,18 +216,18 @@ function tn(e, o, n) {
     trailing: t
   });
 }
-var zo = Object.defineProperty, _o = Object.defineProperties, Po = Object.getOwnPropertyDescriptors, Et = Object.getOwnPropertySymbols, Mo = Object.prototype.hasOwnProperty, Lo = Object.prototype.propertyIsEnumerable, It = (e, o, n) => o in e ? zo(e, o, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[o] = n, Ie = (e, o) => {
+var zo = Object.defineProperty, _o = Object.defineProperties, Po = Object.getOwnPropertyDescriptors, Et = Object.getOwnPropertySymbols, Mo = Object.prototype.hasOwnProperty, Lo = Object.prototype.propertyIsEnumerable, Tt = (e, o, n) => o in e ? zo(e, o, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[o] = n, Te = (e, o) => {
   for (var n in o || (o = {}))
-    Mo.call(o, n) && It(e, n, o[n]);
+    Mo.call(o, n) && Tt(e, n, o[n]);
   if (Et)
     for (var n of Et(o))
-      Lo.call(o, n) && It(e, n, o[n]);
+      Lo.call(o, n) && Tt(e, n, o[n]);
   return e;
 }, nn = (e, o) => _o(e, Po(o));
 const Fo = ["onPointerdown"], Eo = {
   name: "ScrollbarThumb"
 };
-function Io(e, { expose: o }) {
+function To(e, { expose: o }) {
   const n = e;
   $n((y) => ({
     "1fb98f78": D(i)
@@ -249,7 +249,7 @@ function Io(e, { expose: o }) {
   Ge(c);
   const d = tn((y) => {
     y.stopPropagation(), y.preventDefault();
-    const I = n.type === "horizontal" ? "pageX" : "pageY", L = (y[I] - l[I]) / n.scrollInfo.wrapperMainSize * n.scrollInfo.contentMainSize;
+    const T = n.type === "horizontal" ? "pageX" : "pageY", L = (y[T] - l[T]) / n.scrollInfo.wrapperMainSize * n.scrollInfo.contentMainSize;
     n.wrapperEl.scrollTo({ [n.type === "horizontal" ? "left" : "top"]: l.scrollPos + L, behavior: "auto" });
   }, 16), p = () => {
     u(), s.value.removeEventListener("pointermove", d), s.value.removeEventListener("pointerup", p), s.value.removeEventListener("pointercancel", p), s.value.removeEventListener("mousewheel", p), document.removeEventListener("mousewheel", p), typeof r == "number" && s.value.releasePointerCapture(r), r = null;
@@ -269,7 +269,7 @@ function Io(e, { expose: o }) {
     if (!n.fixedThumb || !n.wrapperEl)
       return x();
     x(), U = new IntersectionObserver(q, { threshold: [0, 0.5] }), U.observe(n.wrapperEl), $ = new IntersectionObserver(P), $.observe(w.value);
-  }), Ge(x), (y, I) => (m(), b(B, null, [
+  }), Ge(x), (y, T) => (m(), b(B, null, [
     ne(v("div", {
       class: C([
         "scrollbar__thumbPlaceholder",
@@ -290,9 +290,9 @@ function Io(e, { expose: o }) {
       },
       onPointerdown: re(k, ["stop"])
     }, [
-      I[0] || (Mt(-1), I[0] = v("div", {
+      T[0] || (Mt(-1), T[0] = v("div", {
         class: C(["scrollbar__thumb", `scrollbar__thumb--${e.type}`])
-      }, null, 2), Mt(1), I[0])
+      }, null, 2), Mt(1), T[0])
     ], 46, Fo), [
       [Qe, !!e.scrollInfo.thumbSize && (e.fixedThumb ? _.value : !0)]
     ]),
@@ -307,7 +307,7 @@ function Io(e, { expose: o }) {
     ]) : F("", !0)
   ], 64));
 }
-const To = /* @__PURE__ */ ue(nn(Ie({}, Eo), {
+const Io = /* @__PURE__ */ ue(nn(Te({}, Eo), {
   props: {
     type: null,
     autoExpand: null,
@@ -318,16 +318,16 @@ const To = /* @__PURE__ */ ue(nn(Ie({}, Eo), {
     thumbWidth: null,
     wrapperEl: null
   },
-  setup: Io
+  setup: To
 })), $o = {
   wait: 333,
   type: "debounce"
 };
-function Tt(...e) {
+function It(...e) {
   const o = "value" in (e == null ? void 0 : e[0]);
   let n;
   o ? n = e == null ? void 0 : e[1] : n = e == null ? void 0 : e[0];
-  const { wait: i, type: t, callback: s } = Ie(Ie({}, $o), n), l = o ? e[0] : oe(null), r = Rn({ left: 0, top: 0, right: 0, bottom: 0, width: 0, height: 0, x: 0, y: 0 }), u = () => {
+  const { wait: i, type: t, callback: s } = Te(Te({}, $o), n), l = o ? e[0] : oe(null), r = Rn({ left: 0, top: 0, right: 0, bottom: 0, width: 0, height: 0, x: 0, y: 0 }), u = () => {
     const k = l.value.getBoundingClientRect();
     r.left = k.left, r.top = k.top, r.right = k.right, r.bottom = k.bottom, r.width = k.width, r.height = k.height, r.x = k.x, r.y = k.y, s == null || s();
   };
@@ -356,11 +356,11 @@ function Ro(e, { expose: o, emit: n }) {
     const q = Array.from((P = l.value.parentElement) == null ? void 0 : P.childNodes);
     for (const x in t)
       t[x].el = q.find((y) => {
-        var I;
-        return (I = y == null ? void 0 : y.classList) == null ? void 0 : I.contains(`scrollbar__thumbPlaceholder--${x}`);
+        var T;
+        return (T = y == null ? void 0 : y.classList) == null ? void 0 : T.contains(`scrollbar__thumbPlaceholder--${x}`);
       });
   });
-  const u = Tt(l, { wait: i.throttleWait, type: i.throttleType, callback: k }), c = Tt(r, { wait: i.throttleWait, type: i.throttleType, callback: k });
+  const u = It(l, { wait: i.throttleWait, type: i.throttleType, callback: k }), c = It(r, { wait: i.throttleWait, type: i.throttleType, callback: k });
   let d = oe(0), p = oe(0);
   function k() {
     d.value = Math.max(l.value.scrollHeight - u.height | 0, 0), p.value = Math.max(l.value.scrollWidth - u.width | 0, 0);
@@ -382,8 +382,8 @@ function Ro(e, { expose: o, emit: n }) {
   G(() => [p.value, d.value], $);
   const U = (P) => {
     P.stopPropagation();
-    const q = l.value.scrollLeft, x = l.value.scrollTop, y = ze(q + ((P == null ? void 0 : P.deltaX) || 0), 0, p.value) | 0, I = ze(x + ((P == null ? void 0 : P.deltaY) || 0), 0, d.value) | 0;
-    l.value.scrollLeft = y, l.value.scrollTop = I, p.value && (t.horizontal.el.style.transform = `translate3d(${y / p.value * w.value}px, 0, 0)`, t.horizontal.instance.autoHideAfterScroll()), d.value && (t.vertical.el.style.transform = `translate3d(0, ${I / d.value * M.value}px, 0)`, t.vertical.instance.autoHideAfterScroll()), n("scroll", { target: l.value, scrollLeft: y, scrollTop: I });
+    const q = l.value.scrollLeft, x = l.value.scrollTop, y = ze(q + ((P == null ? void 0 : P.deltaX) || 0), 0, p.value) | 0, T = ze(x + ((P == null ? void 0 : P.deltaY) || 0), 0, d.value) | 0;
+    l.value.scrollLeft = y, l.value.scrollTop = T, p.value && (t.horizontal.el.style.transform = `translate3d(${y / p.value * w.value}px, 0, 0)`, t.horizontal.instance.autoHideAfterScroll()), d.value && (t.vertical.el.style.transform = `translate3d(0, ${T / d.value * M.value}px, 0)`, t.vertical.instance.autoHideAfterScroll()), n("scroll", { target: l.value, scrollLeft: y, scrollTop: T });
   }, O = (P) => {
     i.simulateScroll ? U(P) : $();
   };
@@ -409,11 +409,11 @@ function Ro(e, { expose: o, emit: n }) {
         class: C(["scrollbar__content", e.contentClass, { "scrollbar__content--fixedThumb": e.fixedThumb, [`scrollbar__content--${e.direction}`]: e.direction }]),
         style: K(e.contentStyle)
       }, [
-        ee(P.$slots, "default")
+        X(P.$slots, "default")
       ], 6)
     ], 16),
-    (m(), b(B, null, te(t, (x, y) => W(To, {
-      ref: (I) => s(I, y),
+    (m(), b(B, null, te(t, (x, y) => W(Io, {
+      ref: (T) => s(T, y),
       key: y,
       autoExpand: e.autoExpand,
       autoHide: e.autoHide,
@@ -426,7 +426,7 @@ function Ro(e, { expose: o, emit: n }) {
     }, null, 8, ["autoExpand", "autoHide", "autoHideDelay", "fixedThumb", "type", "scrollInfo", "thumbWidth", "wrapperEl"])), 64))
   ], 6));
 }
-const Ao = /* @__PURE__ */ ue(nn(Ie({}, Oo), {
+const Ao = /* @__PURE__ */ ue(nn(Te({}, Oo), {
   props: {
     wrapperClass: null,
     wrapperStyle: null,
@@ -779,7 +779,7 @@ function Bo(e, o, n, i, t, s) {
     onClick: o[0] || (o[0] = (l) => s.onPaneClick(l, e._.uid)),
     style: K(e.style)
   }, [
-    ee(e.$slots, "default")
+    X(e.$slots, "default")
   ], 4);
 }
 const me = /* @__PURE__ */ No(Do, [["render", Bo]]), be = /^[a-z0-9]+(-[a-z0-9]+)*$/, $e = (e, o, n, i = "") => {
@@ -825,13 +825,13 @@ const me = /* @__PURE__ */ No(Do, [["render", Bo]]), be = /^[a-z0-9]+(-[a-z0-9]+
     width: 16,
     height: 16
   }
-), Te = Object.freeze({
+), Ie = Object.freeze({
   rotate: 0,
   vFlip: !1,
   hFlip: !1
 }), Oe = Object.freeze({
   ...on,
-  ...Te
+  ...Ie
 }), Ye = Object.freeze({
   ...Oe,
   body: "",
@@ -846,7 +846,7 @@ function qo(e, o) {
 function $t(e, o) {
   const n = qo(e, o);
   for (const i in Ye)
-    i in Te ? i in e && !(i in n) && (n[i] = Te[i]) : i in o ? n[i] = o[i] : i in e && (n[i] = e[i]);
+    i in Ie ? i in e && !(i in n) && (n[i] = Ie[i]) : i in o ? n[i] = o[i] : i in e && (n[i] = e[i]);
   return n;
 }
 function Ho(e, o) {
@@ -996,7 +996,7 @@ const an = Object.freeze({
   // Dimensions
   ...an,
   // Transformations
-  ...Te
+  ...Ie
 }), Xo = /(-?[0-9.]*[0-9]+[0-9.]*)/g, Yo = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
 function Rt(e, o, n) {
   if (o === 1)
@@ -1426,7 +1426,7 @@ function Si(e, o, n, i) {
       x.status === "pending" && (x.status = "aborted");
     }), k = [];
   }
-  function P(x, y, I) {
+  function P(x, y, T) {
     const L = y !== "success";
     switch (k = k.filter((H) => H !== x), u) {
       case "pending":
@@ -1439,11 +1439,11 @@ function Si(e, o, n, i) {
         return;
     }
     if (y === "abort") {
-      d = I, U();
+      d = T, U();
       return;
     }
     if (L) {
-      d = I, k.length || (l.length ? q() : U());
+      d = T, k.length || (l.length ? q() : U());
       return;
     }
     if (_(), O(), !e.random) {
@@ -1451,7 +1451,7 @@ function Si(e, o, n, i) {
       H !== -1 && H !== e.index && (e.index = H);
     }
     u = "completed", z.forEach((H) => {
-      H(I);
+      H(T);
     });
   }
   function q() {
@@ -1472,8 +1472,8 @@ function Si(e, o, n, i) {
     const y = {
       status: "pending",
       resource: x,
-      callback: (I, L) => {
-        P(y, I, L);
+      callback: (T, L) => {
+        P(y, T, L);
       }
     };
     k.push(y), c++, p = setTimeout(q, e.rotate), n(x, o, y.callback);
@@ -1722,7 +1722,7 @@ function Ei(e, o) {
     });
   }));
 }
-const Ii = (e, o) => {
+const Ti = (e, o) => {
   const n = xi(e, !0, rn()), i = vi(n);
   if (!i.pending.length) {
     let u = !0;
@@ -1754,7 +1754,7 @@ const Ii = (e, o) => {
     t[c][d].length && Ei(u, t[c][d]);
   }), o ? yi(o, i, s) : Ht;
 };
-function Ti(e, o) {
+function Ii(e, o) {
   const n = {
     ...e
   };
@@ -1855,7 +1855,7 @@ function Wt(e) {
   return e + (e.match(/^[-0-9.]+$/) ? "px" : "");
 }
 const Gt = (e, o) => {
-  const n = Ti(jt, o), i = { ...qi }, t = o.mode || "svg", s = {}, l = o.style, r = typeof l == "object" && !(l instanceof Array) ? l : {};
+  const n = Ii(jt, o), i = { ...qi }, t = o.mode || "svg", s = {}, l = o.style, r = typeof l == "object" && !(l instanceof Array) ? l : {};
   for (let M in o) {
     const w = o[M];
     if (w !== void 0)
@@ -1989,7 +1989,7 @@ const ji = {
       if (!i)
         return (!this._loadingIcon || this._loadingIcon.name !== e) && (this.abortLoading(), this._name = "", i !== null && (this._loadingIcon = {
           name: e,
-          abort: Ii([n], () => {
+          abort: Ti([n], () => {
             this.counter++;
           })
         })), null;
@@ -2050,30 +2050,30 @@ const ji = {
       }, [
         (((u = n.value.find((d) => d.id == l.item.id)) == null ? void 0 : u.isExpanded) == null ? i.value : (c = n.value.find((d) => d.id == l.item.id)) != null && c.isExpanded) ? (m(), b(B, { key: 0 }, [
           o.expandall ? (m(), b(B, { key: 0 }, [
-            s.value ? (m(), X(D(le), {
+            s.value ? (m(), Y(D(le), {
               key: 0,
               icon: "fluent:chevron-down-up-16-filled"
-            })) : (m(), X(D(le), {
+            })) : (m(), Y(D(le), {
               key: 1,
               icon: "mdi:chevron-down"
             }))
-          ], 64)) : (m(), X(D(le), {
+          ], 64)) : (m(), Y(D(le), {
             key: 1,
             icon: "mdi:chevron-down"
           }))
         ], 64)) : (m(), b(B, { key: 1 }, [
           o.expandall ? (m(), b(B, { key: 0 }, [
-            s.value == -1 ? (m(), X(D(le), {
+            s.value == -1 ? (m(), Y(D(le), {
               key: 0,
               icon: "ion:chevron-expand"
-            })) : s.value == 0 ? (m(), X(D(le), {
+            })) : s.value == 0 ? (m(), Y(D(le), {
               key: 1,
               icon: "mdi:chevron-down"
-            })) : (m(), X(D(le), {
+            })) : (m(), Y(D(le), {
               key: 2,
               icon: "mdi:chevron-right"
             }))
-          ], 64)) : (m(), X(D(le), {
+          ], 64)) : (m(), Y(D(le), {
             key: 1,
             icon: "mdi:chevron-right"
           }))
@@ -2334,7 +2334,7 @@ const ds = /* @__PURE__ */ Ae(ls, [["render", cs]]), fs = { key: "hdrrow" }, hs
         ])
       ], 2)) : F("", !0),
       i.all.hasSubtable ? (m(), b("th", ps, [
-        i.all.expandall ? (m(), X(yn, {
+        i.all.expandall ? (m(), Y(yn, {
           key: 0,
           expandedrows: i.expandedrows,
           expandall: i.all.expandall
@@ -2453,12 +2453,12 @@ const ds = /* @__PURE__ */ Ae(ls, [["render", cs]]), fs = { key: "hdrrow" }, hs
       ], 64))), 256))
     ]));
   }
-}), Ms = { class: "bh-datatable bh-antialiased bh-relative bh-text-black bh-text-sm bh-font-normal" }, Ls = /* @__PURE__ */ v("span", null, "##Top Menu Slot##", -1), Fs = ["onClick"], Es = { class: "bh-checkbox" }, Is = ["value"], Ts = ["innerHTML"], $s = ["onClick"], Os = ["colspan"], Rs = ["colspan"], As = /* @__PURE__ */ v("div", { class: "bh-skeleton-box bh-h-8" }, null, -1), Ns = [
-  As
-], Ds = ["colspan"], Bs = {
+}), Ms = { class: "bh-datatable bh-antialiased bh-relative bh-text-black bh-text-sm bh-font-normal" }, Ls = /* @__PURE__ */ v("span", null, "##Top Menu Slot##", -1), Fs = /* @__PURE__ */ v("span", null, "##Table Action Header Slot##", -1), Es = ["onClick"], Ts = { class: "bh-checkbox" }, Is = ["value"], $s = ["innerHTML"], Os = ["onClick"], Rs = ["colspan"], As = ["colspan"], Ns = /* @__PURE__ */ v("div", { class: "bh-skeleton-box bh-h-8" }, null, -1), Ds = [
+  Ns
+], Bs = ["colspan"], qs = {
   key: 0,
   class: "bh-absolute bh-inset-0 bh-bg-blue-light/50 bh-grid bh-place-content-center dt-center-loading"
-}, qs = /* @__PURE__ */ v("g", {
+}, Hs = /* @__PURE__ */ v("g", {
   fill: "none",
   stroke: "currentColor",
   "stroke-linecap": "round",
@@ -2526,64 +2526,64 @@ const ds = /* @__PURE__ */ Ae(ls, [["render", cs]]), fs = { key: "hdrrow" }, hs
       values: "34;68"
     })
   ])
-], -1), Hs = [
-  qs
-], js = /* @__PURE__ */ v("span", null, "##Right Menu Slot##", -1), Us = { class: "bh-flex bh-items-center bh-flex-wrap bh-flex-col sm:bh-flex-row bh-gap-4" }, Vs = { class: "bh-pagination-info bh-flex bh-items-center" }, Ws = { class: "bh-mr-2" }, Gs = ["value"], Qs = { class: "bh-pagination-number sm:bh-ml-auto bh-inline-flex bh-items-center bh-space-x-1" }, Ks = ["innerHTML"], Xs = {
+], -1), js = [
+  Hs
+], Us = /* @__PURE__ */ v("span", null, "##Right Menu Slot##", -1), Vs = { class: "bh-flex bh-items-center bh-flex-wrap bh-flex-col sm:bh-flex-row bh-gap-4" }, Ws = { class: "bh-pagination-info bh-flex bh-items-center" }, Gs = { class: "bh-mr-2" }, Qs = ["value"], Ks = { class: "bh-pagination-number sm:bh-ml-auto bh-inline-flex bh-items-center bh-space-x-1" }, Xs = ["innerHTML"], Ys = {
   key: 1,
   "aria-hidden": "true",
   width: "14",
   height: "14",
   viewBox: "0 0 16 16"
-}, Ys = /* @__PURE__ */ v("g", {
+}, Js = /* @__PURE__ */ v("g", {
   fill: "currentColor",
   "fill-rule": "evenodd"
 }, [
   /* @__PURE__ */ v("path", { d: "M8.354 1.646a.5.5 0 0 1 0 .708L2.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z" }),
   /* @__PURE__ */ v("path", { d: "M12.354 1.646a.5.5 0 0 1 0 .708L6.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z" })
-], -1), Js = [
-  Ys
-], Zs = ["innerHTML"], el = {
+], -1), Zs = [
+  Js
+], el = ["innerHTML"], tl = {
   key: 1,
   "aria-hidden": "true",
   width: "14",
   height: "14",
   viewBox: "0 0 16 16"
-}, tl = /* @__PURE__ */ v("path", {
+}, nl = /* @__PURE__ */ v("path", {
   fill: "currentColor",
   "fill-rule": "evenodd",
   d: "M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"
-}, null, -1), nl = [
-  tl
-], ol = ["onClick"], il = ["innerHTML"], sl = {
+}, null, -1), ol = [
+  nl
+], il = ["onClick"], sl = ["innerHTML"], ll = {
   key: 1,
   "aria-hidden": "true",
   width: "14",
   height: "14",
   viewBox: "0 0 16 16"
-}, ll = /* @__PURE__ */ v("path", {
+}, rl = /* @__PURE__ */ v("path", {
   fill: "currentColor",
   "fill-rule": "evenodd",
   d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8L4.646 2.354a.5.5 0 0 1 0-.708z"
-}, null, -1), rl = [
-  ll
-], al = ["innerHTML"], ul = {
+}, null, -1), al = [
+  rl
+], ul = ["innerHTML"], cl = {
   key: 1,
   "aria-hidden": "true",
   width: "14",
   height: "14",
   viewBox: "0 0 16 16"
-}, cl = /* @__PURE__ */ v("g", {
+}, dl = /* @__PURE__ */ v("g", {
   fill: "currentColor",
   "fill-rule": "evenodd"
 }, [
   /* @__PURE__ */ v("path", { d: "M3.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L9.293 8L3.646 2.354a.5.5 0 0 1 0-.708z" }),
   /* @__PURE__ */ v("path", { d: "M7.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L13.293 8L7.646 2.354a.5.5 0 0 1 0-.708z" })
-], -1), dl = [
-  cl
-], fl = {
+], -1), fl = [
+  dl
+], hl = {
   name: "Vue3Datatable"
-}, gl = /* @__PURE__ */ ue({
-  ...fl,
+}, bl = /* @__PURE__ */ ue({
+  ...hl,
   props: {
     loading: { type: Boolean, default: !1 },
     isServerMode: { type: Boolean, default: !1 },
@@ -2695,7 +2695,7 @@ const ds = /* @__PURE__ */ Ae(ls, [["render", cs]]), fs = { key: "hdrrow" }, hs
         return dt();
       }
     });
-    const I = (a, ...h) => a.replace(/{(\d+)}/g, (g, T) => typeof h[T] < "u" ? h[T] : g), L = Q(() => {
+    const T = (a, ...h) => a.replace(/{(\d+)}/g, (g, I) => typeof h[I] < "u" ? h[I] : g), L = Q(() => {
       const a = t.columns.find((h) => h.isUnique);
       return (a == null ? void 0 : a.field) || null;
     }), H = Q(() => {
@@ -2713,7 +2713,7 @@ const ds = /* @__PURE__ */ Ae(ls, [["render", cs]]), fs = { key: "hdrrow" }, hs
         (V) => a + V
       );
     }), dt = () => {
-      var V, j, J;
+      var V, j, Z;
       let a = t.rows || [];
       if (!t.isServerMode) {
         if ((V = t.columns) == null || V.forEach((f) => {
@@ -2747,15 +2747,15 @@ const ds = /* @__PURE__ */ Ae(ls, [["render", cs]]), fs = { key: "hdrrow" }, hs
               }
           a = f;
         }
-        var T = new Intl.Collator(void 0, {
-          numeric: ((J = t.columns.find((f) => f.field == c.value)) == null ? void 0 : J.type) === "number",
+        var I = new Intl.Collator(void 0, {
+          numeric: ((Z = t.columns.find((f) => f.field == c.value)) == null ? void 0 : Z.type) === "number",
           sensitivity: "base"
         });
         const Ln = p.value === "desc" ? -1 : 1;
         a.sort((f, S) => {
           var _t, Pt;
           const N = (_t = c.value) == null ? void 0 : _t.split(".").reduce((se, qe) => se == null ? void 0 : se[qe], f), Fn = (Pt = c.value) == null ? void 0 : Pt.split(".").reduce((se, qe) => se == null ? void 0 : se[qe], S);
-          return T.compare(N, Fn) * Ln;
+          return I.compare(N, Fn) * Ln;
         });
       }
       return a;
@@ -2788,37 +2788,37 @@ const ds = /* @__PURE__ */ Ae(ls, [["render", cs]]), fs = { key: "hdrrow" }, hs
       l.value++;
     };
     G(() => l.value, () => {
-      Y(!1), t.isServerMode ? ce("page") : (ie(), y("pageChange", l.value));
+      J(!1), t.isServerMode ? ce("page") : (ie(), y("pageChange", l.value));
     }), G(() => t.rows, () => {
-      t.isServerMode || (l.value = 1), Y(!1), ie();
+      t.isServerMode || (l.value = 1), J(!1), ie();
     });
     const wn = (a) => {
       r.value = a;
     };
     G(() => r.value, () => {
-      Y(!1), t.isServerMode ? l.value === 1 ? ce("pagesize", !0) : l.value = 1 : (l.value = 1, ie(), y("pageSizeChange", r.value));
+      J(!1), t.isServerMode ? l.value === 1 ? ce("pagesize", !0) : l.value = 1 : (l.value = 1, ie(), y("pageSizeChange", r.value));
     });
     const vt = (a) => {
       let h = "asc";
       a == c.value && p.value === "asc" && (h = "desc");
-      let g = (l.value - 1) * r.value, T = r.value;
-      c.value = a, p.value = h, Y(!1), ie(), t.isServerMode ? ce("sort") : y("sortChange", { offset: g, limit: T, field: a, direction: h });
+      let g = (l.value - 1) * r.value, I = r.value;
+      c.value = a, p.value = h, J(!1), ie(), t.isServerMode ? ce("sort") : y("sortChange", { offset: g, limit: I, field: a, direction: h });
     }, gt = (a) => {
       M.value = a.length && s.value.length && a.length === s.value.length;
       const h = s.value.filter(
-        (g, T) => _.value.includes(L.value ? g[L.value] : T)
+        (g, I) => _.value.includes(L.value ? g[L.value] : I)
       );
       y("rowSelect", h);
     };
     G(() => _.value, gt);
-    const Y = (a) => {
+    const J = (a) => {
       a ? _.value = s.value.map(
         (h, g) => L.value ? h[L.value] : g
       ) : _.value = [];
     }, bt = () => {
-      Y(!1), t.isServerMode ? l.value === 1 ? ce("filter", !0) : l.value = 1 : (l.value = 1, ie(), y("filterChange", t.columns));
+      J(!1), t.isServerMode ? l.value === 1 ? ce("filter", !0) : l.value = 1 : (l.value = 1, ie(), y("filterChange", t.columns));
     }, Sn = () => {
-      Y(!1), t.isServerMode ? l.value === 1 ? ce("search", !0) : l.value = 1 : (l.value = 1, ie(), y("searchChange", $.value));
+      J(!1), t.isServerMode ? l.value === 1 ? ce("search", !0) : l.value = 1 : (l.value = 1, ie(), y("searchChange", $.value));
     };
     G(
       () => t.search,
@@ -2826,12 +2826,12 @@ const ds = /* @__PURE__ */ Ae(ls, [["render", cs]]), fs = { key: "hdrrow" }, hs
         $.value = t.search, Sn();
       }
     );
-    const E = (a, h) => h == null ? void 0 : h.split(".").reduce((g, T) => g == null ? void 0 : g[T], a), Se = (a) => {
+    const E = (a, h) => h == null ? void 0 : h.split(".").reduce((g, I) => g == null ? void 0 : g[I], a), Se = (a) => {
       try {
         if (!a)
           return "";
-        const h = new Date(a), g = h.getDate(), T = h.getMonth() + 1;
-        return h.getFullYear() + "-" + (T > 9 ? T : "0" + T) + "-" + (g > 9 ? g : "0" + g);
+        const h = new Date(a), g = h.getDate(), I = h.getMonth() + 1;
+        return h.getFullYear() + "-" + (I > 9 ? I : "0" + I) + "-" + (g > 9 ? g : "0" + g);
       } catch {
       }
       return "";
@@ -2860,7 +2860,7 @@ const ds = /* @__PURE__ */ Ae(ls, [["render", cs]]), fs = { key: "hdrrow" }, hs
         h.filter && (h.value !== void 0 && h.value !== null && h.value !== "" || h.condition === "is_null" || h.condition === "is_not_null") && (h.type === "string" && h.value && !h.condition && (h.condition = "contain"), h.type === "number" && h.value && !h.condition && (h.condition = "equal"), h.type === "date" && h.value && !h.condition && (h.condition = "equal"));
       }
     }, Cn = () => {
-      Y(!1);
+      J(!1);
       for (let a = 0; a < t.columns.length; a++)
         t.columns[a] = U[a];
       $.value = "", r.value = u, c.value = d, p.value = k, t.isServerMode ? l.value === 1 ? ce("reset", !0) : l.value = 1 : (l.value = 1, ie());
@@ -2870,20 +2870,20 @@ const ds = /* @__PURE__ */ Ae(ls, [["render", cs]]), fs = { key: "hdrrow" }, hs
       _.value = [];
     }, xt = (a) => {
       if (!ke(a)) {
-        const h = s.value.find((g, T) => T === a);
+        const h = s.value.find((g, I) => I === a);
         _.value.push(
           L.value ? h[L.value] : a
         );
       }
     }, wt = (a) => {
       if (ke(a)) {
-        const h = s.value.find((g, T) => T === a);
+        const h = s.value.find((g, I) => I === a);
         _.value = _.value.filter(
           (g) => g !== (L.value ? h[L.value] : a)
         );
       }
     }, ke = (a) => {
-      const h = s.value.find((g, T) => T === a);
+      const h = s.value.find((g, I) => I === a);
       return h ? _.value.includes(
         L.value ? h[L.value] : a
       ) : !1;
@@ -2914,23 +2914,23 @@ const ds = /* @__PURE__ */ Ae(ls, [["render", cs]]), fs = { key: "hdrrow" }, hs
         class: "default-theme",
         style: K({ height: t.height })
       }, {
-        default: Z(() => [
+        default: ee(() => [
           W(D(me), null, {
-            default: Z(() => [
+            default: ee(() => [
               W(D(Ue), {
                 vertical: "vertical",
                 class: "default-theme",
                 onResize: h[2] || (h[2] = (g) => Ce.value = g[0].size)
               }, {
-                default: Z(() => [
+                default: ee(() => [
                   W(D(me), { size: Ce.value }, {
-                    default: Z(() => [
+                    default: ee(() => [
                       W(D(Ue), {
                         class: "default-theme",
                         horizontal: "horizontal"
                       }, {
-                        default: Z(() => [
-                          a.enabletopmenu ? (m(), X(D(me), {
+                        default: ee(() => [
+                          a.enabletopmenu ? (m(), Y(D(me), {
                             key: 0,
                             ref_key: "topmenuel",
                             ref: kt,
@@ -2938,15 +2938,18 @@ const ds = /* @__PURE__ */ Ae(ls, [["render", cs]]), fs = { key: "hdrrow" }, hs
                             "max-size": a.topmenumax,
                             style: K({ "min-height": a.topmenumin + "px" })
                           }, {
-                            default: Z(() => [
-                              ee(a.$slots, "tabletopmenu", {}, () => [
+                            default: ee(() => [
+                              X(a.$slots, "tabletopmenu", {}, () => [
                                 Ls
                               ])
                             ]),
                             _: 3
                           }, 8, ["size", "max-size", "style"])) : F("", !0),
                           W(D(me), { size: Be.value }, {
-                            default: Z(() => [
+                            default: ee(() => [
+                              X(a.$slots, "tableactionheader", {}, () => [
+                                Fs
+                              ]),
                               v("div", {
                                 class: C(t.scrollbarstyle)
                               }, [
@@ -2960,7 +2963,7 @@ const ds = /* @__PURE__ */ Ae(ls, [["render", cs]]), fs = { key: "hdrrow" }, hs
                                   direction: t.scrollbardirection,
                                   throttleType: "none"
                                 }, {
-                                  default: Z(() => [
+                                  default: ee(() => [
                                     v("div", {
                                       class: C(["bh-table-responsive", { "bh-min-h-[100px]": w.value }]),
                                       style: K({ overflow: t.stickyHeader && "inherit" })
@@ -2981,17 +2984,17 @@ const ds = /* @__PURE__ */ Ae(ls, [["render", cs]]), fs = { key: "hdrrow" }, hs
                                             isOpenFilter: O.value,
                                             checkAll: M.value,
                                             columnFilterLang: t.columnFilterLang,
-                                            onSelectAll: Y,
+                                            onSelectAll: J,
                                             onSortChange: vt,
                                             onFilterChange: bt,
                                             onToggleFilterMenu: ft
                                           }, null, 8, ["expandedrows", "currentSortColumn", "currentSortDirection", "isOpenFilter", "checkAll", "columnFilterLang"])
                                         ], 2),
                                         v("tbody", null, [
-                                          (m(!0), b(B, null, te(s.value, (g, T) => {
+                                          (m(!0), b(B, null, te(s.value, (g, I) => {
                                             var V;
                                             return m(), b(B, {
-                                              key: g[L.value] ? g[L.value] : T
+                                              key: g[L.value] ? g[L.value] : I
                                             }, [
                                               z.value ? (m(), b("tr", {
                                                 key: 0,
@@ -2999,7 +3002,7 @@ const ds = /* @__PURE__ */ Ae(ls, [["render", cs]]), fs = { key: "hdrrow" }, hs
                                                   typeof t.rowClass == "function" ? a.rowClass(g) : t.rowClass,
                                                   t.selectRowOnClick ? "bh-cursor-pointer" : ""
                                                 ]),
-                                                onClick: re((j) => yt(g, T), ["prevent"])
+                                                onClick: re((j) => yt(g, I), ["prevent"])
                                               }, [
                                                 t.hasCheckbox ? (m(), b("td", {
                                                   key: 0,
@@ -3007,11 +3010,11 @@ const ds = /* @__PURE__ */ Ae(ls, [["render", cs]]), fs = { key: "hdrrow" }, hs
                                                     "bh-sticky bh-left-0 bh-bg-blue-light": t.stickyFirstColumn
                                                   })
                                                 }, [
-                                                  v("div", Es, [
+                                                  v("div", Ts, [
                                                     ne(v("input", {
                                                       "onUpdate:modelValue": h[0] || (h[0] = (j) => _.value = j),
                                                       type: "checkbox",
-                                                      value: g[L.value] ? g[L.value] : T,
+                                                      value: g[L.value] ? g[L.value] : I,
                                                       onClick: h[1] || (h[1] = re(() => {
                                                       }, ["stop"]))
                                                     }, null, 8, Is), [
@@ -3033,42 +3036,42 @@ const ds = /* @__PURE__ */ Ae(ls, [["render", cs]]), fs = { key: "hdrrow" }, hs
                                                     expandedrows: he.value
                                                   }, null, 8, ["item", "expandedrows"])
                                                 ], 2)) : F("", !0),
-                                                (m(!0), b(B, null, te(t.columns, (j, J) => (m(), b(B, null, [
+                                                (m(!0), b(B, null, te(t.columns, (j, Z) => (m(), b(B, null, [
                                                   j.hide ? F("", !0) : (m(), b("td", {
                                                     key: j.field,
                                                     class: C([
                                                       typeof t.cellClass == "function" ? a.cellClass(g) : t.cellClass,
-                                                      J === 0 && t.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
-                                                      t.hasCheckbox && J === 0 && t.stickyFirstColumn ? "bh-left-[52px]" : "",
+                                                      Z === 0 && t.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
+                                                      t.hasCheckbox && Z === 0 && t.stickyFirstColumn ? "bh-left-[52px]" : "",
                                                       j.cellClass ? j.cellClass : ""
                                                     ])
                                                   }, [
-                                                    D(i)[j.field] ? ee(a.$slots, j.field, {
+                                                    D(i)[j.field] ? X(a.$slots, j.field, {
                                                       key: 0,
                                                       value: g
                                                     }) : j.cellRenderer ? (m(), b("div", {
                                                       key: 1,
                                                       innerHTML: j.cellRenderer(g)
-                                                    }, null, 8, Ts)) : (m(), b(B, { key: 2 }, [
+                                                    }, null, 8, $s)) : (m(), b(B, { key: 2 }, [
                                                       Xe(R(E(g, j.field)), 1)
                                                     ], 64))
                                                   ], 2))
                                                 ], 64))), 256))
-                                              ], 10, Fs)) : F("", !0),
+                                              ], 10, Es)) : F("", !0),
                                               (V = he.value.find((j) => j.id == g.id)) != null && V.isExpanded && t.hasSubtable ? (m(), b("tr", {
                                                 key: 1,
                                                 class: C([
                                                   typeof t.rowClass == "function" ? a.rowClass(g) : t.rowClass,
                                                   t.selectRowOnClick ? "bh-cursor-pointer" : ""
                                                 ]),
-                                                onClick: re((j) => yt(g, T), ["prevent"])
+                                                onClick: re((j) => yt(g, I), ["prevent"])
                                               }, [
                                                 v("td", {
                                                   colspan: t.columns.length + D(de)
                                                 }, [
-                                                  ee(a.$slots, "tsub", { value: s.value })
-                                                ], 8, Os)
-                                              ], 10, $s)) : F("", !0)
+                                                  X(a.$slots, "tsub", { value: s.value })
+                                                ], 8, Rs)
+                                              ], 10, Os)) : F("", !0)
                                             ], 64);
                                           }), 128)),
                                           !z.value && w.value && a.skeletonloader ? (m(!0), b(B, { key: 0 }, te(t.pageSize, (g) => (m(), b("tr", {
@@ -3078,15 +3081,15 @@ const ds = /* @__PURE__ */ Ae(ls, [["render", cs]]), fs = { key: "hdrrow" }, hs
                                             v("td", {
                                               colspan: t.columns.length + D(de),
                                               class: "!bh-p-0 !bh-border-transparent"
-                                            }, Ns, 8, Rs)
+                                            }, Ds, 8, As)
                                           ]))), 128)) : F("", !0),
-                                          z.value ? (m(!0), b(B, { key: 1 }, te(t.footerRows, (g, T) => (m(), b("tr", {
-                                            key: g[L.value] ? g[L.value] : T
+                                          z.value ? (m(!0), b(B, { key: 1 }, te(t.footerRows, (g, I) => (m(), b("tr", {
+                                            key: g[L.value] ? g[L.value] : I
                                           }, [
                                             D(de) > 0 ? (m(), b("td", {
                                               key: 0,
                                               colspan: D(de)
-                                            }, null, 8, Ds)) : F("", !0),
+                                            }, null, 8, Bs)) : F("", !0),
                                             (m(!0), b(B, null, te(t.columns, (V, j) => (m(), b(B, null, [
                                               V.hide ? F("", !0) : (m(), b("td", {
                                                 key: V.field,
@@ -3097,8 +3100,8 @@ const ds = /* @__PURE__ */ Ae(ls, [["render", cs]]), fs = { key: "hdrrow" }, hs
                                                   V.cellClass ? V.cellClass : ""
                                                 ])
                                               }, [
-                                                g.cells.find((J) => J.field == V.field) ? (m(), b(B, { key: 0 }, [
-                                                  Xe(R(g.cells.find((J) => J.field == V.field).text), 1)
+                                                g.cells.find((Z) => Z.field == V.field) ? (m(), b(B, { key: 0 }, [
+                                                  Xe(R(g.cells.find((Z) => Z.field == V.field).text), 1)
                                                 ], 64)) : F("", !0)
                                               ], 2))
                                             ], 64))), 256))
@@ -3117,21 +3120,21 @@ const ds = /* @__PURE__ */ Ae(ls, [["render", cs]]), fs = { key: "hdrrow" }, hs
                                             isOpenFilter: O.value,
                                             isFooter: !0,
                                             checkAll: M.value,
-                                            onSelectAll: Y,
+                                            onSelectAll: J,
                                             onSortChange: vt,
                                             onFilterChange: bt,
                                             onToggleFilterMenu: ft
                                           }, null, 8, ["currentSortColumn", "currentSortDirection", "isOpenFilter", "checkAll"])
                                         ], 2)) : F("", !0)
                                       ], 2),
-                                      z.value && w.value && a.enableloadinganimation ? (m(), b("div", Bs, [
+                                      z.value && w.value && a.enableloadinganimation ? (m(), b("div", qs, [
                                         (m(), b("svg", {
                                           key: St.value,
                                           xmlns: "http://www.w3.org/2000/svg",
                                           width: "32",
                                           height: "32",
                                           viewBox: "0 0 24 24"
-                                        }, Hs))
+                                        }, js))
                                       ])) : F("", !0)
                                     ], 6),
                                     !z.value && !w.value ? (m(), b("div", {
@@ -3141,7 +3144,7 @@ const ds = /* @__PURE__ */ Ae(ls, [["render", cs]]), fs = { key: "hdrrow" }, hs
                                         height: Number(t.height.replace("px", "")) - 175 + "px"
                                       })
                                     }, [
-                                      ee(a.$slots, "nodatacontent", {}, () => [
+                                      X(a.$slots, "nodatacontent", {}, () => [
                                         v("span", null, R(t.noDataContent), 1)
                                       ])
                                     ], 4)) : F("", !0)
@@ -3158,15 +3161,15 @@ const ds = /* @__PURE__ */ Ae(ls, [["render", cs]]), fs = { key: "hdrrow" }, hs
                     ]),
                     _: 3
                   }, 8, ["size"]),
-                  a.enablerightmenu ? (m(), X(D(me), {
+                  a.enablerightmenu ? (m(), Y(D(me), {
                     key: 0,
                     size: 100 - Ce.value,
                     "max-size": a.rightmenumax,
                     style: K({ "min-width": a.rightmenumin + "px" })
                   }, {
-                    default: Z(() => [
-                      ee(a.$slots, "tablerightmenu", {}, () => [
-                        js
+                    default: ee(() => [
+                      X(a.$slots, "tablerightmenu", {}, () => [
+                        Us
                       ])
                     ]),
                     _: 3
@@ -3187,8 +3190,8 @@ const ds = /* @__PURE__ */ Ae(ls, [["render", cs]]), fs = { key: "hdrrow" }, hs
           "sticky-footer": t.stickyFooter
         }])
       }, [
-        v("div", Us, [
-          a.enablefooterpagination ? ee(a.$slots, "footerpageinfo", {
+        v("div", Vs, [
+          a.enablefooterpagination ? X(a.$slots, "footerpageinfo", {
             key: 0,
             paginationInfo: a.paginationInfo,
             filterRowCount: z.value,
@@ -3197,11 +3200,11 @@ const ds = /* @__PURE__ */ Ae(ls, [["render", cs]]), fs = { key: "hdrrow" }, hs
             showPageSize: a.showPageSize,
             pageSizeOptions: a.pageSizeOptions,
             currentPageSize: r.value,
-            stringFormat: I,
+            stringFormat: T,
             setPageSize: wn
           }, () => [
-            v("div", Vs, [
-              v("span", Ws, R(I(
+            v("div", Ws, [
+              v("span", Gs, R(T(
                 t.paginationInfo,
                 z.value ? Ne.value : 0,
                 De.value,
@@ -3215,13 +3218,13 @@ const ds = /* @__PURE__ */ Ae(ls, [["render", cs]]), fs = { key: "hdrrow" }, hs
                 (m(!0), b(B, null, te(t.pageSizeOptions, (g) => (m(), b("option", {
                   value: g,
                   key: g
-                }, R(g), 9, Gs))), 128))
+                }, R(g), 9, Qs))), 128))
               ], 512)), [
                 [Xt, r.value]
               ]) : F("", !0)
             ])
           ]) : F("", !0),
-          a.enablefooterpagination ? ee(a.$slots, "footerpagination", {
+          a.enablefooterpagination ? X(a.$slots, "footerpagination", {
             key: 1,
             currentPage: l.value,
             maxPage: H.value,
@@ -3230,7 +3233,7 @@ const ds = /* @__PURE__ */ Ae(ls, [["render", cs]]), fs = { key: "hdrrow" }, hs
             nextPage: mt,
             previousPage: ht
           }, () => [
-            v("div", Qs, [
+            v("div", Ks, [
               t.showFirstPage ? (m(), b("button", {
                 key: 0,
                 type: "button",
@@ -3240,7 +3243,7 @@ const ds = /* @__PURE__ */ Ae(ls, [["render", cs]]), fs = { key: "hdrrow" }, hs
                 t.firstArrow ? (m(), b("span", {
                   key: 0,
                   innerHTML: t.firstArrow
-                }, null, 8, Ks)) : (m(), b("svg", Xs, Js))
+                }, null, 8, Xs)) : (m(), b("svg", Ys, Zs))
               ], 2)) : F("", !0),
               v("button", {
                 type: "button",
@@ -3250,7 +3253,7 @@ const ds = /* @__PURE__ */ Ae(ls, [["render", cs]]), fs = { key: "hdrrow" }, hs
                 t.previousArrow ? (m(), b("span", {
                   key: 0,
                   innerHTML: t.previousArrow
-                }, null, 8, Zs)) : (m(), b("svg", el, nl))
+                }, null, 8, el)) : (m(), b("svg", tl, ol))
               ], 2),
               t.showNumbers ? (m(!0), b(B, { key: 1 }, te(ct.value, (g) => (m(), b("button", {
                 key: g,
@@ -3259,8 +3262,8 @@ const ds = /* @__PURE__ */ Ae(ls, [["render", cs]]), fs = { key: "hdrrow" }, hs
                   disabled: l.value === g,
                   "bh-active": g === l.value
                 }]),
-                onClick: (T) => pt(g)
-              }, R(g), 11, ol))), 128)) : F("", !0),
+                onClick: (I) => pt(g)
+              }, R(g), 11, il))), 128)) : F("", !0),
               v("button", {
                 type: "button",
                 class: C(["bh-page-item next-page", { disabled: l.value >= H.value }]),
@@ -3269,7 +3272,7 @@ const ds = /* @__PURE__ */ Ae(ls, [["render", cs]]), fs = { key: "hdrrow" }, hs
                 t.nextArrow ? (m(), b("span", {
                   key: 0,
                   innerHTML: t.nextArrow
-                }, null, 8, il)) : (m(), b("svg", sl, rl))
+                }, null, 8, sl)) : (m(), b("svg", ll, al))
               ], 2),
               t.showLastPage ? (m(), b("button", {
                 key: 2,
@@ -3280,7 +3283,7 @@ const ds = /* @__PURE__ */ Ae(ls, [["render", cs]]), fs = { key: "hdrrow" }, hs
                 t.lastArrow ? (m(), b("span", {
                   key: 0,
                   innerHTML: t.lastArrow
-                }, null, 8, al)) : (m(), b("svg", ul, dl))
+                }, null, 8, ul)) : (m(), b("svg", cl, fl))
               ], 2)) : F("", !0)
             ])
           ]) : F("", !0)
@@ -3290,5 +3293,5 @@ const ds = /* @__PURE__ */ Ae(ls, [["render", cs]]), fs = { key: "hdrrow" }, hs
   }
 });
 export {
-  gl as default
+  bl as default
 };