@dolusoft/vue3-datatable 1.3.6 → 1.3.8

package/dist/vue3-datatable.js

@@ -1,9 +1,9 @@
-import { onMounted as we, nextTick as En, getCurrentScope as In, onScopeDispose as Tn, unref as q, getCurrentInstance as Kt, computed as Q, ref as A, watch as G, defineComponent as ue, onBeforeUnmount as $n, openBlock as m, createElementBlock as b, createElementVNode as v, withModifiers as re, normalizeClass as k, toDisplayString as R, Fragment as B, createCommentVNode as F, h as Ge, toRef as On, createBlock as K, createVNode as W, renderList as ee, normalizeStyle as X, createTextVNode as Qe, withDirectives as te, vModelText as He, vModelSelect as Xt, vShow as Ke, useCssVars as Rn, shallowRef as ne, onUnmounted as Xe, setBlockTracking as Mt, mergeProps as An, renderSlot as ie, reactive as Nn, watchEffect as Dn, useSlots as qn, withCtx as Z, vModelCheckbox as Bn } from "vue";
+import { onMounted as we, nextTick as En, getCurrentScope as In, onScopeDispose as Tn, unref as H, getCurrentInstance as Kt, computed as Q, ref as A, watch as G, defineComponent as ue, onBeforeUnmount as $n, openBlock as m, createElementBlock as b, createElementVNode as v, withModifiers as re, normalizeClass as k, toDisplayString as R, Fragment as q, createCommentVNode as F, h as Ge, toRef as On, createBlock as X, createVNode as W, renderList as ee, normalizeStyle as K, createTextVNode as Qe, withDirectives as ne, vModelText as He, vModelSelect as Xt, vShow as Ke, useCssVars as Rn, shallowRef as oe, onUnmounted as Xe, setBlockTracking as Mt, mergeProps as An, renderSlot as te, reactive as Nn, watchEffect as Dn, useSlots as qn, withCtx as Z, vModelCheckbox as Bn } from "vue";
 function Hn(e) {
   return In() ? (Tn(e), !0) : !1;
 }
 function jn(e) {
-  return typeof e == "function" ? e() : q(e);
+  return typeof e == "function" ? e() : H(e);
 }
 const Un = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
