@dolusoft/vue3-datatable 1.7.1 → 1.7.10

package/dist/vue3-datatable.js

@@ -1,9 +1,9 @@
-import { onMounted as we, nextTick as On, getCurrentScope as Nn, onScopeDispose as Rn, unref as D, getCurrentInstance as Xt, computed as Q, ref as $, watch as V, defineComponent as ue, useCssVars as An, shallowRef as oe, onUnmounted as Te, openBlock as m, createElementBlock as b, Fragment as B, withDirectives as ne, createElementVNode as y, normalizeClass as k, normalizeStyle as K, withModifiers as re, setBlockTracking as Lt, vShow as Qe, createCommentVNode as M, mergeProps as Dn, renderSlot as X, renderList as te, createVNode as U, reactive as Bn, watchEffect as qn, h as Ke, toRef as Hn, createBlock as Y, onBeforeUnmount as jn, toDisplayString as O, createTextVNode as Xe, vModelText as je, vModelSelect as Yt, useSlots as Wn, withCtx as ee, vModelCheckbox as Un } from "vue";
+import { onMounted as we, nextTick as On, getCurrentScope as Nn, onScopeDispose as Rn, unref as A, getCurrentInstance as Xt, computed as Q, ref as $, watch as V, defineComponent as re, useCssVars as An, shallowRef as oe, onUnmounted as Me, openBlock as m, createElementBlock as g, Fragment as B, withDirectives as ne, createElementVNode as y, normalizeClass as k, normalizeStyle as K, withModifiers as se, setBlockTracking as Lt, vShow as Qe, createCommentVNode as T, mergeProps as Dn, renderSlot as X, renderList as te, createVNode as W, reactive as Bn, watchEffect as qn, h as Ke, toRef as Hn, createBlock as Y, onBeforeUnmount as jn, toDisplayString as O, createTextVNode as Xe, vModelText as je, vModelSelect as Yt, useSlots as Wn, withCtx as ee, vModelCheckbox as Un } from "vue";
 function Vn(e) {
   return Nn() ? (Rn(e), !0) : !1;
 }
 function Gn(e) {
-  return typeof e == "function" ? e() : D(e);
+  return typeof e == "function" ? e() : A(e);
 }
 const Qn = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
@@ -68,7 +68,7 @@ function Tt(e, o = { width: 0, height: 0 }, n = {}) {
         }
       } else if (C) {
         const P = Array.isArray(C) ? C : [C];
-        s.value = P.reduce((E, { inlineSize: T }) => E + T, 0), r.value = P.reduce((E, { blockSize: T }) => E + T, 0);
+        s.value = P.reduce((E, { inlineSize: M }) => E + M, 0), r.value = P.reduce((E, { blockSize: M }) => E + M, 0);
       } else
         s.value = p.contentRect.width, r.value = p.contentRect.height;
     },
@@ -93,7 +93,7 @@ function Tt(e, o = { width: 0, height: 0 }, n = {}) {
     stop: d
   };
 }
