@dolusoft/vue3-datatable 1.2.8 → 1.2.9

package/dist/vue3-datatable.js

@@ -1,4 +1,4 @@
-import { defineComponent as ie, onBeforeUnmount as kn, onMounted as Xe, openBlock as p, createElementBlock as m, createElementVNode as v, withModifiers as le, normalizeClass as C, toDisplayString as A, Fragment as D, createCommentVNode as $, h as wt, toRef as Cn, ref as j, watch as W, createBlock as te, unref as U, createVNode as G, renderList as Y, normalizeStyle as ve, createTextVNode as He, withDirectives as J, vModelText as Ae, vModelSelect as Bt, vShow as Ne, useCssVars as xn, computed as Q, shallowRef as Z, onUnmounted as Be, setBlockTracking as kt, mergeProps as Sn, renderSlot as de, reactive as _n, watchEffect as Ln, useSlots as Fn, withCtx as In, vModelCheckbox as Tn } from "vue";
+import { defineComponent as ie, onBeforeUnmount as kn, onMounted as Xe, openBlock as p, createElementBlock as m, createElementVNode as v, withModifiers as le, normalizeClass as x, toDisplayString as A, Fragment as D, createCommentVNode as $, h as wt, toRef as xn, ref as j, watch as W, createBlock as te, unref as U, createVNode as G, renderList as Y, normalizeStyle as ve, createTextVNode as He, withDirectives as J, vModelText as Ae, vModelSelect as Nt, vShow as Be, useCssVars as Cn, computed as Q, shallowRef as Z, onUnmounted as Ne, setBlockTracking as kt, mergeProps as Sn, renderSlot as de, reactive as _n, watchEffect as Ln, useSlots as Fn, withCtx as In, vModelCheckbox as Tn } from "vue";
 const En = { class: "bh-filter-menu bh-absolute bh-z-[1] bh-bg-white bh-shadow-md bh-rounded-md bh-top-full bh-right-0 bh-w-32 bh-mt-1" }, Mn = {
   name: "columnFilter"
 }, $n = /* @__PURE__ */ ie({
@@ -24,101 +24,101 @@ const En = { class: "bh-filter-menu bh-absolute bh-z-[1] bh-bg-white bh-shadow-m
       }, [
         v("button", {
           type: "button",
-          class: C({ active: t.column.condition === "" }),
+          class: x({ active: t.column.condition === "" }),
           onClick: i[0] || (i[0] = (u) => r(""))
         }, A((t.columnFilterLang && t.columnFilterLang.no_filter) ?? "No filter"), 3),
         t.column.type === "string" ? (p(), m(D, { key: 0 }, [
           v("button", {
             type: "button",
-            class: C({ active: t.column.condition === "contain" }),
+            class: x({ active: t.column.condition === "contain" }),
             onClick: i[1] || (i[1] = (u) => r("contain"))
           }, A((t.columnFilterLang && t.columnFilterLang.contain) ?? "Contain"), 3),
           v("button", {
             type: "button",
-            class: C({ active: t.column.condition === "not_contain" }),
+            class: x({ active: t.column.condition === "not_contain" }),
             onClick: i[2] || (i[2] = (u) => r("not_contain"))
           }, A((t.columnFilterLang && t.columnFilterLang.not_contain) ?? "Not contain"), 3),
           v("button", {
             type: "button",
-            class: C({ active: t.column.condition === "equal" }),
+            class: x({ active: t.column.condition === "equal" }),
             onClick: i[3] || (i[3] = (u) => r("equal"))
           }, A((t.columnFilterLang && t.columnFilterLang.equal) ?? "Equal"), 3),
           v("button", {
             type: "button",
-            class: C({ active: t.column.condition === "not_equal" }),
+            class: x({ active: t.column.condition === "not_equal" }),
             onClick: i[4] || (i[4] = (u) => r("not_equal"))
           }, A((t.columnFilterLang && t.columnFilterLang.not_equal) ?? "Not equal"), 3),
           v("button", {
             type: "button",
-            class: C({ active: t.column.condition === "start_with" }),
+            class: x({ active: t.column.condition === "start_with" }),
             onClick: i[5] || (i[5] = (u) => r("start_with"))
           }, A((t.columnFilterLang && t.columnFilterLang.start_with) ?? "Starts with"), 3),
           v("button", {
             type: "button",
-            class: C({ active: t.column.condition === "end_with" }),
+            class: x({ active: t.column.condition === "end_with" }),
             onClick: i[6] || (i[6] = (u) => r("end_with"))
           }, A((t.columnFilterLang && t.columnFilterLang.end_with) ?? "Ends with"), 3)
         ], 64)) : t.column.type === "number" ? (p(), m(D, { key: 1 }, [
           v("button", {
             type: "button",
-            class: C({ active: t.column.condition === "equal" }),
+            class: x({ active: t.column.condition === "equal" }),
             onClick: i[7] || (i[7] = (u) => r("equal"))
           }, A((t.columnFilterLang && t.columnFilterLang.equal) ?? "Equal"), 3),
           v("button", {
             type: "button",
-            class: C({ active: t.column.condition === "not_equal" }),
+            class: x({ active: t.column.condition === "not_equal" }),
             onClick: i[8] || (i[8] = (u) => r("not_equal"))
           }, A((t.columnFilterLang && t.columnFilterLang.not_equal) ?? "Not equal"), 3),
           v("button", {
             type: "button",
-            class: C({ active: t.column.condition === "greater_than" }),
+            class: x({ active: t.column.condition === "greater_than" }),
             onClick: i[9] || (i[9] = (u) => r("greater_than"))
           }, A((t.columnFilterLang && t.columnFilterLang.greater_than) ?? "Greater than"), 3),
           v("button", {
             type: "button",
-            class: C({ active: t.column.condition === "greater_than_equal" }),
+            class: x({ active: t.column.condition === "greater_than_equal" }),
             onClick: i[10] || (i[10] = (u) => r("greater_than_equal"))
           }, A((t.columnFilterLang && t.columnFilterLang.greater_than_equal) ?? "Greater than or equal"), 3),
           v("button", {
             type: "button",
-            class: C({ active: t.column.condition === "less_than" }),
+            class: x({ active: t.column.condition === "less_than" }),
             onClick: i[11] || (i[11] = (u) => r("less_than"))
           }, A((t.columnFilterLang && t.columnFilterLang.less_than) ?? "Less than"), 3),
           v("button", {
             type: "button",
-            class: C({ active: t.column.condition === "less_than_equal" }),
+            class: x({ active: t.column.condition === "less_than_equal" }),
             onClick: i[12] || (i[12] = (u) => r("less_than_equal"))
           }, A((t.columnFilterLang && t.columnFilterLang.less_than_equal) ?? "Less than or equal"), 3)
         ], 64)) : t.column.type === "date" ? (p(), m(D, { key: 2 }, [
           v("button", {
             type: "button",
-            class: C({ active: t.column.condition === "equal" }),
+            class: x({ active: t.column.condition === "equal" }),
             onClick: i[13] || (i[13] = (u) => r("equal"))
           }, A((t.columnFilterLang && t.columnFilterLang.equal) ?? "Equal"), 3),
           v("button", {
             type: "button",
-            class: C({ active: t.column.condition === "not_equal" }),
+            class: x({ active: t.column.condition === "not_equal" }),
             onClick: i[14] || (i[14] = (u) => r("not_equal"))
           }, A((t.columnFilterLang && t.columnFilterLang.not_equal) ?? "Not equal"), 3),
           v("button", {
             type: "button",
-            class: C({ active: t.column.condition === "greater_than" }),
+            class: x({ active: t.column.condition === "greater_than" }),
             onClick: i[15] || (i[15] = (u) => r("greater_than"))
           }, A((t.columnFilterLang && t.columnFilterLang.greater_than) ?? "Greater than"), 3),
           v("button", {
             type: "button",
-            class: C({ active: t.column.condition === "less_than" }),
+            class: x({ active: t.column.condition === "less_than" }),
             onClick: i[16] || (i[16] = (u) => r("less_than"))
           }, A((t.columnFilterLang && t.columnFilterLang.less_than) ?? "Less than"), 3)
         ], 64)) : $("", !0),
         v("button", {
           type: "button",
-          class: C({ active: t.column.condition === "is_null" }),
+          class: x({ active: t.column.condition === "is_null" }),
           onClick: i[17] || (i[17] = (u) => r("is_null"))
         }, A((t.columnFilterLang && t.columnFilterLang.is_null) ?? "Is null"), 3),
         v("button", {
           type: "button",
-          class: C({ active: t.column.condition === "is_not_null" }),
+          class: x({ active: t.column.condition === "is_not_null" }),
           onClick: i[18] || (i[18] = (u) => r("is_not_null"))
         }, A((t.columnFilterLang && t.columnFilterLang.is_not_null) ?? "Not null"), 3)
       ])
@@ -165,13 +165,13 @@ const jt = /* @__PURE__ */ Te(Pn, [["render", Rn]]), qn = {}, Dn = {
   y1: "12",
   x2: "19",
   y2: "12"
-}, null, -1), Nn = [
+}, null, -1), Bn = [
   Hn
 ];
