@dolusoft/vue3-datatable 1.2.8 → 1.3.0

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 H, 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 ue, createTextVNode as De, 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 he, 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 }, [
+        t.column.type === "string" ? (p(), m(H, { 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 }, [
+        ], 64)) : t.column.type === "number" ? (p(), m(H, { 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 }, [
+        ], 64)) : t.column.type === "date" ? (p(), m(H, { 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)
       ])
@@ -150,7 +150,7 @@ const En = { class: "bh-filter-menu bh-absolute bh-z-[1] bh-bg-white bh-shadow-m
 function Rn(e, o) {
   return p(), m("svg", zn, An);
 }
-const jt = /* @__PURE__ */ Te(Pn, [["render", Rn]]), qn = {}, Dn = {
+const jt = /* @__PURE__ */ Te(Pn, [["render", Rn]]), qn = {}, Hn = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
@@ -160,18 +160,18 @@ const jt = /* @__PURE__ */ Te(Pn, [["render", Rn]]), qn = {}, Dn = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   class: "css-i6dzq1"
-}, Hn = /* @__PURE__ */ v("line", {
+}, Dn = /* @__PURE__ */ v("line", {
   x1: "5",
   y1: "12",
   x2: "19",
   y2: "12"
-}, null, -1), Nn = [
-  Hn
+}, null, -1), Bn = [
+  Dn
 ];
-function Bn(e, o) {
-  return p(), m("svg", Dn, Nn);
+function Nn(e, o) {
+  return p(), m("svg", Hn, 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",
@@ -187,7 +187,7 @@ const jn = /* @__PURE__ */ Te(qn, [["render", Bn]]), Vn = {}, Un = {
 function Gn(e, o) {
   return p(), m("svg", Un, Qn);
 }
-const Kn = /* @__PURE__ */ Te(Vn, [["render", Gn]]), he = /^[a-z0-9]+(-[a-z0-9]+)*$/, Ee = (e, o, t, l = "") => {
+const Kn = /* @__PURE__ */ Te(Vn, [["render", Gn]]), pe = /^[a-z0-9]+(-[a-z0-9]+)*$/, Ee = (e, o, t, l = "") => {
   const n = e.split(":");
   if (e.slice(0, 1) === "@") {
     if (n.length < 2 || n.length > 3)
@@ -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(pe)) && (o && e.prefix === "" || e.prefix.match(pe)) && e.name.match(pe)) : !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 = [];
@@ -314,7 +314,7 @@ function Wt(e) {
   const t = o.icons;
   for (const n in t) {
     const r = t[n];
-    if (!n.match(he) || typeof r.body != "string" || !Re(
+    if (!n.match(pe) || typeof r.body != "string" || !Re(
       r,
       je
     ))
@@ -323,7 +323,7 @@ function Wt(e) {
   const l = o.aliases || /* @__PURE__ */ Object.create(null);
   for (const n in l) {
     const r = l[n], s = r.parent;
-    if (!n.match(he) || typeof s != "string" || !t[s] && !l[s] || !Re(
+    if (!n.match(pe) || typeof s != "string" || !t[s] && !l[s] || !Re(
       r,
       je
     ))
@@ -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() + ")"
@@ -532,14 +532,14 @@ function Je(e) {
     dataAfterTimeout: e.dataAfterTimeout !== !1
   };
 }
-const Ze = /* @__PURE__ */ Object.create(null), ce = [
+const Ze = /* @__PURE__ */ Object.create(null), fe = [
   "https://api.simplesvg.com",
   "https://api.unisvg.com"
-], xe = [];
-for (; ce.length > 0; )
-  ce.length === 1 || Math.random() > 0.5 ? xe.push(ce.shift()) : xe.push(ce.pop());
+], Ce = [];
+for (; fe.length > 0; )
+  fe.length === 1 || Math.random() > 0.5 ? Ce.push(fe.shift()) : Ce.push(fe.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":
@@ -817,18 +817,18 @@ function To(e, o, t, l) {
       return;
     }
     if (I) {
-      d = E, S.length || (s.length ? H() : O());
+      d = E, S.length || (s.length ? D() : O());
       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() {
+  function D() {
     if (u !== "pending")
       return;
     F();
@@ -850,9 +850,9 @@ function To(e, o, t, l) {
         R(b, E, I);
       }
     };
-    S.push(b), c++, w = setTimeout(H, e.rotate), t(y, o, b.callback);
+    S.push(b), c++, w = setTimeout(D, e.rotate), t(y, o, b.callback);
   }
-  return setTimeout(H), P;
+  return setTimeout(D), P;
 }
 function Yt(e) {
   const o = {
@@ -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(() => {
@@ -1128,7 +1128,7 @@ const qo = (e, o) => {
     n[c][d].length && Ro(u, n[c][d]);
   }), o ? Lo(o, l, r) : Et;
 };
-function Do(e, o) {
+function Ho(e, o) {
   const t = {
     ...e
   };
@@ -1138,9 +1138,9 @@ function Do(e, o) {
   }
   return t;
 }
-const Ho = /[\s,]+/;
-function No(e, o) {
-  o.split(Ho).forEach((t) => {
+const Do = /[\s,]+/;
+function Bo(e, o) {
+  o.split(Do).forEach((t) => {
     switch (t.trim()) {
       case "horizontal":
         e.hFlip = !0;
@@ -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; )
@@ -1229,10 +1229,10 @@ function zt(e) {
   return e + (e.match(/^[-0-9.]+$/) ? "px" : "");
 }
 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 : {};
+  const t = Ho(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) => {
@@ -1418,8 +1418,8 @@ const Ko = {
         class: "expandbtn",
         onClick: i[0] || (i[0] = (d) => n(s.item.id))
       }, [
-        (((u = t.value.find((d) => d.id == s.item.id)) == null ? void 0 : u.isExpanded) == null ? l.value : (c = t.value.find((d) => d.id == s.item.id)) != null && c.isExpanded) ? (p(), m(D, { key: 0 }, [
-          o.expandall ? (p(), m(D, { key: 0 }, [
+        (((u = t.value.find((d) => d.id == s.item.id)) == null ? void 0 : u.isExpanded) == null ? l.value : (c = t.value.find((d) => d.id == s.item.id)) != null && c.isExpanded) ? (p(), m(H, { key: 0 }, [
+          o.expandall ? (p(), m(H, { key: 0 }, [
             r.value ? (p(), te(U(oe), {
               key: 0,
               icon: "fluent:chevron-down-up-16-filled"
@@ -1431,8 +1431,8 @@ const Ko = {
             key: 1,
             icon: "mdi:chevron-down"
           }))
-        ], 64)) : (p(), m(D, { key: 1 }, [
-          o.expandall ? (p(), m(D, { key: 0 }, [
+        ], 64)) : (p(), m(H, { key: 1 }, [
+          o.expandall ? (p(), m(H, { key: 0 }, [
             r.value == -1 ? (p(), te(U(oe), {
               key: 0,
               icon: "ion:chevron-expand"
@@ -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
@@ -1505,44 +1505,44 @@ const Ko = {
           expandall: l.all.expandall
         }, null, 8, ["expandedrows", "expandall"])) : $("", !0)
       ])) : $("", !0),
-      (p(!0), m(D, null, Y(l.all.columns, (u, c) => (p(), m(D, null, [
+      (p(!0), m(H, null, Y(l.all.columns, (u, c) => (p(), m(H, 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]" : ""
           ]]),
-          style: ve({
+          style: ue({
             width: u.width,
             "min-width": u.minWidth,
             "max-width": u.maxWidth
           })
         }, [
           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),
+            De(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)
           ], 10, tl),
-          l.all.columnFilter && !l.isFooter ? (p(), m(D, { key: 0 }, [
+          l.all.columnFilter && !l.isFooter ? (p(), m(H, { key: 0 }, [
             u.filter ? (p(), m("div", ol, [
               u.type === "string" ? J((p(), m("input", {
                 key: 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)
@@ -1615,24 +1615,24 @@ const Ko = {
     ]));
   }
 });
-var pl = typeof global == "object" && global && global.Object === Object && global, vl = typeof self == "object" && self && self.Object === Object && self, sn = pl || vl || Function("return this")(), Le = sn.Symbol, an = Object.prototype, gl = an.hasOwnProperty, ml = an.toString, fe = Le ? Le.toStringTag : void 0;
+var pl = typeof global == "object" && global && global.Object === Object && global, vl = typeof self == "object" && self && self.Object === Object && self, sn = pl || vl || Function("return this")(), Le = sn.Symbol, an = Object.prototype, gl = an.hasOwnProperty, ml = an.toString, de = Le ? Le.toStringTag : void 0;
 function bl(e) {
-  var o = gl.call(e, fe), t = e[fe];
+  var o = gl.call(e, de), t = e[de];
   try {
-    e[fe] = void 0;
+    e[de] = void 0;
     var l = !0;
   } catch {
   }
   var n = ml.call(e);
-  return l && (o ? e[fe] = t : delete e[fe]), n;
+  return l && (o ? e[de] = t : delete e[de]), n;
 }
 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";
@@ -1656,7 +1656,7 @@ function Fe(e) {
   return e != null && (o == "object" || o == "function");
 }
 var qt = NaN, $l = /^[-+]0x[0-9a-f]+$/i, Pl = /^0b[01]+$/i, zl = /^0o[0-7]+$/i, Ol = parseInt;
-function pe(e) {
+function ve(e) {
   if (typeof e == "number")
     return e;
   if (Fl(e))
@@ -1675,16 +1675,16 @@ function Al(e, o, t) {
   return e === e && (t !== void 0 && (e = e <= t ? e : t), o !== void 0 && (e = e >= o ? e : o)), e;
 }
 function ke(e, o, t) {
-  return t === void 0 && (t = o, o = void 0), t !== void 0 && (t = pe(t), t = t === t ? t : 0), o !== void 0 && (o = pe(o), o = o === o ? o : 0), Al(pe(e), o, t);
+  return t === void 0 && (t = o, o = void 0), t !== void 0 && (t = ve(t), t = t === t ? t : 0), o !== void 0 && (o = ve(o), o = o === o ? o : 0), Al(ve(e), o, t);
 }
-var De = function() {
+var He = function() {
   return sn.Date.now();
-}, Rl = "Expected a function", ql = Math.max, Dl = Math.min;
+}, Rl = "Expected a function", ql = Math.max, Hl = Math.min;
 function un(e, o, t) {
   var l, n, r, s, i, u, c = 0, d = !1, w = !1, S = !0;
   if (typeof e != "function")
     throw new TypeError(Rl);
-  o = pe(o) || 0, Fe(t) && (d = !!t.leading, w = "maxWait" in t, r = w ? ql(pe(t.maxWait) || 0, o) : r, S = "trailing" in t ? !!t.trailing : S);
+  o = ve(o) || 0, Fe(t) && (d = !!t.leading, w = "maxWait" in t, r = w ? ql(ve(t.maxWait) || 0, o) : r, S = "trailing" in t ? !!t.trailing : S);
   function L(y) {
     var b = l, E = n;
     return l = n = void 0, c = y, s = e.apply(E, b), s;
@@ -1694,15 +1694,15 @@ function un(e, o, t) {
   }
   function _(y) {
     var b = y - u, E = y - c, I = o - b;
-    return w ? Dl(I, r - E) : I;
+    return w ? Hl(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))
+    var y = He();
+    if (C(y))
       return O(y);
     i = setTimeout(P, _(y));
   }
@@ -1713,10 +1713,10 @@ function un(e, o, t) {
     i !== void 0 && clearTimeout(i), c = 0, l = u = n = i = void 0;
   }
   function R() {
-    return i === void 0 ? s : O(De());
+    return i === void 0 ? s : O(He());
   }
-  function H() {
-    var y = De(), b = x(y);
+  function D() {
+    var y = He(), b = C(y);
     if (l = arguments, n = this, u = y, b) {
       if (i === void 0)
         return F(u);
@@ -1725,33 +1725,33 @@ function un(e, o, t) {
     }
     return i === void 0 && (i = setTimeout(P, o)), s;
   }
-  return H.cancel = z, H.flush = R, H;
+  return D.cancel = z, D.flush = R, D;
 }
-var Hl = "Expected a function";
+var Dl = "Expected a function";
 function cn(e, o, t) {
   var l = !0, n = !0;
   if (typeof e != "function")
-    throw new TypeError(Hl);
+    throw new TypeError(Dl);
   return Fe(t) && (l = "leading" in t ? !!t.leading : l, n = "trailing" in t ? !!t.trailing : n), un(e, o, {
     leading: l,
     maxWait: o,
     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, Ht = Object.getOwnPropertySymbols, Vl = Object.prototype.hasOwnProperty, Ul = Object.prototype.propertyIsEnumerable, Dt = (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]);
+    Vl.call(o, t) && Dt(e, t, o[t]);
+  if (Ht)
+    for (var t of Ht(o))
+      Ul.call(o, t) && Dt(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);
-  const R = ([b]) => _.value = b.isIntersecting, H = ([b]) => F.value = b.isIntersecting, y = () => {
+  let F = Z(!1), _ = Z(!1), C = Z(null), P = null, O = null, z = Q(() => t.fixedThumb && !_.value);
+  const R = ([b]) => _.value = b.isIntersecting, D = ([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(D, { threshold: [0, 0.5] }), O.observe(t.wrapperEl), P = new IntersectionObserver(R), P.observe(C.value);
+  }), Ne(y), (b, E) => (p(), m(H, null, [
     J(v("div", {
-      class: C([
+      class: x([
         "scrollbar__thumbPlaceholder",
         `scrollbar__thumbPlaceholder--${e.type}`,
         {
@@ -1801,31 +1801,31 @@ function Gl(e, { expose: o }) {
           "scrollbar__thumbPlaceholder--autoExpand": e.autoExpand
         }
       ]),
-      style: ve({
+      style: ue({
         width: e.type === "horizontal" ? `${e.scrollInfo.thumbSize}px` : "",
         height: e.type === "vertical" ? `${e.scrollInfo.thumbSize}px` : "",
         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",
@@ -1869,20 +1869,20 @@ function Jl(e, { expose: o, emit: t }) {
   const l = e, n = {
     horizontal: { el: null, instance: null },
     vertical: { el: null, instance: null }
-  }, r = (R, H) => {
-    n[H].instance || (n[H].instance = R);
+  }, r = (R, D) => {
+    n[D].instance || (n[D].instance = R);
   };
   let s = Z(null), i = Z(null);
   Xe(() => {
     var R;
-    const H = Array.from((R = s.value.parentElement) == null ? void 0 : R.childNodes);
+    const D = Array.from((R = s.value.parentElement) == null ? void 0 : R.childNodes);
     for (const y in n)
-      n[y].el = H.find((b) => {
+      n[y].el = D.find((b) => {
         var E;
         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,23 +1897,23 @@ 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 });
+    const D = s.value.scrollLeft, y = s.value.scrollTop, b = ke(D + ((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 * 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]),
-    style: ve(e.wrapperStyle)
+  }), (R, D) => (p(), m("div", {
+    class: x(["scrollbar__wrapper", e.wrapperClass]),
+    style: ue(e.wrapperStyle)
   }, [
     v("div", Sn({
       ref: (y, b) => {
@@ -1928,13 +1928,13 @@ 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 }]),
-        style: ve(e.contentStyle)
+        class: x(["scrollbar__content", e.contentClass, { "scrollbar__content--fixedThumb": e.fixedThumb, [`scrollbar__content--${e.direction}`]: e.direction }]),
+        style: ue(e.contentStyle)
       }, [
-        de(R.$slots, "default")
+        he(R.$slots, "default")
       ], 6)
     ], 16),
-    (p(), m(D, null, Y(n, (y, b) => G(Kl, {
+    (p(), m(H, null, Y(n, (y, b) => G(Kl, {
       ref: (E) => r(E, b),
       key: b,
       autoExpand: e.autoExpand,
@@ -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: "vertical" }
   },
   emits: ["change", "sortChange", "searchChange", "pageChange", "pageSizeChange", "rowSelect", "filterChange", "rowClick", "rowDBClick"],
   setup(e, { expose: o, emit: t }) {
@@ -2150,8 +2154,8 @@ 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);
-    let H = j(0);
+    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 D = j(0);
     const y = j(230);
     Xe(() => {
       ee();
@@ -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;
               }
@@ -2242,16 +2246,16 @@ const Zl = /* @__PURE__ */ ie(fn(Ie({}, Yl), {
         });
       }
       return a;
-    }, ue = j([]), ee = () => {
+    }, ce = j([]), ee = () => {
       let a = [], h = lt();
       n.isServerMode ? (L.value = n.totalRows || 0, a = h) : (L.value = (h == null ? void 0 : h.length) || 0, a = h.slice(Pe.value - 1, ze.value)), n.hasSubtable && a.forEach(function(g) {
-        g.isExpanded != null && (ue.value.find((V) => V.id == g.id) || ue.value.push({ id: g.id, isExpanded: g.isExpanded }));
+        g.isExpanded != null && (ce.value.find((V) => V.id == g.id) || ce.value.push({ id: g.id, isExpanded: g.isExpanded }));
       }), r.value = a || [];
     };
     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++;
     };
@@ -2312,9 +2316,9 @@ const Zl = /* @__PURE__ */ ie(fn(Ie({}, Yl), {
       }
       return "";
     }, dt = (a, h) => {
-      H.value++, H.value === 1 ? R.value = setTimeout(() => {
-        H.value = 0, n.selectRowOnClick && (ye(h) ? pt(h) : ht(h), ct(F.value)), b("rowClick", a);
-      }, y.value) : H.value === 2 && (clearTimeout(R.value), H.value = 0, b("rowDBClick", a));
+      D.value++, D.value === 1 ? R.value = setTimeout(() => {
+        D.value = 0, n.selectRowOnClick && (ye(h) ? pt(h) : ht(h), ct(F.value)), b("rowClick", a);
+      }, y.value) : D.value === 2 && (clearTimeout(R.value), D.value = 0, b("rowDBClick", a));
     }, se = (a, h = !1) => {
       if (n.isServerMode) {
         pn();
@@ -2363,28 +2367,30 @@ 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,
+          style: ue({ height: n.stickyHeader && n.height }),
+          autoHide: n.scrollbarautohide,
+          fixedThumb: n.scrollbarfixedthumb,
+          autoExpand: n.scrollbarautoexpand,
+          direction: n.scrollbardirection,
           throttleType: "none"
         }, {
           default: In(() => [
             v("div", {
-              class: C(["bh-table-responsive", { "bh-min-h-[100px]": x.value }]),
-              style: ve([{ overflow: "inherit" }, { height: n.stickyHeader && n.height }])
+              class: x(["bh-table-responsive", { "bh-min-h-[100px]": C.value }]),
+              style: ue({ overflow: n.stickyHeader && "inherit" })
             }, [
               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,
-                    expandedrows: ue.value,
+                    expandedrows: ce.value,
                     currentSortColumn: c.value,
                     currentSortDirection: w.value,
                     isOpenFilter: z.value,
@@ -2397,25 +2403,25 @@ const Zl = /* @__PURE__ */ ie(fn(Ie({}, Yl), {
                   }, null, 8, ["expandedrows", "currentSortColumn", "currentSortDirection", "isOpenFilter", "checkAll", "columnFilterLang"])
                 ], 2),
                 v("tbody", null, [
-                  (p(!0), m(D, null, Y(r.value, (g, M) => {
+                  (p(!0), m(H, null, Y(r.value, (g, M) => {
                     var V;
-                    return p(), m(D, {
+                    return p(), m(H, {
                       key: g[I.value] ? g[I.value] : M
                     }, [
                       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,56 +2436,56 @@ 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
                           })
                         }, [
                           G(rn, {
                             item: g,
-                            expandedrows: ue.value
+                            expandedrows: ce.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(H, null, Y(n.columns, (N, X) => (p(), m(H, 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] ? he(a.$slots, N.field, {
                               key: 0,
                               value: g
-                            }) : B.cellRenderer ? (p(), m("div", {
+                            }) : N.cellRenderer ? (p(), m("div", {
                               key: 1,
-                              innerHTML: B.cellRenderer(g)
-                            }, null, 8, lr)) : (p(), m(D, { key: 2 }, [
-                              He(A(T(g, B.field)), 1)
+                              innerHTML: N.cellRenderer(g)
+                            }, null, 8, lr)) : (p(), m(H, { key: 2 }, [
+                              De(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 = ce.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)
                         }, [
-                          de(a.$slots, "tsub", { value: r.value })
+                          he(a.$slots, "tsub", { value: r.value })
                         ], 8, ir)
                       ], 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(H, { key: 1 }, Y(n.pageSize, (g) => (p(), m("tr", {
                     key: g,
                     class: "!bh-bg-white bh-h-11 !bh-border-transparent"
                   }, [
@@ -2488,22 +2494,22 @@ const Zl = /* @__PURE__ */ ie(fn(Ie({}, Yl), {
                       class: "!bh-p-0 !bh-border-transparent"
                     }, fr, 8, ur)
                   ]))), 128)) : $("", !0),
-                  L.value ? (p(!0), m(D, { key: 2 }, Y(n.footerRows, (g, M) => (p(), m("tr", {
+                  L.value ? (p(!0), m(H, { key: 2 }, Y(n.footerRows, (g, M) => (p(), m("tr", {
                     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(H, null, Y(n.columns, (V, N) => (p(), m(H, 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 : ""
                         ])
                       }, [
-                        g.cells.find((X) => X.field == V.field) ? (p(), m(D, { key: 0 }, [
-                          He(A(g.cells.find((X) => X.field == V.field).text), 1)
+                        g.cells.find((X) => X.field == V.field) ? (p(), m(H, { key: 0 }, [
+                          De(A(g.cells.find((X) => X.field == V.field).text), 1)
                         ], 64)) : $("", !0)
                       ], 2))
                     ], 64))), 256))
@@ -2511,7 +2517,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 +2533,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,14 +2545,14 @@ const Zl = /* @__PURE__ */ ie(fn(Ie({}, Yl), {
             ], 6)
           ]),
           _: 3
-        })
+        }, 8, ["style", "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", {
+          he(a.$slots, "footerpageinfo", {
             paginationInfo: a.paginationInfo,
             filterRowCount: L.value,
             offset: Pe.value,
@@ -2564,18 +2570,18 @@ const Zl = /* @__PURE__ */ ie(fn(Ie({}, Yl), {
                 "onUpdate:modelValue": h[2] || (h[2] = (g) => i.value = g),
                 class: "bh-pagesize"
               }, [
-                (p(!0), m(D, null, Y(n.pageSizeOptions, (g) => (p(), m("option", {
+                (p(!0), m(H, null, Y(n.pageSizeOptions, (g) => (p(), m("option", {
                   value: g,
                   key: g
                 }, A(g), 9, yr))), 128))
               ], 512)), [
-                [Bt, i.value]
+                [Nt, i.value]
               ]) : $("", !0)
             ])
           ]),
-          de(a.$slots, "footerpagination", {
+          he(a.$slots, "footerpagination", {
             currentPage: s.value,
-            maxPage: N.value,
+            maxPage: B.value,
             paging: ot.value,
             movePage: st,
             nextPage: at,
@@ -2585,17 +2591,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", {
@@ -2603,10 +2609,10 @@ const Zl = /* @__PURE__ */ ie(fn(Ie({}, Yl), {
                   innerHTML: n.previousArrow
                 }, null, 8, _r)) : (p(), m("svg", Lr, Ir))
               ], 2),
-              n.showNumbers ? (p(!0), m(D, { key: 1 }, Y(ot.value, (g) => (p(), m("button", {
+              n.showNumbers ? (p(!0), m(H, { 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 +2620,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 +2631,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,