@adyen/bento-vue3 1.31.0 → 1.31.1

package/dist/chunks/{data-grid.C7fgi1R1.js → data-grid.BEUdR8kC.js}

@@ -1,11 +1,11 @@
-import { ref as $, reactive as et, toRefs as tt, computed as w, watchEffect as Rn, watch as ce, onMounted as nt, nextTick as ae, onUnmounted as Dt, onBeforeUpdate as An, openBlock as r, createElementBlock as b, mergeProps as Y, toDisplayString as W, createCommentVNode as U, createElementVNode as C, defineComponent as Le, normalizeClass as ie, unref as n, Fragment as de, renderList as ve, toHandlers as Ze, createVNode as B, withCtx as G, renderSlot as ye, createBlock as k, withModifiers as Tn, resolveComponent as oe, createTextVNode as Q, withDirectives as lt, vShow as wn, toRef as Pt, resolveDirective as Nn, Transition as Mn, createSlots as Be, resolveDynamicComponent as $e, pushScopeId as Un, popScopeId as Dn, provide as Pn, useSlots as kn, inject as ut, normalizeStyle as We, normalizeProps as Xe, guardReactiveProps as Ke } from "vue";
+import { ref as $, reactive as et, toRefs as tt, computed as w, watchEffect as Rn, watch as ue, onMounted as nt, nextTick as re, onUnmounted as kt, onBeforeUpdate as An, openBlock as r, createElementBlock as b, mergeProps as X, toDisplayString as G, createCommentVNode as U, createElementVNode as C, defineComponent as Le, normalizeClass as ae, unref as n, Fragment as ce, renderList as ve, toHandlers as Ze, createVNode as B, withCtx as W, renderSlot as ye, createBlock as P, withModifiers as Tn, resolveComponent as ie, createTextVNode as Q, withDirectives as lt, vShow as wn, toRef as Dt, resolveDirective as Nn, Transition as Mn, createSlots as Be, resolveDynamicComponent as $e, pushScopeId as Un, popScopeId as kn, provide as Dn, useSlots as Pn, inject as ut, normalizeStyle as Ge, normalizeProps as Xe, guardReactiveProps as Ke } from "vue";
 import { C as Fn } from "./checkmark-circle-fill.D29b-JWj.js";
 import { W as zn } from "./warning-filled.DHw1rVWs.js";
-import { _ as x } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { C as kt } from "./cross.BlL0FyHo.js";
+import { _ as j } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import { C as Pt } from "./cross.BlL0FyHo.js";
 import { N as gt } from "./checkbox-input.CR1lHf7f.js";
-import { K as _e, B as Gn } from "./tooltip.D8i6THF3.js";
-import { d as Wn } from "./popper-container.DigB3V2j.js";
+import { K as he, B as Wn } from "./tooltip.D8i6THF3.js";
+import { d as Gn } from "./popper-container.DigB3V2j.js";
 import { B as Hn } from "./action-bar.C7PbsWC8.js";
 import { B as Vn } from "./pagination.pQeDklkD.js";
 import { B as Ft } from "./loading-indicator.BFMEf39U.js";
@@ -17,9 +17,9 @@ import { B as xn } from "./empty-state.DlKnuaPT.js";
 import { B as He } from "./filter-bar.Dw9Kl9r7.js";
 import { E as jn } from "./tabs.keys.Bc2pSKRw.js";
 import { D as qn } from "./data-grid-template.keys.2_AkxuNT.js";
-import { o as Gt } from "./resize.Bqks3WUm.js";
+import { o as Wt } from "./resize.Bqks3WUm.js";
 import { a as ft, B as Yn } from "./popover.CENPURSv.js";
-import { B as Wt } from "./button.DDi9e0jg.js";
+import { B as Gt } from "./button.DDi9e0jg.js";
 import { B as Ht } from "./toggle.DmTjGY0a.js";
 import { B as Xn } from "./search-bar.DiEgrDzT.js";
 import { u as Kn } from "./dropdown.CnuM6WO5.js";
@@ -33,9 +33,9 @@ import { B as Je, O as nl, D as ll } from "./menu.BuL47dds.js";
 import { A as sl } from "./dialog-page.CZ4ZouAB.js";
 import { l as vt } from "./events.CMzGybJJ.js";
 import { C as ol } from "./copy.CRP53v65.js";
-import { B as mt, a as _t } from "./loading-button.CokvM6FB.js";
+import { B as mt, a as ht } from "./loading-button.CokvM6FB.js";
 import "../assets/data-grid.css";