@@ -13,7 +13,7 @@ function Vn(e) {
 function Wn(e, o = !0, n) {
   Vn() ? we(e, n) : o ? e() : En(e);
 }
-function fe(e) {
+function de(e) {
   var o;
   const n = jn(e);
   return (o = n == null ? void 0 : n.$el) != null ? o : n;
@@ -34,7 +34,7 @@ function Kn(e, o, n = {}) {
   let s;
   const l = Qn(() => i && "ResizeObserver" in i), r = () => {
     s && (s.disconnect(), s = void 0);
-  }, u = Q(() => Array.isArray(e) ? e.map((p) => fe(p)) : [fe(e)]), c = G(
+  }, u = Q(() => Array.isArray(e) ? e.map((p) => de(p)) : [de(e)]), c = G(
     u,
     (p) => {
       if (r(), l.value && i) {
@@ -55,13 +55,13 @@ function Kn(e, o, n = {}) {
 function Xn(e, o = { width: 0, height: 0 }, n = {}) {
   const { window: i = Yt, box: t = "content-box" } = n, s = Q(() => {
     var p, S;
-    return (S = (p = fe(e)) == null ? void 0 : p.namespaceURI) == null ? void 0 : S.includes("svg");
+    return (S = (p = de(e)) == null ? void 0 : p.namespaceURI) == null ? void 0 : S.includes("svg");
   }), l = A(o.width), r = A(o.height), { stop: u } = Kn(
     e,
     ([p]) => {
       const S = t === "border-box" ? p.borderBoxSize : t === "content-box" ? p.contentBoxSize : p.devicePixelContentBoxSize;
       if (i && s.value) {
-        const z = fe(e);
+        const z = de(e);
         if (z) {
           const _ = i.getComputedStyle(z);
           l.value = Number.parseFloat(_.width), r.value = Number.parseFloat(_.height);
@@ -75,11 +75,11 @@ function Xn(e, o = { width: 0, height: 0 }, n = {}) {
     n
   );
   Wn(() => {
-    const p = fe(e);
+    const p = de(e);
     p && (l.value = "offsetWidth" in p ? p.offsetWidth : o.width, r.value = "offsetHeight" in p ? p.offsetHeight : o.height);
   });
   const c = G(
-    () => fe(e),
+    () => de(e),
     (p) => {
       l.value = p ? o.width : 0, r.value = p ? o.height : 0;
     }
@@ -121,7 +121,7 @@ const Yn = { class: "bh-filter-menu bh-absolute bh-z-[1] bh-bg-white bh-shadow-m
           class: k({ active: n.column.condition === "" }),
           onClick: r[0] || (r[0] = (u) => s(""))
         }, R((n.columnFilterLang && n.columnFilterLang.no_filter) ?? "No filter"), 3),
-        n.column.type === "string" ? (m(), b(B, { key: 0 }, [
+        n.column.type === "string" ? (m(), b(q, { key: 0 }, [
           v("button", {
             type: "button",
             class: k({ active: n.column.condition === "contain" }),
@@ -152,7 +152,7 @@ const Yn = { class: "bh-filter-menu bh-absolute bh-z-[1] bh-bg-white bh-shadow-m
             class: k({ active: n.column.condition === "end_with" }),
             onClick: r[6] || (r[6] = (u) => s("end_with"))
           }, R((n.columnFilterLang && n.columnFilterLang.end_with) ?? "Ends with"), 3)
-        ], 64)) : n.column.type === "number" ? (m(), b(B, { key: 1 }, [
+        ], 64)) : n.column.type === "number" ? (m(), b(q, { key: 1 }, [
           v("button", {
             type: "button",
             class: k({ active: n.column.condition === "equal" }),
@@ -183,7 +183,7 @@ const Yn = { class: "bh-filter-menu bh-absolute bh-z-[1] bh-bg-white bh-shadow-m
             class: k({ active: n.column.condition === "less_than_equal" }),
             onClick: r[12] || (r[12] = (u) => s("less_than_equal"))
           }, R((n.columnFilterLang && n.columnFilterLang.less_than_equal) ?? "Less than or equal"), 3)
-        ], 64)) : n.column.type === "date" ? (m(), b(B, { key: 2 }, [
+        ], 64)) : n.column.type === "date" ? (m(), b(q, { key: 2 }, [
           v("button", {
             type: "button",
             class: k({ active: n.column.condition === "equal" }),
@@ -911,7 +911,7 @@ function Xo(e, o, n, i) {
       return;
     }
     if (M) {
-      d = E, S.length || (l.length ? H() : O());
+      d = E, S.length || (l.length ? B() : O());
       return;
     }
     if (_(), $(), !e.random) {
@@ -922,7 +922,7 @@ function Xo(e, o, n, i) {
       j(E);
     });
   }
-  function H() {
+  function B() {
     if (u !== "pending")
       return;
     _();
@@ -944,9 +944,9 @@ function Xo(e, o, n, i) {
         N(y, E, M);
       }
     };
-    S.push(y), c++, p = setTimeout(H, e.rotate), n(x, o, y.callback);
+    S.push(y), c++, p = setTimeout(B, e.rotate), n(x, o, y.callback);
   }
-  return setTimeout(H), T;
+  return setTimeout(B), T;
 }
 function rn(e) {
   const o = {
@@ -1512,32 +1512,32 @@ const vi = {
         class: "expandbtn",
         onClick: r[0] || (r[0] = (d) => t(l.item.id))
       }, [
-        (((u = n.value.find((d) => d.id == l.item.id)) == null ? void 0 : u.isExpanded) == null ? i.value : (c = n.value.find((d) => d.id == l.item.id)) != null && c.isExpanded) ? (m(), b(B, { key: 0 }, [
-          o.expandall ? (m(), b(B, { key: 0 }, [
-            s.value ? (m(), K(q(le), {
+        (((u = n.value.find((d) => d.id == l.item.id)) == null ? void 0 : u.isExpanded) == null ? i.value : (c = n.value.find((d) => d.id == l.item.id)) != null && c.isExpanded) ? (m(), b(q, { key: 0 }, [
+          o.expandall ? (m(), b(q, { key: 0 }, [
+            s.value ? (m(), X(H(le), {
               key: 0,
               icon: "fluent:chevron-down-up-16-filled"
-            })) : (m(), K(q(le), {
+            })) : (m(), X(H(le), {
               key: 1,
               icon: "mdi:chevron-down"
             }))
-          ], 64)) : (m(), K(q(le), {
+          ], 64)) : (m(), X(H(le), {
             key: 1,
             icon: "mdi:chevron-down"
           }))
-        ], 64)) : (m(), b(B, { key: 1 }, [
-          o.expandall ? (m(), b(B, { key: 0 }, [
-            s.value == -1 ? (m(), K(q(le), {
+        ], 64)) : (m(), b(q, { key: 1 }, [
+          o.expandall ? (m(), b(q, { key: 0 }, [
+            s.value == -1 ? (m(), X(H(le), {
               key: 0,
               icon: "ion:chevron-expand"
-            })) : s.value == 0 ? (m(), K(q(le), {
+            })) : s.value == 0 ? (m(), X(H(le), {
               key: 1,
               icon: "mdi:chevron-down"
-            })) : (m(), K(q(le), {
+            })) : (m(), X(H(le), {
               key: 2,
               icon: "mdi:chevron-right"
             }))
-          ], 64)) : (m(), K(q(le), {
+          ], 64)) : (m(), X(H(le), {
             key: 1,
             icon: "mdi:chevron-right"
           }))
@@ -1593,13 +1593,13 @@ const vi = {
         ])
       ], 2)) : F("", !0),
       i.all.hasSubtable ? (m(), b("th", wi, [
-        i.all.expandall ? (m(), K(mn, {
+        i.all.expandall ? (m(), X(mn, {
           key: 0,
           expandedrows: i.expandedrows,
           expandall: i.all.expandall
         }, null, 8, ["expandedrows", "expandall"])) : F("", !0)
       ])) : F("", !0),
-      (m(!0), b(B, null, ee(i.all.columns, (u, c) => (m(), b(B, null, [
+      (m(!0), b(q, null, ee(i.all.columns, (u, c) => (m(), b(q, null, [
         u.hide ? F("", !0) : (m(), b("th", {
           key: u.field,
           class: k(["bh-select-none bh-z-[1]", [
@@ -1607,7 +1607,7 @@ const vi = {
             c === 0 && i.all.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
             i.all.hasCheckbox && c === 0 && i.all.stickyFirstColumn ? "bh-left-[52px]" : ""
           ]]),
-          style: X({
+          style: K({
             width: u.width,
             "min-width": u.minWidth,
             "max-width": u.maxWidth
@@ -1636,9 +1636,9 @@ const vi = {
               ]))
             ], 2)) : F("", !0)
           ], 10, Si),
-          i.all.columnFilter && !i.isFooter ? (m(), b(B, { key: 0 }, [
+          i.all.columnFilter && !i.isFooter ? (m(), b(q, { key: 0 }, [
             u.filter ? (m(), b("div", Ci, [
-              u.type === "string" ? te((m(), b("input", {
+              u.type === "string" ? ne((m(), b("input", {
                 key: 0,
                 "onUpdate:modelValue": (d) => u.value = d,
                 type: "text",
@@ -1652,7 +1652,7 @@ const vi = {
                   { trim: !0 }
                 ]
               ]) : F("", !0),
-              u.type === "number" ? te((m(), b("input", {
+              u.type === "number" ? ne((m(), b("input", {
                 key: 1,
                 "onUpdate:modelValue": (d) => u.value = d,
                 type: "number",
@@ -1668,7 +1668,7 @@ const vi = {
                     trim: !0
                   }
                 ]
-              ]) : u.type === "date" ? te((m(), b("input", {
+              ]) : u.type === "date" ? ne((m(), b("input", {
                 key: 2,
                 "onUpdate:modelValue": (d) => u.value = d,
                 type: "date",
@@ -1676,7 +1676,7 @@ const vi = {
                 onChange: r[3] || (r[3] = (d) => t("filterChange"))
               }, null, 40, Pi)), [
                 [He, u.value]
-              ]) : u.type === "bool" ? te((m(), b("select", {
+              ]) : u.type === "bool" ? ne((m(), b("select", {
                 key: 3,
                 "onUpdate:modelValue": (d) => u.value = d,
                 class: "bh-form-control",
@@ -1693,7 +1693,7 @@ const vi = {
               }, [
                 W(go, { class: "bh-w-4" })
               ], 8, Ti)) : F("", !0),
-              te(W(Zn, {
+              ne(W(Zn, {
                 column: u,
                 type: u.type,
                 columnFilterLang: i.columnFilterLang,
@@ -1809,7 +1809,7 @@ function bn(e, o, n) {
   function N() {
     return r === void 0 ? l : O(Ve());
   }
-  function H() {
+  function B() {
     var x = Ve(), y = C(x);
     if (i = arguments, t = this, u = x, y) {
       if (r === void 0)
@@ -1819,7 +1819,7 @@ function bn(e, o, n) {
     }
     return r === void 0 && (r = setTimeout(T, o)), l;
   }
-  return H.cancel = $, H.flush = N, H;
+  return B.cancel = $, B.flush = N, B;
 }
 var rs = "Expected a function";
 function yn(e, o, n) {
@@ -1846,13 +1846,13 @@ const hs = ["onPointerdown"], ps = {
 function ms(e, { expose: o }) {
   const n = e;
   Rn((y) => ({
-    "1fb98f78": q(i)
+    "1fb98f78": H(i)
   }));
   const i = Q(() => {
     var y;
     return `${(y = n.thumbWidth) != null ? y : 12}px`;
   });
-  let t = null, s = ne(null);
+  let t = null, s = oe(null);
   const l = { pageX: 0, pageY: 0, scrollPos: 0 };
   let r = null;
   const u = () => {
@@ -1877,16 +1877,16 @@ function ms(e, { expose: o }) {
       c(), s.value && s.value.classList.add("scrollbar__thumbPlaceholder--scrolling"), u();
     }
   });
-  let _ = ne(!1), P = ne(!1), C = ne(null), T = null, O = null, $ = Q(() => n.fixedThumb && !P.value);
-  const N = ([y]) => P.value = y.isIntersecting, H = ([y]) => _.value = y.isIntersecting, x = () => {
+  let _ = oe(!1), P = oe(!1), C = oe(null), T = null, O = null, $ = Q(() => n.fixedThumb && !P.value);
+  const N = ([y]) => P.value = y.isIntersecting, B = ([y]) => _.value = y.isIntersecting, x = () => {
     T && (T.disconnect(), T = null), O && (O.disconnect(), O = null);
   };
   return G(() => [n.fixedThumb, n.wrapperEl], () => {
     if (!n.fixedThumb || !n.wrapperEl)
       return x();
-    x(), O = new IntersectionObserver(H, { threshold: [0, 0.5] }), O.observe(n.wrapperEl), T = new IntersectionObserver(N), T.observe(C.value);
-  }), Xe(x), (y, E) => (m(), b(B, null, [
-    te(v("div", {
+    x(), O = new IntersectionObserver(B, { threshold: [0, 0.5] }), O.observe(n.wrapperEl), T = new IntersectionObserver(N), T.observe(C.value);
+  }), Xe(x), (y, E) => (m(), b(q, null, [
+    ne(v("div", {
       class: k([
         "scrollbar__thumbPlaceholder",
         `scrollbar__thumbPlaceholder--${e.type}`,
@@ -1895,7 +1895,7 @@ function ms(e, { expose: o }) {
           "scrollbar__thumbPlaceholder--autoExpand": e.autoExpand
         }
       ]),
-      style: X({
+      style: K({
         width: e.type === "horizontal" ? `${e.scrollInfo.thumbSize}px` : "",
         height: e.type === "vertical" ? `${e.scrollInfo.thumbSize}px` : "",
         position: $.value ? "fixed" : "absolute",
@@ -1912,7 +1912,7 @@ function ms(e, { expose: o }) {
     ], 46, hs), [
       [Ke, !!e.scrollInfo.thumbSize && (e.fixedThumb ? _.value : !0)]
     ]),
-    n.fixedThumb ? te((m(), b("div", {
+    n.fixedThumb ? ne((m(), b("div", {
       key: 0,
       ref: (M, j) => {
         j.shepherdEl = M, C.value = M;
@@ -1943,7 +1943,7 @@ function Qt(...e) {
   const o = "value" in (e == null ? void 0 : e[0]);
   let n;
   o ? n = e == null ? void 0 : e[1] : n = e == null ? void 0 : e[0];
-  const { wait: i, type: t, callback: s } = Te(Te({}, gs), n), l = o ? e[0] : ne(null), r = Nn({ left: 0, top: 0, right: 0, bottom: 0, width: 0, height: 0, x: 0, y: 0 }), u = () => {
+  const { wait: i, type: t, callback: s } = Te(Te({}, gs), n), l = o ? e[0] : oe(null), r = Nn({ left: 0, top: 0, right: 0, bottom: 0, width: 0, height: 0, x: 0, y: 0 }), u = () => {
     const S = l.value.getBoundingClientRect();
     r.left = S.left, r.top = S.top, r.right = S.right, r.bottom = S.bottom, r.width = S.width, r.height = S.height, r.x = S.x, r.y = S.y, s == null || s();
   };
@@ -1963,21 +1963,21 @@ function ys(e, { expose: o, emit: n }) {
   const i = e, t = {
     horizontal: { el: null, instance: null },
     vertical: { el: null, instance: null }
-  }, s = (N, H) => {
-    t[H].instance || (t[H].instance = N);
+  }, s = (N, B) => {
+    t[B].instance || (t[B].instance = N);
   };
-  let l = ne(null), r = ne(null);
+  let l = oe(null), r = oe(null);
   we(() => {
     var N;
-    const H = Array.from((N = l.value.parentElement) == null ? void 0 : N.childNodes);
+    const B = Array.from((N = l.value.parentElement) == null ? void 0 : N.childNodes);
     for (const x in t)
-      t[x].el = H.find((y) => {
+      t[x].el = B.find((y) => {
         var E;
         return (E = y == null ? void 0 : y.classList) == null ? void 0 : E.contains(`scrollbar__thumbPlaceholder--${x}`);
       });
   });
   const u = Qt(l, { wait: i.throttleWait, type: i.throttleType, callback: S }), c = Qt(r, { wait: i.throttleWait, type: i.throttleType, callback: S });
-  let d = ne(0), p = ne(0);
+  let d = oe(0), p = oe(0);
   function S() {
     d.value = Math.max(l.value.scrollHeight - u.height | 0, 0), p.value = Math.max(l.value.scrollWidth - u.width | 0, 0);
   }
@@ -1998,16 +1998,16 @@ function ys(e, { expose: o, emit: n }) {
   G(() => [p.value, d.value], T);
   const O = (N) => {
     N.stopPropagation();
-    const H = l.value.scrollLeft, x = l.value.scrollTop, y = _e(H + ((N == null ? void 0 : N.deltaX) || 0), 0, p.value) | 0, E = _e(x + ((N == null ? void 0 : N.deltaY) || 0), 0, d.value) | 0;
+    const B = l.value.scrollLeft, x = l.value.scrollTop, y = _e(B + ((N == null ? void 0 : N.deltaX) || 0), 0, p.value) | 0, E = _e(x + ((N == null ? void 0 : N.deltaY) || 0), 0, d.value) | 0;
     l.value.scrollLeft = y, l.value.scrollTop = E, p.value && (t.horizontal.el.style.transform = `translate3d(${y / p.value * C.value}px, 0, 0)`, t.horizontal.instance.autoHideAfterScroll()), d.value && (t.vertical.el.style.transform = `translate3d(0, ${E / d.value * P.value}px, 0)`, t.vertical.instance.autoHideAfterScroll()), n("scroll", { target: l.value, scrollLeft: y, scrollTop: E });
   }, $ = (N) => {
     i.simulateScroll ? O(N) : T();
   };
   return G(u, () => n("wrapperResize", u)), G(c, () => n("contentResize", c)), o({
     scrollEl: l
-  }), (N, H) => (m(), b("div", {
+  }), (N, B) => (m(), b("div", {
     class: k(["scrollbar__wrapper", e.wrapperClass]),
-    style: X(e.wrapperStyle)
+    style: K(e.wrapperStyle)
   }, [
     v("div", An({
       ref: (x, y) => {
@@ -2023,12 +2023,12 @@ function ys(e, { expose: o, emit: n }) {
           y.contentEl = x, r.value = x;
         },
         class: k(["scrollbar__content", e.contentClass, { "scrollbar__content--fixedThumb": e.fixedThumb, [`scrollbar__content--${e.direction}`]: e.direction }]),
-        style: X(e.contentStyle)
+        style: K(e.contentStyle)
       }, [
-        ie(N.$slots, "default")
+        te(N.$slots, "default")
       ], 6)
     ], 16),
-    (m(), b(B, null, ee(t, (x, y) => W(vs, {
+    (m(), b(q, null, ee(t, (x, y) => W(vs, {
       ref: (E) => s(E, y),
       key: y,
       autoExpand: e.autoExpand,
@@ -2393,17 +2393,17 @@ function ks(e, o, n, i, t, s) {
   return m(), b("div", {
     class: "splitpanes__pane",
     onClick: o[0] || (o[0] = (l) => s.onPaneClick(l, e._.uid)),
-    style: X(e.style)
+    style: K(e.style)
   }, [
-    ie(e.$slots, "default")
+    te(e.$slots, "default")
   ], 4);
 }
-const ve = /* @__PURE__ */ ws(Ss, [["render", ks]]), Cs = { class: "bh-datatable bh-antialiased bh-relative bh-text-black bh-text-sm bh-font-normal" }, zs = /* @__PURE__ */ v("span", null, "##Top Menu Slot##", -1), _s = ["onClick"], Ps = { class: "bh-checkbox" }, Ms = ["value"], Ls = ["innerHTML"], Fs = ["onClick"], Es = ["colspan"], Is = { key: 0 }, Ts = ["colspan"], $s = ["colspan"], Os = /* @__PURE__ */ v("div", { class: "bh-skeleton-box bh-h-8" }, null, -1), Rs = [
-  Os
-], As = ["colspan"], Ns = {
+const ve = /* @__PURE__ */ ws(Ss, [["render", ks]]), Cs = { class: "bh-datatable bh-antialiased bh-relative bh-text-black bh-text-sm bh-font-normal" }, zs = /* @__PURE__ */ v("span", null, "##Top Menu Slot##", -1), _s = ["onClick"], Ps = { class: "bh-checkbox" }, Ms = ["value"], Ls = ["innerHTML"], Fs = ["onClick"], Es = ["colspan"], Is = ["colspan"], Ts = /* @__PURE__ */ v("div", { class: "bh-skeleton-box bh-h-8" }, null, -1), $s = [
+  Ts
+], Os = ["colspan"], Rs = {
   key: 0,
   class: "bh-absolute bh-inset-0 bh-bg-blue-light/50 bh-grid bh-place-content-center dt-center-loading"
-}, Ds = /* @__PURE__ */ v("g", {
+}, As = /* @__PURE__ */ v("g", {
   fill: "none",
   stroke: "currentColor",
   "stroke-linecap": "round",
@@ -2471,64 +2471,64 @@ const ve = /* @__PURE__ */ ws(Ss, [["render", ks]]), Cs = { class: "bh-datatable
       values: "34;68"
     })
   ])
-], -1), qs = [
-  Ds
-], Bs = /* @__PURE__ */ v("span", null, "##Right Menu Slot##", -1), Hs = { class: "bh-flex bh-items-center bh-flex-wrap bh-flex-col sm:bh-flex-row bh-gap-4" }, js = { class: "bh-pagination-info bh-flex bh-items-center" }, Us = { class: "bh-mr-2" }, Vs = ["value"], Ws = { class: "bh-pagination-number sm:bh-ml-auto bh-inline-flex bh-items-center bh-space-x-1" }, Gs = ["innerHTML"], Qs = {
+], -1), Ns = [
+  As
+], Ds = /* @__PURE__ */ v("span", null, "##Right Menu Slot##", -1), qs = { class: "bh-flex bh-items-center bh-flex-wrap bh-flex-col sm:bh-flex-row bh-gap-4" }, Bs = { class: "bh-pagination-info bh-flex bh-items-center" }, Hs = { class: "bh-mr-2" }, js = ["value"], Us = { class: "bh-pagination-number sm:bh-ml-auto bh-inline-flex bh-items-center bh-space-x-1" }, Vs = ["innerHTML"], Ws = {
   key: 1,
   "aria-hidden": "true",
   width: "14",
   height: "14",
   viewBox: "0 0 16 16"
-}, Ks = /* @__PURE__ */ v("g", {
+}, Gs = /* @__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), Xs = [
-  Ks
-], Ys = ["innerHTML"], Js = {
+], -1), Qs = [
+  Gs
+], Ks = ["innerHTML"], Xs = {
   key: 1,
   "aria-hidden": "true",
   width: "14",
   height: "14",
   viewBox: "0 0 16 16"
-}, Zs = /* @__PURE__ */ v("path", {
+}, Ys = /* @__PURE__ */ v("path", {
   fill: "currentColor",
   "fill-rule": "evenodd",
   d: "M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"
-}, null, -1), el = [
-  Zs
-], tl = ["onClick"], nl = ["innerHTML"], ol = {
+}, null, -1), Js = [
+  Ys
+], Zs = ["onClick"], el = ["innerHTML"], tl = {
   key: 1,
   "aria-hidden": "true",
   width: "14",
   height: "14",
   viewBox: "0 0 16 16"
-}, il = /* @__PURE__ */ v("path", {
+}, nl = /* @__PURE__ */ v("path", {
   fill: "currentColor",
   "fill-rule": "evenodd",
   d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8L4.646 2.354a.5.5 0 0 1 0-.708z"
-}, null, -1), sl = [
-  il
-], ll = ["innerHTML"], rl = {
+}, null, -1), ol = [
+  nl
+], il = ["innerHTML"], sl = {
   key: 1,
   "aria-hidden": "true",
   width: "14",
   height: "14",
   viewBox: "0 0 16 16"
-}, al = /* @__PURE__ */ v("g", {
+}, ll = /* @__PURE__ */ v("g", {
   fill: "currentColor",
   "fill-rule": "evenodd"
 }, [
   /* @__PURE__ */ v("path", { d: "M3.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L9.293 8L3.646 2.354a.5.5 0 0 1 0-.708z" }),
   /* @__PURE__ */ v("path", { d: "M7.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L13.293 8L7.646 2.354a.5.5 0 0 1 0-.708z" })
-], -1), ul = [
-  al
-], cl = {
+], -1), rl = [
+  ll
+], al = {
   name: "Vue3Datatable"
-}, ml = /* @__PURE__ */ ue({
-  ...cl,
+}, hl = /* @__PURE__ */ ue({
+  ...al,
   props: {
     loading: { type: Boolean, default: !1 },
     isServerMode: { type: Boolean, default: !1 },
@@ -2563,7 +2563,7 @@ const ve = /* @__PURE__ */ ws(Ss, [["render", ks]]), Cs = { class: "bh-datatable
     nextArrow: { default: "" },
     previousArrow: { default: "" },
     paginationInfo: { default: "Showing {0} to {1} of {2} entries" },
-    noDataContent: { default: "No data available" },
+    noDataContent: { default: "There is no data that match your query." },
     stickyHeader: { type: Boolean, default: !1 },
     stickyFooter: { type: Boolean, default: !1 },
     height: { default: "500px" },
@@ -2582,7 +2582,9 @@ const ve = /* @__PURE__ */ ws(Ss, [["render", ks]]), Cs = { class: "bh-datatable
     rightmenumin: {},
     topmenusize: {},
     topmenumax: {},
-    topmenumin: {}
+    topmenumin: {},
+    skeletonloader: { type: Boolean },
+    enableloadinganimation: { type: Boolean }
   },
   emits: ["change", "sortChange", "searchChange", "pageChange", "pageSizeChange", "rowSelect", "filterChange", "rowClick", "rowDBClick"],
   setup(e, { expose: o, emit: n }) {
@@ -2593,10 +2595,10 @@ const ve = /* @__PURE__ */ ws(Ss, [["render", ks]]), Cs = { class: "bh-datatable
       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 s = A([]), l = A(t.page), r = A(t.pagination ? t.pageSize : (zt = t.rows) == null ? void 0 : zt.length), u = t.pageSize, c = A(t.sortColumn), d = t.sortColumn, p = A(t.sortDirection), S = t.sortDirection, z = A(t.totalRows), _ = A([]), P = A(null), C = A(t.loading), T = A(t.search), O = JSON.parse(JSON.stringify(t.columns)), $ = A(null), N = A(null);
-    let H = A(0);
+    let B = A(0);
     const x = A(230);
     we(() => {
-      oe();
+      ie();
     });
     const y = n;
     o({
@@ -2684,10 +2686,10 @@ const ve = /* @__PURE__ */ ws(Ss, [["render", ks]]), Cs = { class: "bh-datatable
         });
       }
       return a;
-    }, he = A([]), oe = () => {
+    }, fe = A([]), ie = () => {
       let a = [], h = dt();
       t.isServerMode ? (z.value = t.totalRows || 0, a = h) : (z.value = (h == null ? void 0 : h.length) || 0, a = h.slice(Ne.value - 1, De.value)), t.hasSubtable && a.forEach(function(g) {
-        g.isExpanded != null && (he.value.find((V) => V.id == g.id) || he.value.push({ id: g.id, isExpanded: g.isExpanded }));
+        g.isExpanded != null && (fe.value.find((V) => V.id == g.id) || fe.value.push({ id: g.id, isExpanded: g.isExpanded }));
       }), s.value = a || [];
     };
     G(
@@ -2710,21 +2712,21 @@ const ve = /* @__PURE__ */ ws(Ss, [["render", ks]]), Cs = { class: "bh-datatable
       l.value++;
     };
     G(() => l.value, () => {
-      Y(!1), t.isServerMode ? ce("page") : (oe(), y("pageChange", l.value));
+      Y(!1), t.isServerMode ? ce("page") : (ie(), y("pageChange", l.value));
     }), G(() => t.rows, () => {
-      t.isServerMode || (l.value = 1), Y(!1), oe();
+      t.isServerMode || (l.value = 1), Y(!1), ie();
     });
     const wn = (a) => {
       r.value = a;
     };
     G(() => r.value, () => {
-      Y(!1), t.isServerMode ? l.value === 1 ? ce("pagesize", !0) : l.value = 1 : (l.value = 1, oe(), y("pageSizeChange", r.value));
+      Y(!1), t.isServerMode ? l.value === 1 ? ce("pagesize", !0) : l.value = 1 : (l.value = 1, ie(), y("pageSizeChange", r.value));
     });
     const vt = (a) => {
       let h = "asc";
       a == c.value && p.value === "asc" && (h = "desc");
       let g = (l.value - 1) * r.value, I = r.value;
-      c.value = a, p.value = h, Y(!1), oe(), t.isServerMode ? ce("sort") : y("sortChange", { offset: g, limit: I, field: a, direction: h });
+      c.value = a, p.value = h, Y(!1), ie(), t.isServerMode ? ce("sort") : y("sortChange", { offset: g, limit: I, field: a, direction: h });
     }, gt = (a) => {
       P.value = a.length && s.value.length && a.length === s.value.length;
       const h = s.value.filter((g, I) => _.value.includes(M.value ? g[M.value] : I));
@@ -2734,9 +2736,9 @@ const ve = /* @__PURE__ */ ws(Ss, [["render", ks]]), Cs = { class: "bh-datatable
     const Y = (a) => {
       a ? _.value = s.value.map((h, g) => M.value ? h[M.value] : g) : _.value = [];
     }, bt = () => {
-      Y(!1), t.isServerMode ? l.value === 1 ? ce("filter", !0) : l.value = 1 : (l.value = 1, oe(), y("filterChange", t.columns));
+      Y(!1), t.isServerMode ? l.value === 1 ? ce("filter", !0) : l.value = 1 : (l.value = 1, ie(), y("filterChange", t.columns));
     }, Sn = () => {
-      Y(!1), t.isServerMode ? l.value === 1 ? ce("search", !0) : l.value = 1 : (l.value = 1, oe(), y("searchChange", T.value));
+      Y(!1), t.isServerMode ? l.value === 1 ? ce("search", !0) : l.value = 1 : (l.value = 1, ie(), y("searchChange", T.value));
     };
     G(
       () => t.search,
@@ -2754,9 +2756,9 @@ const ve = /* @__PURE__ */ ws(Ss, [["render", ks]]), Cs = { class: "bh-datatable
       }
       return "";
     }, yt = (a, h) => {
-      H.value++, H.value === 1 ? N.value = setTimeout(() => {
-        H.value = 0, t.selectRowOnClick && (ke(h) ? wt(h) : xt(h), gt(_.value)), y("rowClick", a);
-      }, x.value) : H.value === 2 && (clearTimeout(N.value), H.value = 0, y("rowDBClick", a));
+      B.value++, B.value === 1 ? N.value = setTimeout(() => {
+        B.value = 0, t.selectRowOnClick && (ke(h) ? wt(h) : xt(h), gt(_.value)), y("rowClick", a);
+      }, x.value) : B.value === 2 && (clearTimeout(N.value), B.value = 0, y("rowDBClick", a));
     }, ce = (a, h = !1) => {
       if (t.isServerMode) {
         kn();
@@ -2781,7 +2783,7 @@ const ve = /* @__PURE__ */ ws(Ss, [["render", ks]]), Cs = { class: "bh-datatable
       Y(!1);
       for (let a = 0; a < t.columns.length; a++)
         t.columns[a] = O[a];
-      T.value = "", r.value = u, c.value = d, p.value = S, t.isServerMode ? l.value === 1 ? ce("reset", !0) : l.value = 1 : (l.value = 1, oe());
+      T.value = "", r.value = u, c.value = d, p.value = S, t.isServerMode ? l.value === 1 ? ce("reset", !0) : l.value = 1 : (l.value = 1, ie());
     }, zn = () => s.value.filter((h, g) => _.value.includes(M.value ? h[M.value] : g)), _n = () => t.columns, Pn = () => {
       _.value = [];
     }, xt = (a) => {
@@ -2798,8 +2800,8 @@ const ve = /* @__PURE__ */ ws(Ss, [["render", ks]]), Cs = { class: "bh-datatable
       const h = s.value.find((g, I) => I === a);
       return h ? _.value.includes(M.value ? h[M.value] : a) : !1;
     };
-    let de = 0;
-    t.hasCheckbox && de++, t.hasSubtable && de++;
+    let he = 0;
+    t.hasCheckbox && he++, t.hasSubtable && he++;
     const St = A(0);
     setInterval(function() {
       St.value++;
@@ -2820,48 +2822,48 @@ const ve = /* @__PURE__ */ ws(Ss, [["render", ks]]), Cs = { class: "bh-datatable
     );
     const kt = A(null), Mn = Xn(kt).height;
     return (a, h) => (m(), b("div", Cs, [
-      W(q(We), {
+      W(H(We), {
         class: "default-theme",
-        style: X({ height: t.height })
+        style: K({ height: t.height })
       }, {
         default: Z(() => [
-          W(q(ve), null, {
+          W(H(ve), null, {
             default: Z(() => [
-              W(q(We), {
+              W(H(We), {
                 vertical: "vertical",
                 class: "default-theme",
                 onResize: h[2] || (h[2] = (g) => Ce.value = g[0].size)
               }, {
                 default: Z(() => [
-                  W(q(ve), { size: Ce.value }, {
+                  W(H(ve), { size: Ce.value }, {
                     default: Z(() => [
-                      W(q(We), {
+                      W(H(We), {
                         class: "default-theme",
                         horizontal: "horizontal"
                       }, {
                         default: Z(() => [
-                          a.enabletopmenu ? (m(), K(q(ve), {
+                          a.enabletopmenu ? (m(), X(H(ve), {
                             key: 0,
                             ref_key: "topmenuel",
                             ref: kt,
                             size: 100 - qe.value,
                             "max-size": a.topmenumax,
-                            style: X({ "min-height": a.topmenumin + "px" })
+                            style: K({ "min-height": a.topmenumin + "px" })
                           }, {
                             default: Z(() => [
-                              ie(a.$slots, "tabletopmenu", {}, () => [
+                              te(a.$slots, "tabletopmenu", {}, () => [
                                 zs
                               ])
                             ]),
                             _: 3
                           }, 8, ["size", "max-size", "style"])) : F("", !0),
-                          W(q(ve), { size: qe.value }, {
+                          W(H(ve), { size: qe.value }, {
                             default: Z(() => [
                               v("div", {
                                 class: k(t.scrollbarstyle)
                               }, [
-                                W(q(xs), {
-                                  style: X({ height: t.stickyHeader && Number(t.height.replace("px", "")) - q(Mn) + "px" }),
+                                W(H(xs), {
+                                  style: K({ height: t.stickyHeader && Number(t.height.replace("px", "")) - H(Mn) + "px" }),
                                   autoHide: t.scrollbarautohide,
                                   fixedThumb: t.scrollbarfixedthumb,
                                   autoExpand: t.scrollbarautoexpand,
@@ -2871,7 +2873,7 @@ const ve = /* @__PURE__ */ ws(Ss, [["render", ks]]), Cs = { class: "bh-datatable
                                   default: Z(() => [
                                     v("div", {
                                       class: k(["bh-table-responsive", { "bh-min-h-[100px]": C.value }]),
-                                      style: X({ overflow: t.stickyHeader && "inherit" })
+                                      style: K({ overflow: t.stickyHeader && "inherit" })
                                     }, [
                                       v("table", {
                                         class: k([t.skin])
@@ -2881,7 +2883,7 @@ const ve = /* @__PURE__ */ ws(Ss, [["render", ks]]), Cs = { class: "bh-datatable
                                         }, [
                                           W(jt, {
                                             all: t,
-                                            expandedrows: he.value,
+                                            expandedrows: fe.value,
                                             currentSortColumn: c.value,
                                             currentSortDirection: p.value,
                                             isOpenFilter: $.value,
@@ -2894,9 +2896,9 @@ const ve = /* @__PURE__ */ ws(Ss, [["render", ks]]), Cs = { class: "bh-datatable
                                           }, null, 8, ["expandedrows", "currentSortColumn", "currentSortDirection", "isOpenFilter", "checkAll", "columnFilterLang"])
                                         ], 2),
                                         v("tbody", null, [
-                                          (m(!0), b(B, null, ee(s.value, (g, I) => {
+                                          (m(!0), b(q, null, ee(s.value, (g, I) => {
                                             var V;
-                                            return m(), b(B, {
+                                            return m(), b(q, {
                                               key: g[M.value] ? g[M.value] : I
                                             }, [
                                               z.value ? (m(), b("tr", {
@@ -2914,7 +2916,7 @@ const ve = /* @__PURE__ */ ws(Ss, [["render", ks]]), Cs = { class: "bh-datatable
                                                   })
                                                 }, [
                                                   v("div", Ps, [
-                                                    te(v("input", {
+                                                    ne(v("input", {
                                                       "onUpdate:modelValue": h[0] || (h[0] = (U) => _.value = U),
                                                       type: "checkbox",
                                                       value: g[M.value] ? g[M.value] : I,
@@ -2936,10 +2938,10 @@ const ve = /* @__PURE__ */ ws(Ss, [["render", ks]]), Cs = { class: "bh-datatable
                                                 }, [
                                                   W(mn, {
                                                     item: g,
-                                                    expandedrows: he.value
+                                                    expandedrows: fe.value
                                                   }, null, 8, ["item", "expandedrows"])
                                                 ], 2)) : F("", !0),
-                                                (m(!0), b(B, null, ee(t.columns, (U, J) => (m(), b(B, null, [
+                                                (m(!0), b(q, null, ee(t.columns, (U, J) => (m(), b(q, null, [
                                                   U.hide ? F("", !0) : (m(), b("td", {
                                                     key: U.field,
                                                     class: k([
@@ -2949,19 +2951,19 @@ const ve = /* @__PURE__ */ ws(Ss, [["render", ks]]), Cs = { class: "bh-datatable
                                                       U.cellClass ? U.cellClass : ""
                                                     ])
                                                   }, [
-                                                    q(i)[U.field] ? ie(a.$slots, U.field, {
+                                                    H(i)[U.field] ? te(a.$slots, U.field, {
                                                       key: 0,
                                                       value: g
                                                     }) : U.cellRenderer ? (m(), b("div", {
                                                       key: 1,
                                                       innerHTML: U.cellRenderer(g)
-                                                    }, null, 8, Ls)) : (m(), b(B, { key: 2 }, [
+                                                    }, null, 8, Ls)) : (m(), b(q, { key: 2 }, [
                                                       Qe(R(L(g, U.field)), 1)
                                                     ], 64))
                                                   ], 2))
                                                 ], 64))), 256))
                                               ], 10, _s)) : F("", !0),
-                                              (V = he.value.find((U) => U.id == g.id)) != null && V.isExpanded && t.hasSubtable ? (m(), b("tr", {
+                                              (V = fe.value.find((U) => U.id == g.id)) != null && V.isExpanded && t.hasSubtable ? (m(), b("tr", {
                                                 key: 1,
                                                 class: k([
                                                   typeof t.rowClass == "function" ? a.rowClass(g) : t.rowClass,
@@ -2970,32 +2972,27 @@ const ve = /* @__PURE__ */ ws(Ss, [["render", ks]]), Cs = { class: "bh-datatable
                                                 onClick: re((U) => yt(g, I), ["prevent"])
                                               }, [
                                                 v("td", {
-                                                  colspan: t.columns.length + q(de)
+                                                  colspan: t.columns.length + H(he)
                                                 }, [
-                                                  ie(a.$slots, "tsub", { value: s.value })
+                                                  te(a.$slots, "tsub", { value: s.value })
                                                 ], 8, Es)
                                               ], 10, Fs)) : F("", !0)
                                             ], 64);
                                           }), 128)),
-                                          !z.value && !C.value ? (m(), b("tr", Is, [
-                                            v("td", {
-                                              colspan: t.columns.length + q(de)
-                                            }, R(t.noDataContent), 9, Ts)
-                                          ])) : F("", !0),
-                                          !z.value && C.value ? (m(!0), b(B, { key: 1 }, ee(t.pageSize, (g) => (m(), b("tr", {
+                                          !z.value && C.value && a.skeletonloader ? (m(!0), b(q, { key: 0 }, ee(t.pageSize, (g) => (m(), b("tr", {
                                             key: g,
                                             class: "!bh-bg-white bh-h-11 !bh-border-transparent"
                                           }, [
                                             v("td", {
-                                              colspan: t.columns.length + q(de),
+                                              colspan: t.columns.length + H(he),
                                               class: "!bh-p-0 !bh-border-transparent"
-                                            }, Rs, 8, $s)
+                                            }, $s, 8, Is)
                                           ]))), 128)) : F("", !0),
-                                          z.value ? (m(!0), b(B, { key: 2 }, ee(t.footerRows, (g, I) => (m(), b("tr", {
+                                          z.value ? (m(!0), b(q, { key: 1 }, ee(t.footerRows, (g, I) => (m(), b("tr", {
                                             key: g[M.value] ? g[M.value] : I
                                           }, [
-                                            v("td", { colspan: q(de) }, null, 8, As),
-                                            (m(!0), b(B, null, ee(t.columns, (V, U) => (m(), b(B, null, [
+                                            v("td", { colspan: H(he) }, null, 8, Os),
+                                            (m(!0), b(q, null, ee(t.columns, (V, U) => (m(), b(q, null, [
                                               V.hide ? F("", !0) : (m(), b("td", {
                                                 key: V.field,
                                                 class: k([
@@ -3005,7 +3002,7 @@ const ve = /* @__PURE__ */ ws(Ss, [["render", ks]]), Cs = { class: "bh-datatable
                                                   V.cellClass ? V.cellClass : ""
                                                 ])
                                               }, [
-                                                g.cells.find((J) => J.field == V.field) ? (m(), b(B, { key: 0 }, [
+                                                g.cells.find((J) => J.field == V.field) ? (m(), b(q, { key: 0 }, [
                                                   Qe(R(g.cells.find((J) => J.field == V.field).text), 1)
                                                 ], 64)) : F("", !0)
                                               ], 2))
@@ -3030,16 +3027,25 @@ const ve = /* @__PURE__ */ ws(Ss, [["render", ks]]), Cs = { class: "bh-datatable
                                           }, null, 8, ["currentSortColumn", "currentSortDirection", "isOpenFilter", "checkAll"])
                                         ], 2)) : F("", !0)
                                       ], 2),
-                                      z.value && C.value ? (m(), b("div", Ns, [
+                                      z.value && C.value && a.enableloadinganimation ? (m(), b("div", Rs, [
                                         (m(), b("svg", {
                                           key: St.value,
                                           xmlns: "http://www.w3.org/2000/svg",
                                           width: "32",
                                           height: "32",
                                           viewBox: "0 0 24 24"
-                                        }, qs))
+                                        }, Ns))
                                       ])) : F("", !0)
-                                    ], 6)
+                                    ], 6),
+                                    !z.value && !C.value ? (m(), b("div", {
+                                      key: 0,
+                                      class: "nodatacontent",
+                                      style: K({ height: Number(t.height.replace("px", "")) - 175 + "px" })
+                                    }, [
+                                      te(a.$slots, "nodatacontent", {}, () => [
+                                        v("span", null, R(t.noDataContent), 1)
+                                      ])
+                                    ], 4)) : F("", !0)
                                   ]),
                                   _: 3
                                 }, 8, ["style", "autoHide", "fixedThumb", "autoExpand", "direction"])
@@ -3053,15 +3059,15 @@ const ve = /* @__PURE__ */ ws(Ss, [["render", ks]]), Cs = { class: "bh-datatable
                     ]),
                     _: 3
                   }, 8, ["size"]),
-                  a.enablerightmenu ? (m(), K(q(ve), {
+                  a.enablerightmenu ? (m(), X(H(ve), {
                     key: 0,
                     size: 100 - Ce.value,
                     "max-size": a.rightmenumax,
-                    style: X({ "min-width": a.rightmenumin + "px" })
+                    style: K({ "min-width": a.rightmenumin + "px" })
                   }, {
                     default: Z(() => [
-                      ie(a.$slots, "tablerightmenu", {}, () => [
-                        Bs
+                      te(a.$slots, "tablerightmenu", {}, () => [
+                        Ds
                       ])
                     ]),
                     _: 3
@@ -3079,8 +3085,8 @@ const ve = /* @__PURE__ */ ws(Ss, [["render", ks]]), Cs = { class: "bh-datatable
         key: 0,
         class: k(["bh-pagination", { "bh-pointer-events-none": C.value, "sticky-footer": t.stickyFooter }])
       }, [
-        v("div", Hs, [
-          ie(a.$slots, "footerpageinfo", {
+        v("div", qs, [
+          te(a.$slots, "footerpageinfo", {
             paginationInfo: a.paginationInfo,
             filterRowCount: z.value,
             offset: Ne.value,
@@ -3091,23 +3097,23 @@ const ve = /* @__PURE__ */ ws(Ss, [["render", ks]]), Cs = { class: "bh-datatable
             stringFormat: E,
             setPageSize: wn
           }, () => [
-            v("div", js, [
-              v("span", Us, R(E(t.paginationInfo, z.value ? Ne.value : 0, De.value, z.value)), 1),
-              t.showPageSize ? te((m(), b("select", {
+            v("div", Bs, [
+              v("span", Hs, R(E(t.paginationInfo, z.value ? Ne.value : 0, De.value, z.value)), 1),
+              t.showPageSize ? ne((m(), b("select", {
                 key: 0,
                 "onUpdate:modelValue": h[3] || (h[3] = (g) => r.value = g),
                 class: "bh-pagesize"
               }, [
-                (m(!0), b(B, null, ee(t.pageSizeOptions, (g) => (m(), b("option", {
+                (m(!0), b(q, null, ee(t.pageSizeOptions, (g) => (m(), b("option", {
                   value: g,
                   key: g
-                }, R(g), 9, Vs))), 128))
+                }, R(g), 9, js))), 128))
               ], 512)), [
                 [Xt, r.value]
               ]) : F("", !0)
             ])
           ]),
-          ie(a.$slots, "footerpagination", {
+          te(a.$slots, "footerpagination", {
             currentPage: l.value,
             maxPage: j.value,
             paging: ct.value,
@@ -3115,7 +3121,7 @@ const ve = /* @__PURE__ */ ws(Ss, [["render", ks]]), Cs = { class: "bh-datatable
             nextPage: mt,
             previousPage: ht
           }, () => [
-            v("div", Ws, [
+            v("div", Us, [
               t.showFirstPage ? (m(), b("button", {
                 key: 0,
                 type: "button",
@@ -3125,7 +3131,7 @@ const ve = /* @__PURE__ */ ws(Ss, [["render", ks]]), Cs = { class: "bh-datatable
                 t.firstArrow ? (m(), b("span", {
                   key: 0,
                   innerHTML: t.firstArrow
-                }, null, 8, Gs)) : (m(), b("svg", Qs, Xs))
+                }, null, 8, Vs)) : (m(), b("svg", Ws, Qs))
               ], 2)) : F("", !0),
               v("button", {
                 type: "button",
@@ -3135,9 +3141,9 @@ const ve = /* @__PURE__ */ ws(Ss, [["render", ks]]), Cs = { class: "bh-datatable
                 t.previousArrow ? (m(), b("span", {
                   key: 0,
                   innerHTML: t.previousArrow
-                }, null, 8, Ys)) : (m(), b("svg", Js, el))
+                }, null, 8, Ks)) : (m(), b("svg", Xs, Js))
               ], 2),
-              t.showNumbers ? (m(!0), b(B, { key: 1 }, ee(ct.value, (g) => (m(), b("button", {
+              t.showNumbers ? (m(!0), b(q, { key: 1 }, ee(ct.value, (g) => (m(), b("button", {
                 key: g,
                 type: "button",
                 class: k(["bh-page-item", {
@@ -3145,7 +3151,7 @@ const ve = /* @__PURE__ */ ws(Ss, [["render", ks]]), Cs = { class: "bh-datatable
                   "bh-active": g === l.value
                 }]),
                 onClick: (I) => pt(g)
-              }, R(g), 11, tl))), 128)) : F("", !0),
+              }, R(g), 11, Zs))), 128)) : F("", !0),
               v("button", {
                 type: "button",
                 class: k(["bh-page-item next-page", { disabled: l.value >= j.value }]),
@@ -3154,7 +3160,7 @@ const ve = /* @__PURE__ */ ws(Ss, [["render", ks]]), Cs = { class: "bh-datatable
                 t.nextArrow ? (m(), b("span", {
                   key: 0,
                   innerHTML: t.nextArrow
-                }, null, 8, nl)) : (m(), b("svg", ol, sl))
+                }, null, 8, el)) : (m(), b("svg", tl, ol))
               ], 2),
               t.showLastPage ? (m(), b("button", {
                 key: 2,
@@ -3165,7 +3171,7 @@ const ve = /* @__PURE__ */ ws(Ss, [["render", ks]]), Cs = { class: "bh-datatable
                 t.lastArrow ? (m(), b("span", {
                   key: 0,
                   innerHTML: t.lastArrow
-                }, null, 8, ll)) : (m(), b("svg", rl, ul))
+                }, null, 8, il)) : (m(), b("svg", sl, rl))
               ], 2)) : F("", !0)
             ])
           ])
@@ -3175,5 +3181,5 @@ const ve = /* @__PURE__ */ ws(Ss, [["render", ks]]), Cs = { class: "bh-datatable
   }
 });
 export {
-  ml as default
+  hl as default
 };