@adyen/bento-vue2 1.87.1 → 1.88.0

package/dist/chunks/{data-grid.BvukOpky.js → data-grid.u3f__x8_.js}

@@ -1,4 +1,4 @@
-import { ref as h, onMounted as Ee, nextTick as ae, watch as ie, onUnmounted as Tt, reactive as ze, toRefs as ke, computed as v, watchEffect as $n, onBeforeUpdate as zn, defineComponent as de, inject as _e, toRef as Ue, useSlots as We, provide as Ne } from "vue";
+import { ref as p, onMounted as Ee, nextTick as ae, watch as ie, onUnmounted as Tt, reactive as ze, toRefs as ke, computed as v, watchEffect as $n, onBeforeUpdate as zn, defineComponent as de, inject as _e, toRef as Ue, useSlots as We, provide as Ne } from "vue";
 import { C as kn } from "./checkmark-circle-fill.BttTCjrM.js";
 import { W as Wn } from "./warning-filled.CbJ1pcB2.js";
 /* empty css              */
@@ -11,19 +11,19 @@ import { B as Zn } from "./dashed-underline.DauOBhSD.js";
 import { B as Se, p as It } from "./typography.C8lPlsbD.js";
 import { u as he } from "./index.B6WW_F-J.js";
 import { B as jn } from "./tag.CocLKztJ.js";
-import { B as qn } from "./action-bar.ChMlt59Z.js";
-import { B as Yn } from "./pagination.iN0eYByB.js";
+import { B as qn } from "./action-bar.rHHYcsRV.js";
+import { B as Yn } from "./pagination.BKIqR6O6.js";
 import { B as Ge } from "./loading-indicator.PxbRzshH.js";
 import { u as He } from "./use-has-slot.C9lQZ6nz.js";
 import { g as De } from "./generate-uid.NJ8tVoha.js";
-import { a as Jn } from "./filter-bar.DrkWf7T6.js";
+import { a as Jn } from "./filter-bar.B_RHM9kR.js";
 import { B as Kn } from "./empty-state.IiG1LXa2.js";
 import { E as Xn } from "./tabs.keys.B4qGhjp2.js";
 import { D as Qn } from "./data-grid-template.keys.VezYtHtM.js";
 import { b as es } from "./index.CwzYJHw2.js";
 import { o as Ve } from "./resize.Bqks3WUm.js";
 import "./index.Cl4_42j5.js";
-import { B as Dt } from "./checkbox.Dxvh9si9.js";
+import { B as Dt } from "./checkbox.DfB3ZeA-.js";
 import { B as xt } from "./button.Ctj3rkxw.js";
 import { c as Ze, f as Ft, h as ts, b as ns, a as ss, O as it, D as os } from "./button-actions.DyPS54Yi.js";
 import { E as rt } from "./link.DKimL08z.js";
@@ -40,8 +40,8 @@ import { A as us } from "./arrow-right.Dn3AYpUP.js";
 import { H as fs, S as gs } from "./show.B_mKPF6I.js";
 import { l as ut } from "./events.BQOQSSb7.js";
 import { B as Pt } from "./toggle.B1z1YPe_.js";
-import { B as _s } from "./search-bar.GPl6NU_w.js";
-import { u as vs } from "./dropdown.ET_mq1_P.js";
+import { B as _s } from "./search-bar.k0tIoWcb.js";
+import { u as vs } from "./dropdown.Do5c4SST.js";
 import { S as ms } from "./search.D53Ia3rC.js";
 import { B as Cs } from "./directive.rXUeDb8p.js";
 import "../assets/data-grid.css";
@@ -57,12 +57,12 @@ const ft = (s) => {
   }
   const o = parseFloat(t.top);
   return !isNaN(o) && o < 0 && (n += o), n;
