@dolusoft/vue3-datatable 1.6.2 → 1.6.4

package/dist/vue3-datatable.js

@@ -1,4 +1,4 @@
-import { onMounted as we, nextTick as Nn, getCurrentScope as Rn, onScopeDispose as An, unref as D, getCurrentInstance as Yt, computed as Q, ref as O, watch as G, defineComponent as ue, useCssVars as Dn, shallowRef as oe, onUnmounted as Ie, openBlock as m, createElementBlock as g, Fragment as B, withDirectives as ne, createElementVNode as y, normalizeClass as k, normalizeStyle as K, withModifiers as re, setBlockTracking as Tt, vShow as Xe, createCommentVNode as M, mergeProps as Bn, renderSlot as X, renderList as te, createVNode as V, reactive as qn, watchEffect as Hn, h as Ye, toRef as jn, createBlock as Y, onBeforeUnmount as Wn, toDisplayString as N, createTextVNode as Ee, vModelText as Ue, vModelSelect as Jt, useSlots as Un, withCtx as ee, vModelCheckbox as Vn } from "vue";
+import { onMounted as we, nextTick as Nn, getCurrentScope as Rn, onScopeDispose as An, unref as D, getCurrentInstance as Yt, computed as Q, ref as O, watch as G, defineComponent as ue, useCssVars as Dn, shallowRef as oe, onUnmounted as Te, openBlock as m, createElementBlock as g, Fragment as B, withDirectives as ne, createElementVNode as y, normalizeClass as k, normalizeStyle as K, withModifiers as re, setBlockTracking as Tt, vShow as Ke, createCommentVNode as M, mergeProps as Bn, renderSlot as X, renderList as te, createVNode as V, reactive as qn, watchEffect as Hn, h as Xe, toRef as jn, createBlock as Y, onBeforeUnmount as Wn, toDisplayString as R, createTextVNode as Ye, vModelText as We, vModelSelect as Jt, useSlots as Un, withCtx as ee, vModelCheckbox as Vn } from "vue";
 function Gn(e) {
   return Rn() ? (An(e), !0) : !1;
 }
@@ -93,7 +93,7 @@ function Mt(e, o = { width: 0, height: 0 }, n = {}) {
     stop: d
   };
 }
