@adyen/bento-vue3 1.79.1 → 1.80.0

package/dist/chunks/{data-grid.CD3Nb4pg.js → data-grid.O3irn4sl.js}

@@ -1,43 +1,43 @@
-import { ref as S, onMounted as Ye, nextTick as _e, watch as Le, onUnmounted as cl, reactive as St, toRefs as yt, computed as C, watchEffect as mn, onBeforeUpdate as hn, createElementBlock as L, openBlock as u, mergeProps as ie, createCommentVNode as W, createElementVNode as R, toDisplayString as ee, defineComponent as ze, inject as Me, normalizeClass as ce, Fragment as be, renderList as Ae, unref as o, toHandlers as ft, createBlock as G, withCtx as V, createVNode as X, renderSlot as Ue, withModifiers as Cn, normalizeStyle as ke, resolveComponent as Oe, withDirectives as Lt, createTextVNode as he, vShow as _n, toRef as bt, resolveDirective as bn, Transition as fl, createSlots as Ke, resolveDynamicComponent as Xe, useSlots as pt, provide as rt, withKeys as Ft } from "vue";
+import { ref as S, onMounted as Ye, nextTick as _e, watch as Le, onUnmounted as cl, reactive as St, toRefs as yt, computed as C, watchEffect as mn, onBeforeUpdate as hn, createElementBlock as L, openBlock as u, mergeProps as ie, createCommentVNode as W, createElementVNode as R, toDisplayString as ee, defineComponent as Pe, inject as Fe, normalizeClass as ce, Fragment as be, renderList as Ae, unref as o, toHandlers as ft, createBlock as G, withCtx as V, createVNode as X, renderSlot as ze, withModifiers as Cn, normalizeStyle as Me, resolveComponent as Oe, withDirectives as Lt, createTextVNode as he, vShow as _n, toRef as bt, resolveDirective as bn, Transition as fl, createSlots as Ke, resolveDynamicComponent as Xe, useSlots as pt, provide as rt, withKeys as Ft } from "vue";
 import { C as wn } from "./checkmark-circle-fill._6-d40ru.js";
 import { W as En } from "./warning-filled.BMGD0G-_.js";
 /* empty css              */
 import { _ as fe } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import { C as gl } from "./cross.B92GxFTY.js";
 import { N as Pt } from "./minus-small.DYIyF5XW.js";
-import { E as Ne, b as Sn, T as yn, B as Ln } from "./tooltip.CeX5eGnw.js";
-import { d as pn } from "./popper-container.Uod3yjsR.js";
-import { B as Rn } from "./dashed-underline.CtTu1AOE.js";
+import { E as Ne, b as Sn, T as yn, B as Ln } from "./tooltip.B76ucISL.js";
+import { d as pn } from "./popper-container.I9gzp1NR.js";
+import { B as Rn } from "./dashed-underline.BzWB6Q4E.js";
 import { B as et, p as vl } from "./typography.yBEME_Gu.js";
 import { u as Ve } from "./index.pdBj0KQU.js";
-import { B as An } from "./action-bar.QX16Mu4L.js";
-import { B as Tn } from "./pagination.Dst8Y6DD.js";
+import { B as An } from "./action-bar.C4v95Cp5.js";
+import { B as Tn } from "./pagination.C8NKDQvi.js";
 import { B as ut } from "./loading-indicator.Db794TT5.js";
 import { u as Rt } from "./use-has-slot.B7eQSabc.js";
 import { g as ct } from "./generate-uid.NJ8tVoha.js";
-import { B as _t } from "./filter-bar.B9yGivxl.js";
+import { B as _t } from "./filter-bar.CzMIJP2V.js";
 import { B as On } from "./empty-state.Be6M8ivH.js";
 import { E as Nn } from "./tabs.keys.B4qGhjp2.js";
 import { D as In } from "./data-grid-template.keys.VezYtHtM.js";
 import { b as Dn } from "./index.E60QniEu.js";
 import { o as At } from "./resize.Bqks3WUm.js";
-import { e as wt, c as Tt, g as $n, a as Bt, b as Wt, O as Ht, D as kn } from "./button-actions.Bg38lywL.js";
+import { e as wt, c as Tt, g as $n, a as Bt, b as Wt, O as Ht, D as kn } from "./button-actions.C-dLiuIO.js";
 import { B as ml } from "./button.DhcxX2GJ.js";
 import { B as hl } from "./toggle.BHCUjMpp.js";
-import { B as Un } from "./search-bar.BwrFcw9L.js";
+import { B as Un } from "./search-bar.DQ-9ejqq.js";
 import { B as Mn } from "./directive.Cbdox5VL.js";
-import { u as zn } from "./dropdown.B5tPWVxg.js";
+import { u as zn } from "./dropdown.DedOkb8I.js";
 import { S as Fn } from "./search.PczW-onY.js";
-import { B as Cl } from "./checkbox.BRTK_DHj.js";
-import { B as Pn } from "./info-icon.DB0MI-dH.js";
-import { D as Bn } from "./use-cached-selected-values.os3Yp7Tw.js";
-import { B as Gt } from "./popover.types.BFFy1ChU.js";
+import { B as Cl } from "./checkbox.BIT67SNO.js";
+import { b as _l } from "./focus-trap.BaHvK7aT.js";
+import { B as Pn } from "./info-icon.C7RAAeQQ.js";
+import { D as Bn } from "./use-cached-selected-values.DCxMCy_n.js";
+import { B as Gt } from "./popover.types.DgfeurkF.js";
 import { A as Wn } from "./dialog-page.BY6T1jYZ.js";
 import { H as Hn, S as Gn } from "./show.CT4Augxb.js";
 import { l as Vt } from "./events.BQOQSSb7.js";
-import { b as _l } from "./focus-trap.CpNGD7PH.js";
 import { E as xt } from "./link.cwPmWlsk.js";
-import { C as Zt } from "./copy.mq0o1Rag.js";
+import { C as Zt } from "./copy.D5CBHqUB.js";
 import { C as Vn } from "./chevron-down.DCQ6ZLaq.js";
 import { C as xn } from "./chevron-up.kfuLRpZb.js";
 import { u as Zn } from "./use-expandable-content-height.GkjjbmPy.js";
@@ -82,36 +82,36 @@ const jt = (e) => {
     l == null || l.disconnect(), n == null || n.disconnect();
   }), c;
 };