-}, gt = (s, t, n = h(!1), e = null) => {
-  const o = h(0);
+}, gt = (s, t, n = p(!1), e = null) => {
+  const o = p(0);
   let l = null, a = null;
   const i = () => {
-    const _ = t.value ? ft(s.value) : 0, g = n.value && e ? ft(e.value) : 0;
-    o.value = _ + g;
+    const _ = t.value ? ft(s.value) : 0, d = n.value && e ? ft(e.value) : 0;
+    o.value = _ + d;
   };
   return Ee(() => {
     ae(() => {
@@ -87,28 +87,28 @@ const ft = (s) => {
 };
 var $e = /* @__PURE__ */ ((s) => (s.WRAP = "wrap", s.ELLIPSIS = "ellipsis", s))($e || {}), j = /* @__PURE__ */ ((s) => (s.COLUMN_RESIZE = "column-resize", s.COLUMN_RESIZING = "column-resizing", s.SELECT_ALL_ROWS = "select-all-rows", s.SELECT_ALL_ACROSS_PAGES = "select-all-across-pages", s.SELECT_ALL_CURRENT_RESULTS = "select-all-current-results", s.DESELECT_ALL = "deselect-all", s.DESELECT_ALL_CURRENT_RESULTS = "deselect-all-current-results", s.COLUMN_MOVE = "column-move", s.COLUMN_UPDATE = "column-update", s.COLUMN_MENU_OPEN = "column-menu-open", s.COLUMN_MENU_CLOSE = "column-menu-close", s.COLUMN_HOVER = "column-hover", s.COLUMN_DRAG_START = "column-dragstart", s.COLUMN_DRAG_ENTER = "column-dragenter", s.COLUMN_DRAG_END = "column-dragend", s.COLUMN_DROP = "column-drop", s))(j || {}), ge = /* @__PURE__ */ ((s) => (s.OUTLINE = "outline", s.SCROLL = "scroll", s.STICKY_FILTERS = "sticky-filters", s.OVERFLOW_SHADOW_LEFT = "overflow-shadow-left", s.OVERFLOW_SHADOW_RIGHT = "overflow-shadow-right", s.NO_SPACING_TOP = "no-spacing-top", s.FIT_CONTENT = "fit-content", s.ZEBRA_ROWS = "zebra-rows", s))(ge || {}), be = /* @__PURE__ */ ((s) => (s.ASCENDING = "asc", s.DESCENDING = "desc", s))(be || {}), N = /* @__PURE__ */ ((s) => (s.CELL_FOCUS = "cell-focus", s.COLUMNS = "columns", s.COLUMN_RESIZE = "column-resize", s.ITEMS_PAGE = "items-page", s.NAVIGATE = "navigate", s.NESTED_CONTENT_TOGGLED = "nested-content-toggled", s.FILTER_SEARCH_INPUT = "filter-search-input", s.FILTER_SEARCH_CLEAR = "filter-search-clear", s.UPDATE_COLUMNS = "update:columns", s.UPDATE_CONDENSED = "update:condensed", s.UPDATE_FILTERS = "update:filters", s.UPDATE_FILTER_VALUES = "update:filter-values", s.UPDATE_FILTER_VALUES_OBJECT = "update:filter-values-object", s.UPDATE_FILTER_SEARCH_TERM = "update:filter-search-term", s.UPDATE_PAGINATION = "update:pagination", s.UPDATE_SELECTION = "update:selection", s.UPDATE_SHOW_MORE = "update:show-more", s.UPDATE_SORT_BY = "update:sort-by", s.UPDATE_ZEBRA_ROWS = "update:zebra-rows", s.ROW_CLICK = "row-click", s.SELECT = "select", s.SELECT_ALL_ACROSS_PAGES = "select-all-across-pages", s.SELECT_ALL_CURRENT_RESULTS = "select-all-current-results", s.DESELECT_ALL_CURRENT_RESULTS = "deselect-all-current-results", s.SORT = "sort", s))(N || {}), Ie = /* @__PURE__ */ ((s) => (s.ASCENDING = "ascending", s.DESCENDING = "descending", s.NONE = "none", s))(Ie || {});
 const hs = (s, t) => {
-  const n = h(null), e = h(!1), o = h(void 0), l = s.value.reduce((L, F) => (L[F.field] = null, L), {}), a = ze(l), i = ke(a);
-  let _ = 0, g = "";
-  const p = v(
-    () => Object.fromEntries(s.value.map(({ field: L, width: F, minWidth: R }) => [L, { width: F, minWidth: R }]))
+  const n = p(null), e = p(!1), o = p(void 0), l = s.value.reduce((L, F) => (L[F.field] = null, L), {}), a = ze(l), i = ke(a);
+  let _ = 0, d = "";
+  const C = v(
+    () => Object.fromEntries(s.value.map(({ field: L, width: F, minWidth: E }) => [L, { width: F, minWidth: E }]))
   );
-  $n(() => o.value = p.value);
-  let m = null, E = null;
+  $n(() => o.value = C.value);
+  let m = null, S = null;
   const b = (L) => {
-    const F = L.clientX - _, R = g, d = o.value[R].width + F;
-    o.value[R].width = d > p.value[R].minWidth ? d : p.value[R].minWidth, t(j.COLUMN_RESIZING, o.value), _ = L.clientX;
-  }, u = () => {
-    e.value = !1, m == null || m(), E == null || E(), g && t(j.COLUMN_RESIZE, {
-      field: g,
-      width: o.value[g].width
-    }), m = null, E = null, g = "", _ = null;
-  }, A = (L, F, R) => {
-    if (R.preventDefault(), L) {
-      if (e.value = !0, R.buttons !== 1) {
-        u();
+    const F = L.clientX - _, E = d, u = o.value[E].width + F;
+    o.value[E].width = u > C.value[E].minWidth ? u : C.value[E].minWidth, t(j.COLUMN_RESIZING, o.value), _ = L.clientX;
+  }, f = () => {
+    e.value = !1, m == null || m(), S == null || S(), d && t(j.COLUMN_RESIZE, {
+      field: d,
+      width: o.value[d].width
+    }), m = null, S = null, d = "", _ = null;
+  }, A = (L, F, E) => {
+    if (E.preventDefault(), L) {
+      if (e.value = !0, E.buttons !== 1) {
+        f();
         return;
       }
-      g = F, _ = R.clientX, m = ut(window, "mousemove", b), E = ut(window, "mouseup", u);
+      d = F, _ = E.clientX, m = ut(window, "mousemove", b), S = ut(window, "mouseup", f);
     }
   };
   return ie(
@@ -132,22 +132,22 @@ const hs = (s, t) => {
     if (o.length === n.length)
       return;
     const i = { min: {} };
-    let _ = s, g = t, p = 0;
+    let _ = s, d = t, C = 0;
     o.forEach((m) => {
-      _ -= e[m].computedWidth, g -= e[m].flex;
+      _ -= e[m].computedWidth, d -= e[m].flex;
     });
-    for (let m = 0, E = n.length; m < E; m += 1) {
+    for (let m = 0, S = n.length; m < S; m += 1) {
       const b = n[m];
       if (e[b.field] && e[b.field].frozen === !0)
         continue;
-      let A = _ / g * b.flex;
-      A < b.minWidth && (p += b.minWidth - A, A = b.minWidth, i.min[b.field] = !0), e[b.field] = {
+      let A = _ / d * b.flex;
+      A < b.minWidth && (C += b.minWidth - A, A = b.minWidth, i.min[b.field] = !0), e[b.field] = {
         frozen: !1,
         computedWidth: A,
         flex: b.flex
       };
     }
-    p > 0 ? Object.keys(i.min).forEach((m) => {
+    C > 0 ? Object.keys(i.min).forEach((m) => {
       l(m);
     }) : n.forEach(({ field: m }) => {
       l(m);
@@ -161,13 +161,13 @@ const hs = (s, t) => {
   var t, n, e, o, l;
   return (t = s == null ? void 0 : s.hasNestedContent) != null && t.value || (n = s == null ? void 0 : s.hasNestedRows) != null && n.value ? (e = s == null ? void 0 : s.hasSelectableColumn) != null && e.value ? (o = s == null ? void 0 : s.hasSelectableAcrossPages) != null && o.value ? Rs : Ss : Es : (l = s == null ? void 0 : s.hasSelectableAcrossPages) != null && l.value ? bs : ws;
 }, Os = (s, t, n, e, o, l) => {
-  const a = h(s.value), i = h(t), _ = h(n), g = h(e), p = h(o), m = h(!1), E = h(0);
+  const a = p(s.value), i = p(t), _ = p(n), d = p(e), C = p(o), m = p(!1), S = p(0);
   ie(
     () => s.value,
-    (r, f) => {
+    (r, g) => {
       var T, B;
-      const S = (r == null ? void 0 : r.map(({ field: P }) => P).toString()) === (f == null ? void 0 : f.map(({ field: P }) => P).toString());
-      if (!((T = l == null ? void 0 : l.allowColumnDragAndDrop) != null && T.value) || !S) {
+      const R = (r == null ? void 0 : r.map(({ field: P }) => P).toString()) === (g == null ? void 0 : g.map(({ field: P }) => P).toString());
+      if (!((T = l == null ? void 0 : l.allowColumnDragAndDrop) != null && T.value) || !R) {
         a.value = s.value;
         return;
       }
@@ -177,12 +177,12 @@ const hs = (s, t) => {
       });
     }
   );
-  const b = h();
-  let u = null;
+  const b = p();
+  let f = null;
   const A = v(() => {
     var K, Y, ee;
     const r = [];
-    let f = 0, S = 0;
+    let g = 0, R = 0;
     const T = {};
     let B = a.value.filter((G) => G.visible !== !1);
     const P = a.value.filter((G) => G.visible === !1);
@@ -203,14 +203,14 @@ const hs = (s, t) => {
     B.forEach((G) => {
       const M = { ...G };
       let w;
-      M.flex && M.flex > 0 ? (f += M.flex, w = 0, r.push(M)) : w = Math.max(
+      M.flex && M.flex > 0 ? (g += M.flex, w = 0, r.push(M)) : w = Math.max(
         (M == null ? void 0 : M.width) ?? ps,
         (M == null ? void 0 : M.minWidth) ?? _t
-      ), S += w, M.width = w, M.minWidth = (M == null ? void 0 : M.minWidth) ?? _t, T[M.field] = M;
-    }), S += E.value;
-    const k = Math.max(b.value - S, 0);
-    if (f > 0 && b.value > 0) {
-      const G = ys(k, f, r);
+      ), R += w, M.width = w, M.minWidth = (M == null ? void 0 : M.minWidth) ?? _t, T[M.field] = M;
+    }), R += S.value;
+    const k = Math.max(b.value - R, 0);
+    if (g > 0 && b.value > 0) {
+      const G = ys(k, g, r);
       Object.keys(G).forEach((M) => {
         T[M].width = G[M].computedWidth;
       });
@@ -219,19 +219,19 @@ const hs = (s, t) => {
       const M = { ...G };
       T[M.field] = M;
     }), Object.values(T);
-  }), L = h(void 0), F = (r) => {
+  }), L = p(void 0), F = (r) => {
     L.value = { ...L.value, ...r };
-  }, R = async () => {
-    a.value.some((r) => r == null ? void 0 : r.autoWidth) && (m.value = !0, await ae(), a == null || a.value.filter((r) => r == null ? void 0 : r.autoWidth).forEach(({ field: r, minWidth: f }) => {
+  }, E = async () => {
+    a.value.some((r) => r == null ? void 0 : r.autoWidth) && (m.value = !0, await ae(), a == null || a.value.filter((r) => r == null ? void 0 : r.autoWidth).forEach(({ field: r, minWidth: g }) => {
       var P, k, K, Y;
-      const S = vt(
-        (P = g.value) == null ? void 0 : P[r],
+      const R = vt(
+        (P = d.value) == null ? void 0 : P[r],
         (k = l == null ? void 0 : l.hasColumnPanel) == null ? void 0 : k.value
-      ), T = (Y = (K = p.value) == null ? void 0 : K[r]) == null ? void 0 : Y.reduce(
+      ), T = (Y = (K = C.value) == null ? void 0 : K[r]) == null ? void 0 : Y.reduce(
         (ee, G) => Math.max(ee, vt(G)),
         0
-      ), B = Math.max(S, T ?? 0);
-      (f === void 0 || B > f) && F({
+      ), B = Math.max(R, T ?? 0);
+      (g === void 0 || B > g) && F({
         [r]: {
           width: B
         }
@@ -239,21 +239,21 @@ const hs = (s, t) => {
     }), m.value = !1);
   };
   ie([() => a.value, () => i.value], async () => {
-    a.value.some((r) => r == null ? void 0 : r.autoWidth) && await R();
+    a.value.some((r) => r == null ? void 0 : r.autoWidth) && await E();
   });
-  const d = v(
+  const u = v(
     () => A.value.map((r) => {
-      var f, S;
+      var g, R;
       return {
         ...r,
         // Override column width with resized ones
-        width: ((S = (f = L.value) == null ? void 0 : f[r.field]) == null ? void 0 : S.width) ?? r.width
+        width: ((R = (g = L.value) == null ? void 0 : g[r.field]) == null ? void 0 : R.width) ?? r.width
       };
     })
   ), y = v(
     () => {
       var r;
-      return ((r = d.value) == null ? void 0 : r.filter(({ visible: f }) => f !== !1).reduce((f, S) => S.width + f, 0)) + E.value;
+      return ((r = u.value) == null ? void 0 : r.filter(({ visible: g }) => g !== !1).reduce((g, R) => R.width + g, 0)) + S.value;
     }
   ), O = v(
     () => b.value <= y.value
@@ -261,76 +261,76 @@ const hs = (s, t) => {
     width: b.value > y.value ? "100%" : "fit-content"
   }));
   return Ee(() => {
-    var f;
+    var g;
     const r = l != null && l.isDataGridTemplate ? As : 0;
     ae(() => {
       _.value && (b.value = _.value.getBoundingClientRect().width - r);
-      const S = ie(
+      const R = ie(
         _,
         () => {
-          _.value && (ae(() => S()), u = Ve(_.value, ({ width: T }) => {
+          _.value && (ae(() => R()), f = Ve(_.value, ({ width: T }) => {
             b.value = T - r;
           }));
         },
         { immediate: !0 }
       );
-    }), (f = document == null ? void 0 : document.fonts) != null && f.ready ? document.fonts.ready.then(() => {
-      R();
-    }) : R();
+    }), (g = document == null ? void 0 : document.fonts) != null && g.ready ? document.fonts.ready.then(() => {
+      E();
+    }) : E();
   }), Tt(() => {
-    u == null || u.disconnect();
+    f == null || f.disconnect();
   }), zn(() => {
     var r;
-    p.value && ((r = Object.keys(p.value)) == null ? void 0 : r.length) > 0 && Object.keys(p.value).forEach((S) => {
-      p.value[S] = [];
+    C.value && ((r = Object.keys(C.value)) == null ? void 0 : r.length) > 0 && Object.keys(C.value).forEach((R) => {
+      C.value[R] = [];
     });
   }), {
-    columnDefs: d,
+    columnDefs: u,
     gridRowWidthStyle: x,
     onColumnWidthOverride: F,
     isMeasuringColumnWidths: m,
     isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: O,
     columns: a,
     totalWidthOfAllColumns: y,
-    rowActionsMaxWidth: E
+    rowActionsMaxWidth: S
   };
 }, Ns = (s, t, n, e, o, l, a) => {
-  const i = h(s.value ?? []), _ = ze({
+  const i = p(s.value ?? []), _ = ze({
     allItemsSelected: !1,
     isIndeterminate: !1
-  }), g = v(
+  }), d = v(
     () => n.value.flatMap((r) => {
-      var f;
-      return [r, ((f = r == null ? void 0 : r.children) == null ? void 0 : f.length) > 0 ? r == null ? void 0 : r.children : []];
+      var g;
+      return [r, ((g = r == null ? void 0 : r.children) == null ? void 0 : g.length) > 0 ? r == null ? void 0 : r.children : []];
     }).flat()
-  ), p = v(
+  ), C = v(
     () => {
-      var r, f;
-      return ((r = n.value) == null ? void 0 : r.length) > 0 && ((f = g.value) == null ? void 0 : f.every((S) => i.value.includes(e(S))));
+      var r, g;
+      return ((r = n.value) == null ? void 0 : r.length) > 0 && ((g = d.value) == null ? void 0 : g.every((R) => i.value.includes(e(R))));
     }
   ), m = v(
     () => {
-      var r, f;
-      return ((r = n.value) == null ? void 0 : r.length) > 0 && ((f = g.value) == null ? void 0 : f.filter((S) => !o(S)).every((S) => i.value.includes(e(S))));
+      var r, g;
+      return ((r = n.value) == null ? void 0 : r.length) > 0 && ((g = d.value) == null ? void 0 : g.filter((R) => !o(R)).every((R) => i.value.includes(e(R))));
     }
-  ), E = v(
+  ), S = v(
     () => {
-      var r, f;
-      return ((r = n.value) == null ? void 0 : r.length) > 0 && !((f = g.value) != null && f.some((S) => i.value.includes(e(S))));
+      var r, g;
+      return ((r = n.value) == null ? void 0 : r.length) > 0 && !((g = d.value) != null && g.some((R) => i.value.includes(e(R))));
     }
   ), b = v(
     () => {
-      var r, f;
-      return ((r = n.value) == null ? void 0 : r.length) > 0 && !((f = g.value) != null && f.filter((S) => !o(S)).some((S) => i.value.includes(e(S))));
+      var r, g;
+      return ((r = n.value) == null ? void 0 : r.length) > 0 && !((g = d.value) != null && g.filter((R) => !o(R)).some((R) => i.value.includes(e(R))));
     }
-  ), u = v(() => {
+  ), f = v(() => {
     var r;
     return !(l != null && l.value) || ((r = a == null ? void 0 : a.value) == null ? void 0 : r.totalCount) === void 0 ? !1 : i.value.length >= a.value.totalCount && m.value;
   }), A = () => {
     t(N.SELECT, i.value), t(N.UPDATE_SELECTION, i.value);
   }, L = (r) => {
-    var f, S;
-    i.value = r, p.value ? (_.allItemsSelected = !0, _.isIndeterminate = !1) : (_.allItemsSelected = !1, _.isIndeterminate = ((f = i.value) == null ? void 0 : f.length) > 0 && ((S = n.value) == null ? void 0 : S.length) > 0 && n.value.some(
+    var g, R;
+    i.value = r, C.value ? (_.allItemsSelected = !0, _.isIndeterminate = !1) : (_.allItemsSelected = !1, _.isIndeterminate = ((g = i.value) == null ? void 0 : g.length) > 0 && ((R = n.value) == null ? void 0 : R.length) > 0 && n.value.some(
       (T) => {
         var B;
         return i.value.includes(e(T)) || ((B = T == null ? void 0 : T.children) == null ? void 0 : B.some((P) => i.value.includes(e(P))));
@@ -338,43 +338,43 @@ const hs = (s, t) => {
     ));
   }, F = (r) => {
     ae(() => {
-      var S, T;
+      var R, T;
       _.allItemsSelected = r;
-      const f = ((T = (S = g.value) == null ? void 0 : S.filter(
+      const g = ((T = (R = d.value) == null ? void 0 : R.filter(
         (B) => !o(B) && ((B == null ? void 0 : B.children) === void 0 || B.children.every((P) => !o(P)))
       )) == null ? void 0 : T.map((B) => e(B))) ?? [];
-      r ? (i.value = [.../* @__PURE__ */ new Set([...i.value, ...f])], _.isIndeterminate = !p.value) : (i.value = i.value.filter((B) => !f.includes(B)), _.isIndeterminate = !E.value), A();
+      r ? (i.value = [.../* @__PURE__ */ new Set([...i.value, ...g])], _.isIndeterminate = !C.value) : (i.value = i.value.filter((B) => !g.includes(B)), _.isIndeterminate = !S.value), A();
     });
-  }, R = () => {
+  }, E = () => {
     ae(() => {
       L([]), A();
     });
-  }, d = (r, f) => {
+  }, u = (r, g) => {
     ae(() => {
-      var S;
-      L(((S = f == null ? void 0 : f.children) == null ? void 0 : S.length) > 0 ? y(r, f) : r), A();
+      var R;
+      L(((R = g == null ? void 0 : g.children) == null ? void 0 : R.length) > 0 ? y(r, g) : r), A();
     });
-  }, y = (r, f) => {
+  }, y = (r, g) => {
     var B;
-    const S = e(f), T = (B = f.children) == null ? void 0 : B.filter((P) => !o(P)).map((P) => e(P));
-    if (r.includes(S)) {
+    const R = e(g), T = (B = g.children) == null ? void 0 : B.filter((P) => !o(P)).map((P) => e(P));
+    if (r.includes(R)) {
       const P = r;
       return T.forEach((k) => {
         P.includes(k) || P.push(k);
       }), P;
     }
     return r.filter((P) => !T.includes(P));
-  }, O = (r, f, S) => {
+  }, O = (r, g, R) => {
     ae(() => {
       var B, P;
-      const T = e(f);
-      r.includes(e(S)) ? L(
-        !r.includes(T) && ((B = f == null ? void 0 : f.children) != null && B.every((k) => r.includes(e(k)))) ? [...r, T] : r
+      const T = e(g);
+      r.includes(e(R)) ? L(
+        !r.includes(T) && ((B = g == null ? void 0 : g.children) != null && B.every((k) => r.includes(e(k)))) ? [...r, T] : r
       ) : L(
-        r.includes(T) && !((P = f == null ? void 0 : f.children) != null && P.every((k) => r.includes(e(k)))) ? r.filter((k) => k !== T) : r
+        r.includes(T) && !((P = g == null ? void 0 : g.children) != null && P.every((k) => r.includes(e(k)))) ? r.filter((k) => k !== T) : r
       ), A();
     });
-  }, x = v(() => u.value ? "all" : m.value ? "page" : !i.value || i.value.length === 0 ? "none" : b.value ? "unselected-page" : "single");
+  }, x = v(() => f.value ? "all" : m.value ? "page" : !i.value || i.value.length === 0 ? "none" : b.value ? "unselected-page" : "single");
   return ie(
     () => s.value,
     () => {
@@ -384,19 +384,19 @@ const hs = (s, t) => {
   ), ie(
     () => n.value,
     () => {
-      const r = n.value.filter((f) => i.value.includes(e(f))).flatMap(
-        (f) => {
-          var S;
-          return ((S = f == null ? void 0 : f.children) == null ? void 0 : S.length) > 0 ? f.children.map((T) => e(T)).filter((T) => !i.value.includes(T)) : [];
+      const r = n.value.filter((g) => i.value.includes(e(g))).flatMap(
+        (g) => {
+          var R;
+          return ((R = g == null ? void 0 : g.children) == null ? void 0 : R.length) > 0 ? g.children.map((T) => e(T)).filter((T) => !i.value.includes(T)) : [];
         }
       );
       (r == null ? void 0 : r.length) > 0 ? (L([...i.value, ...r]), A()) : L(i.value);
     }
   ), {
     onAllRowSelect: F,
-    onRowSelect: d,
+    onRowSelect: u,
     onNestedRowSelect: O,
-    onDeselectAll: R,
+    onDeselectAll: E,
     allItemsSelectedState: _,
     selectedItems: i,
     selectionState: x
@@ -405,123 +405,123 @@ const hs = (s, t) => {
   var i;
   return (i = s.value.find((_) => _.field === a)) == null ? void 0 : i.direction;
 }, sortByColumnField: (a) => {
-  var g;
-  if (!t.value.some((p) => p.field === a && p.sortable))
+  var d;
+  if (!t.value.some((C) => C.field === a && C.sortable))
     return;
   const _ = [{
     field: a,
-    direction: ((g = s.value.find((p) => p.field === a)) == null ? void 0 : g.direction) === be.ASCENDING ? be.DESCENDING : be.ASCENDING
+    direction: ((d = s.value.find((C) => C.field === a)) == null ? void 0 : d.direction) === be.ASCENDING ? be.DESCENDING : be.ASCENDING
   }];
   n("sort", _);
 } });
 var oe = ((s) => (s[s.ARROW_DOWN = ce.ARROW_DOWN] = "ARROW_DOWN", s[s.ARROW_UP = ce.ARROW_UP] = "ARROW_UP", s[s.ARROW_LEFT = ce.ARROW_LEFT] = "ARROW_LEFT", s[s.ARROW_RIGHT = ce.ARROW_RIGHT] = "ARROW_RIGHT", s[s.PAGE_UP = ce.PAGE_UP] = "PAGE_UP", s[s.PAGE_DOWN = ce.PAGE_DOWN] = "PAGE_DOWN", s[s.END = ce.END] = "END", s[s.HOME = ce.HOME] = "HOME", s))(oe || {});
 const ye = "b-row-actions-column", Ds = (s, t, n, e, o, l) => {
-  const a = v(() => l.value || e.value ? !0 : n.value.some((R) => R.infoIconTooltip || R.sortable)), i = v(() => {
-    let R = n.value.filter(({ visible: d }) => d !== !1);
-    return o.value && (R = [
-      ...R,
+  const a = v(() => l.value || e.value ? !0 : n.value.some((E) => E.infoIconTooltip || E.sortable)), i = v(() => {
+    let E = n.value.filter(({ visible: u }) => u !== !1);
+    return o.value && (E = [
+      ...E,
       { field: ye, label: "" }
-    ]), R;
-  }), _ = v(() => i.value.length), g = v(() => {
+    ]), E;
+  }), _ = v(() => i.value.length), d = v(() => {
     if (!s.value)
       return [];
-    const R = Object.keys(s.value)[0];
-    if (!R || !s.value[R])
+    const E = Object.keys(s.value)[0];
+    if (!E || !s.value[E])
       return [];
-    const d = [];
+    const u = [];
     if (a.value)
       for (const O of i.value) {
         const x = t.value[O.field];
-        d.push(x);
+        u.push(x);
       }
-    const y = s.value[R].length;
+    const y = s.value[E].length;
     for (let O = 0; O < y; O++)
       for (const x of i.value) {
         const r = s.value[x.field];
-        r != null && r[O] && d.push(r[O]);
+        r != null && r[O] && u.push(r[O]);
       }
-    return d;
-  }), p = (R) => Math.floor(R / _.value), m = (R, d, y) => {
-    const O = g.value.length - 1, x = _.value - 1, r = p(R), f = R - _.value * r;
+    return u;
+  }), C = (E) => Math.floor(E / _.value), m = (E, u, y) => {
+    const O = d.value.length - 1, x = _.value - 1, r = C(E), g = E - _.value * r;
     return {
-      [oe.PAGE_UP]: f + (a.value ? _.value : 0),
-      [oe.PAGE_DOWN]: O - x + f,
+      [oe.PAGE_UP]: g + (a.value ? _.value : 0),
+      [oe.PAGE_DOWN]: O - x + g,
       [oe.END]: y ? O : _.value * r + x,
       [oe.HOME]: y ? a.value ? _.value : 0 : _.value * r
-    }[d];
-  }, E = (R, d) => {
-    const y = p(R), x = {
+    }[u];
+  }, S = (E, u) => {
+    const y = C(E), x = {
       [oe.ARROW_DOWN]: _.value,
       [oe.ARROW_UP]: y === 0 && !a.value ? 0 : -_.value,
       [oe.ARROW_LEFT]: -1,
       [oe.ARROW_RIGHT]: 1
-    }[d], r = R + x;
-    return r < 0 || r >= g.value.length ? R : r;
-  }, b = (R) => [
+    }[u], r = E + x;
+    return r < 0 || r >= d.value.length ? E : r;
+  }, b = (E) => [
     oe.PAGE_UP,
     oe.PAGE_DOWN,
     oe.END,
     oe.HOME
-  ].includes(R), u = (R, d, y) => {
-    const O = g.value.indexOf(R);
-    return b(d) ? m(O, d, y) : E(O, d);
-  }, A = (R, d, y) => {
-    if (!g.value.includes(R))
+  ].includes(E), f = (E, u, y) => {
+    const O = d.value.indexOf(E);
+    return b(u) ? m(O, u, y) : S(O, u);
+  }, A = (E, u, y) => {
+    if (!d.value.includes(E))
       return;
-    const O = u(R, d, y);
-    g.value[O].focus();
-  }, L = (R) => R in oe;
+    const O = f(E, u, y);
+    d.value[O].focus();
+  }, L = (E) => E in oe;
   return {
     isNavigationKeyCode: L,
     focusOnNextGridcell: A,
-    navigationInput: (R) => {
-      const { ctrlKey: d, key: y, target: O } = R, x = y;
+    navigationInput: (E) => {
+      const { ctrlKey: u, key: y, target: O } = E, x = y;
       let r = O;
-      r.getAttribute("role") !== "menuitem" && (g.value.includes(r) || (r = O.closest('[role="gridcell"], [role="columnheader"]')), g.value.includes(r) && L(x) && A(r, x, d));
+      r.getAttribute("role") !== "menuitem" && (d.value.includes(r) || (r = O.closest('[role="gridcell"], [role="columnheader"]')), d.value.includes(r) && L(x) && A(r, x, u));
     }
   };
 }, xs = 90, Fs = (s, t, n, e, o) => {
-  const l = h(s), a = h(t), i = h(n), _ = h(e), g = v(() => l.value !== "none"), p = v(() => l.value === "automatic"), m = () => {
+  const l = p(s), a = p(t), i = p(n), _ = p(e), d = v(() => l.value !== "none"), C = v(() => l.value === "automatic"), m = () => {
     o(N.UPDATE_SHOW_MORE);
   };
   return ie(
     () => a.value,
     () => {
-      p.value && i.value.offsetHeight / a.value * 100 > xs && !_.value && m();
+      C.value && i.value.offsetHeight / a.value * 100 > xs && !_.value && m();
     }
-  ), { isLazyLoad: g, isInfiniteScroll: p, verticalScrollPosition: a, emitLazyLoadEvent: m };
+  ), { isLazyLoad: d, isInfiniteScroll: C, verticalScrollPosition: a, emitLazyLoadEvent: m };
 }, Bs = (s, t, n) => {
-  const e = h(s), o = h(t), l = ze({
+  const e = p(s), o = p(t), l = ze({
     dragging: null,
     dragToLeft: null,
     target: null
-  }), a = (b, u = 0) => {
-    const A = e.value.findIndex((R) => R.field === b.field), L = A + u;
+  }), a = (b, f = 0) => {
+    const A = e.value.findIndex((E) => E.field === b.field), L = A + f;
     if (L < 0 || L > e.value.length - 1)
       return;
     const F = [...e.value];
     F.splice(L, 0, F.splice(A, 1)[0]), n(N.COLUMNS, F), n(N.UPDATE_COLUMNS, F);
-  }, i = (b, u) => {
-    l.dragging = b, u.dataTransfer.setData("text", ""), u.dataTransfer.dropEffect = "move";
-  }, _ = (b, u) => {
+  }, i = (b, f) => {
+    l.dragging = b, f.dataTransfer.setData("text", ""), f.dataTransfer.dropEffect = "move";
+  }, _ = (b, f) => {
     l.target = b;
-    const A = u.currentTarget.getBoundingClientRect(), L = A.left + A.width / 2, F = u.clientX ?? 0;
+    const A = f.currentTarget.getBoundingClientRect(), L = A.left + A.width / 2, F = f.clientX ?? 0;
     l.dragToLeft = F <= L;
-  }, g = (b) => {
-    var u, A;
-    if (((u = l.dragging) == null ? void 0 : u.field) !== b.field) {
+  }, d = (b) => {
+    var f, A;
+    if (((f = l.dragging) == null ? void 0 : f.field) !== b.field) {
       const L = e.value.findIndex((x) => {
         var r;
         return x.field === ((r = l.dragging) == null ? void 0 : r.field);
-      }), F = e.value.findIndex((x) => x.field === b.field), R = l.dragToLeft ? F : F + 1, d = R > L ? R - 1 : R;
+      }), F = e.value.findIndex((x) => x.field === b.field), E = l.dragToLeft ? F : F + 1, u = E > L ? E - 1 : E;
       let y = [...e.value];
       y.splice(
-        d === -1 ? 0 : d,
+        u === -1 ? 0 : u,
         0,
         y.splice(L, 1)[0]
       );
       const O = e.value.findIndex((x) => !(x != null && x.frozen));
-      ((A = l.dragging) == null ? void 0 : A.frozen) !== b.frozen && R !== O && (y = y.map(
+      ((A = l.dragging) == null ? void 0 : A.frozen) !== b.frozen && E !== O && (y = y.map(
         (x) => {
           var r;
           return ((r = l.dragging) == null ? void 0 : r.field) === x.field ? { ...x, frozen: !!(b != null && b.frozen) } : x;
@@ -529,22 +529,22 @@ const ye = "b-row-actions-column", Ds = (s, t, n, e, o, l) => {
       )), n(N.COLUMNS, y), n(N.UPDATE_COLUMNS, y);
     }
     l.dragging = null, l.target = null;
-  }, p = () => {
+  }, C = () => {
     l.dragging = null, l.dragToLeft = null, l.target = null;
   }, m = v(() => o.value ? {
-    [j.COLUMN_DRAG_START]: (b, u) => i(b, u),
-    [j.COLUMN_DRAG_ENTER]: (b, u) => _(b, u),
-    [j.COLUMN_DROP]: (b) => g(b),
-    [j.COLUMN_DRAG_END]: () => p()
-  } : {}), E = v(() => (b) => o.value ? {
-    dragenter: (u) => {
-      u.preventDefault(), _(b, u);
+    [j.COLUMN_DRAG_START]: (b, f) => i(b, f),
+    [j.COLUMN_DRAG_ENTER]: (b, f) => _(b, f),
+    [j.COLUMN_DROP]: (b) => d(b),
+    [j.COLUMN_DRAG_END]: () => C()
+  } : {}), S = v(() => (b) => o.value ? {
+    dragenter: (f) => {
+      f.preventDefault(), _(b, f);
     },
     drop: () => {
-      g(b);
+      d(b);
     },
-    dragover: (u) => {
-      u.preventDefault();
+    dragover: (f) => {
+      f.preventDefault();
     }
   } : {});
   return {
@@ -552,85 +552,85 @@ const ye = "b-row-actions-column", Ds = (s, t, n, e, o, l) => {
     draggingColumns: l,
     // Methods
     draggingEventsForColumns: m,
-    draggingEventsForRowCell: E,
+    draggingEventsForRowCell: S,
     onMoveColumnByOffset: a
   };
 }, Ps = (s, t, n) => {
-  const e = h(s), o = h(t.value), l = v(
-    () => [...e.value].sort((u, A) => u.frozen === A.frozen ? 0 : u.frozen ? -1 : 1)
+  const e = p(s), o = p(t.value), l = v(
+    () => [...e.value].sort((f, A) => f.frozen === A.frozen ? 0 : f.frozen ? -1 : 1)
   ), a = v(
-    () => l.value.filter((u) => u.frozen && u.visible !== !1)
+    () => l.value.filter((f) => f.frozen && f.visible !== !1)
   ), i = v(
-    () => l.value.filter((u) => !u.frozen && u.visible !== !1)
+    () => l.value.filter((f) => !f.frozen && f.visible !== !1)
   ), _ = v(
     () => [
       { columnSet: a.value, id: "frozen", isFrozenColumns: !0 },
       { columnSet: i.value, id: "unfrozen" }
-    ].filter(({ columnSet: u }) => u.length)
-  ), g = v(
-    () => e.value.filter((u) => (u == null ? void 0 : u.visible) !== !1 && (u == null ? void 0 : u.field) !== le).length === 1
-  ), p = (u) => n(N.UPDATE_CONDENSED, u), m = (u) => {
-    o.value = u, n(N.UPDATE_ZEBRA_ROWS, u);
-  }, E = (u) => {
-    n(N.COLUMNS, u), n(N.UPDATE_COLUMNS, u);
-  }, b = (u) => {
+    ].filter(({ columnSet: f }) => f.length)
+  ), d = v(
+    () => e.value.filter((f) => (f == null ? void 0 : f.visible) !== !1 && (f == null ? void 0 : f.field) !== le).length === 1
+  ), C = (f) => n(N.UPDATE_CONDENSED, f), m = (f) => {
+    o.value = f, n(N.UPDATE_ZEBRA_ROWS, f);
+  }, S = (f) => {
+    n(N.COLUMNS, f), n(N.UPDATE_COLUMNS, f);
+  }, b = (f) => {
     const A = l.value.map(
-      (L) => (L == null ? void 0 : L.field) === u.field ? u : L
+      (L) => (L == null ? void 0 : L.field) === f.field ? f : L
     );
-    E(A);
+    S(A);
   };
-  return ie(t, (u) => {
-    o.value = u;
+  return ie(t, (f) => {
+    o.value = f;
   }), {
     // Values
     columnSets: _,
-    isOnlyOneVisibleColumn: g,
+    isOnlyOneVisibleColumn: d,
     internalZebraRows: o,
     sortedColumns: l,
     // Methods
-    onConfigSettingsColumnsUpdate: E,
+    onConfigSettingsColumnsUpdate: S,
     onConfigSettingsColumnUpdate: b,
-    onConfigSettingsCondensedUpdate: p,
+    onConfigSettingsCondensedUpdate: C,
     onConfigSettingsZebraRowsUpdate: m
   };
 }, Ms = (s, t, n, e, o, l, a) => {
-  const i = h(0), _ = h(!1), g = h(!1);
-  ie([() => i.value, () => l.value], ([u]) => {
-    s.value.scrollLeft = u, t.value.scrollLeft = u, _.value = !!u, g.value = t.value.scrollWidth - t.value.offsetWidth > u;
+  const i = p(0), _ = p(!1), d = p(!1);
+  ie([() => i.value, () => l.value], ([f]) => {
+    s.value.scrollLeft = f, t.value.scrollLeft = f, _.value = !!f, d.value = t.value.scrollWidth - t.value.offsetWidth > f;
   }), Ee(async () => {
-    var u, A;
-    await ae(), ((u = t.value) == null ? void 0 : u.offsetWidth) < ((A = t.value) == null ? void 0 : A.scrollWidth) && (g.value = !0);
+    var f, A;
+    await ae(), ((f = t.value) == null ? void 0 : f.offsetWidth) < ((A = t.value) == null ? void 0 : A.scrollWidth) && (d.value = !0);
   });
-  const p = (u) => {
-    if (i.value = u.target.scrollLeft, n.value = s.value.scrollHeight - u.target.scrollTop, e != null && e.value) {
-      const A = u.target.scrollLeft;
+  const C = (f) => {
+    if (i.value = f.target.scrollLeft, n.value = s.value.scrollHeight - f.target.scrollTop, e != null && e.value) {
+      const A = f.target.scrollLeft;
       e.value.scrollLeft !== A && (e.value.scrollLeft = A);
     }
-  }, m = (u) => {
-    u.key === "Tab" || u.key !== "ArrowRight" && u.key !== "ArrowLeft" || (u.preventDefault(), s.value.scrollLeft = 0, s.value.style.overflowX = "hidden", setTimeout(() => {
+  }, m = (f) => {
+    f.key === "Tab" || f.key !== "ArrowRight" && f.key !== "ArrowLeft" || (f.preventDefault(), s.value.scrollLeft = 0, s.value.style.overflowX = "hidden", setTimeout(() => {
       s.value && (s.value.style.overflowX = "auto");
     }));
-  }, E = (u) => {
-    const A = u.target.scrollLeft;
+  }, S = (f) => {
+    const A = f.target.scrollLeft;
     s.value.scrollLeft !== A && (s.value.scrollLeft = A);
   }, b = v(() => {
-    var u, A, L, F;
-    return (u = a == null ? void 0 : a.pagination) != null && u.value && ((A = a == null ? void 0 : a.stickyPagination) != null && A.value || a != null && a.isDataGridTemplate) && !((L = a == null ? void 0 : a.isLazyLoad) != null && L.value) ? { bottom: `${(((F = o.value) == null ? void 0 : F.clientHeight) ?? 0) + 1}px` } : {};
+    var f, A, L, F;
+    return (f = a == null ? void 0 : a.pagination) != null && f.value && ((A = a == null ? void 0 : a.stickyPagination) != null && A.value || a != null && a.isDataGridTemplate) && !((L = a == null ? void 0 : a.isLazyLoad) != null && L.value) ? { bottom: `${(((F = o.value) == null ? void 0 : F.clientHeight) ?? 0) + 1}px` } : {};
   });
   return {
     // Values
     scrollLeftPosition: i,
     hasLeftOverflow: _,
-    hasRightOverflow: g,
+    hasRightOverflow: d,
     horizontalScrollbarConditionalStyles: b,
     // Methods
-    updateScrollPosition: p,
+    updateScrollPosition: C,
     updateScrollPositionOnFrozenColumnsNavigation: m,
-    syncVirtualScrollerWithBody: E
+    syncVirtualScrollerWithBody: S
   };
 }, Us = (s, t, n, e) => {
-  const o = h(null), l = v(() => {
-    var A, L, F, R;
+  const o = p(null), l = v(() => {
+    var A, L, F, E;
     if (!o.value || o.value.field === le)
       return {
         hoveredOverColumnField: "",
@@ -638,12 +638,12 @@ const ye = "b-row-actions-column", Ds = (s, t, n, e, o, l) => {
         noBorderLeft: !1,
         noBorderRight: !1
       };
-    const a = (L = (A = s.value.find((d) => d.isFrozenColumns)) == null ? void 0 : A.columnSet) == null ? void 0 : L.filter((d) => d.field !== le), i = s.value.find((d) => !(d != null && d.isFrozenColumns)), _ = o.value.frozen && (a == null ? void 0 : a[0].field) === o.value.field, g = !o.value.frozen && ((F = i == null ? void 0 : i.columnSet) == null ? void 0 : F[0].field) === o.value.field, p = (t.value || n.value) && _, m = (t.value || n.value) && !a && g, E = a && g, b = (a == null ? void 0 : a.length) > 0 && o.value.frozen && (a == null ? void 0 : a[a.length - 1].field) === o.value.field, u = n.value && e.value && !o.value.frozen && ((R = i == null ? void 0 : i.columnSet) == null ? void 0 : R[i.columnSet.length - 1].field) === o.value.field;
+    const a = (L = (A = s.value.find((u) => u.isFrozenColumns)) == null ? void 0 : A.columnSet) == null ? void 0 : L.filter((u) => u.field !== le), i = s.value.find((u) => !(u != null && u.isFrozenColumns)), _ = o.value.frozen && (a == null ? void 0 : a[0].field) === o.value.field, d = !o.value.frozen && ((F = i == null ? void 0 : i.columnSet) == null ? void 0 : F[0].field) === o.value.field, C = (t.value || n.value) && _, m = (t.value || n.value) && !a && d, S = a && d, b = (a == null ? void 0 : a.length) > 0 && o.value.frozen && (a == null ? void 0 : a[a.length - 1].field) === o.value.field, f = n.value && e.value && !o.value.frozen && ((E = i == null ? void 0 : i.columnSet) == null ? void 0 : E[i.columnSet.length - 1].field) === o.value.field;
     return {
       hoveredOverColumnField: o.value.field,
-      isSeparatorOffset: u,
-      noBorderLeft: !!p || !!m || !!E,
-      noBorderRight: !!b || !!u
+      isSeparatorOffset: f,
+      noBorderLeft: !!C || !!m || !!S,
+      noBorderRight: !!b || !!f
     };
   });
   return {
@@ -659,42 +659,49 @@ const ye = "b-row-actions-column", Ds = (s, t, n, e, o, l) => {
     return n.forEach((e) => e.node.setAttribute("tabindex", "-1")), n;
 }, Ut = (s) => {
   (s == null ? void 0 : s.length) > 0 && s.forEach((t) => t == null ? void 0 : t.node.setAttribute("tabindex", "0"));
-}, $s = () => {
-  const s = window.getSelection().getRangeAt(0).cloneContents(), t = s.querySelectorAll('[role="row"]');
-  let n = "<table>", e = "";
-  const o = (l) => {
-    l.forEach((a) => {
-      const i = a.closest("[role]").getAttribute("role") === "gridcell" ? "td" : "th", _ = a.textContent.trim();
-      _ && (n += `<${i}>${_}</${i}>`, e += `${_}	`);
+}, $s = (s) => {
+  var _;
+  const t = window.getSelection();
+  if (!t || !t.rangeCount)
+    return;
+  const n = t.getRangeAt(0).cloneContents(), e = (_ = n.textContent) == null ? void 0 : _.trim();
+  if (!e)
+    return;
+  const o = n.querySelectorAll('[role="row"]');
+  let l = "<table>", a = "";
+  const i = (d) => {
+    d.forEach((C) => {
+      const m = C.closest("[role]").getAttribute("role") === "gridcell" ? "td" : "th", S = C.textContent.trim();
+      S && (l += `<${m}>${S}</${m}>`, a += `${S}	`);
     });
   };
-  if (!t.length) {
-    const l = s.querySelectorAll(
+  if (!o.length) {
+    const d = n.querySelectorAll(
       '[role="gridcell"] > .b-typography:first-of-type, [role="columnheader"] .b-typography'
     );
-    if (l.length)
-      n += "<tr>", o(l), n += "</tr>";
+    if (d.length)
+      l += "<tr>", i(d), l += "</tr>";
     else {
-      navigator.clipboard.writeText(s.textContent);
+      s == null || s.preventDefault(), navigator.clipboard.writeText(e);
       return;
     }
   }
-  t.forEach((l) => {
-    const a = l.querySelectorAll(
+  o.forEach((d) => {
+    const C = d.querySelectorAll(
       '[role="gridcell"] > .b-typography:first-of-type, [role="columnheader"] .b-typography'
     );
-    if (n += "<tr>", a.length)
-      o(a);
+    if (l += "<tr>", C.length)
+      i(C);
     else {
-      const i = l.textContent.trim();
-      n += `<td>${i}</td>`, e += `${i}	`;
+      const m = d.textContent.trim();
+      l += `<td>${m}</td>`, a += `${m}	`;
     }
-    n += "</tr>", e += `
+    l += "</tr>", a += `
 `;
-  }), n += "</table>", navigator.clipboard.write([
+  }), l += "</table>", s == null || s.preventDefault(), navigator.clipboard.write([
     new ClipboardItem({
-      "text/html": new Blob([n], { type: "text/html" }),
-      "text/plain": new Blob([e || s.textContent.trim()], { type: "text/plain" })
+      "text/html": new Blob([l], { type: "text/html" }),
+      "text/plain": new Blob([a || e], { type: "text/plain" })
     })
   ]);
 };
@@ -1002,7 +1009,7 @@ const co = ro.exports, uo = {
   },
   emits: ["sort", "column-hover"],
   setup(s, { expose: t, emit: n }) {
-    const e = s, o = 100, { t: l } = he(), { columns: a, sortBy: i } = ke(e), _ = h(), g = h({}), p = h({}), m = h(), E = h(), b = (c) => n(j.SELECT_ALL_ROWS, c), u = (c) => c.field === le, A = v(() => e.selectionState === "all"), L = v(
+    const e = s, o = 100, { t: l } = he(), { columns: a, sortBy: i } = ke(e), _ = p(), d = p({}), C = p({}), m = p(), S = p(), b = (c) => n(j.SELECT_ALL_ROWS, c), f = (c) => c.field === le, A = v(() => e.selectionState === "all"), L = v(
       () => {
         var c, U, X;
         return [
@@ -1041,7 +1048,7 @@ const co = ro.exports, uo = {
           }
         ].filter(Boolean);
       }
-    ), { startResize: F, isResizing: R, columnHoverEventToEmitAfterResizing: d } = hs(a, n), { isSorting: y, getSortingDirection: O, sortByColumnField: x } = Is(i, a, n), r = (c) => {
+    ), { startResize: F, isResizing: E, columnHoverEventToEmitAfterResizing: u } = hs(a, n), { isSorting: y, getSortingDirection: O, sortByColumnField: x } = Is(i, a, n), r = (c) => {
       var ne;
       if (!c.sortable)
         return null;
@@ -1050,7 +1057,7 @@ const co = ro.exports, uo = {
         [be.ASCENDING]: Ie.ASCENDING,
         [be.DESCENDING]: Ie.DESCENDING
       }[U] : Ie.NONE;
-    }, f = v(() => (c) => e.hasDraggableColumns ? {
+    }, g = v(() => (c) => e.hasDraggableColumns ? {
       dragstart: (U) => {
         n(j.COLUMN_DRAG_START, c, U);
       },
@@ -1066,7 +1073,7 @@ const co = ro.exports, uo = {
       dragend: () => {
         n(j.COLUMN_DRAG_END);
       }
-    } : {}), S = v(
+    } : {}), R = v(
       () => (c) => [
         {
           text: l("moveColumnLeft"),
@@ -1098,39 +1105,39 @@ const co = ro.exports, uo = {
         }
       ].filter(Boolean)
     ), T = (c) => {
-      m.value = c.field, E.value && clearTimeout(E.value);
+      m.value = c.field, S.value && clearTimeout(S.value);
     }, B = (c) => {
       const U = setTimeout(() => {
         c.field === m.value && (m.value = "");
       }, o);
-      E.value = U;
+      S.value = U;
     }, P = (c) => {
       let U = {
         mouseenter: () => {
-          T(c), R.value ? d.value = c : n("column-hover", c);
+          T(c), E.value ? u.value = c : n("column-hover", c);
         },
         mouseleave: () => {
-          B(c), R.value ? d.value = null : n("column-hover", null);
+          B(c), E.value ? u.value = null : n("column-hover", null);
         },
         focus: () => {
-          T(c), u(c) && je(g.value[c.field]);
+          T(c), f(c) && je(d.value[c.field]);
         },
         focusout: (X) => {
           var ne;
           (ne = _.value) != null && ne.contains(X == null ? void 0 : X.relatedTarget) || B(c);
         }
       };
-      return u(c) || (U = {
+      return f(c) || (U = {
         ...U,
-        ...f.value(c)
+        ...g.value(c)
       }), U;
     }, k = (c) => c.infoIconTooltip || c.sortable || e.hasColumnPanel, K = (c, U) => {
       var X;
-      ((X = g.value) == null ? void 0 : X[U]) === void 0 && (g.value = { ...g.value, [U]: null }), c !== null && (g.value[U] = c);
+      ((X = d.value) == null ? void 0 : X[U]) === void 0 && (d.value = { ...d.value, [U]: null }), c !== null && (d.value[U] = c);
     }, Y = _e(
       Te,
       v(() => !1)
-    ), ee = _e(xe, h(!1)), G = v(() => {
+    ), ee = _e(xe, p(!1)), G = v(() => {
       var U;
       const c = {
         "b-data-grid-columns--is-measuring": e.isMeasuringColumnWidths
@@ -1147,7 +1154,7 @@ const co = ro.exports, uo = {
     }), M = v(() => ({
       "b-data-grid-columns__select-column--all": e.selectableAcrossPages
     })), w = (c, U) => c && U === 0 ? dt.BOTTOM_START : dt.BOTTOM_END, W = (c, U) => {
-      var X, ne, pe, Re, C, I, H, te, se, Z;
+      var X, ne, pe, Re, h, I, H, te, se, Z;
       return {
         "b-data-grid-columns__column--column-hovered": c.field === e.hoveredOverColumnState.hoveredOverColumnField,
         "b-data-grid-columns__column--column-hovered-no-border-left": c.field === e.hoveredOverColumnState.hoveredOverColumnField && e.hoveredOverColumnState.noBorderLeft,
@@ -1159,7 +1166,7 @@ const co = ro.exports, uo = {
         "b-data-grid-columns__column--numeric": c == null ? void 0 : c.numeric,
         "b-data-grid-columns__column--frozen": c == null ? void 0 : c.frozen,
         "b-data-grid-columns__column--is-re-ordering": (c == null ? void 0 : c.field) === ((Re = (pe = e.draggingColumns) == null ? void 0 : pe.dragging) == null ? void 0 : Re.field),
-        "b-data-grid-columns__column--is-re-ordering-target-left": (c == null ? void 0 : c.field) === ((I = (C = e.draggingColumns) == null ? void 0 : C.target) == null ? void 0 : I.field) && ((H = e.draggingColumns) == null ? void 0 : H.dragToLeft),
+        "b-data-grid-columns__column--is-re-ordering-target-left": (c == null ? void 0 : c.field) === ((I = (h = e.draggingColumns) == null ? void 0 : h.target) == null ? void 0 : I.field) && ((H = e.draggingColumns) == null ? void 0 : H.dragToLeft),
         "b-data-grid-columns__column--is-re-ordering-target-right": (c == null ? void 0 : c.field) === ((se = (te = e.draggingColumns) == null ? void 0 : te.target) == null ? void 0 : se.field) && !((Z = e.draggingColumns) != null && Z.dragToLeft),
         "b-data-grid-columns__column--with-sorting-or-column-panel": c.sortable || c.infoIconTooltip || e.hasColumnPanel || e.selectableAcrossPages,
         "b-data-grid-columns--small-container": Y.value
@@ -1177,8 +1184,8 @@ const co = ro.exports, uo = {
       "b-data-grid-columns__menu--hovered": m.value === c.field || ee.value
     });
     return t({
-      columnHeaderRefs: g
-    }), { __sfc: !0, props: e, emit: n, CLOSING_CONTEXTUAL_MENU_DELAY_MS: o, t: l, columns: a, sortBy: i, allColumnsRef: _, columnHeaderRefs: g, contextMenuRef: p, hoveredColumnField: m, closingTimeOutId: E, onAllRowSelect: b, isActionsColumn: u, isAllSelectionState: A, selectAllMenu: L, startResize: F, isResizing: R, columnHoverEventToEmitAfterResizing: d, isSorting: y, getSortingDirection: O, sortByColumnField: x, getSortingColumnDirection: r, draggingEventsForColumn: f, contextualMenuData: S, showContextualMenu: T, hideContextualMenu: B, dataGridColumnEvents: P, hasColumnActions: k, registerColumnsRefs: K, isSmallContainer: Y, isTouchDevice: ee, conditionalColumnsClasses: G, conditionalSelectColumnClasses: M, computeMenuPosition: w, conditionalColumnClasses: W, conditionalColumnHeaderAndActionsClasses: $, conditionalColumnActionsClasses: z, conditionalColumnSeparatorClasses: ve, conditionalColumnHeaderClasses: me, conditionalColumnMenuClasses: re, BentoCheckbox: Dt, BentoDatagridSortDirection: be, BentoTypography: Se, DATAGRID_ROW_ACTIONS_COLUMN_FIELD_NAME: ye, BentoInfoIcon: rs, DatagridColumnsEvent: j, BentoMenu: Ft, BentoToggleButton: Ze, DecorativeCheckbox: cs, ArrowUpAndDownSortIcon: Hs, SortAscendingIcon: Qs, SortDescendingIcon: oo, TriangleDown: co };
+      columnHeaderRefs: d
+    }), { __sfc: !0, props: e, emit: n, CLOSING_CONTEXTUAL_MENU_DELAY_MS: o, t: l, columns: a, sortBy: i, allColumnsRef: _, columnHeaderRefs: d, contextMenuRef: C, hoveredColumnField: m, closingTimeOutId: S, onAllRowSelect: b, isActionsColumn: f, isAllSelectionState: A, selectAllMenu: L, startResize: F, isResizing: E, columnHoverEventToEmitAfterResizing: u, isSorting: y, getSortingDirection: O, sortByColumnField: x, getSortingColumnDirection: r, draggingEventsForColumn: g, contextualMenuData: R, showContextualMenu: T, hideContextualMenu: B, dataGridColumnEvents: P, hasColumnActions: k, registerColumnsRefs: K, isSmallContainer: Y, isTouchDevice: ee, conditionalColumnsClasses: G, conditionalSelectColumnClasses: M, computeMenuPosition: w, conditionalColumnClasses: W, conditionalColumnHeaderAndActionsClasses: $, conditionalColumnActionsClasses: z, conditionalColumnSeparatorClasses: ve, conditionalColumnHeaderClasses: me, conditionalColumnMenuClasses: re, BentoCheckbox: Dt, BentoDatagridSortDirection: be, BentoTypography: Se, DATAGRID_ROW_ACTIONS_COLUMN_FIELD_NAME: ye, BentoInfoIcon: rs, DatagridColumnsEvent: j, BentoMenu: Ft, BentoToggleButton: Ze, DecorativeCheckbox: cs, ArrowUpAndDownSortIcon: Hs, SortAscendingIcon: Qs, SortDescendingIcon: oo, TriangleDown: co };
   }
 });
 var _o = function() {
@@ -1267,12 +1274,12 @@ const So = bo.exports, Ro = {
   },
   emits: ["visible-column", "updated-column"],
   setup(s, { emit: t }) {
-    const { t: n } = he(), e = h(!1), o = v(() => {
-      var E;
-      return (E = s.column) == null ? void 0 : E.frozen;
+    const { t: n } = he(), e = p(!1), o = v(() => {
+      var S;
+      return (S = s.column) == null ? void 0 : S.frozen;
     }), l = v(() => {
-      var E;
-      return ((E = s.column) == null ? void 0 : E.visible) !== !1;
+      var S;
+      return ((S = s.column) == null ? void 0 : S.visible) !== !1;
     }), a = _e(
       Te,
       v(() => !1)
@@ -1280,9 +1287,9 @@ const So = bo.exports, Ro = {
       t("visible-column", { ...s.column, visible: !l.value });
     }, _ = () => {
       t("updated-column", { ...s.column, frozen: !o.value });
-    }, g = () => {
+    }, d = () => {
       o.value || (e.value = !0);
-    }, p = () => {
+    }, C = () => {
       o.value || (e.value = !1);
     }, m = v(() => ({
       "b-data-grid-config-settings-column-row__freeze-icon--frozen": o.value
@@ -1296,8 +1303,8 @@ const So = bo.exports, Ro = {
       isSmallContainer: a,
       // Methods
       toggleColumnVisibility: i,
-      showFreezeIcon: g,
-      hideFreezeIcon: p,
+      showFreezeIcon: d,
+      hideFreezeIcon: C,
       toggleColumnFreeze: _,
       // Translations
       t: n
@@ -1414,40 +1421,40 @@ const To = yo.exports, Oo = {
     fe.UPDATE_ZEBRA_ROWS
   ],
   setup(s, { emit: t }) {
-    const { t: n } = he(), e = h(null), o = De("data-grid-config-settings-popover"), l = h(null), a = h(!1), i = h(!0), _ = h(null), g = h(""), p = Ue(s, "columns"), m = h(!1), E = vs(g, p), b = () => {
-      g.value = "";
-    }, u = v(
-      () => !s.columns.some((f) => f.visible === !1 && !f.mandatory)
+    const { t: n } = he(), e = p(null), o = De("data-grid-config-settings-popover"), l = p(null), a = p(!1), i = p(!0), _ = p(null), d = p(""), C = Ue(s, "columns"), m = p(!1), S = vs(d, C), b = () => {
+      d.value = "";
+    }, f = v(
+      () => !s.columns.some((g) => g.visible === !1 && !g.mandatory)
     ), A = () => {
       b(), m.value = !m.value, m.value ? ae(() => {
-        var f;
-        return (f = l.value.$refs.bentoInputField) == null ? void 0 : f.focusInput();
+        var g;
+        return (g = l.value.$refs.bentoInputField) == null ? void 0 : g.focusInput();
       }) : ae(() => {
-        var f, S;
-        return (S = (f = _ == null ? void 0 : _.value) == null ? void 0 : f.$el) == null ? void 0 : S.focus();
-      }), i.value = u.value;
-    }, L = (f) => f.mandatory ?? !1, F = (f) => {
-      const S = s.columns.map((T) => ({
+        var g, R;
+        return (R = (g = _ == null ? void 0 : _.value) == null ? void 0 : g.$el) == null ? void 0 : R.focus();
+      }), i.value = f.value;
+    }, L = (g) => g.mandatory ?? !1, F = (g) => {
+      const R = s.columns.map((T) => ({
         ...T,
-        visible: f.field === T.field ? f.visible : T.visible
+        visible: g.field === T.field ? g.visible : T.visible
       }));
-      t(fe.UPDATE_COLUMNS, S);
-    }, R = (f) => {
-      f ? t(
+      t(fe.UPDATE_COLUMNS, R);
+    }, E = (g) => {
+      g ? t(
         fe.UPDATE_COLUMNS,
-        s.columns.map((S) => ({ ...S, visible: !0 }))
+        s.columns.map((R) => ({ ...R, visible: !0 }))
       ) : t(
         fe.UPDATE_COLUMNS,
-        s.columns.map((S) => ({ ...S, visible: (S == null ? void 0 : S.mandatory) === !0 }))
+        s.columns.map((R) => ({ ...R, visible: (R == null ? void 0 : R.mandatory) === !0 }))
       );
-    }, d = (f) => {
-      const S = s.columns.map((T) => ({
+    }, u = (g) => {
+      const R = s.columns.map((T) => ({
         ...T,
-        frozen: f.field === T.field ? !!(f != null && f.frozen) : !!(T != null && T.frozen)
+        frozen: g.field === T.field ? !!(g != null && g.frozen) : !!(T != null && T.frozen)
       }));
-      t(fe.UPDATE_COLUMNS, S);
-    }, y = (f) => {
-      a.value = f, i.value = u.value;
+      t(fe.UPDATE_COLUMNS, R);
+    }, y = (g) => {
+      a.value = g, i.value = f.value;
     };
     return {
       // Values
@@ -1455,23 +1462,23 @@ const To = yo.exports, Oo = {
       popoverId: o,
       isConfigSettingsPanelOpen: a,
       allColumnsVisbilityToggleState: i,
-      filteredColumnVisibilityColumns: E,
-      searchTerm: g,
+      filteredColumnVisibilityColumns: S,
+      searchTerm: d,
       isColumnVisibilityFilterShown: m,
       searchBarRef: l,
       searchButtonRef: _,
       DATAGRID_ACTIONS_COLUMN_FIELD_NAME: le,
       // Methods
       setConfigSettingsPanelVisibility: y,
-      emitCondensedToggle: (f) => t(fe.UPDATE_CONDENSED, f),
-      toggleAllColumnVisibility: R,
+      emitCondensedToggle: (g) => t(fe.UPDATE_CONDENSED, g),
+      toggleAllColumnVisibility: E,
       clearAction: b,
       toggleColumnFilter: A,
       emitVisibleColumns: F,
-      emitFrozenColumns: d,
+      emitFrozenColumns: u,
       onClickOutside: () => y(!1),
       isColumnVisibilityToggleDisabled: L,
-      emitZebraRowsToggle: (f) => t(fe.UPDATE_ZEBRA_ROWS, f),
+      emitZebraRowsToggle: (g) => t(fe.UPDATE_ZEBRA_ROWS, g),
       // Translations
       t: n
     };
@@ -1678,10 +1685,10 @@ const Rt = Ho.exports, Vo = {
   },
   emits: ["menu-open", "menu-close", "menu-item-click"],
   setup(s, { emit: t }) {
-    const n = s, { t: e } = he(), o = _e(xe, h(!1)), l = (d) => {
-      if ("text" in d && d.text !== void 0)
-        return d.text;
-      switch (d.variant) {
+    const n = s, { t: e } = he(), o = _e(xe, p(!1)), l = (u) => {
+      if ("text" in u && u.text !== void 0)
+        return u.text;
+      switch (u.variant) {
         case "copy":
           return e("copy");
         case "edit":
@@ -1691,10 +1698,10 @@ const Rt = Ho.exports, Vo = {
         case "more":
           return e("more");
         default:
-          return d.title;
+          return u.title;
       }
-    }, a = (d) => {
-      switch (d.variant) {
+    }, a = (u) => {
+      switch (u.variant) {
         case "copy":
           return ct;
         case "edit":
@@ -1709,21 +1716,21 @@ const Rt = Ho.exports, Vo = {
       "b-data-grid-cell-actions__background-gradient--zebra": n.hasZebraBackground,
       "b-data-grid-cell-actions__background-gradient--highlighted": n.isHighlighted,
       "b-data-grid-cell-actions__background-gradient--selected": n.isSelected
-    })), g = v(() => ({
+    })), d = v(() => ({
       "b-data-grid-cell-actions__actions--with-row-actions": i.value,
       "b-data-grid-cell-actions__actions--zebra": n.hasZebraBackground,
       "b-data-grid-cell-actions__actions--highlighted": n.isHighlighted,
       "b-data-grid-cell-actions__actions--selected": n.isSelected
-    })), p = v(() => !i.value || i.value && n.hasRightOverflow);
-    function m(d) {
-      return typeof d == "function";
+    })), C = v(() => !i.value || i.value && n.hasRightOverflow);
+    function m(u) {
+      return typeof u == "function";
     }
-    const E = v(() => {
+    const S = v(() => {
       var y;
-      const d = m(n.cellActions) ? (y = n.cellActions) == null ? void 0 : y.call(n, n.rowDataItem, n.columnKey) : n.cellActions;
-      if (o.value && !i.value && d) {
+      const u = m(n.cellActions) ? (y = n.cellActions) == null ? void 0 : y.call(n, n.rowDataItem, n.columnKey) : n.cellActions;
+      if (o.value && !i.value && u) {
         const O = [];
-        return d.forEach((x) => {
+        return u.forEach((x) => {
           x.menuData ? x.menuData.forEach((r) => {
             O.push(r);
           }) : O.push({
@@ -1742,12 +1749,12 @@ const Rt = Ho.exports, Vo = {
           }
         ];
       }
-      return !o.value && (d == null ? void 0 : d.length) > 2 && It(
+      return !o.value && (u == null ? void 0 : u.length) > 2 && It(
         "WARNING: BentoDataGrid Cell actions can only have a maximum of 2 actions, if you need more consider using the menuData property instead."
-      ), d == null ? void 0 : d.slice(0, 2);
-    }), b = v(() => (d, y) => {
-      if (!(!y && d.isShort || y && !d.isShort))
-        switch (d.variant) {
+      ), u == null ? void 0 : u.slice(0, 2);
+    }), b = v(() => (u, y) => {
+      if (!(!y && u.isShort || y && !u.isShort))
+        switch (u.variant) {
           case "copy":
             return e("copy");
           case "edit":
@@ -1757,25 +1764,25 @@ const Rt = Ho.exports, Vo = {
           case "more":
             return e("more");
           default:
-            return d.title;
+            return u.title;
         }
-    }), u = (d) => (d == null ? void 0 : d.event) !== void 0 ? {
+    }), f = (u) => (u == null ? void 0 : u.event) !== void 0 ? {
       click: (y) => {
-        y.stopPropagation(), d.event(n.rowDataItem, n.columnKey);
+        y.stopPropagation(), u.event(n.rowDataItem, n.columnKey);
       }
-    } : {}, A = (d) => ({
-      ...d,
+    } : {}, A = (u) => ({
+      ...u,
       handler: () => {
-        d != null && d.handler && typeof d.handler == "function" && (d == null || d.handler()), d != null && d.event && typeof d.event == "function" && (d == null || d.event(n.rowDataItem, n.columnKey));
+        u != null && u.handler && typeof u.handler == "function" && (u == null || u.handler()), u != null && u.event && typeof u.event == "function" && (u == null || u.event(n.rowDataItem, n.columnKey));
       }
-    }), L = (d) => d.map((y) => {
+    }), L = (u) => u.map((y) => {
       const O = y;
       return O != null && O.items && (O.items = L(O.items)), { ...A(O) };
     });
-    return { __sfc: !0, t: e, props: n, emit: t, isTouchDevice: o, getMenuItemText: l, getMenuItemIcon: a, isRowActions: i, conditionalCellActionsBackgroundGradientClasses: _, conditionalCellActionsClasses: g, showGradientElement: p, isBentoColumnCellActionsByCellValueDataFn: m, computedCellActions: E, getButtonTitle: b, generateButtonEvents: u, generateMenuEvents: A, transformMenuEvents: L, getCopyText: (d) => {
+    return { __sfc: !0, t: e, props: n, emit: t, isTouchDevice: o, getMenuItemText: l, getMenuItemIcon: a, isRowActions: i, conditionalCellActionsBackgroundGradientClasses: _, conditionalCellActionsClasses: d, showGradientElement: C, isBentoColumnCellActionsByCellValueDataFn: m, computedCellActions: S, getButtonTitle: b, generateButtonEvents: f, generateMenuEvents: A, transformMenuEvents: L, getCopyText: (u) => {
       var y, O;
-      return (d == null ? void 0 : d.getCopyData) !== void 0 ? d.getCopyData(n.rowDataItem, n.columnKey) : n.columnKey ? (O = (y = n.rowDataItem) == null ? void 0 : y[n.columnKey]) == null ? void 0 : O.toString() : "";
-    }, shouldShowMenuIconLeft: (d) => d.iconLeft || (d == null ? void 0 : d.variant) === "more", BentoButton: xt, BentoMenu: Ft, Copy: ct, vBentoTooltipDirective: Nt, Edit1Icon: Rt, ExternalLinkIcon: rt, OptionsVerticalIcon: it };
+      return (u == null ? void 0 : u.getCopyData) !== void 0 ? u.getCopyData(n.rowDataItem, n.columnKey) : n.columnKey ? (O = (y = n.rowDataItem) == null ? void 0 : y[n.columnKey]) == null ? void 0 : O.toString() : "";
+    }, shouldShowMenuIconLeft: (u) => u.iconLeft || (u == null ? void 0 : u.variant) === "more", BentoButton: xt, BentoMenu: Ft, Copy: ct, vBentoTooltipDirective: Nt, Edit1Icon: Rt, ExternalLinkIcon: rt, OptionsVerticalIcon: it };
   }
 });
 var qo = function() {
@@ -1982,7 +1989,7 @@ const Et = () => {
   },
   emits: ["on-frozen-columns-key-press", "select-row", "register-row-cell-element", "cell-hovered", "nested-content-toggled", "cell-focus"],
   setup(s, { expose: t, emit: n }) {
-    const e = s, o = We(), l = He(o), { t: a } = he(), i = h(null), _ = h(null), g = h(!1), p = h([]), m = h(!1), E = h(), b = h(!1), u = v(() => {
+    const e = s, o = We(), l = He(o), { t: a } = he(), i = p(null), _ = p(null), d = p(!1), C = p([]), m = p(!1), S = p(), b = p(!1), f = v(() => {
       var w;
       return !!((w = e.rowData) != null && w[e.column.field]);
     }), A = v(
@@ -1992,12 +1999,12 @@ const Et = () => {
       }
     ), L = v(
       () => e.column.field === le && !e.selectable && !e.nestedContent
-    ), F = v(() => !L.value && (x(e.rowIndex, e.colIndex, e.columnSetIndex) === 0 && !b.value || m.value) ? "0" : (e.column.field === le, "-1")), R = (w, W) => (w == null ? void 0 : w.overflow) === $e.ELLIPSIS ? `${W}` : void 0, d = (w) => w ?? "-", y = (w) => e.columnSets.slice(0, w).reduce((W, { columnSet: $ }) => W + $.length, 0), O = (w, W) => w + y(W), x = (w, W, $) => y() * w + O(W, $), r = (w) => {
+    ), F = v(() => !L.value && (x(e.rowIndex, e.colIndex, e.columnSetIndex) === 0 && !b.value || m.value) ? "0" : (e.column.field === le, "-1")), E = (w, W) => (w == null ? void 0 : w.overflow) === $e.ELLIPSIS ? `${W}` : void 0, u = (w) => w ?? "-", y = (w) => e.columnSets.slice(0, w).reduce((W, { columnSet: $ }) => W + $.length, 0), O = (w, W) => w + y(W), x = (w, W, $) => y() * w + O(W, $), r = (w) => {
       var W;
-      (w === null || !i.value.contains(w) && !((W = p.value) != null && W.map(($) => $.value).some(($) => $ === w || ($ == null ? void 0 : $.contains(w))))) && (g.value = !1);
-    }, f = () => {
-      g.value = !1;
-    }, S = h(!1), T = (w) => {
+      (w === null || !i.value.contains(w) && !((W = C.value) != null && W.map(($) => $.value).some(($) => $ === w || ($ == null ? void 0 : $.contains(w))))) && (d.value = !1);
+    }, g = () => {
+      d.value = !1;
+    }, R = p(!1), T = (w) => {
       const W = {
         ...e.draggingEventsForRowCell(w),
         // Focus on the first interactive child in the grid cell if one exists
@@ -2009,52 +2016,52 @@ const Et = () => {
             column: e.column,
             rowIndex: e.rowIndex,
             colIndex: O(e.colIndex, e.columnSetIndex)
-          }), Ut(E.value), await ae(), je(i.value) && (S.value = !0);
+          }), Ut(S.value), await ae(), je(i.value) && (R.value = !0);
         },
         focusout: () => {
-          Et() && (S.value = !1);
+          Et() && (R.value = !1);
         },
         keydown: (z) => {
-          z.key !== ce.TAB && (S.value = !1, m.value = !1, we(i.value));
+          z.key !== ce.TAB && (R.value = !1, m.value = !1, we(i.value));
         }
       }, $ = { ...W };
       return w.frozen && ($.keyup = (z) => n("on-frozen-columns-key-press", z), $.keydown = (z) => {
         W.keydown(z), n("on-frozen-columns-key-press", z);
       }), w.cellActions && ($.mouseenter = () => {
-        g.value = !0;
+        d.value = !0;
       }, $.mouseleave = (z) => {
         r(z == null ? void 0 : z.relatedTarget);
       }, $.focus = async (z) => {
-        W.focus(z), await ae(), g.value = !0;
+        W.focus(z), await ae(), d.value = !0;
       }, $.focusout = (z) => {
         W.focusout(z), r(z == null ? void 0 : z.relatedTarget);
       }), $;
     };
     Ee(() => {
-      E.value = we(i.value);
+      S.value = we(i.value);
     });
     const B = () => {
       n("nested-content-toggled");
     };
     ie(
-      () => g.value,
+      () => d.value,
       () => {
-        g.value === !0 ? n("cell-hovered", e.rowIndex) : n("cell-hovered", -1);
+        d.value === !0 ? n("cell-hovered", e.rowIndex) : n("cell-hovered", -1);
       }
     );
     const P = (w) => {
-      p.value.push(w);
+      C.value.push(w);
     }, k = (w) => {
-      i.value.contains(w == null ? void 0 : w.relatedTarget) || (g.value = !1);
+      i.value.contains(w == null ? void 0 : w.relatedTarget) || (d.value = !1);
     };
     Ne(os, {
       registerMenuContainerElement: P,
       menuMouseLeave: k
     });
-    const K = _e(zt, h(!1)), Y = _e(
+    const K = _e(zt, p(!1)), Y = _e(
       Te,
       v(() => !1)
-    ), ee = _e(xe, h(!1)), G = (w) => {
+    ), ee = _e(xe, p(!1)), G = (w) => {
       var W, $, z, ve, me, re, c;
       return {
         [`b-data-grid-cell--${Q.COLUMN_HOVERED}`]: (w == null ? void 0 : w.field) === e.hoveredOverColumnState.hoveredOverColumnField,
@@ -2077,11 +2084,11 @@ const Et = () => {
         "b-data-grid-cell--small-container": Y.value
       };
     }, M = v(() => ({
-      "b-data-grid-cell__cell-content--is-focused-on-inside-interactive-element": S.value
+      "b-data-grid-cell__cell-content--is-focused-on-inside-interactive-element": R.value
     }));
     return t({
       gridcellRef: i
-    }), { __sfc: !0, slots: o, hasSlot: l, t: a, props: e, emit: n, gridcellRef: i, cellActionsRef: _, shouldShowCellActions: g, childrenMenuContainerElements: p, isFocused: m, focusableItems: E, hasEverBeenFocused: b, hasRowData: u, controlledNestedRowElementIds: A, ariaHidden: L, tabIndex: F, conditionalTitleAttribute: R, getRowData: d, sumColumnAmountsInColumnSets: y, getColIndex: O, getCellIndex: x, isLeavingCellFocus: r, onMenuClose: f, hasInteractiveElFocusedInside: S, getGridcellEvents: T, toggleNestedContent: B, registerMenuContainerElement: P, menuMouseLeave: k, hasSlashedZero: K, isSmallContainer: Y, isTouchDevice: ee, conditionalRowCellClasses: G, computedCellContentClasses: M, DATAGRID_ACTIONS_COLUMN_FIELD_NAME: le, BentoCheckbox: Dt, BentoTypography: Se, BentoToggleButton: Ze, DataGridCellActions: Wt, ChevronDownIcon: ls, ChevronUpIcon: as };
+    }), { __sfc: !0, slots: o, hasSlot: l, t: a, props: e, emit: n, gridcellRef: i, cellActionsRef: _, shouldShowCellActions: d, childrenMenuContainerElements: C, isFocused: m, focusableItems: S, hasEverBeenFocused: b, hasRowData: f, controlledNestedRowElementIds: A, ariaHidden: L, tabIndex: F, conditionalTitleAttribute: E, getRowData: u, sumColumnAmountsInColumnSets: y, getColIndex: O, getCellIndex: x, isLeavingCellFocus: r, onMenuClose: g, hasInteractiveElFocusedInside: R, getGridcellEvents: T, toggleNestedContent: B, registerMenuContainerElement: P, menuMouseLeave: k, hasSlashedZero: K, isSmallContainer: Y, isTouchDevice: ee, conditionalRowCellClasses: G, computedCellContentClasses: M, DATAGRID_ACTIONS_COLUMN_FIELD_NAME: le, BentoCheckbox: Dt, BentoTypography: Se, BentoToggleButton: Ze, DataGridCellActions: Wt, ChevronDownIcon: ls, ChevronUpIcon: as };
   }
 });
 var el = function() {
@@ -2315,58 +2322,58 @@ const sl = nl.exports, ol = {
   },
   emits: ["cell-hovered", "on-frozen-columns-key-press", "select-row", "select-nested-row", "row-click", "nested-content-toggled", "cell-focus"],
   setup(s, { expose: t, emit: n }) {
-    const e = s, o = We(), l = He(o), a = h({}), i = h(!1), _ = h(), g = h(), p = De("nested-content-slot"), m = h(!1), E = h();
+    const e = s, o = We(), l = He(o), a = p({}), i = p(!1), _ = p(), d = p(), C = De("nested-content-slot"), m = p(!1), S = p();
     Ee(() => {
-      g.value && (E.value = we(g.value));
+      d.value && (S.value = we(d.value));
     });
-    const b = v(() => e.shouldShowNestedRows(e.rowData)), u = v(
+    const b = v(() => e.shouldShowNestedRows(e.rowData)), f = v(
       () => {
-        var C, I;
-        return !e.isNestedRow && e.hasNestedRows && b.value && ((I = (C = e.rowData) == null ? void 0 : C.children) == null ? void 0 : I.length) > 0;
+        var h, I;
+        return !e.isNestedRow && e.hasNestedRows && b.value && ((I = (h = e.rowData) == null ? void 0 : h.children) == null ? void 0 : I.length) > 0;
       }
     ), A = v(
       () => {
-        var C, I;
-        return !e.isNestedRow && e.hasNestedRows && b.value && (((C = e.rowData) == null ? void 0 : C.children) === void 0 || ((I = e == null ? void 0 : e.rowData) == null ? void 0 : I.children.length) === 0);
+        var h, I;
+        return !e.isNestedRow && e.hasNestedRows && b.value && (((h = e.rowData) == null ? void 0 : h.children) === void 0 || ((I = e == null ? void 0 : e.rowData) == null ? void 0 : I.children.length) === 0);
       }
     ), L = v(
       () => e.hasNestedContent && e.shouldShowNestedContent(e.rowData) || e.hasNestedRows && b.value && !e.isNestedRow
     ), F = v(() => {
       if (e.hasNestedContent || e.hasNestedRows) {
-        const C = i.value.toString();
+        const h = i.value.toString();
         return {
-          "aria-expanded": L.value ? C : void 0,
+          "aria-expanded": L.value ? h : void 0,
           "aria-level": e.isNestedRow ? "2" : "1",
           "aria-posinset": e.rowIndex + 1,
           "aria-setsize": e.rowSetSize
         };
       }
       return { "aria-rowindex": e.rowIndex + 1 };
-    }), R = v(() => {
+    }), E = v(() => {
       if (A.value)
         return {
           "aria-busy": "true",
           "aria-live": "polite"
         };
-      if (!(u.value || !e.hasNestedContent || !e.shouldShowNestedContent(e.rowData)))
+      if (!(f.value || !e.hasNestedContent || !e.shouldShowNestedContent(e.rowData)))
         return {
           "aria-level": e.isNestedRow ? "3" : "2",
           "aria-posinset": "1",
           "aria-setsize": "1",
-          id: p,
+          id: C,
           role: "row",
           tabindex: "-1"
         };
-    }), d = v(() => {
-      var C, I;
-      return u.value ? (I = (C = e.rowData) == null ? void 0 : C.children) == null ? void 0 : I.reduce((H, te, se) => (H[se] = De("nested-row"), H), {}) : [];
+    }), u = v(() => {
+      var h, I;
+      return f.value ? (I = (h = e.rowData) == null ? void 0 : h.children) == null ? void 0 : I.reduce((H, te, se) => (H[se] = De("nested-row"), H), {}) : [];
     }), y = v(() => {
-      var C;
+      var h;
       if (i.value) {
         if (e.hasNestedContent && e.shouldShowNestedContent(e.rowData))
-          return [p];
-        if (u.value && ((C = Object.keys(d.value)) == null ? void 0 : C.length) > 0) {
-          const I = Object.values(d.value);
+          return [C];
+        if (f.value && ((h = Object.keys(u.value)) == null ? void 0 : h.length) > 0) {
+          const I = Object.values(u.value);
           if ((I == null ? void 0 : I.length) > 0)
             return I;
         }
@@ -2374,69 +2381,69 @@ const sl = nl.exports, ol = {
       }
     }), O = v(() => {
       var I, H;
-      const C = (H = (I = e.rowData) == null ? void 0 : I.children) == null ? void 0 : H.map((te) => e.getDataItemId(te));
-      if ((C == null ? void 0 : C.length) > 0) {
-        const te = C.every((Z) => {
+      const h = (H = (I = e.rowData) == null ? void 0 : I.children) == null ? void 0 : H.map((te) => e.getDataItemId(te));
+      if ((h == null ? void 0 : h.length) > 0) {
+        const te = h.every((Z) => {
           var Ce;
           return (Ce = e == null ? void 0 : e.selectedItems) == null ? void 0 : Ce.includes(Z);
-        }), se = C.some((Z) => {
+        }), se = h.some((Z) => {
           var Ce;
           return (Ce = e == null ? void 0 : e.selectedItems) == null ? void 0 : Ce.includes(Z);
         });
         return !te && se;
       }
       return !1;
-    }), x = (C, I) => {
-      const H = C;
-      C !== null && (H != null && H.gridcellRef) && (a.value[I] = H.gridcellRef);
-    }, r = (C) => d.value[C], f = (C) => {
+    }), x = (h, I) => {
+      const H = h;
+      h !== null && (H != null && H.gridcellRef) && (a.value[I] = H.gridcellRef);
+    }, r = (h) => u.value[h], g = (h) => {
       if (!e.selectable)
         return null;
-      const I = e.getDataItemId(C);
+      const I = e.getDataItemId(h);
       return e.selectedItems.includes(I).toString();
-    }, S = (C, I) => {
-      n("row-click", C, I);
-    }, T = (C) => {
+    }, R = (h, I) => {
+      n("row-click", h, I);
+    }, T = (h) => {
       var te;
       if (!e.allowRowClicks)
         return;
       let I = !1;
       const H = ["button", "input", "a"];
       for (let se = 0; se < H.length; se++)
-        if ((te = C == null ? void 0 : C.target) != null && te.closest(H[se])) {
+        if ((te = h == null ? void 0 : h.target) != null && te.closest(H[se])) {
           I = !0;
           break;
         }
-      I || S(e.rowData, C);
-    }, B = (C) => {
-      n("select-row", C, e.rowData);
-    }, P = (C, I) => {
-      n("select-nested-row", I, e.rowData, C);
+      I || R(e.rowData, h);
+    }, B = (h) => {
+      n("select-row", h, e.rowData);
+    }, P = (h, I) => {
+      n("select-nested-row", I, e.rowData, h);
     }, k = () => {
       m.value = !0;
     }, K = () => {
       m.value = !1;
     }, Y = () => {
-      var C;
-      Ut([(C = E.value) == null ? void 0 : C[0]]), je(g.value);
+      var h;
+      Ut([(h = S.value) == null ? void 0 : h[0]]), je(d.value);
     }, ee = () => {
-      we(g.value);
-    }, G = (C) => {
+      we(d.value);
+    }, G = (h) => {
       var I, H;
-      C.key !== ce.TAB && we(g.value), C.key === ce.ARROW_RIGHT && ((I = E.value) == null ? void 0 : I.length) > 1 && E.value[0].node === document.activeElement ? (we(g.value), E.value[1].node.setAttribute("tabindex", "0"), E.value[1].node.focus(), C.stopPropagation(), C.preventDefault()) : C.key === ce.ARROW_LEFT && ((H = E.value) == null ? void 0 : H.length) > 1 && E.value[1].node === document.activeElement && (we(g.value), E.value[0].node.setAttribute("tabindex", "0"), E.value[0].node.focus(), C.stopPropagation(), C.preventDefault());
-    }, M = () => e.columnSets.reduce((C, { columnSet: I }) => C + I.length, 0), w = () => M() * e.rowIndex + M(), { updateContentHeight: W, contentHeight: $ } = is(_, i), z = v(() => {
-      var C;
+      h.key !== ce.TAB && we(d.value), h.key === ce.ARROW_RIGHT && ((I = S.value) == null ? void 0 : I.length) > 1 && S.value[0].node === document.activeElement ? (we(d.value), S.value[1].node.setAttribute("tabindex", "0"), S.value[1].node.focus(), h.stopPropagation(), h.preventDefault()) : h.key === ce.ARROW_LEFT && ((H = S.value) == null ? void 0 : H.length) > 1 && S.value[1].node === document.activeElement && (we(d.value), S.value[0].node.setAttribute("tabindex", "0"), S.value[0].node.focus(), h.stopPropagation(), h.preventDefault());
+    }, M = () => e.columnSets.reduce((h, { columnSet: I }) => h + I.length, 0), w = () => M() * e.rowIndex + M(), { updateContentHeight: W, contentHeight: $ } = is(_, i), z = v(() => {
+      var h;
       if (e.hasNestedContent || e.hasNestedRows)
         return {
-          paddingLeft: `${u.value || A.value ? 0 : a.value[le].offsetWidth + Mt}px`,
-          "max-height": (e.hasNestedContent || e.hasNestedRows) && $.value && !((C = $ == null ? void 0 : $.value) != null && C.includes("null")) ? $.value : 0
+          paddingLeft: `${f.value || A.value ? 0 : a.value[le].offsetWidth + Mt}px`,
+          "max-height": (e.hasNestedContent || e.hasNestedRows) && $.value && !((h = $ == null ? void 0 : $.value) != null && h.includes("null")) ? $.value : 0
         };
     });
     ie(
       () => _.value,
       () => {
-        let C = null;
-        !C && _.value && (C = Ve(_.value, () => {
+        let h = null;
+        !h && _.value && (h = Ve(_.value, () => {
           _.value && W();
         }));
       }
@@ -2446,10 +2453,10 @@ const sl = nl.exports, ol = {
     };
     ie(
       () => {
-        var C;
-        return (C = e.rowData) == null ? void 0 : C.children;
+        var h;
+        return (h = e.rowData) == null ? void 0 : h.children;
       },
-      (C, I) => {
+      (h, I) => {
         var H, te;
         ((te = (H = e == null ? void 0 : e.rowData) == null ? void 0 : H.children) == null ? void 0 : te.length) > 0 && I === void 0 && !i.value && W();
       }
@@ -2457,24 +2464,24 @@ const sl = nl.exports, ol = {
     const me = _e(
       Te,
       v(() => !1)
-    ), re = (C) => e.highlightedRows.includes(e.getDataItemId(C)), c = (C) => e.selectedItems.includes(e.getDataItemId(C)), U = (C, I) => ({
-      "b-data-grid-row-container__row--disabled": e.isDataItemDisabled(C),
+    ), re = (h) => e.highlightedRows.includes(e.getDataItemId(h)), c = (h) => e.selectedItems.includes(e.getDataItemId(h)), U = (h, I) => ({
+      "b-data-grid-row-container__row--disabled": e.isDataItemDisabled(h),
       "b-data-grid-row-container__row--row-clicks-enabled": e.allowRowClicks,
-      "b-data-grid-row-container__row--highlighted": re(C),
-      "b-data-grid-row-container__row--selected": c(C),
+      "b-data-grid-row-container__row--highlighted": re(h),
+      "b-data-grid-row-container__row--selected": c(h),
       "b-data-grid-row-container__row--hovered": e.hoveredRowIndex === I,
       "b-data-grid-row-container__row--is-last-child": e.isRowLastChild && !i.value,
       "b-data-grid-row-container__row--nested-row": e.isNestedRow,
       "b-data-grid-row-container__row--zebra": e.isRowEven
-    }), X = (C, I) => ({
-      "b-data-grid-row-container__row-cell-set--frozen": C && !I,
-      [`b-data-grid-row-container__row-cell-set--${ge.OVERFLOW_SHADOW_LEFT}`]: !I && C && e.hasLeftOverflow,
-      "b-data-grid-row-container__row-cell-set--frozen-separator": !I && C && e.showFrozenColumnsSeparator,
-      "b-data-grid-row-container__row-cell-set--unfrozen": !C || I,
+    }), X = (h, I) => ({
+      "b-data-grid-row-container__row-cell-set--frozen": h && !I,
+      [`b-data-grid-row-container__row-cell-set--${ge.OVERFLOW_SHADOW_LEFT}`]: !I && h && e.hasLeftOverflow,
+      "b-data-grid-row-container__row-cell-set--frozen-separator": !I && h && e.showFrozenColumnsSeparator,
+      "b-data-grid-row-container__row-cell-set--unfrozen": !h || I,
       "b-data-grid-row-container__row-cell-set--is-measuring": e.isMeasuringColumnWidths
     }), ne = v(() => ({
       "b-data-grid-row-container__row-nested-slot--is-last-child": e.isRowLastChild,
-      "b-data-grid-row-container__row-nested-slot": !u.value && e.shouldShowNestedContent(e.rowData)
+      "b-data-grid-row-container__row-nested-slot": !f.value && e.shouldShowNestedContent(e.rowData)
     })), pe = v(() => ({
       "b-data-grid-row-container__row-actions-container--row-actions-menu-open": m.value
     })), Re = v(() => ({
@@ -2482,8 +2489,8 @@ const sl = nl.exports, ol = {
     }));
     return t({
       gridcellRefs: a,
-      rowActionsRef: g
-    }), { __sfc: !0, slots: o, hasSlot: l, props: e, emit: n, gridcellRefs: a, isNestedContentShown: i, nestedContentRef: _, rowActionsRef: g, nestedContentSlotId: p, isRowActionMenuOpen: m, focusableItems: E, shouldShowNestedRowsBooleanResult: b, shouldShowRenderNestedRows: u, isLoadingNestedRows: A, shouldShowNestedContentToggle: L, ariaRowAttributes: F, nestedContentContainerDivAriaAttributes: R, nestedRowIds: d, allNestedRowIds: y, hasUnSelectedNestedRows: O, registerRowCellRef: x, getRowId: r, getRowAriaSelectedValue: f, emitRowClick: S, onRowClick: T, onRowSelect: B, onNestedRowSelect: P, onRowActionMenuOpen: k, onRowActionMenuClose: K, onRowActionsCellFocus: Y, onRowActionsCellFocusOut: ee, onRowActionsCellOnKeyDown: G, sumColumnAmountsInColumnSets: M, getRowActionsCellIndex: w, updateContentHeight: W, contentHeight: $, nestedContentStyles: z, nestedContentToggled: ve, isSmallContainer: me, isHighlightedRow: re, isSelectedRow: c, conditionalRowClasses: U, conditionalRowSetClasses: X, conditionalNestedRowClasses: ne, conditionalRowActionsContainerClasses: pe, computedRowActionsStyles: Re, BentoLoadingIndicator: Ge, DataGridRow: Gt, DataGridCell: sl, DataGridCellActions: Wt };
+      rowActionsRef: d
+    }), { __sfc: !0, slots: o, hasSlot: l, props: e, emit: n, gridcellRefs: a, isNestedContentShown: i, nestedContentRef: _, rowActionsRef: d, nestedContentSlotId: C, isRowActionMenuOpen: m, focusableItems: S, shouldShowNestedRowsBooleanResult: b, shouldShowRenderNestedRows: f, isLoadingNestedRows: A, shouldShowNestedContentToggle: L, ariaRowAttributes: F, nestedContentContainerDivAriaAttributes: E, nestedRowIds: u, allNestedRowIds: y, hasUnSelectedNestedRows: O, registerRowCellRef: x, getRowId: r, getRowAriaSelectedValue: g, emitRowClick: R, onRowClick: T, onRowSelect: B, onNestedRowSelect: P, onRowActionMenuOpen: k, onRowActionMenuClose: K, onRowActionsCellFocus: Y, onRowActionsCellFocusOut: ee, onRowActionsCellOnKeyDown: G, sumColumnAmountsInColumnSets: M, getRowActionsCellIndex: w, updateContentHeight: W, contentHeight: $, nestedContentStyles: z, nestedContentToggled: ve, isSmallContainer: me, isHighlightedRow: re, isSelectedRow: c, conditionalRowClasses: U, conditionalRowSetClasses: X, conditionalNestedRowClasses: ne, conditionalRowActionsContainerClasses: pe, computedRowActionsStyles: Re, BentoLoadingIndicator: Ge, DataGridRow: Gt, DataGridCell: sl, DataGridCellActions: Wt };
   }
 });
 var al = function() {
@@ -2494,16 +2501,16 @@ var al = function() {
   }, function(l) {
     return !l.type.indexOf("key") && t._k(l.keyCode, "space", 32, l.key, [" ", "Spacebar"]) ? null : e.onRowClick.apply(null, arguments);
   }] } }, "div", e.ariaRowAttributes, !1), [t._l(t.columnSets, function({ columnSet: l, id: a, isFrozenColumns: i }, _) {
-    return [l != null && l.length ? n("div", { key: `data-grid-rows-${a}`, staticClass: "b-data-grid-row-container__cells", class: e.conditionalRowSetClasses(i, e.isSmallContainer), attrs: { "data-testid": `data-grid-${a}-rows` } }, t._l(l, function(g, p) {
-      return n(e.DataGridCell, { key: `cell-${g.field}`, ref: (m) => e.registerRowCellRef(m, g.field), refInFor: !0, staticClass: "b-data-grid-row-container__cell", attrs: { column: g, "column-set-index": _, "col-index": p, "column-sets": t.columnSets, condensed: t.condensed, "dragging-columns": t.draggingColumns, "dragging-events-for-row-cell": t.draggingEventsForRowCell, "get-data-item-id": t.getDataItemId, "has-zebra-background": t.isRowEven, "is-highlighted": e.isHighlightedRow(t.rowData), "is-selected": e.isSelectedRow(t.rowData), "hovered-over-column-state": t.hoveredOverColumnState, "is-data-item-disabled": t.isDataItemDisabled, "is-measuring-column-widths": t.isMeasuringColumnWidths, "is-nested-content-expanded": e.isNestedContentShown, "nested-content": e.shouldShowNestedContentToggle, "nested-rows-element-ids": e.allNestedRowIds, "row-data": t.rowData, "row-index": t.rowIndex, "selection-is-indeterminate": e.hasUnSelectedNestedRows, selectable: t.selectable, "selected-items": t.selectedItems }, on: { "cell-hovered": function(m) {
+    return [l != null && l.length ? n("div", { key: `data-grid-rows-${a}`, staticClass: "b-data-grid-row-container__cells", class: e.conditionalRowSetClasses(i, e.isSmallContainer), attrs: { "data-testid": `data-grid-${a}-rows` } }, t._l(l, function(d, C) {
+      return n(e.DataGridCell, { key: `cell-${d.field}`, ref: (m) => e.registerRowCellRef(m, d.field), refInFor: !0, staticClass: "b-data-grid-row-container__cell", attrs: { column: d, "column-set-index": _, "col-index": C, "column-sets": t.columnSets, condensed: t.condensed, "dragging-columns": t.draggingColumns, "dragging-events-for-row-cell": t.draggingEventsForRowCell, "get-data-item-id": t.getDataItemId, "has-zebra-background": t.isRowEven, "is-highlighted": e.isHighlightedRow(t.rowData), "is-selected": e.isSelectedRow(t.rowData), "hovered-over-column-state": t.hoveredOverColumnState, "is-data-item-disabled": t.isDataItemDisabled, "is-measuring-column-widths": t.isMeasuringColumnWidths, "is-nested-content-expanded": e.isNestedContentShown, "nested-content": e.shouldShowNestedContentToggle, "nested-rows-element-ids": e.allNestedRowIds, "row-data": t.rowData, "row-index": t.rowIndex, "selection-is-indeterminate": e.hasUnSelectedNestedRows, selectable: t.selectable, "selected-items": t.selectedItems }, on: { "cell-hovered": function(m) {
         return e.emit("cell-hovered", m);
       }, "cell-focus": function(m) {
         return e.emit("cell-focus", m);
       }, "on-frozen-columns-key-press": function(m) {
         return e.emit("on-frozen-columns-key-press", m);
-      }, "select-row": e.onRowSelect, "nested-content-toggled": e.nestedContentToggled }, scopedSlots: t._u([t._l(e.slots, function(m, E) {
-        return { key: E, fn: function(b) {
-          return [t._t(E, null, null, b)];
+      }, "select-row": e.onRowSelect, "nested-content-toggled": e.nestedContentToggled }, scopedSlots: t._u([t._l(e.slots, function(m, S) {
+        return { key: S, fn: function(b) {
+          return [t._t(S, null, null, b)];
         } };
       })], null, !0) });
     }), 1) : t._e(), !i && t.rowActions ? n("div", { key: `data-grid-row-actions-${a}`, ref: "rowActionsRef", refInFor: !0, staticClass: "b-data-grid-row-container__row-actions-container", class: e.conditionalRowActionsContainerClasses, style: e.computedRowActionsStyles, attrs: { "aria-colindex": e.sumColumnAmountsInColumnSets().toString(), "data-cellindex": e.getRowActionsCellIndex(), tabindex: "-1", role: "gridcell" }, on: { focus: e.onRowActionsCellFocus, focusOut: e.onRowActionsCellFocusOut, keydown: e.onRowActionsCellOnKeyDown } }, [n(e.DataGridCellActions, { staticClass: "b-data-grid-row-container__row-actions", attrs: { "disable-arrow-down-opening-menu": "", "cell-actions": t.rowActions, "has-right-overflow": t.hasRightOverflow, "row-data-item": t.rowData, "teleport-menu": "" }, on: { "menu-open": e.onRowActionMenuOpen, "menu-close": e.onRowActionMenuClose } })], 1) : t._e()];
@@ -2517,8 +2524,8 @@ var al = function() {
     }, "select-row": function(i) {
       return e.onNestedRowSelect(l, i);
     } }, scopedSlots: t._u([t._l(e.slots, function(i, _) {
-      return { key: _, fn: function(g) {
-        return [t._t(_, null, null, g)];
+      return { key: _, fn: function(d) {
+        return [t._t(_, null, null, d)];
       } };
     })], null, !0) }, "data-grid-row", e.props, !1));
   })], 2)]) : e.isNestedContentShown ? n("div", t._b({ class: e.conditionalNestedRowClasses, style: e.nestedContentStyles, attrs: { "data-testid": "nested-content-container", role: "row", tabindex: "-1" } }, "div", e.nestedContentContainerDivAriaAttributes, !1), [n("div", { ref: "nestedContentRef", attrs: { role: "gridcell" } }, [e.isLoadingNestedRows ? n("div", { staticClass: "b-data-grid-row-container__row-nested-rows-loading-container" }, [n(e.BentoLoadingIndicator)], 1) : e.hasSlot("nested-slot") && t.shouldShowNestedContent(t.rowData) ? n("div", [t._t("nested-slot", null, { item: t.rowData })], 2) : t._e()])]) : t._e()]) : t._e()], 1);
@@ -2621,7 +2628,7 @@ const Ga = hl.exports, pl = {
     tooltipText: { default: null }
   },
   setup(s) {
-    const t = s, { tc: n } = he(), e = h(), o = v(() => ({
+    const t = s, { tc: n } = he(), e = p(), o = v(() => ({
       popoverPosition: "right",
       // Setting popover defaults, but they are overriden if used passes dashedUnderline prop
       popoverTitle: t.label,
@@ -2632,9 +2639,9 @@ const Ga = hl.exports, pl = {
         disabled: !1
       }
     })), l = v(() => {
-      var g;
-      return ((g = t.searchTerm) == null ? void 0 : g.toLowerCase()) ?? "";
-    }), a = (g) => t.searchTerm && g.toLowerCase().includes(l.value) ? "mark" : "span", i = v(() => t.searchTerm ? t.items.filter((g) => g.toLowerCase().includes(l.value)).length : 0), _ = v(
+      var d;
+      return ((d = t.searchTerm) == null ? void 0 : d.toLowerCase()) ?? "";
+    }), a = (d) => t.searchTerm && d.toLowerCase().includes(l.value) ? "mark" : "span", i = v(() => t.searchTerm ? t.items.filter((d) => d.toLowerCase().includes(l.value)).length : 0), _ = v(
       () => t.tooltipText ?? (i.value > 0 ? n("numberResults", i.value) : "")
     );
     return { __sfc: !0, tc: n, props: t, dashedUnderlineRef: e, dashedUnderlineProps: o, lowerCaseSearchTerm: l, highlightedComponent: a, highlightedItemsCount: i, computedToolTipText: _, BentoDashedUnderline: Zn, BentoTypography: Se, Tooltip: Vn, BentoTooltipPosition: Hn };
@@ -3122,49 +3129,49 @@ const Za = Vl.exports, Zl = {
     N.CELL_FOCUS
   ],
   setup(s, { expose: t, emit: n }) {
-    const e = s, o = We(), l = He(o), a = h(null), i = h(), _ = h({}), g = h(De("data-grid")), p = h(null), m = h(null), E = h(null), b = h(null), u = h(null), A = h(null), {
+    const e = s, o = We(), l = He(o), a = p(null), i = p(), _ = p({}), d = p(De("data-grid")), C = p(null), m = p(null), S = p(null), b = p(null), f = p(null), A = p(null), {
       allowColumnDragAndDrop: L,
       columns: F,
-      columnPanel: R,
-      data: d,
+      columnPanel: E,
+      data: u,
       lazyLoadType: y,
       loading: O,
       hasNestedContent: x,
       hasNestedRows: r,
-      selectable: f,
-      selection: S,
+      selectable: g,
+      selection: R,
       selectableAcrossPages: T,
       stickyPagination: B,
       outline: P,
       pagination: k,
       zebraRows: K
-    } = ke(e), Y = h(-1), { t: ee } = he(), G = v(() => ne.value.filter((D) => D.frozen).length), M = 550, w = h(), { width: W } = es(w), $ = v(() => W.value <= M);
+    } = ke(e), Y = p(-1), { t: ee } = he(), G = v(() => ne.value.filter((D) => D.frozen).length), M = 550, w = p(), { width: W } = es(w), $ = v(() => W.value <= M);
     Ne(Te, $);
-    const z = h(!1);
+    const z = p(!1);
     Ee(() => {
       typeof window < "u" && (z.value = "ontouchstart" in window || (navigator == null ? void 0 : navigator.maxTouchPoints) > 0);
     }), Ne(xe, z);
     const ve = _e(
       Qn,
       () => ({
-        additionalContentSlotRef: h(null),
+        additionalContentSlotRef: p(null),
         isDataGridTemplate: !1,
-        stickyAditionalContent: h(!1),
-        stickyTabs: h(!1),
-        tabsRef: h(null)
+        stickyAditionalContent: p(!1),
+        stickyTabs: p(!1),
+        tabsRef: p(null)
       })
     ), { additionalContentSlotRef: me, isDataGridTemplate: re, stickyTabs: c, tabsRef: U, stickyAdditionalContent: X } = ve(), {
       columnDefs: ne,
       onColumnWidthOverride: pe,
       gridRowWidthStyle: Re,
-      isMeasuringColumnWidths: C,
+      isMeasuringColumnWidths: h,
       isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: I,
       columns: H,
       totalWidthOfAllColumns: te,
       rowActionsMaxWidth: se
-    } = Os(F, d, a, _, p, {
-      hasColumnPanel: R,
-      hasSelectableColumn: f,
+    } = Os(F, u, a, _, C, {
+      hasColumnPanel: E,
+      hasSelectableColumn: g,
       hasSelectableAcrossPages: T,
       hasNestedContent: x,
       hasNestedRows: r,
@@ -3192,7 +3199,7 @@ const Za = Vl.exports, Zl = {
       onConfigSettingsZebraRowsUpdate: Jt
     } = Ps(ne, K, Z), { hoveredOverColumn: Kt, hoveredOverColumnState: Xt } = Us(
       Be,
-      f,
+      g,
       P,
       I
     ), { draggingColumns: Qt, draggingEventsForColumns: en, draggingEventsForRowCell: tn, onMoveColumnByOffset: nn } = Bs(Fe, L, Z), Je = v(
@@ -3209,9 +3216,9 @@ const Za = Vl.exports, Zl = {
       selectedItems: Ke,
       selectionState: cn
     } = Ns(
-      S,
+      R,
       Z,
-      d,
+      u,
       e.getDataItemId,
       e.isDataItemDisabled,
       Je,
@@ -3219,19 +3226,19 @@ const Za = Vl.exports, Zl = {
     ), dn = v(() => {
       var D, V, J, ue;
       return {
-        filtered: ((D = E.value) == null ? void 0 : D.isClearAllVisible) || ((V = E.value) == null ? void 0 : V.isResetAllVisible) || !!e.filterSearchTerm,
+        filtered: ((D = S.value) == null ? void 0 : D.isClearAllVisible) || ((V = S.value) == null ? void 0 : V.isResetAllVisible) || !!e.filterSearchTerm,
         allRowsVisible: ((J = k.value) == null ? void 0 : J.size) >= ((ue = k.value) == null ? void 0 : ue.totalCount)
       };
     }), { navigationInput: un } = Ds(
-      p,
+      C,
       _,
       Fe,
-      f,
+      g,
       v(() => e.rowActions !== void 0),
-      R
+      E
     ), { isLazyLoad: Oe, isInfiniteScroll: fn, verticalScrollPosition: Xe, emitLazyLoadEvent: gn } = Fs(
       y,
-      u,
+      f,
       a,
       O,
       Z
@@ -3256,7 +3263,7 @@ const Za = Vl.exports, Zl = {
         isDataGridTemplate: re
       }
     ), et = () => {
-      E.value.isClearAllVisible ? E.value.clearAllFilters() : E.value.isResetAllVisible && E.value.resetAllFilters();
+      S.value.isClearAllVisible ? S.value.clearAllFilters() : S.value.isResetAllVisible && S.value.resetAllFilters();
     }, hn = v(() => {
       var D, V;
       return {
@@ -3296,8 +3303,8 @@ const Za = Vl.exports, Zl = {
         const Mn = e.rowActions !== void 0 && (J == null ? void 0 : J.rowActionsRef);
         Object.entries(J == null ? void 0 : J.gridcellRefs).map(([Me, Un]) => {
           var lt;
-          ((lt = p.value) == null ? void 0 : lt[Me]) === void 0 && (p.value = { ...p.value, [Me]: [] }), p.value[Me][V] = Un;
-        }), Mn && (((ue = p.value) == null ? void 0 : ue[ye]) === void 0 && (p.value = { ...p.value, [ye]: [] }), p.value[ye][V] = (Le = J.rowActionsRef) == null ? void 0 : Le[0], se.value = Math.max(
+          ((lt = C.value) == null ? void 0 : lt[Me]) === void 0 && (C.value = { ...C.value, [Me]: [] }), C.value[Me][V] = Un;
+        }), Mn && (((ue = C.value) == null ? void 0 : ue[ye]) === void 0 && (C.value = { ...C.value, [ye]: [] }), C.value[ye][V] = (Le = J.rowActionsRef) == null ? void 0 : Le[0], se.value = Math.max(
           se.value,
           ((ot = (Ae = J.rowActionsRef) == null ? void 0 : Ae[0]) == null ? void 0 : ot.offsetWidth) ?? 0
         ));
@@ -3328,36 +3335,36 @@ const Za = Vl.exports, Zl = {
       "WARNING: At least one BentoDataGrid column should be set as mandatory to ensure data is always displayed correctly."
     );
     const st = _e(Xn, () => null);
-    return st(e.tabTitle), Ne(zt, Ue(e, "slashedZero")), t({ onEmptyStateClearResetButtonClick: et }), { __sfc: !0, props: e, slots: o, hasSlot: l, body: a, columnsRef: i, columnHeaderRefs: _, dataGridUid: g, gridcellRefs: p, filtersRef: m, filterBarRef: E, paginationContainerRef: b, verticalScrollPositionRef: u, virtualHorizontalScrollbarRef: A, allowColumnDragAndDrop: L, columns: F, columnPanel: R, data: d, lazyLoadType: y, loading: O, hasNestedContent: x, hasNestedRows: r, selectable: f, selection: S, selectableAcrossPages: T, stickyPagination: B, outline: P, pagination: k, zebraRows: K, hoveredRowIndex: Y, t: ee, frozenColumnsLength: G, MOBILE_BREAKPOINT: M, dataGridRef: w, width: W, isSmallContainer: $, isTouchDevice: z, registerDatagridInDataGridTemplate: ve, additionalContentSlotRef: me, isDataGridTemplate: re, stickyTabs: c, tabsRef: U, stickyAdditionalContent: X, columnDefs: ne, onColumnWidthOverride: pe, gridRowWidthStyle: Re, isMeasuringColumnWidths: C, isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: I, localColumnsState: H, totalWidthOfAllColumns: te, rowActionsMaxWidth: se, definedEmitsFunction: n, emit: Z, stickyFiltersHeight: Ce, computedStickyFiltersTopPosition: Ht, columnHeadersHeight: qe, computedColumnHeadersTopPosition: Vt, sortedColumns: Fe, columnSets: Be, isOnlyOneVisibleColumn: Zt, internalZebraRows: Ye, onConfigSettingsColumnsUpdate: jt, onConfigSettingsColumnUpdate: qt, onConfigSettingsCondensedUpdate: Yt, onConfigSettingsZebraRowsUpdate: Jt, hoveredOverColumn: Kt, hoveredOverColumnState: Xt, draggingColumns: Qt, draggingEventsForColumns: en, draggingEventsForRowCell: tn, onMoveColumnByOffset: nn, selectableAcrossPagesComputed: Je, onAllRowSelect: sn, onRowSelect: on, onNestedRowSelect: ln, onDeselectAll: an, allItemsSelectedState: rn, selectedItems: Ke, selectionState: cn, visibleRowsState: dn, navigationInput: un, isLazyLoad: Oe, isInfiniteScroll: fn, verticalScrollPosition: Xe, emitLazyLoadEvent: gn, updateScrollPosition: _n, updateScrollPositionOnFrozenColumnsNavigation: vn, syncVirtualScrollerWithBody: mn, hasLeftOverflow: Pe, hasRightOverflow: Qe, horizontalScrollbarConditionalStyles: Cn, onEmptyStateClearResetButtonClick: et, limitedEmptyStateProps: hn, conditionalGridClasses: pn, conditionalGridBodyClasses: wn, computedColumnPanelAlignment: bn, showFrozenColumnsSeparator: Sn, conditionalFilterClasses: Rn, conditionalPaginationClasses: En, registerColumnHeaderRefs: Ln, registerRowCellRefs: An, onRowClick: yn, onCellHover: Tn, ariaGridRole: On, itemsSelectedCounter: tt, showActionBar: Nn, onColumnResized: In, onSort: Dn, onPaginationNavigate: xn, onItemsPerPageChange: Fn, onSearchTermCleared: Bn, onSearchTermInput: Pn, hasMandatoryColumn: nt, setTitle: st, BentoActionBar: qn, BentoPagination: Yn, BentoLoadingIndicator: Ge, BentoTypography: Se, BentoDataGridConfigSettings: Fo, DataGridColumns: Co, DataGridLazyLoad: zo, DataGridRow: Gt, handleClipboard: $s, BentoDatagridEvent: N, BentoFilterBar: Jn, BentoEmptyState: Kn };
+    return st(e.tabTitle), Ne(zt, Ue(e, "slashedZero")), t({ onEmptyStateClearResetButtonClick: et }), { __sfc: !0, props: e, slots: o, hasSlot: l, body: a, columnsRef: i, columnHeaderRefs: _, dataGridUid: d, gridcellRefs: C, filtersRef: m, filterBarRef: S, paginationContainerRef: b, verticalScrollPositionRef: f, virtualHorizontalScrollbarRef: A, allowColumnDragAndDrop: L, columns: F, columnPanel: E, data: u, lazyLoadType: y, loading: O, hasNestedContent: x, hasNestedRows: r, selectable: g, selection: R, selectableAcrossPages: T, stickyPagination: B, outline: P, pagination: k, zebraRows: K, hoveredRowIndex: Y, t: ee, frozenColumnsLength: G, MOBILE_BREAKPOINT: M, dataGridRef: w, width: W, isSmallContainer: $, isTouchDevice: z, registerDatagridInDataGridTemplate: ve, additionalContentSlotRef: me, isDataGridTemplate: re, stickyTabs: c, tabsRef: U, stickyAdditionalContent: X, columnDefs: ne, onColumnWidthOverride: pe, gridRowWidthStyle: Re, isMeasuringColumnWidths: h, isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: I, localColumnsState: H, totalWidthOfAllColumns: te, rowActionsMaxWidth: se, definedEmitsFunction: n, emit: Z, stickyFiltersHeight: Ce, computedStickyFiltersTopPosition: Ht, columnHeadersHeight: qe, computedColumnHeadersTopPosition: Vt, sortedColumns: Fe, columnSets: Be, isOnlyOneVisibleColumn: Zt, internalZebraRows: Ye, onConfigSettingsColumnsUpdate: jt, onConfigSettingsColumnUpdate: qt, onConfigSettingsCondensedUpdate: Yt, onConfigSettingsZebraRowsUpdate: Jt, hoveredOverColumn: Kt, hoveredOverColumnState: Xt, draggingColumns: Qt, draggingEventsForColumns: en, draggingEventsForRowCell: tn, onMoveColumnByOffset: nn, selectableAcrossPagesComputed: Je, onAllRowSelect: sn, onRowSelect: on, onNestedRowSelect: ln, onDeselectAll: an, allItemsSelectedState: rn, selectedItems: Ke, selectionState: cn, visibleRowsState: dn, navigationInput: un, isLazyLoad: Oe, isInfiniteScroll: fn, verticalScrollPosition: Xe, emitLazyLoadEvent: gn, updateScrollPosition: _n, updateScrollPositionOnFrozenColumnsNavigation: vn, syncVirtualScrollerWithBody: mn, hasLeftOverflow: Pe, hasRightOverflow: Qe, horizontalScrollbarConditionalStyles: Cn, onEmptyStateClearResetButtonClick: et, limitedEmptyStateProps: hn, conditionalGridClasses: pn, conditionalGridBodyClasses: wn, computedColumnPanelAlignment: bn, showFrozenColumnsSeparator: Sn, conditionalFilterClasses: Rn, conditionalPaginationClasses: En, registerColumnHeaderRefs: Ln, registerRowCellRefs: An, onRowClick: yn, onCellHover: Tn, ariaGridRole: On, itemsSelectedCounter: tt, showActionBar: Nn, onColumnResized: In, onSort: Dn, onPaginationNavigate: xn, onItemsPerPageChange: Fn, onSearchTermCleared: Bn, onSearchTermInput: Pn, hasMandatoryColumn: nt, setTitle: st, BentoActionBar: qn, BentoPagination: Yn, BentoLoadingIndicator: Ge, BentoTypography: Se, BentoDataGridConfigSettings: Fo, DataGridColumns: Co, DataGridLazyLoad: zo, DataGridRow: Gt, handleClipboard: $s, BentoDatagridEvent: N, BentoFilterBar: Jn, BentoEmptyState: Kn };
   }
 });
 var ql = function() {
   var o;
   var t = this, n = t._self._c, e = t._self._setupProxy;
   return n("div", { ref: "dataGridRef", staticClass: "b-data-grid", class: e.conditionalGridClasses, attrs: { "data-testid": "data-grid", "aria-live": "polite", "aria-busy": e.loading }, on: { copy: e.handleClipboard } }, [t.filters ? n("div", { ref: "filtersRef", staticClass: "b-data-grid__filters", class: e.conditionalFilterClasses, style: { top: e.computedStickyFiltersTopPosition }, attrs: { "aria-controls": e.dataGridUid, "aria-label": e.t("filterBar"), role: "region" } }, [t.filters ? n(e.BentoFilterBar, { ref: "filterBarRef", attrs: { config: t.filters, "container-size-layout": t.filtersContainerSizeLayout, "filter-values": t.filterValues, "filter-values-object": t.filterValuesObject, search: t.filterSearchConfig, "search-term": t.filterSearchTerm }, on: { "search-input": e.onSearchTermInput, "search-clear": e.onSearchTermCleared, input: (l) => t.$emit(e.BentoDatagridEvent.UPDATE_FILTERS, l), "update:filter-values": (l) => t.$emit(e.BentoDatagridEvent.UPDATE_FILTER_VALUES, l), "update:filter-values-object": (l) => t.$emit(e.BentoDatagridEvent.UPDATE_FILTER_VALUES_OBJECT, l) } }) : t._e()], 1) : t._e(), t.$slots.header ? n("div", { staticClass: "b-data-grid__header" }, [t._t("header")], 2) : t._e(), n("div", { staticClass: "b-data-grid__wrapper", style: { top: e.computedColumnHeadersTopPosition }, attrs: { id: e.dataGridUid, role: e.ariaGridRole, "aria-rowcount": e.data.length, "aria-colcount": e.columns.length, "aria-label": t.emptyState ? e.t("noResults") : null } }, [n("div", { staticClass: "b-data-grid__column-headers", style: { top: e.computedColumnHeadersTopPosition } }, [n("div", { ref: "columnsRef", staticClass: "b-data-grid__columns-row", attrs: { role: "rowgroup" }, on: { scroll: e.updateScrollPosition, keydown: e.navigationInput } }, [e.columnPanel ? n("div", { attrs: { role: "row" } }, [n(e.BentoDataGridConfigSettings, { staticClass: "b-data-grid__config-settings", attrs: { role: "gridcell", columns: e.localColumnsState, condensed: t.condensed, "zebra-rows": e.internalZebraRows }, on: { "update:condensed": e.onConfigSettingsCondensedUpdate, "update:zebra-rows": e.onConfigSettingsZebraRowsUpdate, "update:columns": e.onConfigSettingsColumnsUpdate } })], 1) : t._e(), n("div", { staticClass: "b-data-grid__columns", style: e.gridRowWidthStyle, attrs: { role: "row" } }, [t._l(e.columnSets, function({ columnSet: l, id: a, isFrozenColumns: i }, _) {
-    var g;
-    return [l != null && l.length ? n(e.DataGridColumns, t._g({ key: `data-grid-columns-${a}`, ref: (p) => e.registerColumnHeaderRefs(p), refInFor: !0, attrs: { columns: l, "has-resizable-columns": t.hasResizableColumns, "sort-by": t.sortBy, "all-items-selected-state": e.allItemsSelectedState, "is-frozen-columns": i, "show-frozen-columns-separator": e.showFrozenColumnsSeparator, "dragging-columns": e.draggingColumns, "has-draggable-columns": e.allowColumnDragAndDrop, "has-column-panel": e.columnPanel, "has-left-overflow": e.hasLeftOverflow, "has-first-column-panel-right-aligned": _ === e.computedColumnPanelAlignment, "hovered-over-column-state": e.hoveredOverColumnState, "is-measuring-column-widths": e.isMeasuringColumnWidths, "is-only-one-visible-column": e.isOnlyOneVisibleColumn, selectable: ((g = e.data) == null ? void 0 : g.length) > 0 && e.selectable, "selectable-across-pages": e.selectableAcrossPagesComputed, "selected-items": e.selectedItems, "visible-rows-state": e.visibleRowsState, "selection-state": e.selectionState, "truncate-column-headers": t.truncateColumnHeaders, "row-actions-maximum-width": e.rowActionsMaxWidth }, on: { "column-hover": function(p) {
-      e.hoveredOverColumn = p;
-    }, "column-move": e.onMoveColumnByOffset, "column-update": e.onConfigSettingsColumnUpdate, "column-resize": e.onColumnResized, "column-resizing": e.onColumnWidthOverride, "select-all-rows": e.onAllRowSelect, "select-all-across-pages": function(p) {
+    var d;
+    return [l != null && l.length ? n(e.DataGridColumns, t._g({ key: `data-grid-columns-${a}`, ref: (C) => e.registerColumnHeaderRefs(C), refInFor: !0, attrs: { columns: l, "has-resizable-columns": t.hasResizableColumns, "sort-by": t.sortBy, "all-items-selected-state": e.allItemsSelectedState, "is-frozen-columns": i, "show-frozen-columns-separator": e.showFrozenColumnsSeparator, "dragging-columns": e.draggingColumns, "has-draggable-columns": e.allowColumnDragAndDrop, "has-column-panel": e.columnPanel, "has-left-overflow": e.hasLeftOverflow, "has-first-column-panel-right-aligned": _ === e.computedColumnPanelAlignment, "hovered-over-column-state": e.hoveredOverColumnState, "is-measuring-column-widths": e.isMeasuringColumnWidths, "is-only-one-visible-column": e.isOnlyOneVisibleColumn, selectable: ((d = e.data) == null ? void 0 : d.length) > 0 && e.selectable, "selectable-across-pages": e.selectableAcrossPagesComputed, "selected-items": e.selectedItems, "visible-rows-state": e.visibleRowsState, "selection-state": e.selectionState, "truncate-column-headers": t.truncateColumnHeaders, "row-actions-maximum-width": e.rowActionsMaxWidth }, on: { "column-hover": function(C) {
+      e.hoveredOverColumn = C;
+    }, "column-move": e.onMoveColumnByOffset, "column-update": e.onConfigSettingsColumnUpdate, "column-resize": e.onColumnResized, "column-resizing": e.onColumnWidthOverride, "select-all-rows": e.onAllRowSelect, "select-all-across-pages": function(C) {
       return e.emit(e.BentoDatagridEvent.SELECT_ALL_ACROSS_PAGES);
-    }, "select-all-current-results": function(p) {
+    }, "select-all-current-results": function(C) {
       return e.emit(e.BentoDatagridEvent.SELECT_ALL_CURRENT_RESULTS);
-    }, "deselect-all-current-results": function(p) {
+    }, "deselect-all-current-results": function(C) {
       return e.emit(e.BentoDatagridEvent.DESELECT_ALL_CURRENT_RESULTS);
-    }, "deselect-all": e.onDeselectAll, sort: e.onSort }, scopedSlots: t._u([t._l(e.slots, function(p, m) {
-      return { key: m, fn: function(E) {
-        return [t._t(m, null, null, E)];
+    }, "deselect-all": e.onDeselectAll, sort: e.onSort }, scopedSlots: t._u([t._l(e.slots, function(C, m) {
+      return { key: m, fn: function(S) {
+        return [t._t(m, null, null, S)];
       } };
     })], null, !0) }, e.draggingEventsForColumns)) : t._e()];
   })], 2)])]), n("div", { ref: "body", staticClass: "b-data-grid__body", class: e.conditionalGridBodyClasses, attrs: { "data-testid": "data-grid-body" }, on: { scroll: e.updateScrollPosition } }, [e.loading && !e.isLazyLoad ? n("div", { staticClass: "b-data-grid__loading" }, [n(e.BentoLoadingIndicator, { staticClass: "b-data-grid__loading-indicator", attrs: { large: "" } }), n(e.BentoTypography, { attrs: { el: "span", variant: "caption" } }, [t._v(t._s(e.t("gettingYourData")))])], 1) : n("div", { attrs: { role: "rowgroup" }, on: { keydown: e.navigationInput } }, [((o = e.data) == null ? void 0 : o.length) === 0 && t.emptyState ? [n("div", { attrs: { role: "row", tabindex: "-1" } }, [n("div", { attrs: { role: "gridcell", "aria-colspan": e.columns.length, tabindex: "-1" } }, [n(e.BentoEmptyState, t._b({ staticClass: "b-data-grid__empty-state" }, "bento-empty-state", e.limitedEmptyStateProps, !1))], 1)])] : t._l(e.data, function(l, a) {
     var i, _;
-    return n(e.DataGridRow, { key: a, ref: (g) => e.registerRowCellRefs(g, a), refInFor: !0, style: e.gridRowWidthStyle, attrs: { "allow-row-clicks": t.allowRowClicks, "column-sets": e.columnSets, condensed: t.condensed, "dragging-columns": e.draggingColumns, "dragging-events-for-row-cell": e.draggingEventsForRowCell, "get-data-item-id": t.getDataItemId, "has-nested-content": e.hasNestedContent, "has-nested-rows": e.hasNestedRows, "has-left-overflow": e.hasLeftOverflow, "has-right-overflow": e.hasRightOverflow, "highlighted-rows": t.highlightedRows, "hovered-row-index": e.hoveredRowIndex, "hovered-over-column-state": e.hoveredOverColumnState, "is-data-item-disabled": t.isDataItemDisabled, "is-row-even": e.internalZebraRows ? a % 2 !== 0 : !1, "is-row-last-child": a + 1 === ((i = e.data) == null ? void 0 : i.length), "is-measuring-column-widths": e.isMeasuringColumnWidths, "row-actions-maximum-width": e.rowActionsMaxWidth, "row-actions": t.rowActions, "row-data": l, "row-index": a, "row-set-size": (_ = e.data) == null ? void 0 : _.length, "show-frozen-columns-separator": e.showFrozenColumnsSeparator, "should-show-nested-content": t.shouldShowNestedContent, "should-show-nested-rows": t.shouldShowNestedRows, selectable: e.selectable, "selected-items": e.selectedItems }, on: { "cell-hovered": e.onCellHover, "cell-focus": function(g) {
-      return e.emit(e.BentoDatagridEvent.CELL_FOCUS, g);
-    }, "nested-content-toggled": function(g) {
-      return e.emit(e.BentoDatagridEvent.NESTED_CONTENT_TOGGLED, g);
-    }, "row-click": e.onRowClick, "on-frozen-columns-key-press": e.updateScrollPositionOnFrozenColumnsNavigation, "select-row": e.onRowSelect, "select-nested-row": e.onNestedRowSelect }, scopedSlots: t._u([t._l(e.slots, function(g, p) {
-      return { key: p, fn: function(m) {
-        return [t._t(p, null, null, m)];
+    return n(e.DataGridRow, { key: a, ref: (d) => e.registerRowCellRefs(d, a), refInFor: !0, style: e.gridRowWidthStyle, attrs: { "allow-row-clicks": t.allowRowClicks, "column-sets": e.columnSets, condensed: t.condensed, "dragging-columns": e.draggingColumns, "dragging-events-for-row-cell": e.draggingEventsForRowCell, "get-data-item-id": t.getDataItemId, "has-nested-content": e.hasNestedContent, "has-nested-rows": e.hasNestedRows, "has-left-overflow": e.hasLeftOverflow, "has-right-overflow": e.hasRightOverflow, "highlighted-rows": t.highlightedRows, "hovered-row-index": e.hoveredRowIndex, "hovered-over-column-state": e.hoveredOverColumnState, "is-data-item-disabled": t.isDataItemDisabled, "is-row-even": e.internalZebraRows ? a % 2 !== 0 : !1, "is-row-last-child": a + 1 === ((i = e.data) == null ? void 0 : i.length), "is-measuring-column-widths": e.isMeasuringColumnWidths, "row-actions-maximum-width": e.rowActionsMaxWidth, "row-actions": t.rowActions, "row-data": l, "row-index": a, "row-set-size": (_ = e.data) == null ? void 0 : _.length, "show-frozen-columns-separator": e.showFrozenColumnsSeparator, "should-show-nested-content": t.shouldShowNestedContent, "should-show-nested-rows": t.shouldShowNestedRows, selectable: e.selectable, "selected-items": e.selectedItems }, on: { "cell-hovered": e.onCellHover, "cell-focus": function(d) {
+      return e.emit(e.BentoDatagridEvent.CELL_FOCUS, d);
+    }, "nested-content-toggled": function(d) {
+      return e.emit(e.BentoDatagridEvent.NESTED_CONTENT_TOGGLED, d);
+    }, "row-click": e.onRowClick, "on-frozen-columns-key-press": e.updateScrollPositionOnFrozenColumnsNavigation, "select-row": e.onRowSelect, "select-nested-row": e.onNestedRowSelect }, scopedSlots: t._u([t._l(e.slots, function(d, C) {
+      return { key: C, fn: function(m) {
+        return [t._t(C, null, null, m)];
       } };
     })], null, !0) });
   })], 2)])]), e.isLazyLoad ? n(e.DataGridLazyLoad, { attrs: { loading: e.loading, "is-infinite-scroll": e.isInfiniteScroll }, on: { "update:show-more": e.emitLazyLoadEvent } }) : t._e(), t.stickyHorizontalScrollbar ? n("div", { ref: "virtualHorizontalScrollbarRef", staticClass: "b-data-grid__horizontal-scrollbar", style: e.horizontalScrollbarConditionalStyles, attrs: { "aria-hidden": "true", "data-testid": "sticky-horizontal-scrollbar" }, on: { scroll: e.syncVirtualScrollerWithBody } }, [n("div", { style: { width: `${e.totalWidthOfAllColumns}px`, height: "15px" } })]) : t._e(), e.pagination && !e.isLazyLoad ? n("div", { ref: "paginationContainerRef", staticClass: "b-data-grid__pagination", class: e.conditionalPaginationClasses, attrs: { "data-testid": "pagination-container" } }, [n(e.BentoPagination, t._b({ attrs: { "aria-label": t.$t("pagination"), "aria-controls": e.dataGridUid }, on: { navigate: e.onPaginationNavigate, "items-page": e.onItemsPerPageChange } }, "bento-pagination", e.pagination, !1), [e.hasSlot("pagination-slot") ? t._t("pagination-slot") : t._e()], 2)], 1) : t._e(), t.$slots.footer ? n("div", { staticClass: "b-data-grid__footer" }, [t._t("footer")], 2) : t._e(), e.showActionBar ? n(e.BentoActionBar, { attrs: { actions: t.bulkActions, "item-counter": e.itemsSelectedCounter, "extra-bottom-spacing": e.stickyPagination }, on: { close: e.onDeselectAll } }) : t._e()], 1);
@@ -3382,4 +3389,4 @@ export {
   be as h,
   ge as i
 };
-//# sourceMappingURL=data-grid.BvukOpky.js.map
+//# sourceMappingURL=data-grid.u3f__x8_.js.map