@dolusoft/vue3-datatable 1.7.30 → 1.7.32

package/dist/vue3-datatable.js

@@ -1,6 +1,6 @@
-import { onMounted as Le, nextTick as _e, getCurrentScope as Vn, onScopeDispose as Un, unref as K, getCurrentInstance as zt, computed as X, ref as B, watch as ne, defineComponent as we, useCssVars as Gn, shallowRef as me, onUnmounted as Ze, openBlock as m, createElementBlock as w, Fragment as G, withDirectives as ve, createElementVNode as L, normalizeClass as T, normalizeStyle as Z, withModifiers as ye, setBlockTracking as Bt, vShow as vt, createCommentVNode as R, mergeProps as Qn, renderSlot as ae, renderList as pe, createVNode as ie, reactive as Kn, watchEffect as Xn, useSlots as un, onBeforeUnmount as Lt, provide as Ce, createBlock as ue, resolveDynamicComponent as Yn, inject as Me, h as mt, toRef as Jn, toDisplayString as q, createTextVNode as gt, vModelText as ct, vModelSelect as cn, withCtx as Pe, vModelCheckbox as Zn } from "vue";
+import { onMounted as Le, nextTick as Te, getCurrentScope as Un, onScopeDispose as Vn, unref as K, getCurrentInstance as zt, computed as X, ref as D, watch as ne, defineComponent as we, useCssVars as Gn, shallowRef as me, onUnmounted as Ze, openBlock as m, createElementBlock as w, Fragment as G, withDirectives as ve, createElementVNode as L, normalizeClass as _, normalizeStyle as Z, withModifiers as ye, setBlockTracking as Bt, vShow as vt, createCommentVNode as R, mergeProps as Qn, renderSlot as ae, renderList as pe, createVNode as ie, reactive as Kn, watchEffect as Xn, useSlots as un, onBeforeUnmount as Lt, provide as Ce, createBlock as ue, resolveDynamicComponent as Yn, inject as Me, h as mt, toRef as Jn, toDisplayString as q, createTextVNode as gt, vModelText as ct, vModelSelect as cn, withCtx as Pe, vModelCheckbox as Zn } from "vue";
 function el(e) {
-  return Vn() ? (Un(e), !0) : !1;
+  return Un() ? (Vn(e), !0) : !1;
 }
 function tl(e) {
   return typeof e == "function" ? e() : K(e);
@@ -11,16 +11,16 @@ function ll(e) {
   return zt();
 }
 function ol(e, l = !0, n) {
-  ll() ? Le(e, n) : l ? e() : _e(e);
+  ll() ? Le(e, n) : l ? e() : Te(e);
 }
-function Te(e) {
+function _e(e) {
   var l;
   const n = tl(e);
   return (l = n == null ? void 0 : n.$el) != null ? l : n;
 }
 const dn = nl ? window : void 0;
 function il() {
-  const e = B(!1), l = zt();
+  const e = D(!1), l = zt();
   return l && Le(() => {
     e.value = !0;
   }, l), e;
@@ -34,7 +34,7 @@ function al(e, l, n = {}) {
   let i;
   const a = rl(() => o && "ResizeObserver" in o), r = () => {
     i && (i.disconnect(), i = void 0);
-  }, u = X(() => Array.isArray(e) ? e.map((p) => Te(p)) : [Te(e)]), f = ne(
+  }, u = X(() => Array.isArray(e) ? e.map((p) => _e(p)) : [_e(e)]), f = ne(
     u,
     (p) => {
       if (r(), a.value && o) {
@@ -55,31 +55,31 @@ function al(e, l, n = {}) {
 function sl(e, l = { width: 0, height: 0 }, n = {}) {
   const { window: o = dn, box: t = "content-box" } = n, i = X(() => {
     var p, E;
-    return (E = (p = Te(e)) == null ? void 0 : p.namespaceURI) == null ? void 0 : E.includes("svg");
-  }), a = B(l.width), r = B(l.height), { stop: u } = al(
+    return (E = (p = _e(e)) == null ? void 0 : p.namespaceURI) == null ? void 0 : E.includes("svg");
+  }), a = D(l.width), r = D(l.height), { stop: u } = al(
     e,
     ([p]) => {
       const E = t === "border-box" ? p.borderBoxSize : t === "content-box" ? p.contentBoxSize : p.devicePixelContentBoxSize;
       if (o && i.value) {
-        const _ = Te(e);
-        if (_) {
-          const I = _.getBoundingClientRect();
+        const T = _e(e);
+        if (T) {
+          const I = T.getBoundingClientRect();
           a.value = I.width, r.value = I.height;
         }
       } else if (E) {
-        const _ = Array.isArray(E) ? E : [E];
-        a.value = _.reduce((I, { inlineSize: $ }) => I + $, 0), r.value = _.reduce((I, { blockSize: $ }) => I + $, 0);
+        const T = Array.isArray(E) ? E : [E];
+        a.value = T.reduce((I, { inlineSize: $ }) => I + $, 0), r.value = T.reduce((I, { blockSize: $ }) => I + $, 0);
       } else
         a.value = p.contentRect.width, r.value = p.contentRect.height;
     },
     n
   );
   ol(() => {
-    const p = Te(e);
+    const p = _e(e);
     p && (a.value = "offsetWidth" in p ? p.offsetWidth : l.width, r.value = "offsetHeight" in p ? p.offsetHeight : l.height);
   });
   const f = ne(
-    () => Te(e),
+    () => _e(e),
     (p) => {
       a.value = p ? l.width : 0, r.value = p ? l.height : 0;
     }
@@ -133,7 +133,7 @@ function tt(e) {
   var l = typeof e;
   return e != null && (l == "object" || l == "function");
 }
-var Ht = NaN, El = /^[-+]0x[0-9a-f]+$/i, Ml = /^0b[01]+$/i, Pl = /^0o[0-7]+$/i, Tl = parseInt;
+var Ht = NaN, El = /^[-+]0x[0-9a-f]+$/i, Ml = /^0b[01]+$/i, Pl = /^0o[0-7]+$/i, _l = parseInt;
 function $e(e) {
   if (typeof e == "number")
     return e;
@@ -147,13 +147,13 @@ function $e(e) {
     return e === 0 ? e : +e;
   e = Ll(e);
   var n = Ml.test(e);
-  return n || Pl.test(e) ? Tl(e.slice(2), n ? 2 : 8) : El.test(e) ? Ht : +e;
+  return n || Pl.test(e) ? _l(e.slice(2), n ? 2 : 8) : El.test(e) ? Ht : +e;
 }
-function _l(e, l, n) {
+function Tl(e, l, n) {
   return e === e && (n !== void 0 && (e = e <= n ? e : n), l !== void 0 && (e = e >= l ? e : l)), e;
 }
 function Qe(e, l, n) {
-  return n === void 0 && (n = l, l = void 0), n !== void 0 && (n = $e(n), n = n === n ? n : 0), l !== void 0 && (l = $e(l), l = l === l ? l : 0), _l($e(e), l, n);
+  return n === void 0 && (n = l, l = void 0), n !== void 0 && (n = $e(n), n = n === n ? n : 0), l !== void 0 && (l = $e(l), l = l === l ? l : 0), Tl($e(e), l, n);
 }
 var dt = function() {
   return fn.Date.now();
@@ -163,29 +163,29 @@ function pn(e, l, n) {
   if (typeof e != "function")
     throw new TypeError(Il);
   l = $e(l) || 0, tt(n) && (d = !!n.leading, p = "maxWait" in n, i = p ? Fl($e(n.maxWait) || 0, l) : i, E = "trailing" in n ? !!n.trailing : E);
-  function _(S) {
-    var k = o, W = t;
-    return o = t = void 0, f = S, a = e.apply(W, k), a;
+  function T(k) {
+    var C = o, B = t;
+    return o = t = void 0, f = k, a = e.apply(B, C), a;
   }
-  function I(S) {
-    return f = S, r = setTimeout(A, l), d ? _(S) : a;
+  function I(k) {
+    return f = k, r = setTimeout(A, l), d ? T(k) : a;
   }
-  function $(S) {
-    var k = S - u, W = S - f, V = l - k;
-    return p ? Ol(V, i - W) : V;
+  function $(k) {
+    var C = k - u, B = k - f, U = l - C;
+    return p ? Ol(U, i - B) : U;
   }
-  function y(S) {
-    var k = S - u, W = S - f;
-    return u === void 0 || k >= l || k < 0 || p && W >= i;
+  function y(k) {
+    var C = k - u, B = k - f;
+    return u === void 0 || C >= l || C < 0 || p && B >= i;
   }
   function A() {
-    var S = dt();
-    if (y(S))
-      return H(S);
-    r = setTimeout(A, $(S));
+    var k = dt();
+    if (y(k))
+      return H(k);
+    r = setTimeout(A, $(k));
   }
-  function H(S) {
-    return r = void 0, E && o ? _(S) : (o = t = void 0, a);
+  function H(k) {
+    return r = void 0, E && o ? T(k) : (o = t = void 0, a);
   }
   function j() {
     r !== void 0 && clearTimeout(r), f = 0, o = u = t = r = void 0;
@@ -194,12 +194,12 @@ function pn(e, l, n) {
     return r === void 0 ? a : H(dt());
   }
   function Y() {
-    var S = dt(), k = y(S);
-    if (o = arguments, t = this, u = S, k) {
+    var k = dt(), C = y(k);
+    if (o = arguments, t = this, u = k, C) {
       if (r === void 0)
         return I(u);
       if (p)
-        return clearTimeout(r), r = setTimeout(A, l), _(u);
+        return clearTimeout(r), r = setTimeout(A, l), T(u);
     }
     return r === void 0 && (r = setTimeout(A, l)), a;
   }
@@ -229,12 +229,12 @@ const Dl = ["onPointerdown"], Hl = {
 };
 function ql(e, { expose: l }) {
   const n = e;
-  Gn((k) => ({
+  Gn((C) => ({
     "1fb98f78": K(o)
   }));
   const o = X(() => {
-    var k;
-    return `${(k = n.thumbWidth) != null ? k : 12}px`;
+    var C;
+    return `${(C = n.thumbWidth) != null ? C : 12}px`;
   });
   let t = null, i = me(null);
   const a = { pageX: 0, pageY: 0, scrollPos: 0 };
@@ -247,14 +247,14 @@ function ql(e, { expose: l }) {
     t !== null && clearTimeout(t);
   };
   Ze(f);
-  const d = vn((k) => {
-    k.stopPropagation(), k.preventDefault();
-    const W = n.type === "horizontal" ? "pageX" : "pageY", V = (k[W] - a[W]) / n.scrollInfo.wrapperMainSize * n.scrollInfo.contentMainSize;
-    n.wrapperEl.scrollTo({ [n.type === "horizontal" ? "left" : "top"]: a.scrollPos + V, behavior: "auto" });
+  const d = vn((C) => {
+    C.stopPropagation(), C.preventDefault();
+    const B = n.type === "horizontal" ? "pageX" : "pageY", U = (C[B] - a[B]) / n.scrollInfo.wrapperMainSize * n.scrollInfo.contentMainSize;
+    n.wrapperEl.scrollTo({ [n.type === "horizontal" ? "left" : "top"]: a.scrollPos + U, behavior: "auto" });
   }, 16), p = () => {
     u(), i.value.removeEventListener("pointermove", d), i.value.removeEventListener("pointerup", p), i.value.removeEventListener("pointercancel", p), i.value.removeEventListener("mousewheel", p), document.removeEventListener("mousewheel", p), typeof r == "number" && i.value.releasePointerCapture(r), r = null;
-  }, E = (k) => {
-    k.ctrlKey || k.button !== 0 || (f(), a.pageX = k.pageX, a.pageY = k.pageY, a.scrollPos = n.wrapperEl[n.type === "horizontal" ? "scrollLeft" : "scrollTop"], r = k == null ? void 0 : k.pointerId, i.value.setPointerCapture(r), i.value.addEventListener("pointermove", d), i.value.addEventListener("pointerup", p), i.value.addEventListener("pointercancel", p), i.value.addEventListener("mousewheel", p, { passive: !1 }), document.addEventListener("mousewheel", p, { passive: !1 }), i.value.classList.add("scrollbar__thumbPlaceholder--scrolling"));
+  }, E = (C) => {
+    C.ctrlKey || C.button !== 0 || (f(), a.pageX = C.pageX, a.pageY = C.pageY, a.scrollPos = n.wrapperEl[n.type === "horizontal" ? "scrollLeft" : "scrollTop"], r = C == null ? void 0 : C.pointerId, i.value.setPointerCapture(r), i.value.addEventListener("pointermove", d), i.value.addEventListener("pointerup", p), i.value.addEventListener("pointercancel", p), i.value.addEventListener("mousewheel", p, { passive: !1 }), document.addEventListener("mousewheel", p, { passive: !1 }), i.value.classList.add("scrollbar__thumbPlaceholder--scrolling"));
   };
   l({
     autoHideAfterScroll: () => {
@@ -262,16 +262,16 @@ function ql(e, { expose: l }) {
     }
   });
   let I = me(!1), $ = me(!1), y = me(null), A = null, H = null, j = X(() => n.fixedThumb && !$.value);
-  const O = ([k]) => $.value = k.isIntersecting, Y = ([k]) => I.value = k.isIntersecting, S = () => {
+  const O = ([C]) => $.value = C.isIntersecting, Y = ([C]) => I.value = C.isIntersecting, k = () => {
     A && (A.disconnect(), A = null), H && (H.disconnect(), H = null);
   };
   return ne(() => [n.fixedThumb, n.wrapperEl], () => {
     if (!n.fixedThumb || !n.wrapperEl)
-      return S();
-    S(), H = new IntersectionObserver(Y, { threshold: [0, 0.5] }), H.observe(n.wrapperEl), A = new IntersectionObserver(O), A.observe(y.value);
-  }), Ze(S), (k, W) => (m(), w(G, null, [
+      return k();
+    k(), H = new IntersectionObserver(Y, { threshold: [0, 0.5] }), H.observe(n.wrapperEl), A = new IntersectionObserver(O), A.observe(y.value);
+  }), Ze(k), (C, B) => (m(), w(G, null, [
     ve(L("div", {
-      class: T([
+      class: _([
         "scrollbar__thumbPlaceholder",
         `scrollbar__thumbPlaceholder--${e.type}`,
         {
@@ -285,23 +285,23 @@ function ql(e, { expose: l }) {
         position: j.value ? "fixed" : "absolute",
         [e.type === "vertical" ? "top" : "left"]: j.value ? `${e.scrollInfo.boundaryDistance + 3}px` : "3px"
       }),
-      ref: (V, ee) => {
-        ee.thumbEl = V, i.value = V;
+      ref: (U, ee) => {
+        ee.thumbEl = U, i.value = U;
       },
       onPointerdown: ye(E, ["stop"])
     }, [
-      W[0] || (Bt(-1), W[0] = L("div", {
-        class: T(["scrollbar__thumb", `scrollbar__thumb--${e.type}`])
-      }, null, 2), Bt(1), W[0])
+      B[0] || (Bt(-1), B[0] = L("div", {
+        class: _(["scrollbar__thumb", `scrollbar__thumb--${e.type}`])
+      }, null, 2), Bt(1), B[0])
     ], 46, Dl), [
       [vt, !!e.scrollInfo.thumbSize && (e.fixedThumb ? I.value : !0)]
     ]),
     n.fixedThumb ? ve((m(), w("div", {
       key: 0,
-      ref: (V, ee) => {
-        ee.shepherdEl = V, y.value = V;
+      ref: (U, ee) => {
+        ee.shepherdEl = U, y.value = U;
       },
-      class: T(["scrollbar__shepherd", `scrollbar__shepherd--${e.type}`])
+      class: _(["scrollbar__shepherd", `scrollbar__shepherd--${e.type}`])
     }, null, 2)), [
       [vt, !!e.scrollInfo.thumbSize]
     ]) : R("", !0)
@@ -319,15 +319,15 @@ const jl = /* @__PURE__ */ we(mn(nt({}, Hl), {
     wrapperEl: null
   },
   setup: ql
-})), Vl = {
+})), Ul = {
   wait: 333,
   type: "debounce"
 };
-function Vt(...e) {
+function Ut(...e) {
   const l = "value" in (e == null ? void 0 : e[0]);
   let n;
   l ? n = e == null ? void 0 : e[1] : n = e == null ? void 0 : e[0];
-  const { wait: o, type: t, callback: i } = nt(nt({}, Vl), n), a = l ? e[0] : me(null), r = Kn({ left: 0, top: 0, right: 0, bottom: 0, width: 0, height: 0, x: 0, y: 0 }), u = () => {
+  const { wait: o, type: t, callback: i } = nt(nt({}, Ul), n), a = l ? e[0] : me(null), r = Kn({ left: 0, top: 0, right: 0, bottom: 0, width: 0, height: 0, x: 0, y: 0 }), u = () => {
     const E = a.value.getBoundingClientRect();
     r.left = E.left, r.top = E.top, r.right = E.right, r.bottom = E.bottom, r.width = E.width, r.height = E.height, r.x = E.x, r.y = E.y, i == null || i();
   };
@@ -339,7 +339,7 @@ function Vt(...e) {
     a.value && (p(), f = u, t === "throttle" && o >= 4 ? f = vn(f, o) : t === "debounce" && o >= 4 && (f = pn(f, o)), window.addEventListener("resize", f), d = new ResizeObserver(f), d.observe(a.value));
   }), Ze(p), l ? r : [a, r];
 }
-const Ul = {
+const Vl = {
   name: "CustomScrollbar",
   inheritAttrs: !1
 };
@@ -354,18 +354,18 @@ function Gl(e, { expose: l, emit: n }) {
   Le(() => {
     var O;
     const Y = Array.from((O = a.value.parentElement) == null ? void 0 : O.childNodes);
-    for (const S in t)
-      t[S].el = Y.find((k) => {
-        var W;
-        return (W = k == null ? void 0 : k.classList) == null ? void 0 : W.contains(`scrollbar__thumbPlaceholder--${S}`);
+    for (const k in t)
+      t[k].el = Y.find((C) => {
+        var B;
+        return (B = C == null ? void 0 : C.classList) == null ? void 0 : B.contains(`scrollbar__thumbPlaceholder--${k}`);
       });
   });
-  const u = Vt(a, { wait: o.throttleWait, type: o.throttleType, callback: E }), f = Vt(r, { wait: o.throttleWait, type: o.throttleType, callback: E });
+  const u = Ut(a, { wait: o.throttleWait, type: o.throttleType, callback: E }), f = Ut(r, { wait: o.throttleWait, type: o.throttleType, callback: E });
   let d = me(0), p = me(0);
   function E() {
     d.value = Math.max(a.value.scrollHeight - u.height | 0, 0), p.value = Math.max(a.value.scrollWidth - u.width | 0, 0);
   }
-  let _ = X(() => ({
+  let T = X(() => ({
     thumbSize: p.value ? Qe(u.width / a.value.scrollWidth * u.width, o.thumbMinSize > u.width ? 48 : o.thumbMinSize, o.thumbMaxSize) : 0,
     contentMainSize: f.width,
     wrapperMainSize: u.width,
@@ -375,27 +375,27 @@ function Gl(e, { expose: l, emit: n }) {
     contentMainSize: f.height,
     wrapperMainSize: u.height,
     boundaryDistance: Math.abs(u.top)
-  })), $ = X(() => u.height - I.value.thumbSize - 5), y = X(() => u.width - _.value.thumbSize - 5);
+  })), $ = X(() => u.height - I.value.thumbSize - 5), y = X(() => u.width - T.value.thumbSize - 5);
   const A = () => {
     p.value && (t.horizontal.el.style.transform = `translate3d(${a.value.scrollLeft / p.value * y.value}px, 0, 0)`, t.horizontal.instance.autoHideAfterScroll()), d.value && (t.vertical.el.style.transform = `translate3d(0, ${a.value.scrollTop / d.value * $.value}px, 0)`, t.vertical.instance.autoHideAfterScroll());
   };
   ne(() => [p.value, d.value], A);
   const H = (O) => {
     O.stopPropagation();
-    const Y = a.value.scrollLeft, S = a.value.scrollTop, k = Qe(Y + ((O == null ? void 0 : O.deltaX) || 0), 0, p.value) | 0, W = Qe(S + ((O == null ? void 0 : O.deltaY) || 0), 0, d.value) | 0;
-    a.value.scrollLeft = k, a.value.scrollTop = W, p.value && (t.horizontal.el.style.transform = `translate3d(${k / p.value * y.value}px, 0, 0)`, t.horizontal.instance.autoHideAfterScroll()), d.value && (t.vertical.el.style.transform = `translate3d(0, ${W / d.value * $.value}px, 0)`, t.vertical.instance.autoHideAfterScroll()), n("scroll", { target: a.value, scrollLeft: k, scrollTop: W });
+    const Y = a.value.scrollLeft, k = a.value.scrollTop, C = Qe(Y + ((O == null ? void 0 : O.deltaX) || 0), 0, p.value) | 0, B = Qe(k + ((O == null ? void 0 : O.deltaY) || 0), 0, d.value) | 0;
+    a.value.scrollLeft = C, a.value.scrollTop = B, p.value && (t.horizontal.el.style.transform = `translate3d(${C / p.value * y.value}px, 0, 0)`, t.horizontal.instance.autoHideAfterScroll()), d.value && (t.vertical.el.style.transform = `translate3d(0, ${B / d.value * $.value}px, 0)`, t.vertical.instance.autoHideAfterScroll()), n("scroll", { target: a.value, scrollLeft: C, scrollTop: B });
   }, j = (O) => {
     o.simulateScroll ? H(O) : A();
   };
   return ne(u, () => n("wrapperResize", u)), ne(f, () => n("contentResize", f)), l({
     scrollEl: a
   }), (O, Y) => (m(), w("div", {
-    class: T(["scrollbar__wrapper", e.wrapperClass]),
+    class: _(["scrollbar__wrapper", e.wrapperClass]),
     style: Z(e.wrapperStyle)
   }, [
     L("div", Qn({
-      ref: (S, k) => {
-        k.wrapperEl = S, a.value = S;
+      ref: (k, C) => {
+        C.wrapperEl = k, a.value = k;
       },
       class: "scrollbar__scroller"
     }, O.$attrs, {
@@ -403,30 +403,30 @@ function Gl(e, { expose: l, emit: n }) {
       onScroll: j
     }), [
       L("div", {
-        ref: (S, k) => {
-          k.contentEl = S, r.value = S;
+        ref: (k, C) => {
+          C.contentEl = k, r.value = k;
         },
-        class: T(["scrollbar__content", e.contentClass, { "scrollbar__content--fixedThumb": e.fixedThumb, [`scrollbar__content--${e.direction}`]: e.direction }]),
+        class: _(["scrollbar__content", e.contentClass, { "scrollbar__content--fixedThumb": e.fixedThumb, [`scrollbar__content--${e.direction}`]: e.direction }]),
         style: Z(e.contentStyle)
       }, [
         ae(O.$slots, "default")
       ], 6)
     ], 16),
-    (m(), w(G, null, pe(t, (S, k) => ie(jl, {
-      ref: (W) => i(W, k),
-      key: k,
+    (m(), w(G, null, pe(t, (k, C) => ie(jl, {
+      ref: (B) => i(B, C),
+      key: C,
       autoExpand: e.autoExpand,
       autoHide: e.autoHide,
       autoHideDelay: e.autoHideDelay,
-      fixedThumb: k === e.direction ? !1 : e.fixedThumb,
-      type: k,
-      scrollInfo: k === "vertical" ? I.value : _.value,
+      fixedThumb: C === e.direction ? !1 : e.fixedThumb,
+      type: C,
+      scrollInfo: C === "vertical" ? I.value : T.value,
       thumbWidth: e.thumbWidth,
       wrapperEl: a.value
     }, null, 8, ["autoExpand", "autoHide", "autoHideDelay", "fixedThumb", "type", "scrollInfo", "thumbWidth", "wrapperEl"])), 64))
   ], 6));
 }
-const Ql = /* @__PURE__ */ we(mn(nt({}, Ul), {
+const Ql = /* @__PURE__ */ we(mn(nt({}, Vl), {
   props: {
     wrapperClass: null,
     wrapperStyle: null,
@@ -446,7 +446,7 @@ const Ql = /* @__PURE__ */ we(mn(nt({}, Ul), {
   },
   emits: ["wrapperResize", "contentResize", "scroll"],
   setup: Gl
-})), Ut = {
+})), Vt = {
   __name: "splitpanes",
   props: {
     horizontal: { type: Boolean, default: !1 },
@@ -469,33 +469,33 @@ const Ql = /* @__PURE__ */ we(mn(nt({}, Ul), {
     "splitter-dblclick"
   ],
   setup(e, { emit: l }) {
-    const n = l, o = e, t = un(), i = B([]), a = X(() => i.value.reduce((c, g) => (c[~~g.id] = g) && c, {})), r = X(() => i.value.length), u = B(null), f = B(!1), d = B({
+    const n = l, o = e, t = un(), i = D([]), a = X(() => i.value.reduce((c, g) => (c[~~g.id] = g) && c, {})), r = X(() => i.value.length), u = D(null), f = D(!1), d = D({
       mouseDown: !1,
       dragging: !1,
       activeSplitter: null,
       cursorOffset: 0
       // Cursor offset within the splitter.
-    }), p = B({
+    }), p = D({
       // Used to detect double click on touch devices.
       splitter: null,
       timeoutId: null
     }), E = X(() => ({
       [`splitpanes splitpanes--${o.horizontal ? "horizontal" : "vertical"}`]: !0,
       "splitpanes--dragging": d.value.dragging
-    })), _ = () => {
+    })), T = () => {
       document.addEventListener("mousemove", y, { passive: !1 }), document.addEventListener("mouseup", A), "ontouchstart" in window && (document.addEventListener("touchmove", y, { passive: !1 }), document.addEventListener("touchend", A));
     }, I = () => {
       document.removeEventListener("mousemove", y, { passive: !1 }), document.removeEventListener("mouseup", A), "ontouchstart" in window && (document.removeEventListener("touchmove", y, { passive: !1 }), document.removeEventListener("touchend", A));
     }, $ = (c, g) => {
       const z = c.target.closest(".splitpanes__splitter");
       if (z) {
-        const { left: b, top: x } = z.getBoundingClientRect(), { clientX: M, clientY: N } = "ontouchstart" in window && c.touches ? c.touches[0] : c;
-        d.value.cursorOffset = o.horizontal ? N - x : M - b;
+        const { left: b, top: S } = z.getBoundingClientRect(), { clientX: M, clientY: N } = "ontouchstart" in window && c.touches ? c.touches[0] : c;
+        d.value.cursorOffset = o.horizontal ? N - S : M - b;
       }
-      _(), d.value.mouseDown = !0, d.value.activeSplitter = g;
+      T(), d.value.mouseDown = !0, d.value.activeSplitter = g;
     }, y = (c) => {
       d.value.mouseDown && (c.preventDefault(), d.value.dragging = !0, requestAnimationFrame(() => {
-        k(Y(c)), re("resize", { event: c }, !0);
+        C(Y(c)), re("resize", { event: c }, !0);
       }));
     }, A = (c) => {
       d.value.dragging && re("resized", { event: c }, !0), d.value.mouseDown = !1, d.value.activeSplitter = null, setTimeout(() => {
@@ -506,7 +506,7 @@ const Ql = /* @__PURE__ */ we(mn(nt({}, Ul), {
     }, j = (c, g) => {
       if (re("splitter-dblclick", { event: c, index: g }, !0), o.maximizePanes) {
         let z = 0;
-        i.value = i.value.map((b, x) => (b.size = x === g ? b.max : b.min, x !== g && (z += b.min), b)), i.value[g].size -= z, re("pane-maximize", { event: c, index: g, pane: i.value[g] }), re("resized", { event: c, index: g }, !0);
+        i.value = i.value.map((b, S) => (b.size = S === g ? b.max : b.min, S !== g && (z += b.min), b)), i.value[g].size -= z, re("pane-maximize", { event: c, index: g, pane: i.value[g] }), re("resized", { event: c, index: g }, !0);
       }
     }, O = (c, g) => {
       re("pane-click", {
@@ -520,52 +520,52 @@ const Ql = /* @__PURE__ */ we(mn(nt({}, Ul), {
         x: z - (o.horizontal ? 0 : d.value.cursorOffset) - g.left,
         y: b - (o.horizontal ? d.value.cursorOffset : 0) - g.top
       };
-    }, S = (c) => {
+    }, k = (c) => {
       c = c[o.horizontal ? "y" : "x"];
       const g = u.value[o.horizontal ? "clientHeight" : "clientWidth"];
       return o.rtl && !o.horizontal && (c = g - c), c * 100 / g;
-    }, k = (c) => {
+    }, C = (c) => {
       const g = d.value.activeSplitter;
       let z = {
-        prevPanesSize: V(g),
+        prevPanesSize: U(g),
         nextPanesSize: ee(g),
         prevReachedMinPanes: 0,
         nextReachedMinPanes: 0
       };
-      const b = 0 + (o.pushOtherPanes ? 0 : z.prevPanesSize), x = 100 - (o.pushOtherPanes ? 0 : z.nextPanesSize), M = Math.max(Math.min(S(c), x), b);
+      const b = 0 + (o.pushOtherPanes ? 0 : z.prevPanesSize), S = 100 - (o.pushOtherPanes ? 0 : z.nextPanesSize), M = Math.max(Math.min(k(c), S), b);
       let N = [g, g + 1], le = i.value[N[0]] || null, F = i.value[N[1]] || null;
-      const xe = le.max < 100 && M >= le.max + z.prevPanesSize, Ve = F.max < 100 && M <= 100 - (F.max + ee(g + 1));
-      if (xe || Ve) {
+      const xe = le.max < 100 && M >= le.max + z.prevPanesSize, Ue = F.max < 100 && M <= 100 - (F.max + ee(g + 1));
+      if (xe || Ue) {
         xe ? (le.size = le.max, F.size = Math.max(100 - le.max - z.prevPanesSize - z.nextPanesSize, 0)) : (le.size = Math.max(100 - F.max - z.prevPanesSize - ee(g + 1), 0), F.size = F.max);
         return;
       }
       if (o.pushOtherPanes) {
-        const fe = W(z, M);
+        const fe = B(z, M);
         if (!fe) return;
         ({ sums: z, panesToResize: N } = fe), le = i.value[N[0]] || null, F = i.value[N[1]] || null;
       }
       le !== null && (le.size = Math.min(Math.max(M - z.prevPanesSize - z.prevReachedMinPanes, le.min), le.max)), F !== null && (F.size = Math.min(Math.max(100 - M - z.nextPanesSize - z.nextReachedMinPanes, F.min), F.max));
-    }, W = (c, g) => {
+    }, B = (c, g) => {
       const z = d.value.activeSplitter, b = [z, z + 1];
-      return g < c.prevPanesSize + i.value[b[0]].min && (b[0] = at(z).index, c.prevReachedMinPanes = 0, b[0] < z && i.value.forEach((x, M) => {
-        M > b[0] && M <= z && (x.size = x.min, c.prevReachedMinPanes += x.min);
-      }), c.prevPanesSize = V(b[0]), b[0] === void 0) ? (c.prevReachedMinPanes = 0, i.value[0].size = i.value[0].min, i.value.forEach((x, M) => {
-        M > 0 && M <= z && (x.size = x.min, c.prevReachedMinPanes += x.min);
-      }), i.value[b[1]].size = 100 - c.prevReachedMinPanes - i.value[0].min - c.prevPanesSize - c.nextPanesSize, null) : g > 100 - c.nextPanesSize - i.value[b[1]].min && (b[1] = oe(z).index, c.nextReachedMinPanes = 0, b[1] > z + 1 && i.value.forEach((x, M) => {
-        M > z && M < b[1] && (x.size = x.min, c.nextReachedMinPanes += x.min);
-      }), c.nextPanesSize = ee(b[1] - 1), b[1] === void 0) ? (c.nextReachedMinPanes = 0, i.value.forEach((x, M) => {
-        M < r.value - 1 && M >= z + 1 && (x.size = x.min, c.nextReachedMinPanes += x.min);
+      return g < c.prevPanesSize + i.value[b[0]].min && (b[0] = at(z).index, c.prevReachedMinPanes = 0, b[0] < z && i.value.forEach((S, M) => {
+        M > b[0] && M <= z && (S.size = S.min, c.prevReachedMinPanes += S.min);
+      }), c.prevPanesSize = U(b[0]), b[0] === void 0) ? (c.prevReachedMinPanes = 0, i.value[0].size = i.value[0].min, i.value.forEach((S, M) => {
+        M > 0 && M <= z && (S.size = S.min, c.prevReachedMinPanes += S.min);
+      }), i.value[b[1]].size = 100 - c.prevReachedMinPanes - i.value[0].min - c.prevPanesSize - c.nextPanesSize, null) : g > 100 - c.nextPanesSize - i.value[b[1]].min && (b[1] = oe(z).index, c.nextReachedMinPanes = 0, b[1] > z + 1 && i.value.forEach((S, M) => {
+        M > z && M < b[1] && (S.size = S.min, c.nextReachedMinPanes += S.min);
+      }), c.nextPanesSize = ee(b[1] - 1), b[1] === void 0) ? (c.nextReachedMinPanes = 0, i.value.forEach((S, M) => {
+        M < r.value - 1 && M >= z + 1 && (S.size = S.min, c.nextReachedMinPanes += S.min);
       }), i.value[b[0]].size = 100 - c.prevPanesSize - ee(b[0] - 1), null) : { sums: c, panesToResize: b };
-    }, V = (c) => i.value.reduce((g, z, b) => g + (b < c ? z.size : 0), 0), ee = (c) => i.value.reduce((g, z, b) => g + (b > c + 1 ? z.size : 0), 0), at = (c) => [...i.value].reverse().find((g) => g.index < c && g.size > g.min) || {}, oe = (c) => i.value.find((g) => g.index > c + 1 && g.size > g.min) || {}, Be = () => {
+    }, U = (c) => i.value.reduce((g, z, b) => g + (b < c ? z.size : 0), 0), ee = (c) => i.value.reduce((g, z, b) => g + (b > c + 1 ? z.size : 0), 0), at = (c) => [...i.value].reverse().find((g) => g.index < c && g.size > g.min) || {}, oe = (c) => i.value.find((g) => g.index > c + 1 && g.size > g.min) || {}, Be = () => {
       var c;
       const g = Array.from(((c = u.value) == null ? void 0 : c.children) || []);
       for (const z of g) {
-        const b = z.classList.contains("splitpanes__pane"), x = z.classList.contains("splitpanes__splitter");
-        !b && !x && (z.remove(), console.warn("Splitpanes: Only <pane> elements are allowed at the root of <splitpanes>. One of your DOM nodes was removed."));
+        const b = z.classList.contains("splitpanes__pane"), S = z.classList.contains("splitpanes__splitter");
+        !b && !S && (z.remove(), console.warn("Splitpanes: Only <pane> elements are allowed at the root of <splitpanes>. One of your DOM nodes was removed."));
       }
     }, J = (c, g, z = !1) => {
-      const b = c - 1, x = document.createElement("div");
-      x.classList.add("splitpanes__splitter"), z || (x.onmousedown = (M) => $(M, b), typeof window < "u" && "ontouchstart" in window && (x.ontouchstart = (M) => $(M, b)), x.onclick = (M) => H(M, b + 1)), x.ondblclick = (M) => j(M, b + 1), g.parentNode.insertBefore(x, g);
+      const b = c - 1, S = document.createElement("div");
+      S.classList.add("splitpanes__splitter"), z || (S.onmousedown = (M) => $(M, b), typeof window < "u" && "ontouchstart" in window && (S.ontouchstart = (M) => $(M, b)), S.onclick = (M) => H(M, b + 1)), S.ondblclick = (M) => j(M, b + 1), g.parentNode.insertBefore(S, g);
     }, se = (c) => {
       c.onmousedown = void 0, c.onclick = void 0, c.ondblclick = void 0, c.remove();
     }, ge = () => {
@@ -578,18 +578,18 @@ const Ql = /* @__PURE__ */ we(mn(nt({}, Ul), {
         b.className.includes("splitpanes__pane") && (!z && o.firstSplitter ? J(z, b, !0) : z && J(z, b), z++);
     }, Ie = ({ uid: c, ...g }) => {
       const z = a.value[c];
-      for (const [b, x] of Object.entries(g)) z[b] = x;
+      for (const [b, S] of Object.entries(g)) z[b] = S;
     }, De = (c) => {
       var g;
       let z = -1;
-      Array.from(((g = u.value) == null ? void 0 : g.children) || []).some((b) => (b.className.includes("splitpanes__pane") && z++, b.isSameNode(c.el))), i.value.splice(z, 0, { ...c, index: z }), i.value.forEach((b, x) => b.index = x), f.value && _e(() => {
+      Array.from(((g = u.value) == null ? void 0 : g.children) || []).some((b) => (b.className.includes("splitpanes__pane") && z++, b.isSameNode(c.el))), i.value.splice(z, 0, { ...c, index: z }), i.value.forEach((b, S) => b.index = S), f.value && Te(() => {
         ge(), de({ addedPane: i.value[z] }), re("pane-add", { pane: i.value[z] });
       });
     }, He = (c) => {
       const g = i.value.findIndex((b) => b.id === c);
       i.value[g].el = null;
       const z = i.value.splice(g, 1)[0];
-      i.value.forEach((b, x) => b.index = x), _e(() => {
+      i.value.forEach((b, S) => b.index = S), Te(() => {
         ge(), re("pane-remove", { pane: z }), de({ removedPane: { ...z } });
       });
     }, de = (c = {}) => {
@@ -598,8 +598,8 @@ const Ql = /* @__PURE__ */ we(mn(nt({}, Ul), {
       const c = 100 / r.value;
       let g = 0;
       const z = [], b = [];
-      for (const x of i.value)
-        x.size = Math.max(Math.min(c, x.max), x.min), g -= x.size, x.size >= x.max && z.push(x.id), x.size <= x.min && b.push(x.id);
+      for (const S of i.value)
+        S.size = Math.max(Math.min(c, S.max), S.min), g -= S.size, S.size >= S.max && z.push(S.id), S.size <= S.min && b.push(S.id);
       g > 0.1 && Ee(g, z, b);
     }, qe = () => {
       let c = 100;
@@ -607,34 +607,34 @@ const Ql = /* @__PURE__ */ we(mn(nt({}, Ul), {
       let b = 0;
       for (const M of i.value)
         c -= M.size, M.givenSize !== null && b++, M.size >= M.max && g.push(M.id), M.size <= M.min && z.push(M.id);
-      let x = 100;
+      let S = 100;
       if (c > 0.1) {
         for (const M of i.value)
-          M.givenSize === null && (M.size = Math.max(Math.min(c / (r.value - b), M.max), M.min)), x -= M.size;
-        x > 0.1 && Ee(x, g, z);
+          M.givenSize === null && (M.size = Math.max(Math.min(c / (r.value - b), M.max), M.min)), S -= M.size;
+        S > 0.1 && Ee(S, g, z);
       }
     }, je = ({ addedPane: c, removedPane: g } = {}) => {
       let z = 100 / r.value, b = 0;
-      const x = [], M = [];
+      const S = [], M = [];
       ((c == null ? void 0 : c.givenSize) ?? null) !== null && (z = (100 - c.givenSize) / (r.value - 1));
       for (const N of i.value)
-        b -= N.size, N.size >= N.max && x.push(N.id), N.size <= N.min && M.push(N.id);
+        b -= N.size, N.size >= N.max && S.push(N.id), N.size <= N.min && M.push(N.id);
       if (!(Math.abs(b) < 0.1)) {
         for (const N of i.value)
-          (c == null ? void 0 : c.givenSize) !== null && (c == null ? void 0 : c.id) === N.id || (N.size = Math.max(Math.min(z, N.max), N.min)), b -= N.size, N.size >= N.max && x.push(N.id), N.size <= N.min && M.push(N.id);
-        b > 0.1 && Ee(b, x, M);
+          (c == null ? void 0 : c.givenSize) !== null && (c == null ? void 0 : c.id) === N.id || (N.size = Math.max(Math.min(z, N.max), N.min)), b -= N.size, N.size >= N.max && S.push(N.id), N.size <= N.min && M.push(N.id);
+        b > 0.1 && Ee(b, S, M);
       }
     }, Ee = (c, g, z) => {
       let b;
-      c > 0 ? b = c / (r.value - g.length) : b = c / (r.value - z.length), i.value.forEach((x, M) => {
-        if (c > 0 && !g.includes(x.id)) {
-          const N = Math.max(Math.min(x.size + b, x.max), x.min), le = N - x.size;
-          c -= le, x.size = N;
-        } else if (!z.includes(x.id)) {
-          const N = Math.max(Math.min(x.size + b, x.max), x.min), le = N - x.size;
-          c -= le, x.size = N;
+      c > 0 ? b = c / (r.value - g.length) : b = c / (r.value - z.length), i.value.forEach((S, M) => {
+        if (c > 0 && !g.includes(S.id)) {
+          const N = Math.max(Math.min(S.size + b, S.max), S.min), le = N - S.size;
+          c -= le, S.size = N;
+        } else if (!z.includes(S.id)) {
+          const N = Math.max(Math.min(S.size + b, S.max), S.min), le = N - S.size;
+          c -= le, S.size = N;
         }
-      }), Math.abs(c) > 0.1 && _e(() => {
+      }), Math.abs(c) > 0.1 && Te(() => {
         f.value && console.warn("Splitpanes: Could not resize panes correctly due to their constraints.");
       });
     }, re = (c, g = void 0, z = !1) => {
@@ -646,7 +646,7 @@ const Ql = /* @__PURE__ */ we(mn(nt({}, Ul), {
           prevPane: i.value[b - (o.firstSplitter ? 1 : 0)],
           nextPane: i.value[b + (o.firstSplitter ? 0 : 1)]
         },
-        panes: i.value.map((x) => ({ min: x.min, max: x.max, size: x.size }))
+        panes: i.value.map((S) => ({ min: S.min, max: S.max, size: S.size }))
       });
     };
     ne(() => o.firstSplitter, () => ge()), Le(() => {
@@ -671,10 +671,10 @@ const Ql = /* @__PURE__ */ we(mn(nt({}, Ul), {
   },
   setup(e) {
     var l;
-    const n = e, o = Me("requestUpdate"), t = Me("onPaneAdd"), i = Me("horizontal"), a = Me("onPaneRemove"), r = Me("onPaneClick"), u = (l = zt()) == null ? void 0 : l.uid, f = Me("indexedPanes"), d = X(() => f.value[u]), p = B(null), E = X(() => {
+    const n = e, o = Me("requestUpdate"), t = Me("onPaneAdd"), i = Me("horizontal"), a = Me("onPaneRemove"), r = Me("onPaneClick"), u = (l = zt()) == null ? void 0 : l.uid, f = Me("indexedPanes"), d = X(() => f.value[u]), p = D(null), E = X(() => {
       const y = isNaN(n.size) || n.size === void 0 ? 0 : parseFloat(n.size);
-      return Math.max(Math.min(y, I.value), _.value);
-    }), _ = X(() => {
+      return Math.max(Math.min(y, I.value), T.value);
+    }), T = X(() => {
       const y = parseFloat(n.minSize);
       return isNaN(y) ? 0 : y;
     }), I = X(() => {
@@ -684,11 +684,11 @@ const Ql = /* @__PURE__ */ we(mn(nt({}, Ul), {
       var y;
       return `${i.value ? "height" : "width"}: ${(y = d.value) == null ? void 0 : y.size}%`;
     });
-    return ne(() => E.value, (y) => o({ uid: u, size: y })), ne(() => _.value, (y) => o({ uid: u, min: y })), ne(() => I.value, (y) => o({ uid: u, max: y })), Le(() => {
+    return ne(() => E.value, (y) => o({ uid: u, size: y })), ne(() => T.value, (y) => o({ uid: u, min: y })), ne(() => I.value, (y) => o({ uid: u, max: y })), Le(() => {
       t({
         id: u,
         el: p.value,
-        min: _.value,
+        min: T.value,
         max: I.value,
         // The given size (useful to know the user intention).
         givenSize: n.size === void 0 ? null : E.value,
@@ -1018,10 +1018,10 @@ function co(e, l) {
   const a = o.width, r = o.height, u = t.width, f = t.height;
   let d, p;
   a === null ? (p = r === null ? "1em" : r === "auto" ? f : r, d = Kt(p, u / f)) : (d = a === "auto" ? u : a, p = r === null ? Kt(d, f / u) : r === "auto" ? f : r);
-  const E = {}, _ = ($, y) => {
+  const E = {}, T = ($, y) => {
     uo(y) || (E[$] = y.toString());
   };
-  _("width", d), _("height", p);
+  T("width", d), T("height", p);
   const I = [t.left, t.top, u, f];
   return E.viewBox = I.join(" "), {
     attributes: E,
@@ -1094,7 +1094,7 @@ function go(e, l) {
   const n = Mt(l);
   return n === null ? !1 : (Pt[e] = n, !0);
 }
-function Tt(e) {
+function _t(e) {
   return Pt[e];
 }
 const bo = () => {
@@ -1107,7 +1107,7 @@ const bo = () => {
 };
 let Xt = bo();
 function yo(e, l) {
-  const n = Tt(e);
+  const n = _t(e);
   if (!n)
     return 0;
   let o;
@@ -1145,7 +1145,7 @@ const xo = (e, l, n) => {
 };
 function So(e) {
   if (typeof e == "string") {
-    const l = Tt(e);
+    const l = _t(e);
     if (l)
       return l.path;
   }
@@ -1294,7 +1294,7 @@ function Po(e, l = !0, n = !1) {
     i && o.push(i);
   }), o;
 }
-var To = {
+var _o = {
   resources: [],
   index: 0,
   timeout: 2e3,
@@ -1302,31 +1302,31 @@ var To = {
   random: !1,
   dataAfterTimeout: !1
 };
-function _o(e, l, n, o) {
+function To(e, l, n, o) {
   const t = e.resources.length, i = e.random ? Math.floor(Math.random() * t) : e.index;
   let a;
   if (e.random) {
-    let S = e.resources.slice(0);
-    for (a = []; S.length > 1; ) {
-      const k = Math.floor(Math.random() * S.length);
-      a.push(S[k]), S = S.slice(0, k).concat(S.slice(k + 1));
+    let k = e.resources.slice(0);
+    for (a = []; k.length > 1; ) {
+      const C = Math.floor(Math.random() * k.length);
+      a.push(k[C]), k = k.slice(0, C).concat(k.slice(C + 1));
     }
-    a = a.concat(S);
+    a = a.concat(k);
   } else
     a = e.resources.slice(i).concat(e.resources.slice(0, i));
   const r = Date.now();
-  let u = "pending", f = 0, d, p = null, E = [], _ = [];
-  typeof o == "function" && _.push(o);
+  let u = "pending", f = 0, d, p = null, E = [], T = [];
+  typeof o == "function" && T.push(o);
   function I() {
     p && (clearTimeout(p), p = null);
   }
   function $() {
-    u === "pending" && (u = "aborted"), I(), E.forEach((S) => {
-      S.status === "pending" && (S.status = "aborted");
+    u === "pending" && (u = "aborted"), I(), E.forEach((k) => {
+      k.status === "pending" && (k.status = "aborted");
     }), E = [];
   }
-  function y(S, k) {
-    k && (_ = []), typeof S == "function" && _.push(S);
+  function y(k, C) {
+    C && (T = []), typeof k == "function" && T.push(k);
   }
   function A() {
     return {
@@ -1340,49 +1340,49 @@ function _o(e, l, n, o) {
     };
   }
   function H() {
-    u = "failed", _.forEach((S) => {
-      S(void 0, d);
+    u = "failed", T.forEach((k) => {
+      k(void 0, d);
     });
   }
   function j() {
-    E.forEach((S) => {
-      S.status === "pending" && (S.status = "aborted");
+    E.forEach((k) => {
+      k.status === "pending" && (k.status = "aborted");
     }), E = [];
   }
-  function O(S, k, W) {
-    const V = k !== "success";
-    switch (E = E.filter((ee) => ee !== S), u) {
+  function O(k, C, B) {
+    const U = C !== "success";
+    switch (E = E.filter((ee) => ee !== k), u) {
       case "pending":
         break;
       case "failed":
-        if (V || !e.dataAfterTimeout)
+        if (U || !e.dataAfterTimeout)
           return;
         break;
       default:
         return;
     }
-    if (k === "abort") {
-      d = W, H();
+    if (C === "abort") {
+      d = B, H();
       return;
     }
-    if (V) {
-      d = W, E.length || (a.length ? Y() : H());
+    if (U) {
+      d = B, E.length || (a.length ? Y() : H());
       return;
     }
     if (I(), j(), !e.random) {
-      const ee = e.resources.indexOf(S.resource);
+      const ee = e.resources.indexOf(k.resource);
       ee !== -1 && ee !== e.index && (e.index = ee);
     }
-    u = "completed", _.forEach((ee) => {
-      ee(W);
+    u = "completed", T.forEach((ee) => {
+      ee(B);
     });
   }
   function Y() {
     if (u !== "pending")
       return;
     I();
-    const S = a.shift();
-    if (S === void 0) {
+    const k = a.shift();
+    if (k === void 0) {
       if (E.length) {
         p = setTimeout(() => {
           I(), u === "pending" && (j(), H());
@@ -1392,20 +1392,20 @@ function _o(e, l, n, o) {
       H();
       return;
     }
-    const k = {
+    const C = {
       status: "pending",
-      resource: S,
-      callback: (W, V) => {
-        O(k, W, V);
+      resource: k,
+      callback: (B, U) => {
+        O(C, B, U);
       }
     };
-    E.push(k), f++, p = setTimeout(Y, e.rotate), n(S, l, k.callback);
+    E.push(C), f++, p = setTimeout(Y, e.rotate), n(k, l, C.callback);
   }
   return setTimeout(Y), A;
 }
 function Cn(e) {
   const l = {
-    ...To,
+    ..._o,
     ...e
   };
   let n = [];
@@ -1413,7 +1413,7 @@ function Cn(e) {
     n = n.filter((r) => r().status === "pending");
   }
   function t(r, u, f) {
-    const d = _o(
+    const d = To(
       l,
       r,
       u,
@@ -1441,7 +1441,7 @@ function Yt() {
 const pt = /* @__PURE__ */ Object.create(null);
 function Io(e) {
   if (!pt[e]) {
-    const l = Tt(e);
+    const l = _t(e);
     if (!l)
       return;
     const n = Cn(l), o = {
@@ -1478,7 +1478,7 @@ function xt(e, l) {
   } catch {
   }
 }
-function _t(e, l, n) {
+function Tt(e, l, n) {
   try {
     return e.setItem(l, n), !0;
   } catch {
@@ -1491,7 +1491,7 @@ function en(e, l) {
   }
 }
 function St(e, l) {
-  return _t(e, zn, l.toString());
+  return Tt(e, zn, l.toString());
 }
 function kt(e) {
   return parseInt(xt(e, zn)) || 0;
@@ -1528,7 +1528,7 @@ function Pn(e, l) {
       for (let u = 0; u < r; u++)
         en(n, Ae + u.toString());
     }
-    _t(n, Zt, Jt), St(n, 0);
+    Tt(n, Zt, Jt), St(n, 0);
     return;
   }
   const t = Math.floor(Date.now() / Ln) - Oo, i = (r) => {
@@ -1548,7 +1548,7 @@ function Pn(e, l) {
   for (let r = a - 1; r >= 0; r--)
     i(r) || (r === a - 1 ? (a--, St(n, a)) : En[e].add(r));
 }
-function Tn() {
+function _n() {
   if (!It) {
     Ro(!0);
     for (const e in rt)
@@ -1580,7 +1580,7 @@ function No(e, l) {
   return !0;
 }
 function Ao(e, l) {
-  It || Tn();
+  It || _n();
   function n(o) {
     let t;
     if (!rt[o] || !(t = Mn(o)))
@@ -1596,7 +1596,7 @@ function Ao(e, l) {
       provider: e.provider,
       data: l
     };
-    return _t(
+    return Tt(
       t,
       Ae + a.toString(),
       JSON.stringify(r)
@@ -1670,8 +1670,8 @@ const Do = (e, l) => {
     const p = t[f] || (t[f] = /* @__PURE__ */ Object.create(null));
     p[d] || (p[d] = []);
   }), o.pending.forEach((u) => {
-    const { provider: f, prefix: d, name: p } = u, E = ze(f, d), _ = E.pendingIcons || (E.pendingIcons = /* @__PURE__ */ new Set());
-    _.has(p) || (_.add(p), t[f][d].push(p));
+    const { provider: f, prefix: d, name: p } = u, E = ze(f, d), T = E.pendingIcons || (E.pendingIcons = /* @__PURE__ */ new Set());
+    T.has(p) || (T.add(p), t[f][d].push(p));
   }), i.forEach((u) => {
     const { provider: f, prefix: d } = u;
     t[f][d].length && Bo(u, t[f][d]);
@@ -1700,7 +1700,7 @@ function jo(e, l) {
     }
   });
 }
-function Vo(e, l = 0) {
+function Uo(e, l = 0) {
   const n = e.replace(/^-?[0-9.]*/, "");
   function o(t) {
     for (; t < 0; )
@@ -1726,7 +1726,7 @@ function Vo(e, l = 0) {
   }
   return l;
 }
-function Uo(e, l) {
+function Vo(e, l) {
   let n = e.indexOf("xlink:") === -1 ? "" : ' xmlns:xlink="http://www.w3.org/1999/xlink"';
   for (const o in l)
     n += " " + o + '="' + l[o] + '"';
@@ -1753,7 +1753,7 @@ const nn = {
   display: "inline-block"
 }, Ct = {
   backgroundColor: "currentColor"
-}, _n = {
+}, Tn = {
   backgroundColor: "transparent"
 }, ln = {
   Image: "var(--svg)",
@@ -1762,7 +1762,7 @@ const nn = {
 }, on = {
   webkitMask: Ct,
   mask: Ct,
-  background: _n
+  background: Tn
 };
 for (const e in on) {
   const l = on[e];
@@ -1800,7 +1800,7 @@ const an = (e, l) => {
           i.color = y;
           break;
         case "rotate":
-          typeof y == "string" ? n[$] = Vo(y) : typeof y == "number" && (n[$] = y);
+          typeof y == "string" ? n[$] = Uo(y) : typeof y == "number" && (n[$] = y);
           break;
         case "ariaHidden":
         case "aria-hidden":
@@ -1821,7 +1821,7 @@ const an = (e, l) => {
     let $ = 0, y = l.id;
     return typeof y == "string" && (y = y.replace(/-/g, "_")), o.innerHTML = vo(u.body, y ? () => y + "ID" + $++ : "iconifyVue"), mt("svg", o);
   }
-  const { body: d, width: p, height: E } = e, _ = t === "mask" || (t === "bg" ? !1 : d.indexOf("currentColor") !== -1), I = Uo(d, {
+  const { body: d, width: p, height: E } = e, T = t === "mask" || (t === "bg" ? !1 : d.indexOf("currentColor") !== -1), I = Vo(d, {
     ...f,
     width: p + "",
     height: E + ""
@@ -1832,14 +1832,14 @@ const an = (e, l) => {
     width: rn(f.width),
     height: rn(f.height),
     ...Yo,
-    ..._ ? Ct : _n,
+    ...T ? Ct : Tn,
     ...r
   }, mt("span", o);
 };
 wn(!0);
 mo("", Co);
 if (typeof document < "u" && typeof window < "u") {
-  Tn();
+  _n();
   const e = window;
   if (e.IconifyPreload !== void 0) {
     const l = e.IconifyPreload, n = "Invalid IconifyPreload syntax.";
@@ -1946,34 +1946,35 @@ const Jo = {
     expandall: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const l = e, n = Jn(l, "expandedrows"), o = B(!1);
-    function t(a) {
-      if (l.expandall)
-        o.value = !o.value, n.value.forEach((r) => {
-          r.isExpanded = o.value;
-        });
+    const l = e, n = Jn(l, "expandedrows"), o = D(!1);
+    function t(r) {
+      if (console.log("🔍 expandRow çağrıldı:", { id: r, expandall: l.expandall }), l.expandall)
+        console.log("📋 expandall=true - tümünü değiştir"), o.value = !o.value, n.value.forEach((u) => {
+          u.isExpanded = o.value;
+        }), console.log("📋 tüm satırlar:", n.value);
       else {
-        const r = n.value.find((u) => u.id == a);
-        r ? r.isExpanded = !r.isExpanded : n.value.push({ id: a, isExpanded: !0 });
+        console.log("🎯 expandall=false - sadece tek satır");
+        const u = n.value.find((f) => f.id == r);
+        u ? (console.log("✏️ mevcut satır güncellendi:", u), u.isExpanded = !u.isExpanded) : (console.log("➕ yeni satır eklendi:", r), n.value.push({ id: r, isExpanded: !0 })), console.log("🎯 güncel expandedrows:", n.value);
       }
     }
-    const i = B(-1);
-    return ne(
-      () => n.value,
-      (a, r) => {
-        var u;
-        new Set(n.value.map((f) => f.isExpanded)).size > 1 ? (i.value = -1, o.value = !0) : (u = n.value.at(0)) != null && u.isExpanded ? (i.value = 0, o.value = !0) : (i.value = 1, o.value = !1);
-      },
-      { deep: !0 }
-    ), (a, r) => {
-      var u, f;
+    const i = (r) => r._rowIndex !== void 0 ? r._rowIndex : r.id || 0, a = D(-1);
+    return ne(() => n.value, () => {
+      var r;
+      if (console.log("👀 watcher tetiklendi:", { expandall: l.expandall, expandedrows: n.value }), !l.expandall) {
+        console.log("⚠️ expandall=false, watcher işlem yapmıyor");
+        return;
+      }
+      console.log("📈 expandall=true, global state yönetimi"), new Set(n.value.map((u) => u.isExpanded)).size > 1 ? (a.value = -1, o.value = !0, console.log("🔄 karışık durum: mixedRows=-1")) : (r = n.value.at(0)) != null && r.isExpanded ? (a.value = 0, o.value = !0, console.log("✅ hepsi açık: mixedRows=0")) : (a.value = 1, o.value = !1, console.log("❌ hepsi kapalı: mixedRows=1"));
+    }, { deep: !0 }), (r, u) => {
+      var f;
       return m(), w("button", {
         class: "expandbtn",
-        onClick: r[0] || (r[0] = (d) => t(a.item.id))
+        onClick: u[0] || (u[0] = (d) => t(i(r.item)))
       }, [
-        (((u = n.value.find((d) => d.id == a.item.id)) == null ? void 0 : u.isExpanded) == null ? o.value : (f = n.value.find((d) => d.id == a.item.id)) != null && f.isExpanded) ? (m(), w(G, { key: 0 }, [
+        ((f = n.value.find((d) => d.id == i(r.item))) == null ? void 0 : f.isExpanded) === !0 ? (m(), w(G, { key: 0 }, [
           l.expandall ? (m(), w(G, { key: 0 }, [
-            i.value ? (m(), ue(K(be), {
+            a.value ? (m(), ue(K(be), {
               key: 0,
               icon: "fluent:chevron-down-up-16-filled"
             })) : (m(), ue(K(be), {
@@ -1986,10 +1987,10 @@ const Jo = {
           }))
         ], 64)) : (m(), w(G, { key: 1 }, [
           l.expandall ? (m(), w(G, { key: 0 }, [
-            i.value == -1 ? (m(), ue(K(be), {
+            a.value == -1 ? (m(), ue(K(be), {
               key: 0,
               icon: "ion:chevron-expand"
-            })) : i.value == 0 ? (m(), ue(K(be), {
+            })) : a.value == 0 ? (m(), ue(K(be), {
               key: 1,
               icon: "mdi:chevron-down"
             })) : (m(), ue(K(be), {
@@ -2009,7 +2010,7 @@ const Jo = {
   for (const [o, t] of l)
     n[o] = t;
   return n;
-}, In = /* @__PURE__ */ We(ei, [["__scopeId", "data-v-8bd9f848"]]), ti = {
+}, In = /* @__PURE__ */ We(ei, [["__scopeId", "data-v-d6b9b4eb"]]), ti = {
   name: "ButtonRightPanel"
 }, ni = /* @__PURE__ */ we({
   ...ti,
@@ -2054,101 +2055,101 @@ const Jo = {
       }, [
         L("button", {
           type: "button",
-          class: T({ active: n.column.condition === "" }),
+          class: _({ active: n.column.condition === "" }),
           onClick: r[0] || (r[0] = (u) => i(""))
         }, q((n.columnFilterLang && n.columnFilterLang.NoFilter) ?? "No filter"), 3),
         n.column.type === "string" ? (m(), w(G, { key: 0 }, [
           L("button", {
             type: "button",
-            class: T({ active: n.column.condition === "Contains" }),
+            class: _({ active: n.column.condition === "Contains" }),
             onClick: r[1] || (r[1] = (u) => i("Contains"))
           }, q((n.columnFilterLang && n.columnFilterLang.Contains) ?? "Contains"), 3),
           L("button", {
             type: "button",
-            class: T({ active: n.column.condition === "NotContains" }),
+            class: _({ active: n.column.condition === "NotContains" }),
             onClick: r[2] || (r[2] = (u) => i("NotContains"))
           }, q((n.columnFilterLang && n.columnFilterLang.NotContains) ?? "NotContains"), 3),
           L("button", {
             type: "button",
-            class: T({ active: n.column.condition === "Equal" }),
+            class: _({ active: n.column.condition === "Equal" }),
             onClick: r[3] || (r[3] = (u) => i("Equal"))
           }, q((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal"), 3),
           L("button", {
             type: "button",
-            class: T({ active: n.column.condition === "NotEqual" }),
+            class: _({ active: n.column.condition === "NotEqual" }),
             onClick: r[4] || (r[4] = (u) => i("NotEqual"))
           }, q((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "NotEqual"), 3),
           L("button", {
             type: "button",
-            class: T({ active: n.column.condition === "StartsWith" }),
+            class: _({ active: n.column.condition === "StartsWith" }),
             onClick: r[5] || (r[5] = (u) => i("StartsWith"))
           }, q((n.columnFilterLang && n.columnFilterLang.StartsWith) ?? "StartsWith"), 3),
           L("button", {
             type: "button",
-            class: T({ active: n.column.condition === "EndsWith" }),
+            class: _({ active: n.column.condition === "EndsWith" }),
             onClick: r[6] || (r[6] = (u) => i("EndsWith"))
           }, q((n.columnFilterLang && n.columnFilterLang.EndsWith) ?? "EndsWith"), 3)
         ], 64)) : n.column.type === "number" ? (m(), w(G, { key: 1 }, [
           L("button", {
             type: "button",
-            class: T({ active: n.column.condition === "Equal" }),
+            class: _({ active: n.column.condition === "Equal" }),
             onClick: r[7] || (r[7] = (u) => i("Equal"))
           }, q((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal"), 3),
           L("button", {
             type: "button",
-            class: T({ active: n.column.condition === "NotEqual" }),
+            class: _({ active: n.column.condition === "NotEqual" }),
             onClick: r[8] || (r[8] = (u) => i("NotEqual"))
           }, q((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "NotEqual"), 3),
           L("button", {
             type: "button",
-            class: T({ active: n.column.condition === "GreaterThan" }),
+            class: _({ active: n.column.condition === "GreaterThan" }),
             onClick: r[9] || (r[9] = (u) => i("GreaterThan"))
           }, q((n.columnFilterLang && n.columnFilterLang.GreaterThan) ?? "GreaterThan"), 3),
           L("button", {
             type: "button",
-            class: T({ active: n.column.condition === "GreaterThanOrEqual" }),
+            class: _({ active: n.column.condition === "GreaterThanOrEqual" }),
             onClick: r[10] || (r[10] = (u) => i("GreaterThanOrEqual"))
           }, q((n.columnFilterLang && n.columnFilterLang.GreaterThanOrEqual) ?? "GreaterThanOrEqual"), 3),
           L("button", {
             type: "button",
-            class: T({ active: n.column.condition === "LessThan" }),
+            class: _({ active: n.column.condition === "LessThan" }),
             onClick: r[11] || (r[11] = (u) => i("LessThan"))
           }, q((n.columnFilterLang && n.columnFilterLang.LessThan) ?? "LessThan"), 3),
           L("button", {
             type: "button",
-            class: T({ active: n.column.condition === "LessThanOrEqual" }),
+            class: _({ active: n.column.condition === "LessThanOrEqual" }),
             onClick: r[12] || (r[12] = (u) => i("LessThanOrEqual"))
           }, q((n.columnFilterLang && n.columnFilterLang.LessThanOrEqual) ?? "LessThanOrEqual"), 3)
         ], 64)) : n.column.type === "date" ? (m(), w(G, { key: 2 }, [
           L("button", {
             type: "button",
-            class: T({ active: n.column.condition === "Equal" }),
+            class: _({ active: n.column.condition === "Equal" }),
             onClick: r[13] || (r[13] = (u) => i("Equal"))
           }, q((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal"), 3),
           L("button", {
             type: "button",
-            class: T({ active: n.column.condition === "NotEqual" }),
+            class: _({ active: n.column.condition === "NotEqual" }),
             onClick: r[14] || (r[14] = (u) => i("NotEqual"))
           }, q((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "Not equal"), 3),
           L("button", {
             type: "button",
-            class: T({ active: n.column.condition === "GreaterThan" }),
+            class: _({ active: n.column.condition === "GreaterThan" }),
             onClick: r[15] || (r[15] = (u) => i("GreaterThan"))
           }, q((n.columnFilterLang && n.columnFilterLang.GreaterThan) ?? "GreaterThan"), 3),
           L("button", {
             type: "button",
-            class: T({ active: n.column.condition === "LessThan" }),
+            class: _({ active: n.column.condition === "LessThan" }),
             onClick: r[16] || (r[16] = (u) => i("LessThan"))
           }, q((n.columnFilterLang && n.columnFilterLang.LessThan) ?? "LessThan"), 3)
         ], 64)) : R("", !0),
         L("button", {
           type: "button",
-          class: T({ active: n.column.condition === "IsNull" }),
+          class: _({ active: n.column.condition === "IsNull" }),
           onClick: r[17] || (r[17] = (u) => i("IsNull"))
         }, q((n.columnFilterLang && n.columnFilterLang.IsNull) ?? "IsNull"), 3),
         L("button", {
           type: "button",
-          class: T({ active: n.column.condition === "IsNotNull" }),
+          class: _({ active: n.column.condition === "IsNotNull" }),
           onClick: r[18] || (r[18] = (u) => i("IsNotNull"))
         }, q((n.columnFilterLang && n.columnFilterLang.IsNotNull) ?? "IsNotNull"), 3)
       ])
@@ -2220,7 +2221,7 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
 }, Mi = {
   key: 0,
   class: "bh-filter bh-relative"
-}, Pi = ["onUpdate:modelValue"], Ti = ["onUpdate:modelValue"], _i = ["onUpdate:modelValue"], Ii = ["onUpdate:modelValue"], Fi = /* @__PURE__ */ L("option", { value: void 0 }, "All", -1), Oi = /* @__PURE__ */ L("option", { value: !0 }, "True", -1), $i = /* @__PURE__ */ L("option", { value: !1 }, "False", -1), Ri = [
+}, Pi = ["onUpdate:modelValue"], _i = ["onUpdate:modelValue"], Ti = ["onUpdate:modelValue"], Ii = ["onUpdate:modelValue"], Fi = /* @__PURE__ */ L("option", { value: void 0 }, "All", -1), Oi = /* @__PURE__ */ L("option", { value: !0 }, "True", -1), $i = /* @__PURE__ */ L("option", { value: !1 }, "False", -1), Ri = [
   Fi,
   Oi,
   $i
@@ -2245,14 +2246,14 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
     "toggleFilterMenu"
   ],
   setup(e, { emit: l }) {
-    const n = B(null), o = e, t = l;
+    const n = D(null), o = e, t = l;
     return ne(() => o.checkAll, () => {
       n.value && (n.value.indeterminate = o.checkAll !== 0 ? !o.checkAll : !1, n.value.checked = o.checkAll);
     }), (a, r) => (m(), w("tr", Ci, [
       o.all.hasCheckbox ? (m(), w("th", {
         key: "chkall",
         style: Z({ width: o.all.checkboxColumnWidth + " !important", minWidth: o.all.checkboxColumnWidth + " !important" }),
-        class: T({
+        class: _({
           "bh-sticky bh-bg-blue-light bh-z-[1]": o.all.stickyHeader || o.all.stickyFirstColumn,
           "bh-top-0": o.all.stickyHeader,
           "bh-left-0": o.all.stickyFirstColumn
@@ -2277,7 +2278,7 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
       o.all.hasRightPanel ? (m(), w("th", {
         key: 1,
         style: Z({ width: o.all.rightPanelColumnWidth + " !important", minWidth: o.all.rightPanelColumnWidth + " !important" }),
-        class: T({
+        class: _({
           "bh-sticky bh-bg-blue-light bh-z-[1]": o.all.stickyHeader || o.all.stickyFirstColumn,
           "bh-top-0": o.all.stickyHeader,
           "bh-left-0": o.all.stickyFirstColumn
@@ -2296,7 +2297,7 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
       (m(!0), w(G, null, pe(o.all.columns, (u, f) => (m(), w(G, null, [
         u.hide ? R("", !0) : (m(), w("th", {
           key: u.field,
-          class: T(["bh-select-none bh-z-[1]", [
+          class: _(["bh-select-none bh-z-[1]", [
             o.all.sortable && u.sort ? "bh-cursor-pointer" : "",
             f === 0 && o.all.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
             o.all.hasCheckbox && f === 0 && o.all.stickyFirstColumn ? "bh-left-[52px]" : ""
@@ -2308,26 +2309,26 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
           })
         }, [
           L("div", {
-            class: T(["bh-flex bh-items-center", [u.headerClass ? u.headerClass : ""]]),
+            class: _(["bh-flex bh-items-center", [u.headerClass ? u.headerClass : ""]]),
             onClick: (d) => o.all.sortable && u.sort && t("sortChange", u.field)
           }, [
             gt(q(u.title) + " ", 1),
             o.all.sortable && u.sort ? (m(), w("span", {
               key: 0,
-              class: T(["bh-ml-3 bh-sort bh-flex bh-items-center", [o.currentSortColumn, o.currentSortDirection]])
+              class: _(["bh-ml-3 bh-sort bh-flex bh-items-center", [o.currentSortColumn, o.currentSortDirection]])
             }, [
               (m(), w("svg", Ei, [
                 L("polygon", {
                   points: "3.11,6.25 10.89,6.25 7,1.75 ",
                   fill: "currentColor",
-                  class: T(["bh-text-black/20", [
+                  class: _(["bh-text-black/20", [
                     e.currentSortColumn === u.field && e.currentSortDirection === "asc" ? "!bh-text-primary" : ""
                   ]])
                 }, null, 2),
                 L("polygon", {
                   points: "7,12.25 10.89,7.75 3.11,7.75 ",
                   fill: "currentColor",
-                  class: T(["bh-text-black/20", [
+                  class: _(["bh-text-black/20", [
                     e.currentSortColumn === u.field && e.currentSortDirection === "desc" ? "!bh-text-primary" : ""
                   ]])
                 }, null, 2)
@@ -2356,7 +2357,7 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                 type: "number",
                 class: "bh-form-control",
                 onKeyup: r[2] || (r[2] = (d) => t("filterChange"))
-              }, null, 40, Ti)), [
+              }, null, 40, _i)), [
                 [
                   ct,
                   u.value,
@@ -2372,7 +2373,7 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                 type: "date",
                 class: "bh-form-control",
                 onChange: r[3] || (r[3] = (d) => t("filterChange"))
-              }, null, 40, _i)), [
+              }, null, 40, Ti)), [
                 [ct, u.value]
               ]) : u.type === "bool" ? ve((m(), w("select", {
                 key: 3,
@@ -2414,10 +2415,10 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
   "stroke-linejoin": "round"
 }, null, -1), ji = [
   qi
-], Vi = {
+], Ui = {
   class: "bh-flex-1",
   style: { overflow: "auto", "min-width": "0", width: "100%" }
-}, Ui = /* @__PURE__ */ L("span", null, "##Top Menu Slot##", -1), Gi = /* @__PURE__ */ L("span", null, "##Table Header Area Slot##", -1), Qi = /* @__PURE__ */ L("span", null, "##Table Action Header Slot##", -1), Ki = ["onClick"], Xi = { class: "bh-checkbox" }, Yi = ["value"], Ji = ["innerHTML"], Zi = ["onClick"], er = ["colspan"], tr = ["colspan"], nr = /* @__PURE__ */ L("div", { class: "bh-skeleton-box bh-h-8" }, null, -1), lr = [
+}, Vi = /* @__PURE__ */ L("span", null, "##Top Menu Slot##", -1), Gi = /* @__PURE__ */ L("span", null, "##Table Header Area Slot##", -1), Qi = /* @__PURE__ */ L("span", null, "##Table Action Header Slot##", -1), Ki = ["onClick"], Xi = { class: "bh-checkbox" }, Yi = ["value"], Ji = ["innerHTML"], Zi = ["onClick"], er = ["colspan"], tr = ["colspan"], nr = /* @__PURE__ */ L("div", { class: "bh-skeleton-box bh-h-8" }, null, -1), lr = [
   nr
 ], or = ["colspan"], ir = { class: "bh-flex bh-items-center bh-flex-wrap bh-flex-col sm:bh-flex-row bh-gap-4" }, rr = { class: "bh-pagination-info bh-flex bh-items-center" }, ar = { class: "bh-mr-2" }, sr = ["value"], ur = { class: "bh-pagination-number sm:bh-ml-auto bh-inline-flex bh-items-center bh-space-x-1" }, cr = ["innerHTML"], dr = {
   key: 1,
@@ -2563,29 +2564,29 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
       const v = ((Rt = s.type) == null ? void 0 : Rt.toLowerCase()) || "string";
       s.type = v, s.isUnique = s.isUnique !== void 0 ? s.isUnique : !1, s.hide = s.hide !== void 0 ? s.hide : !1, s.filter = s.filter !== void 0 ? s.filter : !0, s.search = s.search !== void 0 ? s.search : !0, s.sort = s.sort !== void 0 ? s.sort : !0, s.html = s.html !== void 0 ? s.html : !1, s.condition = !v || v === "string" ? "Contains" : "Equal";
     }
-    const i = B([]), a = B(t.page), r = B(
+    const i = D([]), a = D(t.page), r = D(
       t.pagination ? t.pageSize : (Nt = t.rows) == null ? void 0 : Nt.length
-    ), u = t.pageSize, f = B(t.sortColumn), d = t.sortColumn, p = B(t.sortDirection), E = t.sortDirection, _ = B(t.totalRows), I = B([]), $ = B(null), y = B(t.loading), A = B(t.search);
+    ), u = t.pageSize, f = D(t.sortColumn), d = t.sortColumn, p = D(t.sortDirection), E = t.sortDirection, T = D(t.totalRows), I = D([]), $ = D(null), y = D(t.loading), A = D(t.search);
     JSON.parse(JSON.stringify(t.columns));
-    const H = B(null), j = B(null);
-    let O = B(0);
-    const Y = B(230), S = B(t.leftmenuDefaultWidth), k = B(!1), W = B(null), V = () => {
-      if (W.value) {
-        const s = k.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth;
-        W.value.style.cssText = `
-      width: ${S.value}px !important;
+    const H = D(null), j = D(null);
+    let O = D(0);
+    const Y = D(230), k = D(t.leftmenuDefaultWidth), C = D(!1), B = D(null), U = () => {
+      if (B.value) {
+        const s = C.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth;
+        B.value.style.cssText = `
+      width: ${k.value}px !important;
       min-width: ${s}px !important;
       max-width: ${s}px !important;
     `;
       }
     }, ee = () => {
-      k.value ? S.value = t.leftmenuMinWidth : S.value = t.leftmenuDefaultWidth, V();
+      C.value ? k.value = t.leftmenuMinWidth : k.value = t.leftmenuDefaultWidth, U();
     }, at = () => {
-      k.value = !k.value, S.value = k.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth, V(), oe("currentLeftMenuSize", S.value);
+      C.value = !C.value, k.value = C.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth, U(), oe("currentLeftMenuSize", k.value);
     };
     Le(() => {
-      ce(), _e(() => {
-        Ge.value <= 0 && (Ge.value = 10), oe("currentTopMenuSize", t.topmenumin || 20), t.initialLeftMenuState !== void 0 ? (k.value = t.initialLeftMenuState, S.value = k.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth, console.log("Setting initial left menu state:", k.value), console.log("Setting initial left menu width:", S.value)) : S.value = t.leftmenuDefaultWidth, V(), window.addEventListener("resize", ee);
+      ce(), Te(() => {
+        Ge.value <= 0 && (Ge.value = 10), oe("currentTopMenuSize", t.topmenumin || 20), t.initialLeftMenuState !== void 0 ? (C.value = t.initialLeftMenuState, k.value = C.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth, console.log("Setting initial left menu state:", C.value), console.log("Setting initial left menu width:", k.value)) : k.value = t.leftmenuDefaultWidth, U(), window.addEventListener("resize", ee);
       });
     });
     const oe = n;
@@ -2609,27 +2610,27 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
         $t(s);
       },
       isRowSelected(s) {
-        return Ue(s);
+        return Ve(s);
       },
       getFilteredRows() {
         return He();
       },
       // Expose function to set the left menu state
       setLeftMenuState(s) {
-        k.value = s, S.value = s ? t.leftmenuMinWidth : t.leftmenuDefaultWidth, V();
+        C.value = s, k.value = s ? t.leftmenuMinWidth : t.leftmenuDefaultWidth, U();
       }
     }), ne(() => t.initialLeftMenuState, (s) => {
-      s !== void 0 && (k.value = s, S.value = k.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth, V());
+      s !== void 0 && (C.value = s, k.value = C.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth, U());
     }, { immediate: !0 });
-    const Be = (s, ...v) => s.replace(/{(\d+)}/g, (C, D) => typeof v[D] < "u" ? v[D] : C), J = X(() => {
+    const Be = (s, ...v) => s.replace(/{(\d+)}/g, (x, W) => typeof v[W] < "u" ? v[W] : x), J = X(() => {
       const s = t.columns.find((v) => v.isUnique);
       return (s == null ? void 0 : s.field) || null;
     }), se = X(() => {
-      const s = r.value < 1 ? 1 : Math.ceil(_.value / r.value);
+      const s = r.value < 1 ? 1 : Math.ceil(T.value / r.value);
       return Math.max(s || 0, 1);
     }), ge = X(() => (a.value - 1) * r.value + 1), Ie = X(() => {
       const s = a.value * r.value;
-      return _.value >= s ? s : _.value;
+      return T.value >= s ? s : T.value;
     }), De = X(() => {
       let s, v;
       return typeof t.showNumbersCount < "u" && t.showNumbersCount < se.value ? (s = Math.max(
@@ -2644,53 +2645,53 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
       if (!t.isServerMode) {
         if ((te = t.columns) == null || te.forEach((h) => {
           h.filter && (h.value !== void 0 && h.value !== null && h.value !== "" || h.condition === "IsNull" || h.condition == "IsNotNull") && (h.type === "string" ? (h.value && !h.condition && (h.condition = "Contains"), h.condition === "Contains" ? s = s.filter((P) => {
-            var U;
-            return (U = F(P, h.field)) == null ? void 0 : U.toString().toLowerCase().includes(h.value.toLowerCase());
+            var V;
+            return (V = F(P, h.field)) == null ? void 0 : V.toString().toLowerCase().includes(h.value.toLowerCase());
           }) : h.condition === "NotContains" ? s = s.filter((P) => {
-            var U;
-            return !((U = F(P, h.field)) != null && U.toString().toLowerCase().includes(h.value.toLowerCase()));
+            var V;
+            return !((V = F(P, h.field)) != null && V.toString().toLowerCase().includes(h.value.toLowerCase()));
           }) : h.condition === "Equal" ? s = s.filter((P) => {
-            var U;
-            return ((U = F(P, h.field)) == null ? void 0 : U.toString().toLowerCase()) === h.value.toLowerCase();
+            var V;
+            return ((V = F(P, h.field)) == null ? void 0 : V.toString().toLowerCase()) === h.value.toLowerCase();
           }) : h.condition === "NotEqual" ? s = s.filter((P) => {
-            var U;
-            return ((U = F(P, h.field)) == null ? void 0 : U.toString().toLowerCase()) !== h.value.toLowerCase();
+            var V;
+            return ((V = F(P, h.field)) == null ? void 0 : V.toString().toLowerCase()) !== h.value.toLowerCase();
           }) : h.condition == "StartsWith" ? s = s.filter((P) => {
-            var U;
-            return ((U = F(P, h.field)) == null ? void 0 : U.toString().toLowerCase().indexOf(h.value.toLowerCase())) === 0;
+            var V;
+            return ((V = F(P, h.field)) == null ? void 0 : V.toString().toLowerCase().indexOf(h.value.toLowerCase())) === 0;
           }) : h.condition == "EndsWith" && (s = s.filter((P) => {
-            var U;
-            return ((U = F(P, h.field)) == null ? void 0 : U.toString().toLowerCase().substr(h.value.length * -1)) === h.value.toLowerCase();
+            var V;
+            return ((V = F(P, h.field)) == null ? void 0 : V.toString().toLowerCase().substr(h.value.length * -1)) === h.value.toLowerCase();
           }))) : h.type === "number" ? (h.value && !h.condition && (h.condition = "Equal"), h.condition === "Equal" ? s = s.filter((P) => F(P, h.field) && parseFloat(F(P, h.field)) === parseFloat(h.value)) : h.condition === "NotEqual" ? s = s.filter((P) => F(P, h.field) && parseFloat(F(P, h.field)) !== parseFloat(h.value)) : h.condition === "GreaterThan" ? s = s.filter((P) => F(P, h.field) && parseFloat(F(P, h.field)) > parseFloat(h.value)) : h.condition === "GreaterThanOrEqual" ? s = s.filter((P) => F(P, h.field) && parseFloat(F(P, h.field)) >= parseFloat(h.value)) : h.condition === "LessThan" ? s = s.filter((P) => F(P, h.field) && parseFloat(F(P, h.field)) < parseFloat(h.value)) : h.condition === "LessThanOrEqual" && (s = s.filter((P) => F(P, h.field) && parseFloat(F(P, h.field)) <= parseFloat(h.value)))) : h.type === "date" ? (h.value && !h.condition && (h.condition = "Equal"), h.condition === "Equal" ? s = s.filter((P) => F(P, h.field) && xe(F(P, h.field)) === h.value) : h.condition === "NotEqual" ? s = s.filter((P) => F(P, h.field) && xe(F(P, h.field)) !== h.value) : h.condition === "GreaterThan" ? s = s.filter((P) => F(P, h.field) && xe(F(P, h.field)) > h.value) : h.condition === "LessThan" && (s = s.filter((P) => F(P, h.field) && xe(F(P, h.field)) < h.value))) : h.type === "bool" && (s = s.filter((P) => F(P, h.field) === h.value)), h.condition === "IsNull" ? (s = s.filter((P) => F(P, h.field) == null || F(P, h.field) == ""), h.value = "") : h.condition === "IsNotNull" && (h.value = "", s = s.filter((P) => F(P, h.field))));
         }), A.value && (s != null && s.length)) {
           let h = [];
-          const P = (t.columns || []).filter((U) => U.search && !U.hide).map((U) => U.field);
+          const P = (t.columns || []).filter((V) => V.search && !V.hide).map((V) => V.field);
           for (var v = 0; v < (s == null ? void 0 : s.length); v++)
-            for (var C = 0; C < P.length; C++)
-              if ((Q = F(s[v], P[C])) != null && Q.toString().toLowerCase().includes(A.value.toLowerCase())) {
+            for (var x = 0; x < P.length; x++)
+              if ((Q = F(s[v], P[x])) != null && Q.toString().toLowerCase().includes(A.value.toLowerCase())) {
                 h.push(s[v]);
                 break;
               }
           s = h;
         }
-        var D = new Intl.Collator(void 0, {
+        var W = new Intl.Collator(void 0, {
           numeric: ((he = t.columns.find((h) => h.field == f.value)) == null ? void 0 : he.type) === "number",
           sensitivity: "base"
         });
         const qn = p.value === "desc" ? -1 : 1;
         s.sort((h, P) => {
           var At, Wt;
-          const U = (At = f.value) == null ? void 0 : At.split(".").reduce((ke, ut) => ke == null ? void 0 : ke[ut], h), jn = (Wt = f.value) == null ? void 0 : Wt.split(".").reduce((ke, ut) => ke == null ? void 0 : ke[ut], P);
-          return D.compare(U, jn) * qn;
+          const V = (At = f.value) == null ? void 0 : At.split(".").reduce((ke, ut) => ke == null ? void 0 : ke[ut], h), jn = (Wt = f.value) == null ? void 0 : Wt.split(".").reduce((ke, ut) => ke == null ? void 0 : ke[ut], P);
+          return W.compare(V, jn) * qn;
         });
       }
       return s;
-    }, de = B([]), ce = () => {
+    }, de = D([]), ce = () => {
       let s = [], v = He();
-      t.isServerMode ? (_.value = t.totalRows || 0, s = v) : (_.value = (v == null ? void 0 : v.length) || 0, s = v.slice(ge.value - 1, Ie.value)), t.hasSubtable && s.forEach(function(C) {
-        C.isExpanded != null && (de.value.find((te) => te.id == C.id) || de.value.push({
-          id: C.id,
-          isExpanded: C.isExpanded
+      t.isServerMode ? (T.value = t.totalRows || 0, s = v) : (T.value = (v == null ? void 0 : v.length) || 0, s = v.slice(ge.value - 1, Ie.value)), t.hasSubtable && s.forEach(function(x) {
+        x.isExpanded != null && (de.value.find((te) => te.id == x.id) || de.value.push({
+          id: x.id,
+          isExpanded: x.isExpanded
         }));
       }), i.value = s || [];
     };
@@ -2727,19 +2728,19 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
     const b = (s) => {
       let v = "asc";
       s == f.value && p.value === "asc" && (v = "desc");
-      let C = (a.value - 1) * r.value, D = r.value;
-      f.value = s, p.value = v, M(!1), ce(), t.isServerMode ? fe("sort") : oe("sortChange", { offset: C, limit: D, field: s, direction: v });
-    }, x = (s) => {
+      let x = (a.value - 1) * r.value, W = r.value;
+      f.value = s, p.value = v, M(!1), ce(), t.isServerMode ? fe("sort") : oe("sortChange", { offset: x, limit: W, field: s, direction: v });
+    }, S = (s) => {
       $.value = s.length && i.value.length && s.length === i.value.length;
       const v = i.value.filter(
-        (C, D) => I.value.includes(J.value ? C[J.value] : D)
+        (x, W) => I.value.includes(J.value ? x[J.value] : W)
       );
       oe("rowSelect", v);
     };
-    ne(() => I.value, x);
+    ne(() => I.value, S);
     const M = (s) => {
       s ? I.value = i.value.map(
-        (v, C) => J.value ? v[J.value] : C
+        (v, x) => J.value ? v[J.value] : x
       ) : I.value = [];
     }, N = () => {
       M(!1), t.isServerMode ? a.value === 1 ? fe("filter", !0) : a.value = 1 : (a.value = 1, ce(), oe("filterChange", t.columns));
@@ -2752,23 +2753,23 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
         A.value = t.search, le();
       }
     );
-    const F = (s, v) => v == null ? void 0 : v.split(".").reduce((C, D) => C == null ? void 0 : C[D], s), xe = (s) => {
+    const F = (s, v) => v == null ? void 0 : v.split(".").reduce((x, W) => x == null ? void 0 : x[W], s), xe = (s) => {
       try {
         if (!s)
           return "";
-        const v = new Date(s), C = v.getDate(), D = v.getMonth() + 1;
-        return v.getFullYear() + "-" + (D > 9 ? D : "0" + D) + "-" + (C > 9 ? C : "0" + C);
+        const v = new Date(s), x = v.getDate(), W = v.getMonth() + 1;
+        return v.getFullYear() + "-" + (W > 9 ? W : "0" + W) + "-" + (x > 9 ? x : "0" + x);
       } catch {
       }
       return "";
-    }, Ve = (s, v) => {
+    }, Ue = (s, v) => {
       O.value++, O.value === 1 ? j.value = setTimeout(() => {
-        O.value = 0, t.selectRowOnClick && (Ue(v) ? $t(v) : Ot(v), x(I.value)), oe("rowClick", s);
+        O.value = 0, t.selectRowOnClick && (Ve(v) ? $t(v) : Ot(v), S(I.value)), oe("rowClick", s);
       }, Y.value) : O.value === 2 && (clearTimeout(j.value), O.value = 0, oe("rowDBClick", s));
     }, fe = (s, v = !1) => {
       if (t.isServerMode) {
         On();
-        const C = {
+        const x = {
           current_page: v ? 1 : a.value,
           pagesize: r.value,
           offset: (a.value - 1) * r.value,
@@ -2778,7 +2779,7 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
           column_filters: t.columns,
           change_type: s
         };
-        oe("change", C);
+        oe("change", x);
       }
     }, On = () => {
       for (let s = 0; s < t.columns.length; s++) {
@@ -2791,46 +2792,46 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
         t.columns[s].value = "";
       A.value = "", r.value = u, f.value = d, p.value = E, t.isServerMode ? a.value === 1 ? fe("reset", !0) : a.value = 1 : (a.value = 1, ce());
     }, Rn = () => i.value.filter(
-      (v, C) => I.value.includes(J.value ? v[J.value] : C)
+      (v, x) => I.value.includes(J.value ? v[J.value] : x)
     ), Nn = () => t.columns, An = () => {
       I.value = [];
     }, Ot = (s) => {
-      if (!Ue(s)) {
-        const v = i.value.find((C, D) => D === s);
+      if (!Ve(s)) {
+        const v = i.value.find((x, W) => W === s);
         I.value.push(
           J.value ? v[J.value] : s
         );
       }
     }, $t = (s) => {
-      if (Ue(s)) {
-        const v = i.value.find((C, D) => D === s);
+      if (Ve(s)) {
+        const v = i.value.find((x, W) => W === s);
         I.value = I.value.filter(
-          (C) => C !== (J.value ? v[J.value] : s)
+          (x) => x !== (J.value ? v[J.value] : s)
         );
       }
-    }, Ue = (s) => {
-      const v = i.value.find((C, D) => D === s);
+    }, Ve = (s) => {
+      const v = i.value.find((x, W) => W === s);
       return v ? I.value.includes(
         J.value ? v[J.value] : s
       ) : !1;
     };
     let Se = 0;
     t.hasCheckbox && Se++, t.hasSubtable && Se++, t.hasRightPanel && Se++;
-    const Wn = B(0), Bn = setInterval(function() {
+    const Wn = D(0), Bn = setInterval(function() {
       Wn.value++;
-    }, 2200), Ge = B(t.topmenusize), st = B(null), Dn = sl(st).height, Hn = (s) => {
+    }, 2200), Ge = D(t.topmenusize), st = D(null), Dn = sl(st).height, Hn = (s) => {
       if (!s || !s.panes || !s.panes.length) return;
       const v = s.panes[0].size;
-      Ge.value = v, _e(() => {
+      Ge.value = v, Te(() => {
         var te;
-        const C = (te = st.value) == null ? void 0 : te.$el, D = C ? C.offsetHeight : 0;
-        oe("currentTopMenuSize", D);
+        const x = (te = st.value) == null ? void 0 : te.$el, W = x ? x.offsetHeight : 0;
+        oe("currentTopMenuSize", W);
       });
     };
     return Ze(() => {
       clearInterval(Bn), window.removeEventListener("resize", ee);
     }), (s, v) => (m(), w("div", Wi, [
-      ie(K(Ut), {
+      ie(K(Vt), {
         class: "default-theme",
         style: Z({ height: t.height })
       }, {
@@ -2841,14 +2842,14 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                 s.enableleftmenu ? (m(), w("div", {
                   key: 0,
                   ref_key: "leftmenuel",
-                  ref: W,
+                  ref: B,
                   class: "left-menu-container bh-relative",
                   style: Z({
-                    width: S.value + "px",
+                    width: k.value + "px",
                     transition: "width 0.3s ease",
                     overflow: "hidden",
-                    minWidth: (k.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth) + "px",
-                    maxWidth: (k.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth) + "px"
+                    minWidth: (C.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth) + "px",
+                    maxWidth: (C.value ? t.leftmenuMinWidth : t.leftmenuDefaultWidth) + "px"
                   })
                 }, [
                   ae(s.$slots, "tableleftmenu", {}, () => [
@@ -2865,13 +2866,13 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                         viewBox: "0 0 8 12",
                         fill: "none",
                         xmlns: "http://www.w3.org/2000/svg",
-                        style: Z({ transform: k.value ? "rotate(180deg)" : "none" })
+                        style: Z({ transform: C.value ? "rotate(180deg)" : "none" })
                       }, ji, 4))
                     ])
                   ])
                 ], 4)) : R("", !0),
-                L("div", Vi, [
-                  s.enabletopmenu ? (m(), ue(K(Ut), {
+                L("div", Ui, [
+                  s.enabletopmenu ? (m(), ue(K(Vt), {
                     key: 0,
                     class: "default-theme",
                     horizontal: "horizontal",
@@ -2889,7 +2890,7 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                       }, {
                         default: Pe(() => [
                           ae(s.$slots, "tabletopmenu", {}, () => [
-                            Ui
+                            Vi
                           ])
                         ]),
                         _: 3
@@ -2911,7 +2912,7 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                             Qi
                           ]),
                           L("div", {
-                            class: T(t.scrollbarstyle)
+                            class: _(t.scrollbarstyle)
                           }, [
                             ie(K(Ql), {
                               style: Z({
@@ -2925,14 +2926,14 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                             }, {
                               default: Pe(() => [
                                 L("div", {
-                                  class: T(["bh-table-responsive", { "bh-min-h-[100px]": y.value }]),
+                                  class: _(["bh-table-responsive", { "bh-min-h-[100px]": y.value }]),
                                   style: Z({ overflow: t.stickyHeader && "inherit" })
                                 }, [
                                   L("table", {
-                                    class: T([t.skin])
+                                    class: _([t.skin])
                                   }, [
                                     L("thead", {
-                                      class: T({
+                                      class: _({
                                         "bh-sticky bh-top-0 bh-z-10": t.stickyHeader
                                       })
                                     }, [
@@ -2951,23 +2952,23 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                                       }, null, 8, ["expandedrows", "currentSortColumn", "currentSortDirection", "isOpenFilter", "checkAll", "columnFilterLang"])
                                     ], 2),
                                     L("tbody", null, [
-                                      (m(!0), w(G, null, pe(i.value, (C, D) => {
+                                      (m(!0), w(G, null, pe(i.value, (x, W) => {
                                         var te;
                                         return m(), w(G, {
-                                          key: C[J.value] ? C[J.value] : D
+                                          key: x[J.value] ? x[J.value] : W
                                         }, [
-                                          _.value ? (m(), w("tr", {
+                                          T.value ? (m(), w("tr", {
                                             key: 0,
-                                            class: T([
-                                              typeof t.rowClass == "function" ? s.rowClass(C) : t.rowClass,
+                                            class: _([
+                                              typeof t.rowClass == "function" ? s.rowClass(x) : t.rowClass,
                                               t.selectRowOnClick ? "bh-cursor-pointer" : ""
                                             ]),
-                                            onClick: ye((Q) => Ve(C, D), ["prevent"])
+                                            onClick: ye((Q) => Ue(x, W), ["prevent"])
                                           }, [
                                             t.hasCheckbox ? (m(), w("td", {
                                               key: 0,
                                               style: Z({ width: t.checkboxColumnWidth + " !important", minWidth: t.checkboxColumnWidth + " !important" }),
-                                              class: T({
+                                              class: _({
                                                 "bh-sticky bh-left-0 bh-bg-blue-light": t.stickyFirstColumn
                                               })
                                             }, [
@@ -2975,7 +2976,7 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                                                 ve(L("input", {
                                                   "onUpdate:modelValue": v[0] || (v[0] = (Q) => I.value = Q),
                                                   type: "checkbox",
-                                                  value: C[J.value] ? C[J.value] : D,
+                                                  value: x[J.value] ? x[J.value] : W,
                                                   onClick: v[1] || (v[1] = ye(() => {
                                                   }, ["stop"]))
                                                 }, null, 8, Yi), [
@@ -2989,32 +2990,32 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                                             t.hasRightPanel ? (m(), w("td", {
                                               key: 1,
                                               style: Z({ width: t.rightPanelColumnWidth + " !important", minWidth: t.rightPanelColumnWidth + " !important", padding: "0px !important" }),
-                                              class: T({
+                                              class: _({
                                                 "bh-sticky bh-left-0 bh-bg-blue-light": t.stickyFirstColumn
                                               })
                                             }, [
                                               ie(li, {
-                                                item: C,
+                                                item: x,
                                                 onRightPanelClick: v[2] || (v[2] = (Q) => oe("rowRightPanelClick", Q))
                                               }, null, 8, ["item"])
                                             ], 6)) : R("", !0),
                                             t.hasSubtable ? (m(), w("td", {
                                               key: 2,
                                               style: Z({ width: t.subtableColumnWidth + " !important", minWidth: t.subtableColumnWidth + " !important" }),
-                                              class: T({
+                                              class: _({
                                                 "bh-sticky bh-left-0 bh-bg-blue-light": t.stickyFirstColumn
                                               })
                                             }, [
                                               ie(In, {
-                                                item: C,
+                                                item: { ...x, _rowIndex: W },
                                                 expandedrows: de.value
                                               }, null, 8, ["item", "expandedrows"])
                                             ], 6)) : R("", !0),
                                             (m(!0), w(G, null, pe(t.columns, (Q, he) => (m(), w(G, null, [
                                               Q.hide ? R("", !0) : (m(), w("td", {
                                                 key: Q.field,
-                                                class: T([
-                                                  typeof t.cellClass == "function" ? s.cellClass(C) : t.cellClass,
+                                                class: _([
+                                                  typeof t.cellClass == "function" ? s.cellClass(x) : t.cellClass,
                                                   he === 0 && t.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
                                                   t.hasCheckbox && he === 0 && t.stickyFirstColumn ? "bh-left-[52px]" : "",
                                                   Q.cellClass ? Q.cellClass : ""
@@ -3022,23 +3023,23 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                                               }, [
                                                 K(o)[Q.field] ? ae(s.$slots, Q.field, {
                                                   key: 0,
-                                                  value: C
+                                                  value: x
                                                 }) : Q.cellRenderer ? (m(), w("div", {
                                                   key: 1,
-                                                  innerHTML: Q.cellRenderer(C)
+                                                  innerHTML: Q.cellRenderer(x)
                                                 }, null, 8, Ji)) : (m(), w(G, { key: 2 }, [
-                                                  gt(q(F(C, Q.field)), 1)
+                                                  gt(q(F(x, Q.field)), 1)
                                                 ], 64))
                                               ], 2))
                                             ], 64))), 256))
                                           ], 10, Ki)) : R("", !0),
-                                          (te = de.value.find((Q) => Q.id == C.id)) != null && te.isExpanded && t.hasSubtable ? (m(), w("tr", {
+                                          (te = de.value.find((Q) => Q.id == (x._rowIndex !== void 0 ? x._rowIndex : x.id || W))) != null && te.isExpanded && t.hasSubtable ? (m(), w("tr", {
                                             key: 1,
-                                            class: T([
-                                              typeof t.rowClass == "function" ? s.rowClass(C) : t.rowClass,
+                                            class: _([
+                                              typeof t.rowClass == "function" ? s.rowClass(x) : t.rowClass,
                                               t.selectRowOnClick ? "bh-cursor-pointer" : ""
                                             ]),
-                                            onClick: ye((Q) => Ve(C, D), ["prevent"])
+                                            onClick: ye((Q) => Ue(x, W), ["prevent"])
                                           }, [
                                             L("td", {
                                               colspan: t.columns.length + K(Se)
@@ -3048,8 +3049,8 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                                           ], 10, Zi)) : R("", !0)
                                         ], 64);
                                       }), 128)),
-                                      !_.value && y.value && s.skeletonloader ? (m(!0), w(G, { key: 0 }, pe(t.pageSize, (C) => (m(), w("tr", {
-                                        key: C,
+                                      !T.value && y.value && s.skeletonloader ? (m(!0), w(G, { key: 0 }, pe(t.pageSize, (x) => (m(), w("tr", {
+                                        key: x,
                                         class: "!bh-bg-white bh-h-11 !bh-border-transparent"
                                       }, [
                                         L("td", {
@@ -3057,8 +3058,8 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                                           class: "!bh-p-0 !bh-border-transparent"
                                         }, lr, 8, tr)
                                       ]))), 128)) : R("", !0),
-                                      _.value ? (m(!0), w(G, { key: 1 }, pe(t.footerRows, (C, D) => (m(), w("tr", {
-                                        key: C[J.value] ? C[J.value] : D,
+                                      T.value ? (m(!0), w(G, { key: 1 }, pe(t.footerRows, (x, W) => (m(), w("tr", {
+                                        key: x[J.value] ? x[J.value] : W,
                                         class: "sticky-table-footer"
                                       }, [
                                         K(Se) > 0 ? (m(), w("td", {
@@ -3068,15 +3069,15 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                                         (m(!0), w(G, null, pe(t.columns, (te, Q) => (m(), w(G, null, [
                                           te.hide ? R("", !0) : (m(), w("td", {
                                             key: te.field,
-                                            class: T([
-                                              typeof t.cellClass == "function" ? s.cellClass(C) : t.cellClass,
+                                            class: _([
+                                              typeof t.cellClass == "function" ? s.cellClass(x) : t.cellClass,
                                               Q === 0 && t.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
                                               t.hasCheckbox && Q === 0 && t.stickyFirstColumn ? "bh-left-[52px]" : "",
                                               te.cellClass ? te.cellClass : ""
                                             ])
                                           }, [
-                                            C.cells.find((he) => he.field == te.field) ? (m(), w(G, { key: 0 }, [
-                                              gt(q(C.cells.find((he) => he.field == te.field).text), 1)
+                                            x.cells.find((he) => he.field == te.field) ? (m(), w(G, { key: 0 }, [
+                                              gt(q(x.cells.find((he) => he.field == te.field).text), 1)
                                             ], 64)) : R("", !0)
                                           ], 2))
                                         ], 64))), 256))
@@ -3084,7 +3085,7 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                                     ]),
                                     t.cloneHeaderInFooter ? (m(), w("tfoot", {
                                       key: 0,
-                                      class: T({
+                                      class: _({
                                         "bh-sticky bh-bottom-0": t.stickyHeader
                                       })
                                     }, [
@@ -3112,7 +3113,7 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                                     ae(s.$slots, "loadercontent")
                                   ], 4)) : R("", !0)
                                 ], 6),
-                                !_.value && !y.value ? (m(), w("div", {
+                                !T.value && !y.value ? (m(), w("div", {
                                   key: 0,
                                   class: "nodatacontent",
                                   style: Z({
@@ -3141,9 +3142,9 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
         ]),
         _: 3
       }, 8, ["style"]),
-      t.pagination && _.value ? (m(), w("div", {
+      t.pagination && T.value ? (m(), w("div", {
         key: 0,
-        class: T(["bh-pagination", {
+        class: _(["bh-pagination", {
           "bh-pointer-events-none": y.value,
           "sticky-footer": t.stickyFooter
         }])
@@ -3152,7 +3153,7 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
           s.enablefooterpagination ? ae(s.$slots, "footerpageinfo", {
             key: 0,
             paginationInfo: s.paginationInfo,
-            filterRowCount: _.value,
+            filterRowCount: T.value,
             offset: ge.value,
             limit: Ie.value,
             showPageSize: s.showPageSize,
@@ -3164,19 +3165,19 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
             L("div", rr, [
               L("span", ar, q(Be(
                 t.paginationInfo,
-                _.value ? ge.value : 0,
+                T.value ? ge.value : 0,
                 Ie.value,
-                _.value
+                T.value
               )), 1),
               t.showPageSize ? ve((m(), w("select", {
                 key: 0,
-                "onUpdate:modelValue": v[3] || (v[3] = (C) => r.value = C),
+                "onUpdate:modelValue": v[3] || (v[3] = (x) => r.value = x),
                 class: "bh-pagesize"
               }, [
-                (m(!0), w(G, null, pe(t.pageSizeOptions, (C) => (m(), w("option", {
-                  value: C,
-                  key: C
-                }, q(C), 9, sr))), 128))
+                (m(!0), w(G, null, pe(t.pageSizeOptions, (x) => (m(), w("option", {
+                  value: x,
+                  key: x
+                }, q(x), 9, sr))), 128))
               ], 512)), [
                 [cn, r.value]
               ]) : R("", !0)
@@ -3195,8 +3196,8 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
               t.showFirstPage ? (m(), w("button", {
                 key: 0,
                 type: "button",
-                class: T(["bh-page-item first-page", { disabled: a.value <= 1 }]),
-                onClick: v[4] || (v[4] = (C) => a.value = 1)
+                class: _(["bh-page-item first-page", { disabled: a.value <= 1 }]),
+                onClick: v[4] || (v[4] = (x) => a.value = 1)
               }, [
                 t.firstArrow ? (m(), w("span", {
                   key: 0,
@@ -3205,7 +3206,7 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
               ], 2)) : R("", !0),
               L("button", {
                 type: "button",
-                class: T(["bh-page-item previous-page", { disabled: a.value <= 1 }]),
+                class: _(["bh-page-item previous-page", { disabled: a.value <= 1 }]),
                 onClick: je
               }, [
                 t.previousArrow ? (m(), w("span", {
@@ -3213,18 +3214,18 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
                   innerHTML: t.previousArrow
                 }, null, 8, pr)) : (m(), w("svg", vr, gr))
               ], 2),
-              t.showNumbers ? (m(!0), w(G, { key: 1 }, pe(De.value, (C) => (m(), w("button", {
-                key: C,
+              t.showNumbers ? (m(!0), w(G, { key: 1 }, pe(De.value, (x) => (m(), w("button", {
+                key: x,
                 type: "button",
-                class: T(["bh-page-item", {
-                  disabled: a.value === C,
-                  "bh-active": C === a.value
+                class: _(["bh-page-item", {
+                  disabled: a.value === x,
+                  "bh-active": x === a.value
                 }]),
-                onClick: (D) => Ee(C)
-              }, q(C), 11, br))), 128)) : R("", !0),
+                onClick: (W) => Ee(x)
+              }, q(x), 11, br))), 128)) : R("", !0),
               L("button", {
                 type: "button",
-                class: T(["bh-page-item next-page", { disabled: a.value >= se.value }]),
+                class: _(["bh-page-item next-page", { disabled: a.value >= se.value }]),
                 onClick: re
               }, [
                 t.nextArrow ? (m(), w("span", {
@@ -3235,8 +3236,8 @@ const ki = /* @__PURE__ */ We(bi, [["render", Si]]), Ci = { key: "hdrrow" }, zi
               t.showLastPage ? (m(), w("button", {
                 key: 2,
                 type: "button",
-                class: T(["bh-page-item last-page", { disabled: a.value >= se.value }]),
-                onClick: v[5] || (v[5] = (C) => a.value = se.value)
+                class: _(["bh-page-item last-page", { disabled: a.value >= se.value }]),
+                onClick: v[5] || (v[5] = (x) => a.value = se.value)
               }, [
                 t.lastArrow ? (m(), w("span", {
                   key: 0,