-var eo = typeof global == "object" && global && global.Object === Object && global, to = typeof self == "object" && self && self.Object === Object && self, Zt = eo || to || Function("return this")(), Me = Zt.Symbol, en = Object.prototype, no = en.hasOwnProperty, oo = en.toString, pe = Me ? Me.toStringTag : void 0;
+var eo = typeof global == "object" && global && global.Object === Object && global, to = typeof self == "object" && self && self.Object === Object && self, Zt = eo || to || Function("return this")(), Ie = Zt.Symbol, en = Object.prototype, no = en.hasOwnProperty, oo = en.toString, pe = Ie ? Ie.toStringTag : void 0;
 function io(e) {
   var o = no.call(e, pe), n = e[pe];
   try {
@@ -108,7 +108,7 @@ var lo = Object.prototype, so = lo.toString;
 function ro(e) {
   return so.call(e);
 }
-var ao = "[object Null]", uo = "[object Undefined]", Mt = Me ? Me.toStringTag : void 0;
+var ao = "[object Null]", uo = "[object Undefined]", Mt = Ie ? Ie.toStringTag : void 0;
 function co(e) {
   return e == null ? e === void 0 ? uo : ao : Mt && Mt in Object(e) ? io(e) : ro(e);
 }
@@ -129,7 +129,7 @@ var go = /^\s+/;
 function bo(e) {
   return e && e.slice(0, vo(e) + 1).replace(go, "");
 }
-function Ie(e) {
+function Fe(e) {
   var o = typeof e;
   return e != null && (o == "object" || o == "function");
 }
@@ -139,9 +139,9 @@ function ge(e) {
     return e;
   if (po(e))
     return It;
-  if (Ie(e)) {
+  if (Fe(e)) {
     var o = typeof e.valueOf == "function" ? e.valueOf() : e;
-    e = Ie(o) ? o + "" : o;
+    e = Fe(o) ? o + "" : o;
   }
   if (typeof e != "string")
     return e === 0 ? e : +e;
@@ -152,7 +152,7 @@ function ge(e) {
 function Co(e, o, n) {
   return e === e && (n !== void 0 && (e = e <= n ? e : n), o !== void 0 && (e = e >= o ? e : o)), e;
 }
-function ke(e, o, n) {
+function ze(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), Co(ge(e), o, n);
 }
 var We = function() {
@@ -162,40 +162,40 @@ function tn(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(ko);
-  o = ge(o) || 0, Ie(n) && (d = !!n.leading, p = "maxWait" in n, l = p ? zo(ge(n.maxWait) || 0, o) : l, C = "trailing" in n ? !!n.trailing : C);
-  function P(g) {
+  o = ge(o) || 0, Fe(n) && (d = !!n.leading, p = "maxWait" in n, l = p ? zo(ge(n.maxWait) || 0, o) : l, C = "trailing" in n ? !!n.trailing : C);
+  function P(b) {
     var x = i, z = t;
-    return i = t = void 0, c = g, s = e.apply(z, x), s;
+    return i = t = void 0, c = b, s = e.apply(z, x), s;
   }
-  function E(g) {
-    return c = g, r = setTimeout(_, o), d ? P(g) : s;
+  function E(b) {
+    return c = b, r = setTimeout(_, o), d ? P(b) : s;
   }
-  function T(g) {
-    var x = g - u, z = g - c, R = o - x;
+  function M(b) {
+    var x = b - u, z = b - c, R = o - x;
     return p ? Po(R, l - z) : R;
   }
-  function w(g) {
-    var x = g - u, z = g - c;
+  function w(b) {
+    var x = b - u, z = b - c;
     return u === void 0 || x >= o || x < 0 || p && z >= l;
   }
   function _() {
-    var g = We();
-    if (w(g))
-      return N(g);
-    r = setTimeout(_, T(g));
+    var b = We();
+    if (w(b))
+      return N(b);
+    r = setTimeout(_, M(b));
   }
-  function N(g) {
-    return r = void 0, C && i ? P(g) : (i = t = void 0, s);
+  function N(b) {
+    return r = void 0, C && i ? P(b) : (i = t = void 0, s);
   }
-  function q() {
+  function H() {
     r !== void 0 && clearTimeout(r), c = 0, i = u = t = r = void 0;
   }
   function L() {
     return r === void 0 ? s : N(We());
   }
   function j() {
-    var g = We(), x = w(g);
-    if (i = arguments, t = this, u = g, x) {
+    var b = We(), x = w(b);
+    if (i = arguments, t = this, u = b, x) {
       if (r === void 0)
         return E(u);
       if (p)
@@ -203,20 +203,20 @@ function tn(e, o, n) {
     }
     return r === void 0 && (r = setTimeout(_, o)), s;
   }
-  return j.cancel = q, j.flush = L, j;
+  return j.cancel = H, j.flush = L, j;
 }
 var Eo = "Expected a function";
 function nn(e, o, n) {
   var i = !0, t = !0;
   if (typeof e != "function")
     throw new TypeError(Eo);
-  return Ie(n) && (i = "leading" in n ? !!n.leading : i, t = "trailing" in n ? !!n.trailing : t), tn(e, o, {
+  return Fe(n) && (i = "leading" in n ? !!n.leading : i, t = "trailing" in n ? !!n.trailing : t), tn(e, o, {
     leading: i,
     maxWait: o,
     trailing: t
   });
 }
-var Lo = Object.defineProperty, To = Object.defineProperties, Mo = Object.getOwnPropertyDescriptors, Ft = Object.getOwnPropertySymbols, Io = Object.prototype.hasOwnProperty, Fo = Object.prototype.propertyIsEnumerable, _t = (e, o, n) => o in e ? Lo(e, o, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[o] = n, Fe = (e, o) => {
+var Lo = Object.defineProperty, To = Object.defineProperties, Mo = Object.getOwnPropertyDescriptors, Ft = Object.getOwnPropertySymbols, Io = Object.prototype.hasOwnProperty, Fo = Object.prototype.propertyIsEnumerable, _t = (e, o, n) => o in e ? Lo(e, o, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[o] = n, _e = (e, o) => {
   for (var n in o || (o = {}))
     Io.call(o, n) && _t(e, n, o[n]);
   if (Ft)
@@ -230,7 +230,7 @@ const _o = ["onPointerdown"], $o = {
 function Oo(e, { expose: o }) {
   const n = e;
   An((x) => ({
-    "1fb98f78": D(i)
+    "1fb98f78": A(i)
   }));
   const i = Q(() => {
     var x;
@@ -246,7 +246,7 @@ function Oo(e, { expose: o }) {
   }, c = () => {
     t !== null && clearTimeout(t);
   };
-  Te(c);
+  Me(c);
   const d = nn((x) => {
     x.stopPropagation(), x.preventDefault();
     const z = n.type === "horizontal" ? "pageX" : "pageY", R = (x[z] - s[z]) / n.scrollInfo.wrapperMainSize * n.scrollInfo.contentMainSize;
@@ -261,15 +261,15 @@ function Oo(e, { expose: o }) {
       c(), l.value && l.value.classList.add("scrollbar__thumbPlaceholder--scrolling"), u();
     }
   });
-  let E = oe(!1), T = oe(!1), w = oe(null), _ = null, N = null, q = Q(() => n.fixedThumb && !T.value);
-  const L = ([x]) => T.value = x.isIntersecting, j = ([x]) => E.value = x.isIntersecting, g = () => {
+  let E = oe(!1), M = oe(!1), w = oe(null), _ = null, N = null, H = Q(() => n.fixedThumb && !M.value);
+  const L = ([x]) => M.value = x.isIntersecting, j = ([x]) => E.value = x.isIntersecting, b = () => {
     _ && (_.disconnect(), _ = null), N && (N.disconnect(), N = null);
   };
   return V(() => [n.fixedThumb, n.wrapperEl], () => {
     if (!n.fixedThumb || !n.wrapperEl)
-      return g();
-    g(), N = new IntersectionObserver(j, { threshold: [0, 0.5] }), N.observe(n.wrapperEl), _ = new IntersectionObserver(L), _.observe(w.value);
-  }), Te(g), (x, z) => (m(), b(B, null, [
+      return b();
+    b(), N = new IntersectionObserver(j, { threshold: [0, 0.5] }), N.observe(n.wrapperEl), _ = new IntersectionObserver(L), _.observe(w.value);
+  }), Me(b), (x, z) => (m(), g(B, null, [
     ne(y("div", {
       class: k([
         "scrollbar__thumbPlaceholder",
@@ -282,13 +282,13 @@ function Oo(e, { expose: o }) {
       style: K({
         width: e.type === "horizontal" ? `${e.scrollInfo.thumbSize}px` : "",
         height: e.type === "vertical" ? `${e.scrollInfo.thumbSize}px` : "",
-        position: q.value ? "fixed" : "absolute",
-        [e.type === "vertical" ? "top" : "left"]: q.value ? `${e.scrollInfo.boundaryDistance + 3}px` : "3px"
+        position: H.value ? "fixed" : "absolute",
+        [e.type === "vertical" ? "top" : "left"]: H.value ? `${e.scrollInfo.boundaryDistance + 3}px` : "3px"
       }),
       ref: (R, G) => {
         G.thumbEl = R, l.value = R;
       },
-      onPointerdown: re(C, ["stop"])
+      onPointerdown: se(C, ["stop"])
     }, [
       z[0] || (Lt(-1), z[0] = y("div", {
         class: k(["scrollbar__thumb", `scrollbar__thumb--${e.type}`])
@@ -296,7 +296,7 @@ function Oo(e, { expose: o }) {
     ], 46, _o), [
       [Qe, !!e.scrollInfo.thumbSize && (e.fixedThumb ? E.value : !0)]
     ]),
-    n.fixedThumb ? ne((m(), b("div", {
+    n.fixedThumb ? ne((m(), g("div", {
       key: 0,
       ref: (R, G) => {
         G.shepherdEl = R, w.value = R;
@@ -304,10 +304,10 @@ function Oo(e, { expose: o }) {
       class: k(["scrollbar__shepherd", `scrollbar__shepherd--${e.type}`])
     }, null, 2)), [
       [Qe, !!e.scrollInfo.thumbSize]
-    ]) : M("", !0)
+    ]) : T("", !0)
   ], 64));
 }
-const No = /* @__PURE__ */ ue(on(Fe({}, $o), {
+const No = /* @__PURE__ */ re(on(_e({}, $o), {
   props: {
     type: null,
     autoExpand: null,
@@ -327,7 +327,7 @@ function $t(...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 } = Fe(Fe({}, Ro), n), s = o ? e[0] : oe(null), r = Bn({ left: 0, top: 0, right: 0, bottom: 0, width: 0, height: 0, x: 0, y: 0 }), u = () => {
+  const { wait: i, type: t, callback: l } = _e(_e({}, Ro), n), s = o ? e[0] : oe(null), r = Bn({ 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 $t(...e) {
   };
   return qn(() => {
     s.value && (p(), c = u, t === "throttle" && i >= 4 ? c = nn(c, i) : t === "debounce" && i >= 4 && (c = tn(c, i)), window.addEventListener("resize", c), d = new ResizeObserver(c), d.observe(s.value));
-  }), Te(p), o ? r : [s, r];
+  }), Me(p), o ? r : [s, r];
 }
 const Ao = {
   name: "CustomScrollbar",
@@ -354,10 +354,10 @@ function Do(e, { expose: o, emit: n }) {
   we(() => {
     var L;
     const j = Array.from((L = s.value.parentElement) == null ? void 0 : L.childNodes);
-    for (const g in t)
-      t[g].el = j.find((x) => {
+    for (const b in t)
+      t[b].el = j.find((x) => {
         var z;
-        return (z = x == null ? void 0 : x.classList) == null ? void 0 : z.contains(`scrollbar__thumbPlaceholder--${g}`);
+        return (z = x == null ? void 0 : x.classList) == null ? void 0 : z.contains(`scrollbar__thumbPlaceholder--${b}`);
       });
   });
   const u = $t(s, { wait: i.throttleWait, type: i.throttleType, callback: C }), c = $t(r, { wait: i.throttleWait, type: i.throttleType, callback: C });
@@ -366,45 +366,45 @@ function Do(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 P = Q(() => ({
-    thumbSize: p.value ? ke(u.width / s.value.scrollWidth * u.width, i.thumbMinSize > u.width ? 48 : i.thumbMinSize, i.thumbMaxSize) : 0,
+    thumbSize: p.value ? ze(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)
   })), E = Q(() => ({
-    thumbSize: d.value ? ke(u.height / s.value.scrollHeight * u.height, i.thumbMinSize > u.height ? 48 : i.thumbMinSize, i.thumbMaxSize) : 0,
+    thumbSize: d.value ? ze(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)
-  })), T = Q(() => u.height - E.value.thumbSize - 5), w = Q(() => u.width - P.value.thumbSize - 5);
+  })), M = Q(() => u.height - E.value.thumbSize - 5), w = Q(() => u.width - P.value.thumbSize - 5);
   const _ = () => {
-    p.value && (t.horizontal.el.style.transform = `translate3d(${s.value.scrollLeft / p.value * w.value}px, 0, 0)`, t.horizontal.instance.autoHideAfterScroll()), d.value && (t.vertical.el.style.transform = `translate3d(0, ${s.value.scrollTop / d.value * T.value}px, 0)`, t.vertical.instance.autoHideAfterScroll());
+    p.value && (t.horizontal.el.style.transform = `translate3d(${s.value.scrollLeft / p.value * w.value}px, 0, 0)`, t.horizontal.instance.autoHideAfterScroll()), d.value && (t.vertical.el.style.transform = `translate3d(0, ${s.value.scrollTop / d.value * M.value}px, 0)`, t.vertical.instance.autoHideAfterScroll());
   };
   V(() => [p.value, d.value], _);
   const N = (L) => {
     L.stopPropagation();
-    const j = s.value.scrollLeft, g = s.value.scrollTop, x = ke(j + ((L == null ? void 0 : L.deltaX) || 0), 0, p.value) | 0, z = ke(g + ((L == null ? void 0 : L.deltaY) || 0), 0, d.value) | 0;
-    s.value.scrollLeft = x, s.value.scrollTop = z, p.value && (t.horizontal.el.style.transform = `translate3d(${x / p.value * w.value}px, 0, 0)`, t.horizontal.instance.autoHideAfterScroll()), d.value && (t.vertical.el.style.transform = `translate3d(0, ${z / d.value * T.value}px, 0)`, t.vertical.instance.autoHideAfterScroll()), n("scroll", { target: s.value, scrollLeft: x, scrollTop: z });
-  }, q = (L) => {
+    const j = s.value.scrollLeft, b = s.value.scrollTop, x = ze(j + ((L == null ? void 0 : L.deltaX) || 0), 0, p.value) | 0, z = ze(b + ((L == null ? void 0 : L.deltaY) || 0), 0, d.value) | 0;
+    s.value.scrollLeft = x, s.value.scrollTop = z, p.value && (t.horizontal.el.style.transform = `translate3d(${x / p.value * w.value}px, 0, 0)`, t.horizontal.instance.autoHideAfterScroll()), d.value && (t.vertical.el.style.transform = `translate3d(0, ${z / d.value * M.value}px, 0)`, t.vertical.instance.autoHideAfterScroll()), n("scroll", { target: s.value, scrollLeft: x, scrollTop: z });
+  }, H = (L) => {
     i.simulateScroll ? N(L) : _();
   };
   return V(u, () => n("wrapperResize", u)), V(c, () => n("contentResize", c)), o({
     scrollEl: s
-  }), (L, j) => (m(), b("div", {
+  }), (L, j) => (m(), g("div", {
     class: k(["scrollbar__wrapper", e.wrapperClass]),
     style: K(e.wrapperStyle)
   }, [
     y("div", Dn({
-      ref: (g, x) => {
-        x.wrapperEl = g, s.value = g;
+      ref: (b, x) => {
+        x.wrapperEl = b, s.value = b;
       },
       class: "scrollbar__scroller"
     }, L.$attrs, {
-      onWheel: q,
-      onScroll: q
+      onWheel: H,
+      onScroll: H
     }), [
       y("div", {
-        ref: (g, x) => {
-          x.contentEl = g, r.value = g;
+        ref: (b, x) => {
+          x.contentEl = b, r.value = b;
         },
         class: k(["scrollbar__content", e.contentClass, { "scrollbar__content--fixedThumb": e.fixedThumb, [`scrollbar__content--${e.direction}`]: e.direction }]),
         style: K(e.contentStyle)
@@ -412,7 +412,7 @@ function Do(e, { expose: o, emit: n }) {
         X(L.$slots, "default")
       ], 6)
     ], 16),
-    (m(), b(B, null, te(t, (g, x) => U(No, {
+    (m(), g(B, null, te(t, (b, x) => W(No, {
       ref: (z) => l(z, x),
       key: x,
       autoExpand: e.autoExpand,
@@ -426,7 +426,7 @@ function Do(e, { expose: o, emit: n }) {
     }, null, 8, ["autoExpand", "autoHide", "autoHideDelay", "fixedThumb", "type", "scrollInfo", "thumbWidth", "wrapperEl"])), 64))
   ], 6));
 }
-const Bo = /* @__PURE__ */ ue(on(Fe({}, Ao), {
+const Bo = /* @__PURE__ */ re(on(_e({}, Ao), {
   props: {
     wrapperClass: null,
     wrapperStyle: null,
@@ -774,7 +774,7 @@ const Bo = /* @__PURE__ */ ue(on(Fe({}, Ao), {
   }
 };
 function jo(e, o, n, i, t, l) {
-  return m(), b("div", {
+  return m(), g("div", {
     class: "splitpanes__pane",
     onClick: o[0] || (o[0] = (s) => l.onPaneClick(s, e._.uid)),
     style: K(e.style)
@@ -782,7 +782,7 @@ function jo(e, o, n, i, t, l) {
     X(e.$slots, "default")
   ], 4);
 }
-const me = /* @__PURE__ */ qo(Ho, [["render", jo]]), be = /^[a-z0-9]+(-[a-z0-9]+)*$/, $e = (e, o, n, i = "") => {
+const me = /* @__PURE__ */ qo(Ho, [["render", jo]]), be = /^[a-z0-9]+(-[a-z0-9]+)*$/, Oe = (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__ */ qo(Ho, [["render", jo]]), be = /^[a-z0-9]+(-[a-z0-9]+
       prefix: u,
       name: r
     };
-    return o && !Pe(c) ? null : c;
+    return o && !Ee(c) ? null : c;
   }
   const l = t[0], s = l.split("-");
   if (s.length > 1) {
@@ -807,7 +807,7 @@ const me = /* @__PURE__ */ qo(Ho, [["render", jo]]), be = /^[a-z0-9]+(-[a-z0-9]+
       prefix: s.shift(),
       name: s.join("-")
     };
-    return o && !Pe(r) ? null : r;
+    return o && !Ee(r) ? null : r;
   }
   if (n && i === "") {
     const r = {
@@ -815,25 +815,25 @@ const me = /* @__PURE__ */ qo(Ho, [["render", jo]]), be = /^[a-z0-9]+(-[a-z0-9]+
       prefix: "",
       name: l
     };
-    return o && !Pe(r, n) ? null : r;
+    return o && !Ee(r, n) ? null : r;
   }
   return null;
-}, Pe = (e, o) => e ? !!((e.provider === "" || e.provider.match(be)) && (o && e.prefix === "" || e.prefix.match(be)) && e.name.match(be)) : !1, ln = Object.freeze(
+}, Ee = (e, o) => e ? !!((e.provider === "" || e.provider.match(be)) && (o && e.prefix === "" || e.prefix.match(be)) && e.name.match(be)) : !1, ln = Object.freeze(
   {
     left: 0,
     top: 0,
     width: 16,
     height: 16
   }
-), _e = Object.freeze({
+), $e = Object.freeze({
   rotate: 0,
   vFlip: !1,
   hFlip: !1
-}), Oe = Object.freeze({
+}), Ne = Object.freeze({
   ...ln,
-  ..._e
+  ...$e
 }), Ye = Object.freeze({
-  ...Oe,
+  ...Ne,
   body: "",
   hidden: !1
 });
@@ -846,7 +846,7 @@ function Wo(e, o) {
 function Ot(e, o) {
   const n = Wo(e, o);
   for (const i in Ye)
-    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]);
+    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 Uo(e, o) {
@@ -935,7 +935,7 @@ function Qo(e, o) {
     missing: /* @__PURE__ */ new Set()
   };
 }
-function ae(e, o) {
+function ce(e, o) {
   const n = Nt[e] || (Nt[e] = /* @__PURE__ */ Object.create(null));
   return n[o] || (n[o] = Qo(e, o));
 }
@@ -957,17 +957,17 @@ function an(e) {
   return typeof e == "boolean" && (ye = e), ye;
 }
 function Xo(e) {
-  const o = typeof e == "string" ? $e(e, !0, ye) : e;
+  const o = typeof e == "string" ? Oe(e, !0, ye) : e;
   if (o) {
-    const n = ae(o.provider, o.prefix), i = o.name;
+    const n = ce(o.provider, o.prefix), i = o.name;
     return n.icons[i] || (n.missing.has(i) ? null : void 0);
   }
 }
 function Yo(e, o) {
-  const n = $e(e, !0, ye);
+  const n = Oe(e, !0, ye);
   if (!n)
     return !1;
-  const i = ae(n.provider, n.prefix);
+  const i = ce(n.provider, n.prefix);
   return Ko(i, n.name, o);
 }
 function Jo(e, o) {
@@ -980,13 +980,13 @@ function Jo(e, o) {
     })), t;
   }
   const n = e.prefix;
-  if (!Pe({
+  if (!Ee({
     provider: o,
     prefix: n,
     name: "a"
   }))
     return !1;
-  const i = ae(o, n);
+  const i = ce(o, n);
   return !!it(i, e);
 }
 const un = Object.freeze({
@@ -996,7 +996,7 @@ const un = Object.freeze({
   // Dimensions
   ...un,
   // Transformations
-  ..._e
+  ...$e
 }), Zo = /(-?[0-9.]*[0-9]+[0-9.]*)/g, ei = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
 function Rt(e, o, n) {
   if (o === 1)
@@ -1048,7 +1048,7 @@ function oi(e, o, n) {
 const ii = (e) => e === "unset" || e === "undefined" || e === "none";
 function li(e, o) {
   const n = {
-    ...Oe,
+    ...Ne,
     ...e
   }, i = {
     ...cn,
@@ -1060,16 +1060,16 @@ function li(e, o) {
     height: n.height
   };
   let l = n.body;
-  [n, i].forEach((T) => {
-    const w = [], _ = T.hFlip, N = T.vFlip;
-    let q = T.rotate;
-    _ ? N ? q += 2 : (w.push(
+  [n, i].forEach((M) => {
+    const w = [], _ = M.hFlip, N = M.vFlip;
+    let H = M.rotate;
+    _ ? N ? H += 2 : (w.push(
       "translate(" + (t.width + t.left).toString() + " " + (0 - t.top).toString() + ")"
     ), w.push("scale(-1 1)"), t.top = t.left = 0) : N && (w.push(
       "translate(" + (0 - t.left).toString() + " " + (t.height + t.top).toString() + ")"
     ), w.push("scale(1 -1)"), t.top = t.left = 0);
     let L;
-    switch (q < 0 && (q -= Math.floor(q / 4) * 4), q = q % 4, q) {
+    switch (H < 0 && (H -= Math.floor(H / 4) * 4), H = H % 4, H) {
       case 1:
         L = t.height / 2 + t.top, w.unshift(
           "rotate(90 " + L.toString() + " " + L.toString() + ")"
@@ -1086,7 +1086,7 @@ function li(e, o) {
         );
         break;
     }
-    q % 2 === 1 && (t.left !== t.top && (L = t.left, t.left = t.top, t.top = L), t.width !== t.height && (L = t.width, t.width = t.height, t.height = L)), w.length && (l = oi(
+    H % 2 === 1 && (t.left !== t.top && (L = t.left, t.left = t.top, t.top = L), t.width !== t.height && (L = t.width, t.width = t.height, t.height = L)), w.length && (l = oi(
       l,
       '<g transform="' + w.join(" ") + '">',
       "</g>"
@@ -1095,8 +1095,8 @@ function li(e, o) {
   const s = i.width, r = i.height, u = t.width, c = t.height;
   let d, p;
   s === null ? (p = r === null ? "1em" : r === "auto" ? c : r, d = Rt(p, u / c)) : (d = s === "auto" ? u : s, p = r === null ? Rt(d, c / u) : r === "auto" ? c : r);
-  const C = {}, P = (T, w) => {
-    ii(w) || (C[T] = w.toString());
+  const C = {}, P = (M, w) => {
+    ii(w) || (C[M] = w.toString());
   };
   P("width", d), P("height", p);
   const E = [t.left, t.top, u, c];
@@ -1161,11 +1161,11 @@ function lt(e) {
 const st = /* @__PURE__ */ Object.create(null), ve = [
   "https://api.simplesvg.com",
   "https://api.unisvg.com"
-], Ee = [];
+], Le = [];
 for (; ve.length > 0; )
-  ve.length === 1 || Math.random() > 0.5 ? Ee.push(ve.shift()) : Ee.push(ve.pop());
+  ve.length === 1 || Math.random() > 0.5 ? Le.push(ve.shift()) : Le.push(ve.pop());
 st[""] = lt({
-  resources: ["https://api.iconify.design"].concat(Ee)
+  resources: ["https://api.iconify.design"].concat(Le)
 });
 function di(e, o) {
   const n = lt(o);
@@ -1294,7 +1294,7 @@ function yi(e) {
     if (i.name === t.name && i.prefix === t.prefix && i.provider === t.provider)
       return;
     i = t;
-    const l = t.provider, s = t.prefix, r = t.name, u = n[l] || (n[l] = /* @__PURE__ */ Object.create(null)), c = u[s] || (u[s] = ae(l, s));
+    const l = t.provider, s = t.prefix, r = t.name, u = n[l] || (n[l] = /* @__PURE__ */ Object.create(null)), c = u[s] || (u[s] = ce(l, s));
     let d;
     r in c.icons ? d = o.loaded : s === "" || c.missing.has(r) ? d = o.missing : d = o.pending;
     const p = {
@@ -1367,7 +1367,7 @@ function Si(e, o, n) {
 function Ci(e, o = !0, n = !1) {
   const i = [];
   return e.forEach((t) => {
-    const l = typeof t == "string" ? $e(t, o, n) : t;
+    const l = typeof t == "string" ? Oe(t, o, n) : t;
     l && i.push(l);
   }), i;
 }
@@ -1383,12 +1383,12 @@ function zi(e, o, n, i) {
   const t = e.resources.length, l = e.random ? Math.floor(Math.random() * t) : e.index;
   let s;
   if (e.random) {
-    let g = e.resources.slice(0);
-    for (s = []; g.length > 1; ) {
-      const x = Math.floor(Math.random() * g.length);
-      s.push(g[x]), g = g.slice(0, x).concat(g.slice(x + 1));
+    let b = e.resources.slice(0);
+    for (s = []; b.length > 1; ) {
+      const x = Math.floor(Math.random() * b.length);
+      s.push(b[x]), b = b.slice(0, x).concat(b.slice(x + 1));
     }
-    s = s.concat(g);
+    s = s.concat(b);
   } else
     s = e.resources.slice(l).concat(e.resources.slice(0, l));
   const r = Date.now();
@@ -1397,13 +1397,13 @@ function zi(e, o, n, i) {
   function E() {
     p && (clearTimeout(p), p = null);
   }
-  function T() {
-    u === "pending" && (u = "aborted"), E(), C.forEach((g) => {
-      g.status === "pending" && (g.status = "aborted");
+  function M() {
+    u === "pending" && (u = "aborted"), E(), C.forEach((b) => {
+      b.status === "pending" && (b.status = "aborted");
     }), C = [];
   }
-  function w(g, x) {
-    x && (P = []), typeof g == "function" && P.push(g);
+  function w(b, x) {
+    x && (P = []), typeof b == "function" && P.push(b);
   }
   function _() {
     return {
@@ -1413,22 +1413,22 @@ function zi(e, o, n, i) {
       queriesSent: c,
       queriesPending: C.length,
       subscribe: w,
-      abort: T
+      abort: M
     };
   }
   function N() {
-    u = "failed", P.forEach((g) => {
-      g(void 0, d);
+    u = "failed", P.forEach((b) => {
+      b(void 0, d);
     });
   }
-  function q() {
-    C.forEach((g) => {
-      g.status === "pending" && (g.status = "aborted");
+  function H() {
+    C.forEach((b) => {
+      b.status === "pending" && (b.status = "aborted");
     }), C = [];
   }
-  function L(g, x, z) {
+  function L(b, x, z) {
     const R = x !== "success";
-    switch (C = C.filter((G) => G !== g), u) {
+    switch (C = C.filter((G) => G !== b), u) {
       case "pending":
         break;
       case "failed":
@@ -1446,8 +1446,8 @@ function zi(e, o, n, i) {
       d = z, C.length || (s.length ? j() : N());
       return;
     }
-    if (E(), q(), !e.random) {
-      const G = e.resources.indexOf(g.resource);
+    if (E(), H(), !e.random) {
+      const G = e.resources.indexOf(b.resource);
       G !== -1 && G !== e.index && (e.index = G);
     }
     u = "completed", P.forEach((G) => {
@@ -1458,11 +1458,11 @@ function zi(e, o, n, i) {
     if (u !== "pending")
       return;
     E();
-    const g = s.shift();
-    if (g === void 0) {
+    const b = s.shift();
+    if (b === void 0) {
       if (C.length) {
         p = setTimeout(() => {
-          E(), u === "pending" && (q(), N());
+          E(), u === "pending" && (H(), N());
         }, e.timeout);
         return;
       }
@@ -1471,12 +1471,12 @@ function zi(e, o, n, i) {
     }
     const x = {
       status: "pending",
-      resource: g,
+      resource: b,
       callback: (z, R) => {
         L(x, z, R);
       }
     };
-    C.push(x), c++, p = setTimeout(j, e.rotate), n(g, o, x.callback);
+    C.push(x), c++, p = setTimeout(j, e.rotate), n(b, o, x.callback);
   }
   return setTimeout(j), _;
 }
@@ -1573,7 +1573,7 @@ function tt(e, o) {
 function nt(e) {
   return parseInt(et(e, hn)) || 0;
 }
-const Ne = {
+const Re = {
   local: !0,
   session: !0
 }, mn = {
@@ -1584,15 +1584,15 @@ let ut = !1;
 function Mi(e) {
   ut = e;
 }
-let ze = typeof window > "u" ? {} : window;
+let Pe = typeof window > "u" ? {} : window;
 function vn(e) {
   const o = e + "Storage";
   try {
-    if (ze && ze[o] && typeof ze[o].length == "number")
-      return ze[o];
+    if (Pe && Pe[o] && typeof Pe[o].length == "number")
+      return Pe[o];
   } catch {
   }
-  Ne[e] = !1;
+  Re[e] = !1;
 }
 function gn(e, o) {
   const n = vn(e);
@@ -1628,9 +1628,9 @@ function gn(e, o) {
 function bn() {
   if (!ut) {
     Mi(!0);
-    for (const e in Ne)
+    for (const e in Re)
       gn(e, (o) => {
-        const n = o.data, i = o.provider, t = n.prefix, l = ae(
+        const n = o.data, i = o.provider, t = n.prefix, l = ce(
           i,
           t
         );
@@ -1649,7 +1649,7 @@ function Ii(e, o) {
   )
     return n === o;
   if (e.lastModifiedCached = o, n)
-    for (const i in Ne)
+    for (const i in Re)
       gn(i, (t) => {
         const l = t.data;
         return t.provider !== e.provider || l.prefix !== e.prefix || l.lastModified === o;
@@ -1660,7 +1660,7 @@ function Fi(e, o) {
   ut || bn();
   function n(i) {
     let t;
-    if (!Ne[i] || !(t = vn(i)))
+    if (!Re[i] || !(t = vn(i)))
       return;
     const l = mn[i];
     let s;
@@ -1743,11 +1743,11 @@ const Oi = (e, o) => {
     const { provider: c, prefix: d } = u;
     if (d === r && c === s)
       return;
-    s = c, r = d, l.push(ae(c, d));
+    s = c, r = d, l.push(ce(c, d));
     const p = t[c] || (t[c] = /* @__PURE__ */ Object.create(null));
     p[d] || (p[d] = []);
   }), i.pending.forEach((u) => {
-    const { provider: c, prefix: d, name: p } = u, C = ae(c, d), P = C.pendingIcons || (C.pendingIcons = /* @__PURE__ */ new Set());
+    const { provider: c, prefix: d, name: p } = u, C = ce(c, d), P = C.pendingIcons || (C.pendingIcons = /* @__PURE__ */ new Set());
     P.has(p) || (P.add(p), t[c][d].push(p));
   }), l.forEach((u) => {
     const { provider: c, prefix: d } = u;
@@ -1846,20 +1846,20 @@ for (const e in Vt) {
   for (const n in Ut)
     o[e + n] = Ut[n];
 }
-const Le = {};
+const Te = {};
 ["horizontal", "vertical"].forEach((e) => {
   const o = e.slice(0, 1) + "Flip";
-  Le[e + "-flip"] = o, Le[e.slice(0, 1) + "-flip"] = o, Le[e + "Flip"] = o;
+  Te[e + "-flip"] = o, Te[e.slice(0, 1) + "-flip"] = o, Te[e + "Flip"] = o;
 });
 function Gt(e) {
   return e + (e.match(/^[-0-9.]+$/) ? "px" : "");
 }
 const Qt = (e, o) => {
   const n = Ni(Wt, o), i = { ...Wi }, t = o.mode || "svg", l = {}, s = o.style, r = typeof s == "object" && !(s instanceof Array) ? s : {};
-  for (let T in o) {
-    const w = o[T];
+  for (let M in o) {
+    const w = o[M];
     if (w !== void 0)
-      switch (T) {
+      switch (M) {
         case "icon":
         case "style":
         case "onLoad":
@@ -1868,7 +1868,7 @@ const Qt = (e, o) => {
         case "inline":
         case "hFlip":
         case "vFlip":
-          n[T] = w === !0 || w === "true" || w === 1;
+          n[M] = w === !0 || w === "true" || w === 1;
           break;
         case "flip":
           typeof w == "string" && Ai(n, w);
@@ -1877,15 +1877,15 @@ const Qt = (e, o) => {
           l.color = w;
           break;
         case "rotate":
-          typeof w == "string" ? n[T] = Di(w) : typeof w == "number" && (n[T] = w);
+          typeof w == "string" ? n[M] = Di(w) : typeof w == "number" && (n[M] = w);
           break;
         case "ariaHidden":
         case "aria-hidden":
           w !== !0 && w !== "true" && delete i["aria-hidden"];
           break;
         default: {
-          const _ = Le[T];
-          _ ? (w === !0 || w === "true" || w === 1) && (n[_] = !0) : Wt[T] === void 0 && (i[T] = w);
+          const _ = Te[M];
+          _ ? (w === !0 || w === "true" || w === 1) && (n[_] = !0) : Wt[M] === void 0 && (i[M] = w);
         }
       }
   }
@@ -1895,8 +1895,8 @@ const Qt = (e, o) => {
       ...l,
       ...r
     }, Object.assign(i, c);
-    let T = 0, w = o.id;
-    return typeof w == "string" && (w = w.replace(/-/g, "_")), i.innerHTML = ui(u.body, w ? () => w + "ID" + T++ : "iconifyVue"), Ke("svg", i);
+    let M = 0, w = o.id;
+    return typeof w == "string" && (w = w.replace(/-/g, "_")), i.innerHTML = ui(u.body, w ? () => w + "ID" + M++ : "iconifyVue"), Ke("svg", i);
   }
   const { body: d, width: p, height: C } = e, P = t === "mask" || (t === "bg" ? !1 : d.indexOf("currentColor") !== -1), E = Bi(d, {
     ...c,
@@ -1948,9 +1948,9 @@ if (typeof document < "u" && typeof window < "u") {
   }
 }
 const Vi = {
-  ...Oe,
+  ...Ne,
   body: ""
-}, se = ue({
+}, le = re({
   // Do not inherit other attributes: it is handled by render()
   inheritAttrs: !1,
   // Set initial data
@@ -1983,7 +1983,7 @@ const Vi = {
           data: e
         };
       let n;
-      if (typeof e != "string" || (n = $e(e, !1, !0)) === null)
+      if (typeof e != "string" || (n = Oe(e, !1, !0)) === null)
         return this.abortLoading(), null;
       const i = Xo(n);
       if (!i)
@@ -2009,13 +2009,13 @@ const Vi = {
       ...e,
       class: (typeof e.class == "string" ? e.class + " " : "") + o.classes.join(" ")
     }), Qt({
-      ...Oe,
+      ...Ne,
       ...o.data
     }, n);
   }
 }), Gi = {
   name: "buttonExpand"
-}, Qi = /* @__PURE__ */ ue({
+}, Qi = /* @__PURE__ */ re({
   ...Gi,
   props: {
     item: { default: [] },
@@ -2044,36 +2044,36 @@ const Vi = {
       { deep: !0 }
     ), (s, r) => {
       var u, c;
-      return m(), b("button", {
+      return m(), g("button", {
         class: "expandbtn",
         onClick: r[0] || (r[0] = (d) => t(s.item.id))
       }, [
-        (((u = n.value.find((d) => d.id == s.item.id)) == null ? void 0 : u.isExpanded) == null ? i.value : (c = n.value.find((d) => d.id == s.item.id)) != null && c.isExpanded) ? (m(), b(B, { key: 0 }, [
-          o.expandall ? (m(), b(B, { key: 0 }, [
-            l.value ? (m(), Y(D(se), {
+        (((u = n.value.find((d) => d.id == s.item.id)) == null ? void 0 : u.isExpanded) == null ? i.value : (c = n.value.find((d) => d.id == s.item.id)) != null && c.isExpanded) ? (m(), g(B, { key: 0 }, [
+          o.expandall ? (m(), g(B, { key: 0 }, [
+            l.value ? (m(), Y(A(le), {
               key: 0,
               icon: "fluent:chevron-down-up-16-filled"
-            })) : (m(), Y(D(se), {
+            })) : (m(), Y(A(le), {
               key: 1,
               icon: "mdi:chevron-down"
             }))
-          ], 64)) : (m(), Y(D(se), {
+          ], 64)) : (m(), Y(A(le), {
             key: 1,
             icon: "mdi:chevron-down"
           }))
-        ], 64)) : (m(), b(B, { key: 1 }, [
-          o.expandall ? (m(), b(B, { key: 0 }, [
-            l.value == -1 ? (m(), Y(D(se), {
+        ], 64)) : (m(), g(B, { key: 1 }, [
+          o.expandall ? (m(), g(B, { key: 0 }, [
+            l.value == -1 ? (m(), Y(A(le), {
               key: 0,
               icon: "ion:chevron-expand"
-            })) : l.value == 0 ? (m(), Y(D(se), {
+            })) : l.value == 0 ? (m(), Y(A(le), {
               key: 1,
               icon: "mdi:chevron-down"
-            })) : (m(), Y(D(se), {
+            })) : (m(), Y(A(le), {
               key: 2,
               icon: "mdi:chevron-right"
             }))
-          ], 64)) : (m(), Y(D(se), {
+          ], 64)) : (m(), Y(A(le), {
             key: 1,
             icon: "mdi:chevron-right"
           }))
@@ -2081,15 +2081,38 @@ const Vi = {
       ]);
     };
   }
-}), Re = (e, o) => {
+}), Se = (e, o) => {
   const n = e.__vccOpts || e;
   for (const [i, t] of o)
     n[i] = t;
   return n;
-}, xn = /* @__PURE__ */ Re(Qi, [["__scopeId", "data-v-8bd9f848"]]), Ki = { 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" }, Xi = {
+}, xn = /* @__PURE__ */ Se(Qi, [["__scopeId", "data-v-8bd9f848"]]), Ki = {
+  name: "ButtonRightPanel"
+}, Xi = /* @__PURE__ */ re({
+  ...Ki,
+  props: {
+    item: { default: [] }
+  },
+  emits: ["rightPanelClick"],
+  setup(e, { emit: o }) {
+    const n = e, i = o;
+    function t() {
+      i("rightPanelClick", n.item);
+    }
+    return (l, s) => (m(), g("button", {
+      class: "rightpanelbtn",
+      onClick: se(t, ["stop"])
+    }, [
+      W(A(le), {
+        icon: "material-symbols:arrow-circle-right",
+        width: "20"
+      })
+    ]));
+  }
+}), Yi = /* @__PURE__ */ Se(Xi, [["__scopeId", "data-v-8d1e5e17"]]), Ji = { 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" }, Zi = {
   name: "columnFilter"
-}, Yi = /* @__PURE__ */ ue({
-  ...Xi,
+}, el = /* @__PURE__ */ re({
+  ...Zi,
   props: ["column", "columnFilterLang"],
   emits: ["close", "filterChange"],
   setup(e, { emit: o }) {
@@ -2104,17 +2127,17 @@ const Vi = {
     }, l = (s) => {
       n.column.condition = s, s === "" && (n.column.value = ""), i("filterChange", n.column);
     };
-    return (s, r) => (m(), b("div", Ki, [
+    return (s, r) => (m(), g("div", Ji, [
       y("div", {
         class: "bh-text-[13px] bh-font-normal bh-rounded bh-overflow-hidden",
-        onClick: re(t, ["stop"])
+        onClick: se(t, ["stop"])
       }, [
         y("button", {
           type: "button",
           class: k({ active: n.column.condition === "" }),
           onClick: r[0] || (r[0] = (u) => l(""))
         }, O((n.columnFilterLang && n.columnFilterLang.NoFilter) ?? "No filter"), 3),
-        n.column.type === "string" ? (m(), b(B, { key: 0 }, [
+        n.column.type === "string" ? (m(), g(B, { key: 0 }, [
           y("button", {
             type: "button",
             class: k({ active: n.column.condition === "Contains" }),
@@ -2145,7 +2168,7 @@ const Vi = {
             class: k({ active: n.column.condition === "EndsWith" }),
             onClick: r[6] || (r[6] = (u) => l("EndsWith"))
           }, O((n.columnFilterLang && n.columnFilterLang.EndsWith) ?? "EndsWith"), 3)
-        ], 64)) : n.column.type === "number" ? (m(), b(B, { key: 1 }, [
+        ], 64)) : n.column.type === "number" ? (m(), g(B, { key: 1 }, [
           y("button", {
             type: "button",
             class: k({ active: n.column.condition === "Equal" }),
@@ -2176,7 +2199,7 @@ const Vi = {
             class: k({ active: n.column.condition === "LessThanOrEqual" }),
             onClick: r[12] || (r[12] = (u) => l("LessThanOrEqual"))
           }, O((n.columnFilterLang && n.columnFilterLang.LessThanOrEqual) ?? "LessThanOrEqual"), 3)
-        ], 64)) : n.column.type === "date" ? (m(), b(B, { key: 2 }, [
+        ], 64)) : n.column.type === "date" ? (m(), g(B, { key: 2 }, [
           y("button", {
             type: "button",
             class: k({ active: n.column.condition === "Equal" }),
@@ -2197,7 +2220,7 @@ const Vi = {
             class: k({ active: n.column.condition === "LessThan" }),
             onClick: r[16] || (r[16] = (u) => l("LessThan"))
           }, O((n.columnFilterLang && n.columnFilterLang.LessThan) ?? "LessThan"), 3)
-        ], 64)) : M("", !0),
+        ], 64)) : T("", !0),
         y("button", {
           type: "button",
           class: k({ active: n.column.condition === "IsNull" }),
@@ -2211,11 +2234,11 @@ const Vi = {
       ])
     ]));
   }
-}), Ji = {}, Zi = {
+}), tl = {}, nl = {
   version: "1.1",
   viewBox: "0 0 17 12",
   xmlns: "http://www.w3.org/2000/svg"
-}, el = /* @__PURE__ */ y("g", {
+}, ol = /* @__PURE__ */ y("g", {
   fill: "none",
   "fill-rule": "evenodd"
 }, [
@@ -2226,13 +2249,13 @@ const Vi = {
   }, [
     /* @__PURE__ */ y("path", { d: "m25.576 11.414c0.56558 0.55188 0.56558 1.4439 0 1.9961l-9.404 9.176c-0.28213 0.27529-0.65247 0.41385-1.0228 0.41385-0.37034 0-0.74068-0.13855-1.0228-0.41385l-4.7019-4.588c-0.56584-0.55188-0.56584-1.4442 0-1.9961 0.56558-0.55214 1.4798-0.55214 2.0456 0l3.679 3.5899 8.3812-8.1779c0.56558-0.55214 1.4798-0.55214 2.0456 0z" })
   ])
-], -1), tl = [
-  el
+], -1), il = [
+  ol
 ];
-function nl(e, o) {
-  return m(), b("svg", Zi, tl);
+function ll(e, o) {
+  return m(), g("svg", nl, il);
 }
-const wn = /* @__PURE__ */ Re(Ji, [["render", nl]]), ol = {}, il = {
+const wn = /* @__PURE__ */ Se(tl, [["render", ll]]), sl = {}, rl = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
@@ -2242,18 +2265,18 @@ const wn = /* @__PURE__ */ Re(Ji, [["render", nl]]), ol = {}, il = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   class: "css-i6dzq1"
-}, ll = /* @__PURE__ */ y("line", {
+}, al = /* @__PURE__ */ y("line", {
   x1: "5",
   y1: "12",
   x2: "19",
   y2: "12"
-}, null, -1), sl = [
-  ll
+}, null, -1), ul = [
+  al
 ];
-function rl(e, o) {
-  return m(), b("svg", il, sl);
+function cl(e, o) {
+  return m(), g("svg", rl, ul);
 }
-const al = /* @__PURE__ */ Re(ol, [["render", rl]]), ul = {}, cl = {
+const dl = /* @__PURE__ */ Se(sl, [["render", cl]]), fl = {}, hl = {
   viewBox: "0 0 24 24",
   width: "24",
   height: "24",
@@ -2263,31 +2286,31 @@ const al = /* @__PURE__ */ Re(ol, [["render", rl]]), ul = {}, cl = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   class: "css-i6dzq1"
-}, dl = /* @__PURE__ */ y("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" }, null, -1), fl = [
-  dl
+}, pl = /* @__PURE__ */ y("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" }, null, -1), ml = [
+  pl
 ];
-function hl(e, o) {
-  return m(), b("svg", cl, fl);
+function vl(e, o) {
+  return m(), g("svg", hl, ml);
 }
-const pl = /* @__PURE__ */ Re(ul, [["render", hl]]), ml = { key: "hdrrow" }, vl = { class: "bh-checkbox" }, gl = {
-  key: 1,
+const gl = /* @__PURE__ */ Se(fl, [["render", vl]]), bl = { key: "hdrrow" }, yl = { class: "bh-checkbox" }, xl = {
+  key: 2,
   class: "bh-w-px"
-}, bl = ["onClick"], yl = {
+}, wl = ["onClick"], Sl = {
   width: "16",
   height: "16",
   viewBox: "0 0 14 14",
   fill: "none"
-}, xl = {
+}, Cl = {
   key: 0,
   class: "bh-filter bh-relative"
-}, wl = ["onUpdate:modelValue"], Sl = ["onUpdate:modelValue"], Cl = ["onUpdate:modelValue"], kl = ["onUpdate:modelValue"], zl = /* @__PURE__ */ y("option", { value: void 0 }, "All", -1), Pl = /* @__PURE__ */ y("option", { value: !0 }, "True", -1), El = /* @__PURE__ */ y("option", { value: !1 }, "False", -1), Ll = [
-  zl,
-  Pl,
-  El
-], Tl = ["onClick"], Ml = {
+}, kl = ["onUpdate:modelValue"], zl = ["onUpdate:modelValue"], Pl = ["onUpdate:modelValue"], El = ["onUpdate:modelValue"], Ll = /* @__PURE__ */ y("option", { value: void 0 }, "All", -1), Tl = /* @__PURE__ */ y("option", { value: !0 }, "True", -1), Ml = /* @__PURE__ */ y("option", { value: !1 }, "False", -1), Il = [
+  Ll,
+  Tl,
+  Ml
+], Fl = ["onClick"], _l = {
   name: "columnHeader"
-}, Kt = /* @__PURE__ */ ue({
-  ...Ml,
+}, Kt = /* @__PURE__ */ re({
+  ..._l,
   props: [
     "all",
     "expandedrows",
@@ -2308,8 +2331,8 @@ const pl = /* @__PURE__ */ Re(ul, [["render", hl]]), ml = { key: "hdrrow" }, vl
     const n = $(null), i = e, t = o;
     return V(() => i.checkAll, () => {
       n.value && (n.value.indeterminate = i.checkAll !== 0 ? !i.checkAll : !1, n.value.checked = i.checkAll);
-    }), (s, r) => (m(), b("tr", ml, [
-      i.all.hasCheckbox ? (m(), b("th", {
+    }), (s, r) => (m(), g("tr", bl, [
+      i.all.hasCheckbox ? (m(), g("th", {
         key: "chkall",
         class: k(["bh-w-px", {
           "bh-sticky bh-bg-blue-light bh-z-[1]": i.all.stickyHeader || i.all.stickyFirstColumn,
@@ -2317,31 +2340,39 @@ const pl = /* @__PURE__ */ Re(ul, [["render", hl]]), ml = { key: "hdrrow" }, vl
           "bh-left-0": i.all.stickyFirstColumn
         }])
       }, [
-        y("div", vl, [
+        y("div", yl, [
           y("input", {
             ref_key: "selectedAll",
             ref: n,
             type: "checkbox",
-            onClick: r[0] || (r[0] = re((u) => {
+            onClick: r[0] || (r[0] = se((u) => {
               var c;
               return t("selectAll", (c = u == null ? void 0 : u.target) == null ? void 0 : c.checked);
             }, ["stop"]))
           }, null, 512),
           y("div", null, [
-            U(wn, { class: "check" }),
-            U(al, { class: "intermediate" })
+            W(wn, { class: "check" }),
+            W(dl, { class: "intermediate" })
           ])
         ])
-      ], 2)) : M("", !0),
-      i.all.hasSubtable ? (m(), b("th", gl, [
+      ], 2)) : T("", !0),
+      i.all.hasRightPanel ? (m(), g("th", {
+        key: 1,
+        class: k(["bh-w-px", {
+          "bh-sticky bh-bg-blue-light bh-z-[1]": i.all.stickyHeader || i.all.stickyFirstColumn,
+          "bh-top-0": i.all.stickyHeader,
+          "bh-left-0": i.all.stickyFirstColumn
+        }])
+      }, null, 2)) : T("", !0),
+      i.all.hasSubtable ? (m(), g("th", xl, [
         i.all.expandall ? (m(), Y(xn, {
           key: 0,
           expandedrows: i.expandedrows,
           expandall: i.all.expandall
-        }, null, 8, ["expandedrows", "expandall"])) : M("", !0)
-      ])) : M("", !0),
-      (m(!0), b(B, null, te(i.all.columns, (u, c) => (m(), b(B, null, [
-        u.hide ? M("", !0) : (m(), b("th", {
+        }, null, 8, ["expandedrows", "expandall"])) : T("", !0)
+      ])) : T("", !0),
+      (m(!0), g(B, null, te(i.all.columns, (u, c) => (m(), g(B, null, [
+        u.hide ? T("", !0) : (m(), g("th", {
           key: u.field,
           class: k(["bh-select-none bh-z-[1]", [
             i.all.sortable && u.sort ? "bh-cursor-pointer" : "",
@@ -2359,11 +2390,11 @@ const pl = /* @__PURE__ */ Re(ul, [["render", hl]]), ml = { key: "hdrrow" }, vl
             onClick: (d) => i.all.sortable && u.sort && t("sortChange", u.field)
           }, [
             Xe(O(u.title) + " ", 1),
-            i.all.sortable && u.sort ? (m(), b("span", {
+            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]])
             }, [
-              (m(), b("svg", yl, [
+              (m(), g("svg", Sl, [
                 y("polygon", {
                   points: "3.11,6.25 10.89,6.25 7,1.75 ",
                   fill: "currentColor",
@@ -2379,31 +2410,31 @@ const pl = /* @__PURE__ */ Re(ul, [["render", hl]]), ml = { key: "hdrrow" }, vl
                   ]])
                 }, null, 2)
               ]))
-            ], 2)) : M("", !0)
-          ], 10, bl),
-          i.all.columnFilter && !i.isFooter ? (m(), b(B, { key: 0 }, [
-            u.filter ? (m(), b("div", xl, [
-              u.type === "string" ? ne((m(), b("input", {
+            ], 2)) : T("", !0)
+          ], 10, wl),
+          i.all.columnFilter && !i.isFooter ? (m(), g(B, { key: 0 }, [
+            u.filter ? (m(), g("div", Cl, [
+              u.type === "string" ? ne((m(), g("input", {
                 key: 0,
                 "onUpdate:modelValue": (d) => u.value = d,
                 type: "text",
                 class: "bh-form-control",
                 onKeyup: r[1] || (r[1] = (d) => t("filterChange"))
-              }, null, 40, wl)), [
+              }, null, 40, kl)), [
                 [
                   je,
                   u.value,
                   void 0,
                   { trim: !0 }
                 ]
-              ]) : M("", !0),
-              u.type === "number" ? ne((m(), b("input", {
+              ]) : T("", !0),
+              u.type === "number" ? ne((m(), g("input", {
                 key: 1,
                 "onUpdate:modelValue": (d) => u.value = d,
                 type: "number",
                 class: "bh-form-control",
                 onKeyup: r[2] || (r[2] = (d) => t("filterChange"))
-              }, null, 40, Sl)), [
+              }, null, 40, zl)), [
                 [
                   je,
                   u.value,
@@ -2413,32 +2444,32 @@ const pl = /* @__PURE__ */ Re(ul, [["render", hl]]), ml = { key: "hdrrow" }, vl
                     trim: !0
                   }
                 ]
-              ]) : u.type === "date" ? ne((m(), b("input", {
+              ]) : u.type === "date" ? ne((m(), g("input", {
                 key: 2,
                 "onUpdate:modelValue": (d) => u.value = d,
                 type: "date",
                 class: "bh-form-control",
                 onChange: r[3] || (r[3] = (d) => t("filterChange"))
-              }, null, 40, Cl)), [
+              }, null, 40, Pl)), [
                 [je, u.value]
-              ]) : u.type === "bool" ? ne((m(), b("select", {
+              ]) : u.type === "bool" ? ne((m(), g("select", {
                 key: 3,
                 "onUpdate:modelValue": (d) => u.value = d,
                 class: "bh-form-control",
                 onChange: r[4] || (r[4] = (d) => t("filterChange")),
                 onClick: r[5] || (r[5] = //@ts-ignore
                 (...d) => i.isOpenFilter && i.isOpenFilter(...d))
-              }, Ll, 40, kl)), [
+              }, Il, 40, El)), [
                 [Yt, u.value]
-              ]) : M("", !0),
-              u.type !== "bool" ? (m(), b("button", {
+              ]) : T("", !0),
+              u.type !== "bool" ? (m(), g("button", {
                 key: 4,
                 type: "button",
-                onClick: re((d) => t("toggleFilterMenu", u), ["stop"])
+                onClick: se((d) => t("toggleFilterMenu", u), ["stop"])
               }, [
-                U(pl, { class: "bh-w-4" })
-              ], 8, Tl)) : M("", !0),
-              ne(U(Yi, {
+                W(gl, { class: "bh-w-4" })
+              ], 8, Fl)) : T("", !0),
+              ne(W(el, {
                 column: u,
                 type: u.type,
                 columnFilterLang: i.columnFilterLang,
@@ -2447,70 +2478,70 @@ const pl = /* @__PURE__ */ Re(ul, [["render", hl]]), ml = { key: "hdrrow" }, vl
               }, null, 8, ["column", "type", "columnFilterLang"]), [
                 [Qe, i.isOpenFilter === u.field]
               ])
-            ])) : M("", !0)
-          ], 64)) : M("", !0)
+            ])) : T("", !0)
+          ], 64)) : T("", !0)
         ], 6))
       ], 64))), 256))
     ]));
   }
-}), Il = { class: "bh-datatable bh-antialiased bh-relative bh-text-black bh-text-sm bh-font-normal" }, Fl = /* @__PURE__ */ y("span", null, "##Left Menu Slot##", -1), _l = /* @__PURE__ */ y("span", null, "##Top Menu Slot##", -1), $l = /* @__PURE__ */ y("span", null, "##Table Action Header Slot##", -1), Ol = ["onClick"], Nl = { class: "bh-checkbox" }, Rl = ["value"], Al = ["innerHTML"], Dl = ["onClick"], Bl = ["colspan"], ql = ["colspan"], Hl = /* @__PURE__ */ y("div", { class: "bh-skeleton-box bh-h-8" }, null, -1), jl = [
-  Hl
-], Wl = ["colspan"], Ul = { class: "bh-flex bh-items-center bh-flex-wrap bh-flex-col sm:bh-flex-row bh-gap-4" }, Vl = { class: "bh-pagination-info bh-flex bh-items-center" }, Gl = { class: "bh-mr-2" }, Ql = ["value"], Kl = { class: "bh-pagination-number sm:bh-ml-auto bh-inline-flex bh-items-center bh-space-x-1" }, Xl = ["innerHTML"], Yl = {
+}), $l = { class: "bh-datatable bh-antialiased bh-relative bh-text-black bh-text-sm bh-font-normal" }, Ol = /* @__PURE__ */ y("span", null, "##Left Menu Slot##", -1), Nl = /* @__PURE__ */ y("span", null, "##Top Menu Slot##", -1), Rl = /* @__PURE__ */ y("span", null, "##Table Action Header Slot##", -1), Al = ["onClick"], Dl = { class: "bh-checkbox" }, Bl = ["value"], ql = ["innerHTML"], Hl = ["onClick"], jl = ["colspan"], Wl = ["colspan"], Ul = /* @__PURE__ */ y("div", { class: "bh-skeleton-box bh-h-8" }, null, -1), Vl = [
+  Ul
+], Gl = ["colspan"], Ql = { class: "bh-flex bh-items-center bh-flex-wrap bh-flex-col sm:bh-flex-row bh-gap-4" }, Kl = { class: "bh-pagination-info bh-flex bh-items-center" }, Xl = { class: "bh-mr-2" }, Yl = ["value"], Jl = { class: "bh-pagination-number sm:bh-ml-auto bh-inline-flex bh-items-center bh-space-x-1" }, Zl = ["innerHTML"], es = {
   key: 1,
   "aria-hidden": "true",
   width: "14",
   height: "14",
   viewBox: "0 0 16 16"
-}, Jl = /* @__PURE__ */ y("g", {
+}, ts = /* @__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), Zl = [
-  Jl
-], es = ["innerHTML"], ts = {
+], -1), ns = [
+  ts
+], os = ["innerHTML"], is = {
   key: 1,
   "aria-hidden": "true",
   width: "14",
   height: "14",
   viewBox: "0 0 16 16"
-}, ns = /* @__PURE__ */ y("path", {
+}, ls = /* @__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), os = [
-  ns
-], is = ["onClick"], ls = ["innerHTML"], ss = {
+}, null, -1), ss = [
+  ls
+], rs = ["onClick"], as = ["innerHTML"], us = {
   key: 1,
   "aria-hidden": "true",
   width: "14",
   height: "14",
   viewBox: "0 0 16 16"
-}, rs = /* @__PURE__ */ y("path", {
+}, cs = /* @__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), as = [
-  rs
-], us = ["innerHTML"], cs = {
+}, null, -1), ds = [
+  cs
+], fs = ["innerHTML"], hs = {
   key: 1,
   "aria-hidden": "true",
   width: "14",
   height: "14",
   viewBox: "0 0 16 16"
-}, ds = /* @__PURE__ */ y("g", {
+}, ps = /* @__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), fs = [
-  ds
-], hs = {
+], -1), ms = [
+  ps
+], vs = {
   name: "Vue3Datatable"
-}, bs = /* @__PURE__ */ ue({
-  ...hs,
+}, ws = /* @__PURE__ */ re({
+  ...vs,
   props: {
     loading: { type: Boolean, default: !1 },
     isServerMode: { type: Boolean, default: !1 },
@@ -2521,6 +2552,7 @@ const pl = /* @__PURE__ */ Re(ul, [["render", hl]]), ml = { key: "hdrrow" }, vl
     columns: { default: () => [] },
     hasCheckbox: { type: Boolean, default: !1 },
     hasSubtable: { type: Boolean, default: !1 },
+    hasRightPanel: { type: Boolean, default: !1 },
     expandall: { type: Boolean, default: !1 },
     search: { default: "" },
     columnChooser: { type: Boolean, default: !1 },
@@ -2583,7 +2615,8 @@ const pl = /* @__PURE__ */ Re(ul, [["render", hl]]), ml = { key: "hdrrow" }, vl
     "rowClick",
     "rowDBClick",
     "currentTopMenuSize",
-    "currentLeftMenuSize"
+    "currentLeftMenuSize",
+    "rowRightPanelClick"
   ],
   setup(e, { expose: o, emit: n }) {
     var kt, zt;
@@ -2594,15 +2627,15 @@ const pl = /* @__PURE__ */ Re(ul, [["render", hl]]), ml = { key: "hdrrow" }, vl
     }
     const l = $([]), s = $(t.page), r = $(
       t.pagination ? t.pageSize : (zt = t.rows) == null ? void 0 : zt.length
-    ), u = t.pageSize, c = $(t.sortColumn), d = t.sortColumn, p = $(t.sortDirection), C = t.sortDirection, P = $(t.totalRows), E = $([]), T = $(null), w = $(t.loading), _ = $(t.search);
+    ), u = t.pageSize, c = $(t.sortColumn), d = t.sortColumn, p = $(t.sortDirection), C = t.sortDirection, P = $(t.totalRows), E = $([]), M = $(null), w = $(t.loading), _ = $(t.search);
     JSON.parse(JSON.stringify(t.columns));
-    const N = $(null), q = $(null);
+    const N = $(null), H = $(null);
     let L = $(0);
     const j = $(230);
     we(() => {
       ie();
     });
-    const g = n;
+    const b = n;
     o({
       reset() {
         zn();
@@ -2623,7 +2656,7 @@ const pl = /* @__PURE__ */ Re(ul, [["render", hl]]), ml = { key: "hdrrow" }, vl
         wt(a);
       },
       isRowSelected(a) {
-        return Ce(a);
+        return ke(a);
       },
       getFilteredRows() {
         return dt();
@@ -2644,38 +2677,38 @@ const pl = /* @__PURE__ */ Re(ul, [["render", hl]]), ml = { key: "hdrrow" }, vl
         s.value - Math.floor(t.showNumbersCount / 2),
         1
       ), h = a + t.showNumbersCount - 1, h > R.value && (h = R.value, a = h - t.showNumbersCount + 1)) : (a = 1, h = R.value), Array.from(Array(h + 1 - a).keys()).map(
-        (W) => a + W
+        (U) => a + U
       );
     }), dt = () => {
-      var W, H, Z;
+      var U, q, Z;
       let a = t.rows || [];
       if (!t.isServerMode) {
-        if ((W = t.columns) == null || W.forEach((f) => {
+        if ((U = t.columns) == null || U.forEach((f) => {
           f.filter && (f.value !== void 0 && f.value !== null && f.value !== "" || f.condition === "IsNull" || f.condition == "IsNotNull") && (f.type === "string" ? (f.value && !f.condition && (f.condition = "Contains"), f.condition === "Contains" ? a = a.filter((S) => {
-            var A;
-            return (A = I(S, f.field)) == null ? void 0 : A.toString().toLowerCase().includes(f.value.toLowerCase());
+            var D;
+            return (D = I(S, f.field)) == null ? void 0 : D.toString().toLowerCase().includes(f.value.toLowerCase());
           }) : f.condition === "NotContains" ? a = a.filter((S) => {
-            var A;
-            return !((A = I(S, f.field)) != null && A.toString().toLowerCase().includes(f.value.toLowerCase()));
+            var D;
+            return !((D = I(S, f.field)) != null && D.toString().toLowerCase().includes(f.value.toLowerCase()));
           }) : f.condition === "Equal" ? a = a.filter((S) => {
-            var A;
-            return ((A = I(S, f.field)) == null ? void 0 : A.toString().toLowerCase()) === f.value.toLowerCase();
+            var D;
+            return ((D = I(S, f.field)) == null ? void 0 : D.toString().toLowerCase()) === f.value.toLowerCase();
           }) : f.condition === "NotEqual" ? a = a.filter((S) => {
-            var A;
-            return ((A = I(S, f.field)) == null ? void 0 : A.toString().toLowerCase()) !== f.value.toLowerCase();
+            var D;
+            return ((D = I(S, f.field)) == null ? void 0 : D.toString().toLowerCase()) !== f.value.toLowerCase();
           }) : f.condition == "StartsWith" ? a = a.filter((S) => {
-            var A;
-            return ((A = I(S, f.field)) == null ? void 0 : A.toString().toLowerCase().indexOf(f.value.toLowerCase())) === 0;
+            var D;
+            return ((D = I(S, f.field)) == null ? void 0 : D.toString().toLowerCase().indexOf(f.value.toLowerCase())) === 0;
           }) : f.condition == "EndsWith" && (a = a.filter((S) => {
-            var A;
-            return ((A = I(S, f.field)) == null ? void 0 : A.toString().toLowerCase().substr(f.value.length * -1)) === f.value.toLowerCase();
-          }))) : f.type === "number" ? (f.value && !f.condition && (f.condition = "Equal"), f.condition === "Equal" ? a = a.filter((S) => I(S, f.field) && parseFloat(I(S, f.field)) === parseFloat(f.value)) : f.condition === "NotEqual" ? a = a.filter((S) => I(S, f.field) && parseFloat(I(S, f.field)) !== parseFloat(f.value)) : f.condition === "GreaterThan" ? a = a.filter((S) => I(S, f.field) && parseFloat(I(S, f.field)) > parseFloat(f.value)) : f.condition === "GreaterThanOrEqual" ? a = a.filter((S) => I(S, f.field) && parseFloat(I(S, f.field)) >= parseFloat(f.value)) : f.condition === "LessThan" ? a = a.filter((S) => I(S, f.field) && parseFloat(I(S, f.field)) < parseFloat(f.value)) : f.condition === "LessThanOrEqual" && (a = a.filter((S) => I(S, f.field) && parseFloat(I(S, f.field)) <= parseFloat(f.value)))) : f.type === "date" ? (f.value && !f.condition && (f.condition = "Equal"), f.condition === "Equal" ? a = a.filter((S) => I(S, f.field) && Se(I(S, f.field)) === f.value) : f.condition === "NotEqual" ? a = a.filter((S) => I(S, f.field) && Se(I(S, f.field)) !== f.value) : f.condition === "GreaterThan" ? a = a.filter((S) => I(S, f.field) && Se(I(S, f.field)) > f.value) : f.condition === "LessThan" && (a = a.filter((S) => I(S, f.field) && Se(I(S, f.field)) < f.value))) : f.type === "bool" && (a = a.filter((S) => I(S, f.field) === f.value)), f.condition === "IsNull" ? (a = a.filter((S) => I(S, f.field) == null || I(S, f.field) == ""), f.value = "") : f.condition === "IsNotNull" && (f.value = "", a = a.filter((S) => I(S, f.field))));
+            var D;
+            return ((D = I(S, f.field)) == null ? void 0 : D.toString().toLowerCase().substr(f.value.length * -1)) === f.value.toLowerCase();
+          }))) : f.type === "number" ? (f.value && !f.condition && (f.condition = "Equal"), f.condition === "Equal" ? a = a.filter((S) => I(S, f.field) && parseFloat(I(S, f.field)) === parseFloat(f.value)) : f.condition === "NotEqual" ? a = a.filter((S) => I(S, f.field) && parseFloat(I(S, f.field)) !== parseFloat(f.value)) : f.condition === "GreaterThan" ? a = a.filter((S) => I(S, f.field) && parseFloat(I(S, f.field)) > parseFloat(f.value)) : f.condition === "GreaterThanOrEqual" ? a = a.filter((S) => I(S, f.field) && parseFloat(I(S, f.field)) >= parseFloat(f.value)) : f.condition === "LessThan" ? a = a.filter((S) => I(S, f.field) && parseFloat(I(S, f.field)) < parseFloat(f.value)) : f.condition === "LessThanOrEqual" && (a = a.filter((S) => I(S, f.field) && parseFloat(I(S, f.field)) <= parseFloat(f.value)))) : f.type === "date" ? (f.value && !f.condition && (f.condition = "Equal"), f.condition === "Equal" ? a = a.filter((S) => I(S, f.field) && Ce(I(S, f.field)) === f.value) : f.condition === "NotEqual" ? a = a.filter((S) => I(S, f.field) && Ce(I(S, f.field)) !== f.value) : f.condition === "GreaterThan" ? a = a.filter((S) => I(S, f.field) && Ce(I(S, f.field)) > f.value) : f.condition === "LessThan" && (a = a.filter((S) => I(S, f.field) && Ce(I(S, f.field)) < f.value))) : f.type === "bool" && (a = a.filter((S) => I(S, f.field) === f.value)), f.condition === "IsNull" ? (a = a.filter((S) => I(S, f.field) == null || I(S, f.field) == ""), f.value = "") : f.condition === "IsNotNull" && (f.value = "", a = a.filter((S) => I(S, f.field))));
         }), _.value && (a != null && a.length)) {
           let f = [];
-          const S = (t.columns || []).filter((A) => A.search && !A.hide).map((A) => A.field);
+          const S = (t.columns || []).filter((D) => D.search && !D.hide).map((D) => D.field);
           for (var h = 0; h < (a == null ? void 0 : a.length); h++)
             for (var v = 0; v < S.length; v++)
-              if ((H = I(a[h], S[v])) != null && H.toString().toLowerCase().includes(_.value.toLowerCase())) {
+              if ((q = I(a[h], S[v])) != null && q.toString().toLowerCase().includes(_.value.toLowerCase())) {
                 f.push(a[h]);
                 break;
               }
@@ -2688,15 +2721,15 @@ const pl = /* @__PURE__ */ Re(ul, [["render", hl]]), ml = { key: "hdrrow" }, vl
         const _n = p.value === "desc" ? -1 : 1;
         a.sort((f, S) => {
           var Pt, Et;
-          const A = (Pt = c.value) == null ? void 0 : Pt.split(".").reduce((le, He) => le == null ? void 0 : le[He], f), $n = (Et = c.value) == null ? void 0 : Et.split(".").reduce((le, He) => le == null ? void 0 : le[He], S);
-          return F.compare(A, $n) * _n;
+          const D = (Pt = c.value) == null ? void 0 : Pt.split(".").reduce((ue, He) => ue == null ? void 0 : ue[He], f), $n = (Et = c.value) == null ? void 0 : Et.split(".").reduce((ue, He) => ue == null ? void 0 : ue[He], S);
+          return F.compare(D, $n) * _n;
         });
       }
       return a;
     }, he = $([]), ie = () => {
       let a = [], h = dt();
       t.isServerMode ? (P.value = t.totalRows || 0, a = h) : (P.value = (h == null ? void 0 : h.length) || 0, a = h.slice(G.value - 1, Ae.value)), t.hasSubtable && a.forEach(function(v) {
-        v.isExpanded != null && (he.value.find((W) => W.id == v.id) || he.value.push({
+        v.isExpanded != null && (he.value.find((U) => U.id == v.id) || he.value.push({
           id: v.id,
           isExpanded: v.isExpanded
         }));
@@ -2722,7 +2755,7 @@ const pl = /* @__PURE__ */ Re(ul, [["render", hl]]), ml = { key: "hdrrow" }, vl
       s.value++;
     };
     V(() => s.value, () => {
-      J(!1), t.isServerMode ? ce("page") : (ie(), g("pageChange", s.value));
+      J(!1), t.isServerMode ? de("page") : (ie(), b("pageChange", s.value));
     }), V(() => t.rows, () => {
       t.isServerMode || (s.value = 1), J(!1), ie();
     });
@@ -2730,19 +2763,19 @@ const pl = /* @__PURE__ */ Re(ul, [["render", hl]]), ml = { key: "hdrrow" }, vl
       r.value = a;
     };
     V(() => r.value, () => {
-      J(!1), t.isServerMode ? s.value === 1 ? ce("pagesize", !0) : s.value = 1 : (s.value = 1, ie(), g("pageSizeChange", r.value));
+      J(!1), t.isServerMode ? s.value === 1 ? de("pagesize", !0) : s.value = 1 : (s.value = 1, ie(), b("pageSizeChange", r.value));
     });
     const vt = (a) => {
       let h = "asc";
       a == c.value && p.value === "asc" && (h = "desc");
       let v = (s.value - 1) * r.value, F = r.value;
-      c.value = a, p.value = h, J(!1), ie(), t.isServerMode ? ce("sort") : g("sortChange", { offset: v, limit: F, field: a, direction: h });
+      c.value = a, p.value = h, J(!1), ie(), t.isServerMode ? de("sort") : b("sortChange", { offset: v, limit: F, field: a, direction: h });
     }, gt = (a) => {
-      T.value = a.length && l.value.length && a.length === l.value.length;
+      M.value = a.length && l.value.length && a.length === l.value.length;
       const h = l.value.filter(
         (v, F) => E.value.includes(z.value ? v[z.value] : F)
       );
-      g("rowSelect", h);
+      b("rowSelect", h);
     };
     V(() => E.value, gt);
     const J = (a) => {
@@ -2750,9 +2783,9 @@ const pl = /* @__PURE__ */ Re(ul, [["render", hl]]), ml = { key: "hdrrow" }, vl
         (h, v) => z.value ? h[z.value] : v
       ) : E.value = [];
     }, bt = () => {
-      J(!1), t.isServerMode ? s.value === 1 ? ce("filter", !0) : s.value = 1 : (s.value = 1, ie(), g("filterChange", t.columns));
+      J(!1), t.isServerMode ? s.value === 1 ? de("filter", !0) : s.value = 1 : (s.value = 1, ie(), b("filterChange", t.columns));
     }, Cn = () => {
-      J(!1), t.isServerMode ? s.value === 1 ? ce("search", !0) : s.value = 1 : (s.value = 1, ie(), g("searchChange", _.value));
+      J(!1), t.isServerMode ? s.value === 1 ? de("search", !0) : s.value = 1 : (s.value = 1, ie(), b("searchChange", _.value));
     };
     V(
       () => t.search,
@@ -2760,7 +2793,7 @@ const pl = /* @__PURE__ */ Re(ul, [["render", hl]]), ml = { key: "hdrrow" }, vl
         _.value = t.search, Cn();
       }
     );
-    const I = (a, h) => h == null ? void 0 : h.split(".").reduce((v, F) => v == null ? void 0 : v[F], a), Se = (a) => {
+    const I = (a, h) => h == null ? void 0 : h.split(".").reduce((v, F) => v == null ? void 0 : v[F], a), Ce = (a) => {
       try {
         if (!a)
           return "";
@@ -2770,10 +2803,10 @@ const pl = /* @__PURE__ */ Re(ul, [["render", hl]]), ml = { key: "hdrrow" }, vl
       }
       return "";
     }, yt = (a, h) => {
-      L.value++, L.value === 1 ? q.value = setTimeout(() => {
-        L.value = 0, t.selectRowOnClick && (Ce(h) ? wt(h) : xt(h), gt(E.value)), g("rowClick", a);
-      }, j.value) : L.value === 2 && (clearTimeout(q.value), L.value = 0, g("rowDBClick", a));
-    }, ce = (a, h = !1) => {
+      L.value++, L.value === 1 ? H.value = setTimeout(() => {
+        L.value = 0, t.selectRowOnClick && (ke(h) ? wt(h) : xt(h), gt(E.value)), b("rowClick", a);
+      }, j.value) : L.value === 2 && (clearTimeout(H.value), L.value = 0, b("rowDBClick", a));
+    }, de = (a, h = !1) => {
       if (t.isServerMode) {
         kn();
         const v = {
@@ -2786,7 +2819,7 @@ const pl = /* @__PURE__ */ Re(ul, [["render", hl]]), ml = { key: "hdrrow" }, vl
           column_filters: t.columns,
           change_type: a
         };
-        g("change", v);
+        b("change", v);
       }
     }, kn = () => {
       for (let a = 0; a < t.columns.length; a++) {
@@ -2797,57 +2830,57 @@ const pl = /* @__PURE__ */ Re(ul, [["render", hl]]), ml = { key: "hdrrow" }, vl
       J(!1);
       for (let a = 0; a < t.columns.length; a++)
         t.columns[a].value = "";
-      _.value = "", r.value = u, c.value = d, p.value = C, t.isServerMode ? s.value === 1 ? ce("reset", !0) : s.value = 1 : (s.value = 1, ie());
+      _.value = "", r.value = u, c.value = d, p.value = C, t.isServerMode ? s.value === 1 ? de("reset", !0) : s.value = 1 : (s.value = 1, ie());
     }, Pn = () => l.value.filter(
       (h, v) => E.value.includes(z.value ? h[z.value] : v)
     ), En = () => t.columns, Ln = () => {
       E.value = [];
     }, xt = (a) => {
-      if (!Ce(a)) {
+      if (!ke(a)) {
         const h = l.value.find((v, F) => F === a);
         E.value.push(
           z.value ? h[z.value] : a
         );
       }
     }, wt = (a) => {
-      if (Ce(a)) {
+      if (ke(a)) {
         const h = l.value.find((v, F) => F === a);
         E.value = E.value.filter(
           (v) => v !== (z.value ? h[z.value] : a)
         );
       }
-    }, Ce = (a) => {
+    }, ke = (a) => {
       const h = l.value.find((v, F) => F === a);
       return h ? E.value.includes(
         z.value ? h[z.value] : a
       ) : !1;
     };
-    let de = 0;
-    t.hasCheckbox && de++, t.hasSubtable && de++;
+    let ae = 0;
+    t.hasCheckbox && ae++, t.hasSubtable && ae++, t.hasRightPanel && ae++;
     const Tn = $(0), Mn = setInterval(function() {
       Tn.value++;
     }, 2200), De = $(t.topmenusize), St = $(null), In = Tt(St).height, Be = $(Number(t.leftmenusize)), qe = $(t.leftmenumax), Ct = $(null), Fn = Tt(Ct).width;
     return V(Be, (a) => {
-      Fn.value == t.leftmenumaxpx ? qe.value = a : qe.value = t.leftmenumax, g("currentLeftMenuSize", a);
+      Fn.value == t.leftmenumaxpx ? qe.value = a : qe.value = t.leftmenumax, b("currentLeftMenuSize", a);
     }, { immediate: !0 }), V(() => De.value, (a) => {
-      g("currentTopMenuSize", a);
-    }), Te(() => {
+      b("currentTopMenuSize", a);
+    }), Me(() => {
       clearInterval(Mn);
-    }), (a, h) => (m(), b("div", Il, [
-      U(D(Ue), {
+    }), (a, h) => (m(), g("div", $l, [
+      W(A(Ue), {
         class: "default-theme",
         style: K({ height: t.height })
       }, {
         default: ee(() => [
-          U(D(me), null, {
+          W(A(me), null, {
             default: ee(() => [
-              U(D(Ue), {
+              W(A(Ue), {
                 vertical: "vertical",
                 class: "default-theme",
-                onResize: h[3] || (h[3] = (v) => Be.value = v[0].size)
+                onResize: h[4] || (h[4] = (v) => Be.value = v[0].size)
               }, {
                 default: ee(() => [
-                  a.enableleftmenu ? (m(), Y(D(me), {
+                  a.enableleftmenu ? (m(), Y(A(me), {
                     key: 0,
                     ref_key: "leftmenuel",
                     ref: Ct,
@@ -2857,20 +2890,20 @@ const pl = /* @__PURE__ */ Re(ul, [["render", hl]]), ml = { key: "hdrrow" }, vl
                   }, {
                     default: ee(() => [
                       X(a.$slots, "tableleftmenu", {}, () => [
-                        Fl
+                        Ol
                       ])
                     ]),
                     _: 3
-                  }, 8, ["size", "max-size", "style"])) : M("", !0),
-                  U(D(me), null, {
+                  }, 8, ["size", "max-size", "style"])) : T("", !0),
+                  W(A(me), null, {
                     default: ee(() => [
-                      U(D(Ue), {
+                      W(A(Ue), {
                         class: "default-theme",
                         horizontal: "horizontal",
-                        onResize: h[2] || (h[2] = (v) => De.value = v[0].size)
+                        onResize: h[3] || (h[3] = (v) => De.value = v[0].size)
                       }, {
                         default: ee(() => [
-                          a.enabletopmenu ? (m(), Y(D(me), {
+                          a.enabletopmenu ? (m(), Y(A(me), {
                             key: 0,
                             ref_key: "topmenuel",
                             ref: St,
@@ -2880,24 +2913,24 @@ const pl = /* @__PURE__ */ Re(ul, [["render", hl]]), ml = { key: "hdrrow" }, vl
                           }, {
                             default: ee(() => [
                               X(a.$slots, "tabletopmenu", {}, () => [
-                                _l
+                                Nl
                               ])
                             ]),
                             _: 3
-                          }, 8, ["size", "max-size", "style"])) : M("", !0),
-                          U(D(me), {
+                          }, 8, ["size", "max-size", "style"])) : T("", !0),
+                          W(A(me), {
                             style: K({ "padding-right": a.tableRightOffset + "px" })
                           }, {
                             default: ee(() => [
                               X(a.$slots, "tableactionheader", {}, () => [
-                                $l
+                                Rl
                               ]),
                               y("div", {
                                 class: k(t.scrollbarstyle)
                               }, [
-                                U(D(Bo), {
+                                W(A(Bo), {
                                   style: K({
-                                    height: t.stickyHeader && Number(t.height.replace("px", "")) - (a.footerOffset + D(In)) + "px"
+                                    height: t.stickyHeader && Number(t.height.replace("px", "")) - (a.footerOffset + A(In)) + "px"
                                   }),
                                   autoHide: t.scrollbarautohide,
                                   fixedThumb: t.scrollbarfixedthumb,
@@ -2918,13 +2951,13 @@ const pl = /* @__PURE__ */ Re(ul, [["render", hl]]), ml = { key: "hdrrow" }, vl
                                             "bh-sticky bh-top-0 bh-z-10": t.stickyHeader
                                           })
                                         }, [
-                                          U(Kt, {
+                                          W(Kt, {
                                             all: t,
                                             expandedrows: he.value,
                                             currentSortColumn: c.value,
                                             currentSortDirection: p.value,
                                             isOpenFilter: N.value,
-                                            checkAll: T.value,
+                                            checkAll: M.value,
                                             columnFilterLang: t.columnFilterLang,
                                             onSelectAll: J,
                                             onSortChange: vt,
@@ -2933,144 +2966,155 @@ const pl = /* @__PURE__ */ Re(ul, [["render", hl]]), ml = { key: "hdrrow" }, vl
                                           }, null, 8, ["expandedrows", "currentSortColumn", "currentSortDirection", "isOpenFilter", "checkAll", "columnFilterLang"])
                                         ], 2),
                                         y("tbody", null, [
-                                          (m(!0), b(B, null, te(l.value, (v, F) => {
-                                            var W;
-                                            return m(), b(B, {
+                                          (m(!0), g(B, null, te(l.value, (v, F) => {
+                                            var U;
+                                            return m(), g(B, {
                                               key: v[z.value] ? v[z.value] : F
                                             }, [
-                                              P.value ? (m(), b("tr", {
+                                              P.value ? (m(), g("tr", {
                                                 key: 0,
                                                 class: k([
                                                   typeof t.rowClass == "function" ? a.rowClass(v) : t.rowClass,
                                                   t.selectRowOnClick ? "bh-cursor-pointer" : ""
                                                 ]),
-                                                onClick: re((H) => yt(v, F), ["prevent"])
+                                                onClick: se((q) => yt(v, F), ["prevent"])
                                               }, [
-                                                t.hasCheckbox ? (m(), b("td", {
+                                                t.hasCheckbox ? (m(), g("td", {
                                                   key: 0,
                                                   class: k({
                                                     "bh-sticky bh-left-0 bh-bg-blue-light": t.stickyFirstColumn
                                                   })
                                                 }, [
-                                                  y("div", Nl, [
+                                                  y("div", Dl, [
                                                     ne(y("input", {
-                                                      "onUpdate:modelValue": h[0] || (h[0] = (H) => E.value = H),
+                                                      "onUpdate:modelValue": h[0] || (h[0] = (q) => E.value = q),
                                                       type: "checkbox",
                                                       value: v[z.value] ? v[z.value] : F,
-                                                      onClick: h[1] || (h[1] = re(() => {
+                                                      onClick: h[1] || (h[1] = se(() => {
                                                       }, ["stop"]))
-                                                    }, null, 8, Rl), [
+                                                    }, null, 8, Bl), [
                                                       [Un, E.value]
                                                     ]),
                                                     y("div", null, [
-                                                      U(wn, { class: "check" })
+                                                      W(wn, { class: "check" })
                                                     ])
                                                   ])
-                                                ], 2)) : M("", !0),
-                                                t.hasSubtable ? (m(), b("td", {
+                                                ], 2)) : T("", !0),
+                                                t.hasRightPanel ? (m(), g("td", {
                                                   key: 1,
                                                   class: k({
                                                     "bh-sticky bh-left-0 bh-bg-blue-light": t.stickyFirstColumn
                                                   })
                                                 }, [
-                                                  U(xn, {
+                                                  W(Yi, {
+                                                    item: v,
+                                                    onRightPanelClick: h[2] || (h[2] = (q) => b("rowRightPanelClick", q))
+                                                  }, null, 8, ["item"])
+                                                ], 2)) : T("", !0),
+                                                t.hasSubtable ? (m(), g("td", {
+                                                  key: 2,
+                                                  class: k({
+                                                    "bh-sticky bh-left-0 bh-bg-blue-light": t.stickyFirstColumn
+                                                  })
+                                                }, [
+                                                  W(xn, {
                                                     item: v,
                                                     expandedrows: he.value
                                                   }, null, 8, ["item", "expandedrows"])
-                                                ], 2)) : M("", !0),
-                                                (m(!0), b(B, null, te(t.columns, (H, Z) => (m(), b(B, null, [
-                                                  H.hide ? M("", !0) : (m(), b("td", {
-                                                    key: H.field,
+                                                ], 2)) : T("", !0),
+                                                (m(!0), g(B, null, te(t.columns, (q, Z) => (m(), g(B, null, [
+                                                  q.hide ? T("", !0) : (m(), g("td", {
+                                                    key: q.field,
                                                     class: k([
                                                       typeof t.cellClass == "function" ? a.cellClass(v) : t.cellClass,
                                                       Z === 0 && t.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
                                                       t.hasCheckbox && Z === 0 && t.stickyFirstColumn ? "bh-left-[52px]" : "",
-                                                      H.cellClass ? H.cellClass : ""
+                                                      q.cellClass ? q.cellClass : ""
                                                     ])
                                                   }, [
-                                                    D(i)[H.field] ? X(a.$slots, H.field, {
+                                                    A(i)[q.field] ? X(a.$slots, q.field, {
                                                       key: 0,
                                                       value: v
-                                                    }) : H.cellRenderer ? (m(), b("div", {
+                                                    }) : q.cellRenderer ? (m(), g("div", {
                                                       key: 1,
-                                                      innerHTML: H.cellRenderer(v)
-                                                    }, null, 8, Al)) : (m(), b(B, { key: 2 }, [
-                                                      Xe(O(I(v, H.field)), 1)
+                                                      innerHTML: q.cellRenderer(v)
+                                                    }, null, 8, ql)) : (m(), g(B, { key: 2 }, [
+                                                      Xe(O(I(v, q.field)), 1)
                                                     ], 64))
                                                   ], 2))
                                                 ], 64))), 256))
-                                              ], 10, Ol)) : M("", !0),
-                                              (W = he.value.find((H) => H.id == v.id)) != null && W.isExpanded && t.hasSubtable ? (m(), b("tr", {
+                                              ], 10, Al)) : T("", !0),
+                                              (U = he.value.find((q) => q.id == v.id)) != null && U.isExpanded && t.hasSubtable ? (m(), g("tr", {
                                                 key: 1,
                                                 class: k([
                                                   typeof t.rowClass == "function" ? a.rowClass(v) : t.rowClass,
                                                   t.selectRowOnClick ? "bh-cursor-pointer" : ""
                                                 ]),
-                                                onClick: re((H) => yt(v, F), ["prevent"])
+                                                onClick: se((q) => yt(v, F), ["prevent"])
                                               }, [
                                                 y("td", {
-                                                  colspan: t.columns.length + D(de)
+                                                  colspan: t.columns.length + A(ae)
                                                 }, [
                                                   X(a.$slots, "tsub", { value: l.value })
-                                                ], 8, Bl)
-                                              ], 10, Dl)) : M("", !0)
+                                                ], 8, jl)
+                                              ], 10, Hl)) : T("", !0)
                                             ], 64);
                                           }), 128)),
-                                          !P.value && w.value && a.skeletonloader ? (m(!0), b(B, { key: 0 }, te(t.pageSize, (v) => (m(), b("tr", {
+                                          !P.value && w.value && a.skeletonloader ? (m(!0), g(B, { key: 0 }, te(t.pageSize, (v) => (m(), g("tr", {
                                             key: v,
                                             class: "!bh-bg-white bh-h-11 !bh-border-transparent"
                                           }, [
                                             y("td", {
-                                              colspan: t.columns.length + D(de),
+                                              colspan: t.columns.length + A(ae),
                                               class: "!bh-p-0 !bh-border-transparent"
-                                            }, jl, 8, ql)
-                                          ]))), 128)) : M("", !0),
-                                          P.value ? (m(!0), b(B, { key: 1 }, te(t.footerRows, (v, F) => (m(), b("tr", {
+                                            }, Vl, 8, Wl)
+                                          ]))), 128)) : T("", !0),
+                                          P.value ? (m(!0), g(B, { key: 1 }, te(t.footerRows, (v, F) => (m(), g("tr", {
                                             key: v[z.value] ? v[z.value] : F,
                                             class: "sticky-table-footer"
                                           }, [
-                                            D(de) > 0 ? (m(), b("td", {
+                                            A(ae) > 0 ? (m(), g("td", {
                                               key: 0,
-                                              colspan: D(de)
-                                            }, null, 8, Wl)) : M("", !0),
-                                            (m(!0), b(B, null, te(t.columns, (W, H) => (m(), b(B, null, [
-                                              W.hide ? M("", !0) : (m(), b("td", {
-                                                key: W.field,
+                                              colspan: A(ae)
+                                            }, null, 8, Gl)) : T("", !0),
+                                            (m(!0), g(B, null, te(t.columns, (U, q) => (m(), g(B, null, [
+                                              U.hide ? T("", !0) : (m(), g("td", {
+                                                key: U.field,
                                                 class: k([
                                                   typeof t.cellClass == "function" ? a.cellClass(v) : t.cellClass,
-                                                  H === 0 && t.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
-                                                  t.hasCheckbox && H === 0 && t.stickyFirstColumn ? "bh-left-[52px]" : "",
-                                                  W.cellClass ? W.cellClass : ""
+                                                  q === 0 && t.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
+                                                  t.hasCheckbox && q === 0 && t.stickyFirstColumn ? "bh-left-[52px]" : "",
+                                                  U.cellClass ? U.cellClass : ""
                                                 ])
                                               }, [
-                                                v.cells.find((Z) => Z.field == W.field) ? (m(), b(B, { key: 0 }, [
-                                                  Xe(O(v.cells.find((Z) => Z.field == W.field).text), 1)
-                                                ], 64)) : M("", !0)
+                                                v.cells.find((Z) => Z.field == U.field) ? (m(), g(B, { key: 0 }, [
+                                                  Xe(O(v.cells.find((Z) => Z.field == U.field).text), 1)
+                                                ], 64)) : T("", !0)
                                               ], 2))
                                             ], 64))), 256))
-                                          ]))), 128)) : M("", !0)
+                                          ]))), 128)) : T("", !0)
                                         ]),
-                                        t.cloneHeaderInFooter ? (m(), b("tfoot", {
+                                        t.cloneHeaderInFooter ? (m(), g("tfoot", {
                                           key: 0,
                                           class: k({
                                             "bh-sticky bh-bottom-0": t.stickyHeader
                                           })
                                         }, [
-                                          U(Kt, {
+                                          W(Kt, {
                                             all: t,
                                             currentSortColumn: c.value,
                                             currentSortDirection: p.value,
                                             isOpenFilter: N.value,
                                             isFooter: !0,
-                                            checkAll: T.value,
+                                            checkAll: M.value,
                                             onSelectAll: J,
                                             onSortChange: vt,
                                             onFilterChange: bt,
                                             onToggleFilterMenu: ft
                                           }, null, 8, ["currentSortColumn", "currentSortDirection", "isOpenFilter", "checkAll"])
-                                        ], 2)) : M("", !0)
+                                        ], 2)) : T("", !0)
                                       ], 2),
-                                      w.value && a.enableloadinganimation ? (m(), b("div", {
+                                      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({
@@ -3078,9 +3122,9 @@ const pl = /* @__PURE__ */ Re(ul, [["render", hl]]), ml = { key: "hdrrow" }, vl
                                         })
                                       }, [
                                         X(a.$slots, "loadercontent")
-                                      ], 4)) : M("", !0)
+                                      ], 4)) : T("", !0)
                                     ], 6),
-                                    !P.value && !w.value ? (m(), b("div", {
+                                    !P.value && !w.value ? (m(), g("div", {
                                       key: 0,
                                       class: "nodatacontent",
                                       style: K({
@@ -3090,7 +3134,7 @@ const pl = /* @__PURE__ */ Re(ul, [["render", hl]]), ml = { key: "hdrrow" }, vl
                                       X(a.$slots, "nodatacontent", {}, () => [
                                         y("span", null, O(t.noDataContent), 1)
                                       ])
-                                    ], 4)) : M("", !0)
+                                    ], 4)) : T("", !0)
                                   ]),
                                   _: 3
                                 }, 8, ["style", "autoHide", "fixedThumb", "autoExpand", "direction"])
@@ -3113,14 +3157,14 @@ const pl = /* @__PURE__ */ Re(ul, [["render", hl]]), ml = { key: "hdrrow" }, vl
         ]),
         _: 3
       }, 8, ["style"]),
-      t.pagination && P.value ? (m(), b("div", {
+      t.pagination && P.value ? (m(), g("div", {
         key: 0,
         class: k(["bh-pagination", {
           "bh-pointer-events-none": w.value,
           "sticky-footer": t.stickyFooter
         }])
       }, [
-        y("div", Ul, [
+        y("div", Ql, [
           a.enablefooterpagination ? X(a.$slots, "footerpageinfo", {
             key: 0,
             paginationInfo: a.paginationInfo,
@@ -3133,27 +3177,27 @@ const pl = /* @__PURE__ */ Re(ul, [["render", hl]]), ml = { key: "hdrrow" }, vl
             stringFormat: x,
             setPageSize: Sn
           }, () => [
-            y("div", Vl, [
-              y("span", Gl, O(x(
+            y("div", Kl, [
+              y("span", Xl, O(x(
                 t.paginationInfo,
                 P.value ? G.value : 0,
                 Ae.value,
                 P.value
               )), 1),
-              t.showPageSize ? ne((m(), b("select", {
+              t.showPageSize ? ne((m(), g("select", {
                 key: 0,
-                "onUpdate:modelValue": h[4] || (h[4] = (v) => r.value = v),
+                "onUpdate:modelValue": h[5] || (h[5] = (v) => r.value = v),
                 class: "bh-pagesize"
               }, [
-                (m(!0), b(B, null, te(t.pageSizeOptions, (v) => (m(), b("option", {
+                (m(!0), g(B, null, te(t.pageSizeOptions, (v) => (m(), g("option", {
                   value: v,
                   key: v
-                }, O(v), 9, Ql))), 128))
+                }, O(v), 9, Yl))), 128))
               ], 512)), [
                 [Yt, r.value]
-              ]) : M("", !0)
+              ]) : T("", !0)
             ])
-          ]) : M("", !0),
+          ]) : T("", !0),
           a.enablefooterpagination ? X(a.$slots, "footerpagination", {
             key: 1,
             currentPage: s.value,
@@ -3163,29 +3207,29 @@ const pl = /* @__PURE__ */ Re(ul, [["render", hl]]), ml = { key: "hdrrow" }, vl
             nextPage: mt,
             previousPage: ht
           }, () => [
-            y("div", Kl, [
-              t.showFirstPage ? (m(), b("button", {
+            y("div", Jl, [
+              t.showFirstPage ? (m(), g("button", {
                 key: 0,
                 type: "button",
                 class: k(["bh-page-item first-page", { disabled: s.value <= 1 }]),
-                onClick: h[5] || (h[5] = (v) => s.value = 1)
+                onClick: h[6] || (h[6] = (v) => s.value = 1)
               }, [
-                t.firstArrow ? (m(), b("span", {
+                t.firstArrow ? (m(), g("span", {
                   key: 0,
                   innerHTML: t.firstArrow
-                }, null, 8, Xl)) : (m(), b("svg", Yl, Zl))
-              ], 2)) : M("", !0),
+                }, null, 8, Zl)) : (m(), g("svg", es, ns))
+              ], 2)) : T("", !0),
               y("button", {
                 type: "button",
                 class: k(["bh-page-item previous-page", { disabled: s.value <= 1 }]),
                 onClick: ht
               }, [
-                t.previousArrow ? (m(), b("span", {
+                t.previousArrow ? (m(), g("span", {
                   key: 0,
                   innerHTML: t.previousArrow
-                }, null, 8, es)) : (m(), b("svg", ts, os))
+                }, null, 8, os)) : (m(), g("svg", is, ss))
               ], 2),
-              t.showNumbers ? (m(!0), b(B, { key: 1 }, te(ct.value, (v) => (m(), b("button", {
+              t.showNumbers ? (m(!0), g(B, { key: 1 }, te(ct.value, (v) => (m(), g("button", {
                 key: v,
                 type: "button",
                 class: k(["bh-page-item", {
@@ -3193,35 +3237,35 @@ const pl = /* @__PURE__ */ Re(ul, [["render", hl]]), ml = { key: "hdrrow" }, vl
                   "bh-active": v === s.value
                 }]),
                 onClick: (F) => pt(v)
-              }, O(v), 11, is))), 128)) : M("", !0),
+              }, O(v), 11, rs))), 128)) : T("", !0),
               y("button", {
                 type: "button",
                 class: k(["bh-page-item next-page", { disabled: s.value >= R.value }]),
                 onClick: mt
               }, [
-                t.nextArrow ? (m(), b("span", {
+                t.nextArrow ? (m(), g("span", {
                   key: 0,
                   innerHTML: t.nextArrow
-                }, null, 8, ls)) : (m(), b("svg", ss, as))
+                }, null, 8, as)) : (m(), g("svg", us, ds))
               ], 2),
-              t.showLastPage ? (m(), b("button", {
+              t.showLastPage ? (m(), g("button", {
                 key: 2,
                 type: "button",
                 class: k(["bh-page-item last-page", { disabled: s.value >= R.value }]),
-                onClick: h[6] || (h[6] = (v) => s.value = R.value)
+                onClick: h[7] || (h[7] = (v) => s.value = R.value)
               }, [
-                t.lastArrow ? (m(), b("span", {
+                t.lastArrow ? (m(), g("span", {
                   key: 0,
                   innerHTML: t.lastArrow
-                }, null, 8, us)) : (m(), b("svg", cs, fs))
-              ], 2)) : M("", !0)
+                }, null, 8, fs)) : (m(), g("svg", hs, ms))
+              ], 2)) : T("", !0)
             ])
-          ]) : M("", !0)
+          ]) : T("", !0)
         ])
-      ], 2)) : M("", !0)
+      ], 2)) : T("", !0)
     ]));
   }
 });
 export {
-  bs as default
+  ws as default
 };