@adyen/bento-vue2 1.79.1 → 1.80.0

package/dist/chunks/{data-grid.C8gSMQ0A.js → data-grid.CcddqHWZ.js}

@@ -5,41 +5,41 @@ import { W as kn } from "./warning-filled.CbJ1pcB2.js";
 import { n as Y } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
 import { C as Ot } from "./cross.CC_B-vG-.js";
 import { N as it } from "./minus-small.DJacLGTw.js";
-import { d as Wn } from "./popper-container.agLYtGwv.js";
-import { E as ce, b as Gn, B as Hn, T as Vn } from "./tooltip.Dt87KVh2.js";
-import { B as Zn } from "./dashed-underline.D107w00E.js";
+import { d as Wn } from "./popper-container.Cdokz_NE.js";
+import { E as ce, b as Gn, B as Hn, T as Vn } from "./tooltip.BcQ24pKP.js";
+import { B as Zn } from "./dashed-underline.BfQuyT28.js";
 import { B as ye, p as Nt } from "./typography.hlOAxsEn.js";
 import { u as pe } from "./index.B6WW_F-J.js";
-import { B as jn } from "./action-bar.DOaFj-A2.js";
-import { B as qn } from "./pagination.Bvhpu21H.js";
+import { B as jn } from "./action-bar.DYH79CCh.js";
+import { B as qn } from "./pagination.DcTUYJsK.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 { B as Pe } from "./filter-bar.DpjD5bZe.js";
+import { B as Pe } from "./filter-bar.DLAT3ops.js";
 import { B as Kn } from "./empty-state.BsdRxzS2.js";
 import { E as Yn } from "./tabs.keys.B4qGhjp2.js";
 import { D as Jn } from "./data-grid-template.keys.VezYtHtM.js";
 import { b as Xn } from "./index.BDK4hwK_.js";
 import { o as Ze } from "./resize.Bqks3WUm.js";
 import "./index.Cl4_42j5.js";
-import { B as It } from "./checkbox.CwOK7ss2.js";
+import { B as It } from "./checkbox.CiWvdg8S.js";
 import { B as Dt } from "./button.CS_kdxYh.js";
-import { c as je, e as xt, g as Qn, b as es, a as ts, O as rt, D as ns } from "./button-actions.C3cP-anb.js";
+import { c as je, e as xt, g as Qn, b as es, a as ts, O as rt, D as ns } from "./button-actions.BoZOEVZi.js";
 import { E as ct } from "./link.D8qpqg3W.js";
-import { C as dt } from "./copy.Hu3DFJwv.js";
+import { C as dt } from "./copy.DauzzgJV.js";
 import { C as ss } from "./chevron-down.eYtgv5ly.js";
 import { C as os } from "./chevron-up.d8cwIlA_.js";
-import { b as Bt } from "./focus-trap.BJfpIboH.js";
+import { b as Ft } from "./focus-trap.CNIU5jOz.js";
 import { u as ls } from "./use-expandable-content-height.GkjjbmPy.js";
-import { B as as } from "./info-icon.DGrrXpIY.js";
-import { D as is } from "./use-cached-selected-values.FoXcm49J.js";
-import { B as ut } from "./popover.types.DK6opPkz.js";
+import { B as as } from "./info-icon.iKLaNff6.js";
+import { D as is } from "./use-cached-selected-values.nu4EL9kL.js";
+import { B as ut } from "./popover.types.WDh5ggr3.js";
 import { A as rs } from "./dialog-page.krM2wQpm.js";
 import { H as cs, S as ds } from "./show.B_mKPF6I.js";
 import { l as ft } from "./events.BQOQSSb7.js";
-import { B as Ft } from "./toggle.D2wmNu7m.js";
-import { B as us } from "./search-bar.BcHoTrjP.js";
-import { u as fs } from "./dropdown.BpT6ct8O.js";
+import { B as Ut } from "./toggle.D2wmNu7m.js";
+import { B as us } from "./search-bar.C41ZmlHr.js";
+import { u as fs } from "./dropdown.BLgcbjv8.js";
 import { S as gs } from "./search.D53Ia3rC.js";
 import { B as _s } from "./directive.Cbdox5VL.js";
 import "../assets/data-grid.css";
@@ -83,36 +83,36 @@ const gt = (s) => {
     l == null || l.disconnect(), a == null || a.disconnect();
   }), o;
 };
-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 || {}), _e = /* @__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))(_e || {}), Se = /* @__PURE__ */ ((s) => (s.ASCENDING = "asc", s.DESCENDING = "desc", s))(Se || {}), N = /* @__PURE__ */ ((s) => (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 || {}), _e = /* @__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))(_e || {}), Se = /* @__PURE__ */ ((s) => (s.ASCENDING = "asc", s.DESCENDING = "desc", s))(Se || {}), 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 || {});
 const vs = (s, t) => {
-  const n = p(null), e = p(!1), o = p(void 0), l = s.value.reduce((L, B) => (L[B.field] = null, L), {}), a = ke(l), i = We(a);
+  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);
   let _ = 0, g = "";
   const w = v(
-    () => Object.fromEntries(s.value.map(({ field: L, width: B, minWidth: b }) => [L, { width: B, minWidth: b }]))
+    () => Object.fromEntries(s.value.map(({ field: L, width: F, minWidth: b }) => [L, { width: F, minWidth: b }]))
   );
   Pn(() => o.value = w.value);
-  let m = null, E = null;
+  let C = null, E = null;
   const S = (L) => {
-    const B = L.clientX - _, b = g, d = o.value[b].width + B;
+    const F = L.clientX - _, b = g, d = o.value[b].width + F;
     o.value[b].width = d > w.value[b].minWidth ? d : w.value[b].minWidth, t(j.COLUMN_RESIZING, o.value), _ = L.clientX;
   }, u = () => {
-    e.value = !1, m == null || m(), E == null || E(), g && t(j.COLUMN_RESIZE, {
+    e.value = !1, C == null || C(), E == null || E(), g && t(j.COLUMN_RESIZE, {
       field: g,
       width: o.value[g].width
-    }), m = null, E = null, g = "", _ = null;
-  }, y = (L, B, b) => {
+    }), C = null, E = null, g = "", _ = null;
+  }, y = (L, F, b) => {
     if (b.preventDefault(), L) {
       if (e.value = !0, b.buttons !== 1) {
         u();
         return;
       }
-      g = B, _ = b.clientX, m = ft(window, "mousemove", S), E = ft(window, "mouseup", u);
+      g = F, _ = b.clientX, C = ft(window, "mousemove", S), E = ft(window, "mouseup", u);
     }
   };
   return ae(
     () => e.value,
-    (L, B) => {
-      !L && B && (t(j.COLUMN_HOVER, n.value), n.value = null);
+    (L, F) => {
+      !L && F && (t(j.COLUMN_HOVER, n.value), n.value = null);
     }
   ), {
     resizeData: o,
@@ -121,7 +121,7 @@ const vs = (s, t) => {
     isResizing: e,
     columnHoverEventToEmitAfterResizing: n
   };
-}, Cs = 100, vt = 50, oe = "b-actions-column", ms = 42, hs = 56, ps = 56, ws = 80, Ss = 36, bs = 1, Ut = 16, Rs = 20, Es = (s, t, n) => {
+}, Cs = 100, vt = 50, oe = "b-actions-column", ms = 42, hs = 56, ps = 56, ws = 80, Ss = 36, bs = 1, Bt = 16, Rs = 20, Es = (s, t, n) => {
   const e = {}, o = [], l = (i) => {
     const _ = e[i];
     _ && _.frozen !== !0 && (e[i].frozen = !0, o.push(i));
@@ -131,11 +131,11 @@ const vs = (s, t) => {
       return;
     const i = { min: {} };
     let _ = s, g = t, w = 0;
-    o.forEach((m) => {
-      _ -= e[m].computedWidth, g -= e[m].flex;
+    o.forEach((C) => {
+      _ -= e[C].computedWidth, g -= e[C].flex;
     });
-    for (let m = 0, E = n.length; m < E; m += 1) {
-      const S = n[m];
+    for (let C = 0, E = n.length; C < E; C += 1) {
+      const S = n[C];
       if (e[S.field] && e[S.field].frozen === !0)
         continue;
       let y = _ / g * S.flex;
@@ -145,32 +145,32 @@ const vs = (s, t) => {
         flex: S.flex
       };
     }
-    w > 0 ? Object.keys(i.min).forEach((m) => {
-      l(m);
-    }) : n.forEach(({ field: m }) => {
-      l(m);
+    w > 0 ? Object.keys(i.min).forEach((C) => {
+      l(C);
+    }) : n.forEach(({ field: C }) => {
+      l(C);
     }), a();
   }
   return a(), e;
 }, Ct = (s, t) => {
   let n = bs;
-  return t && (n += Ut * 2), s != null && s.offsetWidth ? s.offsetWidth + n : 0;
+  return t && (n += Bt * 2), s != null && s.offsetWidth ? s.offsetWidth + n : 0;
 }, Ls = (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 ? ws : ps : Ss : (l = s == null ? void 0 : s.hasSelectableAcrossPages) != null && l.value ? hs : ms;
 }, ys = (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);
+  const a = p(s.value), i = p(t), _ = p(n), g = p(e), w = p(o), C = p(!1), E = p(0);
   ae(
     () => s.value,
     (r, f) => {
-      var T, F;
-      const R = (r == null ? void 0 : r.map(({ field: U }) => U).toString()) === (f == null ? void 0 : f.map(({ field: U }) => U).toString());
+      var T, U;
+      const R = (r == null ? void 0 : r.map(({ field: B }) => B).toString()) === (f == null ? void 0 : f.map(({ field: B }) => B).toString());
       if (!((T = l == null ? void 0 : l.allowColumnDragAndDrop) != null && T.value) || !R) {
         a.value = s.value;
         return;
       }
-      a.value = ((F = a.value) == null ? void 0 : F.length) === 0 ? s.value : s.value.sort((U, k) => {
-        const J = a.value.findIndex((ee) => ee.field === U.field), q = a.value.findIndex((ee) => ee.field === k.field);
+      a.value = ((U = a.value) == null ? void 0 : U.length) === 0 ? s.value : s.value.sort((B, k) => {
+        const J = a.value.findIndex((ee) => ee.field === B.field), q = a.value.findIndex((ee) => ee.field === k.field);
         return J === -1 ? 1 : q === -1 ? -1 : J - q;
       });
     }
@@ -182,11 +182,11 @@ const vs = (s, t) => {
     const r = [];
     let f = 0, R = 0;
     const T = {};
-    let F = a.value.filter((G) => G.visible !== !1);
-    const U = a.value.filter((G) => G.visible === !1);
+    let U = a.value.filter((G) => G.visible !== !1);
+    const B = a.value.filter((G) => G.visible === !1);
     if ((J = l == null ? void 0 : l.hasSelectableColumn) != null && J.value || (q = l == null ? void 0 : l.hasNestedContent) != null && q.value || (ee = l == null ? void 0 : l.hasNestedRows) != null && ee.value) {
       const G = Ls(l);
-      F = [
+      U = [
         {
           field: oe,
           label: "",
@@ -195,16 +195,16 @@ const vs = (s, t) => {
           frozen: !0,
           padding: { left: !1, right: !1 }
         },
-        ...F
+        ...U
       ];
     }
-    F.forEach((G) => {
+    U.forEach((G) => {
       const P = { ...G };
-      let C;
-      P.flex && P.flex > 0 ? (f += P.flex, C = 0, r.push(P)) : C = Math.max(
+      let m;
+      P.flex && P.flex > 0 ? (f += P.flex, m = 0, r.push(P)) : m = Math.max(
         (P == null ? void 0 : P.width) ?? Cs,
         (P == null ? void 0 : P.minWidth) ?? vt
-      ), R += C, P.width = C, P.minWidth = (P == null ? void 0 : P.minWidth) ?? vt, T[P.field] = P;
+      ), R += m, P.width = m, P.minWidth = (P == null ? void 0 : P.minWidth) ?? vt, T[P.field] = P;
     }), R += E.value;
     const k = Math.max(S.value - R, 0);
     if (f > 0 && S.value > 0) {
@@ -213,28 +213,28 @@ const vs = (s, t) => {
         T[P].width = G[P].computedWidth;
       });
     }
-    return U.forEach((G) => {
+    return B.forEach((G) => {
       const P = { ...G };
       T[P.field] = P;
     }), Object.values(T);
-  }), L = p(void 0), B = (r) => {
+  }), L = p(void 0), F = (r) => {
     L.value = { ...L.value, ...r };
   }, b = 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 }) => {
-      var U, k, J, q;
+    a.value.some((r) => r == null ? void 0 : r.autoWidth) && (C.value = !0, await le(), a == null || a.value.filter((r) => r == null ? void 0 : r.autoWidth).forEach(({ field: r, minWidth: f }) => {
+      var B, k, J, q;
       const R = Ct(
-        (U = g.value) == null ? void 0 : U[r],
+        (B = g.value) == null ? void 0 : B[r],
         (k = l == null ? void 0 : l.hasColumnPanel) == null ? void 0 : k.value
       ), T = (q = (J = w.value) == null ? void 0 : J[r]) == null ? void 0 : q.reduce(
         (ee, G) => Math.max(ee, Ct(G)),
         0
-      ), F = Math.max(R, T ?? 0);
-      (f === void 0 || F > f) && B({
+      ), U = Math.max(R, T ?? 0);
+      (f === void 0 || U > f) && F({
         [r]: {
-          width: F
+          width: U
         }
       });
-    }), m.value = !1);
+    }), C.value = !1);
   };
   ae([() => a.value, () => i.value], async () => {
     a.value.some((r) => r == null ? void 0 : r.autoWidth) && await b();
@@ -285,8 +285,8 @@ const vs = (s, t) => {
   }), {
     columnDefs: d,
     gridRowWidthStyle: D,
-    onColumnWidthOverride: B,
-    isMeasuringColumnWidths: m,
+    onColumnWidthOverride: F,
+    isMeasuringColumnWidths: C,
     isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: O,
     columns: a,
     totalWidthOfAllColumns: A,
@@ -306,7 +306,7 @@ const vs = (s, t) => {
       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))));
     }
-  ), m = v(
+  ), C = 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))));
@@ -323,25 +323,25 @@ const vs = (s, t) => {
     }
   ), 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;
+    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 && C.value;
   }), y = () => {
     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(
       (T) => {
-        var F;
-        return i.value.includes(e(T)) || ((F = T == null ? void 0 : T.children) == null ? void 0 : F.some((U) => i.value.includes(e(U))));
+        var U;
+        return i.value.includes(e(T)) || ((U = T == null ? void 0 : T.children) == null ? void 0 : U.some((B) => i.value.includes(e(B))));
       }
     ));