-var to = typeof global == "object" && global && global.Object === Object && global, no = typeof self == "object" && self && self.Object === Object && self, en = to || no || Function("return this")(), Fe = en.Symbol, tn = Object.prototype, oo = tn.hasOwnProperty, io = tn.toString, pe = Fe ? Fe.toStringTag : void 0;
+var to = typeof global == "object" && global && global.Object === Object && global, no = typeof self == "object" && self && self.Object === Object && self, en = to || no || Function("return this")(), Me = en.Symbol, tn = Object.prototype, oo = tn.hasOwnProperty, io = tn.toString, pe = Me ? Me.toStringTag : void 0;
 function lo(e) {
   var o = oo.call(e, pe), n = e[pe];
   try {
@@ -108,7 +108,7 @@ var so = Object.prototype, ro = so.toString;
 function ao(e) {
   return ro.call(e);
 }
-var uo = "[object Null]", co = "[object Undefined]", It = Fe ? Fe.toStringTag : void 0;
+var uo = "[object Null]", co = "[object Undefined]", It = Me ? Me.toStringTag : void 0;
 function fo(e) {
   return e == null ? e === void 0 ? co : uo : It && It in Object(e) ? lo(e) : ao(e);
 }
@@ -129,7 +129,7 @@ var bo = /^\s+/;
 function yo(e) {
   return e && e.slice(0, go(e) + 1).replace(bo, "");
 }
-function _e(e) {
+function Ie(e) {
   var o = typeof e;
   return e != null && (o == "object" || o == "function");
 }
@@ -139,9 +139,9 @@ function ge(e) {
     return e;
   if (mo(e))
     return Ft;
-  if (_e(e)) {
+  if (Ie(e)) {
     var o = typeof e.valueOf == "function" ? e.valueOf() : e;
-    e = _e(o) ? o + "" : o;
+    e = Ie(o) ? o + "" : o;
   }
   if (typeof e != "string")
     return e === 0 ? e : +e;
@@ -152,17 +152,17 @@ function ge(e) {
 function ko(e, o, n) {
   return e === e && (n !== void 0 && (e = e <= n ? e : n), o !== void 0 && (e = e >= o ? e : o)), e;
 }
-function ze(e, o, n) {
+function ke(e, o, n) {
   return n === void 0 && (n = o, o = void 0), n !== void 0 && (n = ge(n), n = n === n ? n : 0), o !== void 0 && (o = ge(o), o = o === o ? o : 0), ko(ge(e), o, n);
 }
-var Ve = function() {
+var Ue = function() {
   return en.Date.now();
 }, zo = "Expected a function", Po = Math.max, Eo = Math.min;
 function nn(e, o, n) {
   var i, t, l, s, r, u, c = 0, d = !1, p = !1, C = !0;
   if (typeof e != "function")
     throw new TypeError(zo);
-  o = ge(o) || 0, _e(n) && (d = !!n.leading, p = "maxWait" in n, l = p ? Po(ge(n.maxWait) || 0, o) : l, C = "trailing" in n ? !!n.trailing : C);
+  o = ge(o) || 0, Ie(n) && (d = !!n.leading, p = "maxWait" in n, l = p ? Po(ge(n.maxWait) || 0, o) : l, C = "trailing" in n ? !!n.trailing : C);
   function z(x) {
     var b = i, F = t;
     return i = t = void 0, c = x, s = e.apply(F, b), s;
@@ -179,7 +179,7 @@ function nn(e, o, n) {
     return u === void 0 || b >= o || b < 0 || p && F >= l;
   }
   function $() {
-    var x = Ve();
+    var x = Ue();
     if (w(x))
       return W(x);
     r = setTimeout($, L(x));
@@ -187,14 +187,14 @@ function nn(e, o, n) {
   function W(x) {
     return r = void 0, C && i ? z(x) : (i = t = void 0, s);
   }
-  function R() {
+  function N() {
     r !== void 0 && clearTimeout(r), c = 0, i = u = t = r = void 0;
   }
   function E() {
-    return r === void 0 ? s : W(Ve());
+    return r === void 0 ? s : W(Ue());
   }
   function q() {
-    var x = Ve(), b = w(x);
+    var x = Ue(), b = w(x);
     if (i = arguments, t = this, u = x, b) {
       if (r === void 0)
         return P(u);
@@ -203,20 +203,20 @@ function nn(e, o, n) {
     }
     return r === void 0 && (r = setTimeout($, o)), s;
   }
-  return q.cancel = R, q.flush = E, q;
+  return q.cancel = N, q.flush = E, q;
 }
 var Lo = "Expected a function";
 function on(e, o, n) {
   var i = !0, t = !0;
   if (typeof e != "function")
     throw new TypeError(Lo);
-  return _e(n) && (i = "leading" in n ? !!n.leading : i, t = "trailing" in n ? !!n.trailing : t), nn(e, o, {
+  return Ie(n) && (i = "leading" in n ? !!n.leading : i, t = "trailing" in n ? !!n.trailing : t), nn(e, o, {
     leading: i,
     maxWait: o,
     trailing: t
   });
 }
-var To = Object.defineProperty, Mo = Object.defineProperties, Io = Object.getOwnPropertyDescriptors, _t = Object.getOwnPropertySymbols, Fo = Object.prototype.hasOwnProperty, _o = Object.prototype.propertyIsEnumerable, $t = (e, o, n) => o in e ? To(e, o, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[o] = n, $e = (e, o) => {
+var To = Object.defineProperty, Mo = Object.defineProperties, Io = Object.getOwnPropertyDescriptors, _t = Object.getOwnPropertySymbols, Fo = Object.prototype.hasOwnProperty, _o = Object.prototype.propertyIsEnumerable, $t = (e, o, n) => o in e ? To(e, o, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[o] = n, Fe = (e, o) => {
   for (var n in o || (o = {}))
     Fo.call(o, n) && $t(e, n, o[n]);
   if (_t)
@@ -246,7 +246,7 @@ function No(e, { expose: o }) {
   }, c = () => {
     t !== null && clearTimeout(t);
   };
-  Ie(c);
+  Te(c);
   const d = on((b) => {
     b.stopPropagation(), b.preventDefault();
     const F = n.type === "horizontal" ? "pageX" : "pageY", T = (b[F] - s[F]) / n.scrollInfo.wrapperMainSize * n.scrollInfo.contentMainSize;
@@ -261,7 +261,7 @@ function No(e, { expose: o }) {
       c(), l.value && l.value.classList.add("scrollbar__thumbPlaceholder--scrolling"), u();
     }
   });
-  let P = oe(!1), L = oe(!1), w = oe(null), $ = null, W = null, R = Q(() => n.fixedThumb && !L.value);
+  let P = oe(!1), L = oe(!1), w = oe(null), $ = null, W = null, N = Q(() => n.fixedThumb && !L.value);
   const E = ([b]) => L.value = b.isIntersecting, q = ([b]) => P.value = b.isIntersecting, x = () => {
     $ && ($.disconnect(), $ = null), W && (W.disconnect(), W = null);
   };
@@ -269,7 +269,7 @@ function No(e, { expose: o }) {
     if (!n.fixedThumb || !n.wrapperEl)
       return x();
     x(), W = new IntersectionObserver(q, { threshold: [0, 0.5] }), W.observe(n.wrapperEl), $ = new IntersectionObserver(E), $.observe(w.value);
-  }), Ie(x), (b, F) => (m(), g(B, null, [
+  }), Te(x), (b, F) => (m(), g(B, null, [
     ne(y("div", {
       class: k([
         "scrollbar__thumbPlaceholder",
@@ -282,8 +282,8 @@ function No(e, { expose: o }) {
       style: K({
         width: e.type === "horizontal" ? `${e.scrollInfo.thumbSize}px` : "",
         height: e.type === "vertical" ? `${e.scrollInfo.thumbSize}px` : "",
-        position: R.value ? "fixed" : "absolute",
-        [e.type === "vertical" ? "top" : "left"]: R.value ? `${e.scrollInfo.boundaryDistance + 3}px` : "3px"
+        position: N.value ? "fixed" : "absolute",
+        [e.type === "vertical" ? "top" : "left"]: N.value ? `${e.scrollInfo.boundaryDistance + 3}px` : "3px"
       }),
       ref: (T, H) => {
         H.thumbEl = T, l.value = T;
@@ -294,7 +294,7 @@ function No(e, { expose: o }) {
         class: k(["scrollbar__thumb", `scrollbar__thumb--${e.type}`])
       }, null, 2), Tt(1), F[0])
     ], 46, $o), [
-      [Xe, !!e.scrollInfo.thumbSize && (e.fixedThumb ? P.value : !0)]
+      [Ke, !!e.scrollInfo.thumbSize && (e.fixedThumb ? P.value : !0)]
     ]),
     n.fixedThumb ? ne((m(), g("div", {
       key: 0,
@@ -303,11 +303,11 @@ function No(e, { expose: o }) {
       },
       class: k(["scrollbar__shepherd", `scrollbar__shepherd--${e.type}`])
     }, null, 2)), [
-      [Xe, !!e.scrollInfo.thumbSize]
+      [Ke, !!e.scrollInfo.thumbSize]
     ]) : M("", !0)
   ], 64));
 }
-const Ro = /* @__PURE__ */ ue(ln($e({}, Oo), {
+const Ro = /* @__PURE__ */ ue(ln(Fe({}, Oo), {
   props: {
     type: null,
     autoExpand: null,
@@ -327,7 +327,7 @@ function Ot(...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: l } = $e($e({}, Ao), n), s = o ? e[0] : oe(null), r = qn({ left: 0, top: 0, right: 0, bottom: 0, width: 0, height: 0, x: 0, y: 0 }), u = () => {
+  const { wait: i, type: t, callback: l } = Fe(Fe({}, Ao), n), s = o ? e[0] : oe(null), r = qn({ left: 0, top: 0, right: 0, bottom: 0, width: 0, height: 0, x: 0, y: 0 }), u = () => {
     const C = s.value.getBoundingClientRect();
     r.left = C.left, r.top = C.top, r.right = C.right, r.bottom = C.bottom, r.width = C.width, r.height = C.height, r.x = C.x, r.y = C.y, l == null || l();
   };
@@ -337,7 +337,7 @@ function Ot(...e) {
   };
   return Hn(() => {
     s.value && (p(), c = u, t === "throttle" && i >= 4 ? c = on(c, i) : t === "debounce" && i >= 4 && (c = nn(c, i)), window.addEventListener("resize", c), d = new ResizeObserver(c), d.observe(s.value));
-  }), Ie(p), o ? r : [s, r];
+  }), Te(p), o ? r : [s, r];
 }
 const Do = {
   name: "CustomScrollbar",
@@ -366,12 +366,12 @@ function Bo(e, { expose: o, emit: n }) {
     d.value = Math.max(s.value.scrollHeight - u.height | 0, 0), p.value = Math.max(s.value.scrollWidth - u.width | 0, 0);
   }
   let z = Q(() => ({
-    thumbSize: p.value ? ze(u.width / s.value.scrollWidth * u.width, i.thumbMinSize > u.width ? 48 : i.thumbMinSize, i.thumbMaxSize) : 0,
+    thumbSize: p.value ? ke(u.width / s.value.scrollWidth * u.width, i.thumbMinSize > u.width ? 48 : i.thumbMinSize, i.thumbMaxSize) : 0,
     contentMainSize: c.width,
     wrapperMainSize: u.width,
     boundaryDistance: Math.abs(u.left)
   })), P = Q(() => ({
-    thumbSize: d.value ? ze(u.height / s.value.scrollHeight * u.height, i.thumbMinSize > u.height ? 48 : i.thumbMinSize, i.thumbMaxSize) : 0,
+    thumbSize: d.value ? ke(u.height / s.value.scrollHeight * u.height, i.thumbMinSize > u.height ? 48 : i.thumbMinSize, i.thumbMaxSize) : 0,
     contentMainSize: c.height,
     wrapperMainSize: u.height,
     boundaryDistance: Math.abs(u.top)
@@ -382,9 +382,9 @@ function Bo(e, { expose: o, emit: n }) {
   G(() => [p.value, d.value], $);
   const W = (E) => {
     E.stopPropagation();
-    const q = s.value.scrollLeft, x = s.value.scrollTop, b = ze(q + ((E == null ? void 0 : E.deltaX) || 0), 0, p.value) | 0, F = ze(x + ((E == null ? void 0 : E.deltaY) || 0), 0, d.value) | 0;
+    const q = s.value.scrollLeft, x = s.value.scrollTop, b = ke(q + ((E == null ? void 0 : E.deltaX) || 0), 0, p.value) | 0, F = ke(x + ((E == null ? void 0 : E.deltaY) || 0), 0, d.value) | 0;
     s.value.scrollLeft = b, s.value.scrollTop = F, p.value && (t.horizontal.el.style.transform = `translate3d(${b / p.value * w.value}px, 0, 0)`, t.horizontal.instance.autoHideAfterScroll()), d.value && (t.vertical.el.style.transform = `translate3d(0, ${F / d.value * L.value}px, 0)`, t.vertical.instance.autoHideAfterScroll()), n("scroll", { target: s.value, scrollLeft: b, scrollTop: F });
-  }, R = (E) => {
+  }, N = (E) => {
     i.simulateScroll ? W(E) : $();
   };
   return G(u, () => n("wrapperResize", u)), G(c, () => n("contentResize", c)), o({
@@ -399,8 +399,8 @@ function Bo(e, { expose: o, emit: n }) {
       },
       class: "scrollbar__scroller"
     }, E.$attrs, {
-      onWheel: R,
-      onScroll: R
+      onWheel: N,
+      onScroll: N
     }), [
       y("div", {
         ref: (x, b) => {
@@ -426,7 +426,7 @@ function Bo(e, { expose: o, emit: n }) {
     }, null, 8, ["autoExpand", "autoHide", "autoHideDelay", "fixedThumb", "type", "scrollInfo", "thumbWidth", "wrapperEl"])), 64))
   ], 6));
 }
-const qo = /* @__PURE__ */ ue(ln($e({}, Do), {
+const qo = /* @__PURE__ */ ue(ln(Fe({}, Do), {
   props: {
     wrapperClass: null,
     wrapperStyle: null,
@@ -446,7 +446,7 @@ const qo = /* @__PURE__ */ ue(ln($e({}, Do), {
   },
   emits: ["wrapperResize", "contentResize", "scroll"],
   setup: Bo
-})), Ge = {
+})), Ve = {
   name: "splitpanes",
   emits: ["ready", "resize", "resized", "pane-click", "pane-maximize", "pane-add", "pane-remove", "splitter-click"],
   props: {
@@ -708,7 +708,7 @@ const qo = /* @__PURE__ */ ue(ln($e({}, Do), {
     this.container = this.$refs.container, this.checkSplitpanesNodes(), this.redoSplitters(), this.resetPaneSizes(), this.$emit("ready"), this.ready = !0;
   },
   render() {
-    return Ye(
+    return Xe(
       "div",
       {
         ref: "container",
@@ -782,7 +782,7 @@ function Wo(e, o, n, i, t, l) {
     X(e.$slots, "default")
   ], 4);
 }
-const me = /* @__PURE__ */ Ho(jo, [["render", Wo]]), be = /^[a-z0-9]+(-[a-z0-9]+)*$/, Ne = (e, o, n, i = "") => {
+const me = /* @__PURE__ */ Ho(jo, [["render", Wo]]), be = /^[a-z0-9]+(-[a-z0-9]+)*$/, $e = (e, o, n, i = "") => {
   const t = e.split(":");
   if (e.slice(0, 1) === "@") {
     if (t.length < 2 || t.length > 3)
@@ -798,7 +798,7 @@ const me = /* @__PURE__ */ Ho(jo, [["render", Wo]]), be = /^[a-z0-9]+(-[a-z0-9]+
       prefix: u,
       name: r
     };
-    return o && !Le(c) ? null : c;
+    return o && !Pe(c) ? null : c;
   }
   const l = t[0], s = l.split("-");
   if (s.length > 1) {
@@ -807,7 +807,7 @@ const me = /* @__PURE__ */ Ho(jo, [["render", Wo]]), be = /^[a-z0-9]+(-[a-z0-9]+
       prefix: s.shift(),
       name: s.join("-")
     };
-    return o && !Le(r) ? null : r;
+    return o && !Pe(r) ? null : r;
   }
   if (n && i === "") {
     const r = {
@@ -815,25 +815,25 @@ const me = /* @__PURE__ */ Ho(jo, [["render", Wo]]), be = /^[a-z0-9]+(-[a-z0-9]+
       prefix: "",
       name: l
     };
-    return o && !Le(r, n) ? null : r;
+    return o && !Pe(r, n) ? null : r;
   }
   return null;
-}, Le = (e, o) => e ? !!((e.provider === "" || e.provider.match(be)) && (o && e.prefix === "" || e.prefix.match(be)) && e.name.match(be)) : !1, sn = Object.freeze(
+}, Pe = (e, o) => e ? !!((e.provider === "" || e.provider.match(be)) && (o && e.prefix === "" || e.prefix.match(be)) && e.name.match(be)) : !1, sn = Object.freeze(
   {
     left: 0,
     top: 0,
     width: 16,
     height: 16
   }
-), Oe = Object.freeze({
+), _e = Object.freeze({
   rotate: 0,
   vFlip: !1,
   hFlip: !1
-}), Re = Object.freeze({
+}), Oe = Object.freeze({
   ...sn,
-  ...Oe
+  ..._e
 }), Je = Object.freeze({
-  ...Re,
+  ...Oe,
   body: "",
   hidden: !1
 });
@@ -846,7 +846,7 @@ function Uo(e, o) {
 function Nt(e, o) {
   const n = Uo(e, o);
   for (const i in Je)
-    i in Oe ? i in e && !(i in n) && (n[i] = Oe[i]) : i in o ? n[i] = o[i] : i in e && (n[i] = e[i]);
+    i in _e ? i in e && !(i in n) && (n[i] = _e[i]) : i in o ? n[i] = o[i] : i in e && (n[i] = e[i]);
   return n;
 }
 function Vo(e, o) {
@@ -894,7 +894,7 @@ const Qo = {
   not_found: {},
   ...sn
 };
-function Qe(e, o) {
+function Ge(e, o) {
   for (const n in o)
     if (n in e && typeof e[n] != typeof o[n])
       return !1;
@@ -904,12 +904,12 @@ function an(e) {
   if (typeof e != "object" || e === null)
     return null;
   const o = e;
-  if (typeof o.prefix != "string" || !e.icons || typeof e.icons != "object" || !Qe(e, Qo))
+  if (typeof o.prefix != "string" || !e.icons || typeof e.icons != "object" || !Ge(e, Qo))
     return null;
   const n = o.icons;
   for (const t in n) {
     const l = n[t];
-    if (!t.match(be) || typeof l.body != "string" || !Qe(
+    if (!t.match(be) || typeof l.body != "string" || !Ge(
       l,
       Je
     ))
@@ -918,7 +918,7 @@ function an(e) {
   const i = o.aliases || /* @__PURE__ */ Object.create(null);
   for (const t in i) {
     const l = i[t], s = l.parent;
-    if (!t.match(be) || typeof s != "string" || !n[s] && !i[s] || !Qe(
+    if (!t.match(be) || typeof s != "string" || !n[s] && !i[s] || !Ge(
       l,
       Je
     ))
@@ -957,14 +957,14 @@ function un(e) {
   return typeof e == "boolean" && (ye = e), ye;
 }
 function Yo(e) {
-  const o = typeof e == "string" ? Ne(e, !0, ye) : e;
+  const o = typeof e == "string" ? $e(e, !0, ye) : e;
   if (o) {
     const n = ae(o.provider, o.prefix), i = o.name;
     return n.icons[i] || (n.missing.has(i) ? null : void 0);
   }
 }
 function Jo(e, o) {
-  const n = Ne(e, !0, ye);
+  const n = $e(e, !0, ye);
   if (!n)
     return !1;
   const i = ae(n.provider, n.prefix);
@@ -980,7 +980,7 @@ function Zo(e, o) {
     })), t;
   }
   const n = e.prefix;
-  if (!Le({
+  if (!Pe({
     provider: o,
     prefix: n,
     name: "a"
@@ -996,7 +996,7 @@ const cn = Object.freeze({
   // Dimensions
   ...cn,
   // Transformations
-  ...Oe
+  ..._e
 }), ei = /(-?[0-9.]*[0-9]+[0-9.]*)/g, ti = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
 function At(e, o, n) {
   if (o === 1)
@@ -1048,7 +1048,7 @@ function ii(e, o, n) {
 const li = (e) => e === "unset" || e === "undefined" || e === "none";
 function si(e, o) {
   const n = {
-    ...Re,
+    ...Oe,
     ...e
   }, i = {
     ...dn,
@@ -1062,14 +1062,14 @@ function si(e, o) {
   let l = n.body;
   [n, i].forEach((L) => {
     const w = [], $ = L.hFlip, W = L.vFlip;
-    let R = L.rotate;
-    $ ? W ? R += 2 : (w.push(
+    let N = L.rotate;
+    $ ? W ? N += 2 : (w.push(
       "translate(" + (t.width + t.left).toString() + " " + (0 - t.top).toString() + ")"
     ), w.push("scale(-1 1)"), t.top = t.left = 0) : W && (w.push(
       "translate(" + (0 - t.left).toString() + " " + (t.height + t.top).toString() + ")"
     ), w.push("scale(1 -1)"), t.top = t.left = 0);
     let E;
-    switch (R < 0 && (R -= Math.floor(R / 4) * 4), R = R % 4, R) {
+    switch (N < 0 && (N -= Math.floor(N / 4) * 4), N = N % 4, N) {
       case 1:
         E = t.height / 2 + t.top, w.unshift(
           "rotate(90 " + E.toString() + " " + E.toString() + ")"
@@ -1086,7 +1086,7 @@ function si(e, o) {
         );
         break;
     }
-    R % 2 === 1 && (t.left !== t.top && (E = t.left, t.left = t.top, t.top = E), t.width !== t.height && (E = t.width, t.width = t.height, t.height = E)), w.length && (l = ii(
+    N % 2 === 1 && (t.left !== t.top && (E = t.left, t.left = t.top, t.top = E), t.width !== t.height && (E = t.width, t.width = t.height, t.height = E)), w.length && (l = ii(
       l,
       '<g transform="' + w.join(" ") + '">',
       "</g>"
@@ -1161,11 +1161,11 @@ function st(e) {
 const rt = /* @__PURE__ */ Object.create(null), ve = [
   "https://api.simplesvg.com",
   "https://api.unisvg.com"
-], Te = [];
+], Ee = [];
 for (; ve.length > 0; )
-  ve.length === 1 || Math.random() > 0.5 ? Te.push(ve.shift()) : Te.push(ve.pop());
+  ve.length === 1 || Math.random() > 0.5 ? Ee.push(ve.shift()) : Ee.push(ve.pop());
 rt[""] = st({
-  resources: ["https://api.iconify.design"].concat(Te)
+  resources: ["https://api.iconify.design"].concat(Ee)
 });
 function fi(e, o) {
   const n = st(o);
@@ -1367,7 +1367,7 @@ function Ci(e, o, n) {
 function ki(e, o = !0, n = !1) {
   const i = [];
   return e.forEach((t) => {
-    const l = typeof t == "string" ? Ne(t, o, n) : t;
+    const l = typeof t == "string" ? $e(t, o, n) : t;
     l && i.push(l);
   }), i;
 }
@@ -1421,7 +1421,7 @@ function Pi(e, o, n, i) {
       x(void 0, d);
     });
   }
-  function R() {
+  function N() {
     C.forEach((x) => {
       x.status === "pending" && (x.status = "aborted");
     }), C = [];
@@ -1446,7 +1446,7 @@ function Pi(e, o, n, i) {
       d = F, C.length || (s.length ? q() : W());
       return;
     }
-    if (P(), R(), !e.random) {
+    if (P(), N(), !e.random) {
       const H = e.resources.indexOf(x.resource);
       H !== -1 && H !== e.index && (e.index = H);
     }
@@ -1462,7 +1462,7 @@ function Pi(e, o, n, i) {
     if (x === void 0) {
       if (C.length) {
         p = setTimeout(() => {
-          P(), u === "pending" && (R(), W());
+          P(), u === "pending" && (N(), W());
         }, e.timeout);
         return;
       }
@@ -1515,9 +1515,9 @@ function hn(e) {
 }
 function Bt() {
 }
-const Ke = /* @__PURE__ */ Object.create(null);
+const Qe = /* @__PURE__ */ Object.create(null);
 function Ei(e) {
-  if (!Ke[e]) {
+  if (!Qe[e]) {
     const o = at(e);
     if (!o)
       return;
@@ -1525,9 +1525,9 @@ function Ei(e) {
       config: o,
       redundancy: n
     };
-    Ke[e] = i;
+    Qe[e] = i;
   }
-  return Ke[e];
+  return Qe[e];
 }
 function Li(e, o, n) {
   let i, t;
@@ -1573,7 +1573,7 @@ function nt(e, o) {
 function ot(e) {
   return parseInt(tt(e, pn)) || 0;
 }
-const Ae = {
+const Ne = {
   local: !0,
   session: !0
 }, vn = {
@@ -1584,15 +1584,15 @@ let ct = !1;
 function Ii(e) {
   ct = e;
 }
-let Pe = typeof window > "u" ? {} : window;
+let ze = typeof window > "u" ? {} : window;
 function gn(e) {
   const o = e + "Storage";
   try {
-    if (Pe && Pe[o] && typeof Pe[o].length == "number")
-      return Pe[o];
+    if (ze && ze[o] && typeof ze[o].length == "number")
+      return ze[o];
   } catch {
   }
-  Ae[e] = !1;
+  Ne[e] = !1;
 }
 function bn(e, o) {
   const n = gn(e);
@@ -1628,7 +1628,7 @@ function bn(e, o) {
 function yn() {
   if (!ct) {
     Ii(!0);
-    for (const e in Ae)
+    for (const e in Ne)
       bn(e, (o) => {
         const n = o.data, i = o.provider, t = n.prefix, l = ae(
           i,
@@ -1649,7 +1649,7 @@ function Fi(e, o) {
   )
     return n === o;
   if (e.lastModifiedCached = o, n)
-    for (const i in Ae)
+    for (const i in Ne)
       bn(i, (t) => {
         const l = t.data;
         return t.provider !== e.provider || l.prefix !== e.prefix || l.lastModified === o;
@@ -1660,7 +1660,7 @@ function _i(e, o) {
   ct || yn();
   function n(i) {
     let t;
-    if (!Ae[i] || !(t = gn(i)))
+    if (!Ne[i] || !(t = gn(i)))
       return;
     const l = vn[i];
     let s;
@@ -1846,10 +1846,10 @@ for (const e in Gt) {
   for (const n in Vt)
     o[e + n] = Vt[n];
 }
-const Me = {};
+const Le = {};
 ["horizontal", "vertical"].forEach((e) => {
   const o = e.slice(0, 1) + "Flip";
-  Me[e + "-flip"] = o, Me[e.slice(0, 1) + "-flip"] = o, Me[e + "Flip"] = o;
+  Le[e + "-flip"] = o, Le[e.slice(0, 1) + "-flip"] = o, Le[e + "Flip"] = o;
 });
 function Qt(e) {
   return e + (e.match(/^[-0-9.]+$/) ? "px" : "");
@@ -1884,7 +1884,7 @@ const Kt = (e, o) => {
           w !== !0 && w !== "true" && delete i["aria-hidden"];
           break;
         default: {
-          const $ = Me[L];
+          const $ = Le[L];
           $ ? (w === !0 || w === "true" || w === 1) && (n[$] = !0) : Ut[L] === void 0 && (i[L] = w);
         }
       }
@@ -1896,7 +1896,7 @@ const Kt = (e, o) => {
       ...r
     }, Object.assign(i, c);
     let L = 0, w = o.id;
-    return typeof w == "string" && (w = w.replace(/-/g, "_")), i.innerHTML = ci(u.body, w ? () => w + "ID" + L++ : "iconifyVue"), Ye("svg", i);
+    return typeof w == "string" && (w = w.replace(/-/g, "_")), i.innerHTML = ci(u.body, w ? () => w + "ID" + L++ : "iconifyVue"), Xe("svg", i);
   }
   const { body: d, width: p, height: C } = e, z = t === "mask" || (t === "bg" ? !1 : d.indexOf("currentColor") !== -1), P = qi(d, {
     ...c,
@@ -1911,7 +1911,7 @@ const Kt = (e, o) => {
     ...Vi,
     ...z ? it : xn,
     ...r
-  }, Ye("span", i);
+  }, Xe("span", i);
 };
 un(!0);
 di("", yi);
@@ -1948,7 +1948,7 @@ if (typeof document < "u" && typeof window < "u") {
   }
 }
 const Gi = {
-  ...Re,
+  ...Oe,
   body: ""
 }, se = ue({
   // Do not inherit other attributes: it is handled by render()
@@ -1983,7 +1983,7 @@ const Gi = {
           data: e
         };
       let n;
-      if (typeof e != "string" || (n = Ne(e, !1, !0)) === null)
+      if (typeof e != "string" || (n = $e(e, !1, !0)) === null)
         return this.abortLoading(), null;
       const i = Yo(n);
       if (!i)
@@ -2009,7 +2009,7 @@ const Gi = {
       ...e,
       class: (typeof e.class == "string" ? e.class + " " : "") + o.classes.join(" ")
     }), Kt({
-      ...Re,
+      ...Oe,
       ...o.data
     }, n);
   }
@@ -2081,12 +2081,12 @@ const Gi = {
       ]);
     };
   }
-}), De = (e, o) => {
+}), Re = (e, o) => {
   const n = e.__vccOpts || e;
   for (const [i, t] of o)
     n[i] = t;
   return n;
-}, wn = /* @__PURE__ */ De(Ki, [["__scopeId", "data-v-fc173ebd"]]), Xi = { 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" }, Yi = {
+}, wn = /* @__PURE__ */ Re(Ki, [["__scopeId", "data-v-fc173ebd"]]), Xi = { 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" }, Yi = {
   name: "columnFilter"
 }, Ji = /* @__PURE__ */ ue({
   ...Yi,
@@ -2113,101 +2113,101 @@ const Gi = {
           type: "button",
           class: k({ active: n.column.condition === "" }),
           onClick: r[0] || (r[0] = (u) => l(""))
-        }, N((n.columnFilterLang && n.columnFilterLang.NoFilter) ?? "No filter"), 3),
+        }, R((n.columnFilterLang && n.columnFilterLang.NoFilter) ?? "No filter"), 3),
         n.column.type === "string" ? (m(), g(B, { key: 0 }, [
           y("button", {
             type: "button",
             class: k({ active: n.column.condition === "Contains" }),
             onClick: r[1] || (r[1] = (u) => l("Contains"))
-          }, N((n.columnFilterLang && n.columnFilterLang.Contains) ?? "Contains"), 3),
+          }, R((n.columnFilterLang && n.columnFilterLang.Contains) ?? "Contains"), 3),
           y("button", {
             type: "button",
             class: k({ active: n.column.condition === "NotContains" }),
             onClick: r[2] || (r[2] = (u) => l("NotContains"))
-          }, N((n.columnFilterLang && n.columnFilterLang.NotContains) ?? "NotContains"), 3),
+          }, R((n.columnFilterLang && n.columnFilterLang.NotContains) ?? "NotContains"), 3),
           y("button", {
             type: "button",
             class: k({ active: n.column.condition === "Equal" }),
             onClick: r[3] || (r[3] = (u) => l("Equal"))
-          }, N((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal"), 3),
+          }, R((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal"), 3),
           y("button", {
             type: "button",
             class: k({ active: n.column.condition === "NotEqual" }),
             onClick: r[4] || (r[4] = (u) => l("NotEqual"))
-          }, N((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "NotEqual"), 3),
+          }, R((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "NotEqual"), 3),
           y("button", {
             type: "button",
             class: k({ active: n.column.condition === "StartsWith" }),
             onClick: r[5] || (r[5] = (u) => l("StartsWith"))
-          }, N((n.columnFilterLang && n.columnFilterLang.StartsWith) ?? "StartsWith"), 3),
+          }, R((n.columnFilterLang && n.columnFilterLang.StartsWith) ?? "StartsWith"), 3),
           y("button", {
             type: "button",
             class: k({ active: n.column.condition === "EndsWith" }),
             onClick: r[6] || (r[6] = (u) => l("EndsWith"))
-          }, N((n.columnFilterLang && n.columnFilterLang.EndsWith) ?? "EndsWith"), 3)
+          }, R((n.columnFilterLang && n.columnFilterLang.EndsWith) ?? "EndsWith"), 3)
         ], 64)) : n.column.type === "number" ? (m(), g(B, { key: 1 }, [
           y("button", {
             type: "button",
             class: k({ active: n.column.condition === "Equal" }),
             onClick: r[7] || (r[7] = (u) => l("Equal"))
-          }, N((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal"), 3),
+          }, R((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal"), 3),
           y("button", {
             type: "button",
             class: k({ active: n.column.condition === "NotEqual" }),
             onClick: r[8] || (r[8] = (u) => l("NotEqual"))
-          }, N((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "NotEqual"), 3),
+          }, R((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "NotEqual"), 3),
           y("button", {
             type: "button",
             class: k({ active: n.column.condition === "GreaterThan" }),
             onClick: r[9] || (r[9] = (u) => l("GreaterThan"))
-          }, N((n.columnFilterLang && n.columnFilterLang.GreaterThan) ?? "GreaterThan"), 3),
+          }, R((n.columnFilterLang && n.columnFilterLang.GreaterThan) ?? "GreaterThan"), 3),
           y("button", {
             type: "button",
             class: k({ active: n.column.condition === "GreaterThanOrEqual" }),
             onClick: r[10] || (r[10] = (u) => l("GreaterThanOrEqual"))
-          }, N((n.columnFilterLang && n.columnFilterLang.GreaterThanOrEqual) ?? "GreaterThanOrEqual"), 3),
+          }, R((n.columnFilterLang && n.columnFilterLang.GreaterThanOrEqual) ?? "GreaterThanOrEqual"), 3),
           y("button", {
             type: "button",
             class: k({ active: n.column.condition === "LessThan" }),
             onClick: r[11] || (r[11] = (u) => l("LessThan"))
-          }, N((n.columnFilterLang && n.columnFilterLang.LessThan) ?? "LessThan"), 3),
+          }, R((n.columnFilterLang && n.columnFilterLang.LessThan) ?? "LessThan"), 3),
           y("button", {
             type: "button",
             class: k({ active: n.column.condition === "LessThanOrEqual" }),
             onClick: r[12] || (r[12] = (u) => l("LessThanOrEqual"))
-          }, N((n.columnFilterLang && n.columnFilterLang.LessThanOrEqual) ?? "LessThanOrEqual"), 3)
+          }, R((n.columnFilterLang && n.columnFilterLang.LessThanOrEqual) ?? "LessThanOrEqual"), 3)
         ], 64)) : n.column.type === "date" ? (m(), g(B, { key: 2 }, [
           y("button", {
             type: "button",
             class: k({ active: n.column.condition === "Equal" }),
             onClick: r[13] || (r[13] = (u) => l("Equal"))
-          }, N((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal"), 3),
+          }, R((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal"), 3),
           y("button", {
             type: "button",
             class: k({ active: n.column.condition === "NotEqual" }),
             onClick: r[14] || (r[14] = (u) => l("NotEqual"))
-          }, N((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "Not equal"), 3),
+          }, R((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "Not equal"), 3),
           y("button", {
             type: "button",
             class: k({ active: n.column.condition === "GreaterThan" }),
             onClick: r[15] || (r[15] = (u) => l("GreaterThan"))
-          }, N((n.columnFilterLang && n.columnFilterLang.GreaterThan) ?? "GreaterThan"), 3),
+          }, R((n.columnFilterLang && n.columnFilterLang.GreaterThan) ?? "GreaterThan"), 3),
           y("button", {
             type: "button",
             class: k({ active: n.column.condition === "LessThan" }),
             onClick: r[16] || (r[16] = (u) => l("LessThan"))
-          }, N((n.columnFilterLang && n.columnFilterLang.LessThan) ?? "LessThan"), 3)
+          }, R((n.columnFilterLang && n.columnFilterLang.LessThan) ?? "LessThan"), 3)
         ], 64)) : M("", !0),
         y("button", {
           type: "button",
           class: k({ active: n.column.condition === "IsNull" }),
           onClick: r[17] || (r[17] = (u) => l("IsNull"))
-        }, N((n.columnFilterLang && n.columnFilterLang.IsNull) ?? "IsNull"), 3),
+        }, R((n.columnFilterLang && n.columnFilterLang.IsNull) ?? "IsNull"), 3),
         y("button", {
           type: "button",
           class: k({ active: n.column.condition === "IsNotNull" }),
           onClick: r[18] || (r[18] = (u) => l("IsNotNull"))
-        }, N((n.columnFilterLang && n.columnFilterLang.IsNotNull) ?? "IsNotNull"), 3)
+        }, R((n.columnFilterLang && n.columnFilterLang.IsNotNull) ?? "IsNotNull"), 3)
       ])
     ]));
   }
@@ -2232,7 +2232,7 @@ const Gi = {
 function ol(e, o) {
   return m(), g("svg", el, nl);
 }
-const Sn = /* @__PURE__ */ De(Zi, [["render", ol]]), il = {}, ll = {
+const Sn = /* @__PURE__ */ Re(Zi, [["render", ol]]), il = {}, ll = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
@@ -2253,7 +2253,7 @@ const Sn = /* @__PURE__ */ De(Zi, [["render", ol]]), il = {}, ll = {
 function al(e, o) {
   return m(), g("svg", ll, rl);
 }
-const ul = /* @__PURE__ */ De(il, [["render", al]]), cl = {}, dl = {
+const ul = /* @__PURE__ */ Re(il, [["render", al]]), cl = {}, dl = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
@@ -2269,7 +2269,7 @@ const ul = /* @__PURE__ */ De(il, [["render", al]]), cl = {}, dl = {
 function pl(e, o) {
   return m(), g("svg", dl, hl);
 }
-const ml = /* @__PURE__ */ De(cl, [["render", pl]]), vl = { key: "hdrrow" }, gl = { class: "bh-checkbox" }, bl = {
+const ml = /* @__PURE__ */ Re(cl, [["render", pl]]), vl = { key: "hdrrow" }, gl = { class: "bh-checkbox" }, bl = {
   key: 1,
   class: "bh-w-px"
 }, yl = ["onClick"], xl = {
@@ -2358,7 +2358,7 @@ const ml = /* @__PURE__ */ De(cl, [["render", pl]]), vl = { key: "hdrrow" }, gl
             class: k(["bh-flex bh-items-center", [u.headerClass ? u.headerClass : ""]]),
             onClick: (d) => i.all.sortable && u.sort && t("sortChange", u.field)
           }, [
-            Ee(N(u.title) + " ", 1),
+            Ye(R(u.title) + " ", 1),
             i.all.sortable && u.sort ? (m(), g("span", {
               key: 0,
               class: k(["bh-ml-3 bh-sort bh-flex bh-items-center", [i.currentSortColumn, i.currentSortDirection]])
@@ -2391,7 +2391,7 @@ const ml = /* @__PURE__ */ De(cl, [["render", pl]]), vl = { key: "hdrrow" }, gl
                 onKeyup: r[1] || (r[1] = (d) => t("filterChange"))
               }, null, 40, Sl)), [
                 [
-                  Ue,
+                  We,
                   u.value,
                   void 0,
                   { trim: !0 }
@@ -2405,7 +2405,7 @@ const ml = /* @__PURE__ */ De(cl, [["render", pl]]), vl = { key: "hdrrow" }, gl
                 onKeyup: r[2] || (r[2] = (d) => t("filterChange"))
               }, null, 40, Cl)), [
                 [
-                  Ue,
+                  We,
                   u.value,
                   void 0,
                   {
@@ -2420,7 +2420,7 @@ const ml = /* @__PURE__ */ De(cl, [["render", pl]]), vl = { key: "hdrrow" }, gl
                 class: "bh-form-control",
                 onChange: r[3] || (r[3] = (d) => t("filterChange"))
               }, null, 40, kl)), [
-                [Ue, u.value]
+                [We, u.value]
               ]) : u.type === "bool" ? ne((m(), g("select", {
                 key: 3,
                 "onUpdate:modelValue": (d) => u.value = d,
@@ -2445,7 +2445,7 @@ const ml = /* @__PURE__ */ De(cl, [["render", pl]]), vl = { key: "hdrrow" }, gl
                 onClose: r[6] || (r[6] = (d) => t("toggleFilterMenu", null)),
                 onFilterChange: r[7] || (r[7] = (d) => t("filterChange"))
               }, null, 8, ["column", "type", "columnFilterLang"]), [
-                [Xe, i.isOpenFilter === u.field]
+                [Ke, i.isOpenFilter === u.field]
               ])
             ])) : M("", !0)
           ], 64)) : M("", !0)
@@ -2455,65 +2455,62 @@ const ml = /* @__PURE__ */ De(cl, [["render", pl]]), vl = { key: "hdrrow" }, gl
   }
 }), Fl = { class: "bh-datatable bh-antialiased bh-relative bh-text-black bh-text-sm bh-font-normal" }, _l = /* @__PURE__ */ y("span", null, "##Left Menu Slot##", -1), $l = /* @__PURE__ */ y("span", null, "##Top Menu Slot##", -1), Ol = /* @__PURE__ */ y("span", null, "##Table Action Header Slot##", -1), Nl = ["onClick"], Rl = { class: "bh-checkbox" }, Al = ["value"], Dl = ["innerHTML"], Bl = ["onClick"], ql = ["colspan"], Hl = ["colspan"], jl = /* @__PURE__ */ y("div", { class: "bh-skeleton-box bh-h-8" }, null, -1), Wl = [
   jl
-], Ul = ["colspan"], Vl = {
-  key: 0,
-  class: "bh-absolute bh-inset-0 bh-bg-blue-light/50 bh-grid bh-place-content-center dt-center-loading"
-}, Gl = { class: "bh-flex bh-items-center bh-flex-wrap bh-flex-col sm:bh-flex-row bh-gap-4" }, Ql = { class: "bh-pagination-info bh-flex bh-items-center" }, Kl = { class: "bh-mr-2" }, Xl = ["value"], Yl = { class: "bh-pagination-number sm:bh-ml-auto bh-inline-flex bh-items-center bh-space-x-1" }, Jl = ["innerHTML"], Zl = {
+], Ul = ["colspan"], Vl = { class: "bh-flex bh-items-center bh-flex-wrap bh-flex-col sm:bh-flex-row bh-gap-4" }, Gl = { class: "bh-pagination-info bh-flex bh-items-center" }, Ql = { class: "bh-mr-2" }, Kl = ["value"], Xl = { class: "bh-pagination-number sm:bh-ml-auto bh-inline-flex bh-items-center bh-space-x-1" }, Yl = ["innerHTML"], Jl = {
   key: 1,
   "aria-hidden": "true",
   width: "14",
   height: "14",
   viewBox: "0 0 16 16"
-}, es = /* @__PURE__ */ y("g", {
+}, Zl = /* @__PURE__ */ y("g", {
   fill: "currentColor",
   "fill-rule": "evenodd"
 }, [
   /* @__PURE__ */ y("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__ */ y("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), ts = [
-  es
-], ns = ["innerHTML"], os = {
+], -1), es = [
+  Zl
+], ts = ["innerHTML"], ns = {
   key: 1,
   "aria-hidden": "true",
   width: "14",
   height: "14",
   viewBox: "0 0 16 16"
-}, is = /* @__PURE__ */ y("path", {
+}, os = /* @__PURE__ */ y("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), ls = [
-  is
-], ss = ["onClick"], rs = ["innerHTML"], as = {
+}, null, -1), is = [
+  os
+], ls = ["onClick"], ss = ["innerHTML"], rs = {
   key: 1,
   "aria-hidden": "true",
   width: "14",
   height: "14",
   viewBox: "0 0 16 16"
-}, us = /* @__PURE__ */ y("path", {
+}, as = /* @__PURE__ */ y("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), cs = [
-  us
-], ds = ["innerHTML"], fs = {
+}, null, -1), us = [
+  as
+], cs = ["innerHTML"], ds = {
   key: 1,
   "aria-hidden": "true",
   width: "14",
   height: "14",
   viewBox: "0 0 16 16"
-}, hs = /* @__PURE__ */ y("g", {
+}, fs = /* @__PURE__ */ y("g", {
   fill: "currentColor",
   "fill-rule": "evenodd"
 }, [
   /* @__PURE__ */ y("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__ */ y("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), ps = [
-  hs
-], ms = {
+], -1), hs = [
+  fs
+], ps = {
   name: "Vue3Datatable"
-}, xs = /* @__PURE__ */ ue({
-  ...ms,
+}, ys = /* @__PURE__ */ ue({
+  ...ps,
   props: {
     loading: { type: Boolean, default: !1 },
     isServerMode: { type: Boolean, default: !1 },
@@ -2597,7 +2594,7 @@ const ml = /* @__PURE__ */ De(cl, [["render", pl]]), vl = { key: "hdrrow" }, gl
     }
     const l = O([]), s = O(t.page), r = O(
       t.pagination ? t.pageSize : (Pt = t.rows) == null ? void 0 : Pt.length
-    ), u = t.pageSize, c = O(t.sortColumn), d = t.sortColumn, p = O(t.sortDirection), C = t.sortDirection, z = O(t.totalRows), P = O([]), L = O(null), w = O(t.loading), $ = O(t.search), W = JSON.parse(JSON.stringify(t.columns)), R = O(null), E = O(null);
+    ), u = t.pageSize, c = O(t.sortColumn), d = t.sortColumn, p = O(t.sortDirection), C = t.sortDirection, z = O(t.totalRows), P = O([]), L = O(null), w = O(t.loading), $ = O(t.search), W = JSON.parse(JSON.stringify(t.columns)), N = O(null), E = O(null);
     let q = O(0);
     const x = O(230);
     we(() => {
@@ -2636,7 +2633,7 @@ const ml = /* @__PURE__ */ De(cl, [["render", pl]]), vl = { key: "hdrrow" }, gl
     }), H = Q(() => {
       const a = r.value < 1 ? 1 : Math.ceil(z.value / r.value);
       return Math.max(a || 0, 1);
-    }), Be = Q(() => (s.value - 1) * r.value + 1), qe = Q(() => {
+    }), Ae = Q(() => (s.value - 1) * r.value + 1), De = Q(() => {
       const a = s.value * r.value;
       return z.value >= a ? a : z.value;
     }), dt = Q(() => {
@@ -2689,14 +2686,14 @@ const ml = /* @__PURE__ */ De(cl, [["render", pl]]), vl = { key: "hdrrow" }, gl
         const $n = p.value === "desc" ? -1 : 1;
         a.sort((f, S) => {
           var Et, Lt;
-          const A = (Et = c.value) == null ? void 0 : Et.split(".").reduce((le, We) => le == null ? void 0 : le[We], f), On = (Lt = c.value) == null ? void 0 : Lt.split(".").reduce((le, We) => le == null ? void 0 : le[We], S);
+          const A = (Et = c.value) == null ? void 0 : Et.split(".").reduce((le, je) => le == null ? void 0 : le[je], f), On = (Lt = c.value) == null ? void 0 : Lt.split(".").reduce((le, je) => le == null ? void 0 : le[je], S);
           return _.compare(A, On) * $n;
         });
       }
       return a;
     }, he = O([]), ie = () => {
       let a = [], h = ft();
-      t.isServerMode ? (z.value = t.totalRows || 0, a = h) : (z.value = (h == null ? void 0 : h.length) || 0, a = h.slice(Be.value - 1, qe.value)), t.hasSubtable && a.forEach(function(v) {
+      t.isServerMode ? (z.value = t.totalRows || 0, a = h) : (z.value = (h == null ? void 0 : h.length) || 0, a = h.slice(Ae.value - 1, De.value)), t.hasSubtable && a.forEach(function(v) {
         v.isExpanded != null && (he.value.find((U) => U.id == v.id) || he.value.push({
           id: v.id,
           isExpanded: v.isExpanded
@@ -2710,7 +2707,7 @@ const ml = /* @__PURE__ */ De(cl, [["render", pl]]), vl = { key: "hdrrow" }, gl
       }
     );
     const ht = (a) => {
-      a ? R.value === a.field ? R.value = null : R.value = a.field : R.value = null;
+      a ? N.value === a.field ? N.value = null : N.value = a.field : N.value = null;
     }, pt = () => {
       if (s.value == 1)
         return !1;
@@ -2827,34 +2824,33 @@ const ml = /* @__PURE__ */ De(cl, [["render", pl]]), vl = { key: "hdrrow" }, gl
     t.hasCheckbox && de++, t.hasSubtable && de++;
     const Mn = O(0), In = setInterval(function() {
       Mn.value++;
-    }, 2200), ke = O(t.topmenusize), Ct = O(null), Fn = Mt(Ct).height, He = O(Number(t.leftmenusize)), je = O(t.leftmenumax), kt = O(null), _n = Mt(kt).width;
-    return G(He, (a) => {
-      _n.value == t.leftmenumaxpx ? je.value = a : je.value = t.leftmenumax, b("currentLeftMenuSize", a);
-    }, { immediate: !0 }), G(() => ke.value, (a) => {
-      console.log("topmenusize.value", a), b("currentTopMenuSize", a);
-    }), Ie(() => {
+    }, 2200), Be = O(t.topmenusize), Ct = O(null), Fn = Mt(Ct).height, qe = O(Number(t.leftmenusize)), He = O(t.leftmenumax), kt = O(null), _n = Mt(kt).width;
+    return G(qe, (a) => {
+      _n.value == t.leftmenumaxpx ? He.value = a : He.value = t.leftmenumax, b("currentLeftMenuSize", a);
+    }, { immediate: !0 }), G(() => Be.value, (a) => {
+      b("currentTopMenuSize", a);
+    }), Te(() => {
       clearInterval(In);
     }), (a, h) => (m(), g("div", Fl, [
-      Ee(N(ke.value) + " ", 1),
-      V(D(Ge), {
+      V(D(Ve), {
         class: "default-theme",
         style: K({ height: t.height })
       }, {
         default: ee(() => [
           V(D(me), null, {
             default: ee(() => [
-              V(D(Ge), {
+              V(D(Ve), {
                 vertical: "vertical",
                 class: "default-theme",
-                onResize: h[3] || (h[3] = (v) => He.value = v[0].size)
+                onResize: h[3] || (h[3] = (v) => qe.value = v[0].size)
               }, {
                 default: ee(() => [
                   a.enableleftmenu ? (m(), Y(D(me), {
                     key: 0,
                     ref_key: "leftmenuel",
                     ref: kt,
-                    size: He.value,
-                    "max-size": je.value,
+                    size: qe.value,
+                    "max-size": He.value,
                     style: K({ "min-width": a.leftmenumin + "px", "max-width": a.leftmenumaxpx + "px" })
                   }, {
                     default: ee(() => [
@@ -2866,17 +2862,17 @@ const ml = /* @__PURE__ */ De(cl, [["render", pl]]), vl = { key: "hdrrow" }, gl
                   }, 8, ["size", "max-size", "style"])) : M("", !0),
                   V(D(me), null, {
                     default: ee(() => [
-                      V(D(Ge), {
+                      V(D(Ve), {
                         class: "default-theme",
                         horizontal: "horizontal",
-                        onResize: h[2] || (h[2] = (v) => ke.value = v[0].size)
+                        onResize: h[2] || (h[2] = (v) => Be.value = v[0].size)
                       }, {
                         default: ee(() => [
                           a.enabletopmenu ? (m(), Y(D(me), {
                             key: 0,
                             ref_key: "topmenuel",
                             ref: Ct,
-                            size: ke.value,
+                            size: Be.value,
                             "max-size": a.topmenumax,
                             style: K({ "min-height": a.topmenumin + "px" })
                           }, {
@@ -2925,7 +2921,7 @@ const ml = /* @__PURE__ */ De(cl, [["render", pl]]), vl = { key: "hdrrow" }, gl
                                             expandedrows: he.value,
                                             currentSortColumn: c.value,
                                             currentSortDirection: p.value,
-                                            isOpenFilter: R.value,
+                                            isOpenFilter: N.value,
                                             checkAll: L.value,
                                             columnFilterLang: t.columnFilterLang,
                                             onSelectAll: J,
@@ -2997,7 +2993,7 @@ const ml = /* @__PURE__ */ De(cl, [["render", pl]]), vl = { key: "hdrrow" }, gl
                                                       key: 1,
                                                       innerHTML: j.cellRenderer(v)
                                                     }, null, 8, Dl)) : (m(), g(B, { key: 2 }, [
-                                                      Ee(N(I(v, j.field)), 1)
+                                                      Ye(R(I(v, j.field)), 1)
                                                     ], 64))
                                                   ], 2))
                                                 ], 64))), 256))
@@ -3045,7 +3041,7 @@ const ml = /* @__PURE__ */ De(cl, [["render", pl]]), vl = { key: "hdrrow" }, gl
                                                 ])
                                               }, [
                                                 v.cells.find((Z) => Z.field == U.field) ? (m(), g(B, { key: 0 }, [
-                                                  Ee(N(v.cells.find((Z) => Z.field == U.field).text), 1)
+                                                  Ye(R(v.cells.find((Z) => Z.field == U.field).text), 1)
                                                 ], 64)) : M("", !0)
                                               ], 2))
                                             ], 64))), 256))
@@ -3061,7 +3057,7 @@ const ml = /* @__PURE__ */ De(cl, [["render", pl]]), vl = { key: "hdrrow" }, gl
                                             all: t,
                                             currentSortColumn: c.value,
                                             currentSortDirection: p.value,
-                                            isOpenFilter: R.value,
+                                            isOpenFilter: N.value,
                                             isFooter: !0,
                                             checkAll: L.value,
                                             onSelectAll: J,
@@ -3071,9 +3067,15 @@ const ml = /* @__PURE__ */ De(cl, [["render", pl]]), vl = { key: "hdrrow" }, gl
                                           }, null, 8, ["currentSortColumn", "currentSortDirection", "isOpenFilter", "checkAll"])
                                         ], 2)) : M("", !0)
                                       ], 2),
-                                      z.value && w.value && a.enableloadinganimation ? (m(), g("div", Vl, [
+                                      w.value && a.enableloadinganimation ? (m(), g("div", {
+                                        key: 0,
+                                        class: "bh-absolute bh-inset-0 bh-bg-blue-light/50 bh-grid bh-place-content-center dt-center-loading",
+                                        style: K({
+                                          height: Number(t.height.replace("px", "")) + "px"
+                                        })
+                                      }, [
                                         X(a.$slots, "loadercontent")
-                                      ])) : M("", !0)
+                                      ], 4)) : M("", !0)
                                     ], 6),
                                     !z.value && !w.value ? (m(), g("div", {
                                       key: 0,
@@ -3083,7 +3085,7 @@ const ml = /* @__PURE__ */ De(cl, [["render", pl]]), vl = { key: "hdrrow" }, gl
                                       })
                                     }, [
                                       X(a.$slots, "nodatacontent", {}, () => [
-                                        y("span", null, N(t.noDataContent), 1)
+                                        y("span", null, R(t.noDataContent), 1)
                                       ])
                                     ], 4)) : M("", !0)
                                   ]),
@@ -3115,24 +3117,24 @@ const ml = /* @__PURE__ */ De(cl, [["render", pl]]), vl = { key: "hdrrow" }, gl
           "sticky-footer": t.stickyFooter
         }])
       }, [
-        y("div", Gl, [
+        y("div", Vl, [
           a.enablefooterpagination ? X(a.$slots, "footerpageinfo", {
             key: 0,
             paginationInfo: a.paginationInfo,
             filterRowCount: z.value,
-            offset: Be.value,
-            limit: qe.value,
+            offset: Ae.value,
+            limit: De.value,
             showPageSize: a.showPageSize,
             pageSizeOptions: a.pageSizeOptions,
             currentPageSize: r.value,
             stringFormat: F,
             setPageSize: Cn
           }, () => [
-            y("div", Ql, [
-              y("span", Kl, N(F(
+            y("div", Gl, [
+              y("span", Ql, R(F(
                 t.paginationInfo,
-                z.value ? Be.value : 0,
-                qe.value,
+                z.value ? Ae.value : 0,
+                De.value,
                 z.value
               )), 1),
               t.showPageSize ? ne((m(), g("select", {
@@ -3143,7 +3145,7 @@ const ml = /* @__PURE__ */ De(cl, [["render", pl]]), vl = { key: "hdrrow" }, gl
                 (m(!0), g(B, null, te(t.pageSizeOptions, (v) => (m(), g("option", {
                   value: v,
                   key: v
-                }, N(v), 9, Xl))), 128))
+                }, R(v), 9, Kl))), 128))
               ], 512)), [
                 [Jt, r.value]
               ]) : M("", !0)
@@ -3158,7 +3160,7 @@ const ml = /* @__PURE__ */ De(cl, [["render", pl]]), vl = { key: "hdrrow" }, gl
             nextPage: vt,
             previousPage: pt
           }, () => [
-            y("div", Yl, [
+            y("div", Xl, [
               t.showFirstPage ? (m(), g("button", {
                 key: 0,
                 type: "button",
@@ -3168,7 +3170,7 @@ const ml = /* @__PURE__ */ De(cl, [["render", pl]]), vl = { key: "hdrrow" }, gl
                 t.firstArrow ? (m(), g("span", {
                   key: 0,
                   innerHTML: t.firstArrow
-                }, null, 8, Jl)) : (m(), g("svg", Zl, ts))
+                }, null, 8, Yl)) : (m(), g("svg", Jl, es))
               ], 2)) : M("", !0),
               y("button", {
                 type: "button",
@@ -3178,7 +3180,7 @@ const ml = /* @__PURE__ */ De(cl, [["render", pl]]), vl = { key: "hdrrow" }, gl
                 t.previousArrow ? (m(), g("span", {
                   key: 0,
                   innerHTML: t.previousArrow
-                }, null, 8, ns)) : (m(), g("svg", os, ls))
+                }, null, 8, ts)) : (m(), g("svg", ns, is))
               ], 2),
               t.showNumbers ? (m(!0), g(B, { key: 1 }, te(dt.value, (v) => (m(), g("button", {
                 key: v,
@@ -3188,7 +3190,7 @@ const ml = /* @__PURE__ */ De(cl, [["render", pl]]), vl = { key: "hdrrow" }, gl
                   "bh-active": v === s.value
                 }]),
                 onClick: (_) => mt(v)
-              }, N(v), 11, ss))), 128)) : M("", !0),
+              }, R(v), 11, ls))), 128)) : M("", !0),
               y("button", {
                 type: "button",
                 class: k(["bh-page-item next-page", { disabled: s.value >= H.value }]),
@@ -3197,7 +3199,7 @@ const ml = /* @__PURE__ */ De(cl, [["render", pl]]), vl = { key: "hdrrow" }, gl
                 t.nextArrow ? (m(), g("span", {
                   key: 0,
                   innerHTML: t.nextArrow
-                }, null, 8, rs)) : (m(), g("svg", as, cs))
+                }, null, 8, ss)) : (m(), g("svg", rs, us))
               ], 2),
               t.showLastPage ? (m(), g("button", {
                 key: 2,
@@ -3208,7 +3210,7 @@ const ml = /* @__PURE__ */ De(cl, [["render", pl]]), vl = { key: "hdrrow" }, gl
                 t.lastArrow ? (m(), g("span", {
                   key: 0,
                   innerHTML: t.lastArrow
-                }, null, 8, ds)) : (m(), g("svg", fs, ps))
+                }, null, 8, cs)) : (m(), g("svg", ds, hs))
               ], 2)) : M("", !0)
             ])
           ]) : M("", !0)
@@ -3218,5 +3220,5 @@ const ml = /* @__PURE__ */ De(cl, [["render", pl]]), vl = { key: "hdrrow" }, gl
   }
 });
 export {
-  xs as default
+  ys as default
 };