-function Bn(e, o) {
-  return p(), m("svg", Dn, Nn);
+function Nn(e, o) {
+  return p(), m("svg", Dn, Bn);
 }
-const jn = /* @__PURE__ */ Te(qn, [["render", Bn]]), Vn = {}, Un = {
+const jn = /* @__PURE__ */ Te(qn, [["render", Nn]]), Vn = {}, Un = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
@@ -203,7 +203,7 @@ const Kn = /* @__PURE__ */ Te(Vn, [["render", Gn]]), he = /^[a-z0-9]+(-[a-z0-9]+
       prefix: u,
       name: i
     };
-    return o && !Ce(c) ? null : c;
+    return o && !xe(c) ? null : c;
   }
   const r = n[0], s = r.split("-");
   if (s.length > 1) {
@@ -212,7 +212,7 @@ const Kn = /* @__PURE__ */ Te(Vn, [["render", Gn]]), he = /^[a-z0-9]+(-[a-z0-9]+
       prefix: s.shift(),
       name: s.join("-")
     };
-    return o && !Ce(i) ? null : i;
+    return o && !xe(i) ? null : i;
   }
   if (t && l === "") {
     const i = {
@@ -220,10 +220,10 @@ const Kn = /* @__PURE__ */ Te(Vn, [["render", Gn]]), he = /^[a-z0-9]+(-[a-z0-9]+
       prefix: "",
       name: r
     };
-    return o && !Ce(i, t) ? null : i;
+    return o && !xe(i, t) ? null : i;
   }
   return null;
-}, Ce = (e, o) => e ? !!((e.provider === "" || e.provider.match(he)) && (o && e.prefix === "" || e.prefix.match(he)) && e.name.match(he)) : !1, Vt = Object.freeze(
+}, xe = (e, o) => e ? !!((e.provider === "" || e.provider.match(he)) && (o && e.prefix === "" || e.prefix.match(he)) && e.name.match(he)) : !1, Vt = Object.freeze(
   {
     left: 0,
     top: 0,
@@ -248,7 +248,7 @@ function Xn(e, o) {
   const l = ((e.rotate || 0) + (o.rotate || 0)) % 4;
   return l && (t.rotate = l), t;
 }
-function Ct(e, o) {
+function xt(e, o) {
   const t = Xn(e, o);
   for (const l in je)
     l in _e ? l in e && !(l in t) && (t[l] = _e[l]) : l in o ? t[l] = o[l] : l in e && (t[l] = e[l]);
@@ -272,12 +272,12 @@ function Jn(e, o, t) {
   const l = e.icons, n = e.aliases || /* @__PURE__ */ Object.create(null);
   let r = {};
   function s(i) {
-    r = Ct(
+    r = xt(
       l[i] || n[i],
       r
     );
   }
-  return s(o), t.forEach(s), Ct(e, r);
+  return s(o), t.forEach(s), xt(e, r);
 }
 function Ut(e, o) {
   const t = [];
@@ -331,7 +331,7 @@ function Wt(e) {
   }
   return o;
 }
-const xt = /* @__PURE__ */ Object.create(null);
+const Ct = /* @__PURE__ */ Object.create(null);
 function eo(e, o) {
   return {
     provider: e,
@@ -341,7 +341,7 @@ function eo(e, o) {
   };
 }
 function re(e, o) {
-  const t = xt[e] || (xt[e] = /* @__PURE__ */ Object.create(null));
+  const t = Ct[e] || (Ct[e] = /* @__PURE__ */ Object.create(null));
   return t[o] || (t[o] = eo(e, o));
 }
 function Ye(e, o) {
@@ -385,7 +385,7 @@ function lo(e, o) {
     })), n;
   }
   const t = e.prefix;
-  if (!Ce({
+  if (!xe({
     provider: o,
     prefix: t,
     name: "a"
@@ -442,9 +442,9 @@ function ao(e, o) {
   };
   let r = t.body;
   [t, l].forEach((F) => {
-    const _ = [], x = F.hFlip, P = F.vFlip;
+    const _ = [], C = F.hFlip, P = F.vFlip;
     let O = F.rotate;
-    x ? P ? O += 2 : (_.push(
+    C ? P ? O += 2 : (_.push(
       "translate(" + (n.width + n.left).toString() + " " + (0 - n.top).toString() + ")"
     ), _.push("scale(-1 1)"), n.top = n.left = 0) : P && (_.push(
       "translate(" + (0 - n.left).toString() + " " + (n.height + n.top).toString() + ")"
@@ -535,11 +535,11 @@ function Je(e) {
 const Ze = /* @__PURE__ */ Object.create(null), ce = [
   "https://api.simplesvg.com",
   "https://api.unisvg.com"
-], xe = [];
+], Ce = [];
 for (; ce.length > 0; )
-  ce.length === 1 || Math.random() > 0.5 ? xe.push(ce.shift()) : xe.push(ce.pop());
+  ce.length === 1 || Math.random() > 0.5 ? Ce.push(ce.shift()) : Ce.push(ce.pop());
 Ze[""] = Je({
-  resources: ["https://api.iconify.design"].concat(xe)
+  resources: ["https://api.iconify.design"].concat(Ce)
 });
 function vo(e, o) {
   const t = Je(o);
@@ -648,11 +648,11 @@ const ko = (e, o, t) => {
   }).catch(() => {
     t("next", n);
   });
-}, Co = {
+}, xo = {
   prepare: yo,
   send: ko
 };
-function xo(e) {
+function Co(e) {
   const o = {
     loaded: [],
     missing: [],
@@ -776,7 +776,7 @@ function To(e, o, t, l) {
       y.status === "pending" && (y.status = "aborted");
     }), S = [];
   }
-  function x(y, b) {
+  function C(y, b) {
     b && (L = []), typeof y == "function" && L.push(y);
   }
   function P() {
@@ -786,7 +786,7 @@ function To(e, o, t, l) {
       status: u,
       queriesSent: c,
       queriesPending: S.length,
-      subscribe: x,
+      subscribe: C,
       abort: _
     };
   }
@@ -802,7 +802,7 @@ function To(e, o, t, l) {
   }
   function R(y, b, E) {
     const I = b !== "success";
-    switch (S = S.filter((N) => N !== y), u) {
+    switch (S = S.filter((B) => B !== y), u) {
       case "pending":
         break;
       case "failed":
@@ -821,11 +821,11 @@ function To(e, o, t, l) {
       return;
     }
     if (F(), z(), !e.random) {
-      const N = e.resources.indexOf(y.resource);
-      N !== -1 && N !== e.index && (e.index = N);
+      const B = e.resources.indexOf(y.resource);
+      B !== -1 && B !== e.index && (e.index = B);
     }
-    u = "completed", L.forEach((N) => {
-      N(E);
+    u = "completed", L.forEach((B) => {
+      B(E);
     });
   }
   function H() {
@@ -1097,7 +1097,7 @@ function Ro(e, o) {
   }));
 }
 const qo = (e, o) => {
-  const t = Fo(e, !0, Qt()), l = xo(t);
+  const t = Fo(e, !0, Qt()), l = Co(t);
   if (!l.pending.length) {
     let u = !0;
     return o && setTimeout(() => {
@@ -1139,7 +1139,7 @@ function Do(e, o) {
   return t;
 }
 const Ho = /[\s,]+/;
-function No(e, o) {
+function Bo(e, o) {
   o.split(Ho).forEach((t) => {
     switch (t.trim()) {
       case "horizontal":
@@ -1151,7 +1151,7 @@ function No(e, o) {
     }
   });
 }
-function Bo(e, o = 0) {
+function No(e, o = 0) {
   const t = e.replace(/^-?[0-9.]*/, "");
   function l(n) {
     for (; n < 0; )
@@ -1231,8 +1231,8 @@ function zt(e) {
 const Ot = (e, o) => {
   const t = Do(Mt, o), l = { ...Qo }, n = o.mode || "svg", r = {}, s = o.style, i = typeof s == "object" && !(s instanceof Array) ? s : {};
   for (let _ in o) {
-    const x = o[_];
-    if (x !== void 0)
+    const C = o[_];
+    if (C !== void 0)
       switch (_) {
         case "icon":
         case "style":
@@ -1242,24 +1242,24 @@ const Ot = (e, o) => {
         case "inline":
         case "hFlip":
         case "vFlip":
-          t[_] = x === !0 || x === "true" || x === 1;
+          t[_] = C === !0 || C === "true" || C === 1;
           break;
         case "flip":
-          typeof x == "string" && No(t, x);
+          typeof C == "string" && Bo(t, C);
           break;
         case "color":
-          r.color = x;
+          r.color = C;
           break;
         case "rotate":
-          typeof x == "string" ? t[_] = Bo(x) : typeof x == "number" && (t[_] = x);
+          typeof C == "string" ? t[_] = No(C) : typeof C == "number" && (t[_] = C);
           break;
         case "ariaHidden":
         case "aria-hidden":
-          x !== !0 && x !== "true" && delete l["aria-hidden"];
+          C !== !0 && C !== "true" && delete l["aria-hidden"];
           break;
         default: {
           const P = Se[_];
-          P ? (x === !0 || x === "true" || x === 1) && (t[P] = !0) : Mt[_] === void 0 && (l[_] = x);
+          P ? (C === !0 || C === "true" || C === 1) && (t[P] = !0) : Mt[_] === void 0 && (l[_] = C);
         }
       }
   }
@@ -1269,8 +1269,8 @@ const Ot = (e, o) => {
       ...r,
       ...i
     }, Object.assign(l, c);
-    let _ = 0, x = o.id;
-    return typeof x == "string" && (x = x.replace(/-/g, "_")), l.innerHTML = ho(u.body, x ? () => x + "ID" + _++ : "iconifyVue"), wt("svg", l);
+    let _ = 0, C = o.id;
+    return typeof C == "string" && (C = C.replace(/-/g, "_")), l.innerHTML = ho(u.body, C ? () => C + "ID" + _++ : "iconifyVue"), wt("svg", l);
   }
   const { body: d, width: w, height: S } = e, L = n === "mask" || (n === "bg" ? !1 : d.indexOf("currentColor") !== -1), F = jo(d, {
     ...c,
@@ -1288,7 +1288,7 @@ const Ot = (e, o) => {
   }, wt("span", l);
 };
 Qt(!0);
-po("", Co);
+po("", xo);
 if (typeof document < "u" && typeof window < "u") {
   on();
   const e = window;
@@ -1393,7 +1393,7 @@ const Ko = {
     expandall: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const o = e, t = Cn(o, "expandedrows"), l = j(!1);
+    const o = e, t = xn(o, "expandedrows"), l = j(!1);
     function n(s) {
       if (console.log(t.value), o.expandall)
         l.value = !l.value, t.value.forEach((i) => {
@@ -1479,7 +1479,7 @@ const Ko = {
     }), (s, i) => (p(), m("tr", Jo, [
       l.all.hasCheckbox ? (p(), m("th", {
         key: "chkall",
-        class: C(["bh-w-px", {
+        class: x(["bh-w-px", {
           "bh-sticky bh-bg-blue-light bh-z-[1]": l.all.stickyHeader || l.all.stickyFirstColumn,
           "bh-top-0": l.all.stickyHeader,
           "bh-left-0": l.all.stickyFirstColumn
@@ -1508,7 +1508,7 @@ const Ko = {
       (p(!0), m(D, null, Y(l.all.columns, (u, c) => (p(), m(D, null, [
         u.hide ? $("", !0) : (p(), m("th", {
           key: u.field,
-          class: C(["bh-select-none bh-z-[1]", [
+          class: x(["bh-select-none bh-z-[1]", [
             l.all.sortable && u.sort ? "bh-cursor-pointer" : "",
             c === 0 && l.all.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
             l.all.hasCheckbox && c === 0 && l.all.stickyFirstColumn ? "bh-left-[52px]" : ""
@@ -1520,24 +1520,24 @@ const Ko = {
           })
         }, [
           v("div", {
-            class: C(["bh-flex bh-items-center", [u.headerClass ? u.headerClass : ""]]),
+            class: x(["bh-flex bh-items-center", [u.headerClass ? u.headerClass : ""]]),
             onClick: (d) => l.all.sortable && u.sort && n("sortChange", u.field)
           }, [
             He(A(u.title) + " ", 1),
             l.all.sortable && u.sort ? (p(), m("span", {
               key: 0,
-              class: C(["bh-ml-3 bh-sort bh-flex bh-items-center", [l.currentSortColumn, l.currentSortDirection]])
+              class: x(["bh-ml-3 bh-sort bh-flex bh-items-center", [l.currentSortColumn, l.currentSortDirection]])
             }, [
               (p(), m("svg", nl, [
                 v("polygon", {
                   points: "3.11,6.25 10.89,6.25 7,1.75 ",
                   fill: "currentColor",
-                  class: C(["bh-text-black/20", [e.currentSortColumn === u.field && e.currentSortDirection === "asc" ? "!bh-text-primary" : ""]])
+                  class: x(["bh-text-black/20", [e.currentSortColumn === u.field && e.currentSortDirection === "asc" ? "!bh-text-primary" : ""]])
                 }, null, 2),
                 v("polygon", {
                   points: "7,12.25 10.89,7.75 3.11,7.75 ",
                   fill: "currentColor",
-                  class: C(["bh-text-black/20", [e.currentSortColumn === u.field && e.currentSortDirection === "desc" ? "!bh-text-primary" : ""]])
+                  class: x(["bh-text-black/20", [e.currentSortColumn === u.field && e.currentSortDirection === "desc" ? "!bh-text-primary" : ""]])
                 }, null, 2)
               ]))
             ], 2)) : $("", !0)
@@ -1590,7 +1590,7 @@ const Ko = {
                 onClick: i[5] || (i[5] = //@ts-ignore
                 (...d) => l.isOpenFilter && l.isOpenFilter(...d))
               }, fl, 40, sl)), [
-                [Bt, u.value]
+                [Nt, u.value]
               ]) : $("", !0),
               u.type !== "bool" ? (p(), m("button", {
                 key: 4,
@@ -1606,7 +1606,7 @@ const Ko = {
                 onClose: i[6] || (i[6] = (d) => n("toggleFilterMenu", null)),
                 onFilterChange: i[7] || (i[7] = (d) => n("filterChange"))
               }, null, 8, ["column", "type", "columnFilterLang"]), [
-                [Ne, l.isOpenFilter === u.field]
+                [Be, l.isOpenFilter === u.field]
               ])
             ])) : $("", !0)
           ], 64)) : $("", !0)
@@ -1630,9 +1630,9 @@ var yl = Object.prototype, wl = yl.toString;
 function kl(e) {
   return wl.call(e);
 }
-var Cl = "[object Null]", xl = "[object Undefined]", Rt = Le ? Le.toStringTag : void 0;
+var xl = "[object Null]", Cl = "[object Undefined]", Rt = Le ? Le.toStringTag : void 0;
 function Sl(e) {
-  return e == null ? e === void 0 ? xl : Cl : Rt && Rt in Object(e) ? bl(e) : kl(e);
+  return e == null ? e === void 0 ? Cl : xl : Rt && Rt in Object(e) ? bl(e) : kl(e);
 }
 function _l(e) {
   return e != null && typeof e == "object";
@@ -1696,13 +1696,13 @@ function un(e, o, t) {
     var b = y - u, E = y - c, I = o - b;
     return w ? Dl(I, r - E) : I;
   }
-  function x(y) {
+  function C(y) {
     var b = y - u, E = y - c;
     return u === void 0 || b >= o || b < 0 || w && E >= r;
   }
   function P() {
     var y = De();
-    if (x(y))
+    if (C(y))
       return O(y);
     i = setTimeout(P, _(y));
   }
@@ -1716,7 +1716,7 @@ function un(e, o, t) {
     return i === void 0 ? s : O(De());
   }
   function H() {
-    var y = De(), b = x(y);
+    var y = De(), b = C(y);
     if (l = arguments, n = this, u = y, b) {
       if (i === void 0)
         return F(u);
@@ -1738,20 +1738,20 @@ function cn(e, o, t) {
     trailing: n
   });
 }
-var Nl = Object.defineProperty, Bl = Object.defineProperties, jl = Object.getOwnPropertyDescriptors, Dt = Object.getOwnPropertySymbols, Vl = Object.prototype.hasOwnProperty, Ul = Object.prototype.propertyIsEnumerable, Ht = (e, o, t) => o in e ? Nl(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t, Ie = (e, o) => {
+var Bl = Object.defineProperty, Nl = Object.defineProperties, jl = Object.getOwnPropertyDescriptors, Dt = Object.getOwnPropertySymbols, Vl = Object.prototype.hasOwnProperty, Ul = Object.prototype.propertyIsEnumerable, Ht = (e, o, t) => o in e ? Bl(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t, Ie = (e, o) => {
   for (var t in o || (o = {}))
     Vl.call(o, t) && Ht(e, t, o[t]);
   if (Dt)
     for (var t of Dt(o))
       Ul.call(o, t) && Ht(e, t, o[t]);
   return e;
-}, fn = (e, o) => Bl(e, jl(o));
+}, fn = (e, o) => Nl(e, jl(o));
 const Wl = ["onPointerdown"], Ql = {
   name: "ScrollbarThumb"
 };
 function Gl(e, { expose: o }) {
   const t = e;
-  xn((b) => ({
+  Cn((b) => ({
     "1fb98f78": U(l)
   }));
   const l = Q(() => {
@@ -1768,7 +1768,7 @@ function Gl(e, { expose: o }) {
   }, c = () => {
     n !== null && clearTimeout(n);
   };
-  Be(c);
+  Ne(c);
   const d = cn((b) => {
     b.stopPropagation(), b.preventDefault();
     const E = t.type === "horizontal" ? "pageX" : "pageY", I = (b[E] - s[E]) / t.scrollInfo.wrapperMainSize * t.scrollInfo.contentMainSize;
@@ -1783,17 +1783,17 @@ function Gl(e, { expose: o }) {
       c(), r.value && r.value.classList.add("scrollbar__thumbPlaceholder--scrolling"), u();
     }
   });
-  let F = Z(!1), _ = Z(!1), x = Z(null), P = null, O = null, z = Q(() => t.fixedThumb && !_.value);
+  let F = Z(!1), _ = Z(!1), C = Z(null), P = null, O = null, z = Q(() => t.fixedThumb && !_.value);
   const R = ([b]) => _.value = b.isIntersecting, H = ([b]) => F.value = b.isIntersecting, y = () => {
     P && (P.disconnect(), P = null), O && (O.disconnect(), O = null);
   };
   return W(() => [t.fixedThumb, t.wrapperEl], () => {
     if (!t.fixedThumb || !t.wrapperEl)
       return y();
-    y(), O = new IntersectionObserver(H, { threshold: [0, 0.5] }), O.observe(t.wrapperEl), P = new IntersectionObserver(R), P.observe(x.value);
-  }), Be(y), (b, E) => (p(), m(D, null, [
+    y(), O = new IntersectionObserver(H, { threshold: [0, 0.5] }), O.observe(t.wrapperEl), P = new IntersectionObserver(R), P.observe(C.value);
+  }), Ne(y), (b, E) => (p(), m(D, null, [
     J(v("div", {
-      class: C([
+      class: x([
         "scrollbar__thumbPlaceholder",
         `scrollbar__thumbPlaceholder--${e.type}`,
         {
@@ -1807,25 +1807,25 @@ function Gl(e, { expose: o }) {
         position: z.value ? "fixed" : "absolute",
         [e.type === "vertical" ? "top" : "left"]: z.value ? `${e.scrollInfo.boundaryDistance + 3}px` : "3px"
       }),
-      ref: (I, N) => {
-        N.thumbEl = I, r.value = I;
+      ref: (I, B) => {
+        B.thumbEl = I, r.value = I;
       },
       onPointerdown: le(S, ["stop"])
     }, [
       E[0] || (kt(-1), E[0] = v("div", {
-        class: C(["scrollbar__thumb", `scrollbar__thumb--${e.type}`])
+        class: x(["scrollbar__thumb", `scrollbar__thumb--${e.type}`])
       }, null, 2), kt(1), E[0])
     ], 46, Wl), [
-      [Ne, !!e.scrollInfo.thumbSize && (e.fixedThumb ? F.value : !0)]
+      [Be, !!e.scrollInfo.thumbSize && (e.fixedThumb ? F.value : !0)]
     ]),
     t.fixedThumb ? J((p(), m("div", {
       key: 0,
-      ref: (I, N) => {
-        N.shepherdEl = I, x.value = I;
+      ref: (I, B) => {
+        B.shepherdEl = I, C.value = I;
       },
-      class: C(["scrollbar__shepherd", `scrollbar__shepherd--${e.type}`])
+      class: x(["scrollbar__shepherd", `scrollbar__shepherd--${e.type}`])
     }, null, 2)), [
-      [Ne, !!e.scrollInfo.thumbSize]
+      [Be, !!e.scrollInfo.thumbSize]
     ]) : $("", !0)
   ], 64));
 }
@@ -1845,7 +1845,7 @@ const Kl = /* @__PURE__ */ ie(fn(Ie({}, Ql), {
   wait: 333,
   type: "debounce"
 };
-function Nt(...e) {
+function Bt(...e) {
   const o = "value" in (e == null ? void 0 : e[0]);
   let t;
   o ? t = e == null ? void 0 : e[1] : t = e == null ? void 0 : e[0];
@@ -1859,7 +1859,7 @@ function Nt(...e) {
   };
   return Ln(() => {
     s.value && (w(), c = u, n === "throttle" && l >= 4 ? c = cn(c, l) : n === "debounce" && l >= 4 && (c = un(c, l)), window.addEventListener("resize", c), d = new ResizeObserver(c), d.observe(s.value));
-  }), Be(w), o ? i : [s, i];
+  }), Ne(w), o ? i : [s, i];
 }
 const Yl = {
   name: "CustomScrollbar",
@@ -1882,7 +1882,7 @@ function Jl(e, { expose: o, emit: t }) {
         return (E = b == null ? void 0 : b.classList) == null ? void 0 : E.contains(`scrollbar__thumbPlaceholder--${y}`);
       });
   });
-  const u = Nt(s, { wait: l.throttleWait, type: l.throttleType, callback: S }), c = Nt(i, { wait: l.throttleWait, type: l.throttleType, callback: S });
+  const u = Bt(s, { wait: l.throttleWait, type: l.throttleType, callback: S }), c = Bt(i, { wait: l.throttleWait, type: l.throttleType, callback: S });
   let d = Z(0), w = Z(0);
   function S() {
     d.value = Math.max(s.value.scrollHeight - u.height | 0, 0), w.value = Math.max(s.value.scrollWidth - u.width | 0, 0);
@@ -1897,22 +1897,22 @@ function Jl(e, { expose: o, emit: t }) {
     contentMainSize: c.height,
     wrapperMainSize: u.height,
     boundaryDistance: Math.abs(u.top)
-  })), _ = Q(() => u.height - F.value.thumbSize - 5), x = Q(() => u.width - L.value.thumbSize - 5);
+  })), _ = Q(() => u.height - F.value.thumbSize - 5), C = Q(() => u.width - L.value.thumbSize - 5);
   const P = () => {
-    w.value && (n.horizontal.el.style.transform = `translate3d(${s.value.scrollLeft / w.value * x.value}px, 0, 0)`, n.horizontal.instance.autoHideAfterScroll()), d.value && (n.vertical.el.style.transform = `translate3d(0, ${s.value.scrollTop / d.value * _.value}px, 0)`, n.vertical.instance.autoHideAfterScroll());
+    w.value && (n.horizontal.el.style.transform = `translate3d(${s.value.scrollLeft / w.value * C.value}px, 0, 0)`, n.horizontal.instance.autoHideAfterScroll()), d.value && (n.vertical.el.style.transform = `translate3d(0, ${s.value.scrollTop / d.value * _.value}px, 0)`, n.vertical.instance.autoHideAfterScroll());
   };
   W(() => [w.value, d.value], P);
   const O = (R) => {
     R.stopPropagation();
     const H = s.value.scrollLeft, y = s.value.scrollTop, b = ke(H + ((R == null ? void 0 : R.deltaX) || 0), 0, w.value) | 0, E = ke(y + ((R == null ? void 0 : R.deltaY) || 0), 0, d.value) | 0;
-    s.value.scrollLeft = b, s.value.scrollTop = E, w.value && (n.horizontal.el.style.transform = `translate3d(${b / w.value * x.value}px, 0, 0)`, n.horizontal.instance.autoHideAfterScroll()), d.value && (n.vertical.el.style.transform = `translate3d(0, ${E / d.value * _.value}px, 0)`, n.vertical.instance.autoHideAfterScroll()), t("scroll", { target: s.value, scrollLeft: b, scrollTop: E });
+    s.value.scrollLeft = b, s.value.scrollTop = E, w.value && (n.horizontal.el.style.transform = `translate3d(${b / w.value * C.value}px, 0, 0)`, n.horizontal.instance.autoHideAfterScroll()), d.value && (n.vertical.el.style.transform = `translate3d(0, ${E / d.value * _.value}px, 0)`, n.vertical.instance.autoHideAfterScroll()), t("scroll", { target: s.value, scrollLeft: b, scrollTop: E });
   }, z = (R) => {
     l.simulateScroll ? O(R) : P();
   };
   return W(u, () => t("wrapperResize", u)), W(c, () => t("contentResize", c)), o({
     scrollEl: s
   }), (R, H) => (p(), m("div", {
-    class: C(["scrollbar__wrapper", e.wrapperClass]),
+    class: x(["scrollbar__wrapper", e.wrapperClass]),
     style: ve(e.wrapperStyle)
   }, [
     v("div", Sn({
@@ -1928,7 +1928,7 @@ function Jl(e, { expose: o, emit: t }) {
         ref: (y, b) => {
           b.contentEl = y, i.value = y;
         },
-        class: C(["scrollbar__content", e.contentClass, { "scrollbar__content--fixedThumb": e.fixedThumb, [`scrollbar__content--${e.direction}`]: e.direction }]),
+        class: x(["scrollbar__content", e.contentClass, { "scrollbar__content--fixedThumb": e.fixedThumb, [`scrollbar__content--${e.direction}`]: e.direction }]),
         style: ve(e.contentStyle)
       }, [
         de(R.$slots, "default")
@@ -2043,20 +2043,20 @@ const Zl = /* @__PURE__ */ ie(fn(Ie({}, Yl), {
   ])
 ], -1), vr = [
   pr
-], gr = { class: "bh-flex bh-items-center bh-flex-wrap bh-flex-col sm:bh-flex-row bh-gap-4" }, mr = { class: "bh-pagination-info bh-flex bh-items-center" }, br = { class: "bh-mr-2" }, yr = ["value"], wr = { class: "bh-pagination-number sm:bh-ml-auto bh-inline-flex bh-items-center bh-space-x-1" }, kr = ["innerHTML"], Cr = {
+], gr = { class: "bh-flex bh-items-center bh-flex-wrap bh-flex-col sm:bh-flex-row bh-gap-4" }, mr = { class: "bh-pagination-info bh-flex bh-items-center" }, br = { class: "bh-mr-2" }, yr = ["value"], wr = { class: "bh-pagination-number sm:bh-ml-auto bh-inline-flex bh-items-center bh-space-x-1" }, kr = ["innerHTML"], xr = {
   key: 1,
   "aria-hidden": "true",
   width: "14",
   height: "14",
   viewBox: "0 0 16 16"
-}, xr = /* @__PURE__ */ v("g", {
+}, Cr = /* @__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), Sr = [
-  xr
+  Cr
 ], _r = ["innerHTML"], Lr = {
   key: 1,
   "aria-hidden": "true",
@@ -2140,7 +2140,11 @@ const Zl = /* @__PURE__ */ ie(fn(Ie({}, Yl), {
     stickyFirstColumn: { type: Boolean, default: !1 },
     cloneHeaderInFooter: { type: Boolean, default: !1 },
     selectRowOnClick: { type: Boolean, default: !1 },
-    scrollbarstyle: {}
+    scrollbarstyle: {},
+    scrollbarautohide: { type: Boolean, default: !0 },
+    scrollbarfixedthumb: { type: Boolean, default: !1 },
+    scrollbarautoexpand: { type: Boolean, default: !1 },
+    scrollbardirection: { default: "horizontal" }
   },
   emits: ["change", "sortChange", "searchChange", "pageChange", "pageSizeChange", "rowSelect", "filterChange", "rowClick", "rowDBClick"],
   setup(e, { expose: o, emit: t }) {
@@ -2150,7 +2154,7 @@ const Zl = /* @__PURE__ */ ie(fn(Ie({}, Yl), {
       const h = ((gt = a.type) == null ? void 0 : gt.toLowerCase()) || "string";
       a.type = h, a.isUnique = a.isUnique !== void 0 ? a.isUnique : !1, a.hide = a.hide !== void 0 ? a.hide : !1, a.filter = a.filter !== void 0 ? a.filter : !0, a.search = a.search !== void 0 ? a.search : !0, a.sort = a.sort !== void 0 ? a.sort : !0, a.html = a.html !== void 0 ? a.html : !1, a.condition = !h || h === "string" ? "contain" : "equal";
     }
-    const r = j([]), s = j(n.page), i = j(n.pagination ? n.pageSize : (mt = n.rows) == null ? void 0 : mt.length), u = n.pageSize, c = j(n.sortColumn), d = n.sortColumn, w = j(n.sortDirection), S = n.sortDirection, L = j(n.totalRows), F = j([]), _ = j(null), x = j(n.loading), P = j(n.search), O = JSON.parse(JSON.stringify(n.columns)), z = j(null), R = j(null);
+    const r = j([]), s = j(n.page), i = j(n.pagination ? n.pageSize : (mt = n.rows) == null ? void 0 : mt.length), u = n.pageSize, c = j(n.sortColumn), d = n.sortColumn, w = j(n.sortDirection), S = n.sortDirection, L = j(n.totalRows), F = j([]), _ = j(null), C = j(n.loading), P = j(n.search), O = JSON.parse(JSON.stringify(n.columns)), z = j(null), R = j(null);
     let H = j(0);
     const y = j(230);
     Xe(() => {
@@ -2186,7 +2190,7 @@ const Zl = /* @__PURE__ */ ie(fn(Ie({}, Yl), {
     const E = (a, ...h) => a.replace(/{(\d+)}/g, (g, M) => typeof h[M] < "u" ? h[M] : g), I = Q(() => {
       const a = n.columns.find((h) => h.isUnique);
       return (a == null ? void 0 : a.field) || null;
-    }), N = Q(() => {
+    }), B = Q(() => {
       const a = i.value < 1 ? 1 : Math.ceil(L.value / i.value);
       return Math.max(a || 0, 1);
     }), Pe = Q(() => (s.value - 1) * i.value + 1), ze = Q(() => {
@@ -2194,9 +2198,9 @@ const Zl = /* @__PURE__ */ ie(fn(Ie({}, Yl), {
       return L.value >= a ? a : L.value;
     }), ot = Q(() => {
       let a, h;
-      return typeof n.showNumbersCount < "u" && n.showNumbersCount < N.value ? (a = Math.max(s.value - Math.floor(n.showNumbersCount / 2), 1), h = a + n.showNumbersCount - 1, h > N.value && (h = N.value, a = h - n.showNumbersCount + 1)) : (a = 1, h = N.value), Array.from(Array(h + 1 - a).keys()).map((V) => a + V);
+      return typeof n.showNumbersCount < "u" && n.showNumbersCount < B.value ? (a = Math.max(s.value - Math.floor(n.showNumbersCount / 2), 1), h = a + n.showNumbersCount - 1, h > B.value && (h = B.value, a = h - n.showNumbersCount + 1)) : (a = 1, h = B.value), Array.from(Array(h + 1 - a).keys()).map((V) => a + V);
     }), lt = () => {
-      var V, B, X;
+      var V, N, X;
       let a = n.rows || [];
       if (!n.isServerMode) {
         if ((V = n.columns) == null || V.forEach((f) => {
@@ -2224,7 +2228,7 @@ const Zl = /* @__PURE__ */ ie(fn(Ie({}, Yl), {
           const k = (n.columns || []).filter((q) => q.search && !q.hide).map((q) => q.field);
           for (var h = 0; h < (a == null ? void 0 : a.length); h++)
             for (var g = 0; g < k.length; g++)
-              if ((B = T(a[h], k[g])) != null && B.toString().toLowerCase().includes(P.value.toLowerCase())) {
+              if ((N = T(a[h], k[g])) != null && N.toString().toLowerCase().includes(P.value.toLowerCase())) {
                 f.push(a[h]);
                 break;
               }
@@ -2251,7 +2255,7 @@ const Zl = /* @__PURE__ */ ie(fn(Ie({}, Yl), {
     W(
       () => n.loading,
       () => {
-        x.value = n.loading;
+        C.value = n.loading;
       }
     );
     const rt = (a) => {
@@ -2263,7 +2267,7 @@ const Zl = /* @__PURE__ */ ie(fn(Ie({}, Yl), {
     }, st = (a) => {
       s.value = a;
     }, at = () => {
-      if (s.value >= N.value)
+      if (s.value >= B.value)
         return !1;
       s.value++;
     };
@@ -2363,24 +2367,24 @@ const Zl = /* @__PURE__ */ ie(fn(Ie({}, Yl), {
       vt.value++;
     }, 2200), (a, h) => (p(), m("div", er, [
       v("div", {
-        class: C(n.scrollbarstyle)
+        class: x(n.scrollbarstyle)
       }, [
         G(U(Zl), {
-          autoHide: !0,
-          fixedThumb: !0,
-          autoExpand: !1,
-          throttleType: "none"
+          autoHide: n.scrollbarautohide,
+          fixedThumb: n.scrollbarfixedthumb,
+          autoExpand: n.scrollbarautoexpand,
+          direction: n.scrollbardirection
         }, {
           default: In(() => [
             v("div", {
-              class: C(["bh-table-responsive", { "bh-min-h-[100px]": x.value }]),
+              class: x(["bh-table-responsive", { "bh-min-h-[100px]": C.value }]),
               style: ve([{ overflow: "inherit" }, { height: n.stickyHeader && n.height }])
             }, [
               v("table", {
-                class: C([n.skin])
+                class: x([n.skin])
               }, [
                 v("thead", {
-                  class: C({ "bh-sticky bh-top-0 bh-z-10": n.stickyHeader })
+                  class: x({ "bh-sticky bh-top-0 bh-z-10": n.stickyHeader })
                 }, [
                   G(At, {
                     all: n,
@@ -2404,18 +2408,18 @@ const Zl = /* @__PURE__ */ ie(fn(Ie({}, Yl), {
                     }, [
                       L.value ? (p(), m("tr", {
                         key: 0,
-                        class: C([typeof n.rowClass == "function" ? a.rowClass(g) : n.rowClass, n.selectRowOnClick ? "bh-cursor-pointer" : ""]),
-                        onClick: le((B) => dt(g, M), ["prevent"])
+                        class: x([typeof n.rowClass == "function" ? a.rowClass(g) : n.rowClass, n.selectRowOnClick ? "bh-cursor-pointer" : ""]),
+                        onClick: le((N) => dt(g, M), ["prevent"])
                       }, [
                         n.hasCheckbox ? (p(), m("td", {
                           key: 0,
-                          class: C({
+                          class: x({
                             "bh-sticky bh-left-0 bh-bg-blue-light": n.stickyFirstColumn
                           })
                         }, [
                           v("div", nr, [
                             J(v("input", {
-                              "onUpdate:modelValue": h[0] || (h[0] = (B) => F.value = B),
+                              "onUpdate:modelValue": h[0] || (h[0] = (N) => F.value = N),
                               type: "checkbox",
                               value: g[I.value] ? g[I.value] : M,
                               onClick: h[1] || (h[1] = le(() => {
@@ -2430,7 +2434,7 @@ const Zl = /* @__PURE__ */ ie(fn(Ie({}, Yl), {
                         ], 2)) : $("", !0),
                         n.hasSubtable ? (p(), m("td", {
                           key: 1,
-                          class: C({
+                          class: x({
                             "bh-sticky bh-left-0 bh-bg-blue-light": n.stickyFirstColumn
                           })
                         }, [
@@ -2439,32 +2443,32 @@ const Zl = /* @__PURE__ */ ie(fn(Ie({}, Yl), {
                             expandedrows: ue.value
                           }, null, 8, ["item", "expandedrows"])
                         ], 2)) : $("", !0),
-                        (p(!0), m(D, null, Y(n.columns, (B, X) => (p(), m(D, null, [
-                          B.hide ? $("", !0) : (p(), m("td", {
-                            key: B.field,
-                            class: C([
+                        (p(!0), m(D, null, Y(n.columns, (N, X) => (p(), m(D, null, [
+                          N.hide ? $("", !0) : (p(), m("td", {
+                            key: N.field,
+                            class: x([
                               typeof n.cellClass == "function" ? a.cellClass(g) : n.cellClass,
                               X === 0 && n.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
                               n.hasCheckbox && X === 0 && n.stickyFirstColumn ? "bh-left-[52px]" : "",
-                              B.cellClass ? B.cellClass : ""
+                              N.cellClass ? N.cellClass : ""
                             ])
                           }, [
-                            U(l)[B.field] ? de(a.$slots, B.field, {
+                            U(l)[N.field] ? de(a.$slots, N.field, {
                               key: 0,
                               value: g
-                            }) : B.cellRenderer ? (p(), m("div", {
+                            }) : N.cellRenderer ? (p(), m("div", {
                               key: 1,
-                              innerHTML: B.cellRenderer(g)
+                              innerHTML: N.cellRenderer(g)
                             }, null, 8, lr)) : (p(), m(D, { key: 2 }, [
-                              He(A(T(g, B.field)), 1)
+                              He(A(T(g, N.field)), 1)
                             ], 64))
                           ], 2))
                         ], 64))), 256))
                       ], 10, tr)) : $("", !0),
-                      (V = ue.value.find((B) => B.id == g.id)) != null && V.isExpanded && n.hasSubtable ? (p(), m("tr", {
+                      (V = ue.value.find((N) => N.id == g.id)) != null && V.isExpanded && n.hasSubtable ? (p(), m("tr", {
                         key: 1,
-                        class: C([typeof n.rowClass == "function" ? a.rowClass(g) : n.rowClass, n.selectRowOnClick ? "bh-cursor-pointer" : ""]),
-                        onClick: le((B) => dt(g, M), ["prevent"])
+                        class: x([typeof n.rowClass == "function" ? a.rowClass(g) : n.rowClass, n.selectRowOnClick ? "bh-cursor-pointer" : ""]),
+                        onClick: le((N) => dt(g, M), ["prevent"])
                       }, [
                         v("td", {
                           colspan: n.columns.length + U(ae)
@@ -2474,12 +2478,12 @@ const Zl = /* @__PURE__ */ ie(fn(Ie({}, Yl), {
                       ], 10, rr)) : $("", !0)
                     ], 64);
                   }), 128)),
-                  !L.value && !x.value ? (p(), m("tr", sr, [
+                  !L.value && !C.value ? (p(), m("tr", sr, [
                     v("td", {
                       colspan: n.columns.length + U(ae)
                     }, A(n.noDataContent), 9, ar)
                   ])) : $("", !0),
-                  !L.value && x.value ? (p(!0), m(D, { key: 1 }, Y(n.pageSize, (g) => (p(), m("tr", {
+                  !L.value && C.value ? (p(!0), m(D, { key: 1 }, Y(n.pageSize, (g) => (p(), m("tr", {
                     key: g,
                     class: "!bh-bg-white bh-h-11 !bh-border-transparent"
                   }, [
@@ -2492,13 +2496,13 @@ const Zl = /* @__PURE__ */ ie(fn(Ie({}, Yl), {
                     key: g[I.value] ? g[I.value] : M
                   }, [
                     v("td", { colspan: U(ae) }, null, 8, dr),
-                    (p(!0), m(D, null, Y(n.columns, (V, B) => (p(), m(D, null, [
+                    (p(!0), m(D, null, Y(n.columns, (V, N) => (p(), m(D, null, [
                       V.hide ? $("", !0) : (p(), m("td", {
                         key: V.field,
-                        class: C([
+                        class: x([
                           typeof n.cellClass == "function" ? a.cellClass(g) : n.cellClass,
-                          B === 0 && n.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
-                          n.hasCheckbox && B === 0 && n.stickyFirstColumn ? "bh-left-[52px]" : "",
+                          N === 0 && n.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
+                          n.hasCheckbox && N === 0 && n.stickyFirstColumn ? "bh-left-[52px]" : "",
                           V.cellClass ? V.cellClass : ""
                         ])
                       }, [
@@ -2511,7 +2515,7 @@ const Zl = /* @__PURE__ */ ie(fn(Ie({}, Yl), {
                 ]),
                 n.cloneHeaderInFooter ? (p(), m("tfoot", {
                   key: 0,
-                  class: C({ "bh-sticky bh-bottom-0": n.stickyHeader })
+                  class: x({ "bh-sticky bh-bottom-0": n.stickyHeader })
                 }, [
                   G(At, {
                     all: n,
@@ -2527,7 +2531,7 @@ const Zl = /* @__PURE__ */ ie(fn(Ie({}, Yl), {
                   }, null, 8, ["currentSortColumn", "currentSortDirection", "isOpenFilter", "checkAll"])
                 ], 2)) : $("", !0)
               ], 2),
-              L.value && x.value ? (p(), m("div", hr, [
+              L.value && C.value ? (p(), m("div", hr, [
                 (p(), m("svg", {
                   key: vt.value,
                   xmlns: "http://www.w3.org/2000/svg",
@@ -2539,11 +2543,11 @@ const Zl = /* @__PURE__ */ ie(fn(Ie({}, Yl), {
             ], 6)
           ]),
           _: 3
-        })
+        }, 8, ["autoHide", "fixedThumb", "autoExpand", "direction"])
       ], 2),
       n.pagination && L.value ? (p(), m("div", {
         key: 0,
-        class: C(["bh-pagination", { "bh-pointer-events-none": x.value, "sticky-footer": n.stickyFooter }])
+        class: x(["bh-pagination", { "bh-pointer-events-none": C.value, "sticky-footer": n.stickyFooter }])
       }, [
         v("div", gr, [
           de(a.$slots, "footerpageinfo", {
@@ -2569,13 +2573,13 @@ const Zl = /* @__PURE__ */ ie(fn(Ie({}, Yl), {
                   key: g
                 }, A(g), 9, yr))), 128))
               ], 512)), [
-                [Bt, i.value]
+                [Nt, i.value]
               ]) : $("", !0)
             ])
           ]),
           de(a.$slots, "footerpagination", {
             currentPage: s.value,
-            maxPage: N.value,
+            maxPage: B.value,
             paging: ot.value,
             movePage: st,
             nextPage: at,
@@ -2585,17 +2589,17 @@ const Zl = /* @__PURE__ */ ie(fn(Ie({}, Yl), {
               n.showFirstPage ? (p(), m("button", {
                 key: 0,
                 type: "button",
-                class: C(["bh-page-item first-page", { disabled: s.value <= 1 }]),
+                class: x(["bh-page-item first-page", { disabled: s.value <= 1 }]),
                 onClick: h[3] || (h[3] = (g) => s.value = 1)
               }, [
                 n.firstArrow ? (p(), m("span", {
                   key: 0,
                   innerHTML: n.firstArrow
-                }, null, 8, kr)) : (p(), m("svg", Cr, Sr))
+                }, null, 8, kr)) : (p(), m("svg", xr, Sr))
               ], 2)) : $("", !0),
               v("button", {
                 type: "button",
-                class: C(["bh-page-item previous-page", { disabled: s.value <= 1 }]),
+                class: x(["bh-page-item previous-page", { disabled: s.value <= 1 }]),
                 onClick: it
               }, [
                 n.previousArrow ? (p(), m("span", {
@@ -2606,7 +2610,7 @@ const Zl = /* @__PURE__ */ ie(fn(Ie({}, Yl), {
               n.showNumbers ? (p(!0), m(D, { key: 1 }, Y(ot.value, (g) => (p(), m("button", {
                 key: g,
                 type: "button",
-                class: C(["bh-page-item", {
+                class: x(["bh-page-item", {
                   disabled: s.value === g,
                   "bh-active": g === s.value
                 }]),
@@ -2614,7 +2618,7 @@ const Zl = /* @__PURE__ */ ie(fn(Ie({}, Yl), {
               }, A(g), 11, Tr))), 128)) : $("", !0),
               v("button", {
                 type: "button",
-                class: C(["bh-page-item next-page", { disabled: s.value >= N.value }]),
+                class: x(["bh-page-item next-page", { disabled: s.value >= B.value }]),
                 onClick: at
               }, [
                 n.nextArrow ? (p(), m("span", {
@@ -2625,8 +2629,8 @@ const Zl = /* @__PURE__ */ ie(fn(Ie({}, Yl), {
               n.showLastPage ? (p(), m("button", {
                 key: 2,
                 type: "button",
-                class: C(["bh-page-item last-page", { disabled: s.value >= N.value }]),
-                onClick: h[4] || (h[4] = (g) => s.value = N.value)
+                class: x(["bh-page-item last-page", { disabled: s.value >= B.value }]),
+                onClick: h[4] || (h[4] = (g) => s.value = B.value)
               }, [
                 n.lastArrow ? (p(), m("span", {
                   key: 0,