-  }, B = (r) => {
+  }, F = (r) => {
     le(() => {
       var R, T;
       _.allItemsSelected = r;
       const f = ((T = (R = g.value) == null ? void 0 : R.filter(
-        (F) => !o(F) && ((F == null ? void 0 : F.children) === void 0 || F.children.every((U) => !o(U)))
-      )) == null ? void 0 : T.map((F) => e(F))) ?? [];
-      r ? (i.value = [.../* @__PURE__ */ new Set([...i.value, ...f])], _.isIndeterminate = !w.value) : (i.value = i.value.filter((F) => !f.includes(F)), _.isIndeterminate = !E.value), y();
+        (U) => !o(U) && ((U == null ? void 0 : U.children) === void 0 || U.children.every((B) => !o(B)))
+      )) == null ? void 0 : T.map((U) => e(U))) ?? [];
+      r ? (i.value = [.../* @__PURE__ */ new Set([...i.value, ...f])], _.isIndeterminate = !w.value) : (i.value = i.value.filter((U) => !f.includes(U)), _.isIndeterminate = !E.value), y();
     });
   }, b = () => {
     le(() => {
@@ -353,26 +353,26 @@ const vs = (s, t) => {
       L(((R = f == null ? void 0 : f.children) == null ? void 0 : R.length) > 0 ? A(r, f) : r), y();
     });
   }, A = (r, f) => {
-    var F;
-    const R = e(f), T = (F = f.children) == null ? void 0 : F.filter((U) => !o(U)).map((U) => e(U));
+    var U;
+    const R = e(f), T = (U = f.children) == null ? void 0 : U.filter((B) => !o(B)).map((B) => e(B));
     if (r.includes(R)) {
-      const U = r;
+      const B = r;
       return T.forEach((k) => {
-        U.includes(k) || U.push(k);
-      }), U;
+        B.includes(k) || B.push(k);
+      }), B;
     }