-var Et = /* @__PURE__ */ ((e) => (e.WRAP = "wrap", e.ELLIPSIS = "ellipsis", e))(Et || {}), ae = /* @__PURE__ */ ((e) => (e.COLUMN_RESIZE = "column-resize", e.COLUMN_RESIZING = "column-resizing", e.SELECT_ALL_ROWS = "select-all-rows", e.SELECT_ALL_ACROSS_PAGES = "select-all-across-pages", e.SELECT_ALL_CURRENT_RESULTS = "select-all-current-results", e.DESELECT_ALL = "deselect-all", e.DESELECT_ALL_CURRENT_RESULTS = "deselect-all-current-results", e.COLUMN_MOVE = "column-move", e.COLUMN_UPDATE = "column-update", e.COLUMN_MENU_OPEN = "column-menu-open", e.COLUMN_MENU_CLOSE = "column-menu-close", e.COLUMN_HOVER = "column-hover", e.COLUMN_DRAG_START = "column-dragstart", e.COLUMN_DRAG_ENTER = "column-dragenter", e.COLUMN_DRAG_END = "column-dragend", e.COLUMN_DROP = "column-drop", e))(ae || {}), $e = /* @__PURE__ */ ((e) => (e.OUTLINE = "outline", e.SCROLL = "scroll", e.STICKY_FILTERS = "sticky-filters", e.OVERFLOW_SHADOW_LEFT = "overflow-shadow-left", e.OVERFLOW_SHADOW_RIGHT = "overflow-shadow-right", e.NO_SPACING_TOP = "no-spacing-top", e.FIT_CONTENT = "fit-content", e.ZEBRA_ROWS = "zebra-rows", e))($e || {}), Ge = /* @__PURE__ */ ((e) => (e.ASCENDING = "asc", e.DESCENDING = "desc", e))(Ge || {}), F = /* @__PURE__ */ ((e) => (e.COLUMNS = "columns", e.COLUMN_RESIZE = "column-resize", e.ITEMS_PAGE = "items-page", e.NAVIGATE = "navigate", e.NESTED_CONTENT_TOGGLED = "nested-content-toggled", e.FILTER_SEARCH_INPUT = "filter-search-input", e.FILTER_SEARCH_CLEAR = "filter-search-clear", e.UPDATE_COLUMNS = "update:columns", e.UPDATE_CONDENSED = "update:condensed", e.UPDATE_FILTERS = "update:filters", e.UPDATE_FILTER_VALUES = "update:filter-values", e.UPDATE_FILTER_VALUES_OBJECT = "update:filter-values-object", e.UPDATE_FILTER_SEARCH_TERM = "update:filter-search-term", e.UPDATE_PAGINATION = "update:pagination", e.UPDATE_SELECTION = "update:selection", e.UPDATE_SHOW_MORE = "update:show-more", e.UPDATE_SORT_BY = "update:sort-by", e.UPDATE_ZEBRA_ROWS = "update:zebra-rows", e.ROW_CLICK = "row-click", e.SELECT = "select", e.SELECT_ALL_ACROSS_PAGES = "select-all-across-pages", e.SELECT_ALL_CURRENT_RESULTS = "select-all-current-results", e.DESELECT_ALL_CURRENT_RESULTS = "deselect-all-current-results", e.SORT = "sort", e))(F || {}), dt = /* @__PURE__ */ ((e) => (e.ASCENDING = "ascending", e.DESCENDING = "descending", e.NONE = "none", e))(dt || {});
+var Et = /* @__PURE__ */ ((e) => (e.WRAP = "wrap", e.ELLIPSIS = "ellipsis", e))(Et || {}), ae = /* @__PURE__ */ ((e) => (e.COLUMN_RESIZE = "column-resize", e.COLUMN_RESIZING = "column-resizing", e.SELECT_ALL_ROWS = "select-all-rows", e.SELECT_ALL_ACROSS_PAGES = "select-all-across-pages", e.SELECT_ALL_CURRENT_RESULTS = "select-all-current-results", e.DESELECT_ALL = "deselect-all", e.DESELECT_ALL_CURRENT_RESULTS = "deselect-all-current-results", e.COLUMN_MOVE = "column-move", e.COLUMN_UPDATE = "column-update", e.COLUMN_MENU_OPEN = "column-menu-open", e.COLUMN_MENU_CLOSE = "column-menu-close", e.COLUMN_HOVER = "column-hover", e.COLUMN_DRAG_START = "column-dragstart", e.COLUMN_DRAG_ENTER = "column-dragenter", e.COLUMN_DRAG_END = "column-dragend", e.COLUMN_DROP = "column-drop", e))(ae || {}), Ue = /* @__PURE__ */ ((e) => (e.OUTLINE = "outline", e.SCROLL = "scroll", e.STICKY_FILTERS = "sticky-filters", e.OVERFLOW_SHADOW_LEFT = "overflow-shadow-left", e.OVERFLOW_SHADOW_RIGHT = "overflow-shadow-right", e.NO_SPACING_TOP = "no-spacing-top", e.FIT_CONTENT = "fit-content", e.ZEBRA_ROWS = "zebra-rows", e))(Ue || {}), Ge = /* @__PURE__ */ ((e) => (e.ASCENDING = "asc", e.DESCENDING = "desc", e))(Ge || {}), F = /* @__PURE__ */ ((e) => (e.CELL_FOCUS = "cell-focus", e.COLUMNS = "columns", e.COLUMN_RESIZE = "column-resize", e.ITEMS_PAGE = "items-page", e.NAVIGATE = "navigate", e.NESTED_CONTENT_TOGGLED = "nested-content-toggled", e.FILTER_SEARCH_INPUT = "filter-search-input", e.FILTER_SEARCH_CLEAR = "filter-search-clear", e.UPDATE_COLUMNS = "update:columns", e.UPDATE_CONDENSED = "update:condensed", e.UPDATE_FILTERS = "update:filters", e.UPDATE_FILTER_VALUES = "update:filter-values", e.UPDATE_FILTER_VALUES_OBJECT = "update:filter-values-object", e.UPDATE_FILTER_SEARCH_TERM = "update:filter-search-term", e.UPDATE_PAGINATION = "update:pagination", e.UPDATE_SELECTION = "update:selection", e.UPDATE_SHOW_MORE = "update:show-more", e.UPDATE_SORT_BY = "update:sort-by", e.UPDATE_ZEBRA_ROWS = "update:zebra-rows", e.ROW_CLICK = "row-click", e.SELECT = "select", e.SELECT_ALL_ACROSS_PAGES = "select-all-across-pages", e.SELECT_ALL_CURRENT_RESULTS = "select-all-current-results", e.DESELECT_ALL_CURRENT_RESULTS = "deselect-all-current-results", e.SORT = "sort", e))(F || {}), dt = /* @__PURE__ */ ((e) => (e.ASCENDING = "ascending", e.DESCENDING = "descending", e.NONE = "none", e))(dt || {});
 const jn = (e, s) => {
-  const i = S(null), t = S(!1), c = S(void 0), l = e.value.reduce((O, $) => (O[$.field] = null, O), {}), n = St(l), v = yt(n);
+  const i = S(null), t = S(!1), c = S(void 0), l = e.value.reduce((O, k) => (O[k.field] = null, O), {}), n = St(l), v = yt(n);
   let g = 0, _ = "";
   const b = C(
-    () => Object.fromEntries(e.value.map(({ field: O, width: $, minWidth: p }) => [O, { width: $, minWidth: p }]))
+    () => Object.fromEntries(e.value.map(({ field: O, width: k, minWidth: p }) => [O, { width: k, minWidth: p }]))
   );
   mn(() => c.value = b.value);
-  let N = null, D = null;
+  let N = null, $ = null;
   const E = (O) => {
-    const $ = O.clientX - g, p = _, U = c.value[p].width + $;
-    c.value[p].width = U > b.value[p].minWidth ? U : b.value[p].minWidth, s(ae.COLUMN_RESIZING, c.value), g = O.clientX;
+    const k = O.clientX - g, p = _, M = c.value[p].width + k;
+    c.value[p].width = M > b.value[p].minWidth ? M : b.value[p].minWidth, s(ae.COLUMN_RESIZING, c.value), g = O.clientX;
   }, d = () => {
-    t.value = !1, N == null || N(), D == null || D(), _ && s(ae.COLUMN_RESIZE, {
+    t.value = !1, N == null || N(), $ == null || $(), _ && s(ae.COLUMN_RESIZE, {
       field: _,
       width: c.value[_].width
-    }), N = null, D = null, _ = "", g = null;
-  }, A = (O, $, p) => {
+    }), N = null, $ = null, _ = "", g = null;
+  }, A = (O, k, p) => {
     if (p.preventDefault(), O) {
       if (t.value = !0, p.buttons !== 1) {
         d();
         return;
       }
-      _ = $, g = p.clientX, N = Vt(window, "mousemove", E), D = Vt(window, "mouseup", d);
+      _ = k, g = p.clientX, N = Vt(window, "mousemove", E), $ = Vt(window, "mouseup", d);
     }
   };
   return Le(
     () => t.value,
-    (O, $) => {
-      !O && $ && (s(ae.COLUMN_HOVER, i.value), i.value = null);
+    (O, k) => {
+      !O && k && (s(ae.COLUMN_HOVER, i.value), i.value = null);
     }
   ), {
     resizeData: c,
@@ -133,7 +133,7 @@ const jn = (e, s) => {
     c.forEach((N) => {
       g -= t[N].computedWidth, _ -= t[N].flex;
     });
-    for (let N = 0, D = i.length; N < D; N += 1) {
+    for (let N = 0, $ = i.length; N < $; N += 1) {
       const E = i[N];
       if (t[E.field] && t[E.field].frozen === !0)
         continue;
@@ -158,18 +158,18 @@ const jn = (e, s) => {
   var s, i, t, c, l;
   return (s = e == null ? void 0 : e.hasNestedContent) != null && s.value || (i = e == null ? void 0 : e.hasNestedRows) != null && i.value ? (t = e == null ? void 0 : e.hasSelectableColumn) != null && t.value ? (c = e == null ? void 0 : e.hasSelectableAcrossPages) != null && c.value ? Xn : Jn : Qn : (l = e == null ? void 0 : e.hasSelectableAcrossPages) != null && l.value ? Yn : Kn;
 }, oo = (e, s, i, t, c, l) => {
-  const n = S(e.value), v = S(s), g = S(i), _ = S(t), b = S(c), N = S(!1), D = S(0);
+  const n = S(e.value), v = S(s), g = S(i), _ = S(t), b = S(c), N = S(!1), $ = S(0);
   Le(
     () => e.value,
     (a, f) => {
-      var P, x;
+      var B, x;
       const T = (a == null ? void 0 : a.map(({ field: Z }) => Z).toString()) === (f == null ? void 0 : f.map(({ field: Z }) => Z).toString());
-      if (!((P = l == null ? void 0 : l.allowColumnDragAndDrop) != null && P.value) || !T) {
+      if (!((B = l == null ? void 0 : l.allowColumnDragAndDrop) != null && B.value) || !T) {
         n.value = e.value;
         return;
       }
       n.value = ((x = n.value) == null ? void 0 : x.length) === 0 ? e.value : e.value.sort((Z, le) => {
-        const we = n.value.findIndex((de) => de.field === Z.field), ge = n.value.findIndex((de) => de.field === le.field);
+        const we = n.value.findIndex((ue) => ue.field === Z.field), ge = n.value.findIndex((ue) => ue.field === le.field);
         return we === -1 ? 1 : ge === -1 ? -1 : we - ge;
       });
     }
@@ -177,13 +177,13 @@ const jn = (e, s) => {
   const E = S();
   let d = null;
   const A = C(() => {
-    var we, ge, de;
+    var we, ge, ue;
     const a = [];
     let f = 0, T = 0;
-    const P = {};
+    const B = {};
     let x = n.value.filter((ne) => ne.visible !== !1);
     const Z = n.value.filter((ne) => ne.visible === !1);
-    if ((we = l == null ? void 0 : l.hasSelectableColumn) != null && we.value || (ge = l == null ? void 0 : l.hasNestedContent) != null && ge.value || (de = l == null ? void 0 : l.hasNestedRows) != null && de.value) {
+    if ((we = l == null ? void 0 : l.hasSelectableColumn) != null && we.value || (ge = l == null ? void 0 : l.hasNestedContent) != null && ge.value || (ue = l == null ? void 0 : l.hasNestedRows) != null && ue.value) {
       const ne = no(l);
       x = [
         {
@@ -203,20 +203,20 @@ const jn = (e, s) => {
       q.flex && q.flex > 0 ? (f += q.flex, pe = 0, a.push(q)) : pe = Math.max(
         (q == null ? void 0 : q.width) ?? qn,
         (q == null ? void 0 : q.minWidth) ?? Kt
-      ), T += pe, q.width = pe, q.minWidth = (q == null ? void 0 : q.minWidth) ?? Kt, P[q.field] = q;
-    }), T += D.value;
+      ), T += pe, q.width = pe, q.minWidth = (q == null ? void 0 : q.minWidth) ?? Kt, B[q.field] = q;
+    }), T += $.value;
     const le = Math.max(E.value - T, 0);
     if (f > 0 && E.value > 0) {
       const ne = lo(le, f, a);
       Object.keys(ne).forEach((q) => {
-        P[q].width = ne[q].computedWidth;
+        B[q].width = ne[q].computedWidth;
       });
     }
     return Z.forEach((ne) => {
       const q = { ...ne };
-      P[q.field] = q;
-    }), Object.values(P);
-  }), O = S(void 0), $ = (a) => {
+      B[q.field] = q;
+    }), Object.values(B);
+  }), O = S(void 0), k = (a) => {
     O.value = { ...O.value, ...a };
   }, p = async () => {
     n.value.some((a) => a == null ? void 0 : a.autoWidth) && (N.value = !0, await _e(), await _e(), n == null || n.value.filter((a) => a == null ? void 0 : a.autoWidth).forEach(({ field: a, minWidth: f }) => {
@@ -224,11 +224,11 @@ const jn = (e, s) => {
       const T = Yt(
         (Z = _.value) == null ? void 0 : Z[a],
         (le = l == null ? void 0 : l.hasColumnPanel) == null ? void 0 : le.value
-      ), P = (ge = (we = b.value) == null ? void 0 : we[a]) == null ? void 0 : ge.reduce(
-        (de, ne) => Math.max(de, Yt(ne)),
+      ), B = (ge = (we = b.value) == null ? void 0 : we[a]) == null ? void 0 : ge.reduce(
+        (ue, ne) => Math.max(ue, Yt(ne)),
         0
-      ), x = Math.max(T, P ?? 0);
-      (f === void 0 || x > f) && $({
+      ), x = Math.max(T, B ?? 0);
+      (f === void 0 || x > f) && k({
         [a]: {
           width: x
         }
@@ -238,7 +238,7 @@ const jn = (e, s) => {
   Le([() => n.value, () => v.value], async () => {
     n.value.some((a) => a == null ? void 0 : a.autoWidth) && await p();
   });
-  const U = C(
+  const M = C(
     () => A.value.map((a) => {
       var f, T;
       return {
@@ -250,9 +250,9 @@ const jn = (e, s) => {
   ), m = C(
     () => {
       var a;
-      return ((a = U.value) == null ? void 0 : a.filter(({ visible: f }) => f !== !1).reduce((f, T) => T.width + f, 0)) + D.value;
+      return ((a = M.value) == null ? void 0 : a.filter(({ visible: f }) => f !== !1).reduce((f, T) => T.width + f, 0)) + $.value;
     }
-  ), M = C(
+  ), z = C(
     () => E.value <= m.value
   ), h = C(() => ({
     width: E.value > m.value ? "100%" : "fit-content"
@@ -265,8 +265,8 @@ const jn = (e, s) => {
       const T = Le(
         g,
         () => {
-          g.value && (_e(() => T()), d = At(g.value, ({ width: P }) => {
-            E.value = P - a;
+          g.value && (_e(() => T()), d = At(g.value, ({ width: B }) => {
+            E.value = B - a;
           }));
         },
         { immediate: !0 }
@@ -282,14 +282,14 @@ const jn = (e, s) => {
       b.value[T] = [];
     });
   }), {
-    columnDefs: U,
+    columnDefs: M,
     gridRowWidthStyle: h,
-    onColumnWidthOverride: $,
+    onColumnWidthOverride: k,
     isMeasuringColumnWidths: N,
-    isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: M,
+    isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: z,
     columns: n,
     totalWidthOfAllColumns: m,
-    rowActionsMaxWidth: D
+    rowActionsMaxWidth: $
   };
 }, so = (e, s, i, t, c, l, n) => {
   const v = S(e.value ?? []), g = St({
@@ -310,7 +310,7 @@ const jn = (e, s) => {
       var a, f;
       return ((a = i.value) == null ? void 0 : a.length) > 0 && ((f = _.value) == null ? void 0 : f.filter((T) => !c(T)).every((T) => v.value.includes(t(T))));
     }
-  ), D = C(
+  ), $ = C(
     () => {
       var a, f;
       return ((a = i.value) == null ? void 0 : a.length) > 0 && !((f = _.value) != null && f.some((T) => v.value.includes(t(T))));
@@ -328,47 +328,47 @@ const jn = (e, s) => {
   }, O = (a) => {
     var f, T;
     v.value = a, b.value ? (g.allItemsSelected = !0, g.isIndeterminate = !1) : (g.allItemsSelected = !1, g.isIndeterminate = ((f = v.value) == null ? void 0 : f.length) > 0 && ((T = i.value) == null ? void 0 : T.length) > 0 && i.value.some(
-      (P) => {
+      (B) => {
         var x;
-        return v.value.includes(t(P)) || ((x = P == null ? void 0 : P.children) == null ? void 0 : x.some((Z) => v.value.includes(t(Z))));
+        return v.value.includes(t(B)) || ((x = B == null ? void 0 : B.children) == null ? void 0 : x.some((Z) => v.value.includes(t(Z))));
       }
     ));
-  }, $ = (a) => {
+  }, k = (a) => {
     _e(() => {
-      var T, P;
+      var T, B;
       g.allItemsSelected = a;
-      const f = ((P = (T = _.value) == null ? void 0 : T.filter(
+      const f = ((B = (T = _.value) == null ? void 0 : T.filter(
         (x) => !c(x) && ((x == null ? void 0 : x.children) === void 0 || x.children.every((Z) => !c(Z)))
-      )) == null ? void 0 : P.map((x) => t(x))) ?? [];
-      a ? (v.value = [.../* @__PURE__ */ new Set([...v.value, ...f])], g.isIndeterminate = !b.value) : (v.value = v.value.filter((x) => !f.includes(x)), g.isIndeterminate = !D.value), A();
+      )) == null ? void 0 : B.map((x) => t(x))) ?? [];
+      a ? (v.value = [.../* @__PURE__ */ new Set([...v.value, ...f])], g.isIndeterminate = !b.value) : (v.value = v.value.filter((x) => !f.includes(x)), g.isIndeterminate = !$.value), A();
     });
   }, p = () => {
     _e(() => {
       O([]), A();
     });
-  }, U = (a, f) => {
+  }, M = (a, f) => {
     _e(() => {
       var T;
       O(((T = f == null ? void 0 : f.children) == null ? void 0 : T.length) > 0 ? m(a, f) : a), A();
     });
   }, m = (a, f) => {
     var x;
-    const T = t(f), P = (x = f.children) == null ? void 0 : x.filter((Z) => !c(Z)).map((Z) => t(Z));
+    const T = t(f), B = (x = f.children) == null ? void 0 : x.filter((Z) => !c(Z)).map((Z) => t(Z));
     if (a.includes(T)) {
       const Z = a;
-      return P.forEach((le) => {
+      return B.forEach((le) => {
         Z.includes(le) || Z.push(le);
       }), Z;
     }
-    return a.filter((Z) => !P.includes(Z));
-  }, M = (a, f, T) => {
+    return a.filter((Z) => !B.includes(Z));
+  }, z = (a, f, T) => {
     _e(() => {
       var x, Z;
-      const P = t(f);
+      const B = t(f);
       a.includes(t(T)) ? O(
-        !a.includes(P) && ((x = f == null ? void 0 : f.children) != null && x.every((le) => a.includes(t(le)))) ? [...a, P] : a
+        !a.includes(B) && ((x = f == null ? void 0 : f.children) != null && x.every((le) => a.includes(t(le)))) ? [...a, B] : a
       ) : O(
-        a.includes(P) && !((Z = f == null ? void 0 : f.children) != null && Z.every((le) => a.includes(t(le)))) ? a.filter((le) => le !== P) : a
+        a.includes(B) && !((Z = f == null ? void 0 : f.children) != null && Z.every((le) => a.includes(t(le)))) ? a.filter((le) => le !== B) : a
       ), A();
     });
   }, h = C(() => d.value ? "all" : N.value ? "page" : !v.value || v.value.length === 0 ? "none" : E.value ? "unselected-page" : "single");
@@ -384,15 +384,15 @@ const jn = (e, s) => {
       const a = i.value.filter((f) => v.value.includes(t(f))).flatMap(
         (f) => {
           var T;
-          return ((T = f == null ? void 0 : f.children) == null ? void 0 : T.length) > 0 ? f.children.map((P) => t(P)).filter((P) => !v.value.includes(P)) : [];
+          return ((T = f == null ? void 0 : f.children) == null ? void 0 : T.length) > 0 ? f.children.map((B) => t(B)).filter((B) => !v.value.includes(B)) : [];
         }
       );
       (a == null ? void 0 : a.length) > 0 ? (O([...v.value, ...a]), A()) : O(v.value);
     }
   ), {
-    onAllRowSelect: $,
-    onRowSelect: U,
-    onNestedRowSelect: M,
+    onAllRowSelect: k,
+    onRowSelect: M,
+    onNestedRowSelect: z,
     onDeselectAll: p,
     allItemsSelectedState: g,
     selectedItems: v,
@@ -414,7 +414,7 @@ const jn = (e, s) => {
 var Se = ((e) => (e[e.ARROW_DOWN = Ne.ARROW_DOWN] = "ARROW_DOWN", e[e.ARROW_UP = Ne.ARROW_UP] = "ARROW_UP", e[e.ARROW_LEFT = Ne.ARROW_LEFT] = "ARROW_LEFT", e[e.ARROW_RIGHT = Ne.ARROW_RIGHT] = "ARROW_RIGHT", e[e.PAGE_UP = Ne.PAGE_UP] = "PAGE_UP", e[e.PAGE_DOWN = Ne.PAGE_DOWN] = "PAGE_DOWN", e[e.END = Ne.END] = "END", e[e.HOME = Ne.HOME] = "HOME", e))(Se || {});
 const Qe = "b-row-actions-column", io = (e, s, i, t, c, l) => {
   const n = C(() => l.value || t.value ? !0 : i.value.some((p) => p.infoIconTooltip || p.sortable)), v = C(() => {
-    let p = i.value.filter(({ visible: U }) => U !== !1);
+    let p = i.value.filter(({ visible: M }) => M !== !1);
     return c.value && (p = [
       ...p,
       { field: Qe, label: "" }
@@ -425,56 +425,56 @@ const Qe = "b-row-actions-column", io = (e, s, i, t, c, l) => {
     const p = Object.keys(e.value)[0];
     if (!p || !e.value[p])
       return [];
-    const U = [];
+    const M = [];
     if (n.value)
-      for (const M of v.value) {
-        const h = s.value[M.field];
-        U.push(h);
+      for (const z of v.value) {
+        const h = s.value[z.field];
+        M.push(h);
       }
     const m = e.value[p].length;
-    for (let M = 0; M < m; M++)
+    for (let z = 0; z < m; z++)
       for (const h of v.value) {
         const a = e.value[h.field];
-        a != null && a[M] && U.push(a[M]);
+        a != null && a[z] && M.push(a[z]);
       }
-    return U;
-  }), b = (p) => Math.floor(p / g.value), N = (p, U, m) => {
-    const M = _.value.length - 1, h = g.value - 1, a = b(p), f = p - g.value * a;
+    return M;
+  }), b = (p) => Math.floor(p / g.value), N = (p, M, m) => {
+    const z = _.value.length - 1, h = g.value - 1, a = b(p), f = p - g.value * a;
     return {
       [Se.PAGE_UP]: f + (n.value ? g.value : 0),
-      [Se.PAGE_DOWN]: M - h + f,
-      [Se.END]: m ? M : g.value * a + h,
+      [Se.PAGE_DOWN]: z - h + f,
+      [Se.END]: m ? z : g.value * a + h,
       [Se.HOME]: m ? n.value ? g.value : 0 : g.value * a
-    }[U];
-  }, D = (p, U) => {
+    }[M];
+  }, $ = (p, M) => {
     const m = b(p), h = {
       [Se.ARROW_DOWN]: g.value,
       [Se.ARROW_UP]: m === 0 && !n.value ? 0 : -g.value,
       [Se.ARROW_LEFT]: -1,
       [Se.ARROW_RIGHT]: 1
-    }[U], a = p + h;
+    }[M], a = p + h;
     return a < 0 || a >= _.value.length ? p : a;
   }, E = (p) => [
     Se.PAGE_UP,
     Se.PAGE_DOWN,
     Se.END,
     Se.HOME
-  ].includes(p), d = (p, U, m) => {
-    const M = _.value.indexOf(p);
-    return E(U) ? N(M, U, m) : D(M, U);
-  }, A = (p, U, m) => {
+  ].includes(p), d = (p, M, m) => {
+    const z = _.value.indexOf(p);
+    return E(M) ? N(z, M, m) : $(z, M);
+  }, A = (p, M, m) => {
     if (!_.value.includes(p))
       return;
-    const M = d(p, U, m);
-    _.value[M].focus();
+    const z = d(p, M, m);
+    _.value[z].focus();
   }, O = (p) => p in Se;
   return {
     isNavigationKeyCode: O,
     focusOnNextGridcell: A,
     navigationInput: (p) => {
-      const { ctrlKey: U, key: m, target: M } = p, h = m;
-      let a = M;
-      a.getAttribute("role") !== "menuitem" && (_.value.includes(a) || (a = M.closest('[role="gridcell"], [role="columnheader"]')), _.value.includes(a) && O(h) && A(a, h, U));
+      const { ctrlKey: M, key: m, target: z } = p, h = m;
+      let a = z;
+      a.getAttribute("role") !== "menuitem" && (_.value.includes(a) || (a = z.closest('[role="gridcell"], [role="columnheader"]')), _.value.includes(a) && O(h) && A(a, h, M));
     }
   };
 }, ro = 90, uo = (e, s, i, t, c) => {
@@ -496,29 +496,29 @@ const Qe = "b-row-actions-column", io = (e, s, i, t, c, l) => {
     const A = t.value.findIndex((p) => p.field === E.field), O = A + d;
     if (O < 0 || O > t.value.length - 1)
       return;
-    const $ = [...t.value];
-    $.splice(O, 0, $.splice(A, 1)[0]), i(F.COLUMNS, $), i(F.UPDATE_COLUMNS, $);
+    const k = [...t.value];
+    k.splice(O, 0, k.splice(A, 1)[0]), i(F.COLUMNS, k), i(F.UPDATE_COLUMNS, k);
   }, v = (E, d) => {
     l.dragging = E, d.dataTransfer.setData("text", ""), d.dataTransfer.dropEffect = "move";
   }, g = (E, d) => {
     l.target = E;
-    const A = d.currentTarget.getBoundingClientRect(), O = A.left + A.width / 2, $ = d.clientX ?? 0;
-    l.dragToLeft = $ <= O;
+    const A = d.currentTarget.getBoundingClientRect(), O = A.left + A.width / 2, k = d.clientX ?? 0;
+    l.dragToLeft = k <= O;
   }, _ = (E) => {
     var d, A;
     if (((d = l.dragging) == null ? void 0 : d.field) !== E.field) {
       const O = t.value.findIndex((h) => {
         var a;
         return h.field === ((a = l.dragging) == null ? void 0 : a.field);
-      }), $ = t.value.findIndex((h) => h.field === E.field), p = l.dragToLeft ? $ : $ + 1, U = p > O ? p - 1 : p;
+      }), k = t.value.findIndex((h) => h.field === E.field), p = l.dragToLeft ? k : k + 1, M = p > O ? p - 1 : p;
       let m = [...t.value];
       m.splice(
-        U === -1 ? 0 : U,
+        M === -1 ? 0 : M,
         0,
         m.splice(O, 1)[0]
       );
-      const M = t.value.findIndex((h) => !(h != null && h.frozen));
-      ((A = l.dragging) == null ? void 0 : A.frozen) !== E.frozen && p !== M && (m = m.map(
+      const z = t.value.findIndex((h) => !(h != null && h.frozen));
+      ((A = l.dragging) == null ? void 0 : A.frozen) !== E.frozen && p !== z && (m = m.map(
         (h) => {
           var a;
           return ((a = l.dragging) == null ? void 0 : a.field) === h.field ? { ...h, frozen: !!(E != null && E.frozen) } : h;
@@ -533,7 +533,7 @@ const Qe = "b-row-actions-column", io = (e, s, i, t, c, l) => {
     [ae.COLUMN_DRAG_ENTER]: (E, d) => g(E, d),
     [ae.COLUMN_DROP]: (E) => _(E),
     [ae.COLUMN_DRAG_END]: () => b()
-  } : {}), D = C(() => (E) => c.value ? {
+  } : {}), $ = C(() => (E) => c.value ? {
     dragenter: (d) => {
       d.preventDefault(), g(E, d);
     },
@@ -549,7 +549,7 @@ const Qe = "b-row-actions-column", io = (e, s, i, t, c, l) => {
     draggingColumns: l,
     // Methods
     draggingEventsForColumns: N,
-    draggingEventsForRowCell: D,
+    draggingEventsForRowCell: $,
     onMoveColumnByOffset: n
   };
 }, fo = (e, s, i) => {
@@ -568,13 +568,13 @@ const Qe = "b-row-actions-column", io = (e, s, i, t, c, l) => {
     () => t.value.filter((d) => (d == null ? void 0 : d.visible) !== !1 && (d == null ? void 0 : d.field) !== ye).length === 1
   ), b = (d) => i(F.UPDATE_CONDENSED, d), N = (d) => {
     c.value = d, i(F.UPDATE_ZEBRA_ROWS, d);
-  }, D = (d) => {
+  }, $ = (d) => {
     i(F.COLUMNS, d), i(F.UPDATE_COLUMNS, d);
   }, E = (d) => {
     const A = l.value.map(
       (O) => (O == null ? void 0 : O.field) === d.field ? d : O
     );
-    D(A);
+    $(A);
   };
   return Le(s, (d) => {
     c.value = d;
@@ -585,7 +585,7 @@ const Qe = "b-row-actions-column", io = (e, s, i, t, c, l) => {
     internalZebraRows: c,
     sortedColumns: l,
     // Methods
-    onConfigSettingsColumnsUpdate: D,
+    onConfigSettingsColumnsUpdate: $,
     onConfigSettingsColumnUpdate: E,
     onConfigSettingsCondensedUpdate: b,
     onConfigSettingsZebraRowsUpdate: N
@@ -607,12 +607,12 @@ const Qe = "b-row-actions-column", io = (e, s, i, t, c, l) => {
     d.key === "Tab" || d.key !== "ArrowRight" && d.key !== "ArrowLeft" || (d.preventDefault(), e.value.scrollLeft = 0, e.value.style.overflowX = "hidden", setTimeout(() => {
       e.value && (e.value.style.overflowX = "auto");
     }));
-  }, D = (d) => {
+  }, $ = (d) => {
     const A = d.target.scrollLeft;
     e.value.scrollLeft !== A && (e.value.scrollLeft = A);
   }, E = C(() => {
-    var d, A, O, $;
-    return (d = n == null ? void 0 : n.pagination) != null && d.value && ((A = n == null ? void 0 : n.stickyPagination) != null && A.value || n != null && n.isDataGridTemplate) && !((O = n == null ? void 0 : n.isLazyLoad) != null && O.value) ? { bottom: `${((($ = c.value) == null ? void 0 : $.clientHeight) ?? 0) + 1}px` } : {};
+    var d, A, O, k;
+    return (d = n == null ? void 0 : n.pagination) != null && d.value && ((A = n == null ? void 0 : n.stickyPagination) != null && A.value || n != null && n.isDataGridTemplate) && !((O = n == null ? void 0 : n.isLazyLoad) != null && O.value) ? { bottom: `${(((k = c.value) == null ? void 0 : k.clientHeight) ?? 0) + 1}px` } : {};
   });
   return {
     // Values
@@ -623,11 +623,11 @@ const Qe = "b-row-actions-column", io = (e, s, i, t, c, l) => {
     // Methods
     updateScrollPosition: b,
     updateScrollPositionOnFrozenColumnsNavigation: N,
-    syncVirtualScrollerWithBody: D
+    syncVirtualScrollerWithBody: $
   };
 }, vo = (e, s, i, t) => {
   const c = S(null), l = C(() => {
-    var A, O, $, p;
+    var A, O, k, p;
     if (!c.value || c.value.field === ye)
       return {
         hoveredOverColumnField: "",
@@ -635,11 +635,11 @@ const Qe = "b-row-actions-column", io = (e, s, i, t, c, l) => {
         noBorderLeft: !1,
         noBorderRight: !1
       };
-    const n = (O = (A = e.value.find((U) => U.isFrozenColumns)) == null ? void 0 : A.columnSet) == null ? void 0 : O.filter((U) => U.field !== ye), v = e.value.find((U) => !(U != null && U.isFrozenColumns)), g = c.value.frozen && (n == null ? void 0 : n[0].field) === c.value.field, _ = !c.value.frozen && (($ = v == null ? void 0 : v.columnSet) == null ? void 0 : $[0].field) === c.value.field, b = (s.value || i.value) && g, N = (s.value || i.value) && !n && _, D = n && _, E = (n == null ? void 0 : n.length) > 0 && c.value.frozen && (n == null ? void 0 : n[n.length - 1].field) === c.value.field, d = i.value && t.value && !c.value.frozen && ((p = v == null ? void 0 : v.columnSet) == null ? void 0 : p[v.columnSet.length - 1].field) === c.value.field;
+    const n = (O = (A = e.value.find((M) => M.isFrozenColumns)) == null ? void 0 : A.columnSet) == null ? void 0 : O.filter((M) => M.field !== ye), v = e.value.find((M) => !(M != null && M.isFrozenColumns)), g = c.value.frozen && (n == null ? void 0 : n[0].field) === c.value.field, _ = !c.value.frozen && ((k = v == null ? void 0 : v.columnSet) == null ? void 0 : k[0].field) === c.value.field, b = (s.value || i.value) && g, N = (s.value || i.value) && !n && _, $ = n && _, E = (n == null ? void 0 : n.length) > 0 && c.value.frozen && (n == null ? void 0 : n[n.length - 1].field) === c.value.field, d = i.value && t.value && !c.value.frozen && ((p = v == null ? void 0 : v.columnSet) == null ? void 0 : p[v.columnSet.length - 1].field) === c.value.field;
     return {
       hoveredOverColumnField: c.value.field,
       isSeparatorOffset: d,
-      noBorderLeft: !!b || !!N || !!D,
+      noBorderLeft: !!b || !!N || !!$,
       noBorderRight: !!E || !!d
     };
   });
@@ -938,7 +938,7 @@ const xo = /* @__PURE__ */ fe(Ho, [["render", Vo]]), Sl = {
 }, es = ["aria-label", "aria-colindex"], ts = {
   i18n: { messages: Sl },
   name: "data-grid-columns"
-}, ls = /* @__PURE__ */ ze({
+}, ls = /* @__PURE__ */ Pe({
   ...ts,
   props: {
     /**
@@ -1086,9 +1086,9 @@ const xo = /* @__PURE__ */ fe(Ho, [["render", Vo]]), Sl = {
   },
   emits: ["sort", "column-hover"],
   setup(e, { expose: s, emit: i }) {
-    const t = e, c = i, l = 100, { t: n } = Ve({ messages: Sl }), { columns: v, sortBy: g } = yt(t), _ = S(), b = S({}), N = S({}), D = S(), E = S(), d = (r) => c(ae.SELECT_ALL_ROWS, r), A = (r) => r.field === ye, O = C(() => t.selectionState === "all"), $ = C(
+    const t = e, c = i, l = 100, { t: n } = Ve({ messages: Sl }), { columns: v, sortBy: g } = yt(t), _ = S(), b = S({}), N = S({}), $ = S(), E = S(), d = (r) => c(ae.SELECT_ALL_ROWS, r), A = (r) => r.field === ye, O = C(() => t.selectionState === "all"), k = C(
       () => {
-        var r, H, k;
+        var r, H, U;
         return [
           {
             text: n("selectPage"),
@@ -1113,7 +1113,7 @@ const xo = /* @__PURE__ */ fe(Ho, [["render", Vo]]), Sl = {
             // otherwise divider shown in deselect all in current results
             disabled: t.selectionState === "unselected-page"
           },
-          ((k = t.visibleRowsState) == null ? void 0 : k.filtered) && t.selectionState !== "none" && {
+          ((U = t.visibleRowsState) == null ? void 0 : U.filtered) && t.selectionState !== "none" && {
             text: n("deselectAllCurrentResults"),
             handler: () => c(ae.DESELECT_ALL_CURRENT_RESULTS),
             addDivider: !0,
@@ -1125,7 +1125,7 @@ const xo = /* @__PURE__ */ fe(Ho, [["render", Vo]]), Sl = {
           }
         ].filter(Boolean);
       }
-    ), { startResize: p, isResizing: U, columnHoverEventToEmitAfterResizing: m } = jn(v, c), { isSorting: M, getSortingDirection: h, sortByColumnField: a } = ao(g, v, c), f = (r) => {
+    ), { startResize: p, isResizing: M, columnHoverEventToEmitAfterResizing: m } = jn(v, c), { isSorting: z, getSortingDirection: h, sortByColumnField: a } = ao(g, v, c), f = (r) => {
       var Ce;
       if (!r.sortable)
         return null;
@@ -1150,7 +1150,7 @@ const xo = /* @__PURE__ */ fe(Ho, [["render", Vo]]), Sl = {
       dragend: () => {
         c(ae.COLUMN_DRAG_END);
       }
-    } : {}), P = C(
+    } : {}), B = C(
       () => (r) => [
         {
           text: n("moveColumnLeft"),
@@ -1164,7 +1164,7 @@ const xo = /* @__PURE__ */ fe(Ho, [["render", Vo]]), Sl = {
           icon: Lo,
           disabled: t.columns[t.columns.length - 1].field === r.field
         },
-        !de.value && {
+        !ue.value && {
           text: r != null && r.frozen ? n("unfreezeColumn") : n("freezeColumn"),
           handler: () => c(ae.COLUMN_UPDATE, { ...r, frozen: !(r != null && r.frozen) }),
           icon: El
@@ -1182,26 +1182,26 @@ const xo = /* @__PURE__ */ fe(Ho, [["render", Vo]]), Sl = {
         }
       ].filter(Boolean)
     ), x = (r) => {
-      D.value = r.field, E.value && clearTimeout(E.value);
+      $.value = r.field, E.value && clearTimeout(E.value);
     }, Z = (r) => {
       const H = setTimeout(() => {
-        r.field === D.value && (D.value = "");
+        r.field === $.value && ($.value = "");
       }, l);
       E.value = H;
     }, le = (r) => {
       let H = {
         mouseenter: () => {
-          x(r), U.value ? m.value = r : c("column-hover", r);
+          x(r), M.value ? m.value = r : c("column-hover", r);
         },
         mouseleave: () => {
-          Z(r), U.value ? m.value = null : c("column-hover", null);
+          Z(r), M.value ? m.value = null : c("column-hover", null);
         },
         focus: () => {
           x(r), A(r) && Ot(b.value[r.field]);
         },
-        focusout: (k) => {
+        focusout: (U) => {
           var Ce;
-          (Ce = _.value) != null && Ce.contains(k == null ? void 0 : k.relatedTarget) || Z(r);
+          (Ce = _.value) != null && Ce.contains(U == null ? void 0 : U.relatedTarget) || Z(r);
         }
       };
       return A(r) || (H = {
@@ -1209,17 +1209,17 @@ const xo = /* @__PURE__ */ fe(Ho, [["render", Vo]]), Sl = {
         ...T.value(r)
       }), H;
     }, we = (r) => r.infoIconTooltip || r.sortable || t.hasColumnPanel, ge = (r, H) => {
-      var k;
-      ((k = b.value) == null ? void 0 : k[H]) === void 0 && (b.value = { ...b.value, [H]: null }), r !== null && (b.value[H] = r);
-    }, de = Me(
+      var U;
+      ((U = b.value) == null ? void 0 : U[H]) === void 0 && (b.value = { ...b.value, [H]: null }), r !== null && (b.value[H] = r);
+    }, ue = Fe(
       tt,
       C(() => !1)
-    ), ne = Me(gt, S(!1)), q = C(() => {
+    ), ne = Fe(gt, S(!1)), q = C(() => {
       var H;
       const r = {
         "b-data-grid-columns--is-measuring": t.isMeasuringColumnWidths
       };
-      return (H = v.value[0]) != null && H.frozen && !de.value ? {
+      return (H = v.value[0]) != null && H.frozen && !ue.value ? {
         ...r,
         "b-data-grid-columns--frozen": !0,
         "b-data-grid-columns--frozen-separator": t.showFrozenColumnsSeparator,
@@ -1231,34 +1231,34 @@ const xo = /* @__PURE__ */ fe(Ho, [["render", Vo]]), Sl = {
     }), pe = C(() => ({
       "b-data-grid-columns__select-column--all": t.selectableAcrossPages
     })), y = (r, H) => r && H === 0 ? Gt.BOTTOM_START : Gt.BOTTOM_END, J = (r, H) => {
-      var k, Ce, ve, w, z, te, oe, se, ue, Y;
+      var U, Ce, ve, w, I, te, oe, se, re, K;
       return {
         "b-data-grid-columns__column--column-hovered": r.field === t.hoveredOverColumnState.hoveredOverColumnField,
         "b-data-grid-columns__column--column-hovered-no-border-left": r.field === t.hoveredOverColumnState.hoveredOverColumnField && t.hoveredOverColumnState.noBorderLeft,
         "b-data-grid-columns__column--column-hovered-no-border-right": r.field === t.hoveredOverColumnState.hoveredOverColumnField && t.hoveredOverColumnState.noBorderRight,
         "b-data-grid-columns__column--last-frozen-frozen-column": t.isFrozenColumns && H === v.value.length - 1,
         "b-data-grid-columns__column--sortable": r.sortable,
-        "b-data-grid-columns__column--padding-left-unset": ((k = r == null ? void 0 : r.padding) == null ? void 0 : k.left) === !1,
+        "b-data-grid-columns__column--padding-left-unset": ((U = r == null ? void 0 : r.padding) == null ? void 0 : U.left) === !1,
         "b-data-grid-columns__column--padding-right-unset": ((Ce = r == null ? void 0 : r.padding) == null ? void 0 : Ce.right) === !1,
         "b-data-grid-columns__column--numeric": r == null ? void 0 : r.numeric,
         "b-data-grid-columns__column--frozen": r == null ? void 0 : r.frozen,
         "b-data-grid-columns__column--is-re-ordering": (r == null ? void 0 : r.field) === ((w = (ve = t.draggingColumns) == null ? void 0 : ve.dragging) == null ? void 0 : w.field),
-        "b-data-grid-columns__column--is-re-ordering-target-left": (r == null ? void 0 : r.field) === ((te = (z = t.draggingColumns) == null ? void 0 : z.target) == null ? void 0 : te.field) && ((oe = t.draggingColumns) == null ? void 0 : oe.dragToLeft),
-        "b-data-grid-columns__column--is-re-ordering-target-right": (r == null ? void 0 : r.field) === ((ue = (se = t.draggingColumns) == null ? void 0 : se.target) == null ? void 0 : ue.field) && !((Y = t.draggingColumns) != null && Y.dragToLeft),
+        "b-data-grid-columns__column--is-re-ordering-target-left": (r == null ? void 0 : r.field) === ((te = (I = t.draggingColumns) == null ? void 0 : I.target) == null ? void 0 : te.field) && ((oe = t.draggingColumns) == null ? void 0 : oe.dragToLeft),
+        "b-data-grid-columns__column--is-re-ordering-target-right": (r == null ? void 0 : r.field) === ((re = (se = t.draggingColumns) == null ? void 0 : se.target) == null ? void 0 : re.field) && !((K = t.draggingColumns) != null && K.dragToLeft),
         "b-data-grid-columns__column--with-sorting-or-column-panel": r.sortable || r.infoIconTooltip || t.hasColumnPanel || t.selectableAcrossPages,
-        "b-data-grid-columns--small-container": de.value
+        "b-data-grid-columns--small-container": ue.value
       };
-    }, K = (r) => ({
+    }, Y = (r) => ({
       "b-data-grid-columns__column-header-and-actions--numeric": r == null ? void 0 : r.numeric
     }), Q = (r) => ({
       "b-data-grid-columns__column-actions--numeric": r == null ? void 0 : r.numeric
-    }), Be = (r) => ({
+    }), We = (r) => ({
       "b-data-grid-columns__column-separator-container--is-resizeable": t.hasResizableColumns,
       "b-data-grid-columns__column-separator-container--is-offset": t.hoveredOverColumnState.hoveredOverColumnField === r.field && t.hoveredOverColumnState.isSeparatorOffset
     }), Te = C(() => ({
       "b-data-grid-columns__column-header--truncated": t.truncateColumnHeaders
-    })), Fe = (r) => ({
-      "b-data-grid-columns__menu--hovered": D.value === r.field || ne.value
+    })), Be = (r) => ({
+      "b-data-grid-columns__menu--hovered": $.value === r.field || ne.value
     });
     return s({
       columnHeaderRefs: b
@@ -1268,21 +1268,21 @@ const xo = /* @__PURE__ */ fe(Ho, [["render", Vo]]), Sl = {
       class: ce(["b-data-grid-columns", q.value]),
       "data-testid": "data-grid-columns"
     }, [
-      (u(!0), L(be, null, Ae(o(v), (k, Ce) => (u(), L("div", ie({
-        key: k.field,
+      (u(!0), L(be, null, Ae(o(v), (U, Ce) => (u(), L("div", ie({
+        key: U.field,
         ref_for: !0,
-        ref: (ve) => ge(ve, k.field),
+        ref: (ve) => ge(ve, U.field),
         "aria-colindex": Ce + 1,
-        "aria-label": k.label,
-        "aria-sort": f(k),
-        class: [J(k, Ce), "b-data-grid-columns__column"],
-        "data-testid": `${k.field}-column-header`,
-        draggable: e.hasDraggableColumns && !o(U) && !A(k),
+        "aria-label": U.label,
+        "aria-sort": f(U),
+        class: [J(U, Ce), "b-data-grid-columns__column"],
+        "data-testid": `${U.field}-column-header`,
+        draggable: e.hasDraggableColumns && !o(M) && !A(U),
         role: "columnheader",
-        tabindex: k.sortable || e.hasColumnPanel || k.infoIconTooltip ? "0" : "-1",
-        style: { width: k.autoWidth && e.isMeasuringColumnWidths ? "auto" : `${k.width}px` }
-      }, ft(le(k), !0)), [
-        A(k) && e.selectable ? (u(), L("div", {
+        tabindex: U.sortable || e.hasColumnPanel || U.infoIconTooltip ? "0" : "-1",
+        style: { width: U.autoWidth && e.isMeasuringColumnWidths ? "auto" : `${U.width}px` }
+      }, ft(le(U), !0)), [
+        A(U) && e.selectable ? (u(), L("div", {
           key: 0,
           class: ce(["b-data-grid-columns__select-column", pe.value])
         }, [
@@ -1298,7 +1298,7 @@ const xo = /* @__PURE__ */ fe(Ho, [["render", Vo]]), Sl = {
           e.selectableAcrossPages ? (u(), G(o(wt), {
             key: 1,
             button: { variant: "tertiary", condensed: !0, "aria-label": o(n)("selectAllMenu") },
-            data: $.value,
+            data: k.value,
             class: "b-data-grid-columns__select-column-menu",
             "disable-arrow-down-opening-menu": "",
             "menu-fixed-positioning": "",
@@ -1323,10 +1323,10 @@ const xo = /* @__PURE__ */ fe(Ho, [["render", Vo]]), Sl = {
           }, 8, ["button", "data"])) : W("", !0)
         ], 2)) : (u(), L(be, { key: 1 }, [
           R("div", {
-            "aria-label": o(n)("columnActions", { name: k.label }),
+            "aria-label": o(n)("columnActions", { name: U.label }),
             "aria-live": "polite",
             role: "region",
-            class: ce(["b-data-grid-columns__column-header-and-actions", K(k)])
+            class: ce(["b-data-grid-columns__column-header-and-actions", Y(U)])
           }, [
             X(o(et), {
               el: "div",
@@ -1334,38 +1334,38 @@ const xo = /* @__PURE__ */ fe(Ho, [["render", Vo]]), Sl = {
               class: ce(["b-data-grid-columns__column-header", Te.value])
             }, {
               default: V(() => [
-                Ue(r.$slots, `head-${k.field}`, { column: k }, () => [
-                  R("span", Ko, ee(k.label), 1)
+                ze(r.$slots, `head-${U.field}`, { column: U }, () => [
+                  R("span", Ko, ee(U.label), 1)
                 ], !0)
               ]),
               _: 2
             }, 1032, ["class"]),
-            we(k) ? (u(), L("div", {
+            we(U) ? (u(), L("div", {
               key: 0,
-              class: ce(["b-data-grid-columns__column-actions", Q(k)])
+              class: ce(["b-data-grid-columns__column-actions", Q(U)])
             }, [
-              k.infoIconTooltip ? (u(), L("div", Yo, [
+              U.infoIconTooltip ? (u(), L("div", Yo, [
                 X(o(Pn), {
-                  "tooltip-text": k.infoIconTooltip
+                  "tooltip-text": U.infoIconTooltip
                 }, null, 8, ["tooltip-text"])
               ])) : W("", !0),
-              k.sortable ? (u(), L("div", Jo, [
+              U.sortable ? (u(), L("div", Jo, [
                 X(o(Tt), {
                   condensed: "",
-                  toggled: o(M)(k.field),
+                  toggled: o(z)(U.field),
                   variant: "tertiary",
-                  onClick: (ve) => o(a)(k.field)
+                  onClick: (ve) => o(a)(U.field)
                 }, {
                   iconLeft: V(() => [
-                    o(h)(k.field) ? o(h)(k.field) === o(Ge).ASCENDING ? (u(), G(o(Uo), {
+                    o(h)(U.field) ? o(h)(U.field) === o(Ge).ASCENDING ? (u(), G(o(Uo), {
                       key: 1,
-                      "svg-title": o(n)("sortColumnInDescendingOrder", { name: k.label })
-                    }, null, 8, ["svg-title"])) : o(h)(k.field) === o(Ge).DESCENDING ? (u(), G(o(Wo), {
+                      "svg-title": o(n)("sortColumnInDescendingOrder", { name: U.label })
+                    }, null, 8, ["svg-title"])) : o(h)(U.field) === o(Ge).DESCENDING ? (u(), G(o(Wo), {
                       key: 2,
-                      "svg-title": o(n)("sortColumnInAscendingOrder", { name: k.label })
+                      "svg-title": o(n)("sortColumnInAscendingOrder", { name: U.label })
                     }, null, 8, ["svg-title"])) : W("", !0) : (u(), G(o(wo), {
                       key: 0,
-                      "svg-title": o(n)("sortColumn", { name: k.label })
+                      "svg-title": o(n)("sortColumn", { name: U.label })
                     }, null, 8, ["svg-title"]))
                   ]),
                   _: 2
@@ -1374,10 +1374,10 @@ const xo = /* @__PURE__ */ fe(Ho, [["render", Vo]]), Sl = {
               e.hasColumnPanel ? (u(), G(o(wt), {
                 key: 2,
                 ref_for: !0,
-                ref: (ve) => N.value[k.field] = ve,
-                class: ce(["b-data-grid-columns__menu", Fe(k)]),
+                ref: (ve) => N.value[U.field] = ve,
+                class: ce(["b-data-grid-columns__menu", Be(U)]),
                 "disable-arrow-down-opening-menu": "",
-                data: P.value(k),
+                data: B.value(U),
                 "menu-position": y(e.hasFirstColumnPanelRightAligned, Ce),
                 "menu-fixed-positioning": !0,
                 button: { variant: "tertiary", condensed: !0 },
@@ -1387,10 +1387,10 @@ const xo = /* @__PURE__ */ fe(Ho, [["render", Vo]]), Sl = {
             ], 2)) : W("", !0)
           ], 10, qo),
           R("div", {
-            "data-testid": `data-grid-column-${k.field}`,
-            class: ce(["b-data-grid-columns__column-separator-container", Be(k)]),
+            "data-testid": `data-grid-column-${U.field}`,
+            class: ce(["b-data-grid-columns__column-separator-container", We(U)]),
             role: "presentation",
-            onMousedown: (ve) => o(p)(e.hasResizableColumns, k.field, ve),
+            onMousedown: (ve) => o(p)(e.hasResizableColumns, U.field, ve),
             onClick: H[2] || (H[2] = Cn(() => {
             }, ["stop"]))
           }, [
@@ -1404,19 +1404,19 @@ const xo = /* @__PURE__ */ fe(Ho, [["render", Vo]]), Sl = {
           class: "b-data-grid-columns__row-actions-filler"
         }, null, -1)),
         R("div", {
-          ref: (k) => ge(k, o(Qe)),
+          ref: (U) => ge(U, o(Qe)),
           "aria-label": o(n)("rowActionsColumn"),
           "aria-colindex": o(v).length + 1,
           class: "b-data-grid-columns__column",
           role: "columnheader",
           tabindex: "0",
-          style: ke({ minWidth: `${e.rowActionsMaximumWidth}px` })
+          style: Me({ minWidth: `${e.rowActionsMaximumWidth}px` })
         }, null, 12, es)
       ], 64)) : W("", !0)
     ], 2));
   }
 }), ns = /* @__PURE__ */ fe(ls, [["__scopeId", "data-v-ee88da0d"]]);
-var De = /* @__PURE__ */ ((e) => (e.UPDATE_CONDENSED = "update:condensed", e.UPDATE_COLUMNS = "update:columns", e.UPDATE_ZEBRA_ROWS = "update:zebra-rows", e))(De || {});
+var ke = /* @__PURE__ */ ((e) => (e.UPDATE_CONDENSED = "update:condensed", e.UPDATE_COLUMNS = "update:columns", e.UPDATE_ZEBRA_ROWS = "update:zebra-rows", e))(ke || {});
 let ol = 0;
 const os = {
   beforeCreate() {
@@ -1457,7 +1457,7 @@ const ds = /* @__PURE__ */ fe(os, [["render", rs]]), sl = {
     toggleColumnFreeze: "Toggle {label} column freeze",
     toggleColumnVisibility: "Toggle {label} column visibility"
   }
-}, us = ze({
+}, us = Pe({
   i18n: { messages: sl },
   name: "bento-data-grid",
   components: {
@@ -1483,12 +1483,12 @@ const ds = /* @__PURE__ */ fe(os, [["render", rs]]), sl = {
   emits: ["visible-column", "updated-column"],
   setup(e, { emit: s }) {
     const { t: i } = Ve({ messages: sl }), t = S(!1), c = C(() => {
-      var D;
-      return (D = e.column) == null ? void 0 : D.frozen;
+      var $;
+      return ($ = e.column) == null ? void 0 : $.frozen;
     }), l = C(() => {
-      var D;
-      return ((D = e.column) == null ? void 0 : D.visible) !== !1;
-    }), n = Me(
+      var $;
+      return (($ = e.column) == null ? void 0 : $.visible) !== !1;
+    }), n = Fe(
       tt,
       C(() => !1)
     ), v = () => {
@@ -1575,7 +1575,7 @@ const fs = /* @__PURE__ */ fe(us, [["render", cs], ["__scopeId", "data-v-0769d04
     condensed: "Condensado",
     search: "Buscar"
   }
-}, gs = ze({
+}, gs = Pe({
   i18n: { messages: al },
   name: "bento-data-grid",
   components: {
@@ -1615,12 +1615,12 @@ const fs = /* @__PURE__ */ fe(us, [["render", cs], ["__scopeId", "data-v-0769d04
     }
   },
   emits: [
-    De.UPDATE_CONDENSED,
-    De.UPDATE_COLUMNS,
-    De.UPDATE_ZEBRA_ROWS
+    ke.UPDATE_CONDENSED,
+    ke.UPDATE_COLUMNS,
+    ke.UPDATE_ZEBRA_ROWS
   ],
   setup(e, { emit: s }) {
-    const { t: i } = Ve({ messages: al }), t = S(null), c = ct("data-grid-config-settings-popover"), l = S(null), n = S(!1), v = S(!0), g = S(null), _ = S(""), b = bt(e, "columns"), N = S(!1), D = zn(_, b), E = () => {
+    const { t: i } = Ve({ messages: al }), t = S(null), c = ct("data-grid-config-settings-popover"), l = S(null), n = S(!1), v = S(!0), g = S(null), _ = S(""), b = bt(e, "columns"), N = S(!1), $ = zn(_, b), E = () => {
       _.value = "";
     }, d = C(
       () => !e.columns.some((f) => f.visible === !1 && !f.mandatory)
@@ -1632,26 +1632,26 @@ const fs = /* @__PURE__ */ fe(us, [["render", cs], ["__scopeId", "data-v-0769d04
         var f, T;
         return (T = (f = g == null ? void 0 : g.value) == null ? void 0 : f.$el) == null ? void 0 : T.focus();
       }), v.value = d.value;
-    }, O = (f) => f.mandatory ?? !1, $ = (f) => {
-      const T = e.columns.map((P) => ({
-        ...P,
-        visible: f.field === P.field ? f.visible : P.visible
+    }, O = (f) => f.mandatory ?? !1, k = (f) => {
+      const T = e.columns.map((B) => ({
+        ...B,
+        visible: f.field === B.field ? f.visible : B.visible
       }));
-      s(De.UPDATE_COLUMNS, T);
+      s(ke.UPDATE_COLUMNS, T);
     }, p = (f) => {
       f ? s(
-        De.UPDATE_COLUMNS,
+        ke.UPDATE_COLUMNS,
         e.columns.map((T) => ({ ...T, visible: !0 }))
       ) : s(
-        De.UPDATE_COLUMNS,
+        ke.UPDATE_COLUMNS,
         e.columns.map((T) => ({ ...T, visible: (T == null ? void 0 : T.mandatory) === !0 }))
       );
-    }, U = (f) => {
-      const T = e.columns.map((P) => ({
-        ...P,
-        frozen: f.field === P.field ? !!(f != null && f.frozen) : !!(P != null && P.frozen)
+    }, M = (f) => {
+      const T = e.columns.map((B) => ({
+        ...B,
+        frozen: f.field === B.field ? !!(f != null && f.frozen) : !!(B != null && B.frozen)
       }));
-      s(De.UPDATE_COLUMNS, T);
+      s(ke.UPDATE_COLUMNS, T);
     }, m = (f) => {
       n.value = f, v.value = d.value;
     };
@@ -1661,7 +1661,7 @@ const fs = /* @__PURE__ */ fe(us, [["render", cs], ["__scopeId", "data-v-0769d04
       popoverId: c,
       isConfigSettingsPanelOpen: n,
       allColumnsVisbilityToggleState: v,
-      filteredColumnVisibilityColumns: D,
+      filteredColumnVisibilityColumns: $,
       searchTerm: _,
       isColumnVisibilityFilterShown: N,
       searchBarRef: l,
@@ -1669,15 +1669,15 @@ const fs = /* @__PURE__ */ fe(us, [["render", cs], ["__scopeId", "data-v-0769d04
       DATAGRID_ACTIONS_COLUMN_FIELD_NAME: ye,
       // Methods
       setConfigSettingsPanelVisibility: m,
-      emitCondensedToggle: (f) => s(De.UPDATE_CONDENSED, f),
+      emitCondensedToggle: (f) => s(ke.UPDATE_CONDENSED, f),
       toggleAllColumnVisibility: p,
       clearAction: E,
       toggleColumnFilter: A,
-      emitVisibleColumns: $,
-      emitFrozenColumns: U,
+      emitVisibleColumns: k,
+      emitFrozenColumns: M,
       onClickOutside: () => m(!1),
       isColumnVisibilityToggleDisabled: O,
-      emitZebraRowsToggle: (f) => s(De.UPDATE_ZEBRA_ROWS, f),
+      emitZebraRowsToggle: (f) => s(ke.UPDATE_ZEBRA_ROWS, f),
       // Translations
       t: i
     };
@@ -1693,7 +1693,7 @@ const fs = /* @__PURE__ */ fe(us, [["render", cs], ["__scopeId", "data-v-0769d04
   class: "b-data-grid-config-settings__column-visibility-show-all"
 }, ps = { class: "b-data-grid-config-settings__column-visibility-toggles" };
 function Rs(e, s, i, t, c, l) {
-  const n = Oe("bento-settings-icon"), v = Oe("bento-toggle-button"), g = Oe("bento-typography"), _ = Oe("bento-cross-icon"), b = Oe("bento-button"), N = Oe("bento-toggle"), D = Oe("bento-search-icon"), E = Oe("bento-search-bar"), d = Oe("bento-data-grid-config-settings-config-row"), A = Oe("bento-popover"), O = bn("bento-click-outside-directive");
+  const n = Oe("bento-settings-icon"), v = Oe("bento-toggle-button"), g = Oe("bento-typography"), _ = Oe("bento-cross-icon"), b = Oe("bento-button"), N = Oe("bento-toggle"), $ = Oe("bento-search-icon"), E = Oe("bento-search-bar"), d = Oe("bento-data-grid-config-settings-config-row"), A = Oe("bento-popover"), O = bn("bento-click-outside-directive");
   return Lt((u(), L("div", vs, [
     R("div", ms, [
       R("div", hs, [
@@ -1702,7 +1702,7 @@ function Rs(e, s, i, t, c, l) {
           variant: "tertiary",
           condensed: "",
           toggled: e.isConfigSettingsPanelOpen,
-          onClick: s[0] || (s[0] = ($) => e.setConfigSettingsPanelVisibility(!e.isConfigSettingsPanelOpen))
+          onClick: s[0] || (s[0] = (k) => e.setConfigSettingsPanelVisibility(!e.isConfigSettingsPanelOpen))
         }, {
           iconLeft: V(() => [
             X(n, {
@@ -1735,7 +1735,7 @@ function Rs(e, s, i, t, c, l) {
           }),
           X(b, {
             variant: "tertiary",
-            onClick: s[1] || (s[1] = ($) => e.setConfigSettingsPanelVisibility(!1))
+            onClick: s[1] || (s[1] = (k) => e.setConfigSettingsPanelVisibility(!1))
           }, {
             iconLeft: V(() => [
               X(_, {
@@ -1814,7 +1814,7 @@ function Rs(e, s, i, t, c, l) {
               onClick: e.toggleColumnFilter
             }, {
               iconLeft: V(() => [
-                X(D)
+                X($)
               ]),
               default: V(() => [
                 he(ee(e.t("search")), 1)
@@ -1827,7 +1827,7 @@ function Rs(e, s, i, t, c, l) {
               ref: "searchBarRef",
               value: e.searchTerm,
               "input-field-aria-label": e.t("columnVisibilitySearchFilter").toString(),
-              onInput: s[2] || (s[2] = ($) => e.searchTerm = $),
+              onInput: s[2] || (s[2] = (k) => e.searchTerm = k),
               onClear: e.clearAction,
               onEscapePressed: e.toggleColumnFilter
             }, null, 8, ["value", "input-field-aria-label", "onClear", "onEscapePressed"])
@@ -1844,13 +1844,13 @@ function Rs(e, s, i, t, c, l) {
             }, 8, ["value", "onInput"])
           ])),
           R("div", ps, [
-            (u(!0), L(be, null, Ae(e.filteredColumnVisibilityColumns, ($) => (u(), L("div", {
-              key: $.field
+            (u(!0), L(be, null, Ae(e.filteredColumnVisibilityColumns, (k) => (u(), L("div", {
+              key: k.field
             }, [
-              $.field !== e.DATAGRID_ACTIONS_COLUMN_FIELD_NAME ? (u(), G(d, {
+              k.field !== e.DATAGRID_ACTIONS_COLUMN_FIELD_NAME ? (u(), G(d, {
                 key: 0,
-                column: $,
-                "is-column-visibility-toggle-disabled": e.isColumnVisibilityToggleDisabled($),
+                column: k,
+                "is-column-visibility-toggle-disabled": e.isColumnVisibilityToggleDisabled(k),
                 onVisibleColumn: e.emitVisibleColumns,
                 onUpdatedColumn: e.emitFrozenColumns
               }, null, 8, ["column", "is-column-visibility-toggle-disabled", "onVisibleColumn", "onUpdatedColumn"])) : W("", !0)
@@ -1897,7 +1897,7 @@ const As = /* @__PURE__ */ fe(gs, [["render", Rs], ["__scopeId", "data-v-01dda33
   }
 }, Ts = { class: "b-data-grid-lazy-load" }, Os = {
   i18n: { messages: vt }
-}, Ns = /* @__PURE__ */ ze({
+}, Ns = /* @__PURE__ */ Pe({
   ...Os,
   __name: "data-grid-lazy-load",
   props: {
@@ -1975,7 +1975,7 @@ const rl = /* @__PURE__ */ fe(Ds, [["render", ks]]), Ll = {
 }, Us = { class: "b-data-grid-cell-actions" }, Ms = {
   i18n: { messages: Ll },
   name: "data-grid-cell-actions"
-}, zs = /* @__PURE__ */ ze({
+}, zs = /* @__PURE__ */ Pe({
   ...Ms,
   props: {
     /**
@@ -2045,7 +2045,7 @@ const rl = /* @__PURE__ */ fe(Ds, [["render", ks]]), Ll = {
   },
   emits: ["menu-open", "menu-close", "menu-item-click"],
   setup(e, { emit: s }) {
-    const { t: i } = Ve({ messages: Ll }), t = e, c = s, l = Me(gt, S(!1)), n = (m) => {
+    const { t: i } = Ve({ messages: Ll }), t = e, c = s, l = Fe(gt, S(!1)), n = (m) => {
       if ("text" in m && m.text !== void 0)
         return m.text;
       switch (m.variant) {
@@ -2082,12 +2082,12 @@ const rl = /* @__PURE__ */ fe(Ds, [["render", ks]]), Ll = {
       "b-data-grid-cell-actions__actions--highlighted": t.isHighlighted,
       "b-data-grid-cell-actions__actions--selected": t.isSelected
     })), N = C(() => !g.value || g.value && t.hasRightOverflow);
-    function D(m) {
+    function $(m) {
       return typeof m == "function";
     }
     const E = C(() => {
-      var M;
-      const m = D(t.cellActions) ? (M = t.cellActions) == null ? void 0 : M.call(t, t.rowDataItem, t.columnKey) : t.cellActions;
+      var z;
+      const m = $(t.cellActions) ? (z = t.cellActions) == null ? void 0 : z.call(t, t.rowDataItem, t.columnKey) : t.cellActions;
       if (l.value && !g.value && m) {
         const h = [];
         return m.forEach((a) => {
@@ -2105,15 +2105,15 @@ const rl = /* @__PURE__ */ fe(Ds, [["render", ks]]), Ll = {
             variant: "more",
             isShort: !0,
             iconLeft: Ht,
-            menuData: $(h)
+            menuData: k(h)
           }
         ];
       }
       return !l.value && (m == null ? void 0 : m.length) > 2 && vl(
         "WARNING: BentoDataGrid Cell actions can only have a maximum of 2 actions, if you need more consider using the menuData property instead."
       ), m == null ? void 0 : m.slice(0, 2);
-    }), d = C(() => (m, M) => {
-      if (!(!M && m.isShort || M && !m.isShort))
+    }), d = C(() => (m, z) => {
+      if (!(!z && m.isShort || z && !m.isShort))
         switch (m.variant) {
           case "copy":
             return i("copy");
@@ -2127,22 +2127,22 @@ const rl = /* @__PURE__ */ fe(Ds, [["render", ks]]), Ll = {
             return m.title;
         }
     }), A = (m) => (m == null ? void 0 : m.event) !== void 0 ? {
-      click: (M) => {
-        M.stopPropagation(), m.event(t.rowDataItem, t.columnKey);
+      click: (z) => {
+        z.stopPropagation(), m.event(t.rowDataItem, t.columnKey);
       }
     } : {}, O = (m) => ({
       ...m,
       handler: () => {
         m != null && m.handler && typeof m.handler == "function" && (m == null || m.handler()), m != null && m.event && typeof m.event == "function" && (m == null || m.event(t.rowDataItem, t.columnKey));
       }
-    }), $ = (m) => m.map((M) => {
-      const h = M;
-      return h != null && h.items && (h.items = $(h.items)), { ...O(h) };
+    }), k = (m) => m.map((z) => {
+      const h = z;
+      return h != null && h.items && (h.items = k(h.items)), { ...O(h) };
     }), p = (m) => {
-      var M, h;
-      return (m == null ? void 0 : m.getCopyData) !== void 0 ? m.getCopyData(t.rowDataItem, t.columnKey) : t.columnKey ? (h = (M = t.rowDataItem) == null ? void 0 : M[t.columnKey]) == null ? void 0 : h.toString() : "";
-    }, U = (m) => m.iconLeft || (m == null ? void 0 : m.variant) === "more";
-    return (m, M) => (u(), G(fl, {
+      var z, h;
+      return (m == null ? void 0 : m.getCopyData) !== void 0 ? m.getCopyData(t.rowDataItem, t.columnKey) : t.columnKey ? (h = (z = t.rowDataItem) == null ? void 0 : z[t.columnKey]) == null ? void 0 : h.toString() : "";
+    }, M = (m) => m.iconLeft || (m == null ? void 0 : m.variant) === "more";
+    return (m, z) => (u(), G(fl, {
       name: "b-data-grid-cell-actions__animation",
       appear: ""
     }, {
@@ -2162,7 +2162,7 @@ const rl = /* @__PURE__ */ fe(Ds, [["render", ks]]), Ll = {
             }, [
               h.menuData ? (u(), G(o(wt), {
                 key: 0,
-                data: $(h.menuData),
+                data: k(h.menuData),
                 button: {
                   condensed: !0,
                   variant: "secondary",
@@ -2170,11 +2170,11 @@ const rl = /* @__PURE__ */ fe(Ds, [["render", ks]]), Ll = {
                 },
                 "disable-arrow-down-opening-menu": e.disableArrowDownOpeningMenu,
                 teleport: e.teleportMenu,
-                onOpen: M[0] || (M[0] = (f) => c("menu-open")),
-                onClose: M[1] || (M[1] = (f) => c("menu-close")),
-                onMenuItemClick: M[2] || (M[2] = (f) => c("menu-item-click"))
+                onOpen: z[0] || (z[0] = (f) => c("menu-open")),
+                onClose: z[1] || (z[1] = (f) => c("menu-close")),
+                onMenuItemClick: z[2] || (z[2] = (f) => c("menu-item-click"))
               }, Ke({ _: 2 }, [
-                U(h) ? {
+                M(h) ? {
                   name: "iconLeft",
                   fn: V(() => [
                     (h == null ? void 0 : h.variant) === "more" ? (u(), G(o(Ht), {
@@ -2268,7 +2268,7 @@ const dl = () => {
 }, Ws = {
   i18n: { messages: Rl },
   name: "data-grid-cell"
-}, Hs = /* @__PURE__ */ ze({
+}, Hs = /* @__PURE__ */ Pe({
   ...Ws,
   props: {
     draggingEventsForRowCell: {
@@ -2410,9 +2410,9 @@ const dl = () => {
       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(e, { expose: s, emit: i }) {
-    const t = pt(), c = Rt(t), { t: l } = Ve({ messages: Rl }), n = e, v = i, g = S(null), _ = S(null), b = S(!1), N = S([]), D = S(!1), E = S(), d = S(!1), A = C(() => {
+    const t = pt(), c = Rt(t), { t: l } = Ve({ messages: Rl }), n = e, v = i, g = S(null), _ = S(null), b = S(!1), N = S([]), $ = S(!1), E = S(), d = S(!1), A = C(() => {
       var y;
       return !!((y = n.rowData) != null && y[n.column.field]);
     }), O = C(
@@ -2420,40 +2420,45 @@ const dl = () => {
         var y;
         return n.column.field === ye && ((y = n.nestedRowsElementIds) == null ? void 0 : y.length) > 0 ? n.nestedRowsElementIds.join(" ") : void 0;
       }
-    ), $ = C(
+    ), k = C(
       () => n.column.field === ye && !n.selectable && !n.nestedContent
-    ), p = C(() => !$.value && (a(n.rowIndex, n.colIndex, n.columnSetIndex) === 0 && !d.value || D.value) ? "0" : (n.column.field === ye, "-1")), U = (y, J) => (y == null ? void 0 : y.overflow) === Et.ELLIPSIS ? `${J}` : void 0, m = (y) => y ?? "-", M = (y) => n.columnSets.slice(0, y).reduce((J, { columnSet: K }) => J + K.length, 0), h = (y, J) => y + M(J), a = (y, J, K) => M() * y + h(J, K), f = (y) => {
+    ), p = C(() => !k.value && (a(n.rowIndex, n.colIndex, n.columnSetIndex) === 0 && !d.value || $.value) ? "0" : (n.column.field === ye, "-1")), M = (y, J) => (y == null ? void 0 : y.overflow) === Et.ELLIPSIS ? `${J}` : void 0, m = (y) => y ?? "-", z = (y) => n.columnSets.slice(0, y).reduce((J, { columnSet: Y }) => J + Y.length, 0), h = (y, J) => y + z(J), a = (y, J, Y) => z() * y + h(J, Y), f = (y) => {
       var J;
-      (y === null || !g.value.contains(y) && !((J = N.value) != null && J.map((K) => K.value).some((K) => K === y || (K == null ? void 0 : K.contains(y))))) && (b.value = !1);
+      (y === null || !g.value.contains(y) && !((J = N.value) != null && J.map((Y) => Y.value).some((Y) => Y === y || (Y == null ? void 0 : Y.contains(y))))) && (b.value = !1);
     }, T = () => {
       b.value = !1;
-    }, P = S(!1), x = (y) => {
+    }, B = S(!1), x = (y) => {
       const J = {
         ...n.draggingEventsForRowCell(y),
         // Focus on the first interactive child in the grid cell if one exists
         focus: async () => {
           if (!dl())
             return;
-          D.value = !0, d.value = !0, wl(E.value), await _e(), Ot(g.value) && (P.value = !0);
+          $.value = !0, d.value = !0, v("cell-focus", {
+            rowData: n.rowData,
+            column: n.column,
+            rowIndex: n.rowIndex,
+            colIndex: h(n.colIndex, n.columnSetIndex)
+          }), wl(E.value), await _e(), Ot(g.value) && (B.value = !0);
         },
         focusout: () => {
-          dl() && (P.value = !1);
+          dl() && (B.value = !1);
         },
         keydown: (Q) => {
-          Q.key !== Ne.TAB && (P.value = !1, D.value = !1, Ze(g.value));
+          Q.key !== Ne.TAB && (B.value = !1, $.value = !1, Ze(g.value));
         }
-      }, K = { ...J };
-      return y.frozen && (K.keyup = (Q) => v("on-frozen-columns-key-press", Q), K.keydown = (Q) => {
+      }, Y = { ...J };
+      return y.frozen && (Y.keyup = (Q) => v("on-frozen-columns-key-press", Q), Y.keydown = (Q) => {
         J.keydown(Q), v("on-frozen-columns-key-press", Q);
-      }), y.cellActions && (K.mouseenter = () => {
+      }), y.cellActions && (Y.mouseenter = () => {
         b.value = !0;
-      }, K.mouseleave = (Q) => {
+      }, Y.mouseleave = (Q) => {
         f(Q == null ? void 0 : Q.relatedTarget);
-      }, K.focus = async (Q) => {
+      }, Y.focus = async (Q) => {
         J.focus(Q), await _e(), b.value = !0;
-      }, K.focusout = (Q) => {
+      }, Y.focusout = (Q) => {
         J.focusout(Q), f(Q == null ? void 0 : Q.relatedTarget);
-      }), K;
+      }), Y;
     };
     Ye(() => {
       E.value = Ze(g.value);
@@ -2474,43 +2479,43 @@ const dl = () => {
         g.value.contains(y == null ? void 0 : y.relatedTarget) || (b.value = !1);
       }
     });
-    const ge = Me(yl, S(!1)), de = Me(
+    const ge = Fe(yl, S(!1)), ue = Fe(
       tt,
       C(() => !1)
-    ), ne = Me(gt, S(!1)), q = (y) => {
-      var J, K, Q, Be, Te, Fe, r;
+    ), ne = Fe(gt, S(!1)), q = (y) => {
+      var J, Y, Q, We, Te, Be, r;
       return {
         [`b-data-grid-cell--${me.COLUMN_HOVERED}`]: (y == null ? void 0 : y.field) === n.hoveredOverColumnState.hoveredOverColumnField,
         [`b-data-grid-cell--${me.COLUMN_HOVERED_NO_BORDER_LEFT}`]: (y == null ? void 0 : y.field) === n.hoveredOverColumnState.hoveredOverColumnField && n.hoveredOverColumnState.noBorderLeft,
         [`b-data-grid-cell--${me.COLUMN_HOVERED_NO_BORDER_RIGHT}`]: (y == null ? void 0 : y.field) === n.hoveredOverColumnState.hoveredOverColumnField && n.hoveredOverColumnState.noBorderRight,
         [`b-data-grid-cell--${me.PADDING_LEFT_UNSET}`]: ((J = y == null ? void 0 : y.padding) == null ? void 0 : J.left) === !1,
-        [`b-data-grid-cell--${me.PADDING_RIGHT_UNSET}`]: ((K = y == null ? void 0 : y.padding) == null ? void 0 : K.right) === !1,
+        [`b-data-grid-cell--${me.PADDING_RIGHT_UNSET}`]: ((Y = y == null ? void 0 : y.padding) == null ? void 0 : Y.right) === !1,
         [`b-data-grid-cell--${me.NUMERIC}`]: y == null ? void 0 : y.numeric,
         [`b-data-grid-cell--${me.CONDENSED}`]: n.condensed,
         [`b-data-grid-cell--${me.OVERFLOW_ELLIPSIS}`]: (y == null ? void 0 : y.overflow) === Et.ELLIPSIS,
         [`b-data-grid-cell--${me.IS_COLUMN_REORDERING}`]: ((Q = n.draggingColumns.dragging) == null ? void 0 : Q.field) === y.field,
-        [`b-data-grid-cell--${me.IS_COLUMN_REORDERING_TARGET_LEFT}`]: ((Be = n.draggingColumns.target) == null ? void 0 : Be.field) === y.field && ((Te = n.draggingColumns) == null ? void 0 : Te.dragToLeft),
-        [`b-data-grid-cell--${me.IS_COLUMN_REORDERING_TARGET_RIGHT}`]: ((Fe = n.draggingColumns.target) == null ? void 0 : Fe.field) === y.field && !((r = n.draggingColumns) != null && r.dragToLeft),
+        [`b-data-grid-cell--${me.IS_COLUMN_REORDERING_TARGET_LEFT}`]: ((We = n.draggingColumns.target) == null ? void 0 : We.field) === y.field && ((Te = n.draggingColumns) == null ? void 0 : Te.dragToLeft),
+        [`b-data-grid-cell--${me.IS_COLUMN_REORDERING_TARGET_RIGHT}`]: ((Be = n.draggingColumns.target) == null ? void 0 : Be.field) === y.field && !((r = n.draggingColumns) != null && r.dragToLeft),
         [`b-data-grid-cell--${me.FROZEN}`]: y == null ? void 0 : y.frozen,
         [`b-data-grid-cell--${me.NESTED_CONTENT_ENABLED}`]: n.nestedContent,
         [`b-data-grid-cell--${me.ACTION_COL_NESTED_CONTENT_ENABLED}`]: n.nestedContent && !n.selectable && y.field === ye,
         [`b-data-grid-cell--${me.ACTION_COL_NESTED_CONTENT_AND_SELECTION_ENABLED}`]: n.nestedContent && n.selectable && y.field === ye,
         [`b-data-grid-cell--${me.ACTION_COL_SELECTION_ENABLED}`]: y.field === ye && n.selectable,
         [`b-data-grid-cell--${me.SLASHED_ZERO}`]: ge.value,
-        "b-data-grid-cell--small-container": de.value
+        "b-data-grid-cell--small-container": ue.value
       };
     }, pe = C(() => ({
-      "b-data-grid-cell__cell-content--is-focused-on-inside-interactive-element": P.value
+      "b-data-grid-cell__cell-content--is-focused-on-inside-interactive-element": B.value
     }));
     return s({
       gridcellRef: g
     }), (y, J) => {
-      var K;
+      var Y;
       return u(), L("div", ie({
         key: `cell-${e.column.field}`,
         ref_key: "gridcellRef",
         ref: g,
-        "aria-hidden": $.value,
+        "aria-hidden": k.value,
         "data-testid": `cell-${e.column.field}`,
         "data-cellindex": a(e.rowIndex, e.colIndex, e.columnSetIndex),
         class: ["b-data-grid-cell", q(e.column)],
@@ -2530,7 +2535,7 @@ const dl = () => {
             indeterminate: e.selectionIsIndeterminate,
             "model-value": e.selectedItems,
             value: e.getDataItemId(e.rowData),
-            tabindex: D.value ? 0 : -1,
+            tabindex: $.value ? 0 : -1,
             "onUpdate:modelValue": J[0] || (J[0] = (Q) => y.$emit("select-row", Q))
           }, null, 8, ["aria-label", "disabled", "indeterminate", "model-value", "value", "tabindex"])) : W("", !0),
           e.nestedContent ? (u(), G(o(Tt), {
@@ -2563,18 +2568,18 @@ const dl = () => {
             "data-testid": "cell-content"
           }, {
             default: V(() => [
-              Ue(y.$slots, `item-${e.column.field}`, {
+              ze(y.$slots, `item-${e.column.field}`, {
                 item: e.rowData,
                 rowIndex: e.rowIndex
               }, () => [
                 R("span", {
-                  title: U(e.column, e.rowData[e.column.field])
+                  title: M(e.column, e.rowData[e.column.field])
                 }, ee(m(e.rowData[e.column.field])), 9, Ps)
               ], !0)
             ]),
             _: 3
           }, 8, ["class"]),
-          ((K = e.column.cellActions) == null ? void 0 : K.length) > 0 ? (u(), L("div", Bs, [
+          ((Y = e.column.cellActions) == null ? void 0 : Y.length) > 0 ? (u(), L("div", Bs, [
             (b.value || o(ne)) && (A.value || o(c)(`item-${e.column.field}`)) ? (u(), G(pl, {
               key: 0,
               ref_key: "cellActionsRef",
@@ -2593,7 +2598,7 @@ const dl = () => {
       ], 16, Fs);
     };
   }
-}), Gs = /* @__PURE__ */ fe(Hs, [["__scopeId", "data-v-e359b8ef"]]), Vs = {
+}), Gs = /* @__PURE__ */ fe(Hs, [["__scopeId", "data-v-51166457"]]), Vs = {
   class: "b-data-grid-row-container",
   role: "presentation"
 }, xs = ["id", "aria-selected"], Zs = ["data-testid"], js = ["aria-colindex", "data-cellindex"], qs = {
@@ -2604,7 +2609,7 @@ const dl = () => {
   class: "b-data-grid-row-container__row-nested-rows-loading-container"
 }, Ys = { key: 1 }, Js = {
   name: "data-grid-row"
-}, Xs = /* @__PURE__ */ ze({
+}, Xs = /* @__PURE__ */ Pe({
   ...Js,
   props: {
     /**
@@ -2811,36 +2816,36 @@ const dl = () => {
       default: (e) => !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(e, { expose: s, emit: i }) {
-    const t = pt(), c = Rt(t), l = e, n = i, v = S({}), g = S(!1), _ = S(), b = S(), N = ct("nested-content-slot"), D = S(!1), E = S();
+    const t = pt(), c = Rt(t), l = e, n = i, v = S({}), g = S(!1), _ = S(), b = S(), N = ct("nested-content-slot"), $ = S(!1), E = S();
     Ye(() => {
       b.value && (E.value = Ze(b.value));
     });
     const d = C(() => l.shouldShowNestedRows(l.rowData)), A = C(
       () => {
-        var w, z;
-        return !l.isNestedRow && l.hasNestedRows && d.value && ((z = (w = l.rowData) == null ? void 0 : w.children) == null ? void 0 : z.length) > 0;
+        var w, I;
+        return !l.isNestedRow && l.hasNestedRows && d.value && ((I = (w = l.rowData) == null ? void 0 : w.children) == null ? void 0 : I.length) > 0;
       }
     ), O = C(
       () => {
-        var w, z;
-        return !l.isNestedRow && l.hasNestedRows && d.value && (((w = l.rowData) == null ? void 0 : w.children) === void 0 || ((z = l == null ? void 0 : l.rowData) == null ? void 0 : z.children.length) === 0);
+        var w, I;
+        return !l.isNestedRow && l.hasNestedRows && d.value && (((w = l.rowData) == null ? void 0 : w.children) === void 0 || ((I = l == null ? void 0 : l.rowData) == null ? void 0 : I.children.length) === 0);
       }
-    ), $ = C(
+    ), k = C(
       () => l.hasNestedContent && l.shouldShowNestedContent(l.rowData) || l.hasNestedRows && d.value && !l.isNestedRow
     ), p = C(() => {
       if (l.hasNestedContent || l.hasNestedRows) {
         const w = g.value.toString();
         return {
-          "aria-expanded": $.value ? w : void 0,
+          "aria-expanded": k.value ? w : void 0,
           "aria-level": l.isNestedRow ? "2" : "1",
           "aria-posinset": l.rowIndex + 1,
           "aria-setsize": l.rowSetSize
         };
       }
       return { "aria-rowindex": l.rowIndex + 1 };
-    }), U = C(() => {
+    }), M = C(() => {
       if (O.value)
         return {
           "aria-busy": "true",
@@ -2856,71 +2861,71 @@ const dl = () => {
           tabindex: "-1"
         };
     }), m = C(() => {
-      var w, z;
-      return A.value ? (z = (w = l.rowData) == null ? void 0 : w.children) == null ? void 0 : z.reduce((te, oe, se) => (te[se] = ct("nested-row"), te), {}) : [];
-    }), M = C(() => {
+      var w, I;
+      return A.value ? (I = (w = l.rowData) == null ? void 0 : w.children) == null ? void 0 : I.reduce((te, oe, se) => (te[se] = ct("nested-row"), te), {}) : [];
+    }), z = C(() => {
       var w;
       if (g.value) {
         if (l.hasNestedContent && l.shouldShowNestedContent(l.rowData))
           return [N];
         if (A.value && ((w = Object.keys(m.value)) == null ? void 0 : w.length) > 0) {
-          const z = Object.values(m.value);
-          if ((z == null ? void 0 : z.length) > 0)
-            return z;
+          const I = Object.values(m.value);
+          if ((I == null ? void 0 : I.length) > 0)
+            return I;
         }
         return [];
       }
     }), h = C(() => {
-      var z, te;
-      const w = (te = (z = l.rowData) == null ? void 0 : z.children) == null ? void 0 : te.map((oe) => l.getDataItemId(oe));
+      var I, te;
+      const w = (te = (I = l.rowData) == null ? void 0 : I.children) == null ? void 0 : te.map((oe) => l.getDataItemId(oe));
       if ((w == null ? void 0 : w.length) > 0) {
-        const oe = w.every((ue) => {
-          var Y;
-          return (Y = l == null ? void 0 : l.selectedItems) == null ? void 0 : Y.includes(ue);
-        }), se = w.some((ue) => {
-          var Y;
-          return (Y = l == null ? void 0 : l.selectedItems) == null ? void 0 : Y.includes(ue);
+        const oe = w.every((re) => {
+          var K;
+          return (K = l == null ? void 0 : l.selectedItems) == null ? void 0 : K.includes(re);
+        }), se = w.some((re) => {
+          var K;
+          return (K = l == null ? void 0 : l.selectedItems) == null ? void 0 : K.includes(re);
         });
         return !oe && se;
       }
       return !1;
-    }), a = (w, z) => {
+    }), a = (w, I) => {
       const te = w;
-      w !== null && (te != null && te.gridcellRef) && (v.value[z] = te.gridcellRef);
+      w !== null && (te != null && te.gridcellRef) && (v.value[I] = te.gridcellRef);
     }, f = (w) => m.value[w], T = (w) => {
       if (!l.selectable)
         return null;
-      const z = l.getDataItemId(w);
-      return l.selectedItems.includes(z).toString();
-    }, P = (w) => {
+      const I = l.getDataItemId(w);
+      return l.selectedItems.includes(I).toString();
+    }, B = (w) => {
       var oe;
       if (!l.allowRowClicks)
         return;
-      let z = !1;
+      let I = !1;
       const te = ["button", "input", "a"];
       for (let se = 0; se < te.length; se++)
         if ((oe = w == null ? void 0 : w.target) != null && oe.closest(te[se])) {
-          z = !0;
+          I = !0;
           break;
         }
-      z || n("row-click", l.rowData, w);
+      I || n("row-click", l.rowData, w);
     }, x = (w) => {
       n("select-row", w, l.rowData);
-    }, Z = (w, z) => {
-      n("select-nested-row", z, l.rowData, w);
+    }, Z = (w, I) => {
+      n("select-nested-row", I, l.rowData, w);
     }, le = () => {
-      D.value = !0;
+      $.value = !0;
     }, we = () => {
-      D.value = !1;
+      $.value = !1;
     }, ge = () => {
       var w;
       wl([(w = E.value) == null ? void 0 : w[0]]), Ot(b.value);
-    }, de = () => {
+    }, ue = () => {
       Ze(b.value);
     }, ne = (w) => {
-      var z, te;
-      w.key !== Ne.TAB && Ze(b.value), w.key === Ne.ARROW_RIGHT && ((z = E.value) == null ? void 0 : z.length) > 1 && E.value[0].node === document.activeElement ? (Ze(b.value), E.value[1].node.setAttribute("tabindex", "0"), E.value[1].node.focus(), w.stopPropagation(), w.preventDefault()) : w.key === Ne.ARROW_LEFT && ((te = E.value) == null ? void 0 : te.length) > 1 && E.value[1].node === document.activeElement && (Ze(b.value), E.value[0].node.setAttribute("tabindex", "0"), E.value[0].node.focus(), w.stopPropagation(), w.preventDefault());
-    }, q = () => l.columnSets.reduce((w, { columnSet: z }) => w + z.length, 0), pe = () => q() * l.rowIndex + q(), { updateContentHeight: y, contentHeight: J } = Zn(_, g), K = C(() => {
+      var I, te;
+      w.key !== Ne.TAB && Ze(b.value), w.key === Ne.ARROW_RIGHT && ((I = E.value) == null ? void 0 : I.length) > 1 && E.value[0].node === document.activeElement ? (Ze(b.value), E.value[1].node.setAttribute("tabindex", "0"), E.value[1].node.focus(), w.stopPropagation(), w.preventDefault()) : w.key === Ne.ARROW_LEFT && ((te = E.value) == null ? void 0 : te.length) > 1 && E.value[1].node === document.activeElement && (Ze(b.value), E.value[0].node.setAttribute("tabindex", "0"), E.value[0].node.focus(), w.stopPropagation(), w.preventDefault());
+    }, q = () => l.columnSets.reduce((w, { columnSet: I }) => w + I.length, 0), pe = () => q() * l.rowIndex + q(), { updateContentHeight: y, contentHeight: J } = Zn(_, g), Y = C(() => {
       var w;
       if (l.hasNestedContent || l.hasNestedRows)
         return {
@@ -2945,41 +2950,41 @@ const dl = () => {
         var w;
         return (w = l.rowData) == null ? void 0 : w.children;
       },
-      (w, z) => {
+      (w, I) => {
         var te, oe;
-        ((oe = (te = l == null ? void 0 : l.rowData) == null ? void 0 : te.children) == null ? void 0 : oe.length) > 0 && z === void 0 && !g.value && y();
+        ((oe = (te = l == null ? void 0 : l.rowData) == null ? void 0 : te.children) == null ? void 0 : oe.length) > 0 && I === void 0 && !g.value && y();
       }
     );
-    const Be = Me(
+    const We = Fe(
       tt,
       C(() => !1)
-    ), Te = (w) => l.highlightedRows.includes(l.getDataItemId(w)), Fe = (w) => l.selectedItems.includes(l.getDataItemId(w)), r = (w, z) => ({
+    ), Te = (w) => l.highlightedRows.includes(l.getDataItemId(w)), Be = (w) => l.selectedItems.includes(l.getDataItemId(w)), r = (w, I) => ({
       "b-data-grid-row-container__row--disabled": l.isDataItemDisabled(w),
       "b-data-grid-row-container__row--row-clicks-enabled": l.allowRowClicks,
       "b-data-grid-row-container__row--highlighted": Te(w),
-      "b-data-grid-row-container__row--selected": Fe(w),
-      "b-data-grid-row-container__row--hovered": l.hoveredRowIndex === z,
+      "b-data-grid-row-container__row--selected": Be(w),
+      "b-data-grid-row-container__row--hovered": l.hoveredRowIndex === I,
       "b-data-grid-row-container__row--is-last-child": l.isRowLastChild && !g.value,
       "b-data-grid-row-container__row--nested-row": l.isNestedRow,
       "b-data-grid-row-container__row--zebra": l.isRowEven
-    }), H = (w, z) => ({
-      "b-data-grid-row-container__row-cell-set--frozen": w && !z,
-      [`b-data-grid-row-container__row-cell-set--${$e.OVERFLOW_SHADOW_LEFT}`]: !z && w && l.hasLeftOverflow,
-      "b-data-grid-row-container__row-cell-set--frozen-separator": !z && w && l.showFrozenColumnsSeparator,
-      "b-data-grid-row-container__row-cell-set--unfrozen": !w || z,
+    }), H = (w, I) => ({
+      "b-data-grid-row-container__row-cell-set--frozen": w && !I,
+      [`b-data-grid-row-container__row-cell-set--${Ue.OVERFLOW_SHADOW_LEFT}`]: !I && w && l.hasLeftOverflow,
+      "b-data-grid-row-container__row-cell-set--frozen-separator": !I && w && l.showFrozenColumnsSeparator,
+      "b-data-grid-row-container__row-cell-set--unfrozen": !w || I,
       "b-data-grid-row-container__row-cell-set--is-measuring": l.isMeasuringColumnWidths
-    }), k = C(() => ({
+    }), U = C(() => ({
       "b-data-grid-row-container__row-nested-slot--is-last-child": l.isRowLastChild,
       "b-data-grid-row-container__row-nested-slot": !A.value && l.shouldShowNestedContent(l.rowData)
     })), Ce = C(() => ({
-      "b-data-grid-row-container__row-actions-container--row-actions-menu-open": D.value
+      "b-data-grid-row-container__row-actions-container--row-actions-menu-open": $.value
     })), ve = C(() => ({
       minWidth: `${l.rowActionsMaximumWidth}px`
     }));
     return s({
       gridcellRefs: v,
       rowActionsRef: b
-    }), (w, z) => {
+    }), (w, I) => {
       var te;
       return u(), L("div", Vs, [
         (u(), L("div", ie(p.value, {
@@ -2988,25 +2993,25 @@ const dl = () => {
           class: ["b-data-grid-row-container__row", r(e.rowData, e.rowIndex)],
           role: "row",
           "aria-selected": T(e.rowData),
-          onClick: P,
+          onClick: B,
           onKeyup: [
-            Ft(P, ["enter"]),
-            Ft(P, ["space"])
+            Ft(B, ["enter"]),
+            Ft(B, ["space"])
           ]
         }), [
-          (u(!0), L(be, null, Ae(e.columnSets, ({ columnSet: oe, id: se, isFrozenColumns: ue }, Y) => (u(), L(be, null, [
+          (u(!0), L(be, null, Ae(e.columnSets, ({ columnSet: oe, id: se, isFrozenColumns: re }, K) => (u(), L(be, null, [
             oe != null && oe.length ? (u(), L("div", {
               key: `data-grid-rows-${se}`,
-              class: ce(["b-data-grid-row-container__cells", H(ue, o(Be))]),
+              class: ce(["b-data-grid-row-container__cells", H(re, o(We))]),
               "data-testid": `data-grid-${se}-rows`
             }, [
-              (u(!0), L(be, null, Ae(oe, (We, mt) => (u(), G(Gs, {
-                key: `cell-${We.field}`,
+              (u(!0), L(be, null, Ae(oe, (He, mt) => (u(), G(Gs, {
+                key: `cell-${He.field}`,
                 ref_for: !0,
-                ref: (He) => a(He, We.field),
+                ref: (De) => a(De, He.field),
                 class: "b-data-grid-row-container__cell",
-                column: We,
-                "column-set-index": Y,
+                column: He,
+                "column-set-index": K,
                 "col-index": mt,
                 "column-sets": e.columnSets,
                 condensed: e.condensed,
@@ -3015,44 +3020,45 @@ const dl = () => {
                 "get-data-item-id": e.getDataItemId,
                 "has-zebra-background": e.isRowEven,
                 "is-highlighted": Te(e.rowData),
-                "is-selected": Fe(e.rowData),
+                "is-selected": Be(e.rowData),
                 "hovered-over-column-state": e.hoveredOverColumnState,
                 "is-data-item-disabled": e.isDataItemDisabled,
                 "is-measuring-column-widths": e.isMeasuringColumnWidths,
                 "is-nested-content-expanded": g.value,
-                "nested-content": $.value,
-                "nested-rows-element-ids": M.value,
+                "nested-content": k.value,
+                "nested-rows-element-ids": z.value,
                 "row-data": e.rowData,
                 "row-index": e.rowIndex,
                 "selection-is-indeterminate": h.value,
                 selectable: e.selectable,
                 "selected-items": e.selectedItems,
-                onCellHovered: z[0] || (z[0] = (He) => n("cell-hovered", He)),
-                onOnFrozenColumnsKeyPress: z[1] || (z[1] = (He) => n("on-frozen-columns-key-press", He)),
+                onCellHovered: I[0] || (I[0] = (De) => n("cell-hovered", De)),
+                onCellFocus: I[1] || (I[1] = (De) => n("cell-focus", De)),
+                onOnFrozenColumnsKeyPress: I[2] || (I[2] = (De) => n("on-frozen-columns-key-press", De)),
                 onSelectRow: x,
                 onNestedContentToggled: Q
               }, Ke({ _: 2 }, [
-                Ae(o(t), (He, Je) => ({
+                Ae(o(t), (De, Je) => ({
                   name: Je,
                   fn: V((lt) => [
-                    Ue(w.$slots, Je, ie({ ref_for: !0 }, lt), void 0, !0)
+                    ze(w.$slots, Je, ie({ ref_for: !0 }, lt), void 0, !0)
                   ])
                 }))
               ]), 1032, ["column", "column-set-index", "col-index", "column-sets", "condensed", "dragging-columns", "dragging-events-for-row-cell", "get-data-item-id", "has-zebra-background", "is-highlighted", "is-selected", "hovered-over-column-state", "is-data-item-disabled", "is-measuring-column-widths", "is-nested-content-expanded", "nested-content", "nested-rows-element-ids", "row-data", "row-index", "selection-is-indeterminate", "selectable", "selected-items"]))), 128))
             ], 10, Zs)) : W("", !0),
-            !ue && e.rowActions ? (u(), L("div", {
+            !re && e.rowActions ? (u(), L("div", {
               key: `data-grid-row-actions-${se}`,
               ref_for: !0,
               ref_key: "rowActionsRef",
               ref: b,
               "aria-colindex": q().toString(),
               class: ce(["b-data-grid-row-container__row-actions-container", Ce.value]),
-              style: ke(ve.value),
+              style: Me(ve.value),
               "data-cellindex": pe(),
               tabindex: "-1",
               role: "gridcell",
               onFocus: ge,
-              "on:focusOut": de,
+              "on:focusOut": ue,
               onKeydown: ne
             }, [
               X(pl, {
@@ -3075,9 +3081,9 @@ const dl = () => {
           default: V(() => [
             g.value && A.value ? (u(), L("div", {
               key: 0,
-              class: ce(k.value),
+              class: ce(U.value),
               "data-testid": "nested-content-container",
-              style: ke(K.value),
+              style: Me(Y.value),
               role: "presentation"
             }, [
               R("div", {
@@ -3094,23 +3100,24 @@ const dl = () => {
                   "row-index": se,
                   "row-set-size": e.rowData.children.length,
                   "is-nested-row": "",
-                  onCellHovered: z[2] || (z[2] = (ue) => n("cell-hovered", ue)),
-                  onRowClick: z[3] || (z[3] = (ue) => n("row-click", ...ue)),
-                  onOnFrozenColumnsKeyPress: z[4] || (z[4] = (ue) => n("on-frozen-columns-key-press", ue)),
-                  onSelectRow: (ue) => Z(oe, ue)
+                  onCellHovered: I[3] || (I[3] = (re) => n("cell-hovered", re)),
+                  onCellFocus: I[4] || (I[4] = (re) => n("cell-focus", re)),
+                  onRowClick: I[5] || (I[5] = (re) => n("row-click", ...re)),
+                  onOnFrozenColumnsKeyPress: I[6] || (I[6] = (re) => n("on-frozen-columns-key-press", re)),
+                  onSelectRow: (re) => Z(oe, re)
                 }), Ke({ _: 2 }, [
-                  Ae(o(t), (ue, Y) => ({
-                    name: Y,
-                    fn: V((We) => [
-                      Ue(w.$slots, Y, ie({ ref_for: !0 }, We), void 0, !0)
+                  Ae(o(t), (re, K) => ({
+                    name: K,
+                    fn: V((He) => [
+                      ze(w.$slots, K, ie({ ref_for: !0 }, He), void 0, !0)
                     ])
                   }))
                 ]), 1040, ["id", "row-data", "row-index", "row-set-size", "onSelectRow"]))), 128))
               ], 512)
-            ], 6)) : g.value ? (u(), L("div", ie({ key: 1 }, U.value, {
-              class: k.value,
+            ], 6)) : g.value ? (u(), L("div", ie({ key: 1 }, M.value, {
+              class: U.value,
               "data-testid": "nested-content-container",
-              style: K.value,
+              style: Y.value,
               role: "row",
               tabindex: "-1"
             }), [
@@ -3122,7 +3129,7 @@ const dl = () => {
                 O.value ? (u(), L("div", Ks, [
                   X(o(ut))
                 ])) : o(c)("nested-slot") && e.shouldShowNestedContent(e.rowData) ? (u(), L("div", Ys, [
-                  Ue(w.$slots, "nested-slot", { item: e.rowData }, void 0, !0)
+                  ze(w.$slots, "nested-slot", { item: e.rowData }, void 0, !0)
                 ])) : W("", !0)
               ], 512)
             ], 16)) : W("", !0)
@@ -3132,7 +3139,7 @@ const dl = () => {
       ]);
     };
   }
-}), Al = /* @__PURE__ */ fe(Xs, [["__scopeId", "data-v-218e3ce3"]]);
+}), Al = /* @__PURE__ */ fe(Xs, [["__scopeId", "data-v-df666f73"]]);
 let ul = 0;
 const Qs = {
   beforeCreate() {
@@ -3169,7 +3176,7 @@ function na(e, s, i, t, c, l) {
     ])
   ], 16);
 }
-const oa = /* @__PURE__ */ fe(Qs, [["render", na]]), sa = ["aria-label"], aa = {}, ia = /* @__PURE__ */ ze({
+const oa = /* @__PURE__ */ fe(Qs, [["render", na]]), sa = ["aria-label"], aa = {}, ia = /* @__PURE__ */ Pe({
   ...aa,
   __name: "data-grid-static-icon",
   props: {
@@ -3230,7 +3237,7 @@ const oa = /* @__PURE__ */ fe(Qs, [["render", na]]), sa = ["aria-label"], aa = {
   }
 }, ra = { class: "b-data-grid-summary-cell" }, da = { class: "b-data-grid-summary-cell__list" }, ua = {
   i18n: { messages: Tl }
-}, ca = /* @__PURE__ */ ze({
+}, ca = /* @__PURE__ */ Pe({
   ...ua,
   __name: "data-grid-summary-cell",
   props: {
@@ -3317,7 +3324,7 @@ const oa = /* @__PURE__ */ fe(Qs, [["render", na]]), sa = ["aria-label"], aa = {
 }, Ea = {
   i18n: { messages: vt },
   name: "bento-data-grid"
-}, Sa = /* @__PURE__ */ ze({
+}, Sa = /* @__PURE__ */ Pe({
   ...Ea,
   props: {
     /**
@@ -3411,10 +3418,10 @@ const oa = /* @__PURE__ */ fe(Qs, [["render", na]]), sa = ["aria-label"], aa = {
     /**
      * 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: {
@@ -3651,32 +3658,33 @@ const oa = /* @__PURE__ */ fe(Qs, [["render", na]]), sa = ["aria-label"], aa = {
     F.SELECT_ALL_ACROSS_PAGES,
     F.SELECT_ALL_CURRENT_RESULTS,
     F.DESELECT_ALL_CURRENT_RESULTS,
-    F.SORT
+    F.SORT,
+    F.CELL_FOCUS
   ],
   setup(e, { expose: s, emit: i }) {
-    const t = e, c = pt(), l = Rt(c), n = S(null), v = S(), g = S({}), _ = S(ct("data-grid")), b = S(null), N = S(null), D = S(), E = S(null), d = S(null), A = S(null), {
+    const t = e, c = pt(), l = Rt(c), n = S(null), v = S(), g = S({}), _ = S(ct("data-grid")), b = S(null), N = S(null), $ = S(), E = S(null), d = S(null), A = S(null), {
       allowColumnDragAndDrop: O,
-      columns: $,
+      columns: k,
       columnPanel: p,
-      data: U,
+      data: M,
       lazyLoadType: m,
-      loading: M,
+      loading: z,
       hasNestedContent: h,
       hasNestedRows: a,
       selectable: f,
       selection: T,
-      selectableAcrossPages: P,
+      selectableAcrossPages: B,
       stickyPagination: x,
       outline: Z,
       pagination: le,
       zebraRows: we
-    } = yt(t), ge = S(-1), { t: de } = Ve({ messages: vt }), ne = C(() => k.value.filter((I) => I.frozen).length), q = 550, pe = S(), { width: y } = Dn(pe), J = C(() => y.value <= q);
+    } = yt(t), ge = S(-1), { t: ue } = Ve({ messages: vt }), ne = C(() => U.value.filter((D) => D.frozen).length), q = 550, pe = S(), { width: y } = Dn(pe), J = C(() => y.value <= q);
     rt(tt, J);
-    const K = S(!1);
+    const Y = S(!1);
     Ye(() => {
-      typeof window < "u" && (K.value = "ontouchstart" in window || (navigator == null ? void 0 : navigator.maxTouchPoints) > 0);
-    }), rt(gt, K);
-    const Q = Me(
+      typeof window < "u" && (Y.value = "ontouchstart" in window || (navigator == null ? void 0 : navigator.maxTouchPoints) > 0);
+    }), rt(gt, Y);
+    const Q = Fe(
       In,
       () => ({
         additionalContentSlotRef: S(null),
@@ -3685,34 +3693,34 @@ const oa = /* @__PURE__ */ fe(Qs, [["render", na]]), sa = ["aria-label"], aa = {
         stickyTabs: S(!1),
         tabsRef: S(null)
       })
-    ), { additionalContentSlotRef: Be, isDataGridTemplate: Te, stickyTabs: Fe, tabsRef: r, stickyAdditionalContent: H } = Q(), {
-      columnDefs: k,
+    ), { additionalContentSlotRef: We, isDataGridTemplate: Te, stickyTabs: Be, tabsRef: r, stickyAdditionalContent: H } = Q(), {
+      columnDefs: U,
       onColumnWidthOverride: Ce,
       gridRowWidthStyle: ve,
       isMeasuringColumnWidths: w,
-      isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: z,
+      isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: I,
       columns: te,
       totalWidthOfAllColumns: oe,
       rowActionsMaxWidth: se
-    } = oo($, U, n, g, b, {
+    } = oo(k, M, n, g, b, {
       hasColumnPanel: p,
       hasSelectableColumn: f,
-      hasSelectableAcrossPages: P,
+      hasSelectableAcrossPages: B,
       hasNestedContent: h,
       hasNestedRows: a,
       allowColumnDragAndDrop: O,
       isDataGridTemplate: Te
-    }), ue = i, Y = (I, ...B) => {
-      (I === F.COLUMNS || I === F.UPDATE_COLUMNS) && ([te.value] = B), ue(I, ...B);
-    }, We = qt(
+    }), re = i, K = (D, ...P) => {
+      (D === F.COLUMNS || D === F.UPDATE_COLUMNS) && ([te.value] = P), re(D, ...P);
+    }, He = qt(
       r,
-      Fe,
+      Be,
       H,
-      Be
+      We
     ), mt = C(
-      () => t.stickyFilters ? `${We.value}px` : null
-    ), He = qt(N, bt(t, "stickyFilters")), Je = C(
-      () => `${He.value + We.value}px`
+      () => t.stickyFilters ? `${He.value}px` : null
+    ), De = qt(N, bt(t, "stickyFilters")), Je = C(
+      () => `${De.value + He.value}px`
     ), {
       sortedColumns: lt,
       columnSets: nt,
@@ -3722,15 +3730,15 @@ const oa = /* @__PURE__ */ fe(Qs, [["render", na]]), sa = ["aria-label"], aa = {
       onConfigSettingsColumnUpdate: Il,
       onConfigSettingsCondensedUpdate: Dl,
       onConfigSettingsZebraRowsUpdate: $l
-    } = fo(k, we, Y), { hoveredOverColumn: kl, hoveredOverColumnState: Nt } = vo(
+    } = fo(U, we, K), { hoveredOverColumn: kl, hoveredOverColumnState: Nt } = vo(
       nt,
       f,
       Z,
-      z
-    ), { draggingColumns: It, draggingEventsForColumns: Ul, draggingEventsForRowCell: Ml, onMoveColumnByOffset: zl } = co(lt, O, Y), Dt = C(
+      I
+    ), { draggingColumns: It, draggingEventsForColumns: Ul, draggingEventsForRowCell: Ml, onMoveColumnByOffset: zl } = co(lt, O, K), Dt = C(
       () => {
-        var I;
-        return ((I = t.data) == null ? void 0 : I.length) > 0 && !!t.selectableAcrossPages && !!t.pagination && t.pagination.totalCount > 0;
+        var D;
+        return ((D = t.data) == null ? void 0 : D.length) > 0 && !!t.selectableAcrossPages && !!t.pagination && t.pagination.totalCount > 0;
       }
     ), {
       onAllRowSelect: Fl,
@@ -3742,17 +3750,17 @@ const oa = /* @__PURE__ */ fe(Qs, [["render", na]]), sa = ["aria-label"], aa = {
       selectionState: Hl
     } = so(
       T,
-      Y,
-      U,
+      K,
+      M,
       t.getDataItemId,
       t.isDataItemDisabled,
       Dt,
       le
     ), Gl = C(() => {
-      var I, B, re, j;
+      var D, P, de, j;
       return {
-        filtered: ((I = D.value) == null ? void 0 : I.isClearAllVisible) || ((B = D.value) == null ? void 0 : B.isResetAllVisible) || !!t.filterSearchTerm,
-        allRowsVisible: ((re = le.value) == null ? void 0 : re.size) >= ((j = le.value) == null ? void 0 : j.totalCount)
+        filtered: ((D = $.value) == null ? void 0 : D.isClearAllVisible) || ((P = $.value) == null ? void 0 : P.isResetAllVisible) || !!t.filterSearchTerm,
+        allRowsVisible: ((de = le.value) == null ? void 0 : de.size) >= ((j = le.value) == null ? void 0 : j.totalCount)
       };
     }), { navigationInput: ot } = io(
       b,
@@ -3765,8 +3773,8 @@ const oa = /* @__PURE__ */ fe(Qs, [["render", na]]), sa = ["aria-label"], aa = {
       m,
       d,
       n,
-      M,
-      Y
+      z,
+      K
     ), {
       updateScrollPosition: st,
       updateScrollPositionOnFrozenColumnsNavigation: jl,
@@ -3788,86 +3796,86 @@ const oa = /* @__PURE__ */ fe(Qs, [["render", na]]), sa = ["aria-label"], aa = {
         isDataGridTemplate: Te
       }
     ), Kl = () => {
-      D.value.isClearAllVisible ? D.value.clearAllFilters() : D.value.isResetAllVisible && D.value.resetAllFilters();
+      $.value.isClearAllVisible ? $.value.clearAllFilters() : $.value.isResetAllVisible && $.value.resetAllFilters();
     }, Yl = C(() => {
-      var I, B;
+      var D, P;
       return {
         ...t.emptyState,
-        variant: ((I = t.emptyState) == null ? void 0 : I.variant) === "embedded" || ((B = t.emptyState) == null ? void 0 : B.variant) === "basic" ? t.emptyState.variant : "basic"
+        variant: ((D = t.emptyState) == null ? void 0 : D.variant) === "embedded" || ((P = t.emptyState) == null ? void 0 : P.variant) === "basic" ? t.emptyState.variant : "basic"
       };
     }), Jl = C(() => ({
-      [`b-data-grid--${$e.OUTLINE}`]: t.outline,
-      [`b-data-grid--${$e.SCROLL}`]: t.fitContent || je.value,
-      [`b-data-grid--${$e.STICKY_FILTERS}`]: t.filters && t.stickyFilters,
-      [`b-data-grid--${$e.OVERFLOW_SHADOW_LEFT}`]: at.value && !ne.value,
-      [`b-data-grid--${$e.OVERFLOW_SHADOW_RIGHT}`]: Ut.value && t.rowActions === void 0,
-      [`b-data-grid--${$e.NO_SPACING_TOP}`]: t.noSpacingTop,
-      [`b-data-grid--${$e.FIT_CONTENT}`]: t.fitContent,
-      [`b-data-grid--${$e.ZEBRA_ROWS}`]: ht.value,
+      [`b-data-grid--${Ue.OUTLINE}`]: t.outline,
+      [`b-data-grid--${Ue.SCROLL}`]: t.fitContent || je.value,
+      [`b-data-grid--${Ue.STICKY_FILTERS}`]: t.filters && t.stickyFilters,
+      [`b-data-grid--${Ue.OVERFLOW_SHADOW_LEFT}`]: at.value && !ne.value,
+      [`b-data-grid--${Ue.OVERFLOW_SHADOW_RIGHT}`]: Ut.value && t.rowActions === void 0,
+      [`b-data-grid--${Ue.NO_SPACING_TOP}`]: t.noSpacingTop,
+      [`b-data-grid--${Ue.FIT_CONTENT}`]: t.fitContent,
+      [`b-data-grid--${Ue.ZEBRA_ROWS}`]: ht.value,
       "b-data-grid--lazy-load": je.value
     })), Xl = C(() => ({
       "b-data-grid__body--sticky-horizontal-scrollbar": t.stickyHorizontalScrollbar
-    })), Ql = C(() => nt.value.findIndex((I) => I.columnSet.length)), Mt = C(() => !((t.selectable || t.hasNestedContent || t.hasNestedRows) && ne.value === 1) || at.value), en = C(() => ({
+    })), Ql = C(() => nt.value.findIndex((D) => D.columnSet.length)), Mt = C(() => !((t.selectable || t.hasNestedContent || t.hasNestedRows) && ne.value === 1) || at.value), en = C(() => ({
       "b-data-grid__filters--sticky": !!t.stickyFilters || Te
     })), tn = C(() => {
-      var I, B, re, j, Re, Ie;
+      var D, P, de, j, Re, $e;
       return {
-        "b-data-grid__pagination--padding-left-unset": ((re = (B = (I = t.columns) == null ? void 0 : I[0]) == null ? void 0 : B.padding) == null ? void 0 : re.left) === !1,
-        "b-data-grid__pagination--padding-right-unset": ((Ie = (Re = (j = t.columns) == null ? void 0 : j[t.columns.length - 1]) == null ? void 0 : Re.padding) == null ? void 0 : Ie.right) === !1,
+        "b-data-grid__pagination--padding-left-unset": ((de = (P = (D = t.columns) == null ? void 0 : D[0]) == null ? void 0 : P.padding) == null ? void 0 : de.left) === !1,
+        "b-data-grid__pagination--padding-right-unset": (($e = (Re = (j = t.columns) == null ? void 0 : j[t.columns.length - 1]) == null ? void 0 : Re.padding) == null ? void 0 : $e.right) === !1,
         "b-data-grid__pagination--sticky": !!t.stickyPagination || Te
       };
-    }), ln = (I) => {
-      const B = I;
-      I !== null && (B != null && B.columnHeaderRefs) && Object.entries(B == null ? void 0 : B.columnHeaderRefs).forEach(([re, j]) => {
-        g.value[re] = j;
+    }), ln = (D) => {
+      const P = D;
+      D !== null && (P != null && P.columnHeaderRefs) && Object.entries(P == null ? void 0 : P.columnHeaderRefs).forEach(([de, j]) => {
+        g.value[de] = j;
       });
-    }, nn = (I, B) => {
-      var j, Re, Ie, xe;
-      const re = I;
-      if (I !== null && re != null && re.gridcellRefs) {
-        const Pe = t.rowActions !== void 0 && (re == null ? void 0 : re.rowActionsRef);
-        Object.entries(re == null ? void 0 : re.gridcellRefs).map(([Ee, qe]) => {
+    }, nn = (D, P) => {
+      var j, Re, $e, xe;
+      const de = D;
+      if (D !== null && de != null && de.gridcellRefs) {
+        const Ie = t.rowActions !== void 0 && (de == null ? void 0 : de.rowActionsRef);
+        Object.entries(de == null ? void 0 : de.gridcellRefs).map(([Ee, qe]) => {
           var it;
-          ((it = b.value) == null ? void 0 : it[Ee]) === void 0 && (b.value = { ...b.value, [Ee]: [] }), b.value[Ee][B] = qe;
-        }), Pe && (((j = b.value) == null ? void 0 : j[Qe]) === void 0 && (b.value = { ...b.value, [Qe]: [] }), b.value[Qe][B] = (Re = re.rowActionsRef) == null ? void 0 : Re[0], se.value = Math.max(
+          ((it = b.value) == null ? void 0 : it[Ee]) === void 0 && (b.value = { ...b.value, [Ee]: [] }), b.value[Ee][P] = qe;
+        }), Ie && (((j = b.value) == null ? void 0 : j[Qe]) === void 0 && (b.value = { ...b.value, [Qe]: [] }), b.value[Qe][P] = (Re = de.rowActionsRef) == null ? void 0 : Re[0], se.value = Math.max(
           se.value,
-          ((xe = (Ie = re.rowActionsRef) == null ? void 0 : Ie[0]) == null ? void 0 : xe.offsetWidth) ?? 0
+          ((xe = ($e = de.rowActionsRef) == null ? void 0 : $e[0]) == null ? void 0 : xe.offsetWidth) ?? 0
         ));
       }
-    }, on = (I, B) => {
-      t.allowRowClicks && Y(F.ROW_CLICK, I, B);
-    }, sn = (I) => {
-      ge.value = I;
+    }, on = (D, P) => {
+      t.allowRowClicks && K(F.ROW_CLICK, D, P);
+    }, sn = (D) => {
+      ge.value = D;
     }, an = C(() => t.hasNestedContent || t.hasNestedRows ? "treegrid" : "grid"), zt = C(() => {
-      var I;
-      return ((I = Ct.value) == null ? void 0 : I.length) ?? 0;
-    }), rn = C(() => t.bulkActions && zt.value > 0), dn = (I) => Y(F.COLUMN_RESIZE, I), un = (I) => {
-      Y(F.UPDATE_SORT_BY, I), Y(F.SORT, I);
-    }, cn = (I, B) => {
-      Y(F.NAVIGATE, I), Y(F.UPDATE_PAGINATION, {
+      var D;
+      return ((D = Ct.value) == null ? void 0 : D.length) ?? 0;
+    }), rn = C(() => t.bulkActions && zt.value > 0), dn = (D) => K(F.COLUMN_RESIZE, D), un = (D) => {
+      K(F.UPDATE_SORT_BY, D), K(F.SORT, D);
+    }, cn = (D, P) => {
+      K(F.NAVIGATE, D), K(F.UPDATE_PAGINATION, {
         ...t.pagination,
-        size: B,
-        page: I
+        size: P,
+        page: D
       });
-    }, fn = (I) => {
-      Y(F.ITEMS_PAGE, I);
+    }, fn = (D) => {
+      K(F.ITEMS_PAGE, D);
     }, gn = () => {
-      Y(F.FILTER_SEARCH_CLEAR);
-    }, vn = (I) => {
-      Y(F.UPDATE_FILTER_SEARCH_TERM, I), Y(F.FILTER_SEARCH_INPUT, I);
+      K(F.FILTER_SEARCH_CLEAR);
+    }, vn = (D) => {
+      K(F.UPDATE_FILTER_SEARCH_TERM, D), K(F.FILTER_SEARCH_INPUT, D);
     };
-    return C(() => $.value.some((I) => I.mandatory)).value || vl(
+    return C(() => k.value.some((D) => D.mandatory)).value || vl(
       "WARNING: At least one BentoDataGrid column should be set as mandatory to ensure data is always displayed correctly."
-    ), Me(Nn, () => null)(t.tabTitle), rt(yl, bt(t, "slashedZero")), s({ onEmptyStateClearResetButtonClick: Kl }), (I, B) => {
-      var re;
+    ), Fe(Nn, () => null)(t.tabTitle), rt(yl, bt(t, "slashedZero")), s({ onEmptyStateClearResetButtonClick: Kl }), (D, P) => {
+      var de;
       return u(), L("div", {
         ref_key: "dataGridRef",
         ref: pe,
         class: ce(["b-data-grid", Jl.value]),
         "data-testid": "data-grid",
         "aria-live": "polite",
-        "aria-busy": o(M),
-        onCopy: B[13] || (B[13] = //@ts-ignore
+        "aria-busy": o(z),
+        onCopy: P[14] || (P[14] = //@ts-ignore
         (...j) => o(Jt) && o(Jt)(...j))
       }, [
         e.filters ? (u(), L("div", {
@@ -3875,15 +3883,15 @@ const oa = /* @__PURE__ */ fe(Qs, [["render", na]]), sa = ["aria-label"], aa = {
           ref_key: "filtersRef",
           ref: N,
           class: ce(["b-data-grid__filters", en.value]),
-          style: ke({ top: mt.value }),
+          style: Me({ top: mt.value }),
           "aria-controls": _.value,
-          "aria-label": o(de)("filterBar"),
+          "aria-label": o(ue)("filterBar"),
           role: "region"
         }, [
           e.filters ? (u(), G(o(_t), {
             key: 0,
             ref_key: "filterBarRef",
-            ref: D,
+            ref: $,
             config: e.filters,
             "container-size-layout": e.filtersContainerSizeLayout,
             "filter-values": e.filterValues,
@@ -3892,35 +3900,35 @@ const oa = /* @__PURE__ */ fe(Qs, [["render", na]]), sa = ["aria-label"], aa = {
             "search-term": e.filterSearchTerm,
             onSearchInput: vn,
             onSearchClear: gn,
-            onInput: B[0] || (B[0] = (j) => I.$emit(o(F).UPDATE_FILTERS, j)),
-            "onUpdate:filterValues": B[1] || (B[1] = (j) => I.$emit(o(F).UPDATE_FILTER_VALUES, j)),
-            "onUpdate:filterValuesObject": B[2] || (B[2] = (j) => I.$emit(o(F).UPDATE_FILTER_VALUES_OBJECT, j))
+            onInput: P[0] || (P[0] = (j) => D.$emit(o(F).UPDATE_FILTERS, j)),
+            "onUpdate:filterValues": P[1] || (P[1] = (j) => D.$emit(o(F).UPDATE_FILTER_VALUES, j)),
+            "onUpdate:filterValuesObject": P[2] || (P[2] = (j) => D.$emit(o(F).UPDATE_FILTER_VALUES_OBJECT, j))
           }, null, 8, ["config", "container-size-layout", "filter-values", "filter-values-object", "search", "search-term"])) : W("", !0)
         ], 14, ga)) : W("", !0),
-        I.$slots.header ? (u(), L("div", va, [
-          Ue(I.$slots, "header", {}, void 0, !0)
+        D.$slots.header ? (u(), L("div", va, [
+          ze(D.$slots, "header", {}, void 0, !0)
         ])) : W("", !0),
         R("div", {
           id: _.value,
           role: an.value,
-          "aria-rowcount": o(U).length,
-          "aria-colcount": o($).length,
-          "aria-label": e.emptyState ? o(de)("noResults") : null,
+          "aria-rowcount": o(M).length,
+          "aria-colcount": o(k).length,
+          "aria-label": e.emptyState ? o(ue)("noResults") : null,
           class: "b-data-grid__wrapper",
-          style: ke({ top: Je.value })
+          style: Me({ top: Je.value })
         }, [
           R("div", {
             class: "b-data-grid__column-headers",
-            style: ke({ top: Je.value })
+            style: Me({ top: Je.value })
           }, [
             R("div", {
               ref_key: "columnsRef",
               ref: v,
               role: "rowgroup",
               class: "b-data-grid__columns-row",
-              onScroll: B[7] || (B[7] = //@ts-ignore
+              onScroll: P[7] || (P[7] = //@ts-ignore
               (...j) => o(st) && o(st)(...j)),
-              onKeydown: B[8] || (B[8] = //@ts-ignore
+              onKeydown: P[8] || (P[8] = //@ts-ignore
               (...j) => o(ot) && o(ot)(...j))
             }, [
               o(p) ? (u(), L("div", ha, [
@@ -3936,12 +3944,12 @@ const oa = /* @__PURE__ */ fe(Qs, [["render", na]]), sa = ["aria-label"], aa = {
                 }, null, 8, ["columns", "condensed", "zebra-rows", "onUpdate:condensed", "onUpdate:zebraRows", "onUpdate:columns"])
               ])) : W("", !0),
               R("div", {
-                style: ke(o(ve)),
+                style: Me(o(ve)),
                 class: "b-data-grid__columns",
                 role: "row"
               }, [
-                (u(!0), L(be, null, Ae(o(nt), ({ columnSet: j, id: Re, isFrozenColumns: Ie }, xe) => {
-                  var Pe;
+                (u(!0), L(be, null, Ae(o(nt), ({ columnSet: j, id: Re, isFrozenColumns: $e }, xe) => {
+                  var Ie;
                   return u(), L(be, null, [
                     j != null && j.length ? (u(), G(o(ns), ie({
                       key: `data-grid-columns-${Re}`,
@@ -3951,7 +3959,7 @@ const oa = /* @__PURE__ */ fe(Qs, [["render", na]]), sa = ["aria-label"], aa = {
                       "has-resizable-columns": e.hasResizableColumns,
                       "sort-by": e.sortBy,
                       "all-items-selected-state": o(Wl),
-                      "is-frozen-columns": Ie,
+                      "is-frozen-columns": $e,
                       "show-frozen-columns-separator": Mt.value,
                       "dragging-columns": o(It),
                       "has-draggable-columns": o(O),
@@ -3961,7 +3969,7 @@ const oa = /* @__PURE__ */ fe(Qs, [["render", na]]), sa = ["aria-label"], aa = {
                       "hovered-over-column-state": o(Nt),
                       "is-measuring-column-widths": o(w),
                       "is-only-one-visible-column": o(Ol),
-                      selectable: ((Pe = o(U)) == null ? void 0 : Pe.length) > 0 && o(f),
+                      selectable: ((Ie = o(M)) == null ? void 0 : Ie.length) > 0 && o(f),
                       "selectable-across-pages": Dt.value,
                       "selected-items": o(Ct),
                       "visible-rows-state": Gl.value,
@@ -3969,22 +3977,22 @@ const oa = /* @__PURE__ */ fe(Qs, [["render", na]]), sa = ["aria-label"], aa = {
                       "truncate-column-headers": e.truncateColumnHeaders,
                       "row-actions-maximum-width": o(se)
                     }, ft(o(Ul)), {
-                      onColumnHover: B[3] || (B[3] = (Ee) => kl.value = Ee),
+                      onColumnHover: P[3] || (P[3] = (Ee) => kl.value = Ee),
                       onColumnMove: o(zl),
                       onColumnUpdate: o(Il),
                       onColumnResize: dn,
                       onColumnResizing: o(Ce),
                       onSelectAllRows: o(Fl),
-                      onSelectAllAcrossPages: B[4] || (B[4] = (Ee) => Y(o(F).SELECT_ALL_ACROSS_PAGES)),
-                      onSelectAllCurrentResults: B[5] || (B[5] = (Ee) => Y(o(F).SELECT_ALL_CURRENT_RESULTS)),
-                      onDeselectAllCurrentResults: B[6] || (B[6] = (Ee) => Y(o(F).DESELECT_ALL_CURRENT_RESULTS)),
+                      onSelectAllAcrossPages: P[4] || (P[4] = (Ee) => K(o(F).SELECT_ALL_ACROSS_PAGES)),
+                      onSelectAllCurrentResults: P[5] || (P[5] = (Ee) => K(o(F).SELECT_ALL_CURRENT_RESULTS)),
+                      onDeselectAllCurrentResults: P[6] || (P[6] = (Ee) => K(o(F).DESELECT_ALL_CURRENT_RESULTS)),
                       onDeselectAll: o($t),
                       onSort: un
                     }), Ke({ _: 2 }, [
                       Ae(o(c), (Ee, qe) => ({
                         name: qe,
                         fn: V((it) => [
-                          Ue(I.$slots, qe, ie({ ref_for: !0 }, it), void 0, !0)
+                          ze(D.$slots, qe, ie({ ref_for: !0 }, it), void 0, !0)
                         ])
                       }))
                     ]), 1040, ["columns", "has-resizable-columns", "sort-by", "all-items-selected-state", "is-frozen-columns", "show-frozen-columns-separator", "dragging-columns", "has-draggable-columns", "has-column-panel", "has-left-overflow", "has-first-column-panel-right-aligned", "hovered-over-column-state", "is-measuring-column-widths", "is-only-one-visible-column", "selectable", "selectable-across-pages", "selected-items", "visible-rows-state", "selection-state", "truncate-column-headers", "row-actions-maximum-width", "onColumnMove", "onColumnUpdate", "onColumnResizing", "onSelectAllRows", "onDeselectAll"])) : W("", !0)
@@ -3998,10 +4006,10 @@ const oa = /* @__PURE__ */ fe(Qs, [["render", na]]), sa = ["aria-label"], aa = {
             ref: n,
             "data-testid": "data-grid-body",
             class: ce(["b-data-grid__body", Xl.value]),
-            onScroll: B[11] || (B[11] = //@ts-ignore
+            onScroll: P[12] || (P[12] = //@ts-ignore
             (...j) => o(st) && o(st)(...j))
           }, [
-            o(M) && !o(je) ? (u(), L("div", Ca, [
+            o(z) && !o(je) ? (u(), L("div", Ca, [
               X(o(ut), {
                 class: "b-data-grid__loading-indicator",
                 large: ""
@@ -4011,31 +4019,31 @@ const oa = /* @__PURE__ */ fe(Qs, [["render", na]]), sa = ["aria-label"], aa = {
                 variant: "caption"
               }, {
                 default: V(() => [
-                  he(ee(o(de)("gettingYourData")), 1)
+                  he(ee(o(ue)("gettingYourData")), 1)
                 ]),
                 _: 1
               })
             ])) : (u(), L("div", {
               key: 1,
               role: "rowgroup",
-              onKeydown: B[10] || (B[10] = //@ts-ignore
+              onKeydown: P[11] || (P[11] = //@ts-ignore
               (...j) => o(ot) && o(ot)(...j))
             }, [
-              ((re = o(U)) == null ? void 0 : re.length) === 0 && e.emptyState ? (u(), L("div", _a, [
+              ((de = o(M)) == null ? void 0 : de.length) === 0 && e.emptyState ? (u(), L("div", _a, [
                 R("div", {
                   role: "gridcell",
-                  "aria-colspan": o($).length,
+                  "aria-colspan": o(k).length,
                   tabindex: "-1"
                 }, [
                   X(o(On), ie({ class: "b-data-grid__empty-state" }, Yl.value), null, 16)
                 ], 8, ba)
-              ])) : (u(!0), L(be, { key: 1 }, Ae(o(U), (j, Re) => {
-                var Ie, xe;
+              ])) : (u(!0), L(be, { key: 1 }, Ae(o(M), (j, Re) => {
+                var $e, xe;
                 return u(), G(o(Al), {
                   key: Re,
                   ref_for: !0,
-                  ref: (Pe) => nn(Pe, Re),
-                  style: ke(o(ve)),
+                  ref: (Ie) => nn(Ie, Re),
+                  style: Me(o(ve)),
                   "allow-row-clicks": e.allowRowClicks,
                   "column-sets": o(nt),
                   condensed: e.condensed,
@@ -4051,29 +4059,30 @@ const oa = /* @__PURE__ */ fe(Qs, [["render", na]]), sa = ["aria-label"], aa = {
                   "hovered-over-column-state": o(Nt),
                   "is-data-item-disabled": e.isDataItemDisabled,
                   "is-row-even": o(ht) ? Re % 2 !== 0 : !1,
-                  "is-row-last-child": Re + 1 === ((Ie = o(U)) == null ? void 0 : Ie.length),
+                  "is-row-last-child": Re + 1 === (($e = o(M)) == null ? void 0 : $e.length),
                   "is-measuring-column-widths": o(w),
                   "row-actions-maximum-width": o(se),
                   "row-actions": e.rowActions,
                   "row-data": j,
                   "row-index": Re,
-                  "row-set-size": (xe = o(U)) == null ? void 0 : xe.length,
+                  "row-set-size": (xe = o(M)) == null ? void 0 : xe.length,
                   "show-frozen-columns-separator": Mt.value,
                   "should-show-nested-content": e.shouldShowNestedContent,
                   "should-show-nested-rows": e.shouldShowNestedRows,
                   selectable: o(f),
                   "selected-items": o(Ct),
                   onCellHovered: sn,
-                  onNestedContentToggled: B[9] || (B[9] = (Pe) => Y(o(F).NESTED_CONTENT_TOGGLED, Pe)),
+                  onCellFocus: P[9] || (P[9] = (Ie) => K(o(F).CELL_FOCUS, Ie)),
+                  onNestedContentToggled: P[10] || (P[10] = (Ie) => K(o(F).NESTED_CONTENT_TOGGLED, Ie)),
                   onRowClick: on,
                   onOnFrozenColumnsKeyPress: o(jl),
                   onSelectRow: o(Pl),
                   onSelectNestedRow: o(Bl)
                 }, Ke({ _: 2 }, [
-                  Ae(o(c), (Pe, Ee) => ({
+                  Ae(o(c), (Ie, Ee) => ({
                     name: Ee,
                     fn: V((qe) => [
-                      Ue(I.$slots, Ee, ie({ ref_for: !0 }, qe), void 0, !0)
+                      ze(D.$slots, Ee, ie({ ref_for: !0 }, qe), void 0, !0)
                     ])
                   }))
                 ]), 1032, ["style", "allow-row-clicks", "column-sets", "condensed", "dragging-columns", "dragging-events-for-row-cell", "get-data-item-id", "has-nested-content", "has-nested-rows", "has-left-overflow", "has-right-overflow", "highlighted-rows", "hovered-row-index", "hovered-over-column-state", "is-data-item-disabled", "is-row-even", "is-row-last-child", "is-measuring-column-widths", "row-actions-maximum-width", "row-actions", "row-data", "row-index", "row-set-size", "show-frozen-columns-separator", "should-show-nested-content", "should-show-nested-rows", "selectable", "selected-items", "onOnFrozenColumnsKeyPress", "onSelectRow", "onSelectNestedRow"]);
@@ -4083,7 +4092,7 @@ const oa = /* @__PURE__ */ fe(Qs, [["render", na]]), sa = ["aria-label"], aa = {
         ], 12, ma),
         o(je) ? (u(), G(o(Is), {
           key: 2,
-          loading: o(M),
+          loading: o(z),
           "is-infinite-scroll": o(Vl),
           "onUpdate:showMore": o(Zl)
         }, null, 8, ["loading", "is-infinite-scroll", "onUpdate:showMore"])) : W("", !0),
@@ -4094,12 +4103,12 @@ const oa = /* @__PURE__ */ fe(Qs, [["render", na]]), sa = ["aria-label"], aa = {
           class: "b-data-grid__horizontal-scrollbar",
           "aria-hidden": "true",
           "data-testid": "sticky-horizontal-scrollbar",
-          style: ke(o(ql)),
-          onScroll: B[12] || (B[12] = //@ts-ignore
+          style: Me(o(ql)),
+          onScroll: P[13] || (P[13] = //@ts-ignore
           (...j) => o(kt) && o(kt)(...j))
         }, [
           R("div", {
-            style: ke({ width: `${o(oe)}px`, height: "15px" })
+            style: Me({ width: `${o(oe)}px`, height: "15px" })
           }, null, 4)
         ], 36)) : W("", !0),
         o(le) && !o(je) ? (u(), L("div", {
@@ -4110,19 +4119,19 @@ const oa = /* @__PURE__ */ fe(Qs, [["render", na]]), sa = ["aria-label"], aa = {
           class: ce(["b-data-grid__pagination", tn.value])
         }, [
           X(o(Tn), ie(o(le), {
-            "aria-label": I.$t("pagination"),
+            "aria-label": D.$t("pagination"),
             "aria-controls": _.value,
             onNavigate: cn,
             onItemsPage: fn
           }), {
             default: V(() => [
-              o(l)("pagination-slot") ? Ue(I.$slots, "pagination-slot", { key: 0 }, void 0, !0) : W("", !0)
+              o(l)("pagination-slot") ? ze(D.$slots, "pagination-slot", { key: 0 }, void 0, !0) : W("", !0)
             ]),
             _: 3
           }, 16, ["aria-label", "aria-controls"])
         ], 2)) : W("", !0),
-        I.$slots.footer ? (u(), L("div", wa, [
-          Ue(I.$slots, "footer", {}, void 0, !0)
+        D.$slots.footer ? (u(), L("div", wa, [
+          ze(D.$slots, "footer", {}, void 0, !0)
         ])) : W("", !0),
         rn.value ? (u(), G(o(An), {
           key: 6,
@@ -4134,9 +4143,9 @@ const oa = /* @__PURE__ */ fe(Qs, [["render", na]]), sa = ["aria-label"], aa = {
       ], 42, fa);
     };
   }
-}), hi = /* @__PURE__ */ fe(Sa, [["__scopeId", "data-v-de462046"]]);
+}), hi = /* @__PURE__ */ fe(Sa, [["__scopeId", "data-v-5d8dc787"]]);
 export {
-  $e as B,
+  Ue as B,
   vi as a,
   mi as b,
   Ge as c,
@@ -4145,4 +4154,4 @@ export {
   dt as f,
   Et as g
 };
-//# sourceMappingURL=data-grid.CD3Nb4pg.js.map
+//# sourceMappingURL=data-grid.O3irn4sl.js.map