-var Qe = /* @__PURE__ */ ((e) => (e.WRAP = "wrap", e.ELLIPSIS = "ellipsis", e))(Qe || {}), he = /* @__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))(he || {}), pe = /* @__PURE__ */ ((e) => (e.ASCENDING = "asc", e.DESCENDING = "desc", e))(pe || {}), T = /* @__PURE__ */ ((e) => (e.COLUMNS = "columns", e.COLUMN_RESIZE = "column-resize", e.ITEMS_PAGE = "items-page", e.NAVIGATE = "navigate", 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_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.ROW_CLICK = "row-click", e.SELECT = "select", e.SELECT_ALL_ACROSS_PAGES = "select-all-across-pages", e.SORT = "sort", e))(T || {}), Ve = /* @__PURE__ */ ((e) => (e.ASCENDING = "ascending", e.DESCENDING = "descending", e.NONE = "none", e))(Ve || {}), Z = /* @__PURE__ */ ((e) => (e.COLUMN_RESIZE = "column-resize", e.COLUMN_RESIZING = "column-resizing", e.SORT = "sort", e.SELECT_ALL_ROWS = "select-all-rows", e.SELECT_ALL_ACROSS_PAGES = "select-all-across-pages", 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))(Z || {});
+var Qe = /* @__PURE__ */ ((e) => (e.WRAP = "wrap", e.ELLIPSIS = "ellipsis", e))(Qe || {}), _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))(_e || {}), pe = /* @__PURE__ */ ((e) => (e.ASCENDING = "asc", e.DESCENDING = "desc", e))(pe || {}), T = /* @__PURE__ */ ((e) => (e.COLUMNS = "columns", e.COLUMN_RESIZE = "column-resize", e.ITEMS_PAGE = "items-page", e.NAVIGATE = "navigate", 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_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.ROW_CLICK = "row-click", e.SELECT = "select", e.SELECT_ALL_ACROSS_PAGES = "select-all-across-pages", e.SORT = "sort", e))(T || {}), Ve = /* @__PURE__ */ ((e) => (e.ASCENDING = "ascending", e.DESCENDING = "descending", e.NONE = "none", e))(Ve || {}), x = /* @__PURE__ */ ((e) => (e.COLUMN_RESIZE = "column-resize", e.COLUMN_RESIZING = "column-resizing", e.SORT = "sort", e.SELECT_ALL_ROWS = "select-all-rows", e.SELECT_ALL_ACROSS_PAGES = "select-all-across-pages", 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))(x || {});
 const il = (e, u) => {
   const a = $(null), t = $(!1), g = $(void 0), o = e.value.reduce((L, y) => (L[y.field] = null, L), {}), f = et(o), p = tt(f);
   let v = 0, I = "";
@@ -45,10 +45,10 @@ const il = (e, u) => {
   Rn(() => g.value = O.value);
   let c = null, d = null;
   const i = (L) => {
-    const y = L.clientX - v, N = I, D = g.value[N].width + y;
-    g.value[N].width = D > O.value[N].minWidth ? D : O.value[N].minWidth, u(Z.COLUMN_RESIZING, g.value), v = L.clientX;
+    const y = L.clientX - v, N = I, k = g.value[N].width + y;
+    g.value[N].width = k > O.value[N].minWidth ? k : O.value[N].minWidth, u(x.COLUMN_RESIZING, g.value), v = L.clientX;
   }, l = () => {
-    t.value = !1, c == null || c(), d == null || d(), I && u(Z.COLUMN_RESIZE, {
+    t.value = !1, c == null || c(), d == null || d(), I && u(x.COLUMN_RESIZE, {
       field: I,
       width: g.value[I].width
     }), c = null, d = null, I = "", v = null;
@@ -61,10 +61,10 @@ const il = (e, u) => {
       I = y, v = N.clientX, c = vt(window, "mousemove", i), d = vt(window, "mouseup", l);
     }
   };
-  return ce(
+  return ue(
     () => t.value,
     (L, y) => {
-      !L && y && (u(Z.COLUMN_HOVER, a.value), a.value = null);
+      !L && y && (u(x.COLUMN_HOVER, a.value), a.value = null);
     }
   ), {
     resizeData: g,
@@ -73,7 +73,7 @@ const il = (e, u) => {
     isResizing: t,
     columnHoverEventToEmitAfterResizing: a
   };
-}, al = 100, ht = 50, be = "b-select", rl = 32, dl = 56, cl = 1, ul = 16, gl = (e, u, a) => {
+}, al = 100, _t = 50, be = "b-select", rl = 32, dl = 56, cl = 1, ul = 16, gl = (e, u, a) => {
   const t = {}, g = [], o = (p) => {
     const v = t[p];
     v && v.frozen !== !0 && (t[p].frozen = !0, g.push(p));
@@ -109,111 +109,112 @@ const il = (e, u) => {
   return u && (a += ul * 2), e != null && e.offsetWidth ? e.offsetWidth + a : 0;
 }, fl = (e, u, a, t, g, o) => {
   const f = $(e.value), p = $(u), v = $(a), I = $(t), O = $(g), c = $(!1);
-  ce(
+  ue(
     () => e.value,
-    () => {
-      var m, _;
-      if (!((m = o == null ? void 0 : o.allowColumnDragAndDrop) != null && m.value)) {
+    (m, h) => {
+      var V, q;
+      const M = (m == null ? void 0 : m.map(({ field: Y }) => Y).toString()) === (h == null ? void 0 : h.map(({ field: Y }) => Y).toString());
+      if (!((V = o == null ? void 0 : o.allowColumnDragAndDrop) != null && V.value) || !M) {
         f.value = e.value;
         return;
       }
-      f.value = ((_ = f.value) == null ? void 0 : _.length) === 0 ? e.value : e.value.sort((M, V) => {
-        const q = f.value.findIndex((ne) => ne.field === M.field), K = f.value.findIndex((ne) => ne.field === V.field);
-        return q === -1 ? 1 : K === -1 ? -1 : q - K;
+      f.value = ((q = f.value) == null ? void 0 : q.length) === 0 ? e.value : e.value.sort((Y, ge) => {
+        const le = f.value.findIndex((Z) => Z.field === Y.field), ee = f.value.findIndex((Z) => Z.field === ge.field);
+        return le === -1 ? 1 : ee === -1 ? -1 : le - ee;
       });
     }
   );
   const d = $();
   let i = null;
   const l = w(() => {
-    var fe, ue;
+    var le, ee;
     const m = [];
-    let _ = 0, M = 0;
+    let h = 0, M = 0;
     const V = {};
-    let q = f.value.filter((j) => j.visible !== !1);
-    const K = f.value.filter((j) => j.visible === !1);
-    if ((fe = o == null ? void 0 : o.hasSelectableColumn) != null && fe.value) {
-      const j = (ue = o == null ? void 0 : o.hasSelectableAcrossPages) != null && ue.value ? dl : rl;
+    let q = f.value.filter((Z) => Z.visible !== !1);
+    const Y = f.value.filter((Z) => Z.visible === !1);
+    if ((le = o == null ? void 0 : o.hasSelectableColumn) != null && le.value) {
+      const Z = (ee = o == null ? void 0 : o.hasSelectableAcrossPages) != null && ee.value ? dl : rl;
       q = [
         {
           field: be,
           label: "",
-          minWidth: j,
-          width: j,
+          minWidth: Z,
+          width: Z,
           frozen: !0,
           padding: { left: !1, right: !1 }
         },
         ...q
       ];
     }
-    q.forEach((j) => {
-      const F = { ...j };
-      let ge;
-      F.flex && F.flex > 0 ? (_ += F.flex, ge = 0, m.push(F)) : ge = Math.max(
+    q.forEach((Z) => {
+      const F = { ...Z };
+      let fe;
+      F.flex && F.flex > 0 ? (h += F.flex, fe = 0, m.push(F)) : fe = Math.max(
         (F == null ? void 0 : F.width) ?? al,
-        (F == null ? void 0 : F.minWidth) ?? ht
-      ), M += ge, F.width = ge, F.minWidth = (F == null ? void 0 : F.minWidth) ?? ht, V[F.field] = F;
+        (F == null ? void 0 : F.minWidth) ?? _t
+      ), M += fe, F.width = fe, F.minWidth = (F == null ? void 0 : F.minWidth) ?? _t, V[F.field] = F;
     });
-    const ne = Math.max(d.value - M, 0);
-    if (_ > 0 && d.value > 0) {
-      const j = gl(ne, _, m);
-      Object.keys(j).forEach((F) => {
-        V[F].width = j[F].computedWidth;
+    const ge = Math.max(d.value - M, 0);
+    if (h > 0 && d.value > 0) {
+      const Z = gl(ge, h, m);
+      Object.keys(Z).forEach((F) => {
+        V[F].width = Z[F].computedWidth;
       });
     }
-    return K.forEach((j) => {
-      const F = { ...j };
+    return Y.forEach((Z) => {
+      const F = { ...Z };
       V[F.field] = F;
     }), Object.values(V);
   }), E = $(void 0), L = (m) => {
     E.value = { ...E.value, ...m };
   }, y = async () => {
-    f.value.some((m) => m == null ? void 0 : m.autoWidth) && (c.value = !0, await ae(), await ae(), f == null || f.value.filter((m) => m == null ? void 0 : m.autoWidth).forEach(({ field: m, minWidth: _ }) => {
-      var K, ne, fe, ue;
+    f.value.some((m) => m == null ? void 0 : m.autoWidth) && (c.value = !0, await re(), await re(), f == null || f.value.filter((m) => m == null ? void 0 : m.autoWidth).forEach(({ field: m, minWidth: h }) => {
+      var Y, ge, le, ee;
       const M = Ct(
-        (K = I.value) == null ? void 0 : K[m],
-        (ne = o == null ? void 0 : o.hasColumnPanel) == null ? void 0 : ne.value
-      ), V = (ue = (fe = O.value) == null ? void 0 : fe[m]) == null ? void 0 : ue.reduce(
-        (j, F) => Math.max(j, Ct(F)),
+        (Y = I.value) == null ? void 0 : Y[m],
+        (ge = o == null ? void 0 : o.hasColumnPanel) == null ? void 0 : ge.value
+      ), V = (ee = (le = O.value) == null ? void 0 : le[m]) == null ? void 0 : ee.reduce(
+        (Z, F) => Math.max(Z, Ct(F)),
         0
       ), q = Math.max(M, V ?? 0);
-      (_ === void 0 || q > _) && L({
+      (h === void 0 || q > h) && L({
         [m]: {
           width: q
         }
       });
     }), c.value = !1);
   };
-  ce([() => f.value, () => p.value], async () => {
+  ue([() => f.value, () => p.value], async () => {
     f.value.some((m) => m == null ? void 0 : m.autoWidth) && await y();
   });
   const N = w(
     () => l.value.map((m) => {
-      var _, M;
+      var h, M;
       return {
         ...m,
         // Override column width with resized ones
-        width: ((M = (_ = E.value) == null ? void 0 : _[m.field]) == null ? void 0 : M.width) ?? m.width
+        width: ((M = (h = E.value) == null ? void 0 : h[m.field]) == null ? void 0 : M.width) ?? m.width
       };
     })
-  ), D = w(
+  ), k = w(
     () => {
       var m;
-      return (m = N.value) == null ? void 0 : m.filter(({ visible: _ }) => _ !== !1).reduce((_, M) => M.width + _, 0);
+      return (m = N.value) == null ? void 0 : m.filter(({ visible: h }) => h !== !1).reduce((h, M) => M.width + h, 0);
     }
-  ), h = w(
-    () => d.value <= D.value
+  ), _ = w(
+    () => d.value <= k.value
   ), H = w(() => ({
-    width: d.value > D.value ? "100%" : "fit-content"
+    width: d.value > k.value ? "100%" : "fit-content"
   }));
   return nt(() => {
     var m;
-    ae(() => {
+    re(() => {
       v.value && (d.value = v.value.getBoundingClientRect().width);
-      const _ = ce(
+      const h = ue(
         v,
         () => {
-          v.value && (ae(() => _()), i = Gt(v.value, ({ width: M }) => {
+          v.value && (re(() => h()), i = Wt(v.value, ({ width: M }) => {
             d.value = M;
           }));
         },
@@ -222,7 +223,7 @@ const il = (e, u) => {
     }), (m = document == null ? void 0 : document.fonts) != null && m.ready ? document.fonts.ready.then(() => {
       y();
     }) : y();
-  }), Dt(() => {
+  }), kt(() => {
     i == null || i.disconnect();
   }), An(() => {
     var m;
@@ -234,7 +235,7 @@ const il = (e, u) => {
     gridColumnWidthStyle: H,
     onColumnWidthOverride: L,
     isMeasuringColumnWidths: c,
-    isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: h,
+    isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: _,
     columns: f
   };
 }, vl = (e, u, a, t, g) => {
@@ -247,12 +248,12 @@ const il = (e, u) => {
     var i, l, E, L, y;
     if (o.value = c, ((i = a.value) == null ? void 0 : i.length) > 0 && ((l = a.value) == null ? void 0 : l.filter((N) => !g(N)).every((N) => o.value.includes(t(N))))) {
       f.allItemsSelected = !0;
-      const N = ((E = a.value) == null ? void 0 : E.length) > 0 && a.value.every((D) => o.value.includes(t(D)));
+      const N = ((E = a.value) == null ? void 0 : E.length) > 0 && a.value.every((k) => o.value.includes(t(k)));
       f.isIndeterminate = !N;
     } else
       f.allItemsSelected = !1, f.isIndeterminate = ((L = o.value) == null ? void 0 : L.length) > 0 && ((y = a.value) == null ? void 0 : y.length) > 0 && a.value.some((N) => o.value.includes(t(N)));
   }, I = (c) => {
-    ae(() => {
+    re(() => {
       var d, i, l;
       if (f.allItemsSelected = c, c) {
         o.value = (i = (d = a.value) == null ? void 0 : d.filter((L) => !g(L))) == null ? void 0 : i.map((L) => t(L));
@@ -263,17 +264,17 @@ const il = (e, u) => {
       p();
     });
   }, O = (c) => {
-    ae(() => {
+    re(() => {
       v(c), p();
     });
   };
-  return ce(
+  return ue(
     () => e.value,
     () => {
       v(e.value ?? []);
     },
     { immediate: !0 }
-  ), ce(
+  ), ue(
     () => a.value,
     () => {
       v(o.value);
@@ -290,10 +291,10 @@ const il = (e, u) => {
     field: f,
     direction: ((I = e.value.find((O) => O.field === f)) == null ? void 0 : I.direction) === pe.ASCENDING ? pe.DESCENDING : pe.ASCENDING
   }];
-  a(Z.SORT, v);
+  a(x.SORT, v);
 } });
-var J = ((e) => (e[e.ARROW_DOWN = _e.ARROW_DOWN] = "ARROW_DOWN", e[e.ARROW_UP = _e.ARROW_UP] = "ARROW_UP", e[e.ARROW_LEFT = _e.ARROW_LEFT] = "ARROW_LEFT", e[e.ARROW_RIGHT = _e.ARROW_RIGHT] = "ARROW_RIGHT", e[e.PAGE_UP = _e.PAGE_UP] = "PAGE_UP", e[e.PAGE_DOWN = _e.PAGE_DOWN] = "PAGE_DOWN", e[e.END = _e.END] = "END", e[e.HOME = _e.HOME] = "HOME", e))(J || {});
-const _l = (e, u, a) => {
+var J = ((e) => (e[e.ARROW_DOWN = he.ARROW_DOWN] = "ARROW_DOWN", e[e.ARROW_UP = he.ARROW_UP] = "ARROW_UP", e[e.ARROW_LEFT = he.ARROW_LEFT] = "ARROW_LEFT", e[e.ARROW_RIGHT = he.ARROW_RIGHT] = "ARROW_RIGHT", e[e.PAGE_UP = he.PAGE_UP] = "PAGE_UP", e[e.PAGE_DOWN = he.PAGE_DOWN] = "PAGE_DOWN", e[e.END = he.END] = "END", e[e.HOME = he.HOME] = "HOME", e))(J || {});
+const hl = (e, u, a) => {
   const t = w(() => {
     const i = u.value.filter(({ visible: l }) => l !== !1);
     return a.value ? i.length + 1 : i.length;
@@ -303,10 +304,10 @@ const _l = (e, u, a) => {
       return E > L ? 1 : L > E ? -1 : 0;
     })
   ), o = (i) => Math.floor(i / t.value), f = (i, l, E) => {
-    const L = g.value.length - 1, y = t.value - 1, N = o(i), D = i - t.value * N;
+    const L = g.value.length - 1, y = t.value - 1, N = o(i), k = i - t.value * N;
     return {
-      [J.PAGE_UP]: D,
-      [J.PAGE_DOWN]: L - y + D,
+      [J.PAGE_UP]: k,
+      [J.PAGE_DOWN]: L - y + k,
       [J.END]: E ? L : t.value * N + y,
       [J.HOME]: E ? 0 : t.value * N
     }[l];
@@ -340,14 +341,14 @@ const _l = (e, u, a) => {
       Object.values(e.value).flat(1).includes(L) && c(E) && O(L, E, l);
     }
   };
-}, hl = 90, Cl = (e, u, a, t, g) => {
+}, _l = 90, Cl = (e, u, a, t, g) => {
   const o = $(e), f = $(u), p = $(a), v = $(t), I = w(() => o.value !== "none"), O = w(() => o.value === "automatic"), c = () => {
     g(T.UPDATE_SHOW_MORE);
   };
-  return ce(
+  return ue(
     () => f.value,
     () => {
-      O.value && p.value.offsetHeight / f.value * 100 > hl && !v.value && c();
+      O.value && p.value.offsetHeight / f.value * 100 > _l && !v.value && c();
     }
   ), { isLazyLoad: I, isInfiniteScroll: O, verticalScrollPosition: f, emitLazyLoadEvent: c };
 }, pl = (e, u, a) => {
@@ -371,31 +372,31 @@ const _l = (e, u, a) => {
     var l, E;
     if (((l = o.dragging) == null ? void 0 : l.field) !== i.field) {
       const L = t.value.findIndex((m) => {
-        var _;
-        return m.field === ((_ = o.dragging) == null ? void 0 : _.field);
-      }), y = t.value.findIndex((m) => m.field === i.field), N = o.dragToLeft ? y : y + 1, D = N > L ? N - 1 : N;
-      let h = [...t.value];
-      h.splice(
-        D === -1 ? 0 : D,
+        var h;
+        return m.field === ((h = o.dragging) == null ? void 0 : h.field);
+      }), y = t.value.findIndex((m) => m.field === i.field), N = o.dragToLeft ? y : y + 1, k = N > L ? N - 1 : N;
+      let _ = [...t.value];
+      _.splice(
+        k === -1 ? 0 : k,
         0,
-        h.splice(L, 1)[0]
+        _.splice(L, 1)[0]
       );
       const H = t.value.findIndex((m) => !(m != null && m.frozen));
-      ((E = o.dragging) == null ? void 0 : E.frozen) !== i.frozen && N !== H && (h = h.map(
+      ((E = o.dragging) == null ? void 0 : E.frozen) !== i.frozen && N !== H && (_ = _.map(
         (m) => {
-          var _;
-          return ((_ = o.dragging) == null ? void 0 : _.field) === m.field ? { ...m, frozen: !!(i != null && i.frozen) } : m;
+          var h;
+          return ((h = o.dragging) == null ? void 0 : h.field) === m.field ? { ...m, frozen: !!(i != null && i.frozen) } : m;
         }
-      )), a(T.COLUMNS, h), a(T.UPDATE_COLUMNS, h);
+      )), a(T.COLUMNS, _), a(T.UPDATE_COLUMNS, _);
     }
     o.dragging = null, o.target = null;
   }, O = () => {
     o.dragging = null, o.dragToLeft = null, o.target = null;
   }, c = w(() => g.value ? {
-    [Z.COLUMN_DRAG_START]: (i, l) => p(i, l),
-    [Z.COLUMN_DRAG_ENTER]: (i, l) => v(i, l),
-    [Z.COLUMN_DROP]: (i) => I(i),
-    [Z.COLUMN_DRAG_END]: () => O()
+    [x.COLUMN_DRAG_START]: (i, l) => p(i, l),
+    [x.COLUMN_DRAG_ENTER]: (i, l) => v(i, l),
+    [x.COLUMN_DROP]: (i) => I(i),
+    [x.COLUMN_DRAG_END]: () => O()
   } : {}), d = w(() => (i) => g.value ? {
     dragenter: (l) => {
       l.preventDefault(), v(i, l);
@@ -454,17 +455,17 @@ const _l = (e, u, a) => {
     e != null && e.value && u.value && (a.value = e.value.offsetHeight);
   };
   return nt(() => {
-    ae(() => {
-      const o = ce(
+    re(() => {
+      const o = ue(
         e,
         () => {
-          e != null && e.value && (ae(() => o()), t = Gt(e.value, () => {
+          e != null && e.value && (re(() => o()), t = Wt(e.value, () => {
             g();
           }));
         },
         { immediate: !0 }
       );
-      ce(
+      ue(
         u,
         () => {
           u.value ? g() : a.value = 0;
@@ -472,19 +473,19 @@ const _l = (e, u, a) => {
         { immediate: !0 }
       );
     });
-  }), Dt(() => {
+  }), kt(() => {
     t == null || t.disconnect();
   }), a;
 }, Sl = (e, u, a) => {
   const t = $(0), g = $(!1), o = $(!1);
-  return ce(
+  return ue(
     () => t.value,
     () => {
       e.value.scrollLeft = t.value, u.value.scrollLeft = t.value, g.value = !!t.value, o.value = u.value.scrollWidth - u.value.offsetWidth > t.value;
     }
   ), nt(async () => {
     var v, I;
-    await ae(), await ae(), ((v = u.value) == null ? void 0 : v.offsetWidth) < ((I = u.value) == null ? void 0 : I.scrollWidth) && (o.value = !0);
+    await re(), await re(), ((v = u.value) == null ? void 0 : v.offsetWidth) < ((I = u.value) == null ? void 0 : I.scrollWidth) && (o.value = !0);
   }), {
     // Values
     scrollLeftPosition: t,
@@ -510,7 +511,7 @@ const _l = (e, u, a) => {
         noBorderLeft: !1,
         noBorderRight: !1
       };
-    const f = (L = (E = e.value.find((D) => D.isFrozenColumns)) == null ? void 0 : E.columnSet) == null ? void 0 : L.filter((D) => D.field !== be), p = e.value.find((D) => !(D != null && D.isFrozenColumns)), v = g.value.frozen && (f == null ? void 0 : f[0].field) === g.value.field, I = !g.value.frozen && ((y = p == null ? void 0 : p.columnSet) == null ? void 0 : y[0].field) === g.value.field, O = (u.value || a.value) && v, c = (u.value || a.value) && !f && I, d = f && I, i = (f == null ? void 0 : f.length) > 0 && g.value.frozen && (f == null ? void 0 : f[f.length - 1].field) === g.value.field, l = a.value && t.value && !g.value.frozen && ((N = p == null ? void 0 : p.columnSet) == null ? void 0 : N[p.columnSet.length - 1].field) === g.value.field;
+    const f = (L = (E = e.value.find((k) => k.isFrozenColumns)) == null ? void 0 : E.columnSet) == null ? void 0 : L.filter((k) => k.field !== be), p = e.value.find((k) => !(k != null && k.isFrozenColumns)), v = g.value.frozen && (f == null ? void 0 : f[0].field) === g.value.field, I = !g.value.frozen && ((y = p == null ? void 0 : p.columnSet) == null ? void 0 : y[0].field) === g.value.field, O = (u.value || a.value) && v, c = (u.value || a.value) && !f && I, d = f && I, i = (f == null ? void 0 : f.length) > 0 && g.value.frozen && (f == null ? void 0 : f[f.length - 1].field) === g.value.field, l = a.value && t.value && !g.value.frozen && ((N = p == null ? void 0 : p.columnSet) == null ? void 0 : N[p.columnSet.length - 1].field) === g.value.field;
     return {
       hoveredOverColumnField: g.value.field,
       isSeparatorOffset: l,
@@ -539,14 +540,14 @@ const El = {
   Tl
 ];
 function Nl(e, u, a, t, g, o) {
-  return r(), b("svg", Y({ role: "img" }, e.$attrs, {
+  return r(), b("svg", X({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (r(), b("title", yl, W(e.$attrs["svg-title"]), 1)) : U("", !0),
+    e.$attrs["svg-title"] ? (r(), b("title", yl, G(e.$attrs["svg-title"]), 1)) : U("", !0),
     C("g", {
       fill: "#00112C",
       "clip-path": "url(#uia-icons-16-arrow_up_down_sort__a" + e.uuid + ")"
@@ -558,35 +559,35 @@ function Nl(e, u, a, t, g, o) {
     ])
   ], 16);
 }
-const Ml = /* @__PURE__ */ x(El, [["render", Nl]]);
+const Ml = /* @__PURE__ */ j(El, [["render", Nl]]);
 let St = 0;
 const Ul = {
   beforeCreate() {
     this.uuid = St.toString(), St += 1;
   }
-}, Dl = { key: 0 }, Pl = /* @__PURE__ */ C("path", {
+}, kl = { key: 0 }, Dl = /* @__PURE__ */ C("path", {
   fill: "#00112C",
   d: "M12.1933 8.7454L7.93903 12.9996L8.99969 14.0603L15.0604 7.99963L8.99969 1.93896L7.93903 2.99963L12.1848 7.24541L1.24902 7.25658L1.25056 8.75658L12.1933 8.7454Z"
 }, null, -1);
-function kl(e, u, a, t, g, o) {
-  return r(), b("svg", Y({ role: "img" }, e.$attrs, {
+function Pl(e, u, a, t, g, o) {
+  return r(), b("svg", X({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (r(), b("title", Dl, W(e.$attrs["svg-title"]), 1)) : U("", !0),
-    Pl
+    e.$attrs["svg-title"] ? (r(), b("title", kl, G(e.$attrs["svg-title"]), 1)) : U("", !0),
+    Dl
   ], 16);
 }
-const Fl = /* @__PURE__ */ x(Ul, [["render", kl]]);
+const Fl = /* @__PURE__ */ j(Ul, [["render", Pl]]);
 let bt = 0;
 const zl = {
   beforeCreate() {
     this.uuid = bt.toString(), bt += 1;
   }
-}, Gl = { key: 0 }, Wl = ["clip-path"], Hl = /* @__PURE__ */ C("path", {
+}, Wl = { key: 0 }, Gl = ["clip-path"], Hl = /* @__PURE__ */ C("path", {
   fill: "#00112C",
   d: "M7.99989 14.0605L9.49989 15.5605L10.5605 14.4999L8.75 12.6893V10.9334L10.169 10.116L11.6861 10.9939L12.3501 13.4688L13.7988 13.0801L13.2488 11.0301L15.2988 10.4801L14.9101 9.03129L12.4363 9.695L10.9199 8.81745V7.18276L12.4365 6.3051L14.9101 6.96875L15.2988 5.51999L13.2488 4.96999L13.7988 2.91999L12.3501 2.53129L11.686 5.00635L10.1693 5.88407L8.75 5.06648L8.75 3.31043L10.5605 1.49989L9.49989 0.439226L7.99989 1.93923L6.49989 0.439226L5.43923 1.49989L7.25 3.31066V5.06639L5.83078 5.88392L4.31419 5.00626L3.65018 2.53129L2.20141 2.91998L2.384 3.60052L2.38063 3.60143L2.75032 4.97028L0.701408 5.51999L1.0901 6.96875L1.7708 6.78612L1.77173 6.78955L3.56437 6.30541L5.07992 7.18246L5.07992 8.81775L3.564 9.69502L1.0901 9.03129L0.701408 10.4801L2.75141 11.0301L2.20141 13.0801L3.65018 13.4687L4.31414 10.994L5.83106 10.1161L7.25 10.9335V12.6891L5.43923 14.4999L6.49989 15.5605L7.99989 14.0605ZM9.41992 7.18345V8.81644L7.99992 9.63441L6.57992 8.81644L6.57992 7.18345L7.99992 6.36548L9.41992 7.18345Z"
 }, null, -1), Vl = [
@@ -600,17 +601,17 @@ const zl = {
   Zl
 ];
 function jl(e, u, a, t, g, o) {
-  return r(), b("svg", Y({ role: "img" }, e.$attrs, {
+  return r(), b("svg", X({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (r(), b("title", Gl, W(e.$attrs["svg-title"]), 1)) : U("", !0),
+    e.$attrs["svg-title"] ? (r(), b("title", Wl, G(e.$attrs["svg-title"]), 1)) : U("", !0),
     C("g", {
       "clip-path": "url(#uia-icons-16-freeze__a" + e.uuid + ")"
-    }, Vl, 8, Wl),
+    }, Vl, 8, Gl),
     C("defs", null, [
       C("clipPath", {
         id: "uia-icons-16-freeze__a" + e.uuid
@@ -618,7 +619,7 @@ function jl(e, u, a, t, g, o) {
     ])
   ], 16);
 }
-const Zt = /* @__PURE__ */ x(zl, [["render", jl]]);
+const Zt = /* @__PURE__ */ j(zl, [["render", jl]]);
 let Et = 0;
 const ql = {
   beforeCreate() {
@@ -635,20 +636,20 @@ const ql = {
   d: "M8.96039 3.85C8.65039 3.78 8.33039 3.75 8.00039 3.75C4.75039 3.75 2.53039 6.93 1.87039 8C2.10039 8.38 2.53039 9.02 3.12039 9.69L2.06039 10.75C0.98039 9.56 0.380391 8.45 0.330391 8.35L0.150391 8L0.330391 7.65C0.331838 7.64735 0.333668 7.64397 0.33588 7.63989C0.517034 7.30578 3.25829 2.25 8.00039 2.25C8.79039 2.25 9.52039 2.39 10.1904 2.62L8.96039 3.85Z"
 }, null, -1);
 function Ql(e, u, a, t, g, o) {
-  return r(), b("svg", Y({ role: "img" }, e.$attrs, {
+  return r(), b("svg", X({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (r(), b("title", Yl, W(e.$attrs["svg-title"]), 1)) : U("", !0),
+    e.$attrs["svg-title"] ? (r(), b("title", Yl, G(e.$attrs["svg-title"]), 1)) : U("", !0),
     Xl,
     Kl,
     Jl
   ], 16);
 }
-const es = /* @__PURE__ */ x(ql, [["render", Ql]]);
+const es = /* @__PURE__ */ j(ql, [["render", Ql]]);
 let yt = 0;
 const ts = {
   beforeCreate() {
@@ -667,14 +668,14 @@ const ts = {
   cs
 ];
 function gs(e, u, a, t, g, o) {
-  return r(), b("svg", Y({ role: "img" }, e.$attrs, {
+  return r(), b("svg", X({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (r(), b("title", ns, W(e.$attrs["svg-title"]), 1)) : U("", !0),
+    e.$attrs["svg-title"] ? (r(), b("title", ns, G(e.$attrs["svg-title"]), 1)) : U("", !0),
     C("g", {
       fill: "#00112C",
       "clip-path": "url(#uia-icons-16-sort_ascending__a" + e.uuid + ")"
@@ -686,14 +687,14 @@ function gs(e, u, a, t, g, o) {
     ])
   ], 16);
 }
-const fs = /* @__PURE__ */ x(ts, [["render", gs]]);
+const fs = /* @__PURE__ */ j(ts, [["render", gs]]);
 let Ot = 0;
 const vs = {
   beforeCreate() {
     this.uuid = Ot.toString(), Ot += 1;
   }
-}, ms = { key: 0 }, _s = ["clip-path"], hs = /* @__PURE__ */ C("path", { d: "M12.75 3.25V11.1896L15.0001 8.93945L16.0608 10.0001L12.0001 14.0608L7.93945 10.0001L9.00011 8.93945L11.25 11.1893V3.25H12.75Z" }, null, -1), Cs = /* @__PURE__ */ C("path", { d: "M6.75 7.25H1.25V8.75H6.75V7.25Z" }, null, -1), ps = /* @__PURE__ */ C("path", { d: "M1.25 3.25H9.09V4.75H1.25V3.25Z" }, null, -1), Ls = /* @__PURE__ */ C("path", { d: "M6.75 11.25H1.25V12.75H6.75V11.25Z" }, null, -1), Ss = [
-  hs,
+}, ms = { key: 0 }, hs = ["clip-path"], _s = /* @__PURE__ */ C("path", { d: "M12.75 3.25V11.1896L15.0001 8.93945L16.0608 10.0001L12.0001 14.0608L7.93945 10.0001L9.00011 8.93945L11.25 11.1893V3.25H12.75Z" }, null, -1), Cs = /* @__PURE__ */ C("path", { d: "M6.75 7.25H1.25V8.75H6.75V7.25Z" }, null, -1), ps = /* @__PURE__ */ C("path", { d: "M1.25 3.25H9.09V4.75H1.25V3.25Z" }, null, -1), Ls = /* @__PURE__ */ C("path", { d: "M6.75 11.25H1.25V12.75H6.75V11.25Z" }, null, -1), Ss = [
+  _s,
   Cs,
   ps,
   Ls
@@ -705,18 +706,18 @@ const vs = {
   Es
 ];
 function Os(e, u, a, t, g, o) {
-  return r(), b("svg", Y({ role: "img" }, e.$attrs, {
+  return r(), b("svg", X({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (r(), b("title", ms, W(e.$attrs["svg-title"]), 1)) : U("", !0),
+    e.$attrs["svg-title"] ? (r(), b("title", ms, G(e.$attrs["svg-title"]), 1)) : U("", !0),
     C("g", {
       fill: "#00112C",
       "clip-path": "url(#uia-icons-16-sort_descending__a" + e.uuid + ")"
-    }, Ss, 8, _s),
+    }, Ss, 8, hs),
     C("defs", null, [
       C("clipPath", {
         id: "uia-icons-16-sort_descending__a" + e.uuid
@@ -724,7 +725,7 @@ function Os(e, u, a, t, g, o) {
     ])
   ], 16);
 }
-const Is = /* @__PURE__ */ x(vs, [["render", Os]]);
+const Is = /* @__PURE__ */ j(vs, [["render", Os]]);
 let It = 0;
 const $s = {
   beforeCreate() {
@@ -738,41 +739,41 @@ const $s = {
   d: "M7.99964 2.25C5.50387 2.25 3.57073 3.66588 2.3086 4.9806C1.6704 5.64539 1.18078 6.30745 0.850599 6.80272C0.685043 7.05106 0.558349 7.2593 0.471981 7.40748C0.428769 7.48162 0.395568 7.54087 0.372564 7.58275C0.36106 7.60369 0.352097 7.6203 0.345701 7.63227L0.338032 7.64672L0.335646 7.65126L0.334488 7.65348L0.154297 8L0.334225 8.34601L0.999638 8C0.334225 8.34601 0.334814 8.34715 0.334814 8.34715L0.335646 8.34874L0.338032 8.35328L0.345701 8.36773C0.352097 8.3797 0.36106 8.39631 0.372564 8.41725C0.395568 8.45913 0.428769 8.51838 0.471981 8.59252C0.558349 8.7407 0.685043 8.94894 0.850599 9.19728C1.18078 9.69255 1.6704 10.3546 2.3086 11.0194C3.57073 12.3341 5.50387 13.75 7.99964 13.75C10.4954 13.75 12.4285 12.3341 13.6907 11.0194C14.3289 10.3546 14.8185 9.69255 15.1487 9.19728C15.3142 8.94894 15.4409 8.7407 15.5273 8.59252C15.5705 8.51838 15.6037 8.45913 15.6267 8.41725C15.6382 8.39631 15.6472 8.3797 15.6536 8.36773L15.6612 8.35328L15.6636 8.34874L15.6648 8.34652L15.845 8L15.6651 7.65399L14.9996 8C15.6651 7.65399 15.6645 7.65285 15.6645 7.65285L15.6636 7.65126L15.6612 7.64672L15.6536 7.63227C15.6472 7.6203 15.6382 7.60369 15.6267 7.58275C15.6037 7.54087 15.5705 7.48162 15.5273 7.40748C15.4409 7.2593 15.3142 7.05106 15.1487 6.80272C14.8185 6.30745 14.3289 5.64539 13.6907 4.9806C12.4285 3.66588 10.4954 2.25 7.99964 2.25ZM14.9996 8L15.6648 8.34652C15.6648 8.34652 15.6651 8.34601 14.9996 8ZM0.999638 8L0.334488 7.65348C0.334488 7.65348 0.334225 7.65399 0.999638 8ZM2.09867 8.36522C2.00649 8.22694 1.92852 8.10363 1.86519 8C1.92852 7.89637 2.00649 7.77306 2.09867 7.63478C2.39349 7.19255 2.82887 6.60461 3.39068 6.0194C4.52855 4.83412 6.09541 3.75 7.99964 3.75C9.90387 3.75 11.4707 4.83412 12.6086 6.0194C13.1704 6.60461 13.6058 7.19255 13.9006 7.63478C13.9928 7.77306 14.0708 7.89637 14.1341 8C14.0708 8.10363 13.9928 8.22694 13.9006 8.36522C13.6058 8.80745 13.1704 9.39539 12.6086 9.9806C11.4707 11.1659 9.90387 12.25 7.99964 12.25C6.09541 12.25 4.52855 11.1659 3.39068 9.9806C2.82887 9.39539 2.39349 8.80745 2.09867 8.36522Z"
 }, null, -1);
 function ws(e, u, a, t, g, o) {
-  return r(), b("svg", Y({ role: "img" }, e.$attrs, {
+  return r(), b("svg", X({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (r(), b("title", Rs, W(e.$attrs["svg-title"]), 1)) : U("", !0),
+    e.$attrs["svg-title"] ? (r(), b("title", Rs, G(e.$attrs["svg-title"]), 1)) : U("", !0),
     As,
     Ts
   ], 16);
 }
-const Ns = /* @__PURE__ */ x($s, [["render", ws]]);
+const Ns = /* @__PURE__ */ j($s, [["render", ws]]);
 let $t = 0;
 const Ms = {
   beforeCreate() {
     this.uuid = $t.toString(), $t += 1;
   }
-}, Us = { key: 0 }, Ds = /* @__PURE__ */ C("path", {
+}, Us = { key: 0 }, ks = /* @__PURE__ */ C("path", {
   fill: "#00112C",
   d: "M8 11.25L12.5 5.25H3.5L8 11.25Z"
 }, null, -1);
-function Ps(e, u, a, t, g, o) {
-  return r(), b("svg", Y({ role: "img" }, e.$attrs, {
+function Ds(e, u, a, t, g, o) {
+  return r(), b("svg", X({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (r(), b("title", Us, W(e.$attrs["svg-title"]), 1)) : U("", !0),
-    Ds
+    e.$attrs["svg-title"] ? (r(), b("title", Us, G(e.$attrs["svg-title"]), 1)) : U("", !0),
+    ks
   ], 16);
 }
-const ks = /* @__PURE__ */ x(Ms, [["render", Ps]]), xt = {
+const Ps = /* @__PURE__ */ j(Ms, [["render", Ds]]), xt = {
   "en-US": {
     sortColumn: "Sort {name} column",
     sortColumnInAscendingOrder: "Sort {name} column in ascending order",
@@ -788,7 +789,7 @@ const ks = /* @__PURE__ */ x(Ms, [["render", Ps]]), xt = {
     unfreezeColumn: "Unfreeze column",
     columnActions: "{name} column actions"
   }
-}, Fs = ["aria-colindex", "aria-label", "aria-sort", "data-testid", "draggable", "tabindex"], zs = ["aria-label"], Gs = { class: "b-data-grid-columns__label" }, Ws = {
+}, Fs = ["aria-colindex", "aria-label", "aria-sort", "data-testid", "draggable", "tabindex"], zs = ["aria-label"], Ws = { class: "b-data-grid-columns__label" }, Gs = {
   key: 0,
   class: "b-data-grid-columns__column-info-icon"
 }, Hs = {
@@ -923,62 +924,62 @@ const ks = /* @__PURE__ */ x(Ms, [["render", Ps]]), xt = {
   },
   emits: ["column-hover"],
   setup(e, { expose: u, emit: a }) {
-    const t = e, g = 100, { t: o } = Ee({ messages: xt }), { columns: f, sortBy: p } = tt(t), v = $({}), I = $({}), O = $(), c = $(), d = (s) => a(Z.SELECT_ALL_ROWS, s), i = (s) => s.field === be, l = w(() => [
+    const t = e, g = 100, { t: o } = Ee({ messages: xt }), { columns: f, sortBy: p } = tt(t), v = $({}), I = $({}), O = $(), c = $(), d = (s) => a(x.SELECT_ALL_ROWS, s), i = (s) => s.field === be, l = w(() => [
       {
         text: o("selectPage"),
         handler: () => d(!0)
       },
       {
         text: o("selectAll"),
-        handler: () => a(Z.SELECT_ALL_ACROSS_PAGES)
+        handler: () => a(x.SELECT_ALL_ACROSS_PAGES)
       }
-    ]), { startResize: E, isResizing: L, columnHoverEventToEmitAfterResizing: y } = il(f, a), { isSorting: N, getSortingDirection: D, sortByColumnField: h } = ml(p, f, a), H = (s) => {
-      var le;
+    ]), { startResize: E, isResizing: L, columnHoverEventToEmitAfterResizing: y } = il(f, a), { isSorting: N, getSortingDirection: k, sortByColumnField: _ } = ml(p, f, a), H = (s) => {
+      var se;
       if (!s.sortable)
         return null;
-      const P = (le = t.sortBy.find(({ field: X }) => X === s.field)) == null ? void 0 : le.direction;
-      return P ? {
+      const D = (se = t.sortBy.find(({ field: K }) => K === s.field)) == null ? void 0 : se.direction;
+      return D ? {
         [pe.ASCENDING]: Ve.ASCENDING,
         [pe.DESCENDING]: Ve.DESCENDING
-      }[P] : Ve.NONE;
+      }[D] : Ve.NONE;
     }, m = w(() => (s) => t.hasDraggableColumns ? {
-      dragstart: (P) => {
-        a(Z.COLUMN_DRAG_START, s, P);
+      dragstart: (D) => {
+        a(x.COLUMN_DRAG_START, s, D);
       },
-      dragover: (P) => {
-        P.preventDefault();
+      dragover: (D) => {
+        D.preventDefault();
       },
-      dragenter: (P) => {
-        P.preventDefault(), a(Z.COLUMN_DRAG_ENTER, s, P);
+      dragenter: (D) => {
+        D.preventDefault(), a(x.COLUMN_DRAG_ENTER, s, D);
       },
       drop: () => {
-        a(Z.COLUMN_DROP, s);
+        a(x.COLUMN_DROP, s);
       },
       dragend: () => {
-        a(Z.COLUMN_DRAG_END);
+        a(x.COLUMN_DRAG_END);
       }
-    } : {}), _ = w(() => (s) => [
+    } : {}), h = w(() => (s) => [
       {
         text: o("moveColumnLeft"),
-        handler: () => a(Z.COLUMN_MOVE, s, -1),
+        handler: () => a(x.COLUMN_MOVE, s, -1),
         icon: sl,
         disabled: t.columns[0].field === s.field
       },
       {
         text: o("moveColumnRight"),
-        handler: () => a(Z.COLUMN_MOVE, s, 1),
+        handler: () => a(x.COLUMN_MOVE, s, 1),
         icon: Fl,
         disabled: t.columns[t.columns.length - 1].field === s.field
       },
       {
         text: s != null && s.frozen ? o("unfreezeColumn") : o("freezeColumn"),
-        handler: () => a(Z.COLUMN_UPDATE, { ...s, frozen: !(s != null && s.frozen) }),
+        handler: () => a(x.COLUMN_UPDATE, { ...s, frozen: !(s != null && s.frozen) }),
         icon: Zt
       },
       {
         text: (s == null ? void 0 : s.visible) !== !1 ? o("hideColumn") : o("showColumn"),
         handler: () => {
-          a(Z.COLUMN_UPDATE, {
+          a(x.COLUMN_UPDATE, {
             ...s,
             visible: (s == null ? void 0 : s.visible) === !1
           });
@@ -994,7 +995,7 @@ const ks = /* @__PURE__ */ x(Ms, [["render", Ps]]), xt = {
       }, g);
       c.value = s;
     }, q = (s) => {
-      let P = {
+      let D = {
         mouseenter: () => {
           M(s), L.value ? y.value = s : a("column-hover", s);
         },
@@ -1003,19 +1004,19 @@ const ks = /* @__PURE__ */ x(Ms, [["render", Ps]]), xt = {
         },
         focus: () => M(s)
       };
-      return i(s) || (P = {
-        ...P,
+      return i(s) || (D = {
+        ...D,
         ...m.value(s)
-      }), P;
-    }, K = (s) => s.infoIconTooltip || s.sortable || t.hasColumnPanel, ne = (s, P) => {
+      }), D;
+    }, Y = (s) => s.infoIconTooltip || s.sortable || t.hasColumnPanel, ge = (s, D) => {
       var R;
-      ((R = v.value) == null ? void 0 : R[P]) === void 0 && (v.value = { ...v.value, [P]: null }), s !== null && (v.value[P] = s);
-    }, fe = w(() => {
-      var P;
+      ((R = v.value) == null ? void 0 : R[D]) === void 0 && (v.value = { ...v.value, [D]: null }), s !== null && (v.value[D] = s);
+    }, le = w(() => {
+      var D;
       const s = {
         "b-data-grid-columns--is-measuring": t.isMeasuringColumnWidths
       };
-      return (P = f.value[0]) != null && P.frozen ? {
+      return (D = f.value[0]) != null && D.frozen ? {
         ...s,
         "b-data-grid-columns--frozen": !0,
         "b-data-grid-columns--frozen-separator": t.showFrozenColumnsSeparator,
@@ -1024,26 +1025,26 @@ const ks = /* @__PURE__ */ x(Ms, [["render", Ps]]), xt = {
         ...s,
         "b-data-grid-columns--unfrozen": !0
       };
-    }), ue = (s, P) => s && P === 0 ? ft.BOTTOM_START : ft.BOTTOM_END, j = (s, P) => {
-      var R, le, X, Ae, me, Te, we, Ne, Me, Oe;
+    }), ee = (s, D) => s && D === 0 ? ft.BOTTOM_START : ft.BOTTOM_END, Z = (s, D) => {
+      var R, se, K, Ae, me, Te, we, Ne, Me, Oe;
       return {
         "b-data-grid-columns__column--column-hovered": s.field === t.hoveredOverColumnState.hoveredOverColumnField,
         "b-data-grid-columns__column--column-hovered-no-border-left": s.field === t.hoveredOverColumnState.hoveredOverColumnField && t.hoveredOverColumnState.noBorderLeft,
         "b-data-grid-columns__column--column-hovered-no-border-right": s.field === t.hoveredOverColumnState.hoveredOverColumnField && t.hoveredOverColumnState.noBorderRight,
-        "b-data-grid-columns__column--last-frozen-frozen-column": t.isFrozenColumns && P === f.value.length - 1,
+        "b-data-grid-columns__column--last-frozen-frozen-column": t.isFrozenColumns && D === f.value.length - 1,
         "b-data-grid-columns__column--sortable": s.sortable,
         "b-data-grid-columns__column--padding-left-unset": ((R = s == null ? void 0 : s.padding) == null ? void 0 : R.left) === !1,
-        "b-data-grid-columns__column--padding-right-unset": ((le = s == null ? void 0 : s.padding) == null ? void 0 : le.right) === !1,
+        "b-data-grid-columns__column--padding-right-unset": ((se = s == null ? void 0 : s.padding) == null ? void 0 : se.right) === !1,
         "b-data-grid-columns__column--numeric": s == null ? void 0 : s.numeric,
         "b-data-grid-columns__column--frozen": s == null ? void 0 : s.frozen,
-        "b-data-grid-columns__column--is-re-ordering": (s == null ? void 0 : s.field) === ((Ae = (X = t.draggingColumns) == null ? void 0 : X.dragging) == null ? void 0 : Ae.field),
+        "b-data-grid-columns__column--is-re-ordering": (s == null ? void 0 : s.field) === ((Ae = (K = t.draggingColumns) == null ? void 0 : K.dragging) == null ? void 0 : Ae.field),
         "b-data-grid-columns__column--is-re-ordering-target-left": (s == null ? void 0 : s.field) === ((Te = (me = t.draggingColumns) == null ? void 0 : me.target) == null ? void 0 : Te.field) && ((we = t.draggingColumns) == null ? void 0 : we.dragToLeft),
         "b-data-grid-columns__column--is-re-ordering-target-right": (s == null ? void 0 : s.field) === ((Me = (Ne = t.draggingColumns) == null ? void 0 : Ne.target) == null ? void 0 : Me.field) && !((Oe = t.draggingColumns) != null && Oe.dragToLeft),
         "b-data-grid-columns__column--with-sorting-or-column-panel": s.sortable || s.infoIconTooltip || t.hasColumnPanel && O.value === s.field || t.selectableAcrossPages
       };
     }, F = (s) => ({
       "b-data-grid-columns__column-header-and-actions--numeric": s == null ? void 0 : s.numeric
-    }), ge = (s) => ({
+    }), fe = (s) => ({
       "b-data-grid-columns__column-actions--numeric": s == null ? void 0 : s.numeric
     }), qe = (s) => ({
       "b-data-grid-columns__column-separator-container--is-resizeable": t.hasResizableColumns,
@@ -1053,18 +1054,18 @@ const ks = /* @__PURE__ */ x(Ms, [["render", Ps]]), xt = {
     }));
     return u({
       columnHeaderRefs: v
-    }), (s, P) => (r(), b("div", {
-      class: ie(["b-data-grid-columns", n(fe)]),
+    }), (s, D) => (r(), b("div", {
+      class: ae(["b-data-grid-columns", n(le)]),
       "data-testid": "data-grid-columns"
     }, [
-      (r(!0), b(de, null, ve(n(f), (R, le) => (r(), b("div", Y({
+      (r(!0), b(ce, null, ve(n(f), (R, se) => (r(), b("div", X({
         key: R.field,
         ref_for: !0,
-        ref: (X) => ne(X, R.field),
-        "aria-colindex": le + 1,
+        ref: (K) => ge(K, R.field),
+        "aria-colindex": se + 1,
         "aria-label": R.label,
         "aria-sort": H(R),
-        class: [j(R, le), "b-data-grid-columns__column"],
+        class: [Z(R, se), "b-data-grid-columns__column"],
         "data-testid": `${R.field}-column-header`,
         draggable: e.hasDraggableColumns && !n(L) && !i(R),
         role: "columnheader",
@@ -1079,7 +1080,7 @@ const ks = /* @__PURE__ */ x(Ms, [["render", Ps]]), xt = {
             value: "data-grid-select-all",
             "onUpdate:modelValue": d
           }, null, 8, ["model-value", "indeterminate"]),
-          e.selectableAcrossPages ? (r(), k(n(Je), {
+          e.selectableAcrossPages ? (r(), P(n(Je), {
             key: 0,
             class: "b-data-grid-columns__select-column-menu",
             data: n(l),
@@ -1087,37 +1088,37 @@ const ks = /* @__PURE__ */ x(Ms, [["render", Ps]]), xt = {
             "menu-fixed-positioning": "",
             button: { variant: "tertiary", condensed: !0 }
           }, {
-            iconLeft: G(() => [
-              B(n(ks), {
+            iconLeft: W(() => [
+              B(n(Ps), {
                 "svg-title": n(o)("selectionMenu")
               }, null, 8, ["svg-title"])
             ]),
             _: 1
           }, 8, ["data"])) : U("", !0)
-        ])) : (r(), b(de, { key: 0 }, [
+        ])) : (r(), b(ce, { key: 0 }, [
           C("div", {
             "aria-label": n(o)("columnActions", { name: R.label }),
             "aria-live": "polite",
             role: "region",
-            class: ie(["b-data-grid-columns__column-header-and-actions", F(R)])
+            class: ae(["b-data-grid-columns__column-header-and-actions", F(R)])
           }, [
             B(n(xe), {
               el: "div",
               strongest: "",
-              class: ie(["b-data-grid-columns__column-header", n(Re)])
+              class: ae(["b-data-grid-columns__column-header", n(Re)])
             }, {
-              default: G(() => [
+              default: W(() => [
                 ye(s.$slots, `head-${R.field}`, { column: R }, () => [
-                  C("span", Gs, W(R.label), 1)
+                  C("span", Ws, G(R.label), 1)
                 ], !0)
               ]),
               _: 2
             }, 1032, ["class"]),
-            K(R) ? (r(), b("div", {
+            Y(R) ? (r(), b("div", {
               key: 0,
-              class: ie(["b-data-grid-columns__column-actions", ge(R)])
+              class: ae(["b-data-grid-columns__column-actions", fe(R)])
             }, [
-              R.infoIconTooltip ? (r(), b("div", Ws, [
+              R.infoIconTooltip ? (r(), b("div", Gs, [
                 B(n(tl), {
                   "tooltip-text": R.infoIconTooltip
                 }, null, 8, ["tooltip-text"])
@@ -1127,16 +1128,16 @@ const ks = /* @__PURE__ */ x(Ms, [["render", Ps]]), xt = {
                   condensed: "",
                   toggled: n(N)(R.field),
                   variant: "tertiary",
-                  onClick: (X) => n(h)(R.field)
+                  onClick: (K) => n(_)(R.field)
                 }, {
-                  iconLeft: G(() => [
-                    n(D)(R.field) ? n(D)(R.field) === n(pe).ASCENDING ? (r(), k(n(fs), {
+                  iconLeft: W(() => [
+                    n(k)(R.field) ? n(k)(R.field) === n(pe).ASCENDING ? (r(), P(n(fs), {
                       key: 1,
                       "svg-title": n(o)("sortColumnInDescendingOrder", { name: R.label })
-                    }, null, 8, ["svg-title"])) : n(D)(R.field) === n(pe).DESCENDING ? (r(), k(n(Is), {
+                    }, null, 8, ["svg-title"])) : n(k)(R.field) === n(pe).DESCENDING ? (r(), P(n(Is), {
                       key: 2,
                       "svg-title": n(o)("sortColumnInAscendingOrder", { name: R.label })
-                    }, null, 8, ["svg-title"])) : U("", !0) : (r(), k(n(Ml), {
+                    }, null, 8, ["svg-title"])) : U("", !0) : (r(), P(n(Ml), {
                       key: 0,
                       "svg-title": n(o)("sortColumn", { name: R.label })
                     }, null, 8, ["svg-title"]))
@@ -1144,35 +1145,35 @@ const ks = /* @__PURE__ */ x(Ms, [["render", Ps]]), xt = {
                   _: 2
                 }, 1032, ["toggled", "onClick"])
               ])) : U("", !0),
-              e.hasColumnPanel && O.value === R.field ? (r(), k(n(Je), {
+              e.hasColumnPanel && O.value === R.field ? (r(), P(n(Je), {
                 key: 2,
                 ref_for: !0,
-                ref: (X) => I.value[R.field] = X,
+                ref: (K) => I.value[R.field] = K,
                 class: "b-data-grid-columns__menu",
-                data: n(_)(R),
-                "menu-position": ue(e.hasFirstColumnPanelRightAligned, le),
+                data: n(h)(R),
+                "menu-position": ee(e.hasFirstColumnPanelRightAligned, se),
                 "menu-fixed-positioning": !0,
                 button: { variant: "tertiary", condensed: !0 },
-                onOpen: P[0] || (P[0] = (X) => s.$emit(n(Z).COLUMN_MENU_OPEN)),
-                onClose: P[1] || (P[1] = (X) => s.$emit(n(Z).COLUMN_MENU_CLOSE))
+                onOpen: D[0] || (D[0] = (K) => s.$emit(n(x).COLUMN_MENU_OPEN)),
+                onClose: D[1] || (D[1] = (K) => s.$emit(n(x).COLUMN_MENU_CLOSE))
               }, null, 8, ["data", "menu-position"])) : U("", !0)
             ], 2)) : U("", !0)
           ], 10, zs),
           C("div", {
             "data-testid": `data-grid-column-${R.field}`,
-            class: ie(["b-data-grid-columns__column-separator-container", qe(R)]),
+            class: ae(["b-data-grid-columns__column-separator-container", qe(R)]),
             role: "presentation",
-            onMousedown: (X) => n(E)(e.hasResizableColumns, R.field, X),
-            onClick: P[2] || (P[2] = Tn(() => {
+            onMousedown: (K) => n(E)(e.hasResizableColumns, R.field, K),
+            onClick: D[2] || (D[2] = Tn(() => {
             }, ["stop"]))
           }, [
-            !e.isFrozenColumns || e.isFrozenColumns && le !== n(f).length - 1 ? (r(), b("div", Bs)) : U("", !0)
+            !e.isFrozenColumns || e.isFrozenColumns && se !== n(f).length - 1 ? (r(), b("div", Bs)) : U("", !0)
           ], 42, Vs)
         ], 64))
       ], 16, Fs))), 128))
     ], 2));
   }
-}), qs = /* @__PURE__ */ x(js, [["__scopeId", "data-v-85b904ac"]]);
+}), qs = /* @__PURE__ */ j(js, [["__scopeId", "data-v-85b904ac"]]);
 var Ce = /* @__PURE__ */ ((e) => (e.CONFIG_SETTINGS = "config-settings", e.UPDATE_COLUMNS = "update:columns", e))(Ce || {});
 let Rt = 0;
 const Ys = {
@@ -1190,14 +1191,14 @@ const Ys = {
   no
 ];
 function so(e, u, a, t, g, o) {
-  return r(), b("svg", Y({ role: "img" }, e.$attrs, {
+  return r(), b("svg", X({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (r(), b("title", Xs, W(e.$attrs["svg-title"]), 1)) : U("", !0),
+    e.$attrs["svg-title"] ? (r(), b("title", Xs, G(e.$attrs["svg-title"]), 1)) : U("", !0),
     C("g", {
       fill: "#00112C",
       "clip-path": "url(#uia-icons-16-settings__a" + e.uuid + ")"
@@ -1209,7 +1210,7 @@ function so(e, u, a, t, g, o) {
     ])
   ], 16);
 }
-const oo = /* @__PURE__ */ x(Ys, [["render", so]]), At = {
+const oo = /* @__PURE__ */ j(Ys, [["render", so]]), At = {
   "en-US": {
     toggleColumnVisibility: "Toggle {label} column visibility",
     toggleColumnFreeze: "Toggle {label} column freeze"
@@ -1273,7 +1274,7 @@ const oo = /* @__PURE__ */ x(Ys, [["render", so]]), At = {
   }
 });
 function ao(e, u, a, t, g, o) {
-  const f = oe("bento-toggle"), p = oe("bento-freeze-icon");
+  const f = ie("bento-toggle"), p = ie("bento-freeze-icon");
   return r(), b("div", {
     class: "b-data-grid-config-settings-column-row",
     onMouseover: u[0] || (u[0] = (...v) => e.showFreezeIcon && e.showFreezeIcon(...v)),
@@ -1286,21 +1287,21 @@ function ao(e, u, a, t, g, o) {
       value: e.isColumnVisible,
       onInput: e.toggleColumnVisibility
     }, {
-      default: G(() => [
-        Q(W(e.column.label), 1)
+      default: W(() => [
+        Q(G(e.column.label), 1)
       ]),
       _: 1
     }, 8, ["aria-label", "disabled", "value", "onInput"]),
     lt(B(p, {
       "aria-label": e.t("toggleColumnFreeze", { label: e.column.label }),
-      class: ie(["b-data-grid-config-settings-column-row__freeze-icon", e.freezeIconConditionalClasses]),
+      class: ae(["b-data-grid-config-settings-column-row__freeze-icon", e.freezeIconConditionalClasses]),
       onClick: e.toggleColumnFreeze
     }, null, 8, ["aria-label", "class", "onClick"]), [
       [wn, e.isColumnFrozen || e.isFreezeIconOptionShown]
     ])
   ], 32);
 }
-const ro = /* @__PURE__ */ x(io, [["render", ao], ["__scopeId", "data-v-bb87a729"]]), Tt = {
+const ro = /* @__PURE__ */ j(io, [["render", ao], ["__scopeId", "data-v-bb87a729"]]), Tt = {
   "en-US": {
     closeConfigSettingsPanel: "Close configuration settings panel",
     configSettingsPanel: "Configuration settings Panel",
@@ -1320,8 +1321,8 @@ const ro = /* @__PURE__ */ x(io, [["render", ao], ["__scopeId", "data-v-bb87a729
   i18n: { messages: Tt },
   name: "bento-data-grid",
   components: {
-    BentoButton: Wt,
-    BentoCrossIcon: kt,
+    BentoButton: Gt,
+    BentoCrossIcon: Pt,
     BentoPopover: Yn,
     BentoSettingsIcon: oo,
     BentoToggleButton: Vt,
@@ -1350,40 +1351,40 @@ const ro = /* @__PURE__ */ x(io, [["render", ao], ["__scopeId", "data-v-bb87a729
   },
   emits: [Ce.CONFIG_SETTINGS, Ce.UPDATE_COLUMNS],
   setup(e, { emit: u }) {
-    const { t: a } = Ee({ messages: Tt }), t = $(null), g = Qn("data-grid-config-settings-popover"), o = $(null), f = $(!1), p = $(!0), v = $(null), I = $(""), O = Pt(e, "columns"), c = $(!1), d = Kn(I, O), i = () => {
+    const { t: a } = Ee({ messages: Tt }), t = $(null), g = Qn("data-grid-config-settings-popover"), o = $(null), f = $(!1), p = $(!0), v = $(null), I = $(""), O = Dt(e, "columns"), c = $(!1), d = Kn(I, O), i = () => {
       I.value = "";
     }, l = w(
-      () => !e.columns.some((_) => _.visible === !1 && !_.mandatory)
+      () => !e.columns.some((h) => h.visible === !1 && !h.mandatory)
     ), E = () => {
-      i(), c.value = !c.value, c.value ? ae(() => {
-        var _;
-        return (_ = o.value.$refs.bentoInputField) == null ? void 0 : _.focusInput();
-      }) : ae(() => {
-        var _, M;
-        return (M = (_ = v == null ? void 0 : v.value) == null ? void 0 : _.$el) == null ? void 0 : M.focus();
+      i(), c.value = !c.value, c.value ? re(() => {
+        var h;
+        return (h = o.value.$refs.bentoInputField) == null ? void 0 : h.focusInput();
+      }) : re(() => {
+        var h, M;
+        return (M = (h = v == null ? void 0 : v.value) == null ? void 0 : h.$el) == null ? void 0 : M.focus();
       }), p.value = l.value;
-    }, L = (_) => _.mandatory ?? !1, y = (_) => {
+    }, L = (h) => h.mandatory ?? !1, y = (h) => {
       const M = e.columns.map((V) => ({
         ...V,
-        visible: _.field === V.field ? _.visible : V.visible
+        visible: h.field === V.field ? h.visible : V.visible
       }));
       u(Ce.UPDATE_COLUMNS, M);
-    }, N = (_) => {
-      _ ? u(
+    }, N = (h) => {
+      h ? u(
         Ce.UPDATE_COLUMNS,
         e.columns.map((M) => ({ ...M, visible: !0 }))
       ) : u(
         Ce.UPDATE_COLUMNS,
         e.columns.map((M) => ({ ...M, visible: (M == null ? void 0 : M.mandatory) === !0 }))
       );
-    }, D = (_) => {
+    }, k = (h) => {
       const M = e.columns.map((V) => ({
         ...V,
-        frozen: _.field === V.field ? !!(_ != null && _.frozen) : !!(V != null && V.frozen)
+        frozen: h.field === V.field ? !!(h != null && h.frozen) : !!(V != null && V.frozen)
       }));
       u(Ce.UPDATE_COLUMNS, M);
-    }, h = (_) => {
-      f.value = _, p.value = l.value;
+    }, _ = (h) => {
+      f.value = h, p.value = l.value;
     };
     return {
       // Values
@@ -1398,14 +1399,14 @@ const ro = /* @__PURE__ */ x(io, [["render", ao], ["__scopeId", "data-v-bb87a729
       searchButtonRef: v,
       DATAGRID_SELECT_FIELD_NAME: be,
       // Methods
-      setConfigSettingsPanelVisibility: h,
-      emitCondensedToggle: (_) => u(Ce.CONFIG_SETTINGS, _),
+      setConfigSettingsPanelVisibility: _,
+      emitCondensedToggle: (h) => u(Ce.CONFIG_SETTINGS, h),
       toggleAllColumnVisibility: N,
       clearAction: i,
       toggleColumnFilter: E,
       emitVisibleColumns: y,
-      emitFrozenColumns: D,
-      onClickOutside: () => h(!1),
+      emitFrozenColumns: k,
+      onClickOutside: () => _(!1),
       isColumnVisibilityToggleDisabled: L,
       // Translations
       t: a
@@ -1414,7 +1415,7 @@ const ro = /* @__PURE__ */ x(io, [["render", ao], ["__scopeId", "data-v-bb87a729
 }), uo = { class: "b-data-grid-config-settings" }, go = { class: "b-data-grid-config-settings__button-and-separator" }, fo = {
   ref: "configSettingsButtonRef",
   class: "b-data-grid-config-settings__button-container"
-}, vo = { class: "b-data-grid-config-settings__panel-header" }, mo = { class: "b-data-grid-config-settings__condensed-view-settings" }, _o = { class: "b-data-grid-config-settings__column-visibility-settings" }, ho = { class: "b-data-grid-config-settings__column-visibility-header" }, Co = {
+}, vo = { class: "b-data-grid-config-settings__panel-header" }, mo = { class: "b-data-grid-config-settings__condensed-view-settings" }, ho = { class: "b-data-grid-config-settings__column-visibility-settings" }, _o = { class: "b-data-grid-config-settings__column-visibility-header" }, Co = {
   key: 0,
   class: "b-data-grid-config-settings__column-visibility-search"
 }, po = {
@@ -1422,7 +1423,7 @@ const ro = /* @__PURE__ */ x(io, [["render", ao], ["__scopeId", "data-v-bb87a729
   class: "b-data-grid-config-settings__column-visibility-show-all"
 }, Lo = { class: "b-data-grid-config-settings__column-visibility-toggles" };
 function So(e, u, a, t, g, o) {
-  const f = oe("bento-settings-icon"), p = oe("bento-toggle-button"), v = oe("bento-typography"), I = oe("bento-cross-icon"), O = oe("bento-button"), c = oe("bento-toggle"), d = oe("bento-search-icon"), i = oe("bento-search-bar"), l = oe("bento-data-grid-config-settings-config-row"), E = oe("bento-popover"), L = Nn("bento-click-outside-directive");
+  const f = ie("bento-settings-icon"), p = ie("bento-toggle-button"), v = ie("bento-typography"), I = ie("bento-cross-icon"), O = ie("bento-button"), c = ie("bento-toggle"), d = ie("bento-search-icon"), i = ie("bento-search-bar"), l = ie("bento-data-grid-config-settings-config-row"), E = ie("bento-popover"), L = Nn("bento-click-outside-directive");
   return lt((r(), b("div", uo, [
     C("div", go, [
       C("div", fo, [
@@ -1433,7 +1434,7 @@ function So(e, u, a, t, g, o) {
           toggled: e.isConfigSettingsPanelOpen,
           onClick: u[0] || (u[0] = (y) => e.setConfigSettingsPanelVisibility(!e.isConfigSettingsPanelOpen))
         }, {
-          iconLeft: G(() => [
+          iconLeft: W(() => [
             B(f, {
               "svg-title": e.t("toggleConfigSettingsPanelVisibility")
             }, null, 8, ["svg-title"])
@@ -1442,7 +1443,7 @@ function So(e, u, a, t, g, o) {
         }, 8, ["aria-controls", "toggled"])
       ], 512)
     ]),
-    e.configSettingsButtonRef ? (r(), k(E, {
+    e.configSettingsButtonRef ? (r(), P(E, {
       key: 0,
       id: e.popoverId,
       open: e.isConfigSettingsPanelOpen,
@@ -1451,14 +1452,14 @@ function So(e, u, a, t, g, o) {
       "target-element": e.configSettingsButtonRef,
       position: "bottom-end"
     }, {
-      default: G(() => [
+      default: W(() => [
         C("div", vo, [
           B(v, {
             el: "span",
             strongest: ""
           }, {
-            default: G(() => [
-              Q(W(e.t("displayOptions")), 1)
+            default: W(() => [
+              Q(G(e.t("displayOptions")), 1)
             ]),
             _: 1
           }),
@@ -1466,7 +1467,7 @@ function So(e, u, a, t, g, o) {
             variant: "tertiary",
             onClick: u[1] || (u[1] = (y) => e.setConfigSettingsPanelVisibility(!1))
           }, {
-            iconLeft: G(() => [
+            iconLeft: W(() => [
               B(I, {
                 "svg-title": e.t("closeConfigSettingsPanel")
               }, null, 8, ["svg-title"])
@@ -1480,8 +1481,8 @@ function So(e, u, a, t, g, o) {
             el: "span",
             stronger: ""
           }, {
-            default: G(() => [
-              Q(W(e.t("size")), 1)
+            default: W(() => [
+              Q(G(e.t("size")), 1)
             ]),
             _: 1
           }),
@@ -1491,47 +1492,47 @@ function So(e, u, a, t, g, o) {
             value: e.condensed,
             onInput: e.emitCondensedToggle
           }, {
-            default: G(() => [
-              Q(W(e.t("condensed")), 1)
+            default: W(() => [
+              Q(G(e.t("condensed")), 1)
             ]),
             _: 1
           }, 8, ["aria-label", "value", "onInput"])
         ]),
-        C("div", _o, [
-          C("div", ho, [
+        C("div", ho, [
+          C("div", _o, [
             B(v, {
               class: "b-data-grid-config-settings__column-visibility-title",
               el: "span",
               stronger: ""
             }, {
-              default: G(() => [
-                Q(W(e.t("columns")), 1)
+              default: W(() => [
+                Q(G(e.t("columns")), 1)
               ]),
               _: 1
             }),
-            e.isColumnVisibilityFilterShown ? (r(), k(O, {
+            e.isColumnVisibilityFilterShown ? (r(), P(O, {
               key: 1,
               variant: "tertiary",
               onClick: e.toggleColumnFilter
             }, {
-              iconLeft: G(() => [
+              iconLeft: W(() => [
                 B(I)
               ]),
-              default: G(() => [
-                Q(" " + W(e.t("closeSearch")), 1)
+              default: W(() => [
+                Q(" " + G(e.t("closeSearch")), 1)
               ]),
               _: 1
-            }, 8, ["onClick"])) : (r(), k(O, {
+            }, 8, ["onClick"])) : (r(), P(O, {
               key: 0,
               ref: "searchButtonRef",
               variant: "tertiary",
               onClick: e.toggleColumnFilter
             }, {
-              iconLeft: G(() => [
+              iconLeft: W(() => [
                 B(d)
               ]),
-              default: G(() => [
-                Q(W(e.t("search")), 1)
+              default: W(() => [
+                Q(G(e.t("search")), 1)
               ]),
               _: 1
             }, 8, ["onClick"]))
@@ -1551,17 +1552,17 @@ function So(e, u, a, t, g, o) {
               value: e.allColumnsVisbilityToggleState,
               onInput: e.toggleAllColumnVisibility
             }, {
-              default: G(() => [
-                Q(W(e.t("showAllColumns", { numberOfColumns: e.columns.length })), 1)
+              default: W(() => [
+                Q(G(e.t("showAllColumns", { numberOfColumns: e.columns.length })), 1)
               ]),
               _: 1
             }, 8, ["value", "onInput"])
           ])),
           C("div", Lo, [
-            (r(!0), b(de, null, ve(e.filteredColumnVisibilityColumns, (y) => (r(), b("div", {
+            (r(!0), b(ce, null, ve(e.filteredColumnVisibilityColumns, (y) => (r(), b("div", {
               key: y.field
             }, [
-              y.field !== e.DATAGRID_SELECT_FIELD_NAME ? (r(), k(l, {
+              y.field !== e.DATAGRID_SELECT_FIELD_NAME ? (r(), P(l, {
                 key: 0,
                 column: y,
                 "is-column-visibility-toggle-disabled": e.isColumnVisibilityToggleDisabled(y),
@@ -1569,13 +1570,13 @@ function So(e, u, a, t, g, o) {
                 onUpdatedColumn: e.emitFrozenColumns
               }, null, 8, ["column", "is-column-visibility-toggle-disabled", "onVisibleColumn", "onUpdatedColumn"])) : U("", !0)
             ]))), 128)),
-            e.filteredColumnVisibilityColumns.length === 0 ? (r(), k(v, {
+            e.filteredColumnVisibilityColumns.length === 0 ? (r(), P(v, {
               key: 0,
               el: "span",
               class: "b-data-grid-config-settings__column-visibility-empty-search-message"
             }, {
-              default: G(() => [
-                Q(W(e.t("noColumnsMatch")), 1)
+              default: W(() => [
+                Q(G(e.t("noColumnsMatch")), 1)
               ]),
               _: 1
             })) : U("", !0)
@@ -1588,7 +1589,7 @@ function So(e, u, a, t, g, o) {
     [L, e.onClickOutside]
   ]);
 }
-const bo = /* @__PURE__ */ x(co, [["render", So], ["__scopeId", "data-v-e2bc2576"]]), je = {
+const bo = /* @__PURE__ */ j(co, [["render", So], ["__scopeId", "data-v-e2bc2576"]]), je = {
   "en-US": {
     gettingYourData: "Getting your data",
     loading: "Loading",
@@ -1610,31 +1611,31 @@ const bo = /* @__PURE__ */ x(co, [["render", So], ["__scopeId", "data-v-e2bc2576
   setup(e) {
     const { t: u } = Ee({ messages: je });
     return (a, t) => (r(), b("div", Eo, [
-      e.loading && e.isInfiniteScroll ? (r(), k(n(Ft), { key: 0 })) : U("", !0),
-      e.loading && !e.isInfiniteScroll ? (r(), k(n(mt), {
+      e.loading && e.isInfiniteScroll ? (r(), P(n(Ft), { key: 0 })) : U("", !0),
+      e.loading && !e.isInfiniteScroll ? (r(), P(n(mt), {
         key: 1,
         variant: "secondary",
-        state: n(_t).LOADING
+        state: n(ht).LOADING
       }, {
-        default: G(() => [
-          Q(W(n(u)("loading")), 1)
+        default: W(() => [
+          Q(G(n(u)("loading")), 1)
         ]),
         _: 1
       }, 8, ["state"])) : U("", !0),
-      !e.loading && !e.isInfiniteScroll ? (r(), k(n(mt), {
+      !e.loading && !e.isInfiniteScroll ? (r(), P(n(mt), {
         key: 2,
-        state: n(_t).START,
+        state: n(ht).START,
         variant: "secondary",
         onClick: t[0] || (t[0] = (g) => a.$emit(n(T).UPDATE_SHOW_MORE))
       }, {
-        default: G(() => [
-          Q(W(n(u)("showMore")), 1)
+        default: W(() => [
+          Q(G(n(u)("showMore")), 1)
         ]),
         _: 1
       }, 8, ["state"])) : U("", !0)
     ]));
   }
-}), Io = /* @__PURE__ */ x(Oo, [["__scopeId", "data-v-a4824c2d"]]);
+}), Io = /* @__PURE__ */ j(Oo, [["__scopeId", "data-v-a4824c2d"]]);
 let wt = 0;
 const $o = {
   beforeCreate() {
@@ -1645,18 +1646,18 @@ const $o = {
   d: "M12.9243 1.86372C12.0456 0.985043 10.621 0.985041 9.74234 1.86372L1.25 10.3561V14.7501H5.64399L14.1363 6.25772C15.015 5.37904 15.015 3.95442 14.1363 3.07574L12.9243 1.86372ZM10.803 2.92438C11.0959 2.63149 11.5708 2.63149 11.8637 2.92438L13.0757 4.1364C13.3686 4.42929 13.3686 4.90416 13.0757 5.19706L12.3333 5.93947L10.0606 3.6668L10.803 2.92438ZM8.99993 4.72746L11.2726 7.00013L5.02267 13.2501H2.75V10.9774L8.99993 4.72746Z"
 }, null, -1);
 function To(e, u, a, t, g, o) {
-  return r(), b("svg", Y({ role: "img" }, e.$attrs, {
+  return r(), b("svg", X({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (r(), b("title", Ro, W(e.$attrs["svg-title"]), 1)) : U("", !0),
+    e.$attrs["svg-title"] ? (r(), b("title", Ro, G(e.$attrs["svg-title"]), 1)) : U("", !0),
     Ao
   ], 16);
 }
-const wo = /* @__PURE__ */ x($o, [["render", To]]);
+const wo = /* @__PURE__ */ j($o, [["render", To]]);
 let Nt = 0;
 const No = {
   beforeCreate() {
@@ -1666,33 +1667,33 @@ const No = {
   fill: "#00112C",
   d: "M2.93933 11.9999L10.1893 4.74989H5.24999V3.24989H12.75V10.7499H11.25V5.81055L3.99999 13.0605L2.93933 11.9999Z"
 }, null, -1);
-function Do(e, u, a, t, g, o) {
-  return r(), b("svg", Y({ role: "img" }, e.$attrs, {
+function ko(e, u, a, t, g, o) {
+  return r(), b("svg", X({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (r(), b("title", Mo, W(e.$attrs["svg-title"]), 1)) : U("", !0),
+    e.$attrs["svg-title"] ? (r(), b("title", Mo, G(e.$attrs["svg-title"]), 1)) : U("", !0),
     Uo
   ], 16);
 }
-const Mt = /* @__PURE__ */ x(No, [["render", Do]]), jt = {
+const Mt = /* @__PURE__ */ j(No, [["render", ko]]), jt = {
   "en-US": {
     copy: "Copy",
     edit: "Edit",
     open: "Open",
     more: "More"
   }
-}, Po = (e) => (Un("data-v-da2fa02e"), e = e(), Dn(), e), ko = { class: "b-data-grid-cell-actions" }, Fo = /* @__PURE__ */ Po(() => /* @__PURE__ */ C("div", { class: "b-data-grid-cell-actions__background-gradient" }, null, -1)), zo = {
+}, Do = (e) => (Un("data-v-da2fa02e"), e = e(), kn(), e), Po = { class: "b-data-grid-cell-actions" }, Fo = /* @__PURE__ */ Do(() => /* @__PURE__ */ C("div", { class: "b-data-grid-cell-actions__background-gradient" }, null, -1)), zo = {
   class: "b-data-grid-cell-actions__actions",
   role: "group"
-}, Go = {
+}, Wo = {
   i18n: { messages: jt },
   name: "data-grid-cell-actions"
-}, Wo = /* @__PURE__ */ Le({
-  ...Go,
+}, Go = /* @__PURE__ */ Le({
+  ...Wo,
   props: {
     /**
      * Column definitions using 'key' to relate to data object.
@@ -1752,19 +1753,19 @@ const Mt = /* @__PURE__ */ x(No, [["render", Do]]), jt = {
       var i, l;
       return (d == null ? void 0 : d.getCopyData) !== void 0 ? d.getCopyData(a.rowDataItem, a.columnKey) : (l = (i = a.rowDataItem) == null ? void 0 : i[a.columnKey]) == null ? void 0 : l.toString();
     }, O = (d) => d.iconRight || ((d == null ? void 0 : d.variant) === "more" || (d == null ? void 0 : d.variant) === "open") && !d.isShort, c = (d) => d.iconLeft || (d == null ? void 0 : d.variant) === "more";
-    return (d, i) => (r(), k(Mn, {
+    return (d, i) => (r(), P(Mn, {
       name: "b-data-grid-cell-actions__animation",
       appear: ""
     }, {
-      default: G(() => [
-        C("div", ko, [
+      default: W(() => [
+        C("div", Po, [
           Fo,
           C("div", zo, [
-            (r(!0), b(de, null, ve(n(g), (l, E) => (r(), b("div", {
+            (r(!0), b(ce, null, ve(n(g), (l, E) => (r(), b("div", {
               key: E,
               class: "b-data-grid-cell-actions__action"
             }, [
-              l.menuData ? (r(), k(n(Je), {
+              l.menuData ? (r(), P(n(Je), {
                 key: 0,
                 data: v(l.menuData),
                 button: {
@@ -1777,11 +1778,11 @@ const Mt = /* @__PURE__ */ x(No, [["render", Do]]), jt = {
               }, Be({ _: 2 }, [
                 c(l) ? {
                   name: "iconLeft",
-                  fn: G(() => [
-                    (l == null ? void 0 : l.variant) === "more" ? (r(), k(n(nl), {
+                  fn: W(() => [
+                    (l == null ? void 0 : l.variant) === "more" ? (r(), P(n(nl), {
                       key: 0,
                       "svg-title": n(o)(l, !0)
-                    }, null, 8, ["svg-title"])) : (r(), k($e(l.iconLeft), {
+                    }, null, 8, ["svg-title"])) : (r(), P($e(l.iconLeft), {
                       key: 1,
                       "svg-title": n(o)(l, !0)
                     }, null, 8, ["svg-title"]))
@@ -1790,25 +1791,25 @@ const Mt = /* @__PURE__ */ x(No, [["render", Do]]), jt = {
                 } : void 0,
                 l != null && l.isShort ? void 0 : {
                   name: "default",
-                  fn: G(() => [
-                    Q(W(n(o)(l)), 1)
+                  fn: W(() => [
+                    Q(G(n(o)(l)), 1)
                   ]),
                   key: "1"
                 },
                 O(l) ? {
                   name: "iconRight",
-                  fn: G(() => [
-                    (l == null ? void 0 : l.variant) === "open" ? (r(), k(n(Mt), {
+                  fn: W(() => [
+                    (l == null ? void 0 : l.variant) === "open" ? (r(), P(n(Mt), {
                       key: 0,
                       "svg-title": n(o)(l, !0)
-                    }, null, 8, ["svg-title"])) : (r(), k($e(l.iconRight), {
+                    }, null, 8, ["svg-title"])) : (r(), P($e(l.iconRight), {
                       key: 1,
                       "svg-title": l.title
                     }, null, 8, ["svg-title"]))
                   ]),
                   key: "2"
                 } : void 0
-              ]), 1032, ["data", "button"])) : l.variant === "copy" ? (r(), k(n(ol), {
+              ]), 1032, ["data", "button"])) : l.variant === "copy" ? (r(), P(n(ol), {
                 key: 1,
                 text: I(l),
                 "button-text": n(o)(l),
@@ -1816,7 +1817,7 @@ const Mt = /* @__PURE__ */ x(No, [["render", Do]]), jt = {
                   condensed: !0,
                   variant: "secondary"
                 }
-              }, null, 8, ["text", "button-text"])) : (r(), k(n(Wt), Y({
+              }, null, 8, ["text", "button-text"])) : (r(), P(n(Gt), X({
                 key: 2,
                 condensed: "",
                 variant: "secondary",
@@ -1826,11 +1827,11 @@ const Mt = /* @__PURE__ */ x(No, [["render", Do]]), jt = {
               }, Ze(f(l))), Be({ _: 2 }, [
                 l.iconLeft || l.variant === "edit" ? {
                   name: "iconLeft",
-                  fn: G(() => [
-                    (l == null ? void 0 : l.variant) === "edit" ? (r(), k(n(wo), {
+                  fn: W(() => [
+                    (l == null ? void 0 : l.variant) === "edit" ? (r(), P(n(wo), {
                       key: 0,
                       "svg-title": n(o)(l, !0)
-                    }, null, 8, ["svg-title"])) : (r(), k($e(l.iconLeft), {
+                    }, null, 8, ["svg-title"])) : (r(), P($e(l.iconLeft), {
                       key: 1,
                       "svg-title": l.title
                     }, null, 8, ["svg-title"]))
@@ -1839,18 +1840,18 @@ const Mt = /* @__PURE__ */ x(No, [["render", Do]]), jt = {
                 } : void 0,
                 l != null && l.isShort ? void 0 : {
                   name: "default",
-                  fn: G(() => [
-                    Q(W(n(o)(l)), 1)
+                  fn: W(() => [
+                    Q(G(n(o)(l)), 1)
                   ]),
                   key: "1"
                 },
                 l.iconRight || l.variant === "open" ? {
                   name: "iconRight",
-                  fn: G(() => [
-                    (l == null ? void 0 : l.variant) === "open" ? (r(), k(n(Mt), {
+                  fn: W(() => [
+                    (l == null ? void 0 : l.variant) === "open" ? (r(), P(n(Mt), {
                       key: 0,
                       "svg-title": n(o)(l, !0)
-                    }, null, 8, ["svg-title"])) : (r(), k($e(l.iconRight), {
+                    }, null, 8, ["svg-title"])) : (r(), P($e(l.iconRight), {
                       key: 1,
                       "svg-title": l.title
                     }, null, 8, ["svg-title"]))
@@ -1865,8 +1866,8 @@ const Mt = /* @__PURE__ */ x(No, [["render", Do]]), jt = {
       _: 1
     }));
   }
-}), Ho = /* @__PURE__ */ x(Wo, [["__scopeId", "data-v-da2fa02e"]]);
-var te = /* @__PURE__ */ ((e) => (e.COLUMN_HOVERED = "column-hovered", e.COLUMN_HOVERED_NO_BORDER_LEFT = "column-hovered-no-border-left", e.COLUMN_HOVERED_NO_BORDER_RIGHT = "column-hovered-no-border-right", e.CONDENSED = "condensed", e.FROZEN = "frozen", e.IS_COLUMN_REORDERING = "is-column-re-ordering", e.IS_COLUMN_REORDERING_TARGET_LEFT = "is-column-re-order-target-left", e.IS_COLUMN_REORDERING_TARGET_RIGHT = "is-column-re-order-target-right", e.LAST_FROZEN_COLUMN_CELL = "last-frozen-column-cell", e.NUMERIC = "numeric", e.OVERFLOW_ELLIPSIS = "overflow-ellipsis", e.PADDING_LEFT_UNSET = "padding-left-unset", e.PADDING_RIGHT_UNSET = "padding-right-unset", e))(te || {});
+}), Ho = /* @__PURE__ */ j(Go, [["__scopeId", "data-v-da2fa02e"]]);
+var ne = /* @__PURE__ */ ((e) => (e.COLUMN_HOVERED = "column-hovered", e.COLUMN_HOVERED_NO_BORDER_LEFT = "column-hovered-no-border-left", e.COLUMN_HOVERED_NO_BORDER_RIGHT = "column-hovered-no-border-right", e.CONDENSED = "condensed", e.FROZEN = "frozen", e.IS_COLUMN_REORDERING = "is-column-re-ordering", e.IS_COLUMN_REORDERING_TARGET_LEFT = "is-column-re-order-target-left", e.IS_COLUMN_REORDERING_TARGET_RIGHT = "is-column-re-order-target-right", e.LAST_FROZEN_COLUMN_CELL = "last-frozen-column-cell", e.NUMERIC = "numeric", e.OVERFLOW_ELLIPSIS = "overflow-ellipsis", e.PADDING_LEFT_UNSET = "padding-left-unset", e.PADDING_RIGHT_UNSET = "padding-right-unset", e))(ne || {});
 const qt = {
   "en-US": {
     selectRow: "Select row"
@@ -1965,68 +1966,68 @@ const qt = {
   },
   emits: ["on-frozen-columns-key-press", "select-row", "register-row-cell-element", "cell-hovered"],
   setup(e, { expose: u, emit: a }) {
-    const t = e, { t: g } = Ee({ messages: qt }), o = $(null), f = $(null), p = $(!1), v = $([]), I = (h, H) => (h == null ? void 0 : h.overflow) === Qe.ELLIPSIS ? `${H}` : void 0, O = (h) => h ?? "-", c = (h) => t.columnSets.slice(0, h).reduce((H, { columnSet: m }) => H + m.length, 0), d = (h, H) => h + c(H), i = (h, H, m) => c() * h + d(H, m), l = (h) => {
+    const t = e, { t: g } = Ee({ messages: qt }), o = $(null), f = $(null), p = $(!1), v = $([]), I = (_, H) => (_ == null ? void 0 : _.overflow) === Qe.ELLIPSIS ? `${H}` : void 0, O = (_) => _ ?? "-", c = (_) => t.columnSets.slice(0, _).reduce((H, { columnSet: m }) => H + m.length, 0), d = (_, H) => _ + c(H), i = (_, H, m) => c() * _ + d(H, m), l = (_) => {
       var H;
-      (h === null || !o.value.contains(h) && !((H = v.value) != null && H.map((m) => m.value).some((m) => m === h || (m == null ? void 0 : m.contains(h))))) && (p.value = !1);
+      (_ === null || !o.value.contains(_) && !((H = v.value) != null && H.map((m) => m.value).some((m) => m === _ || (m == null ? void 0 : m.contains(_))))) && (p.value = !1);
     }, E = () => {
       p.value = !1;
-    }, L = (h) => {
+    }, L = (_) => {
       const m = { ...{
-        ...t.draggingEventsForRowCell(h)
+        ...t.draggingEventsForRowCell(_)
       } };
-      return h.frozen && (m.keyup = (_) => a("on-frozen-columns-key-press", _), m.keydown = (_) => a("on-frozen-columns-key-press", _)), h.cellActions && (m.mouseenter = () => {
+      return _.frozen && (m.keyup = (h) => a("on-frozen-columns-key-press", h), m.keydown = (h) => a("on-frozen-columns-key-press", h)), _.cellActions && (m.mouseenter = () => {
         p.value = !0;
-      }, m.mouseleave = (_) => {
-        p.value = !1, l(_ == null ? void 0 : _.relatedTarget);
-      }, m.mouseleave = (_) => {
-        l(_ == null ? void 0 : _.relatedTarget);
-      }, m.focus = (_) => {
+      }, m.mouseleave = (h) => {
+        p.value = !1, l(h == null ? void 0 : h.relatedTarget);
+      }, m.mouseleave = (h) => {
+        l(h == null ? void 0 : h.relatedTarget);
+      }, m.focus = (h) => {
         p.value = !0;
-      }, m.focusout = (_) => {
-        l(_ == null ? void 0 : _.relatedTarget);
+      }, m.focusout = (h) => {
+        l(h == null ? void 0 : h.relatedTarget);
       }), m;
     };
-    ce(
+    ue(
       () => p.value,
       () => {
         p.value === !0 ? a("cell-hovered", t.rowIndex) : a("cell-hovered", -1);
       }
-    ), Pn(ll, {
-      registerMenuContainerElement: (h) => {
-        v.value.push(h);
+    ), Dn(ll, {
+      registerMenuContainerElement: (_) => {
+        v.value.push(_);
       },
-      menuMouseLeave: (h) => {
-        o.value.contains(h == null ? void 0 : h.relatedTarget) || (p.value = !1);
+      menuMouseLeave: (_) => {
+        o.value.contains(_ == null ? void 0 : _.relatedTarget) || (p.value = !1);
       }
     });
-    const D = (h) => {
-      var H, m, _, M, V, q, K;
+    const k = (_) => {
+      var H, m, h, M, V, q, Y;
       return {
-        [`b-data-grid-cell--${te.COLUMN_HOVERED}`]: (h == null ? void 0 : h.field) === t.hoveredOverColumnState.hoveredOverColumnField,
-        [`b-data-grid-cell--${te.COLUMN_HOVERED_NO_BORDER_LEFT}`]: (h == null ? void 0 : h.field) === t.hoveredOverColumnState.hoveredOverColumnField && t.hoveredOverColumnState.noBorderLeft,
-        [`b-data-grid-cell--${te.COLUMN_HOVERED_NO_BORDER_RIGHT}`]: (h == null ? void 0 : h.field) === t.hoveredOverColumnState.hoveredOverColumnField && t.hoveredOverColumnState.noBorderRight,
-        [`b-data-grid-cell--${te.PADDING_LEFT_UNSET}`]: ((H = h == null ? void 0 : h.padding) == null ? void 0 : H.left) === !1,
-        [`b-data-grid-cell--${te.PADDING_RIGHT_UNSET}`]: ((m = h == null ? void 0 : h.padding) == null ? void 0 : m.right) === !1,
-        [`b-data-grid-cell--${te.NUMERIC}`]: h == null ? void 0 : h.numeric,
-        [`b-data-grid-cell--${te.CONDENSED}`]: t.condensed,
-        [`b-data-grid-cell--${te.OVERFLOW_ELLIPSIS}`]: (h == null ? void 0 : h.overflow) === Qe.ELLIPSIS,
-        [`b-data-grid-cell--${te.IS_COLUMN_REORDERING}`]: ((_ = t.draggingColumns.dragging) == null ? void 0 : _.field) === h.field,
-        [`b-data-grid-cell--${te.IS_COLUMN_REORDERING_TARGET_LEFT}`]: ((M = t.draggingColumns.target) == null ? void 0 : M.field) === h.field && ((V = t.draggingColumns) == null ? void 0 : V.dragToLeft),
-        [`b-data-grid-cell--${te.IS_COLUMN_REORDERING_TARGET_RIGHT}`]: ((q = t.draggingColumns.target) == null ? void 0 : q.field) === h.field && !((K = t.draggingColumns) != null && K.dragToLeft),
-        [`b-data-grid-cell--${te.FROZEN}`]: h == null ? void 0 : h.frozen
+        [`b-data-grid-cell--${ne.COLUMN_HOVERED}`]: (_ == null ? void 0 : _.field) === t.hoveredOverColumnState.hoveredOverColumnField,
+        [`b-data-grid-cell--${ne.COLUMN_HOVERED_NO_BORDER_LEFT}`]: (_ == null ? void 0 : _.field) === t.hoveredOverColumnState.hoveredOverColumnField && t.hoveredOverColumnState.noBorderLeft,
+        [`b-data-grid-cell--${ne.COLUMN_HOVERED_NO_BORDER_RIGHT}`]: (_ == null ? void 0 : _.field) === t.hoveredOverColumnState.hoveredOverColumnField && t.hoveredOverColumnState.noBorderRight,
+        [`b-data-grid-cell--${ne.PADDING_LEFT_UNSET}`]: ((H = _ == null ? void 0 : _.padding) == null ? void 0 : H.left) === !1,
+        [`b-data-grid-cell--${ne.PADDING_RIGHT_UNSET}`]: ((m = _ == null ? void 0 : _.padding) == null ? void 0 : m.right) === !1,
+        [`b-data-grid-cell--${ne.NUMERIC}`]: _ == null ? void 0 : _.numeric,
+        [`b-data-grid-cell--${ne.CONDENSED}`]: t.condensed,
+        [`b-data-grid-cell--${ne.OVERFLOW_ELLIPSIS}`]: (_ == null ? void 0 : _.overflow) === Qe.ELLIPSIS,
+        [`b-data-grid-cell--${ne.IS_COLUMN_REORDERING}`]: ((h = t.draggingColumns.dragging) == null ? void 0 : h.field) === _.field,
+        [`b-data-grid-cell--${ne.IS_COLUMN_REORDERING_TARGET_LEFT}`]: ((M = t.draggingColumns.target) == null ? void 0 : M.field) === _.field && ((V = t.draggingColumns) == null ? void 0 : V.dragToLeft),
+        [`b-data-grid-cell--${ne.IS_COLUMN_REORDERING_TARGET_RIGHT}`]: ((q = t.draggingColumns.target) == null ? void 0 : q.field) === _.field && !((Y = t.draggingColumns) != null && Y.dragToLeft),
+        [`b-data-grid-cell--${ne.FROZEN}`]: _ == null ? void 0 : _.frozen
       };
     };
     return u({
       gridcellRef: o
-    }), (h, H) => {
+    }), (_, H) => {
       var m;
-      return r(), b("div", Y({
+      return r(), b("div", X({
         key: `cell-${e.column.field}`,
         ref_key: "gridcellRef",
         ref: o,
         "data-testid": `cell-${e.column.field}`,
         "data-cellindex": i(e.rowIndex, e.colIndex, e.columnSetIndex),
-        class: ["b-data-grid-cell", D(e.column)],
+        class: ["b-data-grid-cell", k(e.column)],
         role: "gridcell",
         tabindex: i(e.rowIndex, e.colIndex, e.columnSetIndex) === 0 ? "0" : "-1",
         "aria-colindex": d(e.colIndex, e.columnSetIndex) + 1,
@@ -2034,19 +2035,19 @@ const qt = {
           width: e.column.autoWidth && e.isMeasuringColumnWidths ? "auto" : `${e.column.width}px`
         }
       }, Ze(L(e.column), !0)), [
-        e.column.field !== n(be) ? (r(), b(de, { key: 0 }, [
+        e.column.field !== n(be) ? (r(), b(ce, { key: 0 }, [
           B(n(xe), { el: "div" }, {
-            default: G(() => [
-              ye(h.$slots, `item-${e.column.field}`, { item: e.rowData }, () => [
+            default: W(() => [
+              ye(_.$slots, `item-${e.column.field}`, { item: e.rowData }, () => [
                 C("span", {
                   title: I(e.column, e.rowData[e.column.field])
-                }, W(O(e.rowData[e.column.field])), 9, Bo)
+                }, G(O(e.rowData[e.column.field])), 9, Bo)
               ], !0)
             ]),
             _: 3
           }),
           ((m = e.column.cellActions) == null ? void 0 : m.length) > 0 ? (r(), b("div", Zo, [
-            p.value ? (r(), k(Ho, {
+            p.value ? (r(), P(Ho, {
               key: 0,
               ref_key: "cellActionsRef",
               ref: f,
@@ -2056,19 +2057,19 @@ const qt = {
               onMenuItemClickClose: E
             }, null, 8, ["cell-actions", "column-key", "row-data-item"])) : U("", !0)
           ])) : U("", !0)
-        ], 64)) : (r(), k(n(Bt), {
+        ], 64)) : (r(), P(n(Bt), {
           key: 1,
           class: "b-data-grid-cell__select-cell",
           "aria-label": n(g)("selectRow"),
           "model-value": e.selectedItems,
           disabled: e.isDataItemDisabled(e.rowData),
           value: e.getDataItemId(e.rowData),
-          "onUpdate:modelValue": H[0] || (H[0] = (_) => h.$emit("select-row", _))
+          "onUpdate:modelValue": H[0] || (H[0] = (h) => _.$emit("select-row", h))
         }, null, 8, ["aria-label", "model-value", "disabled", "value"]))
       ], 16, Vo);
     };
   }
-}), qo = /* @__PURE__ */ x(jo, [["__scopeId", "data-v-e7cd69b4"]]);
+}), qo = /* @__PURE__ */ j(jo, [["__scopeId", "data-v-e7cd69b4"]]);
 let Ut = 0;
 const Yo = {
   beforeCreate() {
@@ -2087,14 +2088,14 @@ const Yo = {
   ti
 ];
 function li(e, u, a, t, g, o) {
-  return r(), b("svg", Y({ role: "img" }, e.$attrs, {
+  return r(), b("svg", X({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (r(), b("title", Xo, W(e.$attrs["svg-title"]), 1)) : U("", !0),
+    e.$attrs["svg-title"] ? (r(), b("title", Xo, G(e.$attrs["svg-title"]), 1)) : U("", !0),
     C("g", {
       "clip-path": "url(#uia-icons-16-warning_circle_fill__a" + e.uuid + ")"
     }, Qo, 8, Ko),
@@ -2105,7 +2106,7 @@ function li(e, u, a, t, g, o) {
     ])
   ], 16);
 }
-const si = /* @__PURE__ */ x(Yo, [["render", li]]), oi = ["aria-label"], ii = {}, ai = /* @__PURE__ */ Le({
+const si = /* @__PURE__ */ j(Yo, [["render", li]]), oi = ["aria-label"], ii = {}, ai = /* @__PURE__ */ Le({
   ...ii,
   __name: "data-grid-static-icon",
   props: {
@@ -2123,7 +2124,7 @@ const si = /* @__PURE__ */ x(Yo, [["render", li]]), oi = ["aria-label"], ii = {}
         case "error":
           return si;
         case "cross":
-          return kt;
+          return Pt;
         case "no-value":
           return gt;
         default:
@@ -2131,21 +2132,21 @@ const si = /* @__PURE__ */ x(Yo, [["render", li]]), oi = ["aria-label"], ii = {}
       }
     }), t = w(() => ({
       "b-data-grid-static-icon--colored": u.colored && u.variant !== "no-value"
-    })), g = w(() => `b-data-grid-static-icon__${u.variant}`), o = w(() => Wn.AUTO);
+    })), g = w(() => `b-data-grid-static-icon__${u.variant}`), o = w(() => Gn.AUTO);
     return (f, p) => lt((r(), b("div", {
       "aria-label": e.tooltipText,
-      class: ie(["b-data-grid-static-icon", n(t)]),
+      class: ae(["b-data-grid-static-icon", n(t)]),
       tabindex: "0"
     }, [
-      (r(), k($e(n(a)), {
-        class: ie(n(g)),
+      (r(), P($e(n(a)), {
+        class: ae(n(g)),
         "svg-title": e.tooltipText
       }, null, 8, ["class", "svg-title"]))
     ], 10, oi)), [
-      [n(Gn), e.tooltipText, n(o)]
+      [n(Wn), e.tooltipText, n(o)]
     ]);
   }
-}), la = /* @__PURE__ */ x(ai, [["__scopeId", "data-v-3ee55e9a"]]), ri = ["aria-rowcount", "aria-colcount", "aria-label"], di = {
+}), la = /* @__PURE__ */ j(ai, [["__scopeId", "data-v-3ee55e9a"]]), ri = ["aria-rowcount", "aria-colcount", "aria-label"], di = {
   key: 1,
   class: "b-data-grid__header"
 }, ci = ["tabindex"], ui = ["tabindex", "aria-busy"], gi = {
@@ -2154,14 +2155,14 @@ const si = /* @__PURE__ */ x(Yo, [["render", li]]), oi = ["aria-label"], ii = {}
 }, fi = {
   key: 1,
   class: "b-data-grid__empty-state"
-}, vi = ["aria-rowindex", "aria-selected", "onClick"], mi = ["data-testid"], _i = {
+}, vi = ["aria-rowindex", "aria-selected", "onClick"], mi = ["data-testid"], hi = {
   key: 4,
   class: "b-data-grid__footer"
-}, hi = {
+}, _i = {
   i18n: { messages: je },
   name: "bento-data-grid"
 }, Ci = /* @__PURE__ */ Le({
-  ...hi,
+  ..._i,
   props: {
     /**
      * When true, will emit a 'rowClick' event when a row is clicked. Will add cursor: pointer to rows.
@@ -2396,7 +2397,7 @@ const si = /* @__PURE__ */ x(Yo, [["render", li]]), oi = ["aria-label"], ii = {}
     T.SORT
   ],
   setup(e, { expose: u, emit: a }) {
-    const t = e, g = kn(), o = $(null), f = $(), p = $({}), v = $(null), I = $(null), O = $(), c = $(null), {
+    const t = e, g = Pn(), o = $(null), f = $(), p = $({}), v = $(null), I = $(null), O = $(), c = $(null), {
       allowColumnDragAndDrop: d,
       columns: i,
       columnPanel: l,
@@ -2404,34 +2405,34 @@ const si = /* @__PURE__ */ x(Yo, [["render", li]]), oi = ["aria-label"], ii = {}
       lazyLoadType: L,
       selectable: y,
       selection: N,
-      loading: D,
-      selectableAcrossPages: h,
+      loading: k,
+      selectableAcrossPages: _,
       outline: H
-    } = tt(t), m = $(-1), { t: _ } = Ee({ messages: je }), M = w(() => ue.value.filter((S) => S.frozen).length), V = ut(
+    } = tt(t), m = $(-1), { t: h } = Ee({ messages: je }), M = w(() => ee.value.filter((S) => S.frozen).length), V = ut(
       qn,
       () => ({
         isDataGridTemplate: !1,
         stickyTabs: $(!1),
         tabsRef: $(null)
       })
-    ), { isDataGridTemplate: q, stickyTabs: K, tabsRef: ne } = V(), fe = w(() => t.fitContent || q ? 0 : null), {
-      columnDefs: ue,
-      onColumnWidthOverride: j,
+    ), { isDataGridTemplate: q, stickyTabs: Y, tabsRef: ge } = V(), le = w(() => t.fitContent || q ? 0 : null), {
+      columnDefs: ee,
+      onColumnWidthOverride: Z,
       gridColumnWidthStyle: F,
-      isMeasuringColumnWidths: ge,
+      isMeasuringColumnWidths: fe,
       isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: qe,
       columns: Re
     } = fl(i, E, o, p, v, {
       hasColumnPanel: l,
       hasSelectableColumn: y,
-      hasSelectableAcrossPages: h,
+      hasSelectableAcrossPages: _,
       allowColumnDragAndDrop: d
     }), s = (S, ...A) => {
       (S === T.COLUMNS || S === T.UPDATE_COLUMNS) && ([Re.value] = A), a(S, ...A);
-    }, P = pt(ne, K), R = w(
-      () => t.stickyFilters ? `${P.value}px` : null
-    ), le = pt(I, Pt(t, "stickyFilters")), X = w(
-      () => `${le.value + P.value}px`
+    }, D = pt(ge, Y), R = w(
+      () => t.stickyFilters ? `${D.value}px` : null
+    ), se = pt(I, Dt(t, "stickyFilters")), K = w(
+      () => `${se.value + D.value}px`
     ), {
       sortedColumns: Ae,
       columnSets: me,
@@ -2439,7 +2440,7 @@ const si = /* @__PURE__ */ x(Yo, [["render", li]]), oi = ["aria-label"], ii = {}
       onConfigSettingsUpdate: we,
       onConfigSettingsColumnsUpdate: Ne,
       onConfigSettingsColumnUpdate: Me
-    } = Ll(ue, s), { hoveredOverColumn: Oe, hoveredOverColumnState: st } = bl(
+    } = Ll(ee, s), { hoveredOverColumn: Oe, hoveredOverColumnState: st } = bl(
       me,
       y,
       H,
@@ -2450,13 +2451,13 @@ const si = /* @__PURE__ */ x(Yo, [["render", li]]), oi = ["aria-label"], ii = {}
       E,
       t.getDataItemId,
       t.isDataItemDisabled
-    ), { navigationInput: it } = _l(v, i, y), { isLazyLoad: De, isInfiniteScroll: en, verticalScrollPosition: tn, emitLazyLoadEvent: nn } = Cl(
+    ), { navigationInput: it } = hl(v, i, y), { isLazyLoad: ke, isInfiniteScroll: en, verticalScrollPosition: tn, emitLazyLoadEvent: nn } = Cl(
       L,
       c,
       o,
-      D,
+      k,
       s
-    ), { updateScrollPosition: Pe, updateScrollPositionOnFrozenColumnsNavigation: ln, hasLeftOverflow: ke, hasRightOverflow: sn } = Sl(o, f, tn), on = () => {
+    ), { updateScrollPosition: De, updateScrollPositionOnFrozenColumnsNavigation: ln, hasLeftOverflow: Pe, hasRightOverflow: sn } = Sl(o, f, tn), on = () => {
       O.value.isClearAllVisible ? O.value.clearAllFilters() : O.value.isResetAllVisible && O.value.resetAllFilters();
     }, an = w(() => {
       var S, A;
@@ -2465,48 +2466,48 @@ const si = /* @__PURE__ */ x(Yo, [["render", li]]), oi = ["aria-label"], ii = {}
         variant: ((S = t.emptyState) == null ? void 0 : S.variant) === "embedded" || ((A = t.emptyState) == null ? void 0 : A.variant) === "basic" ? t.emptyState.variant : "basic"
       };
     }), rn = w(() => ({
-      [`b-data-grid--${he.OUTLINE}`]: t.outline,
-      [`b-data-grid--${he.SCROLL}`]: t.fitContent || De.value,
-      [`b-data-grid--${he.STICKY_FILTERS}`]: t.filters && t.stickyFilters,
-      [`b-data-grid--${he.OVERFLOW_SHADOW_LEFT}`]: ke.value && !M.value,
-      [`b-data-grid--${he.OVERFLOW_SHADOW_RIGHT}`]: sn.value,
-      [`b-data-grid--${he.NO_SPACING_TOP}`]: t.noSpacingTop
+      [`b-data-grid--${_e.OUTLINE}`]: t.outline,
+      [`b-data-grid--${_e.SCROLL}`]: t.fitContent || ke.value,
+      [`b-data-grid--${_e.STICKY_FILTERS}`]: t.filters && t.stickyFilters,
+      [`b-data-grid--${_e.OVERFLOW_SHADOW_LEFT}`]: Pe.value && !M.value,
+      [`b-data-grid--${_e.OVERFLOW_SHADOW_RIGHT}`]: sn.value,
+      [`b-data-grid--${_e.NO_SPACING_TOP}`]: t.noSpacingTop
     })), dn = w(() => me.value.findIndex((S) => S.columnSet.length)), cn = (S, A) => {
-      var se;
+      var oe;
       return {
         "b-data-grid__row--disabled": t.isDataItemDisabled(S),
         "b-data-grid__row--row-clicks-enabled": t.allowRowClicks,
-        "b-data-grid__cell--is-re-ordering": ((se = Ye.target) == null ? void 0 : se.field) !== void 0,
+        "b-data-grid__cell--is-re-ordering": ((oe = Ye.target) == null ? void 0 : oe.field) !== void 0,
         "b-data-grid__row--highlighted": t.highlightedRows.includes(t.getDataItemId(S)) || Ue.value.includes(t.getDataItemId(S)),
         "b-data-grid__row--hovered": m.value === A
       };
-    }, at = w(() => !(t.selectable && M.value === 1) || ke.value), un = (S) => ({
+    }, at = w(() => !(t.selectable && M.value === 1) || Pe.value), un = (S) => ({
       "b-data-grid__row-cell-set--frozen": S,
-      [`b-data-grid__row-cell-set--${he.OVERFLOW_SHADOW_LEFT}`]: S && ke.value,
+      [`b-data-grid__row-cell-set--${_e.OVERFLOW_SHADOW_LEFT}`]: S && Pe.value,
       "b-data-grid__row-cell-set--frozen-separator": S && at.value,
       "b-data-grid__row-cell-set--unfrozen": !S,
-      "b-data-grid__row-cell-set--is-measuring": ge.value
+      "b-data-grid__row-cell-set--is-measuring": fe.value
     }), gn = w(() => {
-      var S, A, se, z, ee, re;
+      var S, A, oe, z, te, de;
       return {
-        "b-data-grid__pagination--padding-left-unset": ((se = (A = (S = t.columns) == null ? void 0 : S[0]) == null ? void 0 : A.padding) == null ? void 0 : se.left) === !1,
-        "b-data-grid__pagination--padding-right-unset": ((re = (ee = (z = t.columns) == null ? void 0 : z[t.columns.length - 1]) == null ? void 0 : ee.padding) == null ? void 0 : re.right) === !1,
+        "b-data-grid__pagination--padding-left-unset": ((oe = (A = (S = t.columns) == null ? void 0 : S[0]) == null ? void 0 : A.padding) == null ? void 0 : oe.left) === !1,
+        "b-data-grid__pagination--padding-right-unset": ((de = (te = (z = t.columns) == null ? void 0 : z[t.columns.length - 1]) == null ? void 0 : te.padding) == null ? void 0 : de.right) === !1,
         "b-data-grid__pagination--sticky": !!t.stickyPagination || q
       };
     }), fn = (S) => {
       const A = S;
-      S !== null && (A != null && A.columnHeaderRefs) && Object.entries(A == null ? void 0 : A.columnHeaderRefs).forEach(([se, z]) => {
-        p.value[se] = z;
+      S !== null && (A != null && A.columnHeaderRefs) && Object.entries(A == null ? void 0 : A.columnHeaderRefs).forEach(([oe, z]) => {
+        p.value[oe] = z;
       });
-    }, vn = (S, A, se) => {
-      var ee;
+    }, vn = (S, A, oe) => {
+      var te;
       const z = S;
-      ((ee = v.value) == null ? void 0 : ee[A]) === void 0 && (v.value = { ...v.value, [A]: [] }), S !== null && (z != null && z.gridcellRef) && (v.value[A][se] = z.gridcellRef);
+      ((te = v.value) == null ? void 0 : te[A]) === void 0 && (v.value = { ...v.value, [A]: [] }), S !== null && (z != null && z.gridcellRef) && (v.value[A][oe] = z.gridcellRef);
     }, mn = (S, A) => {
       t.allowRowClicks && s(T.ROW_CLICK, S, A);
-    }, _n = (S) => {
+    }, hn = (S) => {
       m.value = S;
-    }, hn = w(() => !!t.selectableAcrossPages && !!t.pagination), rt = Bn({
+    }, _n = w(() => !!t.selectableAcrossPages && !!t.pagination), rt = Bn({
       label: g != null && g.header ? Zn(g)("header") : null,
       defaultFallback: "data grid"
     }), Cn = (S) => {
@@ -2535,9 +2536,9 @@ const si = /* @__PURE__ */ x(Yo, [["render", li]]), oi = ["aria-label"], ii = {}
     return w(() => i.value.some((S) => S.mandatory)).value || zt(
       "WARNING: At least one BentoDataGrid column should be set as mandatory to ensure data is always displayed correctly."
     ), ut(jn, () => null)(t.tabTitle), u({ onEmptyStateClearResetButtonClick: on }), (S, A) => {
-      var se;
+      var oe;
       return r(), b("div", {
-        class: ie(["b-data-grid", n(rn)]),
+        class: ae(["b-data-grid", n(rn)]),
         role: "grid",
         "aria-rowcount": n(E).length,
         "aria-colcount": n(i).length,
@@ -2548,9 +2549,9 @@ const si = /* @__PURE__ */ x(Yo, [["render", li]]), oi = ["aria-label"], ii = {}
           ref_key: "filtersRef",
           ref: I,
           class: "b-data-grid__filters",
-          style: We({ top: n(R) })
+          style: Ge({ top: n(R) })
         }, [
-          e.filters ? (r(), k(He, {
+          e.filters ? (r(), P(He, {
             key: 0,
             ref_key: "filterBarRef",
             ref: O,
@@ -2568,9 +2569,9 @@ const si = /* @__PURE__ */ x(Yo, [["render", li]]), oi = ["aria-label"], ii = {}
         ])) : U("", !0),
         C("div", {
           class: "b-data-grid__column-headers",
-          style: We({ top: n(X) })
+          style: Ge({ top: n(K) })
         }, [
-          n(l) ? (r(), k(n(bo), {
+          n(l) ? (r(), P(n(bo), {
             key: 0,
             class: "b-data-grid__config-settings",
             columns: n(Re),
@@ -2583,49 +2584,49 @@ const si = /* @__PURE__ */ x(Yo, [["render", li]]), oi = ["aria-label"], ii = {}
             ref: f,
             role: "rowgroup",
             class: "b-data-grid__columns-row",
-            tabindex: n(fe),
+            tabindex: n(le),
             onScroll: A[4] || (A[4] = //@ts-ignore
-            (...z) => n(Pe) && n(Pe)(...z))
+            (...z) => n(De) && n(De)(...z))
           }, [
             C("div", {
-              style: We(n(F)),
+              style: Ge(n(F)),
               class: "b-data-grid__columns",
               role: "row"
             }, [
-              (r(!0), b(de, null, ve(n(me), ({ columnSet: z, id: ee, isFrozenColumns: re }, Fe) => (r(), b(de, null, [
-                z != null && z.length ? (r(), k(n(qs), Y({
-                  key: `data-grid-columns-${ee}`,
+              (r(!0), b(ce, null, ve(n(me), ({ columnSet: z, id: te, isFrozenColumns: de }, Fe) => (r(), b(ce, null, [
+                z != null && z.length ? (r(), P(n(qs), X({
+                  key: `data-grid-columns-${te}`,
                   ref_for: !0,
                   ref: (Se) => fn(Se),
                   columns: z,
                   "has-resizable-columns": e.hasResizableColumns,
                   "sort-by": e.sortBy,
                   "all-items-selected-state": n(Qt),
-                  "is-frozen-columns": re,
+                  "is-frozen-columns": de,
                   "show-frozen-columns-separator": n(at),
                   "dragging-columns": n(Ye),
                   "has-draggable-columns": n(d),
                   "has-column-panel": n(l),
-                  "has-left-overflow": n(ke),
+                  "has-left-overflow": n(Pe),
                   "has-first-column-panel-right-aligned": Fe === n(dn),
                   "hovered-over-column-state": n(st),
-                  "is-measuring-column-widths": n(ge),
+                  "is-measuring-column-widths": n(fe),
                   "is-only-one-visible-column": n(Te),
-                  "selectable-across-pages": n(hn),
+                  "selectable-across-pages": n(_n),
                   "truncate-column-headers": e.truncateColumnHeaders
                 }, Ze(n(Yt)), {
                   onColumnHover: A[2] || (A[2] = (Se) => Oe.value = Se),
                   onColumnMove: n(Kt),
                   onColumnUpdate: n(Me),
                   onColumnResize: Ln,
-                  onColumnResizing: n(j),
+                  onColumnResizing: n(Z),
                   onSelectAllRows: n(ot),
                   onSelectAllAcrossPages: A[3] || (A[3] = (Se) => s(n(T).SELECT_ALL_ACROSS_PAGES)),
                   onSort: Sn
                 }), Be({ _: 2 }, [
                   ve(n(g), (Se, ze) => ({
                     name: ze,
-                    fn: G((Ie) => [
+                    fn: W((Ie) => [
                       ye(S.$slots, ze, Xe(Ke(Ie)), void 0, !0)
                     ])
                   }))
@@ -2639,13 +2640,13 @@ const si = /* @__PURE__ */ x(Yo, [["render", li]]), oi = ["aria-label"], ii = {}
           ref: o,
           "data-testid": "data-grid-body",
           class: "b-data-grid__body",
-          tabindex: n(D) ? "0" : "-1",
-          "aria-busy": n(D),
+          tabindex: n(k) ? "0" : "-1",
+          "aria-busy": n(k),
           "aria-live": "polite",
           onScroll: A[7] || (A[7] = //@ts-ignore
-          (...z) => n(Pe) && n(Pe)(...z))
+          (...z) => n(De) && n(De)(...z))
         }, [
-          n(D) && !n(De) ? (r(), b("div", gi, [
+          n(k) && !n(ke) ? (r(), b("div", gi, [
             B(n(Ft), {
               class: "b-data-grid__loading-indicator",
               large: ""
@@ -2654,12 +2655,12 @@ const si = /* @__PURE__ */ x(Yo, [["render", li]]), oi = ["aria-label"], ii = {}
               el: "span",
               variant: "caption"
             }, {
-              default: G(() => [
-                Q(W(n(_)("gettingYourData")), 1)
+              default: W(() => [
+                Q(G(n(h)("gettingYourData")), 1)
               ]),
               _: 1
             })
-          ])) : ((se = n(E)) == null ? void 0 : se.length) === 0 && e.emptyState ? (r(), b("div", fi, [
+          ])) : ((oe = n(E)) == null ? void 0 : oe.length) === 0 && e.emptyState ? (r(), b("div", fi, [
             B(n(xn), Xe(Ke(n(an))), null, 16)
           ])) : (r(), b("div", {
             key: 2,
@@ -2668,25 +2669,25 @@ const si = /* @__PURE__ */ x(Yo, [["render", li]]), oi = ["aria-label"], ii = {}
             onKeydown: A[6] || (A[6] = //@ts-ignore
             (...z) => n(it) && n(it)(...z))
           }, [
-            (r(!0), b(de, null, ve(n(E), (z, ee) => (r(), b("div", {
-              key: ee,
-              style: We(n(F)),
-              class: ie(["b-data-grid__row", cn(z, ee)]),
+            (r(!0), b(ce, null, ve(n(E), (z, te) => (r(), b("div", {
+              key: te,
+              style: Ge(n(F)),
+              class: ae(["b-data-grid__row", cn(z, te)]),
               role: "row",
-              "aria-rowindex": ee + 1,
+              "aria-rowindex": te + 1,
               "aria-selected": Cn(z),
-              onClick: (re) => mn(z, re)
+              onClick: (de) => mn(z, de)
             }, [
-              (r(!0), b(de, null, ve(n(me), ({ columnSet: re, id: Fe, isFrozenColumns: Se }, ze) => (r(), b(de, null, [
-                re != null && re.length ? (r(), b("div", {
+              (r(!0), b(ce, null, ve(n(me), ({ columnSet: de, id: Fe, isFrozenColumns: Se }, ze) => (r(), b(ce, null, [
+                de != null && de.length ? (r(), b("div", {
                   key: `data-grid-rows-${Fe}`,
-                  class: ie(["b-data-grid__cells", un(Se)]),
+                  class: ae(["b-data-grid__cells", un(Se)]),
                   "data-testid": `data-grid-${Fe}-rows`
                 }, [
-                  (r(!0), b(de, null, ve(re, (Ie, In) => (r(), k(n(qo), {
+                  (r(!0), b(ce, null, ve(de, (Ie, In) => (r(), P(n(qo), {
                     key: `cell-${Ie.field}`,
                     ref_for: !0,
-                    ref: (Ge) => vn(Ge, Ie.field, ee),
+                    ref: (We) => vn(We, Ie.field, te),
                     column: Ie,
                     "column-set-index": ze,
                     "col-index": In,
@@ -2697,18 +2698,18 @@ const si = /* @__PURE__ */ x(Yo, [["render", li]]), oi = ["aria-label"], ii = {}
                     "get-data-item-id": e.getDataItemId,
                     "hovered-over-column-state": n(st),
                     "is-data-item-disabled": e.isDataItemDisabled,
-                    "is-measuring-column-widths": n(ge),
+                    "is-measuring-column-widths": n(fe),
                     "row-data": z,
-                    "row-index": ee,
+                    "row-index": te,
                     "selected-items": n(Ue),
-                    onCellHover: A[5] || (A[5] = (Ge) => Oe.value = Ge),
+                    onCellHover: A[5] || (A[5] = (We) => Oe.value = We),
                     onOnFrozenColumnsKeyPress: n(ln),
                     onSelectRow: n(Jt),
-                    onCellHovered: _n
+                    onCellHovered: hn
                   }, Be({ _: 2 }, [
-                    ve(n(g), (Ge, ct) => ({
+                    ve(n(g), (We, ct) => ({
                       name: ct,
-                      fn: G(($n) => [
+                      fn: W(($n) => [
                         ye(S.$slots, ct, Xe(Ke($n)), void 0, !0)
                       ])
                     }))
@@ -2718,27 +2719,27 @@ const si = /* @__PURE__ */ x(Yo, [["render", li]]), oi = ["aria-label"], ii = {}
             ], 14, vi))), 128))
           ], 32))
         ], 40, ui),
-        n(De) ? (r(), k(n(Io), {
+        n(ke) ? (r(), P(n(Io), {
           key: 2,
-          loading: n(D),
+          loading: n(k),
           "is-infinite-scroll": n(en),
           "onUpdate:showMore": n(nn)
         }, null, 8, ["loading", "is-infinite-scroll", "onUpdate:showMore"])) : U("", !0),
-        e.pagination && !n(De) ? (r(), b("div", {
+        e.pagination && !n(ke) ? (r(), b("div", {
           key: 3,
           "data-testid": "pagination-container",
-          class: ie(["b-data-grid__pagination", n(gn)])
+          class: ae(["b-data-grid__pagination", n(gn)])
         }, [
-          B(n(Vn), Y(e.pagination, {
+          B(n(Vn), X(e.pagination, {
             "aria-label": `${n(rt)} navigation`,
             onNavigate: bn,
             onItemsPage: En
           }), null, 16, ["aria-label"])
         ], 2)) : U("", !0),
-        S.$slots.footer ? (r(), b("div", _i, [
+        S.$slots.footer ? (r(), b("div", hi, [
           ye(S.$slots, "footer", {}, void 0, !0)
         ])) : U("", !0),
-        n(pn) ? (r(), k(n(Hn), {
+        n(pn) ? (r(), P(n(Hn), {
           key: 5,
           actions: e.bulkActions,
           "item-counter": n(dt),
@@ -2748,14 +2749,14 @@ const si = /* @__PURE__ */ x(Yo, [["render", li]]), oi = ["aria-label"], ii = {}
       ], 10, ri);
     };
   }
-}), sa = /* @__PURE__ */ x(Ci, [["__scopeId", "data-v-c4f76f50"]]);
+}), sa = /* @__PURE__ */ j(Ci, [["__scopeId", "data-v-c4f76f50"]]);
 export {
   Qe as B,
   la as a,
-  he as b,
+  _e as b,
   pe as c,
   sa as d,
   T as e,
   Ve as f
 };
-//# sourceMappingURL=data-grid.C7fgi1R1.js.map
+//# sourceMappingURL=data-grid.BEUdR8kC.js.map