-    return r.filter((U) => !T.includes(U));
+    return r.filter((B) => !T.includes(B));
   }, O = (r, f, R) => {
     le(() => {
-      var F, U;
+      var U, B;
       const T = e(f);
       r.includes(e(R)) ? L(
-        !r.includes(T) && ((F = f == null ? void 0 : f.children) != null && F.every((k) => r.includes(e(k)))) ? [...r, T] : r
+        !r.includes(T) && ((U = f == null ? void 0 : f.children) != null && U.every((k) => r.includes(e(k)))) ? [...r, T] : r
       ) : L(
-        r.includes(T) && !((U = f == null ? void 0 : f.children) != null && U.every((k) => r.includes(e(k)))) ? r.filter((k) => k !== T) : r
+        r.includes(T) && !((B = f == null ? void 0 : f.children) != null && B.every((k) => r.includes(e(k)))) ? r.filter((k) => k !== T) : r
       ), y();
     });
-  }, D = v(() => u.value ? "all" : m.value ? "page" : !i.value || i.value.length === 0 ? "none" : S.value ? "unselected-page" : "single");
+  }, D = v(() => u.value ? "all" : C.value ? "page" : !i.value || i.value.length === 0 ? "none" : S.value ? "unselected-page" : "single");
   return ae(
     () => s.value,
     () => {
@@ -391,7 +391,7 @@ const vs = (s, t) => {
       (r == null ? void 0 : r.length) > 0 ? (L([...i.value, ...r]), y()) : L(i.value);
     }
   ), {
-    onAllRowSelect: B,
+    onAllRowSelect: F,
     onRowSelect: d,
     onNestedRowSelect: O,
     onDeselectAll: b,
@@ -439,7 +439,7 @@ const Le = "b-row-actions-column", Os = (s, t, n, e, o, l) => {
         r != null && r[O] && d.push(r[O]);
       }
     return d;
-  }), w = (b) => Math.floor(b / _.value), m = (b, d, A) => {
+  }), w = (b) => Math.floor(b / _.value), C = (b, d, A) => {
     const O = g.value.length - 1, D = _.value - 1, r = w(b), f = b - _.value * r;
     return {
       [se.PAGE_UP]: f + (a.value ? _.value : 0),
@@ -462,7 +462,7 @@ const Le = "b-row-actions-column", Os = (s, t, n, e, o, l) => {
     se.HOME
   ].includes(b), u = (b, d, A) => {
     const O = g.value.indexOf(b);
-    return S(d) ? m(O, d, A) : E(O, d);
+    return S(d) ? C(O, d, A) : E(O, d);
   }, y = (b, d, A) => {
     if (!g.value.includes(b))
       return;
@@ -479,15 +479,15 @@ const Le = "b-row-actions-column", Os = (s, t, n, e, o, l) => {
     }
   };
 }, Ns = 90, Is = (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 = p(s), a = p(t), i = p(n), _ = p(e), g = v(() => l.value !== "none"), w = v(() => l.value === "automatic"), C = () => {
     o(N.UPDATE_SHOW_MORE);
   };
   return ae(
     () => a.value,
     () => {
-      w.value && i.value.offsetHeight / a.value * 100 > Ns && !_.value && m();
+      w.value && i.value.offsetHeight / a.value * 100 > Ns && !_.value && C();
     }
-  ), { isLazyLoad: g, isInfiniteScroll: w, verticalScrollPosition: a, emitLazyLoadEvent: m };
+  ), { isLazyLoad: g, isInfiniteScroll: w, verticalScrollPosition: a, emitLazyLoadEvent: C };
 }, Ds = (s, t, n) => {
   const e = p(s), o = p(t), l = ke({
     dragging: null,
@@ -497,21 +497,21 @@ const Le = "b-row-actions-column", Os = (s, t, n, e, o, l) => {
     const y = e.value.findIndex((b) => b.field === S.field), L = y + u;
     if (L < 0 || L > e.value.length - 1)
       return;
-    const B = [...e.value];
-    B.splice(L, 0, B.splice(y, 1)[0]), n(N.COLUMNS, B), n(N.UPDATE_COLUMNS, B);
+    const F = [...e.value];
+    F.splice(L, 0, F.splice(y, 1)[0]), n(N.COLUMNS, F), n(N.UPDATE_COLUMNS, F);
   }, i = (S, u) => {
     l.dragging = S, u.dataTransfer.setData("text", ""), u.dataTransfer.dropEffect = "move";
   }, _ = (S, u) => {
     l.target = S;
-    const y = u.currentTarget.getBoundingClientRect(), L = y.left + y.width / 2, B = u.clientX ?? 0;
-    l.dragToLeft = B <= L;
+    const y = u.currentTarget.getBoundingClientRect(), L = y.left + y.width / 2, F = u.clientX ?? 0;
+    l.dragToLeft = F <= L;
   }, g = (S) => {
     var u, y;
     if (((u = l.dragging) == null ? void 0 : u.field) !== S.field) {
       const L = e.value.findIndex((D) => {
         var r;
         return D.field === ((r = l.dragging) == null ? void 0 : r.field);
-      }), B = e.value.findIndex((D) => D.field === S.field), b = l.dragToLeft ? B : B + 1, d = b > L ? b - 1 : b;
+      }), F = e.value.findIndex((D) => D.field === S.field), b = l.dragToLeft ? F : F + 1, d = b > L ? b - 1 : b;
       let A = [...e.value];
       A.splice(
         d === -1 ? 0 : d,
@@ -529,7 +529,7 @@ const Le = "b-row-actions-column", Os = (s, t, n, e, o, l) => {
     l.dragging = null, l.target = null;
   }, w = () => {
     l.dragging = null, l.dragToLeft = null, l.target = null;
-  }, m = v(() => o.value ? {
+  }, C = v(() => o.value ? {
     [j.COLUMN_DRAG_START]: (S, u) => i(S, u),
     [j.COLUMN_DRAG_ENTER]: (S, u) => _(S, u),
     [j.COLUMN_DROP]: (S) => g(S),
@@ -549,7 +549,7 @@ const Le = "b-row-actions-column", Os = (s, t, n, e, o, l) => {
     // Values
     draggingColumns: l,
     // Methods
-    draggingEventsForColumns: m,
+    draggingEventsForColumns: C,
     draggingEventsForRowCell: E,
     onMoveColumnByOffset: a
   };
@@ -567,7 +567,7 @@ const Le = "b-row-actions-column", Os = (s, t, n, e, o, l) => {
     ].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) => {
+  ), w = (u) => n(N.UPDATE_CONDENSED, u), C = (u) => {
     o.value = u, n(N.UPDATE_ZEBRA_ROWS, u);
   }, E = (u) => {
     n(N.COLUMNS, u), n(N.UPDATE_COLUMNS, u);
@@ -589,9 +589,9 @@ const Le = "b-row-actions-column", Os = (s, t, n, e, o, l) => {
     onConfigSettingsColumnsUpdate: E,
     onConfigSettingsColumnUpdate: S,
     onConfigSettingsCondensedUpdate: w,
-    onConfigSettingsZebraRowsUpdate: m
+    onConfigSettingsZebraRowsUpdate: C
   };
-}, Bs = (s, t, n, e, o, l, a) => {
+}, Fs = (s, t, n, e, o, l, a) => {
   const i = p(0), _ = p(!1), g = p(!1);
   ae([() => i.value, () => l.value], ([u]) => {
     s.value.scrollLeft = u, t.value.scrollLeft = u, _.value = !!u, g.value = t.value.scrollWidth - t.value.offsetWidth > u;
@@ -604,7 +604,7 @@ const Le = "b-row-actions-column", Os = (s, t, n, e, o, l) => {
       const y = u.target.scrollLeft;
       e.value.scrollLeft !== y && (e.value.scrollLeft = y);
     }
-  }, m = (u) => {
+  }, C = (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");
     }));
@@ -612,8 +612,8 @@ const Le = "b-row-actions-column", Os = (s, t, n, e, o, l) => {
     const y = u.target.scrollLeft;
     s.value.scrollLeft !== y && (s.value.scrollLeft = y);
   }, S = v(() => {
-    var u, y, L, B;
-    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: `${(((B = o.value) == null ? void 0 : B.clientHeight) ?? 0) + 1}px` } : {};
+    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` } : {};
   });
   return {
     // Values
@@ -623,12 +623,12 @@ const Le = "b-row-actions-column", Os = (s, t, n, e, o, l) => {
     horizontalScrollbarConditionalStyles: S,
     // Methods
     updateScrollPosition: w,
-    updateScrollPositionOnFrozenColumnsNavigation: m,
+    updateScrollPositionOnFrozenColumnsNavigation: C,
     syncVirtualScrollerWithBody: E
   };
-}, Fs = (s, t, n, e) => {
+}, Us = (s, t, n, e) => {
   const o = p(null), l = v(() => {
-    var y, L, B, b;
+    var y, L, F, b;
     if (!o.value || o.value.field === oe)
       return {
         hoveredOverColumnField: "",
@@ -636,11 +636,11 @@ const Le = "b-row-actions-column", Os = (s, t, n, e, o, l) => {
         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 && ((B = i == null ? void 0 : i.columnSet) == null ? void 0 : B[0].field) === o.value.field, w = (t.value || n.value) && _, m = (t.value || n.value) && !a && g, E = a && g, S = (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 && ((b = i == null ? void 0 : i.columnSet) == null ? void 0 : b[i.columnSet.length - 1].field) === o.value.field;
+    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) && _, C = (t.value || n.value) && !a && g, E = a && g, S = (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 && ((b = i == null ? void 0 : i.columnSet) == null ? void 0 : b[i.columnSet.length - 1].field) === o.value.field;
     return {
       hoveredOverColumnField: o.value.field,
       isSeparatorOffset: u,
-      noBorderLeft: !!w || !!m || !!E,
+      noBorderLeft: !!w || !!C || !!E,
       noBorderRight: !!S || !!u
     };
   });
@@ -649,15 +649,15 @@ const Le = "b-row-actions-column", Os = (s, t, n, e, o, l) => {
     hoveredOverColumnState: l
   };
 }, qe = (s) => {
-  const n = Bt(s).filter((e) => e.node !== s);
+  const n = Ft(s).filter((e) => e.node !== s);
   return (n == null ? void 0 : n.length) > 0 ? (n[0].node.focus(), !0) : !1;
 }, we = (s) => {
-  const t = Bt(s), n = t == null ? void 0 : t.filter((e) => e.node !== s);
+  const t = Ft(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;
 }, Mt = (s) => {
   (s == null ? void 0 : s.length) > 0 && s.forEach((t) => t == null ? void 0 : t.node.setAttribute("tabindex", "0"));
-}, Us = () => {
+}, Bs = () => {
   const s = window.getSelection().getRangeAt(0).cloneContents(), t = s.querySelectorAll('[role="row"]');
   let n = "<table>", e = "";
   const o = (l) => {
@@ -992,7 +992,7 @@ const fo = uo.exports, go = {
   },
   emits: ["sort", "column-hover"],
   setup(s, { expose: t, emit: n }) {
-    const e = s, o = 100, { t: l } = pe(), { columns: a, sortBy: i } = We(e), _ = p(), g = p({}), w = p({}), m = p(), E = p(), S = (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 } = pe(), { columns: a, sortBy: i } = We(e), _ = p(), g = p({}), w = p({}), C = p(), E = p(), S = (c) => n(j.SELECT_ALL_ROWS, c), u = (c) => c.field === oe, y = v(() => e.selectionState === "all"), L = v(
       () => {
         var c, M, X;
         return [
@@ -1031,7 +1031,7 @@ const fo = uo.exports, go = {
           }
         ].filter(Boolean);
       }
-    ), { startResize: B, isResizing: b, columnHoverEventToEmitAfterResizing: d } = vs(a, n), { isSorting: A, getSortingDirection: O, sortByColumnField: D } = Ts(i, a, n), r = (c) => {
+    ), { startResize: F, isResizing: b, columnHoverEventToEmitAfterResizing: d } = vs(a, n), { isSorting: A, getSortingDirection: O, sortByColumnField: D } = Ts(i, a, n), r = (c) => {
       var ne;
       if (!c.sortable)
         return null;
@@ -1088,26 +1088,26 @@ const fo = uo.exports, go = {
         }
       ].filter(Boolean)
     ), T = (c) => {
-      m.value = c.field, E.value && clearTimeout(E.value);
-    }, F = (c) => {
+      C.value = c.field, E.value && clearTimeout(E.value);
+    }, U = (c) => {
       const M = setTimeout(() => {
-        c.field === m.value && (m.value = "");
+        c.field === C.value && (C.value = "");
       }, o);
       E.value = M;
-    }, U = (c) => {
+    }, B = (c) => {
       let M = {
         mouseenter: () => {
           T(c), b.value ? d.value = c : n("column-hover", c);
         },
         mouseleave: () => {
-          F(c), b.value ? d.value = null : n("column-hover", null);
+          U(c), b.value ? d.value = null : n("column-hover", null);
         },
         focus: () => {
           T(c), u(c) && qe(g.value[c.field]);
         },
         focusout: (X) => {
           var ne;
-          (ne = _.value) != null && ne.contains(X == null ? void 0 : X.relatedTarget) || F(c);
+          (ne = _.value) != null && ne.contains(X == null ? void 0 : X.relatedTarget) || U(c);
         }
       };
       return u(c) || (M = {
@@ -1136,7 +1136,7 @@ const fo = uo.exports, go = {
       };
     }), P = v(() => ({
       "b-data-grid-columns__select-column--all": e.selectableAcrossPages
-    })), C = (c, M) => c && M === 0 ? ut.BOTTOM_START : ut.BOTTOM_END, z = (c, M) => {
+    })), m = (c, M) => c && M === 0 ? ut.BOTTOM_START : ut.BOTTOM_END, z = (c, M) => {
       var X, ne, he, h, x, H, te, re, ue, Z;
       return {
         "b-data-grid-columns__column--column-hovered": c.field === e.hoveredOverColumnState.hoveredOverColumnField,
@@ -1164,11 +1164,11 @@ const fo = uo.exports, go = {
     }), de = v(() => ({
       "b-data-grid-columns__column-header--truncated": e.truncateColumnHeaders
     })), ie = (c) => ({
-      "b-data-grid-columns__menu--hovered": m.value === c.field || ee.value
+      "b-data-grid-columns__menu--hovered": C.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: S, isActionsColumn: u, isAllSelectionState: y, selectAllMenu: L, startResize: B, isResizing: b, columnHoverEventToEmitAfterResizing: d, isSorting: A, getSortingDirection: O, sortByColumnField: D, getSortingColumnDirection: r, draggingEventsForColumn: f, contextualMenuData: R, showContextualMenu: T, hideContextualMenu: F, dataGridColumnEvents: U, hasColumnActions: k, registerColumnsRefs: J, isSmallContainer: q, isTouchDevice: ee, conditionalColumnsClasses: G, conditionalSelectColumnClasses: P, computeMenuPosition: C, conditionalColumnClasses: z, conditionalColumnHeaderAndActionsClasses: W, conditionalColumnActionsClasses: $, conditionalColumnSeparatorClasses: me, conditionalColumnHeaderClasses: de, conditionalColumnMenuClasses: ie, BentoCheckbox: It, BentoDatagridSortDirection: Se, BentoTypography: ye, DATAGRID_ROW_ACTIONS_COLUMN_FIELD_NAME: Le, BentoInfoIcon: as, DatagridColumnsEvent: j, BentoMenu: xt, BentoToggleButton: je, DecorativeCheckbox: is, ArrowUpAndDownSortIcon: ks, SortAscendingIcon: to, SortDescendingIcon: ao, TriangleDown: fo };
+    }), { __sfc: !0, props: e, emit: n, CLOSING_CONTEXTUAL_MENU_DELAY_MS: o, t: l, columns: a, sortBy: i, allColumnsRef: _, columnHeaderRefs: g, contextMenuRef: w, hoveredColumnField: C, closingTimeOutId: E, onAllRowSelect: S, isActionsColumn: u, isAllSelectionState: y, selectAllMenu: L, startResize: F, isResizing: b, columnHoverEventToEmitAfterResizing: d, isSorting: A, getSortingDirection: O, sortByColumnField: D, getSortingColumnDirection: r, draggingEventsForColumn: f, contextualMenuData: R, showContextualMenu: T, hideContextualMenu: U, dataGridColumnEvents: B, hasColumnActions: k, registerColumnsRefs: J, isSmallContainer: q, isTouchDevice: ee, conditionalColumnsClasses: G, conditionalSelectColumnClasses: P, computeMenuPosition: m, conditionalColumnClasses: z, conditionalColumnHeaderAndActionsClasses: W, conditionalColumnActionsClasses: $, conditionalColumnSeparatorClasses: me, conditionalColumnHeaderClasses: de, conditionalColumnMenuClasses: ie, BentoCheckbox: It, BentoDatagridSortDirection: Se, BentoTypography: ye, DATAGRID_ROW_ACTIONS_COLUMN_FIELD_NAME: Le, BentoInfoIcon: as, DatagridColumnsEvent: j, BentoMenu: xt, BentoToggleButton: je, DecorativeCheckbox: is, ArrowUpAndDownSortIcon: ks, SortAscendingIcon: to, SortDescendingIcon: ao, TriangleDown: fo };
   }
 });
 var Co = function() {
@@ -1229,7 +1229,7 @@ const Eo = Ro.exports, Lo = {
   name: "bento-data-grid",
   components: {
     BentoFreezeIcon: Pt,
-    BentoToggle: Ft
+    BentoToggle: Ut
   },
   props: {
     /**
@@ -1266,14 +1266,14 @@ const Eo = Ro.exports, Lo = {
       o.value || (e.value = !0);
     }, w = () => {
       o.value || (e.value = !1);
-    }, m = v(() => ({
+    }, C = v(() => ({
       "b-data-grid-config-settings-column-row__freeze-icon--frozen": o.value
     }));
     return {
       // Values
       isFreezeIconOptionShown: e,
       isColumnFrozen: o,
-      freezeIconConditionalClasses: m,
+      freezeIconConditionalClasses: C,
       isColumnVisible: l,
       isSmallContainer: a,
       // Methods
@@ -1339,7 +1339,7 @@ const No = Oo.exports, Io = {
     BentoDataGridConfigSettingsConfigRow: No,
     BentoSearchBar: us,
     BentoSearchIcon: gs,
-    BentoToggle: Ft,
+    BentoToggle: Ut,
     BentoTypography: ye
   },
   directives: { BentoClickOutsideDirective: _s },
@@ -1372,19 +1372,19 @@ const No = Oo.exports, Io = {
     ge.UPDATE_ZEBRA_ROWS
   ],
   setup(s, { emit: t }) {
-    const { t: n } = pe(), e = p(null), o = Ie("data-grid-config-settings-popover"), l = p(null), a = p(!1), i = p(!0), _ = p(null), g = p(""), w = ze(s, "columns"), m = p(!1), E = fs(g, w), S = () => {
+    const { t: n } = pe(), e = p(null), o = Ie("data-grid-config-settings-popover"), l = p(null), a = p(!1), i = p(!0), _ = p(null), g = p(""), w = ze(s, "columns"), C = p(!1), E = fs(g, w), S = () => {
       g.value = "";
     }, u = v(
       () => !s.columns.some((f) => f.visible === !1 && !f.mandatory)
     ), y = () => {
-      S(), m.value = !m.value, m.value ? le(() => {
+      S(), C.value = !C.value, C.value ? le(() => {
         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();
       }), i.value = u.value;
-    }, L = (f) => f.mandatory ?? !1, B = (f) => {
+    }, L = (f) => f.mandatory ?? !1, F = (f) => {
       const R = s.columns.map((T) => ({
         ...T,
         visible: f.field === T.field ? f.visible : T.visible
@@ -1415,7 +1415,7 @@ const No = Oo.exports, Io = {
       allColumnsVisbilityToggleState: i,
       filteredColumnVisibilityColumns: E,
       searchTerm: g,
-      isColumnVisibilityFilterShown: m,
+      isColumnVisibilityFilterShown: C,
       searchBarRef: l,
       searchButtonRef: _,
       DATAGRID_ACTIONS_COLUMN_FIELD_NAME: oe,
@@ -1425,7 +1425,7 @@ const No = Oo.exports, Io = {
       toggleAllColumnVisibility: b,
       clearAction: S,
       toggleColumnFilter: y,
-      emitVisibleColumns: B,
+      emitVisibleColumns: F,
       emitFrozenColumns: d,
       onClickOutside: () => A(!1),
       isColumnVisibilityToggleDisabled: L,
@@ -1454,15 +1454,15 @@ var xo = function() {
   }, clear: t.clearAction, "escape-pressed": t.toggleColumnFilter } })], 1) : n("div", { staticClass: "b-data-grid-config-settings__column-visibility-show-all" }, [n("bento-toggle", { attrs: { "label-position": "after", value: t.allColumnsVisbilityToggleState }, on: { input: t.toggleAllColumnVisibility } }, [t._v(" " + t._s(t.t("showAllColumns", { numberOfColumns: t.columns.length })) + " ")])], 1), n("div", { staticClass: "b-data-grid-config-settings__column-visibility-toggles" }, [t._l(t.filteredColumnVisibilityColumns, function(e) {
     return n("div", { key: e.field }, [e.field !== t.DATAGRID_ACTIONS_COLUMN_FIELD_NAME ? n("bento-data-grid-config-settings-config-row", { attrs: { column: e, "is-column-visibility-toggle-disabled": t.isColumnVisibilityToggleDisabled(e) }, on: { "visible-column": t.emitVisibleColumns, "updated-column": t.emitFrozenColumns } }) : t._e()], 1);
   }), t.filteredColumnVisibilityColumns.length === 0 ? n("bento-typography", { staticClass: "b-data-grid-config-settings__column-visibility-empty-search-message", attrs: { el: "span" } }, [t._v(" " + t._s(t.t("noColumnsMatch")) + " ")]) : t._e()], 2)])]) : t._e()], 1);
-}, Bo = [], Fo = /* @__PURE__ */ Y(
+}, Fo = [], Uo = /* @__PURE__ */ Y(
   Do,
   xo,
-  Bo,
+  Fo,
   !1,
   null,
   "0e477266"
 );
-const Uo = Fo.exports, $t = {
+const Bo = Uo.exports, $t = {
   "en-US": {
     filterBar: "Filters",
     gettingYourData: "Getting your data",
@@ -1657,12 +1657,12 @@ const Lt = Zo.exports, jo = {
       "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);
-    function m(d) {
+    function C(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;
+      const d = C(n.cellActions) ? (A = n.cellActions) == null ? void 0 : A.call(n, n.rowDataItem, n.columnKey) : n.cellActions;
       if (o.value && !i.value && d) {
         const O = [];
         return d.forEach((D) => {
@@ -1714,7 +1714,7 @@ const Lt = Zo.exports, jo = {
       const O = A;
       return O != null && O.items && (O.items = L(O.items)), { ...y(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: S, generateButtonEvents: u, generateMenuEvents: y, transformMenuEvents: L, getCopyText: (d) => {
+    return { __sfc: !0, t: e, props: n, emit: t, isTouchDevice: o, getMenuItemText: l, getMenuItemIcon: a, isRowActions: i, conditionalCellActionsBackgroundGradientClasses: _, conditionalCellActionsClasses: g, showGradientElement: w, isBentoColumnCellActionsByCellValueDataFn: C, computedCellActions: E, getButtonTitle: S, 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: Dt, BentoMenu: xt, Copy: dt, Edit1Icon: Lt, ExternalLinkIcon: ct, OptionsVerticalIcon: rt };
@@ -1912,42 +1912,47 @@ const yt = () => {
       required: !0
     }
   },
-  emits: ["on-frozen-columns-key-press", "select-row", "register-row-cell-element", "cell-hovered", "nested-content-toggled"],
+  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 } = pe(), i = p(null), _ = p(null), g = p(!1), w = p([]), m = p(!1), E = p(), S = p(!1), u = v(() => {
-      var C;
-      return !!((C = e.rowData) != null && C[e.column.field]);
+    const e = s, o = Ge(), l = Ve(o), { t: a } = pe(), i = p(null), _ = p(null), g = p(!1), w = p([]), C = p(!1), E = p(), S = p(!1), u = v(() => {
+      var m;
+      return !!((m = e.rowData) != null && m[e.column.field]);
     }), y = v(
       () => {
-        var C;
-        return e.column.field === oe && ((C = e.nestedRowsElementIds) == null ? void 0 : C.length) > 0 ? e.nestedRowsElementIds.join(" ") : void 0;
+        var m;
+        return e.column.field === oe && ((m = e.nestedRowsElementIds) == null ? void 0 : m.length) > 0 ? e.nestedRowsElementIds.join(" ") : void 0;
       }
     ), L = v(
       () => e.column.field === oe && !e.selectable && !e.nestedContent
-    ), B = v(() => !L.value && (D(e.rowIndex, e.colIndex, e.columnSetIndex) === 0 && !S.value || m.value) ? "0" : (e.column.field === oe, "-1")), b = (C, z) => (C == null ? void 0 : C.overflow) === $e.ELLIPSIS ? `${z}` : void 0, d = (C) => C ?? "-", A = (C) => e.columnSets.slice(0, C).reduce((z, { columnSet: W }) => z + W.length, 0), O = (C, z) => C + A(z), D = (C, z, W) => A() * C + O(z, W), r = (C) => {
+    ), F = v(() => !L.value && (D(e.rowIndex, e.colIndex, e.columnSetIndex) === 0 && !S.value || C.value) ? "0" : (e.column.field === oe, "-1")), b = (m, z) => (m == null ? void 0 : m.overflow) === $e.ELLIPSIS ? `${z}` : void 0, d = (m) => m ?? "-", A = (m) => e.columnSets.slice(0, m).reduce((z, { columnSet: W }) => z + W.length, 0), O = (m, z) => m + A(z), D = (m, z, W) => A() * m + O(z, W), r = (m) => {
       var z;
-      (C === null || !i.value.contains(C) && !((z = w.value) != null && z.map((W) => W.value).some((W) => W === C || (W == null ? void 0 : W.contains(C))))) && (g.value = !1);
+      (m === null || !i.value.contains(m) && !((z = w.value) != null && z.map((W) => W.value).some((W) => W === m || (W == null ? void 0 : W.contains(m))))) && (g.value = !1);
     }, f = () => {
       g.value = !1;
-    }, R = p(!1), T = (C) => {
+    }, R = p(!1), T = (m) => {
       const z = {
-        ...e.draggingEventsForRowCell(C),
+        ...e.draggingEventsForRowCell(m),
         // Focus on the first interactive child in the grid cell if one exists
         focus: async () => {
           if (!yt())
             return;
-          m.value = !0, S.value = !0, Mt(E.value), await le(), qe(i.value) && (R.value = !0);
+          C.value = !0, S.value = !0, n("cell-focus", {
+            rowData: e.rowData,
+            column: e.column,
+            rowIndex: e.rowIndex,
+            colIndex: O(e.colIndex, e.columnSetIndex)
+          }), Mt(E.value), await le(), qe(i.value) && (R.value = !0);
         },
         focusout: () => {
           yt() && (R.value = !1);
         },
         keydown: ($) => {
-          $.key !== ce.TAB && (R.value = !1, m.value = !1, we(i.value));
+          $.key !== ce.TAB && (R.value = !1, C.value = !1, we(i.value));
         }
       }, W = { ...z };
-      return C.frozen && (W.keyup = ($) => n("on-frozen-columns-key-press", $), W.keydown = ($) => {
+      return m.frozen && (W.keyup = ($) => n("on-frozen-columns-key-press", $), W.keydown = ($) => {
         z.keydown($), n("on-frozen-columns-key-press", $);
-      }), C.cellActions && (W.mouseenter = () => {
+      }), m.cellActions && (W.mouseenter = () => {
         g.value = !0;
       }, W.mouseleave = ($) => {
         r($ == null ? void 0 : $.relatedTarget);
@@ -1960,7 +1965,7 @@ const yt = () => {
     be(() => {
       E.value = we(i.value);
     });
-    const F = () => {
+    const U = () => {
       n("nested-content-toggled");
     };
     ae(
@@ -1969,37 +1974,37 @@ const yt = () => {
         g.value === !0 ? n("cell-hovered", e.rowIndex) : n("cell-hovered", -1);
       }
     );
-    const U = (C) => {
-      w.value.push(C);
-    }, k = (C) => {
-      i.value.contains(C == null ? void 0 : C.relatedTarget) || (g.value = !1);
+    const B = (m) => {
+      w.value.push(m);
+    }, k = (m) => {
+      i.value.contains(m == null ? void 0 : m.relatedTarget) || (g.value = !1);
     };
     Oe(ns, {
-      registerMenuContainerElement: U,
+      registerMenuContainerElement: B,
       menuMouseLeave: k
     });
     const J = ve(zt, p(!1)), q = ve(
       Ae,
       v(() => !1)
-    ), ee = ve(De, p(!1)), G = (C) => {
+    ), ee = ve(De, p(!1)), G = (m) => {
       var z, W, $, me, de, ie, 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}`]: ((z = C == null ? void 0 : C.padding) == null ? void 0 : z.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}`]: (m == null ? void 0 : m.field) === e.hoveredOverColumnState.hoveredOverColumnField,
+        [`b-data-grid-cell--${Q.COLUMN_HOVERED_NO_BORDER_LEFT}`]: (m == null ? void 0 : m.field) === e.hoveredOverColumnState.hoveredOverColumnField && e.hoveredOverColumnState.noBorderLeft,
+        [`b-data-grid-cell--${Q.COLUMN_HOVERED_NO_BORDER_RIGHT}`]: (m == null ? void 0 : m.field) === e.hoveredOverColumnState.hoveredOverColumnField && e.hoveredOverColumnState.noBorderRight,
+        [`b-data-grid-cell--${Q.PADDING_LEFT_UNSET}`]: ((z = m == null ? void 0 : m.padding) == null ? void 0 : z.left) === !1,
+        [`b-data-grid-cell--${Q.PADDING_RIGHT_UNSET}`]: ((W = m == null ? void 0 : m.padding) == null ? void 0 : W.right) === !1,
+        [`b-data-grid-cell--${Q.NUMERIC}`]: m == null ? void 0 : m.numeric,
         [`b-data-grid-cell--${Q.CONDENSED}`]: e.condensed,
-        [`b-data-grid-cell--${Q.OVERFLOW_ELLIPSIS}`]: (C == null ? void 0 : C.overflow) === $e.ELLIPSIS,
-        [`b-data-grid-cell--${Q.IS_COLUMN_REORDERING}`]: (($ = e.draggingColumns.dragging) == null ? void 0 : $.field) === C.field,
-        [`b-data-grid-cell--${Q.IS_COLUMN_REORDERING_TARGET_LEFT}`]: ((me = e.draggingColumns.target) == null ? void 0 : me.field) === C.field && ((de = e.draggingColumns) == null ? void 0 : de.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}`]: (m == null ? void 0 : m.overflow) === $e.ELLIPSIS,
+        [`b-data-grid-cell--${Q.IS_COLUMN_REORDERING}`]: (($ = e.draggingColumns.dragging) == null ? void 0 : $.field) === m.field,
+        [`b-data-grid-cell--${Q.IS_COLUMN_REORDERING_TARGET_LEFT}`]: ((me = e.draggingColumns.target) == null ? void 0 : me.field) === m.field && ((de = e.draggingColumns) == null ? void 0 : de.dragToLeft),
+        [`b-data-grid-cell--${Q.IS_COLUMN_REORDERING_TARGET_RIGHT}`]: ((ie = e.draggingColumns.target) == null ? void 0 : ie.field) === m.field && !((c = e.draggingColumns) != null && c.dragToLeft),
+        [`b-data-grid-cell--${Q.FROZEN}`]: m == null ? void 0 : m.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 && m.field === oe,
+        [`b-data-grid-cell--${Q.ACTION_COL_NESTED_CONTENT_AND_SELECTION_ENABLED}`]: e.nestedContent && e.selectable && m.field === oe,
+        [`b-data-grid-cell--${Q.ACTION_COL_SELECTION_ENABLED}`]: m.field === oe && e.selectable,
         [`b-data-grid-cell--${Q.SLASHED_ZERO}`]: J.value,
         "b-data-grid-cell--small-container": q.value
       };
@@ -2008,7 +2013,7 @@ const yt = () => {
     }));
     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: S, hasRowData: u, controlledNestedRowElementIds: y, ariaHidden: L, tabIndex: B, conditionalTitleAttribute: b, getRowData: d, sumColumnAmountsInColumnSets: A, getColIndex: O, getCellIndex: D, isLeavingCellFocus: r, onMenuClose: f, hasInteractiveElFocusedInside: R, getGridcellEvents: T, toggleNestedContent: F, registerMenuContainerElement: U, menuMouseLeave: k, hasSlashedZero: J, isSmallContainer: q, isTouchDevice: ee, conditionalRowCellClasses: G, computedCellContentClasses: P, DATAGRID_ACTIONS_COLUMN_FIELD_NAME: oe, BentoCheckbox: It, BentoTypography: ye, BentoToggleButton: je, DataGridCellActions: kt, ChevronDownIcon: ss, ChevronUpIcon: os };
+    }), { __sfc: !0, slots: o, hasSlot: l, t: a, props: e, emit: n, gridcellRef: i, cellActionsRef: _, shouldShowCellActions: g, childrenMenuContainerElements: w, isFocused: C, focusableItems: E, hasEverBeenFocused: S, hasRowData: u, controlledNestedRowElementIds: y, ariaHidden: L, tabIndex: F, conditionalTitleAttribute: b, getRowData: d, sumColumnAmountsInColumnSets: A, getColIndex: O, getCellIndex: D, isLeavingCellFocus: r, onMenuClose: f, hasInteractiveElFocusedInside: R, getGridcellEvents: T, toggleNestedContent: U, registerMenuContainerElement: B, menuMouseLeave: k, hasSlashedZero: J, isSmallContainer: q, isTouchDevice: ee, conditionalRowCellClasses: G, computedCellContentClasses: P, DATAGRID_ACTIONS_COLUMN_FIELD_NAME: oe, BentoCheckbox: It, BentoTypography: ye, BentoToggleButton: je, DataGridCellActions: kt, ChevronDownIcon: ss, ChevronUpIcon: os };
   }
 });
 var nl = function() {
@@ -2029,7 +2034,7 @@ var nl = function() {
   sl,
   !1,
   null,
-  "132d5a4d"
+  "43492ebb"
 );
 const ll = ol.exports, al = {
   name: "data-grid-row"
@@ -2240,9 +2245,9 @@ const ll = ol.exports, al = {
       default: (s) => !0
     }
   },
-  emits: ["cell-hovered", "on-frozen-columns-key-press", "select-row", "select-nested-row", "row-click", "nested-content-toggled"],
+  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();
+    const e = s, o = Ge(), l = Ve(o), a = p({}), i = p(!1), _ = p(), g = p(), w = Ie("nested-content-slot"), C = p(!1), E = p();
     be(() => {
       g.value && (E.value = we(g.value));
     });
@@ -2258,7 +2263,7 @@ const ll = ol.exports, al = {
       }
     ), L = v(
       () => e.hasNestedContent && e.shouldShowNestedContent(e.rowData) || e.hasNestedRows && S.value && !e.isNestedRow
-    ), B = v(() => {
+    ), F = v(() => {
       if (e.hasNestedContent || e.hasNestedRows) {
         const h = i.value.toString();
         return {
@@ -2335,12 +2340,12 @@ const ll = ol.exports, al = {
       x || n("row-click", e.rowData, h);
     }, T = (h) => {
       n("select-row", h, e.rowData);
-    }, F = (h, x) => {
+    }, U = (h, x) => {
       n("select-nested-row", x, e.rowData, h);
-    }, U = () => {
-      m.value = !0;
+    }, B = () => {
+      C.value = !0;
     }, k = () => {
-      m.value = !1;
+      C.value = !1;
     }, J = () => {
       var h;
       Mt([(h = E.value) == null ? void 0 : h[0]]), qe(g.value);
@@ -2349,11 +2354,11 @@ const ll = ol.exports, al = {
     }, 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), P = () => G() * e.rowIndex + G(), { updateContentHeight: C, contentHeight: z } = ls(_, i), W = v(() => {
+    }, G = () => e.columnSets.reduce((h, { columnSet: x }) => h + x.length, 0), P = () => G() * e.rowIndex + G(), { updateContentHeight: m, contentHeight: z } = ls(_, i), W = v(() => {
       var h;
       if (e.hasNestedContent || e.hasNestedRows)
         return {
-          paddingLeft: `${u.value || y.value ? 0 : a.value[oe].offsetWidth + Ut}px`,
+          paddingLeft: `${u.value || y.value ? 0 : a.value[oe].offsetWidth + Bt}px`,
           "max-height": (e.hasNestedContent || e.hasNestedRows) && z.value && !((h = z == null ? void 0 : z.value) != null && h.includes("null")) ? z.value : 0
         };
     });
@@ -2362,12 +2367,12 @@ const ll = ol.exports, al = {
       () => {
         let h = null;
         !h && _.value && (h = Ze(_.value, () => {
-          _.value && C();
+          _.value && m();
         }));
       }
     );
     const $ = () => {
-      i.value = !i.value, C(), n("nested-content-toggled", e.rowData);
+      i.value = !i.value, m(), n("nested-content-toggled", e.rowData);
     };
     ae(
       () => {
@@ -2376,7 +2381,7 @@ const ll = ol.exports, al = {
       },
       (h, x) => {
         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 && x === void 0 && !i.value && m();
       }
     );
     const me = ve(
@@ -2401,14 +2406,14 @@ const ll = ol.exports, al = {
       "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
+      "b-data-grid-row-container__row-actions-container--row-actions-menu-open": C.value
     })), he = 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: S, shouldShowRenderNestedRows: u, isLoadingNestedRows: y, shouldShowNestedContentToggle: L, ariaRowAttributes: B, nestedContentContainerDivAriaAttributes: b, nestedRowIds: d, allNestedRowIds: A, hasUnSelectedNestedRows: O, registerRowCellRef: D, getRowId: r, getRowAriaSelectedValue: f, onRowClick: R, onRowSelect: T, onNestedRowSelect: F, onRowActionMenuOpen: U, onRowActionMenuClose: k, onRowActionsCellFocus: J, onRowActionsCellFocusOut: q, onRowActionsCellOnKeyDown: ee, sumColumnAmountsInColumnSets: G, getRowActionsCellIndex: P, updateContentHeight: C, contentHeight: z, nestedContentStyles: W, nestedContentToggled: $, isSmallContainer: me, isHighlightedRow: de, isSelectedRow: ie, conditionalRowClasses: c, conditionalRowSetClasses: M, conditionalNestedRowClasses: X, conditionalRowActionsContainerClasses: ne, computedRowActionsStyles: he, BentoLoadingIndicator: He, DataGridRow: Wt, DataGridCell: ll, DataGridCellActions: kt };
+    }), { __sfc: !0, slots: o, hasSlot: l, props: e, emit: n, gridcellRefs: a, isNestedContentShown: i, nestedContentRef: _, rowActionsRef: g, nestedContentSlotId: w, isRowActionMenuOpen: C, focusableItems: E, shouldShowNestedRowsBooleanResult: S, shouldShowRenderNestedRows: u, isLoadingNestedRows: y, shouldShowNestedContentToggle: L, ariaRowAttributes: F, nestedContentContainerDivAriaAttributes: b, nestedRowIds: d, allNestedRowIds: A, hasUnSelectedNestedRows: O, registerRowCellRef: D, getRowId: r, getRowAriaSelectedValue: f, onRowClick: R, onRowSelect: T, onNestedRowSelect: U, onRowActionMenuOpen: B, onRowActionMenuClose: k, onRowActionsCellFocus: J, onRowActionsCellFocusOut: q, onRowActionsCellOnKeyDown: ee, sumColumnAmountsInColumnSets: G, getRowActionsCellIndex: P, updateContentHeight: m, contentHeight: z, nestedContentStyles: W, nestedContentToggled: $, isSmallContainer: me, isHighlightedRow: de, isSelectedRow: ie, conditionalRowClasses: c, conditionalRowSetClasses: M, conditionalNestedRowClasses: X, conditionalRowActionsContainerClasses: ne, computedRowActionsStyles: he, BentoLoadingIndicator: He, DataGridRow: Wt, DataGridCell: ll, DataGridCellActions: kt };
   }
 });
 var rl = function() {
@@ -2420,11 +2425,13 @@ var rl = function() {
     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 e.emit("cell-hovered", m);
-      }, "on-frozen-columns-key-press": function(m) {
-        return e.emit("on-frozen-columns-key-press", m);
-      }, "select-row": e.onRowSelect, "nested-content-toggled": e.nestedContentToggled }, scopedSlots: t._u([t._l(e.slots, function(m, E) {
+      return n(e.DataGridCell, { key: `cell-${g.field}`, ref: (C) => e.registerRowCellRef(C, 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(C) {
+        return e.emit("cell-hovered", C);
+      }, "cell-focus": function(C) {
+        return e.emit("cell-focus", C);
+      }, "on-frozen-columns-key-press": function(C) {
+        return e.emit("on-frozen-columns-key-press", C);
+      }, "select-row": e.onRowSelect, "nested-content-toggled": e.nestedContentToggled }, scopedSlots: t._u([t._l(e.slots, function(C, E) {
         return { key: E, fn: function(S) {
           return [t._t(E, null, null, S)];
         } };
@@ -2433,6 +2440,8 @@ var rl = function() {
   })], 2), t.hasNestedContent && e.hasSlot("nested-slot") && t.shouldShowNestedContent(t.rowData) || t.hasNestedRows && e.shouldShowNestedRowsBooleanResult ? n("Transition", { key: `${t.rowIndex}-nest-content`, attrs: { name: "b-data-grid-row-container__animation--nested-content" } }, [e.isNestedContentShown && e.shouldShowRenderNestedRows ? n("div", { class: e.conditionalNestedRowClasses, style: e.nestedContentStyles, attrs: { "data-testid": "nested-content-container", role: "presentation" } }, [n("div", { ref: "nestedContentRef" }, [e.isLoadingNestedRows ? n("div", { staticClass: "b-data-grid-row-container__row-nested-rows-loading-container" }, [n(e.BentoLoadingIndicator)], 1) : t._e(), t._l(t.rowData.children, function(l, a) {
     return n(e.DataGridRow, t._b({ key: `child-${a}`, attrs: { id: e.getRowId(a), "row-data": l, "row-index": a, "row-set-size": t.rowData.children.length, "is-nested-row": "" }, on: { "cell-hovered": function(i) {
       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) {
@@ -2451,7 +2460,7 @@ var rl = function() {
   cl,
   !1,
   null,
-  "e6af4d8d"
+  "b70dfec3"
 );
 const Wt = dl.exports;
 let At = 0;
@@ -2675,10 +2684,10 @@ const Ra = yl.exports, Al = {
     /**
      * An object of the values for each filter in the filter bar where key is a the field name and the value is the BentoFilterBarValue.
      *
-     *  @example
+     * @example
      * {
-     *   'company': '200',
-     *   'name': 'some text'
+     *    'company': '200',
+     *    'name': 'some text'
      * },
      */
     filterValuesObject: {
@@ -2915,12 +2924,13 @@ const Ra = yl.exports, Al = {
     N.SELECT_ALL_ACROSS_PAGES,
     N.SELECT_ALL_CURRENT_RESULTS,
     N.DESELECT_ALL_CURRENT_RESULTS,
-    N.SORT
+    N.SORT,
+    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(), S = p(null), u = p(null), y = p(null), {
+    const e = s, o = Ge(), l = Ve(o), a = p(null), i = p(), _ = p({}), g = p(Ie("data-grid")), w = p(null), C = p(null), E = p(), S = p(null), u = p(null), y = p(null), {
       allowColumnDragAndDrop: L,
-      columns: B,
+      columns: F,
       columnPanel: b,
       data: d,
       lazyLoadType: A,
@@ -2930,11 +2940,11 @@ const Ra = yl.exports, Al = {
       selectable: f,
       selection: R,
       selectableAcrossPages: T,
-      stickyPagination: F,
-      outline: U,
+      stickyPagination: U,
+      outline: B,
       pagination: k,
       zebraRows: J
-    } = We(e), q = p(-1), { t: ee } = pe(), G = v(() => ne.value.filter((I) => I.frozen).length), P = 550, C = p(), { width: z } = Xn(C), W = v(() => z.value <= P);
+    } = We(e), q = p(-1), { t: ee } = pe(), G = v(() => ne.value.filter((I) => I.frozen).length), P = 550, m = p(), { width: z } = Xn(m), W = v(() => z.value <= P);
     Oe(Ae, W);
     const $ = p(!1);
     be(() => {
@@ -2958,7 +2968,7 @@ const Ra = yl.exports, Al = {
       columns: te,
       totalWidthOfAllColumns: re,
       rowActionsMaxWidth: ue
-    } = ys(B, d, a, _, w, {
+    } = ys(F, d, a, _, w, {
       hasColumnPanel: b,
       hasSelectableColumn: f,
       hasSelectableAcrossPages: T,
@@ -2975,23 +2985,23 @@ const Ra = yl.exports, Al = {
       de
     ), Gt = v(
       () => e.stickyFilters ? `${xe.value}px` : null
-    ), Ke = _t(m, ze(e, "stickyFilters")), Ht = v(
+    ), Ke = _t(C, ze(e, "stickyFilters")), Ht = v(
       () => `${Ke.value + xe.value}px`
     ), {
-      sortedColumns: Be,
-      columnSets: Fe,
+      sortedColumns: Fe,
+      columnSets: Ue,
       isOnlyOneVisibleColumn: Vt,
       internalZebraRows: Ye,
       onConfigSettingsColumnsUpdate: Zt,
       onConfigSettingsColumnUpdate: jt,
       onConfigSettingsCondensedUpdate: qt,
       onConfigSettingsZebraRowsUpdate: Kt
-    } = xs(ne, J, Z), { hoveredOverColumn: Yt, hoveredOverColumnState: Jt } = Fs(
-      Fe,
+    } = xs(ne, J, Z), { hoveredOverColumn: Yt, hoveredOverColumnState: Jt } = Us(
+      Ue,
       f,
-      U,
+      B,
       H
-    ), { draggingColumns: Xt, draggingEventsForColumns: Qt, draggingEventsForRowCell: en, onMoveColumnByOffset: tn } = Ds(Be, L, Z), Je = v(
+    ), { draggingColumns: Xt, draggingEventsForColumns: Qt, draggingEventsForRowCell: en, onMoveColumnByOffset: tn } = Ds(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;
@@ -3021,7 +3031,7 @@ const Ra = yl.exports, Al = {
     }), { navigationInput: dn } = Os(
       w,
       _,
-      Be,
+      Fe,
       f,
       v(() => e.rowActions !== void 0),
       b
@@ -3035,10 +3045,10 @@ const Ra = yl.exports, Al = {
       updateScrollPosition: gn,
       updateScrollPositionOnFrozenColumnsNavigation: _n,
       syncVirtualScrollerWithBody: vn,
-      hasLeftOverflow: Ue,
+      hasLeftOverflow: Be,
       hasRightOverflow: et,
       horizontalScrollbarConditionalStyles: Cn
-    } = Bs(
+    } = Fs(
       a,
       i,
       Qe,
@@ -3048,7 +3058,7 @@ const Ra = yl.exports, Al = {
       {
         isLazyLoad: Te,
         pagination: k,
-        stickyPagination: F,
+        stickyPagination: U,
         isDataGridTemplate: ie
       }
     ), tt = () => {
@@ -3063,7 +3073,7 @@ const Ra = yl.exports, Al = {
       [`b-data-grid--${_e.OUTLINE}`]: e.outline,
       [`b-data-grid--${_e.SCROLL}`]: e.fitContent || Te.value,
       [`b-data-grid--${_e.STICKY_FILTERS}`]: e.filters && e.stickyFilters,
-      [`b-data-grid--${_e.OVERFLOW_SHADOW_LEFT}`]: Ue.value && !G.value,
+      [`b-data-grid--${_e.OVERFLOW_SHADOW_LEFT}`]: Be.value && !G.value,
       [`b-data-grid--${_e.OVERFLOW_SHADOW_RIGHT}`]: et.value && e.rowActions === void 0,
       [`b-data-grid--${_e.NO_SPACING_TOP}`]: e.noSpacingTop,
       [`b-data-grid--${_e.FIT_CONTENT}`]: e.fitContent,
@@ -3071,7 +3081,7 @@ const Ra = yl.exports, Al = {
       "b-data-grid--lazy-load": Te.value
     })), pn = v(() => ({
       "b-data-grid__body--sticky-horizontal-scrollbar": e.stickyHorizontalScrollbar
-    })), wn = v(() => Fe.value.findIndex((I) => I.columnSet.length)), Sn = v(() => !((e.selectable || e.hasNestedContent || e.hasNestedRows) && G.value === 1) || Ue.value), bn = v(() => ({
+    })), wn = v(() => Ue.value.findIndex((I) => I.columnSet.length)), Sn = v(() => !((e.selectable || e.hasNestedContent || e.hasNestedRows) && G.value === 1) || Be.value), bn = v(() => ({
       "b-data-grid__filters--sticky": !!e.stickyFilters || ie
     })), Rn = v(() => {
       var I, V, K, fe, Re, Ee;
@@ -3089,11 +3099,11 @@ const Ra = yl.exports, Al = {
       var fe, Re, Ee, lt;
       const K = I;
       if (I !== null && K != null && K.gridcellRefs) {
-        const Un = e.rowActions !== void 0 && (K == null ? void 0 : K.rowActionsRef);
+        const Bn = e.rowActions !== void 0 && (K == null ? void 0 : K.rowActionsRef);
         Object.entries(K == null ? void 0 : K.gridcellRefs).map(([Me, Mn]) => {
           var at;
           ((at = w.value) == null ? void 0 : at[Me]) === void 0 && (w.value = { ...w.value, [Me]: [] }), w.value[Me][V] = Mn;
-        }), Un && (((fe = w.value) == null ? void 0 : fe[Le]) === void 0 && (w.value = { ...w.value, [Le]: [] }), w.value[Le][V] = (Re = K.rowActionsRef) == null ? void 0 : Re[0], ue.value = Math.max(
+        }), Bn && (((fe = w.value) == null ? void 0 : fe[Le]) === void 0 && (w.value = { ...w.value, [Le]: [] }), w.value[Le][V] = (Re = K.rowActionsRef) == null ? void 0 : Re[0], ue.value = Math.max(
           ue.value,
           ((lt = (Ee = K.rowActionsRef) == null ? void 0 : Ee[0]) == null ? void 0 : lt.offsetWidth) ?? 0
         ));
@@ -3115,16 +3125,16 @@ const Ra = yl.exports, Al = {
       });
     }, xn = (I) => {
       Z(N.ITEMS_PAGE, I);
-    }, Bn = () => {
+    }, Fn = () => {
       Z(N.FILTER_SEARCH_CLEAR);
-    }, Fn = (I) => {
+    }, Un = (I) => {
       Z(N.UPDATE_FILTER_SEARCH_TERM, I), Z(N.FILTER_SEARCH_INPUT, I);
-    }, st = v(() => B.value.some((I) => I.mandatory));
+    }, st = v(() => F.value.some((I) => I.mandatory));
     st.value || Nt(
       "WARNING: At least one BentoDataGrid column should be set as mandatory to ensure data is always displayed correctly."
     );
     const ot = ve(Yn, () => null);
-    return ot(e.tabTitle), Oe(zt, ze(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: S, verticalScrollPositionRef: u, virtualHorizontalScrollbarRef: y, allowColumnDragAndDrop: L, columns: B, columnPanel: b, data: d, lazyLoadType: A, loading: O, hasNestedContent: D, hasNestedRows: r, selectable: f, selection: R, selectableAcrossPages: T, stickyPagination: F, outline: U, pagination: k, zebraRows: J, hoveredRowIndex: q, t: ee, frozenColumnsLength: G, MOBILE_BREAKPOINT: P, dataGridRef: C, width: z, isSmallContainer: W, isTouchDevice: $, registerDatagridInDataGridTemplate: me, additionalContentSlotRef: de, isDataGridTemplate: ie, stickyTabs: c, tabsRef: M, stickyAdditionalContent: X, columnDefs: ne, onColumnWidthOverride: he, gridRowWidthStyle: h, isMeasuringColumnWidths: x, isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: H, localColumnsState: te, totalWidthOfAllColumns: re, rowActionsMaxWidth: ue, definedEmitsFunction: n, emit: Z, stickyFiltersHeight: xe, computedStickyFiltersTopPosition: Gt, columnHeadersHeight: Ke, computedColumnHeadersTopPosition: Ht, sortedColumns: Be, columnSets: Fe, isOnlyOneVisibleColumn: Vt, internalZebraRows: Ye, onConfigSettingsColumnsUpdate: Zt, onConfigSettingsColumnUpdate: jt, onConfigSettingsCondensedUpdate: qt, onConfigSettingsZebraRowsUpdate: Kt, hoveredOverColumn: Yt, hoveredOverColumnState: Jt, draggingColumns: Xt, draggingEventsForColumns: Qt, draggingEventsForRowCell: en, onMoveColumnByOffset: tn, selectableAcrossPagesComputed: Je, onAllRowSelect: nn, onRowSelect: sn, onNestedRowSelect: on, onDeselectAll: ln, allItemsSelectedState: an, selectedItems: Xe, selectionState: rn, visibleRowsState: cn, navigationInput: dn, isLazyLoad: Te, isInfiniteScroll: un, verticalScrollPosition: Qe, emitLazyLoadEvent: fn, updateScrollPosition: gn, updateScrollPositionOnFrozenColumnsNavigation: _n, syncVirtualScrollerWithBody: vn, hasLeftOverflow: Ue, hasRightOverflow: et, horizontalScrollbarConditionalStyles: Cn, onEmptyStateClearResetButtonClick: tt, limitedEmptyStateProps: mn, conditionalGridClasses: hn, conditionalGridBodyClasses: pn, computedColumnPanelAlignment: wn, showFrozenColumnsSeparator: Sn, conditionalFilterClasses: bn, conditionalPaginationClasses: Rn, registerColumnHeaderRefs: En, registerRowCellRefs: Ln, onRowClick: yn, onCellHover: An, ariaGridRole: Tn, itemsSelectedCounter: nt, showActionBar: On, onColumnResized: Nn, onSort: In, onPaginationNavigate: Dn, onItemsPerPageChange: xn, onSearchTermCleared: Bn, onSearchTermInput: Fn, hasMandatoryColumn: st, setTitle: ot, BentoActionBar: jn, BentoPagination: qn, BentoLoadingIndicator: He, BentoTypography: ye, BentoDataGridConfigSettings: Uo, DataGridColumns: po, DataGridLazyLoad: Wo, DataGridRow: Wt, handleClipboard: Us, BentoDatagridEvent: N, BentoFilterBar: Pe, BentoEmptyState: Kn };
+    return ot(e.tabTitle), Oe(zt, ze(e, "slashedZero")), t({ onEmptyStateClearResetButtonClick: tt }), { __sfc: !0, props: e, slots: o, hasSlot: l, body: a, columnsRef: i, columnHeaderRefs: _, dataGridUid: g, gridcellRefs: w, filtersRef: C, filterBarRef: E, paginationContainerRef: S, verticalScrollPositionRef: u, virtualHorizontalScrollbarRef: y, allowColumnDragAndDrop: L, columns: F, columnPanel: b, data: d, lazyLoadType: A, loading: O, hasNestedContent: D, hasNestedRows: r, selectable: f, selection: R, selectableAcrossPages: T, stickyPagination: U, outline: B, pagination: k, zebraRows: J, hoveredRowIndex: q, t: ee, frozenColumnsLength: G, MOBILE_BREAKPOINT: P, dataGridRef: m, width: z, isSmallContainer: W, isTouchDevice: $, registerDatagridInDataGridTemplate: me, additionalContentSlotRef: de, isDataGridTemplate: ie, stickyTabs: c, tabsRef: M, stickyAdditionalContent: X, columnDefs: ne, onColumnWidthOverride: he, gridRowWidthStyle: h, isMeasuringColumnWidths: x, isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: H, localColumnsState: te, totalWidthOfAllColumns: re, rowActionsMaxWidth: ue, definedEmitsFunction: n, emit: Z, stickyFiltersHeight: xe, computedStickyFiltersTopPosition: Gt, columnHeadersHeight: Ke, computedColumnHeadersTopPosition: Ht, sortedColumns: Fe, columnSets: Ue, isOnlyOneVisibleColumn: Vt, internalZebraRows: Ye, onConfigSettingsColumnsUpdate: Zt, onConfigSettingsColumnUpdate: jt, onConfigSettingsCondensedUpdate: qt, onConfigSettingsZebraRowsUpdate: Kt, hoveredOverColumn: Yt, hoveredOverColumnState: Jt, draggingColumns: Xt, draggingEventsForColumns: Qt, draggingEventsForRowCell: en, onMoveColumnByOffset: tn, selectableAcrossPagesComputed: Je, onAllRowSelect: nn, onRowSelect: sn, onNestedRowSelect: on, onDeselectAll: ln, allItemsSelectedState: an, selectedItems: Xe, selectionState: rn, visibleRowsState: cn, navigationInput: dn, isLazyLoad: Te, isInfiniteScroll: un, verticalScrollPosition: Qe, emitLazyLoadEvent: fn, updateScrollPosition: gn, updateScrollPositionOnFrozenColumnsNavigation: _n, syncVirtualScrollerWithBody: vn, hasLeftOverflow: Be, hasRightOverflow: et, horizontalScrollbarConditionalStyles: Cn, onEmptyStateClearResetButtonClick: tt, limitedEmptyStateProps: mn, conditionalGridClasses: hn, conditionalGridBodyClasses: pn, computedColumnPanelAlignment: wn, showFrozenColumnsSeparator: Sn, conditionalFilterClasses: bn, conditionalPaginationClasses: Rn, registerColumnHeaderRefs: En, registerRowCellRefs: Ln, onRowClick: yn, onCellHover: An, ariaGridRole: Tn, itemsSelectedCounter: nt, showActionBar: On, onColumnResized: Nn, onSort: In, onPaginationNavigate: Dn, onItemsPerPageChange: xn, onSearchTermCleared: Fn, onSearchTermInput: Un, hasMandatoryColumn: st, setTitle: ot, BentoActionBar: jn, BentoPagination: qn, BentoLoadingIndicator: He, BentoTypography: ye, BentoDataGridConfigSettings: Bo, DataGridColumns: po, DataGridLazyLoad: Wo, DataGridRow: Wt, handleClipboard: Bs, BentoDatagridEvent: N, BentoFilterBar: Pe, BentoEmptyState: Kn };
   }
 });
 var Ol = function() {
@@ -3140,18 +3150,20 @@ var Ol = function() {
       return e.emit(e.BentoDatagridEvent.SELECT_ALL_CURRENT_RESULTS);
     }, "deselect-all-current-results": function(w) {
       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) {
-      return { key: m, fn: function(E) {
-        return [t._t(m, null, null, E)];
+    }, "deselect-all": e.onDeselectAll, sort: e.onSort }, scopedSlots: t._u([t._l(e.slots, function(w, C) {
+      return { key: C, fn: function(E) {
+        return [t._t(C, null, null, E)];
       } };
     })], null, !0) }, e.draggingEventsForColumns)) : t._e()];
   })], 2)])]), n("div", { ref: "body", staticClass: "b-data-grid__body", class: e.conditionalGridBodyClasses, attrs: { "data-testid": "data-grid-body" }, on: { scroll: e.updateScrollPosition } }, [e.loading && !e.isLazyLoad ? n("div", { staticClass: "b-data-grid__loading" }, [n(e.BentoLoadingIndicator, { staticClass: "b-data-grid__loading-indicator", attrs: { large: "" } }), n(e.BentoTypography, { attrs: { el: "span", variant: "caption" } }, [t._v(t._s(e.t("gettingYourData")))])], 1) : n("div", { attrs: { role: "rowgroup" }, on: { keydown: e.navigationInput } }, [((o = e.data) == null ? void 0 : o.length) === 0 && t.emptyState ? [n("div", { attrs: { role: "row", tabindex: "-1" } }, [n("div", { attrs: { role: "gridcell", "aria-colspan": e.columns.length, tabindex: "-1" } }, [n(e.BentoEmptyState, t._b({ staticClass: "b-data-grid__empty-state" }, "bento-empty-state", e.limitedEmptyStateProps, !1))], 1)])] : t._l(e.data, function(l, a) {
     var i, _;
-    return n(e.DataGridRow, { key: a, ref: (g) => e.registerRowCellRefs(g, a), refInFor: !0, style: e.gridRowWidthStyle, attrs: { "allow-row-clicks": t.allowRowClicks, "column-sets": e.columnSets, condensed: t.condensed, "dragging-columns": e.draggingColumns, "dragging-events-for-row-cell": e.draggingEventsForRowCell, "get-data-item-id": t.getDataItemId, "has-nested-content": e.hasNestedContent, "has-nested-rows": e.hasNestedRows, "has-left-overflow": e.hasLeftOverflow, "has-right-overflow": e.hasRightOverflow, "highlighted-rows": t.highlightedRows, "hovered-row-index": e.hoveredRowIndex, "hovered-over-column-state": e.hoveredOverColumnState, "is-data-item-disabled": t.isDataItemDisabled, "is-row-even": e.internalZebraRows ? a % 2 !== 0 : !1, "is-row-last-child": a + 1 === ((i = e.data) == null ? void 0 : i.length), "is-measuring-column-widths": e.isMeasuringColumnWidths, "row-actions-maximum-width": e.rowActionsMaxWidth, "row-actions": t.rowActions, "row-data": l, "row-index": a, "row-set-size": (_ = e.data) == null ? void 0 : _.length, "show-frozen-columns-separator": e.showFrozenColumnsSeparator, "should-show-nested-content": t.shouldShowNestedContent, "should-show-nested-rows": t.shouldShowNestedRows, selectable: e.selectable, "selected-items": e.selectedItems }, on: { "cell-hovered": e.onCellHover, "nested-content-toggled": function(g) {
+    return n(e.DataGridRow, { key: a, ref: (g) => e.registerRowCellRefs(g, a), refInFor: !0, style: e.gridRowWidthStyle, attrs: { "allow-row-clicks": t.allowRowClicks, "column-sets": e.columnSets, condensed: t.condensed, "dragging-columns": e.draggingColumns, "dragging-events-for-row-cell": e.draggingEventsForRowCell, "get-data-item-id": t.getDataItemId, "has-nested-content": e.hasNestedContent, "has-nested-rows": e.hasNestedRows, "has-left-overflow": e.hasLeftOverflow, "has-right-overflow": e.hasRightOverflow, "highlighted-rows": t.highlightedRows, "hovered-row-index": e.hoveredRowIndex, "hovered-over-column-state": e.hoveredOverColumnState, "is-data-item-disabled": t.isDataItemDisabled, "is-row-even": e.internalZebraRows ? a % 2 !== 0 : !1, "is-row-last-child": a + 1 === ((i = e.data) == null ? void 0 : i.length), "is-measuring-column-widths": e.isMeasuringColumnWidths, "row-actions-maximum-width": e.rowActionsMaxWidth, "row-actions": t.rowActions, "row-data": l, "row-index": a, "row-set-size": (_ = e.data) == null ? void 0 : _.length, "show-frozen-columns-separator": e.showFrozenColumnsSeparator, "should-show-nested-content": t.shouldShowNestedContent, "should-show-nested-rows": t.shouldShowNestedRows, selectable: e.selectable, "selected-items": e.selectedItems }, on: { "cell-hovered": e.onCellHover, "cell-focus": function(g) {
+      return e.emit(e.BentoDatagridEvent.CELL_FOCUS, g);
+    }, "nested-content-toggled": function(g) {
       return e.emit(e.BentoDatagridEvent.NESTED_CONTENT_TOGGLED, g);
     }, "row-click": e.onRowClick, "on-frozen-columns-key-press": e.updateScrollPositionOnFrozenColumnsNavigation, "select-row": e.onRowSelect, "select-nested-row": e.onNestedRowSelect }, scopedSlots: t._u([t._l(e.slots, function(g, w) {
-      return { key: w, fn: function(m) {
-        return [t._t(w, null, null, m)];
+      return { key: w, fn: function(C) {
+        return [t._t(w, null, null, C)];
       } };
     })], 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);
@@ -3161,7 +3173,7 @@ var Ol = function() {
   Nl,
   !1,
   null,
-  "cc51d1d4"
+  "65d9bfe1"
 );
 const Ea = Il.exports;
 export {
@@ -3174,4 +3186,4 @@ export {
   Ne as f,
   $e as g
 };
-//# sourceMappingURL=data-grid.C8gSMQ0A.js.map
+//# sourceMappingURL=data-grid.CcddqHWZ.js.map