@adyen/bento-vue2 1.86.1 → 1.87.0

package/dist/chunks/{data-grid.7trhuJ5D.js → data-grid.ZjYQaN9_.js}

@@ -1,51 +1,51 @@
-import { ref as p, onMounted as Re, nextTick as le, watch as ae, onUnmounted as Ot, reactive as ke, toRefs as We, computed as v, watchEffect as zn, onBeforeUpdate as kn, defineComponent as de, inject as me, toRef as $e, useSlots as Ge, provide as Oe } from "vue";
-import { C as Wn } from "./checkmark-circle-fill.BttTCjrM.js";
-import { W as Gn } from "./warning-filled.CbJ1pcB2.js";
+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 { C as kn } from "./checkmark-circle-fill.BttTCjrM.js";
+import { W as Wn } from "./warning-filled.CbJ1pcB2.js";
 /* empty css              */
 import { n as q } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { C as Nt } from "./cross.CC_B-vG-.js";
-import { N as it } from "./minus-small.DJacLGTw.js";
-import { b as Hn } from "./popper-container.D4dworD4.js";
-import { E as ce, b as It, B as Vn, T as Zn } from "./tooltip.DF11J3k3.js";
-import { B as jn } from "./dashed-underline.Dfw7cJ-9.js";
-import { B as Se, p as Dt } from "./typography.C8lPlsbD.js";
+import { C as Ot } from "./cross.CC_B-vG-.js";
+import { N as at } from "./minus-small.DJacLGTw.js";
+import { b as Gn } from "./popper-container.C_n9Ds1W.js";
+import { E as ce, b as Nt, B as Hn, T as Vn } from "./tooltip.CbsNGnhw.js";
+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 qn } from "./tag.Cy3XkSDQ.js";
-import { B as Yn } from "./action-bar.Dnkt4yn7.js";
-import { B as Jn } from "./pagination.wuEIlDcq.js";
-import { B as He } from "./loading-indicator.PxbRzshH.js";
-import { u as Ve } from "./use-has-slot.C9lQZ6nz.js";
-import { g as Ie } from "./generate-uid.NJ8tVoha.js";
-import { a as Ue } from "./filter-bar.BUVhS3jE.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 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.DkKvGUEm.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.BkJqgYF1.js";
-import { o as Ze } from "./resize.Bqks3WUm.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 xt } from "./focus-trap.DMc1wL3A.js";
-import { B as Ft } from "./checkbox.DoeTl4xh.js";
-import { B as Bt } from "./button.Ctj3rkxw.js";
-import { c as je, f as Pt, h as ts, b as ns, a as ss, O as rt, D as os } from "./button-actions.VSc47LLH.js";
-import { E as ct } from "./link.DKimL08z.js";
-import { C as dt } from "./copy.BXykYfg0.js";
+import { b as Dt } from "./focus-trap.DRqjHzt6.js";
+import { B as xt } from "./checkbox.Dxvh9si9.js";
+import { B as Ft } from "./button.Ctj3rkxw.js";
+import { c as Ze, f as Bt, 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";
+import { C as ct } from "./copy.DSNuoLZf.js";
 import { C as ls } from "./chevron-down.eYtgv5ly.js";
 import { C as as } from "./chevron-up.d8cwIlA_.js";
 import { u as is } from "./use-expandable-content-height.GkjjbmPy.js";
-import { B as rs } from "./info-icon.DS9ax8ZD.js";
-import { D as cs } from "./use-cached-selected-values.wn2xnwYG.js";
-import { B as ut } from "./popover.types.DkiRUQ4Z.js";
+import { B as rs } from "./info-icon.BF8KxU-k.js";
+import { D as cs } from "./use-cached-selected-values.DiIjmiF_.js";
+import { B as dt } from "./popover.types.hA13DZPg.js";
 import { A as ds } from "./arrow-left.CRREfabP.js";
 import { A as us } from "./arrow-right.Dn3AYpUP.js";
 import { H as fs, S as gs } from "./show.B_mKPF6I.js";
-import { l as ft } from "./events.BQOQSSb7.js";
-import { B as Mt } from "./toggle.B1z1YPe_.js";
-import { B as _s } from "./search-bar.UVSaoX0h.js";
-import { u as vs } from "./dropdown.DDPfKc74.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 { S as ms } from "./search.D53Ia3rC.js";
 import { B as Cs } from "./directive.rXUeDb8p.js";
 import "../assets/data-grid.css";
-const gt = (s) => {
+const ft = (s) => {
   if (!s)
     return 0;
   const t = window.getComputedStyle(s);
@@ -57,23 +57,23 @@ const gt = (s) => {
   }
   const o = parseFloat(t.top);
   return !isNaN(o) && o < 0 && (n += o), n;
-}, _t = (s, t, n = p(!1), e = null) => {
-  const o = p(0);
+}, gt = (s, t, n = h(!1), e = null) => {
+  const o = h(0);
   let l = null, a = null;
   const i = () => {
-    const _ = t.value ? gt(s.value) : 0, g = n.value && e ? gt(e.value) : 0;
+    const _ = t.value ? ft(s.value) : 0, g = n.value && e ? ft(e.value) : 0;
     o.value = _ + g;
   };
-  return Re(() => {
-    le(() => {
-      const _ = ae(
+  return Ee(() => {
+    ae(() => {
+      const _ = ie(
         s,
         () => {
-          s != null && s.value && (le(() => _()), l = Ze(s.value, i), a = new MutationObserver(i), a.observe(s.value, { attributes: !0, attributeFilter: ["class"] }));
+          s != null && s.value && (ae(() => _()), l = Ve(s.value, i), a = new MutationObserver(i), a.observe(s.value, { attributes: !0, attributeFilter: ["class"] }));
         },
         { immediate: !0 }
       );
-      ae(
+      ie(
         [t, n],
         () => {
           i();
@@ -81,37 +81,37 @@ const gt = (s) => {
         { immediate: !0 }
       );
     });
-  }), Ot(() => {
+  }), Tt(() => {
     l == null || l.disconnect(), a == null || a.disconnect();
   }), o;
 };
-var ze = /* @__PURE__ */ ((s) => (s.WRAP = "wrap", s.ELLIPSIS = "ellipsis", s))(ze || {}), 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 || {}), ve = /* @__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))(ve || {}), 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 || {}), Ne = /* @__PURE__ */ ((s) => (s.ASCENDING = "ascending", s.DESCENDING = "descending", s.NONE = "none", s))(Ne || {});
+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 = p(null), e = p(!1), o = p(void 0), l = s.value.reduce((L, F) => (L[F.field] = null, L), {}), a = ke(l), i = We(a);
+  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 w = v(
-    () => Object.fromEntries(s.value.map(({ field: L, width: F, minWidth: S }) => [L, { width: F, minWidth: S }]))
+  const p = v(
+    () => Object.fromEntries(s.value.map(({ field: L, width: F, minWidth: R }) => [L, { width: F, minWidth: R }]))
   );
-  zn(() => o.value = w.value);
+  $n(() => o.value = p.value);
   let m = null, E = null;
   const b = (L) => {
-    const F = L.clientX - _, S = g, d = o.value[S].width + F;
-    o.value[S].width = d > w.value[S].minWidth ? d : w.value[S].minWidth, t(j.COLUMN_RESIZING, o.value), _ = L.clientX;
+    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;
-  }, y = (L, F, S) => {
-    if (S.preventDefault(), L) {
-      if (e.value = !0, S.buttons !== 1) {
+  }, A = (L, F, R) => {
+    if (R.preventDefault(), L) {
+      if (e.value = !0, R.buttons !== 1) {
         u();
         return;
       }
-      g = F, _ = S.clientX, m = ft(window, "mousemove", b), E = ft(window, "mouseup", u);
+      g = F, _ = R.clientX, m = ut(window, "mousemove", b), E = ut(window, "mouseup", u);
     }
   };
-  return ae(
+  return ie(
     () => e.value,
     (L, F) => {
       !L && F && (t(j.COLUMN_HOVER, n.value), n.value = null);
@@ -119,11 +119,11 @@ const hs = (s, t) => {
   ), {
     resizeData: o,
     allColumnRefs: i,
-    startResize: y,
+    startResize: A,
     isResizing: e,
     columnHoverEventToEmitAfterResizing: n
   };
-}, ps = 100, vt = 50, oe = "b-actions-column", ws = 42, bs = 56, Ss = 56, Rs = 80, Es = 36, Ls = 1, Ut = 16, ys = 20, As = (s, t, n) => {
+}, ps = 100, _t = 50, le = "b-actions-column", ws = 42, bs = 56, Ss = 56, Rs = 80, Es = 36, Ls = 1, Mt = 16, As = 20, ys = (s, t, n) => {
   const e = {}, o = [], l = (i) => {
     const _ = e[i];
     _ && _.frozen !== !0 && (e[i].frozen = !0, o.push(i));
@@ -132,7 +132,7 @@ const hs = (s, t) => {
     if (o.length === n.length)
       return;
     const i = { min: {} };
-    let _ = s, g = t, w = 0;
+    let _ = s, g = t, p = 0;
     o.forEach((m) => {
       _ -= e[m].computedWidth, g -= e[m].flex;
     });
@@ -140,34 +140,34 @@ const hs = (s, t) => {
       const b = n[m];
       if (e[b.field] && e[b.field].frozen === !0)
         continue;
-      let y = _ / g * b.flex;
-      y < b.minWidth && (w += b.minWidth - y, y = b.minWidth, i.min[b.field] = !0), e[b.field] = {
+      let A = _ / g * b.flex;
+      A < b.minWidth && (p += b.minWidth - A, A = b.minWidth, i.min[b.field] = !0), e[b.field] = {
         frozen: !1,
-        computedWidth: y,
+        computedWidth: A,
         flex: b.flex
       };
     }
-    w > 0 ? Object.keys(i.min).forEach((m) => {
+    p > 0 ? Object.keys(i.min).forEach((m) => {
       l(m);
     }) : n.forEach(({ field: m }) => {
       l(m);
     }), a();
   }
   return a(), e;
-}, mt = (s, t) => {
+}, vt = (s, t) => {
   let n = Ls;
-  return t && (n += Ut * 2), s != null && s.offsetWidth ? s.offsetWidth + n : 0;
+  return t && (n += Mt * 2), s != null && s.offsetWidth ? s.offsetWidth + n : 0;
 }, Ts = (s) => {
   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 = p(s.value), i = p(t), _ = p(n), g = p(e), w = p(o), m = p(!1), E = p(0);
-  ae(
+  const a = h(s.value), i = h(t), _ = h(n), g = h(e), p = h(o), m = h(!1), E = h(0);
+  ie(
     () => s.value,
     (r, f) => {
       var T, B;
-      const R = (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) || !R) {
+      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) {
         a.value = s.value;
         return;
       }
@@ -177,12 +177,12 @@ const hs = (s, t) => {
       });
     }
   );
-  const b = p();
+  const b = h();
   let u = null;
-  const y = v(() => {
+  const A = v(() => {
     var K, Y, ee;
     const r = [];
-    let f = 0, R = 0;
+    let f = 0, S = 0;
     const T = {};
     let B = a.value.filter((G) => G.visible !== !1);
     const P = a.value.filter((G) => G.visible === !1);
@@ -190,7 +190,7 @@ const hs = (s, t) => {
       const G = Ts(l);
       B = [
         {
-          field: oe,
+          field: le,
           label: "",
           minWidth: G,
           width: G,
@@ -201,36 +201,36 @@ const hs = (s, t) => {
       ];
     }
     B.forEach((G) => {
-      const U = { ...G };
-      let C;
-      U.flex && U.flex > 0 ? (f += U.flex, C = 0, r.push(U)) : C = Math.max(
-        (U == null ? void 0 : U.width) ?? ps,
-        (U == null ? void 0 : U.minWidth) ?? vt
-      ), R += C, U.width = C, U.minWidth = (U == null ? void 0 : U.minWidth) ?? vt, T[U.field] = U;
-    }), R += E.value;
-    const k = Math.max(b.value - R, 0);
+      const M = { ...G };
+      let w;
+      M.flex && M.flex > 0 ? (f += 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 = As(k, f, r);
-      Object.keys(G).forEach((U) => {
-        T[U].width = G[U].computedWidth;
+      const G = ys(k, f, r);
+      Object.keys(G).forEach((M) => {
+        T[M].width = G[M].computedWidth;
       });
     }
     return P.forEach((G) => {
-      const U = { ...G };
-      T[U.field] = U;
+      const M = { ...G };
+      T[M.field] = M;
     }), Object.values(T);
-  }), L = p(void 0), F = (r) => {
+  }), L = h(void 0), F = (r) => {
     L.value = { ...L.value, ...r };
-  }, S = async () => {
-    a.value.some((r) => r == null ? void 0 : r.autoWidth) && (m.value = !0, await le(), a == null || a.value.filter((r) => r == null ? void 0 : r.autoWidth).forEach(({ field: r, minWidth: f }) => {
+  }, 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 }) => {
       var P, k, K, Y;
-      const R = mt(
+      const S = vt(
         (P = g.value) == null ? void 0 : P[r],
         (k = l == null ? void 0 : l.hasColumnPanel) == null ? void 0 : k.value
-      ), T = (Y = (K = w.value) == null ? void 0 : K[r]) == null ? void 0 : Y.reduce(
-        (ee, G) => Math.max(ee, mt(G)),
+      ), T = (Y = (K = p.value) == null ? void 0 : K[r]) == null ? void 0 : Y.reduce(
+        (ee, G) => Math.max(ee, vt(G)),
         0
-      ), B = Math.max(R, T ?? 0);
+      ), B = Math.max(S, T ?? 0);
       (f === void 0 || B > f) && F({
         [r]: {
           width: B
@@ -238,64 +238,64 @@ const hs = (s, t) => {
       });
     }), m.value = !1);
   };
-  ae([() => a.value, () => i.value], async () => {
-    a.value.some((r) => r == null ? void 0 : r.autoWidth) && await S();
+  ie([() => a.value, () => i.value], async () => {
+    a.value.some((r) => r == null ? void 0 : r.autoWidth) && await R();
   });
   const d = v(
-    () => y.value.map((r) => {
-      var f, R;
+    () => A.value.map((r) => {
+      var f, S;
       return {
         ...r,
         // Override column width with resized ones
-        width: ((R = (f = L.value) == null ? void 0 : f[r.field]) == null ? void 0 : R.width) ?? r.width
+        width: ((S = (f = L.value) == null ? void 0 : f[r.field]) == null ? void 0 : S.width) ?? r.width
       };
     })
-  ), A = v(
+  ), y = v(
     () => {
       var r;
-      return ((r = d.value) == null ? void 0 : r.filter(({ visible: f }) => f !== !1).reduce((f, R) => R.width + f, 0)) + E.value;
+      return ((r = d.value) == null ? void 0 : r.filter(({ visible: f }) => f !== !1).reduce((f, S) => S.width + f, 0)) + E.value;
     }
   ), O = v(
-    () => b.value <= A.value
-  ), D = v(() => ({
-    width: b.value > A.value ? "100%" : "fit-content"
+    () => b.value <= y.value
+  ), x = v(() => ({
+    width: b.value > y.value ? "100%" : "fit-content"
   }));
-  return Re(() => {
+  return Ee(() => {
     var f;
-    const r = l != null && l.isDataGridTemplate ? ys : 0;
-    le(() => {
+    const r = l != null && l.isDataGridTemplate ? As : 0;
+    ae(() => {
       _.value && (b.value = _.value.getBoundingClientRect().width - r);
-      const R = ae(
+      const S = ie(
         _,
         () => {
-          _.value && (le(() => R()), u = Ze(_.value, ({ width: T }) => {
+          _.value && (ae(() => S()), u = Ve(_.value, ({ width: T }) => {
             b.value = T - r;
           }));
         },
         { immediate: !0 }
       );
     }), (f = document == null ? void 0 : document.fonts) != null && f.ready ? document.fonts.ready.then(() => {
-      S();
-    }) : S();
-  }), Ot(() => {
+      R();
+    }) : R();
+  }), Tt(() => {
     u == null || u.disconnect();
-  }), kn(() => {
+  }), zn(() => {
     var r;
-    w.value && ((r = Object.keys(w.value)) == null ? void 0 : r.length) > 0 && Object.keys(w.value).forEach((R) => {
-      w.value[R] = [];
+    p.value && ((r = Object.keys(p.value)) == null ? void 0 : r.length) > 0 && Object.keys(p.value).forEach((S) => {
+      p.value[S] = [];
     });
   }), {
     columnDefs: d,
-    gridRowWidthStyle: D,
+    gridRowWidthStyle: x,
     onColumnWidthOverride: F,
     isMeasuringColumnWidths: m,
     isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: O,
     columns: a,
-    totalWidthOfAllColumns: A,
+    totalWidthOfAllColumns: y,
     rowActionsMaxWidth: E
   };
 }, Ns = (s, t, n, e, o, l, a) => {
-  const i = p(s.value ?? []), _ = ke({
+  const i = h(s.value ?? []), _ = ze({
     allItemsSelected: !1,
     isIndeterminate: !1
   }), g = v(
@@ -303,239 +303,239 @@ const hs = (s, t) => {
       var f;
       return [r, ((f = r == null ? void 0 : r.children) == null ? void 0 : f.length) > 0 ? r == null ? void 0 : r.children : []];
     }).flat()
-  ), w = v(
+  ), p = v(
     () => {
       var r, f;
-      return ((r = n.value) == null ? void 0 : r.length) > 0 && ((f = g.value) == null ? void 0 : f.every((R) => i.value.includes(e(R))));
+      return ((r = n.value) == null ? void 0 : r.length) > 0 && ((f = g.value) == null ? void 0 : f.every((S) => i.value.includes(e(S))));
     }
   ), m = v(
     () => {
       var r, f;
-      return ((r = n.value) == null ? void 0 : r.length) > 0 && ((f = g.value) == null ? void 0 : f.filter((R) => !o(R)).every((R) => i.value.includes(e(R))));
+      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))));
     }
   ), E = v(
     () => {
       var r, f;
-      return ((r = n.value) == null ? void 0 : r.length) > 0 && !((f = g.value) != null && f.some((R) => i.value.includes(e(R))));
+      return ((r = n.value) == null ? void 0 : r.length) > 0 && !((f = g.value) != null && f.some((S) => i.value.includes(e(S))));
     }
   ), b = v(
     () => {
       var r, f;
-      return ((r = n.value) == null ? void 0 : r.length) > 0 && !((f = g.value) != null && f.filter((R) => !o(R)).some((R) => i.value.includes(e(R))));
+      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))));
     }
   ), u = 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;
-  }), y = () => {
+  }), A = () => {
     t(N.SELECT, i.value), t(N.UPDATE_SELECTION, i.value);
   }, L = (r) => {
-    var f, R;
-    i.value = r, w.value ? (_.allItemsSelected = !0, _.isIndeterminate = !1) : (_.allItemsSelected = !1, _.isIndeterminate = ((f = i.value) == null ? void 0 : f.length) > 0 && ((R = n.value) == null ? void 0 : R.length) > 0 && n.value.some(
+    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(
       (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))));
       }
     ));
   }, F = (r) => {
-    le(() => {
-      var R, T;
+    ae(() => {
+      var S, T;
       _.allItemsSelected = r;
-      const f = ((T = (R = g.value) == null ? void 0 : R.filter(
+      const f = ((T = (S = g.value) == null ? void 0 : S.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 = !w.value) : (i.value = i.value.filter((B) => !f.includes(B)), _.isIndeterminate = !E.value), y();
+      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();
     });
-  }, S = () => {
-    le(() => {
-      L([]), y();
+  }, R = () => {
+    ae(() => {
+      L([]), A();
     });
   }, d = (r, f) => {
-    le(() => {
-      var R;
-      L(((R = f == null ? void 0 : f.children) == null ? void 0 : R.length) > 0 ? A(r, f) : r), y();
+    ae(() => {
+      var S;
+      L(((S = f == null ? void 0 : f.children) == null ? void 0 : S.length) > 0 ? y(r, f) : r), A();
     });
-  }, A = (r, f) => {
+  }, y = (r, f) => {
     var B;
-    const R = e(f), T = (B = f.children) == null ? void 0 : B.filter((P) => !o(P)).map((P) => e(P));
-    if (r.includes(R)) {
+    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 P = r;
       return T.forEach((k) => {
         P.includes(k) || P.push(k);
       }), P;
     }
     return r.filter((P) => !T.includes(P));
-  }, O = (r, f, R) => {
-    le(() => {
+  }, O = (r, f, S) => {
+    ae(() => {
       var B, P;
       const T = e(f);
-      r.includes(e(R)) ? L(
+      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
       ) : 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
-      ), y();
+      ), A();
     });
-  }, D = v(() => u.value ? "all" : m.value ? "page" : !i.value || i.value.length === 0 ? "none" : b.value ? "unselected-page" : "single");
-  return ae(
+  }, x = v(() => u.value ? "all" : m.value ? "page" : !i.value || i.value.length === 0 ? "none" : b.value ? "unselected-page" : "single");
+  return ie(
     () => s.value,
     () => {
       L(s.value ?? []);
     },
     { immediate: !0 }
-  ), ae(
+  ), ie(
     () => n.value,
     () => {
       const r = n.value.filter((f) => i.value.includes(e(f))).flatMap(
         (f) => {
-          var R;
-          return ((R = f == null ? void 0 : f.children) == null ? void 0 : R.length) > 0 ? f.children.map((T) => e(T)).filter((T) => !i.value.includes(T)) : [];
+          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)) : [];
         }
       );
-      (r == null ? void 0 : r.length) > 0 ? (L([...i.value, ...r]), y()) : L(i.value);
+      (r == null ? void 0 : r.length) > 0 ? (L([...i.value, ...r]), A()) : L(i.value);
     }
   ), {
     onAllRowSelect: F,
     onRowSelect: d,
     onNestedRowSelect: O,
-    onDeselectAll: S,
+    onDeselectAll: R,
     allItemsSelectedState: _,
     selectedItems: i,
-    selectionState: D
+    selectionState: x
   };
 }, Is = (s, t, n) => ({ isSorting: (a) => s.value.some((i) => i.field === a), getSortingDirection: (a) => {
   var i;
   return (i = s.value.find((_) => _.field === a)) == null ? void 0 : i.direction;
 }, sortByColumnField: (a) => {
   var g;
-  if (!t.value.some((w) => w.field === a && w.sortable))
+  if (!t.value.some((p) => p.field === a && p.sortable))
     return;
   const _ = [{
     field: a,
-    direction: ((g = s.value.find((w) => w.field === a)) == null ? void 0 : g.direction) === be.ASCENDING ? be.DESCENDING : be.ASCENDING
+    direction: ((g = s.value.find((p) => p.field === a)) == null ? void 0 : g.direction) === be.ASCENDING ? be.DESCENDING : be.ASCENDING
   }];
   n("sort", _);
 } });
-var se = ((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))(se || {});
+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((S) => S.infoIconTooltip || S.sortable)), i = v(() => {
-    let S = n.value.filter(({ visible: d }) => d !== !1);
-    return o.value && (S = [
-      ...S,
+  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,
       { field: ye, label: "" }
-    ]), S;
+    ]), R;
   }), _ = v(() => i.value.length), g = v(() => {
     if (!s.value)
       return [];
-    const S = Object.keys(s.value)[0];
-    if (!S || !s.value[S])
+    const R = Object.keys(s.value)[0];
+    if (!R || !s.value[R])
       return [];
     const d = [];
     if (a.value)
       for (const O of i.value) {
-        const D = t.value[O.field];
-        d.push(D);
+        const x = t.value[O.field];
+        d.push(x);
       }
-    const A = s.value[S].length;
-    for (let O = 0; O < A; O++)
-      for (const D of i.value) {
-        const r = s.value[D.field];
+    const y = s.value[R].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]);
       }
     return d;
-  }), w = (S) => Math.floor(S / _.value), m = (S, d, A) => {
-    const O = g.value.length - 1, D = _.value - 1, r = w(S), f = S - _.value * r;
+  }), 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 {
-      [se.PAGE_UP]: f + (a.value ? _.value : 0),
-      [se.PAGE_DOWN]: O - D + f,
-      [se.END]: A ? O : _.value * r + D,
-      [se.HOME]: A ? a.value ? _.value : 0 : _.value * r
+      [oe.PAGE_UP]: f + (a.value ? _.value : 0),
+      [oe.PAGE_DOWN]: O - x + f,
+      [oe.END]: y ? O : _.value * r + x,
+      [oe.HOME]: y ? a.value ? _.value : 0 : _.value * r
     }[d];
-  }, E = (S, d) => {
-    const A = w(S), D = {
-      [se.ARROW_DOWN]: _.value,
-      [se.ARROW_UP]: A === 0 && !a.value ? 0 : -_.value,
-      [se.ARROW_LEFT]: -1,
-      [se.ARROW_RIGHT]: 1
-    }[d], r = S + D;
-    return r < 0 || r >= g.value.length ? S : r;
-  }, b = (S) => [
-    se.PAGE_UP,
-    se.PAGE_DOWN,
-    se.END,
-    se.HOME
-  ].includes(S), u = (S, d, A) => {
-    const O = g.value.indexOf(S);
-    return b(d) ? m(O, d, A) : E(O, d);
-  }, y = (S, d, A) => {
-    if (!g.value.includes(S))
+  }, E = (R, d) => {
+    const y = p(R), 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) => [
+    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))
       return;
-    const O = u(S, d, A);
+    const O = u(R, d, y);
     g.value[O].focus();
-  }, L = (S) => S in se;
+  }, L = (R) => R in oe;
   return {
     isNavigationKeyCode: L,
-    focusOnNextGridcell: y,
-    navigationInput: (S) => {
-      const { ctrlKey: d, key: A, target: O } = S, D = A;
+    focusOnNextGridcell: A,
+    navigationInput: (R) => {
+      const { ctrlKey: d, key: y, target: O } = R, 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(D) && y(r, D, d));
+      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));
     }
   };
 }, xs = 90, Fs = (s, t, n, e, o) => {
-  const l = p(s), a = p(t), i = p(n), _ = p(e), g = v(() => l.value !== "none"), w = v(() => l.value === "automatic"), m = () => {
+  const l = h(s), a = h(t), i = h(n), _ = h(e), g = v(() => l.value !== "none"), p = v(() => l.value === "automatic"), m = () => {
     o(N.UPDATE_SHOW_MORE);
   };
-  return ae(
+  return ie(
     () => a.value,
     () => {
-      w.value && i.value.offsetHeight / a.value * 100 > xs && !_.value && m();
+      p.value && i.value.offsetHeight / a.value * 100 > xs && !_.value && m();
     }
-  ), { isLazyLoad: g, isInfiniteScroll: w, verticalScrollPosition: a, emitLazyLoadEvent: m };
+  ), { isLazyLoad: g, isInfiniteScroll: p, verticalScrollPosition: a, emitLazyLoadEvent: m };
 }, Bs = (s, t, n) => {
-  const e = p(s), o = p(t), l = ke({
+  const e = h(s), o = h(t), l = ze({
     dragging: null,
     dragToLeft: null,
     target: null
   }), a = (b, u = 0) => {
-    const y = e.value.findIndex((S) => S.field === b.field), L = y + u;
+    const A = e.value.findIndex((R) => R.field === b.field), L = A + u;
     if (L < 0 || L > e.value.length - 1)
       return;
     const F = [...e.value];
-    F.splice(L, 0, F.splice(y, 1)[0]), n(N.COLUMNS, F), n(N.UPDATE_COLUMNS, F);
+    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) => {
     l.target = b;
-    const y = u.currentTarget.getBoundingClientRect(), L = y.left + y.width / 2, F = u.clientX ?? 0;
+    const A = u.currentTarget.getBoundingClientRect(), L = A.left + A.width / 2, F = u.clientX ?? 0;
     l.dragToLeft = F <= L;
   }, g = (b) => {
-    var u, y;
+    var u, A;
     if (((u = l.dragging) == null ? void 0 : u.field) !== b.field) {
-      const L = e.value.findIndex((D) => {
+      const L = e.value.findIndex((x) => {
         var r;
-        return D.field === ((r = l.dragging) == null ? void 0 : r.field);
-      }), F = e.value.findIndex((D) => D.field === b.field), S = l.dragToLeft ? F : F + 1, d = S > L ? S - 1 : S;
-      let A = [...e.value];
-      A.splice(
+        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;
+      let y = [...e.value];
+      y.splice(
         d === -1 ? 0 : d,
         0,
-        A.splice(L, 1)[0]
+        y.splice(L, 1)[0]
       );
-      const O = e.value.findIndex((D) => !(D != null && D.frozen));
-      ((y = l.dragging) == null ? void 0 : y.frozen) !== b.frozen && S !== O && (A = A.map(
-        (D) => {
+      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(
+        (x) => {
           var r;
-          return ((r = l.dragging) == null ? void 0 : r.field) === D.field ? { ...D, frozen: !!(b != null && b.frozen) } : D;
+          return ((r = l.dragging) == null ? void 0 : r.field) === x.field ? { ...x, frozen: !!(b != null && b.frozen) } : x;
         }
-      )), n(N.COLUMNS, A), n(N.UPDATE_COLUMNS, A);
+      )), n(N.COLUMNS, y), n(N.UPDATE_COLUMNS, y);
     }
     l.dragging = null, l.target = null;
-  }, w = () => {
+  }, p = () => {
     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]: () => w()
+    [j.COLUMN_DRAG_END]: () => p()
   } : {}), E = v(() => (b) => o.value ? {
     dragenter: (u) => {
       u.preventDefault(), _(b, u);
@@ -556,8 +556,8 @@ const ye = "b-row-actions-column", Ds = (s, t, n, e, o, l) => {
     onMoveColumnByOffset: a
   };
 }, Ps = (s, t, n) => {
-  const e = p(s), o = p(t.value), l = v(
-    () => [...e.value].sort((u, y) => u.frozen === y.frozen ? 0 : u.frozen ? -1 : 1)
+  const e = h(s), o = h(t.value), l = v(
+    () => [...e.value].sort((u, A) => u.frozen === A.frozen ? 0 : u.frozen ? -1 : 1)
   ), a = v(
     () => l.value.filter((u) => u.frozen && u.visible !== !1)
   ), i = v(
@@ -568,18 +568,18 @@ const ye = "b-row-actions-column", Ds = (s, t, n, e, o, l) => {
       { 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) !== oe).length === 1
-  ), w = (u) => n(N.UPDATE_CONDENSED, u), m = (u) => {
+    () => 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) => {
-    const y = l.value.map(
+    const A = l.value.map(
       (L) => (L == null ? void 0 : L.field) === u.field ? u : L
     );
-    E(y);
+    E(A);
   };
-  return ae(t, (u) => {
+  return ie(t, (u) => {
     o.value = u;
   }), {
     // Values
@@ -590,32 +590,32 @@ const ye = "b-row-actions-column", Ds = (s, t, n, e, o, l) => {
     // Methods
     onConfigSettingsColumnsUpdate: E,
     onConfigSettingsColumnUpdate: b,
-    onConfigSettingsCondensedUpdate: w,
+    onConfigSettingsCondensedUpdate: p,
     onConfigSettingsZebraRowsUpdate: m
   };
 }, Ms = (s, t, n, e, o, l, a) => {
-  const i = p(0), _ = p(!1), g = p(!1);
-  ae([() => i.value, () => l.value], ([u]) => {
+  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;
-  }), Re(async () => {
-    var u, y;
-    await le(), ((u = t.value) == null ? void 0 : u.offsetWidth) < ((y = t.value) == null ? void 0 : y.scrollWidth) && (g.value = !0);
+  }), 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);
   });
-  const w = (u) => {
+  const p = (u) => {
     if (i.value = u.target.scrollLeft, n.value = s.value.scrollHeight - u.target.scrollTop, e != null && e.value) {
-      const y = u.target.scrollLeft;
-      e.value.scrollLeft !== y && (e.value.scrollLeft = y);
+      const A = u.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(() => {
       s.value && (s.value.style.overflowX = "auto");
     }));
   }, E = (u) => {
-    const y = u.target.scrollLeft;
-    s.value.scrollLeft !== y && (s.value.scrollLeft = y);
+    const A = u.target.scrollLeft;
+    s.value.scrollLeft !== A && (s.value.scrollLeft = A);
   }, b = v(() => {
-    var u, y, L, F;
-    return (u = a == null ? void 0 : a.pagination) != null && u.value && ((y = a == null ? void 0 : a.stickyPagination) != null && y.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 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` } : {};
   });
   return {
     // Values
@@ -624,25 +624,25 @@ const ye = "b-row-actions-column", Ds = (s, t, n, e, o, l) => {
     hasRightOverflow: g,
     horizontalScrollbarConditionalStyles: b,
     // Methods
-    updateScrollPosition: w,
+    updateScrollPosition: p,
     updateScrollPositionOnFrozenColumnsNavigation: m,
     syncVirtualScrollerWithBody: E
   };
 }, Us = (s, t, n, e) => {
-  const o = p(null), l = v(() => {
-    var y, L, F, S;
-    if (!o.value || o.value.field === oe)
+  const o = h(null), l = v(() => {
+    var A, L, F, R;
+    if (!o.value || o.value.field === le)
       return {
         hoveredOverColumnField: "",
         isSeparatorOffset: !1,
         noBorderLeft: !1,
         noBorderRight: !1
       };
-    const a = (L = (y = s.value.find((d) => d.isFrozenColumns)) == null ? void 0 : y.columnSet) == null ? void 0 : L.filter((d) => d.field !== oe), 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, w = (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 && ((S = i == null ? void 0 : i.columnSet) == null ? void 0 : S[i.columnSet.length - 1].field) === o.value.field;
+    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;
     return {
       hoveredOverColumnField: o.value.field,
       isSeparatorOffset: u,
-      noBorderLeft: !!w || !!m || !!E,
+      noBorderLeft: !!p || !!m || !!E,
       noBorderRight: !!b || !!u
     };
   });
@@ -650,14 +650,14 @@ const ye = "b-row-actions-column", Ds = (s, t, n, e, o, l) => {
     hoveredOverColumn: o,
     hoveredOverColumnState: l
   };
-}, qe = (s) => {
-  const n = xt(s).filter((e) => e.node !== s);
+}, je = (s) => {
+  const n = Dt(s).filter((e) => e.node !== s);
   return (n == null ? void 0 : n.length) > 0 ? (n[0].node.focus(), !0) : !1;
 }, we = (s) => {
-  const t = xt(s), n = t == null ? void 0 : t.filter((e) => e.node !== s);
+  const t = Dt(s), n = t == null ? void 0 : t.filter((e) => e.node !== s);
   if ((n == null ? void 0 : n.length) > 0)
     return n.forEach((e) => e.node.setAttribute("tabindex", "-1")), n;
-}, $t = (s) => {
+}, 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"]');
@@ -698,10 +698,10 @@ const ye = "b-row-actions-column", Ds = (s, t, n, e, o, l) => {
     })
   ]);
 };
-let Ct = 0;
+let mt = 0;
 const zs = {
   beforeCreate() {
-    this.uuid = Ct.toString(), Ct += 1;
+    this.uuid = mt.toString(), mt += 1;
   }
 };
 var ks = function() {
@@ -716,10 +716,10 @@ var ks = function() {
   null
 );
 const Hs = Gs.exports;
-let ht = 0;
+let Ct = 0;
 const Vs = {
   beforeCreate() {
-    this.uuid = ht.toString(), ht += 1;
+    this.uuid = Ct.toString(), Ct += 1;
   }
 };
 var Zs = function() {
@@ -733,11 +733,11 @@ var Zs = function() {
   null,
   null
 );
-const zt = qs.exports;
-let pt = 0;
+const $t = qs.exports;
+let ht = 0;
 const Ys = {
   beforeCreate() {
-    this.uuid = pt.toString(), pt += 1;
+    this.uuid = ht.toString(), ht += 1;
   }
 };
 var Js = function() {
@@ -752,10 +752,10 @@ var Js = function() {
   null
 );
 const Qs = Xs.exports;
-let wt = 0;
+let pt = 0;
 const eo = {
   beforeCreate() {
-    this.uuid = wt.toString(), wt += 1;
+    this.uuid = pt.toString(), pt += 1;
   }
 };
 var to = function() {
@@ -770,10 +770,10 @@ var to = function() {
   null
 );
 const oo = so.exports;
-let bt = 0;
+let wt = 0;
 const lo = {
   beforeCreate() {
-    this.uuid = bt.toString(), bt += 1;
+    this.uuid = wt.toString(), wt += 1;
   }
 };
 var ao = function() {
@@ -851,7 +851,7 @@ const co = ro.exports, uo = {
     sortColumnInDescendingOrder: "Classificar a coluna {name} em ordem decrescente",
     unfreezeColumn: "Descongelar coluna"
   }
-}, kt = /* @__PURE__ */ Symbol("data-grid slashed zero key"), Ae = /* @__PURE__ */ Symbol("data-grid small container key"), De = /* @__PURE__ */ Symbol("data-grid touch device key"), fo = {
+}, zt = /* @__PURE__ */ Symbol("data-grid slashed zero key"), Te = /* @__PURE__ */ Symbol("data-grid small container key"), xe = /* @__PURE__ */ Symbol("data-grid touch device key"), fo = {
   i18n: { messages: uo },
   name: "data-grid-columns"
 }, go = /* @__PURE__ */ de({
@@ -1002,9 +1002,9 @@ 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 } = We(e), _ = p(), g = p({}), w = p({}), m = p(), E = p(), b = (c) => n(j.SELECT_ALL_ROWS, c), u = (c) => c.field === oe, y = v(() => e.selectionState === "all"), L = v(
+    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(
       () => {
-        var c, M, X;
+        var c, U, X;
         return [
           {
             text: l("selectPage"),
@@ -1025,7 +1025,7 @@ const co = ro.exports, uo = {
           e.selectionState !== "none" && {
             text: l("deselectPage"),
             handler: () => b(!1),
-            addDivider: !((M = e.visibleRowsState) != null && M.filtered),
+            addDivider: !((U = e.visibleRowsState) != null && U.filtered),
             // otherwise divider shown in deselect all in current results
             disabled: e.selectionState === "unselected-page"
           },
@@ -1041,24 +1041,24 @@ const co = ro.exports, uo = {
           }
         ].filter(Boolean);
       }
-    ), { startResize: F, isResizing: S, columnHoverEventToEmitAfterResizing: d } = hs(a, n), { isSorting: A, getSortingDirection: O, sortByColumnField: D } = Is(i, a, n), r = (c) => {
+    ), { startResize: F, isResizing: R, columnHoverEventToEmitAfterResizing: d } = hs(a, n), { isSorting: y, getSortingDirection: O, sortByColumnField: x } = Is(i, a, n), r = (c) => {
       var ne;
       if (!c.sortable)
         return null;
-      const M = (ne = e.sortBy.find(({ field: pe }) => pe === c.field)) == null ? void 0 : ne.direction;
-      return M ? {
-        [be.ASCENDING]: Ne.ASCENDING,
-        [be.DESCENDING]: Ne.DESCENDING
-      }[M] : Ne.NONE;
+      const U = (ne = e.sortBy.find(({ field: pe }) => pe === c.field)) == null ? void 0 : ne.direction;
+      return U ? {
+        [be.ASCENDING]: Ie.ASCENDING,
+        [be.DESCENDING]: Ie.DESCENDING
+      }[U] : Ie.NONE;
     }, f = v(() => (c) => e.hasDraggableColumns ? {
-      dragstart: (M) => {
-        n(j.COLUMN_DRAG_START, c, M);
+      dragstart: (U) => {
+        n(j.COLUMN_DRAG_START, c, U);
       },
-      dragover: (M) => {
-        M.preventDefault();
+      dragover: (U) => {
+        U.preventDefault();
       },
-      dragenter: (M) => {
-        M.preventDefault(), n(j.COLUMN_DRAG_ENTER, c, M);
+      dragenter: (U) => {
+        U.preventDefault(), n(j.COLUMN_DRAG_ENTER, c, U);
       },
       drop: () => {
         n(j.COLUMN_DROP, c);
@@ -1066,7 +1066,7 @@ const co = ro.exports, uo = {
       dragend: () => {
         n(j.COLUMN_DRAG_END);
       }
-    } : {}), R = v(
+    } : {}), S = v(
       () => (c) => [
         {
           text: l("moveColumnLeft"),
@@ -1083,7 +1083,7 @@ const co = ro.exports, uo = {
         !Y.value && {
           text: c != null && c.frozen ? l("unfreezeColumn") : l("freezeColumn"),
           handler: () => n(j.COLUMN_UPDATE, { ...c, frozen: !(c != null && c.frozen) }),
-          icon: zt
+          icon: $t
         },
         {
           text: (c == null ? void 0 : c.visible) !== !1 ? l("hideColumn") : l("showColumn"),
@@ -1100,42 +1100,42 @@ const co = ro.exports, uo = {
     ), T = (c) => {
       m.value = c.field, E.value && clearTimeout(E.value);
     }, B = (c) => {
-      const M = setTimeout(() => {
+      const U = setTimeout(() => {
         c.field === m.value && (m.value = "");
       }, o);
-      E.value = M;
+      E.value = U;
     }, P = (c) => {
-      let M = {
+      let U = {
         mouseenter: () => {
-          T(c), S.value ? d.value = c : n("column-hover", c);
+          T(c), R.value ? d.value = c : n("column-hover", c);
         },
         mouseleave: () => {
-          B(c), S.value ? d.value = null : n("column-hover", null);
+          B(c), R.value ? d.value = null : n("column-hover", null);
         },
         focus: () => {
-          T(c), u(c) && qe(g.value[c.field]);
+          T(c), u(c) && je(g.value[c.field]);
         },
         focusout: (X) => {
           var ne;
           (ne = _.value) != null && ne.contains(X == null ? void 0 : X.relatedTarget) || B(c);
         }
       };
-      return u(c) || (M = {
-        ...M,
+      return u(c) || (U = {
+        ...U,
         ...f.value(c)
-      }), M;
-    }, k = (c) => c.infoIconTooltip || c.sortable || e.hasColumnPanel, K = (c, M) => {
+      }), U;
+    }, k = (c) => c.infoIconTooltip || c.sortable || e.hasColumnPanel, K = (c, U) => {
       var X;
-      ((X = g.value) == null ? void 0 : X[M]) === void 0 && (g.value = { ...g.value, [M]: null }), c !== null && (g.value[M] = c);
-    }, Y = me(
-      Ae,
+      ((X = g.value) == null ? void 0 : X[U]) === void 0 && (g.value = { ...g.value, [U]: null }), c !== null && (g.value[U] = c);
+    }, Y = _e(
+      Te,
       v(() => !1)
-    ), ee = me(De, p(!1)), G = v(() => {
-      var M;
+    ), ee = _e(xe, h(!1)), G = v(() => {
+      var U;
       const c = {
         "b-data-grid-columns--is-measuring": e.isMeasuringColumnWidths
       };
-      return (M = a.value[0]) != null && M.frozen && !Y.value ? {
+      return (U = a.value[0]) != null && U.frozen && !Y.value ? {
         ...c,
         "b-data-grid-columns--frozen": !0,
         "b-data-grid-columns--frozen-separator": e.showFrozenColumnsSeparator,
@@ -1144,41 +1144,41 @@ const co = ro.exports, uo = {
         ...c,
         "b-data-grid-columns--unfrozen": !0
       };
-    }), U = v(() => ({
+    }), M = v(() => ({
       "b-data-grid-columns__select-column--all": e.selectableAcrossPages
-    })), C = (c, M) => c && M === 0 ? ut.BOTTOM_START : ut.BOTTOM_END, $ = (c, M) => {
-      var X, ne, pe, h, x, H, te, re, fe, Z;
+    })), 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;
       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,
         "b-data-grid-columns__column--column-hovered-no-border-right": c.field === e.hoveredOverColumnState.hoveredOverColumnField && e.hoveredOverColumnState.noBorderRight,
-        "b-data-grid-columns__column--last-frozen-frozen-column": e.isFrozenColumns && M === a.value.length - 1,
+        "b-data-grid-columns__column--last-frozen-frozen-column": e.isFrozenColumns && U === a.value.length - 1,
         "b-data-grid-columns__column--sortable": c.sortable,
         "b-data-grid-columns__column--padding-left-unset": ((X = c == null ? void 0 : c.padding) == null ? void 0 : X.left) === !1,
         "b-data-grid-columns__column--padding-right-unset": ((ne = c == null ? void 0 : c.padding) == null ? void 0 : ne.right) === !1,
         "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) === ((h = (pe = e.draggingColumns) == null ? void 0 : pe.dragging) == null ? void 0 : h.field),
-        "b-data-grid-columns__column--is-re-ordering-target-left": (c == null ? void 0 : c.field) === ((H = (x = e.draggingColumns) == null ? void 0 : x.target) == null ? void 0 : H.field) && ((te = e.draggingColumns) == null ? void 0 : te.dragToLeft),
-        "b-data-grid-columns__column--is-re-ordering-target-right": (c == null ? void 0 : c.field) === ((fe = (re = e.draggingColumns) == null ? void 0 : re.target) == null ? void 0 : fe.field) && !((Z = e.draggingColumns) != null && Z.dragToLeft),
+        "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-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
       };
-    }, W = (c) => ({
+    }, $ = (c) => ({
       "b-data-grid-columns__column-header-and-actions--numeric": c == null ? void 0 : c.numeric
     }), z = (c) => ({
       "b-data-grid-columns__column-actions--numeric": c == null ? void 0 : c.numeric
-    }), Ce = (c) => ({
+    }), ve = (c) => ({
       "b-data-grid-columns__column-separator-container--is-resizeable": e.hasResizableColumns,
       "b-data-grid-columns__column-separator-container--is-offset": e.hoveredOverColumnState.hoveredOverColumnField === c.field && e.hoveredOverColumnState.isSeparatorOffset
-    }), ue = v(() => ({
+    }), me = v(() => ({
       "b-data-grid-columns__column-header--truncated": e.truncateColumnHeaders
-    })), ie = (c) => ({
+    })), re = (c) => ({
       "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: w, hoveredColumnField: m, closingTimeOutId: E, onAllRowSelect: b, isActionsColumn: u, isAllSelectionState: y, selectAllMenu: L, startResize: F, isResizing: S, columnHoverEventToEmitAfterResizing: d, isSorting: A, getSortingDirection: O, sortByColumnField: D, getSortingColumnDirection: r, draggingEventsForColumn: f, contextualMenuData: R, showContextualMenu: T, hideContextualMenu: B, dataGridColumnEvents: P, hasColumnActions: k, registerColumnsRefs: K, isSmallContainer: Y, isTouchDevice: ee, conditionalColumnsClasses: G, conditionalSelectColumnClasses: U, computeMenuPosition: C, conditionalColumnClasses: $, conditionalColumnHeaderAndActionsClasses: W, conditionalColumnActionsClasses: z, conditionalColumnSeparatorClasses: Ce, conditionalColumnHeaderClasses: ue, conditionalColumnMenuClasses: ie, BentoCheckbox: Ft, BentoDatagridSortDirection: be, BentoTypography: Se, DATAGRID_ROW_ACTIONS_COLUMN_FIELD_NAME: ye, BentoInfoIcon: rs, DatagridColumnsEvent: j, BentoMenu: Pt, BentoToggleButton: je, DecorativeCheckbox: cs, ArrowUpAndDownSortIcon: Hs, SortAscendingIcon: Qs, SortDescendingIcon: oo, TriangleDown: co };
+    }), { __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: xt, BentoDatagridSortDirection: be, BentoTypography: Se, DATAGRID_ROW_ACTIONS_COLUMN_FIELD_NAME: ye, BentoInfoIcon: rs, DatagridColumnsEvent: j, BentoMenu: Bt, BentoToggleButton: Ze, DecorativeCheckbox: cs, ArrowUpAndDownSortIcon: Hs, SortAscendingIcon: Qs, SortDescendingIcon: oo, TriangleDown: co };
   }
 });
 var _o = function() {
@@ -1211,11 +1211,11 @@ var _o = function() {
   "047e7ae6"
 );
 const Co = mo.exports;
-var _e = /* @__PURE__ */ ((s) => (s.UPDATE_CONDENSED = "update:condensed", s.UPDATE_COLUMNS = "update:columns", s.UPDATE_ZEBRA_ROWS = "update:zebra-rows", s))(_e || {});
-let St = 0;
+var fe = /* @__PURE__ */ ((s) => (s.UPDATE_CONDENSED = "update:condensed", s.UPDATE_COLUMNS = "update:columns", s.UPDATE_ZEBRA_ROWS = "update:zebra-rows", s))(fe || {});
+let bt = 0;
 const ho = {
   beforeCreate() {
-    this.uuid = St.toString(), St += 1;
+    this.uuid = bt.toString(), bt += 1;
   }
 };
 var po = function() {
@@ -1246,8 +1246,8 @@ const So = bo.exports, Ro = {
   i18n: { messages: Ro },
   name: "bento-data-grid",
   components: {
-    BentoFreezeIcon: zt,
-    BentoToggle: Mt
+    BentoFreezeIcon: $t,
+    BentoToggle: Pt
   },
   props: {
     /**
@@ -1267,14 +1267,14 @@ const So = bo.exports, Ro = {
   },
   emits: ["visible-column", "updated-column"],
   setup(s, { emit: t }) {
-    const { t: n } = he(), e = p(!1), o = v(() => {
+    const { t: n } = he(), e = h(!1), o = v(() => {
       var E;
       return (E = s.column) == null ? void 0 : E.frozen;
     }), l = v(() => {
       var E;
       return ((E = s.column) == null ? void 0 : E.visible) !== !1;
-    }), a = me(
-      Ae,
+    }), a = _e(
+      Te,
       v(() => !1)
     ), i = () => {
       t("visible-column", { ...s.column, visible: !l.value });
@@ -1282,7 +1282,7 @@ const So = bo.exports, Ro = {
       t("updated-column", { ...s.column, frozen: !o.value });
     }, g = () => {
       o.value || (e.value = !0);
-    }, w = () => {
+    }, p = () => {
       o.value || (e.value = !1);
     }, m = v(() => ({
       "b-data-grid-config-settings-column-row__freeze-icon--frozen": o.value
@@ -1297,7 +1297,7 @@ const So = bo.exports, Ro = {
       // Methods
       toggleColumnVisibility: i,
       showFreezeIcon: g,
-      hideFreezeIcon: w,
+      hideFreezeIcon: p,
       toggleColumnFreeze: _,
       // Translations
       t: n
@@ -1309,15 +1309,15 @@ var Lo = function() {
   return t._self._setupProxy, n("div", { staticClass: "b-data-grid-config-settings-column-row", on: { mouseover: t.showFreezeIcon, mouseleave: t.hideFreezeIcon } }, [n("bento-toggle", { attrs: { "aria-label": t.t("toggleColumnVisibility", { label: t.column.label }), disabled: t.isColumnVisibilityToggleDisabled, "label-position": "after", value: t.isColumnVisible }, on: { input: t.toggleColumnVisibility } }, [t._v(" " + t._s(t.column.label) + " ")]), n("bento-freeze-icon", { directives: [{ name: "show", rawName: "v-show", value: (t.isColumnFrozen || t.isFreezeIconOptionShown) && !t.isSmallContainer, expression: "(isColumnFrozen || isFreezeIconOptionShown) && !isSmallContainer" }], staticClass: "b-data-grid-config-settings-column-row__freeze-icon", class: t.freezeIconConditionalClasses, attrs: { "aria-label": t.t("toggleColumnFreeze", { label: t.column.label }) }, nativeOn: { click: function(e) {
     return t.toggleColumnFreeze.apply(null, arguments);
   } } })], 1);
-}, yo = [], Ao = /* @__PURE__ */ q(
+}, Ao = [], yo = /* @__PURE__ */ q(
   Eo,
   Lo,
-  yo,
+  Ao,
   !1,
   null,
   "b49cbd8d"
 );
-const To = Ao.exports, Oo = {
+const To = yo.exports, Oo = {
   "en-US": {
     appearance: "Appearance",
     closeConfigSettingsPanel: "Close configuration settings panel",
@@ -1373,15 +1373,15 @@ const To = Ao.exports, Oo = {
   i18n: { messages: Oo },
   name: "bento-data-grid",
   components: {
-    BentoButton: Bt,
-    BentoCrossIcon: Nt,
+    BentoButton: Ft,
+    BentoCrossIcon: Ot,
     BentoPopover: ts,
     BentoSettingsIcon: So,
-    BentoToggleButton: je,
+    BentoToggleButton: Ze,
     BentoDataGridConfigSettingsConfigRow: To,
     BentoSearchBar: _s,
     BentoSearchIcon: ms,
-    BentoToggle: Mt,
+    BentoToggle: Pt,
     BentoTypography: Se
   },
   directives: { BentoClickOutsideDirective: Cs },
@@ -1409,44 +1409,44 @@ const To = Ao.exports, Oo = {
     }
   },
   emits: [
-    _e.UPDATE_CONDENSED,
-    _e.UPDATE_COLUMNS,
-    _e.UPDATE_ZEBRA_ROWS
+    fe.UPDATE_CONDENSED,
+    fe.UPDATE_COLUMNS,
+    fe.UPDATE_ZEBRA_ROWS
   ],
   setup(s, { emit: t }) {
-    const { t: n } = he(), e = p(null), o = Ie("data-grid-config-settings-popover"), l = p(null), a = p(!1), i = p(!0), _ = p(null), g = p(""), w = $e(s, "columns"), m = p(!1), E = vs(g, w), b = () => {
+    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)
-    ), y = () => {
-      b(), m.value = !m.value, m.value ? le(() => {
+    ), A = () => {
+      b(), m.value = !m.value, m.value ? ae(() => {
         var f;
         return (f = l.value.$refs.bentoInputField) == null ? void 0 : f.focusInput();
-      }) : le(() => {
-        var f, R;
-        return (R = (f = _ == null ? void 0 : _.value) == null ? void 0 : f.$el) == null ? void 0 : R.focus();
+      }) : 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 R = s.columns.map((T) => ({
+      const S = s.columns.map((T) => ({
         ...T,
         visible: f.field === T.field ? f.visible : T.visible
       }));
-      t(_e.UPDATE_COLUMNS, R);
-    }, S = (f) => {
+      t(fe.UPDATE_COLUMNS, S);
+    }, R = (f) => {
       f ? t(
-        _e.UPDATE_COLUMNS,
-        s.columns.map((R) => ({ ...R, visible: !0 }))
+        fe.UPDATE_COLUMNS,
+        s.columns.map((S) => ({ ...S, visible: !0 }))
       ) : t(
-        _e.UPDATE_COLUMNS,
-        s.columns.map((R) => ({ ...R, visible: (R == null ? void 0 : R.mandatory) === !0 }))
+        fe.UPDATE_COLUMNS,
+        s.columns.map((S) => ({ ...S, visible: (S == null ? void 0 : S.mandatory) === !0 }))
       );
     }, d = (f) => {
-      const R = s.columns.map((T) => ({
+      const S = s.columns.map((T) => ({
         ...T,
         frozen: f.field === T.field ? !!(f != null && f.frozen) : !!(T != null && T.frozen)
       }));
-      t(_e.UPDATE_COLUMNS, R);
-    }, A = (f) => {
+      t(fe.UPDATE_COLUMNS, S);
+    }, y = (f) => {
       a.value = f, i.value = u.value;
     };
     return {
@@ -1460,18 +1460,18 @@ const To = Ao.exports, Oo = {
       isColumnVisibilityFilterShown: m,
       searchBarRef: l,
       searchButtonRef: _,
-      DATAGRID_ACTIONS_COLUMN_FIELD_NAME: oe,
+      DATAGRID_ACTIONS_COLUMN_FIELD_NAME: le,
       // Methods
-      setConfigSettingsPanelVisibility: A,
-      emitCondensedToggle: (f) => t(_e.UPDATE_CONDENSED, f),
-      toggleAllColumnVisibility: S,
+      setConfigSettingsPanelVisibility: y,
+      emitCondensedToggle: (f) => t(fe.UPDATE_CONDENSED, f),
+      toggleAllColumnVisibility: R,
       clearAction: b,
-      toggleColumnFilter: y,
+      toggleColumnFilter: A,
       emitVisibleColumns: F,
       emitFrozenColumns: d,
-      onClickOutside: () => A(!1),
+      onClickOutside: () => y(!1),
       isColumnVisibilityToggleDisabled: L,
-      emitZebraRowsToggle: (f) => t(_e.UPDATE_ZEBRA_ROWS, f),
+      emitZebraRowsToggle: (f) => t(fe.UPDATE_ZEBRA_ROWS, f),
       // Translations
       t: n
     };
@@ -1504,7 +1504,7 @@ var Io = function() {
   null,
   "0e477266"
 );
-const Fo = xo.exports, Wt = {
+const Fo = xo.exports, kt = {
   "en-US": {
     filterBar: "Filters",
     gettingYourData: "Getting your data",
@@ -1542,7 +1542,7 @@ const Fo = xo.exports, Wt = {
     sortInactive: "{field} ordenação inativa"
   }
 }, Bo = {
-  i18n: { messages: Wt }
+  i18n: { messages: kt }
 }, Po = /* @__PURE__ */ de({
   ...Bo,
   __name: "data-grid-lazy-load",
@@ -1552,7 +1552,7 @@ const Fo = xo.exports, Wt = {
   },
   setup(s) {
     const { t } = he();
-    return { __sfc: !0, t, BentoLoadingButton: ss, BentoLoadingButtonState: ns, BentoLoadingIndicator: He, BentoDatagridEvent: N };
+    return { __sfc: !0, t, BentoLoadingButton: ss, BentoLoadingButtonState: ns, BentoLoadingIndicator: Ge, BentoDatagridEvent: N };
   }
 });
 var Mo = function() {
@@ -1569,10 +1569,10 @@ var Mo = function() {
   "fd9b8204"
 );
 const zo = $o.exports;
-let Rt = 0;
+let St = 0;
 const ko = {
   beforeCreate() {
-    this.uuid = Rt.toString(), Rt += 1;
+    this.uuid = St.toString(), St += 1;
   }
 };
 var Wo = function() {
@@ -1586,7 +1586,7 @@ var Wo = function() {
   null,
   null
 );
-const Et = Ho.exports, Vo = {
+const Rt = Ho.exports, Vo = {
   "en-US": {
     copy: "Copy",
     edit: "Edit",
@@ -1678,7 +1678,7 @@ const Et = Ho.exports, Vo = {
   },
   emits: ["menu-open", "menu-close", "menu-item-click"],
   setup(s, { emit: t }) {
-    const n = s, { t: e } = he(), o = me(De, p(!1)), l = (d) => {
+    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) {
@@ -1696,11 +1696,11 @@ const Et = Ho.exports, Vo = {
     }, a = (d) => {
       switch (d.variant) {
         case "copy":
-          return dt;
+          return ct;
         case "edit":
-          return Et;
+          return Rt;
         case "open":
-          return ct;
+          return rt;
         default:
           return;
       }
@@ -1714,39 +1714,39 @@ const Et = Ho.exports, Vo = {
       "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
-    })), w = v(() => !i.value || i.value && n.hasRightOverflow);
+    })), p = v(() => !i.value || i.value && n.hasRightOverflow);
     function m(d) {
       return typeof d == "function";
     }
     const E = v(() => {
-      var A;
-      const d = m(n.cellActions) ? (A = n.cellActions) == null ? void 0 : A.call(n, n.rowDataItem, n.columnKey) : n.cellActions;
+      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 O = [];
-        return d.forEach((D) => {
-          D.menuData ? D.menuData.forEach((r) => {
+        return d.forEach((x) => {
+          x.menuData ? x.menuData.forEach((r) => {
             O.push(r);
           }) : O.push({
-            text: l(D),
-            event: D.event,
-            critical: D.critical,
-            disabled: D.disabled,
-            icon: a(D)
+            text: l(x),
+            event: x.event,
+            critical: x.critical,
+            disabled: x.disabled,
+            icon: a(x)
           });
         }), [
           {
             variant: "more",
             isShort: !0,
-            iconLeft: rt,
+            iconLeft: it,
             menuData: L(O)
           }
         ];
       }
-      return !o.value && (d == null ? void 0 : d.length) > 2 && Dt(
+      return !o.value && (d == null ? void 0 : d.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, A) => {
-      if (!(!A && d.isShort || A && !d.isShort))
+    }), b = v(() => (d, y) => {
+      if (!(!y && d.isShort || y && !d.isShort))
         switch (d.variant) {
           case "copy":
             return e("copy");
@@ -1760,22 +1760,22 @@ const Et = Ho.exports, Vo = {
             return d.title;
         }
     }), u = (d) => (d == null ? void 0 : d.event) !== void 0 ? {
-      click: (A) => {
-        A.stopPropagation(), d.event(n.rowDataItem, n.columnKey);
+      click: (y) => {
+        y.stopPropagation(), d.event(n.rowDataItem, n.columnKey);
       }
-    } : {}, y = (d) => ({
+    } : {}, A = (d) => ({
       ...d,
       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));
       }
-    }), L = (d) => d.map((A) => {
-      const O = A;
-      return O != null && O.items && (O.items = L(O.items)), { ...y(O) };
+    }), L = (d) => d.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: w, isBentoColumnCellActionsByCellValueDataFn: m, computedCellActions: E, getButtonTitle: b, generateButtonEvents: u, generateMenuEvents: y, transformMenuEvents: L, getCopyText: (d) => {
-      var A, O;
-      return (d == null ? void 0 : d.getCopyData) !== void 0 ? d.getCopyData(n.rowDataItem, n.columnKey) : n.columnKey ? (O = (A = n.rowDataItem) == null ? void 0 : A[n.columnKey]) == null ? void 0 : O.toString() : "";
-    }, shouldShowMenuIconLeft: (d) => d.iconLeft || (d == null ? void 0 : d.variant) === "more", BentoButton: Bt, BentoMenu: Pt, Copy: dt, vBentoTooltipDirective: It, Edit1Icon: Et, ExternalLinkIcon: ct, OptionsVerticalIcon: rt };
+    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) => {
+      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: Ft, BentoMenu: Bt, Copy: ct, vBentoTooltipDirective: Nt, Edit1Icon: Rt, ExternalLinkIcon: rt, OptionsVerticalIcon: it };
   }
 });
 var qo = function() {
@@ -1814,9 +1814,9 @@ var qo = function() {
   null,
   "7ecb90d6"
 );
-const Gt = Jo.exports;
+const Wt = Jo.exports;
 var Q = /* @__PURE__ */ ((s) => (s.ACTION_COL_NESTED_CONTENT_AND_SELECTION_ENABLED = "action-col-nested-content-and-selection-enabled", s.ACTION_COL_NESTED_CONTENT_ENABLED = "action-col-nested-content-enabled", s.ACTION_COL_SELECTION_ENABLED = "action-col-selection-enabled", s.COLUMN_HOVERED = "column-hovered", s.COLUMN_HOVERED_NO_BORDER_LEFT = "column-hovered-no-border-left", s.COLUMN_HOVERED_NO_BORDER_RIGHT = "column-hovered-no-border-right", s.CONDENSED = "condensed", s.FROZEN = "frozen", s.IS_COLUMN_REORDERING = "is-column-re-ordering", s.IS_COLUMN_REORDERING_TARGET_LEFT = "is-column-re-order-target-left", s.IS_COLUMN_REORDERING_TARGET_RIGHT = "is-column-re-order-target-right", s.LAST_FROZEN_COLUMN_CELL = "last-frozen-column-cell", s.NESTED_CONTENT_ENABLED = "nested-content-toggle-enabled", s.NUMERIC = "numeric", s.OVERFLOW_ELLIPSIS = "overflow-ellipsis", s.PADDING_LEFT_UNSET = "padding-left-unset", s.PADDING_RIGHT_UNSET = "padding-right-unset", s.SLASHED_ZERO = "slashed-zero", s))(Q || {});
-const Lt = () => {
+const Et = () => {
   const s = document.activeElement;
   return s ? s.matches(":focus-visible") || s.matches(".focus-visible") : !1;
 }, Ko = {
@@ -1982,106 +1982,106 @@ const Lt = () => {
   },
   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 = Ge(), l = Ve(o), { t: a } = he(), i = p(null), _ = p(null), g = p(!1), w = p([]), m = p(!1), E = p(), b = p(!1), u = v(() => {
-      var C;
-      return !!((C = e.rowData) != null && C[e.column.field]);
-    }), y = v(
+    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(() => {
+      var w;
+      return !!((w = e.rowData) != null && w[e.column.field]);
+    }), A = v(
       () => {
-        var C;
-        return e.column.field === oe && ((C = e.nestedRowsElementIds) == null ? void 0 : C.length) > 0 ? e.nestedRowsElementIds.join(" ") : void 0;
+        var w;
+        return e.column.field === le && ((w = e.nestedRowsElementIds) == null ? void 0 : w.length) > 0 ? e.nestedRowsElementIds.join(" ") : void 0;
       }
     ), L = v(
-      () => e.column.field === oe && !e.selectable && !e.nestedContent
-    ), F = v(() => !L.value && (D(e.rowIndex, e.colIndex, e.columnSetIndex) === 0 && !b.value || m.value) ? "0" : (e.column.field === oe, "-1")), S = (C, $) => (C == null ? void 0 : C.overflow) === ze.ELLIPSIS ? `${$}` : void 0, d = (C) => C ?? "-", A = (C) => e.columnSets.slice(0, C).reduce(($, { columnSet: W }) => $ + W.length, 0), O = (C, $) => C + A($), D = (C, $, W) => A() * C + O($, W), r = (C) => {
-      var $;
-      (C === null || !i.value.contains(C) && !(($ = w.value) != null && $.map((W) => W.value).some((W) => W === C || (W == null ? void 0 : W.contains(C))))) && (g.value = !1);
+      () => 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) => {
+      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;
-    }, R = p(!1), T = (C) => {
-      const $ = {
-        ...e.draggingEventsForRowCell(C),
+    }, S = h(!1), T = (w) => {
+      const W = {
+        ...e.draggingEventsForRowCell(w),
         // Focus on the first interactive child in the grid cell if one exists
         focus: async () => {
-          if (!Lt())
+          if (!Et())
             return;
           m.value = !0, b.value = !0, n("cell-focus", {
             rowData: e.rowData,
             column: e.column,
             rowIndex: e.rowIndex,
             colIndex: O(e.colIndex, e.columnSetIndex)
-          }), $t(E.value), await le(), qe(i.value) && (R.value = !0);
+          }), Ut(E.value), await ae(), je(i.value) && (S.value = !0);
         },
         focusout: () => {
-          Lt() && (R.value = !1);
+          Et() && (S.value = !1);
         },
         keydown: (z) => {
-          z.key !== ce.TAB && (R.value = !1, m.value = !1, we(i.value));
+          z.key !== ce.TAB && (S.value = !1, m.value = !1, we(i.value));
         }
-      }, W = { ...$ };
-      return C.frozen && (W.keyup = (z) => n("on-frozen-columns-key-press", z), W.keydown = (z) => {
-        $.keydown(z), n("on-frozen-columns-key-press", z);
-      }), C.cellActions && (W.mouseenter = () => {
+      }, $ = { ...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;
-      }, W.mouseleave = (z) => {
+      }, $.mouseleave = (z) => {
         r(z == null ? void 0 : z.relatedTarget);
-      }, W.focus = async (z) => {
-        $.focus(z), await le(), g.value = !0;
-      }, W.focusout = (z) => {
-        $.focusout(z), r(z == null ? void 0 : z.relatedTarget);
-      }), W;
+      }, $.focus = async (z) => {
+        W.focus(z), await ae(), g.value = !0;
+      }, $.focusout = (z) => {
+        W.focusout(z), r(z == null ? void 0 : z.relatedTarget);
+      }), $;
     };
-    Re(() => {
+    Ee(() => {
       E.value = we(i.value);
     });
     const B = () => {
       n("nested-content-toggled");
     };
-    ae(
+    ie(
       () => g.value,
       () => {
         g.value === !0 ? n("cell-hovered", e.rowIndex) : n("cell-hovered", -1);
       }
     );
-    const P = (C) => {
-      w.value.push(C);
-    }, k = (C) => {
-      i.value.contains(C == null ? void 0 : C.relatedTarget) || (g.value = !1);
+    const P = (w) => {
+      p.value.push(w);
+    }, k = (w) => {
+      i.value.contains(w == null ? void 0 : w.relatedTarget) || (g.value = !1);
     };
-    Oe(os, {
+    Ne(os, {
       registerMenuContainerElement: P,
       menuMouseLeave: k
     });
-    const K = me(kt, p(!1)), Y = me(
-      Ae,
+    const K = _e(zt, h(!1)), Y = _e(
+      Te,
       v(() => !1)
-    ), ee = me(De, p(!1)), G = (C) => {
-      var $, W, z, Ce, ue, ie, c;
+    ), ee = _e(xe, h(!1)), G = (w) => {
+      var W, $, z, ve, me, re, c;
       return {
-        [`b-data-grid-cell--${Q.COLUMN_HOVERED}`]: (C == null ? void 0 : C.field) === e.hoveredOverColumnState.hoveredOverColumnField,
-        [`b-data-grid-cell--${Q.COLUMN_HOVERED_NO_BORDER_LEFT}`]: (C == null ? void 0 : C.field) === e.hoveredOverColumnState.hoveredOverColumnField && e.hoveredOverColumnState.noBorderLeft,
-        [`b-data-grid-cell--${Q.COLUMN_HOVERED_NO_BORDER_RIGHT}`]: (C == null ? void 0 : C.field) === e.hoveredOverColumnState.hoveredOverColumnField && e.hoveredOverColumnState.noBorderRight,
-        [`b-data-grid-cell--${Q.PADDING_LEFT_UNSET}`]: (($ = C == null ? void 0 : C.padding) == null ? void 0 : $.left) === !1,
-        [`b-data-grid-cell--${Q.PADDING_RIGHT_UNSET}`]: ((W = C == null ? void 0 : C.padding) == null ? void 0 : W.right) === !1,
-        [`b-data-grid-cell--${Q.NUMERIC}`]: C == null ? void 0 : C.numeric,
+        [`b-data-grid-cell--${Q.COLUMN_HOVERED}`]: (w == null ? void 0 : w.field) === e.hoveredOverColumnState.hoveredOverColumnField,
+        [`b-data-grid-cell--${Q.COLUMN_HOVERED_NO_BORDER_LEFT}`]: (w == null ? void 0 : w.field) === e.hoveredOverColumnState.hoveredOverColumnField && e.hoveredOverColumnState.noBorderLeft,
+        [`b-data-grid-cell--${Q.COLUMN_HOVERED_NO_BORDER_RIGHT}`]: (w == null ? void 0 : w.field) === e.hoveredOverColumnState.hoveredOverColumnField && e.hoveredOverColumnState.noBorderRight,
+        [`b-data-grid-cell--${Q.PADDING_LEFT_UNSET}`]: ((W = w == null ? void 0 : w.padding) == null ? void 0 : W.left) === !1,
+        [`b-data-grid-cell--${Q.PADDING_RIGHT_UNSET}`]: (($ = w == null ? void 0 : w.padding) == null ? void 0 : $.right) === !1,
+        [`b-data-grid-cell--${Q.NUMERIC}`]: w == null ? void 0 : w.numeric,
         [`b-data-grid-cell--${Q.CONDENSED}`]: e.condensed,
-        [`b-data-grid-cell--${Q.OVERFLOW_ELLIPSIS}`]: (C == null ? void 0 : C.overflow) === ze.ELLIPSIS,
-        [`b-data-grid-cell--${Q.IS_COLUMN_REORDERING}`]: ((z = e.draggingColumns.dragging) == null ? void 0 : z.field) === C.field,
-        [`b-data-grid-cell--${Q.IS_COLUMN_REORDERING_TARGET_LEFT}`]: ((Ce = e.draggingColumns.target) == null ? void 0 : Ce.field) === C.field && ((ue = e.draggingColumns) == null ? void 0 : ue.dragToLeft),
-        [`b-data-grid-cell--${Q.IS_COLUMN_REORDERING_TARGET_RIGHT}`]: ((ie = e.draggingColumns.target) == null ? void 0 : ie.field) === C.field && !((c = e.draggingColumns) != null && c.dragToLeft),
-        [`b-data-grid-cell--${Q.FROZEN}`]: C == null ? void 0 : C.frozen,
+        [`b-data-grid-cell--${Q.OVERFLOW_ELLIPSIS}`]: (w == null ? void 0 : w.overflow) === $e.ELLIPSIS,
+        [`b-data-grid-cell--${Q.IS_COLUMN_REORDERING}`]: ((z = e.draggingColumns.dragging) == null ? void 0 : z.field) === w.field,
+        [`b-data-grid-cell--${Q.IS_COLUMN_REORDERING_TARGET_LEFT}`]: ((ve = e.draggingColumns.target) == null ? void 0 : ve.field) === w.field && ((me = e.draggingColumns) == null ? void 0 : me.dragToLeft),
+        [`b-data-grid-cell--${Q.IS_COLUMN_REORDERING_TARGET_RIGHT}`]: ((re = e.draggingColumns.target) == null ? void 0 : re.field) === w.field && !((c = e.draggingColumns) != null && c.dragToLeft),
+        [`b-data-grid-cell--${Q.FROZEN}`]: w == null ? void 0 : w.frozen,
         [`b-data-grid-cell--${Q.NESTED_CONTENT_ENABLED}`]: e.nestedContent,
-        [`b-data-grid-cell--${Q.ACTION_COL_NESTED_CONTENT_ENABLED}`]: e.nestedContent && !e.selectable && C.field === oe,
-        [`b-data-grid-cell--${Q.ACTION_COL_NESTED_CONTENT_AND_SELECTION_ENABLED}`]: e.nestedContent && e.selectable && C.field === oe,
-        [`b-data-grid-cell--${Q.ACTION_COL_SELECTION_ENABLED}`]: C.field === oe && e.selectable,
+        [`b-data-grid-cell--${Q.ACTION_COL_NESTED_CONTENT_ENABLED}`]: e.nestedContent && !e.selectable && w.field === le,
+        [`b-data-grid-cell--${Q.ACTION_COL_NESTED_CONTENT_AND_SELECTION_ENABLED}`]: e.nestedContent && e.selectable && w.field === le,
+        [`b-data-grid-cell--${Q.ACTION_COL_SELECTION_ENABLED}`]: w.field === le && e.selectable,
         [`b-data-grid-cell--${Q.SLASHED_ZERO}`]: K.value,
         "b-data-grid-cell--small-container": Y.value
       };
-    }, U = v(() => ({
-      "b-data-grid-cell__cell-content--is-focused-on-inside-interactive-element": R.value
+    }, M = v(() => ({
+      "b-data-grid-cell__cell-content--is-focused-on-inside-interactive-element": S.value
     }));
     return t({
       gridcellRef: i
-    }), { __sfc: !0, slots: o, hasSlot: l, t: a, props: e, emit: n, gridcellRef: i, cellActionsRef: _, shouldShowCellActions: g, childrenMenuContainerElements: w, isFocused: m, focusableItems: E, hasEverBeenFocused: b, hasRowData: u, controlledNestedRowElementIds: y, ariaHidden: L, tabIndex: F, conditionalTitleAttribute: S, getRowData: d, sumColumnAmountsInColumnSets: A, getColIndex: O, getCellIndex: D, isLeavingCellFocus: r, onMenuClose: f, hasInteractiveElFocusedInside: R, getGridcellEvents: T, toggleNestedContent: B, registerMenuContainerElement: P, menuMouseLeave: k, hasSlashedZero: K, isSmallContainer: Y, isTouchDevice: ee, conditionalRowCellClasses: G, computedCellContentClasses: U, DATAGRID_ACTIONS_COLUMN_FIELD_NAME: oe, BentoCheckbox: Ft, BentoTypography: Se, BentoToggleButton: je, DataGridCellActions: Gt, ChevronDownIcon: ls, ChevronUpIcon: as };
+    }), { __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: xt, BentoTypography: Se, BentoToggleButton: Ze, DataGridCellActions: Wt, ChevronDownIcon: ls, ChevronUpIcon: as };
   }
 });
 var el = function() {
@@ -2315,35 +2315,35 @@ 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 = Ge(), l = Ve(o), a = p({}), i = p(!1), _ = p(), g = p(), w = Ie("nested-content-slot"), m = p(!1), E = p();
-    Re(() => {
+    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();
+    Ee(() => {
       g.value && (E.value = we(g.value));
     });
     const b = v(() => e.shouldShowNestedRows(e.rowData)), u = v(
       () => {
-        var h, x;
-        return !e.isNestedRow && e.hasNestedRows && b.value && ((x = (h = e.rowData) == null ? void 0 : h.children) == null ? void 0 : x.length) > 0;
+        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;
       }
-    ), y = v(
+    ), A = v(
       () => {
-        var h, x;
-        return !e.isNestedRow && e.hasNestedRows && b.value && (((h = e.rowData) == null ? void 0 : h.children) === void 0 || ((x = e == null ? void 0 : e.rowData) == null ? void 0 : x.children.length) === 0);
+        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);
       }
     ), L = v(
       () => e.hasNestedContent && e.shouldShowNestedContent(e.rowData) || e.hasNestedRows && b.value && !e.isNestedRow
     ), F = v(() => {
       if (e.hasNestedContent || e.hasNestedRows) {
-        const h = i.value.toString();
+        const C = i.value.toString();
         return {
-          "aria-expanded": L.value ? h : void 0,
+          "aria-expanded": L.value ? C : void 0,
           "aria-level": e.isNestedRow ? "2" : "1",
           "aria-posinset": e.rowIndex + 1,
           "aria-setsize": e.rowSetSize
         };
       }
       return { "aria-rowindex": e.rowIndex + 1 };
-    }), S = v(() => {
-      if (y.value)
+    }), R = v(() => {
+      if (A.value)
         return {
           "aria-busy": "true",
           "aria-live": "polite"
@@ -2353,135 +2353,137 @@ const sl = nl.exports, ol = {
           "aria-level": e.isNestedRow ? "3" : "2",
           "aria-posinset": "1",
           "aria-setsize": "1",
-          id: w,
+          id: p,
           role: "row",
           tabindex: "-1"
         };
     }), d = v(() => {
-      var h, x;
-      return u.value ? (x = (h = e.rowData) == null ? void 0 : h.children) == null ? void 0 : x.reduce((H, te, re) => (H[re] = Ie("nested-row"), H), {}) : [];
-    }), A = v(() => {
-      var h;
+      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), {}) : [];
+    }), y = v(() => {
+      var C;
       if (i.value) {
         if (e.hasNestedContent && e.shouldShowNestedContent(e.rowData))
-          return [w];
-        if (u.value && ((h = Object.keys(d.value)) == null ? void 0 : h.length) > 0) {
-          const x = Object.values(d.value);
-          if ((x == null ? void 0 : x.length) > 0)
-            return x;
+          return [p];
+        if (u.value && ((C = Object.keys(d.value)) == null ? void 0 : C.length) > 0) {
+          const I = Object.values(d.value);
+          if ((I == null ? void 0 : I.length) > 0)
+            return I;
         }
         return [];
       }
     }), O = v(() => {
-      var x, H;
-      const h = (H = (x = e.rowData) == null ? void 0 : x.children) == null ? void 0 : H.map((te) => e.getDataItemId(te));
-      if ((h == null ? void 0 : h.length) > 0) {
-        const te = h.every((fe) => {
-          var Z;
-          return (Z = e == null ? void 0 : e.selectedItems) == null ? void 0 : Z.includes(fe);
-        }), re = h.some((fe) => {
-          var Z;
-          return (Z = e == null ? void 0 : e.selectedItems) == null ? void 0 : Z.includes(fe);
+      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) => {
+          var Ce;
+          return (Ce = e == null ? void 0 : e.selectedItems) == null ? void 0 : Ce.includes(Z);
+        }), se = C.some((Z) => {
+          var Ce;
+          return (Ce = e == null ? void 0 : e.selectedItems) == null ? void 0 : Ce.includes(Z);
         });
-        return !te && re;
+        return !te && se;
       }
       return !1;
-    }), D = (h, x) => {
-      const H = h;
-      h !== null && (H != null && H.gridcellRef) && (a.value[x] = H.gridcellRef);
-    }, r = (h) => d.value[h], f = (h) => {
+    }), x = (C, I) => {
+      const H = C;
+      C !== null && (H != null && H.gridcellRef) && (a.value[I] = H.gridcellRef);
+    }, r = (C) => d.value[C], f = (C) => {
       if (!e.selectable)
         return null;
-      const x = e.getDataItemId(h);
-      return e.selectedItems.includes(x).toString();
-    }, R = (h) => {
+      const I = e.getDataItemId(C);
+      return e.selectedItems.includes(I).toString();
+    }, S = (C, I) => {
+      n("row-click", C, I);
+    }, T = (C) => {
       var te;
       if (!e.allowRowClicks)
         return;
-      let x = !1;
+      let I = !1;
       const H = ["button", "input", "a"];
-      for (let re = 0; re < H.length; re++)
-        if ((te = h == null ? void 0 : h.target) != null && te.closest(H[re])) {
-          x = !0;
+      for (let se = 0; se < H.length; se++)
+        if ((te = C == null ? void 0 : C.target) != null && te.closest(H[se])) {
+          I = !0;
           break;
         }
-      x || n("row-click", e.rowData, h);
-    }, T = (h) => {
-      n("select-row", h, e.rowData);
-    }, B = (h, x) => {
-      n("select-nested-row", x, e.rowData, h);
-    }, P = () => {
-      m.value = !0;
+      I || S(e.rowData, C);
+    }, B = (C) => {
+      n("select-row", C, e.rowData);
+    }, P = (C, I) => {
+      n("select-nested-row", I, e.rowData, C);
     }, k = () => {
-      m.value = !1;
+      m.value = !0;
     }, K = () => {
-      var h;
-      $t([(h = E.value) == null ? void 0 : h[0]]), qe(g.value);
+      m.value = !1;
     }, Y = () => {
+      var C;
+      Ut([(C = E.value) == null ? void 0 : C[0]]), je(g.value);
+    }, ee = () => {
       we(g.value);
-    }, ee = (h) => {
-      var x, H;
-      h.key !== ce.TAB && we(g.value), h.key === ce.ARROW_RIGHT && ((x = E.value) == null ? void 0 : x.length) > 1 && E.value[0].node === document.activeElement ? (we(g.value), E.value[1].node.setAttribute("tabindex", "0"), E.value[1].node.focus(), h.stopPropagation(), h.preventDefault()) : h.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(), h.stopPropagation(), h.preventDefault());
-    }, G = () => e.columnSets.reduce((h, { columnSet: x }) => h + x.length, 0), U = () => G() * e.rowIndex + G(), { updateContentHeight: C, contentHeight: $ } = is(_, i), W = v(() => {
-      var h;
+    }, G = (C) => {
+      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;
       if (e.hasNestedContent || e.hasNestedRows)
         return {
-          paddingLeft: `${u.value || y.value ? 0 : a.value[oe].offsetWidth + Ut}px`,
-          "max-height": (e.hasNestedContent || e.hasNestedRows) && $.value && !((h = $ == null ? void 0 : $.value) != null && h.includes("null")) ? $.value : 0
+          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
         };
     });
-    ae(
+    ie(
       () => _.value,
       () => {
-        let h = null;
-        !h && _.value && (h = Ze(_.value, () => {
-          _.value && C();
+        let C = null;
+        !C && _.value && (C = Ve(_.value, () => {
+          _.value && W();
         }));
       }
     );
-    const z = () => {
-      i.value = !i.value, C(), n("nested-content-toggled", e.rowData);
+    const ve = () => {
+      i.value = !i.value, W(), n("nested-content-toggled", e.rowData);
     };
-    ae(
+    ie(
       () => {
-        var h;
-        return (h = e.rowData) == null ? void 0 : h.children;
+        var C;
+        return (C = e.rowData) == null ? void 0 : C.children;
       },
-      (h, x) => {
+      (C, I) => {
         var H, te;
-        ((te = (H = e == null ? void 0 : e.rowData) == null ? void 0 : H.children) == null ? void 0 : te.length) > 0 && x === void 0 && !i.value && C();
+        ((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();
       }
     );
-    const Ce = me(
-      Ae,
+    const me = _e(
+      Te,
       v(() => !1)
-    ), ue = (h) => e.highlightedRows.includes(e.getDataItemId(h)), ie = (h) => e.selectedItems.includes(e.getDataItemId(h)), c = (h, x) => ({
-      "b-data-grid-row-container__row--disabled": e.isDataItemDisabled(h),
+    ), 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),
       "b-data-grid-row-container__row--row-clicks-enabled": e.allowRowClicks,
-      "b-data-grid-row-container__row--highlighted": ue(h),
-      "b-data-grid-row-container__row--selected": ie(h),
-      "b-data-grid-row-container__row--hovered": e.hoveredRowIndex === x,
+      "b-data-grid-row-container__row--highlighted": re(C),
+      "b-data-grid-row-container__row--selected": c(C),
+      "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
-    }), M = (h, x) => ({
-      "b-data-grid-row-container__row-cell-set--frozen": h && !x,
-      [`b-data-grid-row-container__row-cell-set--${ve.OVERFLOW_SHADOW_LEFT}`]: !x && h && e.hasLeftOverflow,
-      "b-data-grid-row-container__row-cell-set--frozen-separator": !x && h && e.showFrozenColumnsSeparator,
-      "b-data-grid-row-container__row-cell-set--unfrozen": !h || x,
+    }), 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,
       "b-data-grid-row-container__row-cell-set--is-measuring": e.isMeasuringColumnWidths
-    }), X = v(() => ({
+    }), 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)
-    })), ne = v(() => ({
-      "b-data-grid-row-container__row-actions-container--row-actions-menu-open": m.value
     })), pe = v(() => ({
+      "b-data-grid-row-container__row-actions-container--row-actions-menu-open": m.value
+    })), Re = v(() => ({
       minWidth: `${e.rowActionsMaximumWidth}px`
     }));
     return t({
       gridcellRefs: a,
       rowActionsRef: g
-    }), { __sfc: !0, slots: o, hasSlot: l, props: e, emit: n, gridcellRefs: a, isNestedContentShown: i, nestedContentRef: _, rowActionsRef: g, nestedContentSlotId: w, isRowActionMenuOpen: m, focusableItems: E, shouldShowNestedRowsBooleanResult: b, shouldShowRenderNestedRows: u, isLoadingNestedRows: y, shouldShowNestedContentToggle: L, ariaRowAttributes: F, nestedContentContainerDivAriaAttributes: S, nestedRowIds: d, allNestedRowIds: A, hasUnSelectedNestedRows: O, registerRowCellRef: D, getRowId: r, getRowAriaSelectedValue: f, onRowClick: R, onRowSelect: T, onNestedRowSelect: B, onRowActionMenuOpen: P, onRowActionMenuClose: k, onRowActionsCellFocus: K, onRowActionsCellFocusOut: Y, onRowActionsCellOnKeyDown: ee, sumColumnAmountsInColumnSets: G, getRowActionsCellIndex: U, updateContentHeight: C, contentHeight: $, nestedContentStyles: W, nestedContentToggled: z, isSmallContainer: Ce, isHighlightedRow: ue, isSelectedRow: ie, conditionalRowClasses: c, conditionalRowSetClasses: M, conditionalNestedRowClasses: X, conditionalRowActionsContainerClasses: ne, computedRowActionsStyles: pe, BentoLoadingIndicator: He, DataGridRow: Ht, DataGridCell: sl, DataGridCellActions: Gt };
+    }), { __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 };
   }
 });
 var al = function() {
@@ -2492,8 +2494,8 @@ 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, w) {
-      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": w, "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(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 e.emit("cell-hovered", m);
       }, "cell-focus": function(m) {
         return e.emit("cell-focus", m);
@@ -2510,9 +2512,7 @@ var al = function() {
       return e.emit("cell-hovered", i);
     }, "cell-focus": function(i) {
       return e.emit("cell-focus", i);
-    }, "row-click": function(i) {
-      return e.emit("row-click", ...i);
-    }, "on-frozen-columns-key-press": function(i) {
+    }, "row-click": e.emitRowClick, "on-frozen-columns-key-press": function(i) {
       return e.emit("on-frozen-columns-key-press", i);
     }, "select-row": function(i) {
       return e.onNestedRowSelect(l, i);
@@ -2528,13 +2528,13 @@ var al = function() {
   il,
   !1,
   null,
-  "b70dfec3"
+  "96b2006a"
 );
-const Ht = rl.exports;
-let yt = 0;
+const Gt = rl.exports;
+let Lt = 0;
 const cl = {
   beforeCreate() {
-    this.uuid = yt.toString(), yt += 1;
+    this.uuid = Lt.toString(), Lt += 1;
   }
 };
 var dl = function() {
@@ -2560,22 +2560,22 @@ const gl = fl.exports, _l = {}, vl = /* @__PURE__ */ de({
     const t = s, n = v(() => {
       switch (t.variant) {
         case "checkmark":
-          return Wn;
+          return kn;
         case "warning":
-          return Gn;
+          return Wn;
         case "error":
           return gl;
         case "cross":
-          return Nt;
+          return Ot;
         case "no-value":
-          return it;
+          return at;
         default:
-          return it;
+          return at;
       }
     }), e = v(() => ({
       "b-data-grid-static-icon--colored": t.colored && t.variant !== "no-value"
-    })), o = v(() => `b-data-grid-static-icon__${t.variant}`), l = v(() => Hn.AUTO);
-    return { __sfc: !0, props: t, computedIcon: n, conditionalClasses: e, computedIconClass: o, tooltipPosition: l, vBentoTooltipDirective: It };
+    })), o = v(() => `b-data-grid-static-icon__${t.variant}`), l = v(() => Gn.AUTO);
+    return { __sfc: !0, props: t, computedIcon: n, conditionalClasses: e, computedIconClass: o, tooltipPosition: l, vBentoTooltipDirective: Nt };
   }
 });
 var ml = function() {
@@ -2621,7 +2621,7 @@ const Ga = hl.exports, pl = {
     tooltipText: { default: null }
   },
   setup(s) {
-    const t = s, { tc: n } = he(), e = p(), o = v(() => ({
+    const t = s, { tc: n } = he(), e = h(), o = v(() => ({
       popoverPosition: "right",
       // Setting popover defaults, but they are overriden if used passes dashedUnderline prop
       popoverTitle: t.label,
@@ -2637,7 +2637,7 @@ const Ga = hl.exports, pl = {
     }), 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(
       () => 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: jn, BentoTypography: Se, Tooltip: Zn, BentoTooltipPosition: Vn };
+    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 };
   }
 });
 var Sl = function() {
@@ -2655,7 +2655,7 @@ var Sl = function() {
   null,
   "2cf5d218"
 );
-const Ha = El.exports, Ll = {}, yl = /* @__PURE__ */ de({
+const Ha = El.exports, Ll = {}, Al = /* @__PURE__ */ de({
   ...Ll,
   __name: "data-grid-tag-with-text-cell",
   props: {
@@ -2663,19 +2663,19 @@ const Ha = El.exports, Ll = {}, yl = /* @__PURE__ */ de({
     value: null
   },
   setup(s) {
-    return { __sfc: !0, BentoTag: qn, BentoTypography: Se };
+    return { __sfc: !0, props: s, BentoTag: jn, BentoTypography: Se };
   }
 });
-var Al = function() {
+var yl = function() {
   var t = this, n = t._self._c, e = t._self._setupProxy;
-  return n("div", { staticClass: "b-data-grid-tag-with-text-cell" }, [n(e.BentoTag, t._b({}, "bento-tag", t.tag, !1)), n(e.BentoTypography, { attrs: { el: "span" } }, [t._v(t._s(t.value))])], 1);
+  return n("div", { staticClass: "b-data-grid-tag-with-text-cell" }, [n(e.BentoTag, t._b({}, "bento-tag", e.props.tag, !1)), n(e.BentoTypography, { attrs: { el: "span" } }, [t._v(t._s(t.value))])], 1);
 }, Tl = [], Ol = /* @__PURE__ */ q(
-  yl,
   Al,
+  yl,
   Tl,
   !1,
   null,
-  "c57c8165"
+  "ed0cc252"
 );
 const Va = Ol.exports;
 let At = 0;
@@ -2696,10 +2696,10 @@ var Il = function() {
   null
 );
 const Fl = xl.exports;
-let Tt = 0;
+let yt = 0;
 const Bl = {
   beforeCreate() {
-    this.uuid = Tt.toString(), Tt += 1;
+    this.uuid = yt.toString(), yt += 1;
   }
 };
 var Pl = function() {
@@ -2782,7 +2782,7 @@ var Gl = function() {
   "05cdd7d9"
 );
 const Za = Vl.exports, Zl = {
-  i18n: { messages: Wt },
+  i18n: { messages: kt },
   name: "bento-data-grid"
 }, jl = /* @__PURE__ */ de({
   ...Zl,
@@ -2872,7 +2872,7 @@ const Za = Vl.exports, Zl = {
      * {@see BentoFilterValues}
      */
     filterValues: {
-      type: Ue.props.filterValues.type,
+      type: Array,
       default: () => []
     },
     /**
@@ -2903,7 +2903,7 @@ const Za = Vl.exports, Zl = {
      * Filter bar search term useful to filter all the data by text
      */
     filterSearchTerm: {
-      type: Ue.props.searchTerm.type,
+      type: String,
       default: void 0
     },
     /**
@@ -3122,213 +3122,213 @@ const Za = Vl.exports, Zl = {
     N.CELL_FOCUS
   ],
   setup(s, { expose: t, emit: n }) {
-    const e = s, o = Ge(), l = Ve(o), a = p(null), i = p(), _ = p({}), g = p(Ie("data-grid")), w = p(null), m = p(null), E = p(), b = p(null), u = p(null), y = p(null), {
+    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), {
       allowColumnDragAndDrop: L,
       columns: F,
-      columnPanel: S,
+      columnPanel: R,
       data: d,
-      lazyLoadType: A,
+      lazyLoadType: y,
       loading: O,
-      hasNestedContent: D,
+      hasNestedContent: x,
       hasNestedRows: r,
       selectable: f,
-      selection: R,
+      selection: S,
       selectableAcrossPages: T,
       stickyPagination: B,
       outline: P,
       pagination: k,
       zebraRows: K
-    } = We(e), Y = p(-1), { t: ee } = he(), G = v(() => ne.value.filter((I) => I.frozen).length), U = 550, C = p(), { width: $ } = es(C), W = v(() => $.value <= U);
-    Oe(Ae, W);
-    const z = p(!1);
-    Re(() => {
+    } = 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);
+    Ne(Te, $);
+    const z = h(!1);
+    Ee(() => {
       typeof window < "u" && (z.value = "ontouchstart" in window || (navigator == null ? void 0 : navigator.maxTouchPoints) > 0);
-    }), Oe(De, z);
-    const Ce = me(
+    }), Ne(xe, z);
+    const ve = _e(
       Qn,
       () => ({
-        additionalContentSlotRef: p(null),
+        additionalContentSlotRef: h(null),
         isDataGridTemplate: !1,
-        stickyAditionalContent: p(!1),
-        stickyTabs: p(!1),
-        tabsRef: p(null)
+        stickyAditionalContent: h(!1),
+        stickyTabs: h(!1),
+        tabsRef: h(null)
       })
-    ), { additionalContentSlotRef: ue, isDataGridTemplate: ie, stickyTabs: c, tabsRef: M, stickyAdditionalContent: X } = Ce(), {
+    ), { additionalContentSlotRef: me, isDataGridTemplate: re, stickyTabs: c, tabsRef: U, stickyAdditionalContent: X } = ve(), {
       columnDefs: ne,
       onColumnWidthOverride: pe,
-      gridRowWidthStyle: h,
-      isMeasuringColumnWidths: x,
-      isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: H,
-      columns: te,
-      totalWidthOfAllColumns: re,
-      rowActionsMaxWidth: fe
-    } = Os(F, d, a, _, w, {
-      hasColumnPanel: S,
+      gridRowWidthStyle: Re,
+      isMeasuringColumnWidths: C,
+      isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: I,
+      columns: H,
+      totalWidthOfAllColumns: te,
+      rowActionsMaxWidth: se
+    } = Os(F, d, a, _, p, {
+      hasColumnPanel: R,
       hasSelectableColumn: f,
       hasSelectableAcrossPages: T,
-      hasNestedContent: D,
+      hasNestedContent: x,
       hasNestedRows: r,
       allowColumnDragAndDrop: L,
-      isDataGridTemplate: ie
-    }), Z = (I, ...V) => {
-      (I === N.COLUMNS || I === N.UPDATE_COLUMNS) && ([te.value] = V), n(I, ...V);
-    }, xe = _t(
-      M,
+      isDataGridTemplate: re
+    }), Z = (D, ...V) => {
+      (D === N.COLUMNS || D === N.UPDATE_COLUMNS) && ([H.value] = V), n(D, ...V);
+    }, Ce = gt(
+      U,
       c,
       X,
-      ue
-    ), Vt = v(
-      () => e.stickyFilters ? `${xe.value}px` : null
-    ), Ye = _t(m, $e(e, "stickyFilters")), Zt = v(
-      () => `${Ye.value + xe.value}px`
+      me
+    ), Ht = v(
+      () => e.stickyFilters ? `${Ce.value}px` : null
+    ), qe = gt(m, Ue(e, "stickyFilters")), Vt = v(
+      () => `${qe.value + Ce.value}px`
     ), {
       sortedColumns: Fe,
       columnSets: Be,
-      isOnlyOneVisibleColumn: jt,
-      internalZebraRows: Je,
-      onConfigSettingsColumnsUpdate: qt,
-      onConfigSettingsColumnUpdate: Yt,
-      onConfigSettingsCondensedUpdate: Jt,
-      onConfigSettingsZebraRowsUpdate: Kt
-    } = Ps(ne, K, Z), { hoveredOverColumn: Xt, hoveredOverColumnState: Qt } = Us(
+      isOnlyOneVisibleColumn: Zt,
+      internalZebraRows: Ye,
+      onConfigSettingsColumnsUpdate: jt,
+      onConfigSettingsColumnUpdate: qt,
+      onConfigSettingsCondensedUpdate: Yt,
+      onConfigSettingsZebraRowsUpdate: Jt
+    } = Ps(ne, K, Z), { hoveredOverColumn: Kt, hoveredOverColumnState: Xt } = Us(
       Be,
       f,
       P,
-      H
-    ), { draggingColumns: en, draggingEventsForColumns: tn, draggingEventsForRowCell: nn, onMoveColumnByOffset: sn } = Bs(Fe, L, Z), Ke = v(
+      I
+    ), { draggingColumns: Qt, draggingEventsForColumns: en, draggingEventsForRowCell: tn, onMoveColumnByOffset: nn } = Bs(Fe, L, Z), Je = v(
       () => {
-        var I;
-        return ((I = e.data) == null ? void 0 : I.length) > 0 && !!e.selectableAcrossPages && !!e.pagination && e.pagination.totalCount > 0;
+        var D;
+        return ((D = e.data) == null ? void 0 : D.length) > 0 && !!e.selectableAcrossPages && !!e.pagination && e.pagination.totalCount > 0;
       }
     ), {
-      onAllRowSelect: on,
-      onRowSelect: ln,
-      onNestedRowSelect: an,
-      onDeselectAll: rn,
-      allItemsSelectedState: cn,
-      selectedItems: Xe,
-      selectionState: dn
+      onAllRowSelect: sn,
+      onRowSelect: on,
+      onNestedRowSelect: ln,
+      onDeselectAll: an,
+      allItemsSelectedState: rn,
+      selectedItems: Ke,
+      selectionState: cn
     } = Ns(
-      R,
+      S,
       Z,
       d,
       e.getDataItemId,
       e.isDataItemDisabled,
-      Ke,
+      Je,
       k
-    ), un = v(() => {
-      var I, V, J, ge;
+    ), dn = v(() => {
+      var D, V, J, ue;
       return {
-        filtered: ((I = E.value) == null ? void 0 : I.isClearAllVisible) || ((V = E.value) == null ? void 0 : V.isResetAllVisible) || !!e.filterSearchTerm,
-        allRowsVisible: ((J = k.value) == null ? void 0 : J.size) >= ((ge = k.value) == null ? void 0 : ge.totalCount)
+        filtered: ((D = E.value) == null ? void 0 : D.isClearAllVisible) || ((V = E.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: fn } = Ds(
-      w,
+    }), { navigationInput: un } = Ds(
+      p,
       _,
       Fe,
       f,
       v(() => e.rowActions !== void 0),
-      S
-    ), { isLazyLoad: Te, isInfiniteScroll: gn, verticalScrollPosition: Qe, emitLazyLoadEvent: _n } = Fs(
-      A,
+      R
+    ), { isLazyLoad: Oe, isInfiniteScroll: fn, verticalScrollPosition: Xe, emitLazyLoadEvent: gn } = Fs(
+      y,
       u,
       a,
       O,
       Z
     ), {
-      updateScrollPosition: vn,
-      updateScrollPositionOnFrozenColumnsNavigation: mn,
-      syncVirtualScrollerWithBody: Cn,
+      updateScrollPosition: _n,
+      updateScrollPositionOnFrozenColumnsNavigation: vn,
+      syncVirtualScrollerWithBody: mn,
       hasLeftOverflow: Pe,
-      hasRightOverflow: et,
-      horizontalScrollbarConditionalStyles: hn
+      hasRightOverflow: Qe,
+      horizontalScrollbarConditionalStyles: Cn
     } = Ms(
       a,
       i,
-      Qe,
-      y,
+      Xe,
+      A,
       b,
-      re,
+      te,
       {
-        isLazyLoad: Te,
+        isLazyLoad: Oe,
         pagination: k,
         stickyPagination: B,
-        isDataGridTemplate: ie
+        isDataGridTemplate: re
       }
-    ), tt = () => {
+    ), et = () => {
       E.value.isClearAllVisible ? E.value.clearAllFilters() : E.value.isResetAllVisible && E.value.resetAllFilters();
-    }, pn = v(() => {
-      var I, V;
+    }, hn = v(() => {
+      var D, V;
       return {
         ...e.emptyState,
-        variant: ((I = e.emptyState) == null ? void 0 : I.variant) === "embedded" || ((V = e.emptyState) == null ? void 0 : V.variant) === "basic" ? e.emptyState.variant : "basic"
+        variant: ((D = e.emptyState) == null ? void 0 : D.variant) === "embedded" || ((V = e.emptyState) == null ? void 0 : V.variant) === "basic" ? e.emptyState.variant : "basic"
       };
-    }), wn = v(() => ({
-      [`b-data-grid--${ve.OUTLINE}`]: e.outline,
-      [`b-data-grid--${ve.SCROLL}`]: e.fitContent || Te.value,
-      [`b-data-grid--${ve.STICKY_FILTERS}`]: e.filters && e.stickyFilters,
-      [`b-data-grid--${ve.OVERFLOW_SHADOW_LEFT}`]: Pe.value && !G.value,
-      [`b-data-grid--${ve.OVERFLOW_SHADOW_RIGHT}`]: et.value && e.rowActions === void 0,
-      [`b-data-grid--${ve.NO_SPACING_TOP}`]: e.noSpacingTop,
-      [`b-data-grid--${ve.FIT_CONTENT}`]: e.fitContent,
-      [`b-data-grid--${ve.ZEBRA_ROWS}`]: Je.value,
-      "b-data-grid--lazy-load": Te.value
-    })), bn = v(() => ({
+    }), pn = v(() => ({
+      [`b-data-grid--${ge.OUTLINE}`]: e.outline,
+      [`b-data-grid--${ge.SCROLL}`]: e.fitContent || Oe.value,
+      [`b-data-grid--${ge.STICKY_FILTERS}`]: e.filters && e.stickyFilters,
+      [`b-data-grid--${ge.OVERFLOW_SHADOW_LEFT}`]: Pe.value && !G.value,
+      [`b-data-grid--${ge.OVERFLOW_SHADOW_RIGHT}`]: Qe.value && e.rowActions === void 0,
+      [`b-data-grid--${ge.NO_SPACING_TOP}`]: e.noSpacingTop,
+      [`b-data-grid--${ge.FIT_CONTENT}`]: e.fitContent,
+      [`b-data-grid--${ge.ZEBRA_ROWS}`]: Ye.value,
+      "b-data-grid--lazy-load": Oe.value
+    })), wn = v(() => ({
       "b-data-grid__body--sticky-horizontal-scrollbar": e.stickyHorizontalScrollbar
-    })), Sn = v(() => Be.value.findIndex((I) => I.columnSet.length)), Rn = v(() => !((e.selectable || e.hasNestedContent || e.hasNestedRows) && G.value === 1) || Pe.value), En = v(() => ({
-      "b-data-grid__filters--sticky": !!e.stickyFilters || ie
-    })), Ln = v(() => {
-      var I, V, J, ge, Ee, Le;
+    })), bn = v(() => Be.value.findIndex((D) => D.columnSet.length)), Sn = v(() => !((e.selectable || e.hasNestedContent || e.hasNestedRows) && G.value === 1) || Pe.value), Rn = v(() => ({
+      "b-data-grid__filters--sticky": !!e.stickyFilters || re
+    })), En = v(() => {
+      var D, V, J, ue, Le, Ae;
       return {
-        "b-data-grid__pagination--padding-left-unset": ((J = (V = (I = e.columns) == null ? void 0 : I[0]) == null ? void 0 : V.padding) == null ? void 0 : J.left) === !1,
-        "b-data-grid__pagination--padding-right-unset": ((Le = (Ee = (ge = e.columns) == null ? void 0 : ge[e.columns.length - 1]) == null ? void 0 : Ee.padding) == null ? void 0 : Le.right) === !1,
-        "b-data-grid__pagination--sticky": !!e.stickyPagination || ie
+        "b-data-grid__pagination--padding-left-unset": ((J = (V = (D = e.columns) == null ? void 0 : D[0]) == null ? void 0 : V.padding) == null ? void 0 : J.left) === !1,
+        "b-data-grid__pagination--padding-right-unset": ((Ae = (Le = (ue = e.columns) == null ? void 0 : ue[e.columns.length - 1]) == null ? void 0 : Le.padding) == null ? void 0 : Ae.right) === !1,
+        "b-data-grid__pagination--sticky": !!e.stickyPagination || re
       };
-    }), yn = (I) => {
-      const V = I;
-      I !== null && (V != null && V.columnHeaderRefs) && Object.entries(V == null ? void 0 : V.columnHeaderRefs).forEach(([J, ge]) => {
-        _.value[J] = ge;
+    }), Ln = (D) => {
+      const V = D;
+      D !== null && (V != null && V.columnHeaderRefs) && Object.entries(V == null ? void 0 : V.columnHeaderRefs).forEach(([J, ue]) => {
+        _.value[J] = ue;
       });
-    }, An = (I, V) => {
-      var ge, Ee, Le, lt;
-      const J = I;
-      if (I !== null && J != null && J.gridcellRefs) {
-        const Un = e.rowActions !== void 0 && (J == null ? void 0 : J.rowActionsRef);
-        Object.entries(J == null ? void 0 : J.gridcellRefs).map(([Me, $n]) => {
-          var at;
-          ((at = w.value) == null ? void 0 : at[Me]) === void 0 && (w.value = { ...w.value, [Me]: [] }), w.value[Me][V] = $n;
-        }), Un && (((ge = w.value) == null ? void 0 : ge[ye]) === void 0 && (w.value = { ...w.value, [ye]: [] }), w.value[ye][V] = (Ee = J.rowActionsRef) == null ? void 0 : Ee[0], fe.value = Math.max(
-          fe.value,
-          ((lt = (Le = J.rowActionsRef) == null ? void 0 : Le[0]) == null ? void 0 : lt.offsetWidth) ?? 0
+    }, An = (D, V) => {
+      var ue, Le, Ae, ot;
+      const J = D;
+      if (D !== null && J != null && J.gridcellRefs) {
+        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(
+          se.value,
+          ((ot = (Ae = J.rowActionsRef) == null ? void 0 : Ae[0]) == null ? void 0 : ot.offsetWidth) ?? 0
         ));
       }
-    }, Tn = (I, V) => {
-      e.allowRowClicks && Z(N.ROW_CLICK, I, V);
-    }, On = (I) => {
-      Y.value = I;
-    }, Nn = v(() => e.hasNestedContent || e.hasNestedRows ? "treegrid" : "grid"), nt = v(() => {
-      var I;
-      return ((I = Xe.value) == null ? void 0 : I.length) ?? 0;
-    }), In = v(() => e.bulkActions && nt.value > 0), Dn = (I) => Z(N.COLUMN_RESIZE, I), xn = (I) => {
-      Z(N.UPDATE_SORT_BY, I), Z(N.SORT, I);
-    }, Fn = (I, V) => {
-      Z(N.NAVIGATE, I), Z(N.UPDATE_PAGINATION, {
+    }, yn = (D, V) => {
+      e.allowRowClicks && Z(N.ROW_CLICK, D, V);
+    }, Tn = (D) => {
+      Y.value = D;
+    }, On = v(() => e.hasNestedContent || e.hasNestedRows ? "treegrid" : "grid"), tt = v(() => {
+      var D;
+      return ((D = Ke.value) == null ? void 0 : D.length) ?? 0;
+    }), Nn = v(() => e.bulkActions && tt.value > 0), In = (D) => Z(N.COLUMN_RESIZE, D), Dn = (D) => {
+      Z(N.UPDATE_SORT_BY, D), Z(N.SORT, D);
+    }, xn = (D, V) => {
+      Z(N.NAVIGATE, D), Z(N.UPDATE_PAGINATION, {
         ...e.pagination,
         size: V,
-        page: I
+        page: D
       });
-    }, Bn = (I) => {
-      Z(N.ITEMS_PAGE, I);
-    }, Pn = () => {
+    }, Fn = (D) => {
+      Z(N.ITEMS_PAGE, D);
+    }, Bn = () => {
       Z(N.FILTER_SEARCH_CLEAR);
-    }, Mn = (I) => {
-      Z(N.UPDATE_FILTER_SEARCH_TERM, I), Z(N.FILTER_SEARCH_INPUT, I);
-    }, st = v(() => F.value.some((I) => I.mandatory));
-    st.value || Dt(
+    }, Pn = (D) => {
+      Z(N.UPDATE_FILTER_SEARCH_TERM, D), Z(N.FILTER_SEARCH_INPUT, D);
+    }, nt = v(() => F.value.some((D) => D.mandatory));
+    nt.value || It(
       "WARNING: At least one BentoDataGrid column should be set as mandatory to ensure data is always displayed correctly."
     );
-    const ot = me(Xn, () => null);
-    return ot(e.tabTitle), Oe(kt, $e(e, "slashedZero")), t({ onEmptyStateClearResetButtonClick: tt }), { __sfc: !0, props: e, slots: o, hasSlot: l, body: a, columnsRef: i, columnHeaderRefs: _, dataGridUid: g, gridcellRefs: w, filtersRef: m, filterBarRef: E, paginationContainerRef: b, verticalScrollPositionRef: u, virtualHorizontalScrollbarRef: y, allowColumnDragAndDrop: L, columns: F, columnPanel: S, data: d, lazyLoadType: A, loading: O, hasNestedContent: D, hasNestedRows: r, selectable: f, selection: R, selectableAcrossPages: T, stickyPagination: B, outline: P, pagination: k, zebraRows: K, hoveredRowIndex: Y, t: ee, frozenColumnsLength: G, MOBILE_BREAKPOINT: U, dataGridRef: C, width: $, isSmallContainer: W, isTouchDevice: z, registerDatagridInDataGridTemplate: Ce, additionalContentSlotRef: ue, isDataGridTemplate: ie, stickyTabs: c, tabsRef: M, stickyAdditionalContent: X, columnDefs: ne, onColumnWidthOverride: pe, gridRowWidthStyle: h, isMeasuringColumnWidths: x, isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: H, localColumnsState: te, totalWidthOfAllColumns: re, rowActionsMaxWidth: fe, definedEmitsFunction: n, emit: Z, stickyFiltersHeight: xe, computedStickyFiltersTopPosition: Vt, columnHeadersHeight: Ye, computedColumnHeadersTopPosition: Zt, sortedColumns: Fe, columnSets: Be, isOnlyOneVisibleColumn: jt, internalZebraRows: Je, onConfigSettingsColumnsUpdate: qt, onConfigSettingsColumnUpdate: Yt, onConfigSettingsCondensedUpdate: Jt, onConfigSettingsZebraRowsUpdate: Kt, hoveredOverColumn: Xt, hoveredOverColumnState: Qt, draggingColumns: en, draggingEventsForColumns: tn, draggingEventsForRowCell: nn, onMoveColumnByOffset: sn, selectableAcrossPagesComputed: Ke, onAllRowSelect: on, onRowSelect: ln, onNestedRowSelect: an, onDeselectAll: rn, allItemsSelectedState: cn, selectedItems: Xe, selectionState: dn, visibleRowsState: un, navigationInput: fn, isLazyLoad: Te, isInfiniteScroll: gn, verticalScrollPosition: Qe, emitLazyLoadEvent: _n, updateScrollPosition: vn, updateScrollPositionOnFrozenColumnsNavigation: mn, syncVirtualScrollerWithBody: Cn, hasLeftOverflow: Pe, hasRightOverflow: et, horizontalScrollbarConditionalStyles: hn, onEmptyStateClearResetButtonClick: tt, limitedEmptyStateProps: pn, conditionalGridClasses: wn, conditionalGridBodyClasses: bn, computedColumnPanelAlignment: Sn, showFrozenColumnsSeparator: Rn, conditionalFilterClasses: En, conditionalPaginationClasses: Ln, registerColumnHeaderRefs: yn, registerRowCellRefs: An, onRowClick: Tn, onCellHover: On, ariaGridRole: Nn, itemsSelectedCounter: nt, showActionBar: In, onColumnResized: Dn, onSort: xn, onPaginationNavigate: Fn, onItemsPerPageChange: Bn, onSearchTermCleared: Pn, onSearchTermInput: Mn, hasMandatoryColumn: st, setTitle: ot, BentoActionBar: Yn, BentoPagination: Jn, BentoLoadingIndicator: He, BentoTypography: Se, BentoDataGridConfigSettings: Fo, DataGridColumns: Co, DataGridLazyLoad: zo, DataGridRow: Ht, handleClipboard: $s, BentoDatagridEvent: N, BentoFilterBar: Ue, BentoEmptyState: Kn };
+    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 };
   }
 });
 var ql = function() {
@@ -3336,15 +3336,15 @@ var ql = function() {
   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: (w) => e.registerColumnHeaderRefs(w), 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(w) {
-      e.hoveredOverColumn = w;
-    }, "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(w) {
+    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) {
       return e.emit(e.BentoDatagridEvent.SELECT_ALL_ACROSS_PAGES);
-    }, "select-all-current-results": function(w) {
+    }, "select-all-current-results": function(p) {
       return e.emit(e.BentoDatagridEvent.SELECT_ALL_CURRENT_RESULTS);
-    }, "deselect-all-current-results": function(w) {
+    }, "deselect-all-current-results": function(p) {
       return e.emit(e.BentoDatagridEvent.DESELECT_ALL_CURRENT_RESULTS);
-    }, "deselect-all": e.onDeselectAll, sort: e.onSort }, scopedSlots: t._u([t._l(e.slots, function(w, m) {
+    }, "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)];
       } };
@@ -3355,9 +3355,9 @@ var ql = function() {
       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, w) {
-      return { key: w, fn: function(m) {
-        return [t._t(w, null, null, m)];
+    }, "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)];
       } };
     })], 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);
@@ -3367,19 +3367,19 @@ var ql = function() {
   Yl,
   !1,
   null,
-  "c4107403"
+  "a34da065"
 );
 const ja = Jl.exports;
 export {
-  ze as B,
+  $e as B,
   Ga as a,
   Ha as b,
   Va as c,
   ja as d,
   Za as e,
-  Ne as f,
+  Ie as f,
   N as g,
   be as h,
-  ve as i
+  ge as i
 };
-//# sourceMappingURL=data-grid.7trhuJ5D.js.map
+//# sourceMappingURL=data-grid.ZjYQaN9_.js.map