@adyen/bento-vue3 1.9.0 → 1.11.0

package/dist/data-grid.js

@@ -1,552 +1,614 @@
-import { ref as $, reactive as Oe, toRefs as $e, computed as O, watchEffect as Xt, onMounted as tt, nextTick as se, watch as ie, onUnmounted as nt, onBeforeUpdate as qt, openBlock as u, createElementBlock as L, mergeProps as K, toDisplayString as k, createCommentVNode as U, createElementVNode as A, defineComponent as ge, resolveComponent as V, normalizeClass as te, Fragment as ee, renderList as oe, toHandlers as Re, createVNode as z, withCtx as F, renderSlot as ce, createBlock as W, withModifiers as Jt, createTextVNode as X, withDirectives as st, vShow as Kt, toRef as it, resolveDirective as Qt, pushScopeId as xt, popScopeId as en, unref as d, useSlots as tn, inject as ke, normalizeStyle as ue, createSlots as nn, normalizeProps as Fe, guardReactiveProps as Ge } from "vue";
-import { BentoActionBar as sn } from "./action-bar.js";
-import { B as ot } from "./chunks/checkbox.731dc0ab.js";
-import { BentoPagination as on } from "./pagination.js";
-import { BentoLoadingIndicator as lt } from "./loading-indicator.js";
-import { B as Ie, p as ln } from "./chunks/index.75f3672e.js";
-import { o as at } from "./chunks/resize.a041304d.js";
-import { u as an } from "./chunks/aria-label.ac9651a5.js";
-import { g as rn } from "./chunks/get-slot-text.bead058f.js";
-import { u as rt } from "./chunks/i18n.6c402773.js";
-import { BentoEmptyState as dn } from "./empty-state.js";
-import { BentoFilterBar as Le } from "./filter-bar.js";
-import { E as un } from "./chunks/tabs.keys.358742f2.js";
-import { K as x } from "./chunks/tooltip.27c32d36.js";
-import { B as We, a as cn } from "./chunks/index.98174339.js";
-import { a as gn } from "./chunks/button.82ed953e.js";
-import { BentoToggle as dt } from "./toggle.js";
-import { BentoSearchBar as fn } from "./search-bar.js";
-import { u as _n } from "./chunks/dropdown.63de9aac.js";
-import { B as Cn } from "./chunks/directive.0408e565.js";
-import { _ as q } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import { C as mn } from "./chunks/cross.26509efc.js";
-import { S as vn } from "./chunks/search.ade93bda.js";
-import { g as pn } from "./chunks/unique-id.a2a2b458.js";
-import { BentoInfoIcon as hn } from "./info-icon.js";
-import { B as bn } from "./chunks/index.73ed22a7.js";
-import { A as Ln } from "./chunks/arrow-left.81a91b8f.js";
-import { l as Ve } from "./chunks/events.58c00e6d.js";
-import { B as Be, a as He } from "./chunks/loading-button.4b88e24d.js";
-import "./assets/index17.css";
-var Se = /* @__PURE__ */ ((e) => (e.WRAP = "wrap", e.ELLIPSIS = "ellipsis", e))(Se || {}), ye = /* @__PURE__ */ ((e) => (e.OUTLINE = "outline", e.SCROLL = "scroll", e.STICKY_FILTERS = "sticky-filters", e))(ye || {}), le = /* @__PURE__ */ ((e) => (e.ASCENDING = "asc", e.DESCENDING = "desc", e))(le || {}), y = /* @__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.SORT = "sort", e))(y || {}), Ee = /* @__PURE__ */ ((e) => (e.ASCENDING = "ascending", e.DESCENDING = "descending", e.NONE = "none", e))(Ee || {}), w = /* @__PURE__ */ ((e) => (e.COLUMN_RESIZE = "column-resize", e.COLUMN_RESIZING = "column-resizing", e.SORT = "sort", e.SELECT_ALL_ROWS = "select-all-rows", 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_DRAG_START = "column-dragstart", e.COLUMN_DRAG_ENTER = "column-dragenter", e.COLUMN_DRAG_END = "column-dragend", e.COLUMN_DROP = "column-drop", e))(w || {});
-const Sn = (e, o) => {
-  const l = $(!1), t = $(void 0), C = e.value.reduce((p, v) => (p[v.field] = null, p), {}), a = Oe(C), S = $e(a);
-  let g = 0, _ = "";
-  const h = O(
-    () => Object.fromEntries(e.value.map(({ field: p, width: v, minWidth: T }) => [p, { width: v, minWidth: T }]))
+import { ref as w, reactive as Ne, toRefs as Pe, computed as R, watchEffect as cn, onMounted as ct, nextTick as ie, watch as le, onUnmounted as ut, onBeforeUpdate as un, openBlock as c, createElementBlock as y, mergeProps as K, toDisplayString as F, createCommentVNode as N, createElementVNode as T, defineComponent as de, resolveComponent as H, normalizeClass as te, Fragment as Q, renderList as se, toHandlers as Ie, createVNode as G, withCtx as k, renderSlot as ge, createBlock as U, withModifiers as gn, createTextVNode as X, withDirectives as gt, vShow as fn, toRef as ft, resolveDirective as _n, pushScopeId as _t, popScopeId as Ct, unref as a, Transition as Cn, createSlots as we, resolveDynamicComponent as Se, useSlots as mn, inject as He, normalizeStyle as ue, normalizeProps as Ze, guardReactiveProps as je } from "vue";
+import { BentoActionBar as vn } from "./action-bar.js";
+import { B as mt } from "./chunks/checkbox.d65694f2.js";
+import { BentoPagination as pn } from "./pagination.js";
+import { BentoLoadingIndicator as vt } from "./loading-indicator.js";
+import { B as Re, p as pt } from "./chunks/index.09f7f1b5.js";
+import { u as hn } from "./chunks/aria-label.ac9651a5.js";
+import { g as Ln } from "./chunks/get-slot-text.bead058f.js";
+import { u as Ue } from "./chunks/i18n.6c402773.js";
+import { BentoEmptyState as yn } from "./empty-state.js";
+import { BentoFilterBar as be } from "./filter-bar.js";
+import { E as Sn } from "./chunks/tabs.keys.358742f2.js";
+import { o as ht } from "./chunks/resize.a041304d.js";
+import { K as ee } from "./chunks/tooltip.785993dd.js";
+import { B as Ye, a as bn } from "./chunks/index.03605cb0.js";
+import { a as Lt } from "./chunks/button.623a46d2.js";
+import { BentoToggle as yt } from "./toggle.js";
+import { BentoSearchBar as En } from "./search-bar.js";
+import { u as $n } from "./chunks/dropdown.96431c25.js";
+import { B as An } from "./chunks/directive.0408e565.js";
+import { _ as j } from "./chunks/_plugin-vue_export-helper.dad06003.js";
+import { C as In } from "./chunks/cross.26509efc.js";
+import { S as Rn } from "./chunks/search.ade93bda.js";
+import { g as Tn } from "./chunks/unique-id.a2a2b458.js";
+import { BentoInfoIcon as On } from "./info-icon.js";
+import { B as St, O as wn } from "./chunks/index.cf561336.js";
+import { A as Nn } from "./chunks/arrow-left.81a91b8f.js";
+import { l as qe } from "./chunks/events.58c00e6d.js";
+import { C as Pn } from "./chunks/copy.2a9cddc1.js";
+import { B as Xe, a as Ke } from "./chunks/loading-button.30c5fede.js";
+import "./assets/index12.css";
+var Ee = /* @__PURE__ */ ((e) => (e.WRAP = "wrap", e.ELLIPSIS = "ellipsis", e))(Ee || {}), $e = /* @__PURE__ */ ((e) => (e.OUTLINE = "outline", e.SCROLL = "scroll", e.STICKY_FILTERS = "sticky-filters", e))($e || {}), oe = /* @__PURE__ */ ((e) => (e.ASCENDING = "asc", e.DESCENDING = "desc", e))(oe || {}), $ = /* @__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))($ || {}), Ae = /* @__PURE__ */ ((e) => (e.ASCENDING = "ascending", e.DESCENDING = "descending", e.NONE = "none", e))(Ae || {}), P = /* @__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_DRAG_START = "column-dragstart", e.COLUMN_DRAG_ENTER = "column-dragenter", e.COLUMN_DRAG_END = "column-dragend", e.COLUMN_DROP = "column-drop", e))(P || {});
+const Un = (e, s) => {
+  const l = w(!1), n = w(void 0), g = e.value.reduce((L, C) => (L[C.field] = null, L), {}), d = Ne(g), p = Pe(d);
+  let f = 0, v = "";
+  const u = R(
+    () => Object.fromEntries(e.value.map(({ field: L, width: C, minWidth: I }) => [L, { width: C, minWidth: I }]))
   );
-  Xt(() => t.value = h.value);
-  let I = null, r = null;
-  const c = (p) => {
-    const v = p.clientX - g, T = _, b = t.value[T].width + v;
-    t.value[T].width = b > h.value[T].minWidth ? b : h.value[T].minWidth, o(w.COLUMN_RESIZING, t.value), g = p.clientX;
-  }, s = () => {
-    l.value = !1, I == null || I(), r == null || r(), _ && o(w.COLUMN_RESIZE, {
-      field: _,
-      width: t.value[_].width
-    }), I = null, r = null, _ = "", g = null;
+  cn(() => n.value = u.value);
+  let b = null, t = null;
+  const _ = (L) => {
+    const C = L.clientX - f, I = v, h = n.value[I].width + C;
+    n.value[I].width = h > u.value[I].minWidth ? h : u.value[I].minWidth, s(P.COLUMN_RESIZING, n.value), f = L.clientX;
+  }, o = () => {
+    l.value = !1, b == null || b(), t == null || t(), v && s(P.COLUMN_RESIZE, {
+      field: v,
+      width: n.value[v].width
+    }), b = null, t = null, v = "", f = null;
   };
-  return { resizeData: t, allColumnRefs: S, startResize: (p, v, T) => {
-    if (T.preventDefault(), p) {
-      if (l.value = !0, T.buttons !== 1) {
-        s();
+  return { resizeData: n, allColumnRefs: p, startResize: (L, C, I) => {
+    if (I.preventDefault(), L) {
+      if (l.value = !0, I.buttons !== 1) {
+        o();
         return;
       }
-      _ = v, g = T.clientX, I = Ve(window, "mousemove", c), r = Ve(window, "mouseup", s);
+      v = C, f = I.clientX, b = qe(window, "mousemove", _), t = qe(window, "mouseup", o);
     }
   }, isResizing: l };
-}, yn = Sn, En = 100, Ze = 50, re = "b-select", In = (e, o, l) => {
-  const t = {}, C = [], a = (g) => {
-    const _ = t[g];
-    _ && _.frozen !== !0 && (t[g].frozen = !0, C.push(g));
+}, Mn = 100, Je = 50, re = "b-select", kn = (e, s, l) => {
+  const n = {}, g = [], d = (f) => {
+    const v = n[f];
+    v && v.frozen !== !0 && (n[f].frozen = !0, g.push(f));
   };
-  function S() {
-    if (C.length === l.length)
+  function p() {
+    if (g.length === l.length)
       return;
-    const g = { min: {}, max: {} };
-    let _ = e, h = o, I = 0;
-    C.forEach((r) => {
-      _ -= t[r].computedWidth, h -= t[r].flex;
+    const f = { min: {}, max: {} };
+    let v = e, u = s, b = 0;
+    g.forEach((t) => {
+      v -= n[t].computedWidth, u -= n[t].flex;
     });
-    for (let r = 0, c = l.length; r < c; r += 1) {
-      const s = l[r];
-      if (t[s.field] && t[s.field].frozen === !0)
+    for (let t = 0, _ = l.length; t < _; t += 1) {
+      const o = l[t];
+      if (n[o.field] && n[o.field].frozen === !0)
         continue;
-      let p = _ / h * s.flex;
-      p < s.minWidth && (I += s.minWidth - p, p = s.minWidth, g.min[s.field] = !0), t[s.field] = {
+      let L = v / u * o.flex;
+      L < o.minWidth && (b += o.minWidth - L, L = o.minWidth, f.min[o.field] = !0), n[o.field] = {
         frozen: !1,
-        computedWidth: p,
-        flex: s.flex
+        computedWidth: L,
+        flex: o.flex
       };
     }
-    I > 0 ? Object.keys(g.min).forEach((r) => {
-      a(r);
-    }) : l.forEach(({ field: r }) => {
-      a(r);
-    }), S();
+    b > 0 ? Object.keys(f.min).forEach((t) => {
+      d(t);
+    }) : l.forEach(({ field: t }) => {
+      d(t);
+    }), p();
   }
-  return S(), t;
-}, Tn = (e, o, l, t, C) => {
-  const a = $(e), S = $(o), g = $(l), _ = $(t), h = $(!1), I = $();
-  let r = null;
-  tt(() => {
-    se(() => {
-      g.value && (I.value = g.value.getBoundingClientRect().width);
-      const b = ie(
-        g,
+  return p(), n;
+}, Dn = (e, s, l, n, g) => {
+  const d = w(e), p = w(s), f = w(l), v = w(n), u = w(!1), b = w();
+  let t = null;
+  ct(() => {
+    ie(() => {
+      f.value && (b.value = f.value.getBoundingClientRect().width);
+      const h = le(
+        f,
         () => {
-          g.value && (se(() => b()), r = at(g.value, ({ width: D }) => {
-            I.value = D;
+          f.value && (ie(() => h()), t = ht(f.value, ({ width: M }) => {
+            b.value = M;
           }));
         },
         { immediate: !0 }
       );
     });
-  }), nt(() => {
-    r == null || r.disconnect();
-  }), qt(() => {
-    var b;
-    _.value && ((b = Object.keys(_.value)) == null ? void 0 : b.length) > 0 && Object.keys(_.value).forEach((n) => {
-      _.value[n] = [];
+  }), ut(() => {
+    t == null || t.disconnect();
+  }), un(() => {
+    var h;
+    v.value && ((h = Object.keys(v.value)) == null ? void 0 : h.length) > 0 && Object.keys(v.value).forEach((i) => {
+      v.value[i] = [];
     });
   });
-  const c = O(() => {
-    const b = [];
-    let D = 0, n = 0;
-    const m = {};
-    let R = a.value.filter((G) => G.visible !== !1);
-    C != null && C.hasSelectableColumn.value && (R = [{ field: re, label: "", width: 40 }, ...R]), R.forEach((G) => {
-      const M = { ...G };
-      let Q;
-      M.flex && M.flex > 0 ? (D += M.flex, Q = 0, b.push(M)) : Q = Math.max(
-        (M == null ? void 0 : M.width) ?? En,
-        (M == null ? void 0 : M.minWidth) ?? Ze
-      ), n += Q, M.width = Q, M.minWidth = (M == null ? void 0 : M.minWidth) ?? Ze, m[M.field] = M;
+  const _ = R(() => {
+    const h = [];
+    let M = 0, i = 0;
+    const S = {};
+    let O = d.value.filter((V) => V.visible !== !1);
+    g != null && g.hasSelectableColumn.value && (O = [
+      { field: re, label: "", width: 40, padding: { left: !1, right: !1 } },
+      ...O
+    ]), O.forEach((V) => {
+      const z = { ...V };
+      let x;
+      z.flex && z.flex > 0 ? (M += z.flex, x = 0, h.push(z)) : x = Math.max(
+        (z == null ? void 0 : z.width) ?? Mn,
+        (z == null ? void 0 : z.minWidth) ?? Je
+      ), i += x, z.width = x, z.minWidth = (z == null ? void 0 : z.minWidth) ?? Je, S[z.field] = z;
     });
-    const P = Math.max(I.value - n, 0);
-    if (D > 0 && I.value > 0) {
-      const G = In(P, D, b);
-      Object.keys(G).forEach((M) => {
-        m[M].width = G[M].computedWidth;
+    const D = Math.max(b.value - i, 0);
+    if (M > 0 && b.value > 0) {
+      const V = kn(D, M, h);
+      Object.keys(V).forEach((z) => {
+        S[z].width = V[z].computedWidth;
       });
     }
-    return Object.values(m);
-  }), s = $(void 0), f = (b) => {
-    s.value = { ...s.value, ...b };
+    return Object.values(S);
+  }), o = w(void 0), m = (h) => {
+    o.value = { ...o.value, ...h };
   };
-  a.value.some((b) => b == null ? void 0 : b.autoWidth) && ie(
-    [() => a.value, () => S.value],
+  d.value.some((h) => h == null ? void 0 : h.autoWidth) && le(
+    [() => d.value, () => p.value],
     async () => {
-      h.value = !0, await se(), a == null || a.value.filter((b) => b == null ? void 0 : b.autoWidth).forEach(({ field: b, minWidth: D }) => {
-        var m, R;
-        const n = (R = (m = _.value) == null ? void 0 : m[b]) == null ? void 0 : R.reduce(
-          (P, G) => Math.max(P, G != null && G.offsetWidth ? G.offsetWidth + 4 : 0),
+      u.value = !0, await ie(), d == null || d.value.filter((h) => h == null ? void 0 : h.autoWidth).forEach(({ field: h, minWidth: M }) => {
+        var S, O;
+        const i = (O = (S = v.value) == null ? void 0 : S[h]) == null ? void 0 : O.reduce(
+          (D, V) => Math.max(D, V != null && V.offsetWidth ? V.offsetWidth + 4 : 0),
           0
         );
-        (D === void 0 || n > D) && f({
-          [b]: {
-            width: n
+        (M === void 0 || i > M) && m({
+          [h]: {
+            width: i
           }
         });
-      }), h.value = !1;
+      }), u.value = !1;
     },
     { immediate: !0 }
   );
-  const p = O(
-    () => c.value.map((b) => {
-      var D, n;
+  const L = R(
+    () => _.value.map((h) => {
+      var M, i;
       return {
-        ...b,
+        ...h,
         // Override column width with resized ones
-        width: ((n = (D = s.value) == null ? void 0 : D[b.field]) == null ? void 0 : n.width) ?? b.width
+        width: ((i = (M = o.value) == null ? void 0 : M[h.field]) == null ? void 0 : i.width) ?? h.width
       };
     })
-  ), v = O(() => p.value.reduce((b, D) => D.width + b, 0)), T = O(() => ({
-    width: I.value > v.value ? "100%" : "fit-content"
+  ), C = R(() => L.value.reduce((h, M) => M.width + h, 0)), I = R(() => ({
+    width: b.value > C.value ? "100%" : "fit-content"
   }));
-  return { columnDefs: p, gridColumnWidthStyle: T, onColumnWidthOverride: f, isMeasuringColumnWidths: h };
-}, Rn = Tn, On = (e, o, l) => ({ conditionalSortDirectionClasses: (a, S) => ({
-  "b-data-grid-columns__column-sort-icon--sorted": e.value.some(
-    (g) => g.field === a && g.direction === S
-  )
-}), sortByColumnField: (a) => {
-  var _;
-  if (!o.value.some((h) => h.field === a && h.sortable))
-    return;
-  const g = [{
-    field: a,
-    direction: ((_ = e.value.find((h) => h.field === a)) == null ? void 0 : _.direction) === le.ASCENDING ? le.DESCENDING : le.ASCENDING
-  }];
-  l(w.SORT, g);
-} }), $n = (e, o, l, t, C) => {
-  const a = $(e.value ?? []), S = Oe({
+  return { columnDefs: L, gridColumnWidthStyle: I, onColumnWidthOverride: m, isMeasuringColumnWidths: u };
+}, zn = (e, s, l, n, g) => {
+  const d = w(e.value ?? []), p = Ne({
     allItemsSelected: !1,
     isIndeterminate: !1
-  }), g = () => {
-    o(y.SELECT, a.value), o(y.UPDATE_SELECTION, a.value);
-  }, _ = (r) => {
-    var s;
-    a.value = r;
-    const c = ((s = l.value) == null ? void 0 : s.length) > 0 && l.value.every((f) => a.value.includes(t(f)));
-    S.isIndeterminate = a.value.length > 0 && !c, c ? S.allItemsSelected = !0 : (S.isIndeterminate || !c) && (S.allItemsSelected = !1);
-  }, h = (r) => {
-    se(() => {
-      var c, s;
-      _(
-        r ? (s = (c = l.value) == null ? void 0 : c.filter((f) => !C(f))) == null ? void 0 : s.map((f) => t(f)) : []
-      ), g();
+  }), f = () => {
+    s($.SELECT, d.value), s($.UPDATE_SELECTION, d.value);
+  }, v = (t) => {
+    var o, m, L, C, I;
+    if (d.value = t, ((o = l.value) == null ? void 0 : o.length) > 0 && ((m = l.value) == null ? void 0 : m.filter((h) => !g(h)).every((h) => d.value.includes(n(h))))) {
+      p.allItemsSelected = !0;
+      const h = ((L = l.value) == null ? void 0 : L.length) > 0 && l.value.every((M) => d.value.includes(n(M)));
+      p.isIndeterminate = !h;
+    } else
+      p.allItemsSelected = !1, p.isIndeterminate = ((C = d.value) == null ? void 0 : C.length) > 0 && ((I = l.value) == null ? void 0 : I.length) > 0 && l.value.some((h) => d.value.includes(n(h)));
+  }, u = (t) => {
+    ie(() => {
+      var _, o, m;
+      if (p.allItemsSelected = t, t) {
+        d.value = (o = (_ = l.value) == null ? void 0 : _.filter((C) => !g(C))) == null ? void 0 : o.map((C) => n(C));
+        const L = ((m = l.value) == null ? void 0 : m.length) > 0 && l.value.every((C) => d.value.includes(n(C)));
+        p.isIndeterminate = d.value.length > 0 && !L;
+      } else
+        d.value = [], p.isIndeterminate = !1;
+      f();
     });
-  }, I = (r) => {
-    se(() => {
-      _(r), g();
+  }, b = (t) => {
+    ie(() => {
+      v(t), f();
     });
   };
-  return ie(
+  return le(
     () => e.value,
     () => {
-      _(e.value ?? []);
+      v(e.value ?? []);
     },
     { immediate: !0 }
-  ), ie(
+  ), le(
     () => l.value,
     () => {
-      _(a.value);
+      v(d.value);
     }
-  ), { onAllRowSelect: h, onRowSelect: I, allItemsSelectedState: S, selectedItems: a };
-};
-var Z = ((e) => (e[e.ARROW_DOWN = x.ARROW_DOWN] = "ARROW_DOWN", e[e.ARROW_UP = x.ARROW_UP] = "ARROW_UP", e[e.ARROW_LEFT = x.ARROW_LEFT] = "ARROW_LEFT", e[e.ARROW_RIGHT = x.ARROW_RIGHT] = "ARROW_RIGHT", e[e.PAGE_UP = x.PAGE_UP] = "PAGE_UP", e[e.PAGE_DOWN = x.PAGE_DOWN] = "PAGE_DOWN", e[e.END = x.END] = "END", e[e.HOME = x.HOME] = "HOME", e))(Z || {});
-const An = (e, o, l) => {
-  const t = O(() => {
-    const s = o.value.filter(({ visible: f }) => f !== !1);
-    return l.value ? s.length + 1 : s.length;
-  }), C = O(
-    () => [...Object.values(e.value)].flat(1).sort((s, f) => {
-      const p = Number(s.getAttribute("data-cellindex")), v = Number(f.getAttribute("data-cellindex"));
-      return p > v ? 1 : v > p ? -1 : 0;
+  ), { onAllRowSelect: u, onRowSelect: b, allItemsSelectedState: p, selectedItems: d };
+}, Fn = (e, s, l) => ({ conditionalSortDirectionClasses: (d, p) => ({
+  "b-data-grid-columns__column-sort-icon--sorted": e.value.some(
+    (f) => f.field === d && f.direction === p
+  )
+}), sortByColumnField: (d) => {
+  var v;
+  if (!s.value.some((u) => u.field === d && u.sortable))
+    return;
+  const f = [{
+    field: d,
+    direction: ((v = e.value.find((u) => u.field === d)) == null ? void 0 : v.direction) === oe.ASCENDING ? oe.DESCENDING : oe.ASCENDING
+  }];
+  l(P.SORT, f);
+} });
+var q = ((e) => (e[e.ARROW_DOWN = ee.ARROW_DOWN] = "ARROW_DOWN", e[e.ARROW_UP = ee.ARROW_UP] = "ARROW_UP", e[e.ARROW_LEFT = ee.ARROW_LEFT] = "ARROW_LEFT", e[e.ARROW_RIGHT = ee.ARROW_RIGHT] = "ARROW_RIGHT", e[e.PAGE_UP = ee.PAGE_UP] = "PAGE_UP", e[e.PAGE_DOWN = ee.PAGE_DOWN] = "PAGE_DOWN", e[e.END = ee.END] = "END", e[e.HOME = ee.HOME] = "HOME", e))(q || {});
+const Gn = (e, s, l) => {
+  const n = R(() => {
+    const o = s.value.filter(({ visible: m }) => m !== !1);
+    return l.value ? o.length + 1 : o.length;
+  }), g = R(
+    () => [...Object.values(e.value)].flat(1).sort((o, m) => {
+      const L = Number(o.getAttribute("data-cellindex")), C = Number(m.getAttribute("data-cellindex"));
+      return L > C ? 1 : C > L ? -1 : 0;
     })
-  ), a = (s) => Math.floor(s / t.value), S = (s, f, p) => {
-    const v = C.value.length - 1, T = t.value - 1, b = a(s), D = s - t.value * b;
+  ), d = (o) => Math.floor(o / n.value), p = (o, m, L) => {
+    const C = g.value.length - 1, I = n.value - 1, h = d(o), M = o - n.value * h;
     return {
-      [Z.PAGE_UP]: D,
-      [Z.PAGE_DOWN]: v - T + D,
-      [Z.END]: p ? v : t.value * b + T,
-      [Z.HOME]: p ? 0 : t.value * b
-    }[f];
-  }, g = (s, f) => {
-    const v = {
-      [Z.ARROW_DOWN]: t.value,
-      [Z.ARROW_UP]: -t.value,
-      [Z.ARROW_LEFT]: -1,
-      [Z.ARROW_RIGHT]: 1
-    }[f], T = s + v;
-    return T < 0 || T >= C.value.length ? s : T;
-  }, _ = (s) => [
-    Z.PAGE_UP,
-    Z.PAGE_DOWN,
-    Z.END,
-    Z.HOME
-  ].includes(s), h = (s, f, p) => {
-    const v = C.value.indexOf(s);
-    return _(f) ? S(v, f, p) : g(v, f);
-  }, I = (s, f, p) => {
-    if (!C.value.includes(s))
+      [q.PAGE_UP]: M,
+      [q.PAGE_DOWN]: C - I + M,
+      [q.END]: L ? C : n.value * h + I,
+      [q.HOME]: L ? 0 : n.value * h
+    }[m];
+  }, f = (o, m) => {
+    const C = {
+      [q.ARROW_DOWN]: n.value,
+      [q.ARROW_UP]: -n.value,
+      [q.ARROW_LEFT]: -1,
+      [q.ARROW_RIGHT]: 1
+    }[m], I = o + C;
+    return I < 0 || I >= g.value.length ? o : I;
+  }, v = (o) => [
+    q.PAGE_UP,
+    q.PAGE_DOWN,
+    q.END,
+    q.HOME
+  ].includes(o), u = (o, m, L) => {
+    const C = g.value.indexOf(o);
+    return v(m) ? p(C, m, L) : f(C, m);
+  }, b = (o, m, L) => {
+    if (!g.value.includes(o))
       return;
-    const v = h(s, f, p);
-    C.value[v].focus();
-  }, r = (s) => s in Z;
+    const C = u(o, m, L);
+    g.value[C].focus();
+  }, t = (o) => o in q;
   return {
-    isNavigationKeyCode: r,
-    focusOnNextGridcell: I,
-    navigationInput: (s) => {
-      const { ctrlKey: f, keyCode: p, target: v } = s;
-      Object.values(e.value).flat(1).includes(v) && r(p) && I(v, p, f);
+    isNavigationKeyCode: t,
+    focusOnNextGridcell: b,
+    navigationInput: (o) => {
+      const { ctrlKey: m, keyCode: L, target: C } = o;
+      Object.values(e.value).flat(1).includes(C) && t(L) && b(C, L, m);
     }
   };
-}, Nn = (e, o, l, t) => {
-  const C = $(e), a = $(o), S = $(l), g = O(() => C.value !== "none"), _ = O(() => C.value === "automatic"), h = () => {
-    t(y.UPDATE_SHOW_MORE);
+}, Wn = (e, s, l, n) => {
+  const g = w(e), d = w(s), p = w(l), f = R(() => g.value !== "none"), v = R(() => g.value === "automatic"), u = () => {
+    n($.UPDATE_SHOW_MORE);
   };
-  return ie(
-    () => a.value,
+  return le(
+    () => d.value,
     () => {
-      if (_.value) {
-        const r = S.value.offsetHeight - a.value;
-        (r === 0 || r === 1) && h();
+      if (v.value) {
+        const t = p.value.offsetHeight - d.value;
+        (t === 0 || t === 1) && u();
       }
     }
-  ), { isLazyLoad: g, isInfiniteScroll: _, verticalScrollPosition: a, emitLazyLoadEvent: h };
-}, wn = (e, o, l) => {
-  const t = $(e), C = $(o), a = Oe({
+  ), { isLazyLoad: f, isInfiniteScroll: v, verticalScrollPosition: d, emitLazyLoadEvent: u };
+}, Vn = (e, s, l) => {
+  const n = w(e), g = w(s), d = Ne({
     dragging: null,
     dragToLeft: null,
     target: null
-  }), S = (s, f = 0) => {
-    const p = t.value.findIndex((b) => b.field === s.field), v = p + f;
-    if (v < 0 || v > t.value.length - 1)
+  }), p = (o, m = 0) => {
+    const L = n.value.findIndex((h) => h.field === o.field), C = L + m;
+    if (C < 0 || C > n.value.length - 1)
       return;
-    const T = [...t.value];
-    T.splice(v, 0, T.splice(p, 1)[0]), l(y.COLUMNS, T), l(y.UPDATE_COLUMNS, T);
-  }, g = (s, f) => {
-    a.dragging = s, f.dataTransfer.setData("text", ""), f.dataTransfer.dropEffect = "move";
-  }, _ = (s, f) => {
-    a.target = s;
-    const p = f.currentTarget.getBoundingClientRect(), v = p.left + p.width / 2, T = f.clientX ?? 0;
-    a.dragToLeft = T <= v;
-  }, h = (s) => {
-    var f, p;
-    if (((f = a.dragging) == null ? void 0 : f.field) !== s.field) {
-      const v = t.value.findIndex((R) => {
-        var P;
-        return R.field === ((P = a.dragging) == null ? void 0 : P.field);
-      }), T = t.value.findIndex((R) => R.field === s.field), b = a.dragToLeft ? T : T + 1, D = b > v ? b - 1 : b;
-      let n = [...t.value];
-      n.splice(
-        D === -1 ? 0 : D,
+    const I = [...n.value];
+    I.splice(C, 0, I.splice(L, 1)[0]), l($.COLUMNS, I), l($.UPDATE_COLUMNS, I);
+  }, f = (o, m) => {
+    d.dragging = o, m.dataTransfer.setData("text", ""), m.dataTransfer.dropEffect = "move";
+  }, v = (o, m) => {
+    d.target = o;
+    const L = m.currentTarget.getBoundingClientRect(), C = L.left + L.width / 2, I = m.clientX ?? 0;
+    d.dragToLeft = I <= C;
+  }, u = (o) => {
+    var m, L;
+    if (((m = d.dragging) == null ? void 0 : m.field) !== o.field) {
+      const C = n.value.findIndex((O) => {
+        var D;
+        return O.field === ((D = d.dragging) == null ? void 0 : D.field);
+      }), I = n.value.findIndex((O) => O.field === o.field), h = d.dragToLeft ? I : I + 1, M = h > C ? h - 1 : h;
+      let i = [...n.value];
+      i.splice(
+        M === -1 ? 0 : M,
         0,
-        n.splice(v, 1)[0]
+        i.splice(C, 1)[0]
       );
-      const m = t.value.findIndex((R) => !(R != null && R.frozen));
-      ((p = a.dragging) == null ? void 0 : p.frozen) !== s.frozen && b !== m && (n = n.map(
-        (R) => {
-          var P;
-          return ((P = a.dragging) == null ? void 0 : P.field) === R.field ? { ...R, frozen: !!(s != null && s.frozen) } : R;
+      const S = n.value.findIndex((O) => !(O != null && O.frozen));
+      ((L = d.dragging) == null ? void 0 : L.frozen) !== o.frozen && h !== S && (i = i.map(
+        (O) => {
+          var D;
+          return ((D = d.dragging) == null ? void 0 : D.field) === O.field ? { ...O, frozen: !!(o != null && o.frozen) } : O;
         }
-      )), l(y.COLUMNS, n), l(y.UPDATE_COLUMNS, n);
+      )), l($.COLUMNS, i), l($.UPDATE_COLUMNS, i);
     }
-    a.dragging = null, a.target = null;
-  }, I = () => {
-    a.dragging = null, a.dragToLeft = null, a.target = null;
-  }, r = O(() => C.value ? {
-    [w.COLUMN_DRAG_START]: (s, f) => g(s, f),
-    [w.COLUMN_DRAG_ENTER]: (s, f) => _(s, f),
-    [w.COLUMN_DROP]: (s) => h(s),
-    [w.COLUMN_DRAG_END]: () => I()
-  } : {}), c = O(() => (s) => C.value ? {
-    dragenter: (f) => {
-      f.preventDefault(), _(s, f);
+    d.dragging = null, d.target = null;
+  }, b = () => {
+    d.dragging = null, d.dragToLeft = null, d.target = null;
+  }, t = R(() => g.value ? {
+    [P.COLUMN_DRAG_START]: (o, m) => f(o, m),
+    [P.COLUMN_DRAG_ENTER]: (o, m) => v(o, m),
+    [P.COLUMN_DROP]: (o) => u(o),
+    [P.COLUMN_DRAG_END]: () => b()
+  } : {}), _ = R(() => (o) => g.value ? {
+    dragenter: (m) => {
+      m.preventDefault(), v(o, m);
     },
     drop: () => {
-      h(s);
+      u(o);
     },
-    dragover: (f) => {
-      f.preventDefault();
+    dragover: (m) => {
+      m.preventDefault();
     }
   } : {});
   return {
     // Values
-    draggingColumns: a,
+    draggingColumns: d,
     // Methods
-    draggingEventsForColumns: r,
-    draggingEventsForRowCell: c,
-    onMoveColumnByOffset: S
+    draggingEventsForColumns: t,
+    draggingEventsForRowCell: _,
+    onMoveColumnByOffset: p
   };
-}, Un = (e, o) => {
-  const l = $(e), t = O(
-    () => [...l.value].sort((r, c) => r.frozen === c.frozen ? 0 : r.frozen ? -1 : 1)
-  ), C = O(() => t.value.filter((r) => r.frozen)), a = O(() => t.value.filter((r) => !r.frozen)), S = O(
+}, Bn = (e, s) => {
+  const l = w(e), n = R(
+    () => [...l.value].sort((t, _) => t.frozen === _.frozen ? 0 : t.frozen ? -1 : 1)
+  ), g = R(() => n.value.filter((t) => t.frozen)), d = R(() => n.value.filter((t) => !t.frozen)), p = R(
     () => [
-      { columnSet: C.value, id: "frozen", isFrozenColumns: !0 },
-      { columnSet: a.value, id: "unfrozen" }
-    ].filter(({ columnSet: r }) => r.length)
-  ), g = O(
-    () => l.value.filter((r) => (r == null ? void 0 : r.visible) !== !1 && (r == null ? void 0 : r.field) !== re).length === 1
-  ), _ = (r) => o(y.UPDATE_CONDENSED, r), h = (r) => {
-    o(y.COLUMNS, r), o(y.UPDATE_COLUMNS, r);
+      { columnSet: g.value, id: "frozen", isFrozenColumns: !0 },
+      { columnSet: d.value, id: "unfrozen" }
+    ].filter(({ columnSet: t }) => t.length)
+  ), f = R(
+    () => l.value.filter((t) => (t == null ? void 0 : t.visible) !== !1 && (t == null ? void 0 : t.field) !== re).length === 1
+  ), v = (t) => s($.UPDATE_CONDENSED, t), u = (t) => {
+    s($.COLUMNS, t), s($.UPDATE_COLUMNS, t);
   };
   return {
     // Values
-    columnSets: S,
-    isOnlyOneVisibleColumn: g,
-    sortedColumns: t,
+    columnSets: p,
+    isOnlyOneVisibleColumn: f,
+    sortedColumns: n,
     // Methods
-    onConfigSettingsUpdate: _,
-    onConfigSettingsColumnsUpdate: h,
-    onConfigSettingsColumnUpdate: (r) => {
-      const c = t.value.map(
-        (s) => (s == null ? void 0 : s.field) === r.field ? r : s
+    onConfigSettingsUpdate: v,
+    onConfigSettingsColumnsUpdate: u,
+    onConfigSettingsColumnUpdate: (t) => {
+      const _ = n.value.map(
+        (o) => (o == null ? void 0 : o.field) === t.field ? t : o
       );
-      h(c);
+      u(_);
+    }
+  };
+}, Qe = (e, s) => {
+  const l = w(0);
+  let n = null;
+  const g = () => {
+    e != null && e.value && s.value && (l.value = e.value.offsetHeight);
+  };
+  return ct(() => {
+    ie(() => {
+      const d = le(
+        e,
+        () => {
+          e != null && e.value && (ie(() => d()), n = ht(e.value, () => {
+            g();
+          }));
+        },
+        { immediate: !0 }
+      );
+      le(
+        s,
+        () => {
+          s.value ? g() : l.value = 0;
+        },
+        { immediate: !0 }
+      );
+    });
+  }), ut(() => {
+    n == null || n.disconnect();
+  }), l;
+}, Hn = (e, s, l) => {
+  const n = w(0);
+  return le(
+    () => n.value,
+    () => {
+      e.value.scrollLeft = n.value, s.value.scrollLeft = n.value;
+    }
+  ), {
+    // Values
+    scrollLeftPosition: n,
+    // Methods
+    updateScrollPosition: (p) => {
+      n.value = p.target.scrollLeft, l.value = e.value.scrollHeight - p.target.scrollTop;
+    },
+    updateScrollPositionOnFrozenColumnsNavigation: (p) => {
+      p.key !== "Tab" && p.key !== "ArrowRight" && p.key !== "ArrowLeft" || (p.preventDefault(), e.value.scrollLeft = 0, e.value.style.overflowX = "hidden", setTimeout(() => {
+        e.value.style.overflowX = "auto";
+      }));
     }
   };
 };
-let je = 0;
-const Pn = {
+let xe = 0;
+const Zn = {
   beforeCreate() {
-    this.uuid = je.toString(), je += 1;
+    this.uuid = xe.toString(), xe += 1;
   }
-}, Dn = { key: 0 }, Mn = /* @__PURE__ */ A("path", {
+}, jn = { key: 0 }, Yn = /* @__PURE__ */ T("path", {
   fill: "#00112C",
   d: "M8 4.75L3.5 10.75L12.5 10.75L8 4.75Z"
 }, null, -1);
-function zn(e, o, l, t, C, a) {
-  return u(), L("svg", K({ role: "img" }, e.$attrs, {
+function qn(e, s, l, n, g, d) {
+  return c(), y("svg", K({ 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"] ? (u(), L("title", Dn, k(e.$attrs["svg-title"]), 1)) : U("", !0),
-    Mn
+    e.$attrs["svg-title"] ? (c(), y("title", jn, F(e.$attrs["svg-title"]), 1)) : N("", !0),
+    Yn
   ], 16);
 }
-const kn = /* @__PURE__ */ q(Pn, [["render", zn]]);
-let Ye = 0;
-const Fn = {
+const Xn = /* @__PURE__ */ j(Zn, [["render", qn]]);
+let et = 0;
+const Kn = {
   beforeCreate() {
-    this.uuid = Ye.toString(), Ye += 1;
+    this.uuid = et.toString(), et += 1;
   }
-}, Gn = { key: 0 }, Wn = /* @__PURE__ */ A("path", {
+}, Jn = { key: 0 }, Qn = /* @__PURE__ */ T("path", {
   fill: "#00112C",
   d: "M8 11.25L12.5 5.25H3.5L8 11.25Z"
 }, null, -1);
-function Vn(e, o, l, t, C, a) {
-  return u(), L("svg", K({ role: "img" }, e.$attrs, {
+function xn(e, s, l, n, g, d) {
+  return c(), y("svg", K({ 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"] ? (u(), L("title", Gn, k(e.$attrs["svg-title"]), 1)) : U("", !0),
-    Wn
+    e.$attrs["svg-title"] ? (c(), y("title", Jn, F(e.$attrs["svg-title"]), 1)) : N("", !0),
+    Qn
   ], 16);
 }
-const Bn = /* @__PURE__ */ q(Fn, [["render", Vn]]);
-let Xe = 0;
-const Hn = {
+const es = /* @__PURE__ */ j(Kn, [["render", xn]]);
+let tt = 0;
+const ts = {
   beforeCreate() {
-    this.uuid = Xe.toString(), Xe += 1;
+    this.uuid = tt.toString(), tt += 1;
   }
-}, Zn = { key: 0 }, jn = /* @__PURE__ */ A("path", {
+}, ns = { key: 0 }, ss = /* @__PURE__ */ T("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 Yn(e, o, l, t, C, a) {
-  return u(), L("svg", K({ role: "img" }, e.$attrs, {
+function is(e, s, l, n, g, d) {
+  return c(), y("svg", K({ 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"] ? (u(), L("title", Zn, k(e.$attrs["svg-title"]), 1)) : U("", !0),
-    jn
+    e.$attrs["svg-title"] ? (c(), y("title", ns, F(e.$attrs["svg-title"]), 1)) : N("", !0),
+    ss
   ], 16);
 }
-const Xn = /* @__PURE__ */ q(Hn, [["render", Yn]]);
-let qe = 0;
-const qn = {
+const ls = /* @__PURE__ */ j(ts, [["render", is]]);
+let nt = 0;
+const os = {
   beforeCreate() {
-    this.uuid = qe.toString(), qe += 1;
+    this.uuid = nt.toString(), nt += 1;
   }
-}, Jn = { key: 0 }, Kn = ["clip-path"], Qn = /* @__PURE__ */ A("path", {
+}, as = { key: 0 }, rs = ["clip-path"], ds = /* @__PURE__ */ T("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), xn = [
-  Qn
-], es = ["id"], ts = /* @__PURE__ */ A("rect", {
+}, null, -1), cs = [
+  ds
+], us = ["id"], gs = /* @__PURE__ */ T("rect", {
   width: "16",
   height: "16",
   fill: "#fff",
   transform: "matrix(1 0 0 -1 0 16)"
-}, null, -1), ns = [
-  ts
+}, null, -1), fs = [
+  gs
 ];
-function ss(e, o, l, t, C, a) {
-  return u(), L("svg", K({ role: "img" }, e.$attrs, {
+function _s(e, s, l, n, g, d) {
+  return c(), y("svg", K({ 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"] ? (u(), L("title", Jn, k(e.$attrs["svg-title"]), 1)) : U("", !0),
-    A("g", {
+    e.$attrs["svg-title"] ? (c(), y("title", as, F(e.$attrs["svg-title"]), 1)) : N("", !0),
+    T("g", {
       "clip-path": "url(#uia-icons-16-freeze__a" + e.uuid + ")"
-    }, xn, 8, Kn),
-    A("defs", null, [
-      A("clipPath", {
+    }, cs, 8, rs),
+    T("defs", null, [
+      T("clipPath", {
         id: "uia-icons-16-freeze__a" + e.uuid
-      }, ns, 8, es)
+      }, fs, 8, us)
     ])
   ], 16);
 }
-const ut = /* @__PURE__ */ q(qn, [["render", ss]]);
-let Je = 0;
-const is = {
+const bt = /* @__PURE__ */ j(os, [["render", _s]]);
+let st = 0;
+const Cs = {
   beforeCreate() {
-    this.uuid = Je.toString(), Je += 1;
+    this.uuid = st.toString(), st += 1;
   }
-}, os = { key: 0 }, ls = /* @__PURE__ */ A("path", {
+}, ms = { key: 0 }, vs = /* @__PURE__ */ T("path", {
   fill: "#00112C",
   d: "M2.99035 14.0608L14.051 3.00011L12.9903 1.93945L1.92969 13.0001L2.99035 14.0608Z"
-}, null, -1), as = /* @__PURE__ */ A("path", {
+}, null, -1), ps = /* @__PURE__ */ T("path", {
   fill: "#00112C",
   d: "M13.9404 5.23L12.8704 6.3C13.4704 6.97 13.9004 7.62 14.1304 8C13.4704 9.07 11.2504 12.25 8.00039 12.25C7.67039 12.25 7.34039 12.22 7.03039 12.14L5.80039 13.37C6.48039 13.61 7.21039 13.75 8.00039 13.75C12.7425 13.75 15.4838 8.69421 15.6649 8.36011C15.6671 8.35603 15.6689 8.35265 15.6704 8.35L15.8504 8L15.6704 7.65C15.6204 7.55 15.0204 6.43 13.9404 5.23Z"
-}, null, -1), rs = /* @__PURE__ */ A("path", {
+}, null, -1), hs = /* @__PURE__ */ T("path", {
   fill: "#00112C",
   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 ds(e, o, l, t, C, a) {
-  return u(), L("svg", K({ role: "img" }, e.$attrs, {
+function Ls(e, s, l, n, g, d) {
+  return c(), y("svg", K({ 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"] ? (u(), L("title", os, k(e.$attrs["svg-title"]), 1)) : U("", !0),
-    ls,
-    as,
-    rs
+    e.$attrs["svg-title"] ? (c(), y("title", ms, F(e.$attrs["svg-title"]), 1)) : N("", !0),
+    vs,
+    ps,
+    hs
   ], 16);
 }
-const us = /* @__PURE__ */ q(is, [["render", ds]]);
-let Ke = 0;
-const cs = {
+const ys = /* @__PURE__ */ j(Cs, [["render", Ls]]);
+let it = 0;
+const Ss = {
   beforeCreate() {
-    this.uuid = Ke.toString(), Ke += 1;
+    this.uuid = it.toString(), it += 1;
   }
-}, gs = { key: 0 }, fs = /* @__PURE__ */ A("path", {
+}, bs = { key: 0 }, Es = /* @__PURE__ */ T("path", {
   fill: "#00112C",
   d: "M8 5.25C6.48122 5.25 5.25 6.48122 5.25 8C5.25 9.51878 6.48122 10.75 8 10.75C9.51878 10.75 10.75 9.51878 10.75 8C10.75 6.48122 9.51878 5.25 8 5.25ZM6.75 8C6.75 7.30964 7.30964 6.75 8 6.75C8.69036 6.75 9.25 7.30964 9.25 8C9.25 8.69036 8.69036 9.25 8 9.25C7.30964 9.25 6.75 8.69036 6.75 8Z"
-}, null, -1), _s = /* @__PURE__ */ A("path", {
+}, null, -1), $s = /* @__PURE__ */ T("path", {
   fill: "#00112C",
   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 Cs(e, o, l, t, C, a) {
-  return u(), L("svg", K({ role: "img" }, e.$attrs, {
+function As(e, s, l, n, g, d) {
+  return c(), y("svg", K({ 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"] ? (u(), L("title", gs, k(e.$attrs["svg-title"]), 1)) : U("", !0),
-    fs,
-    _s
+    e.$attrs["svg-title"] ? (c(), y("title", bs, F(e.$attrs["svg-title"]), 1)) : N("", !0),
+    Es,
+    $s
   ], 16);
 }
-const ms = /* @__PURE__ */ q(cs, [["render", Cs]]), Qe = {
+const Is = /* @__PURE__ */ j(Ss, [["render", As]]), lt = {
   "en-US": {
+    freezeColumn: "Freeze column",
+    hideColumn: "Hide column",
     moveColumnLeft: "Move column left",
     moveColumnRight: "Move column right",
-    freezeColumn: "Freeze column",
-    unfreezeColumn: "Unfreeze column",
+    selectAll: "Select all",
+    selectPage: "Select this page",
+    selectionMenu: "Selection menu",
     showColumn: "Show column",
-    hideColumn: "Hide column"
+    unfreezeColumn: "Unfreeze column"
   }
-}, vs = ge({
-  i18n: { messages: Qe },
+}, Rs = de({
+  i18n: { messages: lt },
   name: "data-grid-columns",
   components: {
-    BentoCheckbox: ot,
-    BentoInfoIcon: hn,
-    BentoTypography: Ie,
-    BentoMenu: bn,
-    TriangleUp: kn,
-    TriangleDown: Bn
+    BentoCheckbox: mt,
+    BentoInfoIcon: On,
+    BentoTypography: Re,
+    BentoMenu: St,
+    TriangleUp: Xn,
+    TriangleDown: es
   },
   props: {
     /**
@@ -612,6 +674,13 @@ const ms = /* @__PURE__ */ q(cs, [["render", Cs]]), Qe = {
       type: Object,
       default: void 0
     },
+    /**
+     * Adds an extra option when selecting all, to select items in other pages too
+     */
+    selectableAcrossPages: {
+      type: Boolean,
+      default: !1
+    },
     /**
      * Sortby handles proper rendering of sort icon in header. Sorting currently is only supported server side.
      * It does make sure the currently sorted column has a more visible sort icon, and the sort icon points in the right direction.
@@ -623,276 +692,307 @@ const ms = /* @__PURE__ */ q(cs, [["render", Cs]]), Qe = {
     }
   },
   emits: [
-    w.COLUMN_RESIZE,
-    w.COLUMN_RESIZING,
-    w.SORT,
-    w.SELECT_ALL_ROWS,
-    w.COLUMN_DRAG_START,
-    w.COLUMN_DRAG_ENTER,
-    w.COLUMN_DROP,
-    w.COLUMN_DRAG_END,
-    w.COLUMN_MOVE,
-    w.COLUMN_UPDATE,
-    w.COLUMN_MENU_OPEN,
-    w.COLUMN_MENU_CLOSE
+    P.COLUMN_RESIZE,
+    P.COLUMN_RESIZING,
+    P.SORT,
+    P.SELECT_ALL_ROWS,
+    P.SELECT_ALL_ACROSS_PAGES,
+    P.COLUMN_DRAG_START,
+    P.COLUMN_DRAG_ENTER,
+    P.COLUMN_DROP,
+    P.COLUMN_DRAG_END,
+    P.COLUMN_MOVE,
+    P.COLUMN_UPDATE,
+    P.COLUMN_MENU_OPEN,
+    P.COLUMN_MENU_CLOSE
   ],
-  setup(e, { emit: o }) {
-    const { t: l } = rt({ messages: Qe }), { columns: t, sortBy: C } = $e(e), a = $(e.allItemsSelectedState), S = (n) => o(w.SELECT_ALL_ROWS, n), g = (n) => n.field === re, { startResize: _, isResizing: h } = yn(t, o), { conditionalSortDirectionClasses: I, sortByColumnField: r } = On(C, t, o), c = (n) => {
-      var P;
-      if (!n.sortable)
+  setup(e, { emit: s }) {
+    const { t: l } = Ue({ messages: lt }), { columns: n, sortBy: g } = Pe(e), d = (i) => s(P.SELECT_ALL_ROWS, i), p = (i) => i.field === re, f = R(() => [
+      {
+        text: l("selectPage"),
+        handler: () => d(!0)
+      },
+      {
+        text: l("selectAll"),
+        handler: () => s(P.SELECT_ALL_ACROSS_PAGES)
+      }
+    ]), { startResize: v, isResizing: u } = Un(n, s), { conditionalSortDirectionClasses: b, sortByColumnField: t } = Fn(g, n, s), _ = (i) => {
+      var D;
+      if (!i.sortable)
         return null;
-      const m = (P = e.sortBy.find(({ field: G }) => G === n.field)) == null ? void 0 : P.direction;
-      return m ? {
-        [le.ASCENDING]: Ee.ASCENDING,
-        [le.DESCENDING]: Ee.DESCENDING
-      }[m] : Ee.NONE;
-    }, s = O(() => (n) => e.hasDraggableColumns ? {
-      dragstart: (m) => {
-        o(w.COLUMN_DRAG_START, n, m);
+      const S = (D = e.sortBy.find(({ field: V }) => V === i.field)) == null ? void 0 : D.direction;
+      return S ? {
+        [oe.ASCENDING]: Ae.ASCENDING,
+        [oe.DESCENDING]: Ae.DESCENDING
+      }[S] : Ae.NONE;
+    }, o = R(() => (i) => e.hasDraggableColumns ? {
+      dragstart: (S) => {
+        s(P.COLUMN_DRAG_START, i, S);
       },
-      dragover: (m) => {
-        m.preventDefault();
+      dragover: (S) => {
+        S.preventDefault();
       },
-      dragenter: (m) => {
-        m.preventDefault(), o(w.COLUMN_DRAG_ENTER, n, m);
+      dragenter: (S) => {
+        S.preventDefault(), s(P.COLUMN_DRAG_ENTER, i, S);
       },
       drop: () => {
-        o(w.COLUMN_DROP, n);
+        s(P.COLUMN_DROP, i);
       },
       dragend: () => {
-        o(w.COLUMN_DRAG_END);
+        s(P.COLUMN_DRAG_END);
       }
-    } : {}), f = O(() => (n) => [
+    } : {}), m = R(() => (i) => [
       {
         text: l("moveColumnLeft"),
-        handler: () => o(w.COLUMN_MOVE, n, -1),
-        icon: Ln,
-        disabled: e.columns[0].field === n.field
+        handler: () => s(P.COLUMN_MOVE, i, -1),
+        icon: Nn,
+        disabled: e.columns[0].field === i.field
       },
       {
         text: l("moveColumnRight"),
-        handler: () => o(w.COLUMN_MOVE, n, 1),
-        icon: Xn,
-        disabled: e.columns[e.columns.length - 1].field === n.field
+        handler: () => s(P.COLUMN_MOVE, i, 1),
+        icon: ls,
+        disabled: e.columns[e.columns.length - 1].field === i.field
       },
       {
-        text: n != null && n.frozen ? l("unfreezeColumn") : l("freezeColumn"),
-        handler: () => o(w.COLUMN_UPDATE, { ...n, frozen: !(n != null && n.frozen) }),
-        icon: ut
+        text: i != null && i.frozen ? l("unfreezeColumn") : l("freezeColumn"),
+        handler: () => s(P.COLUMN_UPDATE, { ...i, frozen: !(i != null && i.frozen) }),
+        icon: bt
       },
       {
-        text: (n == null ? void 0 : n.visible) !== !1 ? l("hideColumn") : l("showColumn"),
+        text: (i == null ? void 0 : i.visible) !== !1 ? l("hideColumn") : l("showColumn"),
         handler: () => {
-          o(w.COLUMN_UPDATE, {
-            ...n,
-            visible: (n == null ? void 0 : n.visible) === !1
+          s(P.COLUMN_UPDATE, {
+            ...i,
+            visible: (i == null ? void 0 : i.visible) === !1
           });
         },
-        icon: (n == null ? void 0 : n.visible) !== !1 ? us : ms,
-        disabled: (n == null ? void 0 : n.mandatory) || (n == null ? void 0 : n.visible) !== !1 && e.isOnlyOneVisibleColumn
+        icon: (i == null ? void 0 : i.visible) !== !1 ? ys : Is,
+        disabled: (i == null ? void 0 : i.mandatory) || (i == null ? void 0 : i.visible) !== !1 && e.isOnlyOneVisibleColumn
       }
-    ]), p = (n) => {
-      let m = {};
-      return g(n) || (m = {
-        ...s.value(n)
-      }), n.sortable && (m.click = () => r(n.field), m.keydown = (R) => {
-        R.keyCode === x.ENTER && r(n.field);
-      }), m;
-    }, v = O(
+    ]), L = (i) => {
+      let S = {};
+      return p(i) || (S = {
+        ...o.value(i)
+      }), i.sortable && (S.click = () => t(i.field), S.keydown = (O) => {
+        O.keyCode === ee.ENTER && t(i.field);
+      }), S;
+    }, C = R(
       () => {
-        var n;
-        return (n = t.value[0]) != null && n.frozen ? { "b-data-grid-columns--frozen": !0 } : {
+        var i;
+        return (i = n.value[0]) != null && i.frozen ? { "b-data-grid-columns--frozen": !0 } : {
           "b-data-grid-columns--unfrozen": !0,
           "b-data-grid-columns--config-settings-margin": e.hasColumnPanel
         };
       }
-    ), T = (n, m) => n && m === 0 ? We.BOTTOM_START : We.BOTTOM_END, b = (n) => {
-      var m, R, P, G, M, Q, de, fe, _e, Ce;
+    ), I = (i, S) => i && S === 0 ? Ye.BOTTOM_START : Ye.BOTTOM_END, h = (i) => {
+      var S, O, D, V, z, x, ce, fe, _e, Ce;
       return {
-        "b-data-grid-columns__column--sortable": n.sortable,
-        "b-data-grid-columns__column--padding-left-unset": ((m = n == null ? void 0 : n.padding) == null ? void 0 : m.left) === !1,
-        "b-data-grid-columns__column--padding-right-unset": ((R = n == null ? void 0 : n.padding) == null ? void 0 : R.right) === !1,
-        "b-data-grid-columns__column--numeric": n == null ? void 0 : n.numeric,
-        "b-data-grid-columns__column--frozen": n == null ? void 0 : n.frozen,
-        "b-data-grid-columns__column--is-re-ordering": (n == null ? void 0 : n.field) === ((G = (P = e.draggingColumns) == null ? void 0 : P.dragging) == null ? void 0 : G.field),
-        "b-data-grid-columns__column--is-re-ordering-target-left": (n == null ? void 0 : n.field) === ((Q = (M = e.draggingColumns) == null ? void 0 : M.target) == null ? void 0 : Q.field) && ((de = e.draggingColumns) == null ? void 0 : de.dragToLeft),
-        "b-data-grid-columns__column--is-re-ordering-target-right": (n == null ? void 0 : n.field) === ((_e = (fe = e.draggingColumns) == null ? void 0 : fe.target) == null ? void 0 : _e.field) && !((Ce = e.draggingColumns) != null && Ce.dragToLeft)
+        "b-data-grid-columns__column--sortable": i.sortable,
+        "b-data-grid-columns__column--padding-left-unset": ((S = i == null ? void 0 : i.padding) == null ? void 0 : S.left) === !1,
+        "b-data-grid-columns__column--padding-right-unset": ((O = i == null ? void 0 : i.padding) == null ? void 0 : O.right) === !1,
+        "b-data-grid-columns__column--numeric": i == null ? void 0 : i.numeric,
+        "b-data-grid-columns__column--frozen": i == null ? void 0 : i.frozen,
+        "b-data-grid-columns__column--is-re-ordering": (i == null ? void 0 : i.field) === ((V = (D = e.draggingColumns) == null ? void 0 : D.dragging) == null ? void 0 : V.field),
+        "b-data-grid-columns__column--is-re-ordering-target-left": (i == null ? void 0 : i.field) === ((x = (z = e.draggingColumns) == null ? void 0 : z.target) == null ? void 0 : x.field) && ((ce = e.draggingColumns) == null ? void 0 : ce.dragToLeft),
+        "b-data-grid-columns__column--is-re-ordering-target-right": (i == null ? void 0 : i.field) === ((_e = (fe = e.draggingColumns) == null ? void 0 : fe.target) == null ? void 0 : _e.field) && !((Ce = e.draggingColumns) != null && Ce.dragToLeft)
       };
-    }, D = O(() => ({
+    }, M = R(() => ({
       "b-data-grid-columns__column-separator-container--is-resizeable": e.hasResizableColumns
     }));
     return {
       // Values
       DATAGRID_SELECT_FIELD_NAME: re,
       // Styles and classes
-      conditionalColumnClasses: b,
-      conditionalColumnSeparatorClasses: D,
-      conditionalColumnsClasses: v,
+      conditionalColumnClasses: h,
+      conditionalColumnSeparatorClasses: M,
+      conditionalColumnsClasses: C,
       // Selecting
-      allItemsSelectedCheckboxState: a,
-      isSelectColumn: g,
-      onAllRowSelect: S,
+      isSelectColumn: p,
+      onAllRowSelect: d,
+      selectAllMenu: f,
       // Sorting
-      conditionalSortDirectionClasses: I,
-      sortByColumnField: r,
-      getSortingColumnDirection: c,
+      conditionalSortDirectionClasses: b,
+      sortByColumnField: t,
+      getSortingColumnDirection: _,
       // Resizing
-      startResize: _,
-      isResizing: h,
+      startResize: v,
+      isResizing: u,
       // Event handlers
-      dataGridColumnEvents: p,
+      dataGridColumnEvents: L,
       // Dragging
-      draggingEventsForColumn: s,
+      draggingEventsForColumn: o,
       // Contextual menu
-      contextualMenuData: f,
-      computeMenuPosition: T,
+      contextualMenuData: m,
+      computeMenuPosition: I,
       // Enums
-      BentoDatagridSortDirection: le,
-      DatagridColumnsEvent: w
+      BentoDatagridSortDirection: oe,
+      DatagridColumnsEvent: P,
+      // Messages
+      t: l
     };
   }
 });
-const ps = ["aria-colindex", "aria-label", "aria-sort", "data-testid", "draggable", "tabindex"], hs = {
+const Ts = ["aria-colindex", "aria-label", "aria-sort", "data-testid", "draggable", "tabindex"], Os = {
   key: 0,
   class: "b-data-grid-columns__column-actions"
-}, bs = {
+}, ws = {
   key: 0,
   class: "b-data-grid-columns__column-sort"
-}, Ls = ["data-testid", "onMousedown"], Ss = {
+}, Ns = ["data-testid", "onMousedown"], Ps = {
   key: 0,
   class: "b-data-grid-columns__column-separator"
+}, Us = {
+  key: 1,
+  class: "b-data-grid-columns__select-column"
 };
-function ys(e, o, l, t, C, a) {
-  const S = V("bento-info-icon"), g = V("bento-typography"), _ = V("triangle-up"), h = V("triangle-down"), I = V("bento-menu"), r = V("bento-checkbox");
-  return u(), L("div", {
+function Ms(e, s, l, n, g, d) {
+  const p = H("bento-info-icon"), f = H("bento-typography"), v = H("triangle-up"), u = H("triangle-down"), b = H("bento-menu"), t = H("bento-checkbox");
+  return c(), y("div", {
     class: te(["b-data-grid-columns", e.conditionalColumnsClasses]),
     "data-testid": "data-grid-columns"
   }, [
-    (u(!0), L(ee, null, oe(e.columns, (c, s) => (u(), L("div", K({
-      key: c.field,
-      "aria-colindex": s + 1,
-      "aria-label": c.label,
-      "aria-sort": e.getSortingColumnDirection(c),
-      class: [e.conditionalColumnClasses(c), "b-data-grid-columns__column"],
-      "data-testid": `${c.field}-column-header`,
-      draggable: e.hasDraggableColumns && !e.isResizing && !e.isSelectColumn(c),
+    (c(!0), y(Q, null, se(e.columns, (_, o) => (c(), y("div", K({
+      key: _.field,
+      "aria-colindex": o + 1,
+      "aria-label": _.label,
+      "aria-sort": e.getSortingColumnDirection(_),
+      class: [e.conditionalColumnClasses(_), "b-data-grid-columns__column"],
+      "data-testid": `${_.field}-column-header`,
+      draggable: e.hasDraggableColumns && !e.isResizing && !e.isSelectColumn(_),
       role: "columnheader",
-      tabindex: c.sortable ? "0" : "-1",
-      style: { width: `${c.width}px` }
-    }, Re(e.dataGridColumnEvents(c), !0)), [
-      e.isSelectColumn(c) ? (u(), W(r, {
-        key: 1,
-        "model-value": e.allItemsSelectedCheckboxState.allItemsSelected,
-        "data-testid": "checkbox-select-all",
-        indeterminate: e.allItemsSelectedCheckboxState.isIndeterminate,
-        value: "data-grid-select-all",
-        "onUpdate:modelValue": e.onAllRowSelect
-      }, null, 8, ["model-value", "indeterminate", "onUpdate:modelValue"])) : (u(), L(ee, { key: 0 }, [
-        z(g, {
+      tabindex: _.sortable ? "0" : "-1",
+      style: { width: `${_.width}px` }
+    }, Ie(e.dataGridColumnEvents(_), !0)), [
+      e.isSelectColumn(_) ? (c(), y("div", Us, [
+        G(t, {
+          "model-value": e.allItemsSelectedState.allItemsSelected,
+          "data-testid": "checkbox-select-all",
+          indeterminate: e.allItemsSelectedState.isIndeterminate,
+          value: "data-grid-select-all",
+          "onUpdate:modelValue": e.onAllRowSelect
+        }, null, 8, ["model-value", "indeterminate", "onUpdate:modelValue"]),
+        e.selectableAcrossPages ? (c(), U(b, {
+          key: 0,
+          class: "b-data-grid-columns__select-column-menu",
+          data: e.selectAllMenu,
+          "menu-position": "bottom-start",
+          "menu-fixed-positioning": "",
+          button: { variant: "tertiary" }
+        }, {
+          default: k(() => [
+            G(u, {
+              "svg-title": e.t("selectionMenu")
+            }, null, 8, ["svg-title"])
+          ]),
+          _: 1
+        }, 8, ["data"])) : N("", !0)
+      ])) : (c(), y(Q, { key: 0 }, [
+        G(f, {
           el: "div",
           strongest: "",
           class: "b-data-grid-columns__column-header"
         }, {
-          default: F(() => [
-            ce(e.$slots, `head-${c.field}`, { column: c }, () => [
-              A("span", null, k(c.label), 1),
-              c.infoIconTooltip ? (u(), W(S, {
+          default: k(() => [
+            ge(e.$slots, `head-${_.field}`, { column: _ }, () => [
+              T("span", null, F(_.label), 1),
+              _.infoIconTooltip ? (c(), U(p, {
                 key: 0,
-                "tooltip-text": c.infoIconTooltip
-              }, null, 8, ["tooltip-text"])) : U("", !0)
+                "tooltip-text": _.infoIconTooltip
+              }, null, 8, ["tooltip-text"])) : N("", !0)
             ], !0)
           ]),
           _: 2
         }, 1024),
-        c.sortable || e.hasColumnPanel ? (u(), L("div", hs, [
-          c.sortable ? (u(), L("div", bs, [
-            z(_, {
-              class: te(["b-data-grid-columns__column-sort-icon", e.conditionalSortDirectionClasses(c.field, e.BentoDatagridSortDirection.ASCENDING)]),
-              "svg-title": `${c.field} sort ascending`,
-              "data-testid": `${c.field}-sort-icon-asc`
+        _.sortable || e.hasColumnPanel ? (c(), y("div", Os, [
+          _.sortable ? (c(), y("div", ws, [
+            G(v, {
+              class: te(["b-data-grid-columns__column-sort-icon", e.conditionalSortDirectionClasses(_.field, e.BentoDatagridSortDirection.ASCENDING)]),
+              "svg-title": `${_.field} sort ascending`,
+              "data-testid": `${_.field}-sort-icon-asc`
             }, null, 8, ["class", "svg-title", "data-testid"]),
-            z(h, {
+            G(u, {
               class: te([
                 "b-data-grid-columns__column-sort-icon",
-                e.conditionalSortDirectionClasses(c.field, e.BentoDatagridSortDirection.DESCENDING)
+                e.conditionalSortDirectionClasses(_.field, e.BentoDatagridSortDirection.DESCENDING)
               ]),
-              "svg-title": `${c.field}sort descending`,
-              "data-testid": `${c.field}-sort-icon-desc`
+              "svg-title": `${_.field}sort descending`,
+              "data-testid": `${_.field}-sort-icon-desc`
             }, null, 8, ["class", "svg-title", "data-testid"])
-          ])) : U("", !0),
-          e.hasColumnPanel ? (u(), W(I, {
+          ])) : N("", !0),
+          e.hasColumnPanel ? (c(), U(b, {
             key: 1,
             class: "b-data-grid-columns__menu",
-            data: e.contextualMenuData(c),
-            "menu-position": e.computeMenuPosition(e.hasFirstColumnPanelRightAligned, s),
+            data: e.contextualMenuData(_),
+            "menu-position": e.computeMenuPosition(e.hasFirstColumnPanelRightAligned, o),
             "menu-fixed-positioning": !0,
             button: { variant: "tertiary" },
-            onOpen: o[0] || (o[0] = (f) => e.$emit(e.DatagridColumnsEvent.COLUMN_MENU_OPEN)),
-            onClose: o[1] || (o[1] = (f) => e.$emit(e.DatagridColumnsEvent.COLUMN_MENU_CLOSE))
-          }, null, 8, ["data", "menu-position"])) : U("", !0)
-        ])) : U("", !0),
-        A("div", {
-          "data-testid": `data-grid-column-${c.field}`,
+            onOpen: s[0] || (s[0] = (m) => e.$emit(e.DatagridColumnsEvent.COLUMN_MENU_OPEN)),
+            onClose: s[1] || (s[1] = (m) => e.$emit(e.DatagridColumnsEvent.COLUMN_MENU_CLOSE))
+          }, null, 8, ["data", "menu-position"])) : N("", !0)
+        ])) : N("", !0),
+        T("div", {
+          "data-testid": `data-grid-column-${_.field}`,
           class: te(["b-data-grid-columns__column-separator-container", e.conditionalColumnSeparatorClasses]),
           role: "presentation",
-          onMousedown: (f) => e.startResize(e.hasResizableColumns, c.field, f),
-          onClick: o[2] || (o[2] = Jt(() => {
+          onMousedown: (m) => e.startResize(e.hasResizableColumns, _.field, m),
+          onClick: s[2] || (s[2] = gn(() => {
           }, ["stop"]))
         }, [
-          !e.isFrozenColumns || e.isFrozenColumns && s !== e.columns.length - 1 ? (u(), L("div", Ss)) : U("", !0)
-        ], 42, Ls)
+          !e.isFrozenColumns || e.isFrozenColumns && o !== e.columns.length - 1 ? (c(), y("div", Ps)) : N("", !0)
+        ], 42, Ns)
       ], 64))
-    ], 16, ps))), 128))
+    ], 16, Ts))), 128))
   ], 2);
 }
-const Es = /* @__PURE__ */ q(vs, [["render", ys], ["__scopeId", "data-v-b43bf06c"]]);
+const ks = /* @__PURE__ */ j(Rs, [["render", Ms], ["__scopeId", "data-v-bfad506b"]]);
 var ne = /* @__PURE__ */ ((e) => (e.CONFIG_SETTINGS = "config-settings", e.UPDATE_COLUMNS = "update:columns", e))(ne || {});
-let xe = 0;
-const Is = {
+let ot = 0;
+const Ds = {
   beforeCreate() {
-    this.uuid = xe.toString(), xe += 1;
+    this.uuid = ot.toString(), ot += 1;
   }
-}, Ts = { key: 0 }, Rs = ["clip-path"], Os = /* @__PURE__ */ A("path", { d: "M8 5.25C6.48122 5.25 5.25 6.48122 5.25 8C5.25 9.51878 6.48122 10.75 8 10.75C9.51878 10.75 10.75 9.51878 10.75 8C10.75 6.48122 9.51878 5.25 8 5.25ZM6.75 8C6.75 7.30964 7.30964 6.75 8 6.75C8.69036 6.75 9.25 7.30964 9.25 8C9.25 8.69036 8.69036 9.25 8 9.25C7.30964 9.25 6.75 8.69036 6.75 8Z" }, null, -1), $s = /* @__PURE__ */ A("path", { d: "M6.84701 0.973015L6.59985 0.35083L5.9537 0.526056C4.64534 0.880867 3.48225 1.56808 2.55285 2.48641L2.07533 2.95826L2.49158 3.48495C2.79648 3.87074 2.85279 4.419 2.58992 4.87589C2.32905 5.32931 1.82436 5.55631 1.33473 5.48726L0.677319 5.39455L0.505539 6.03586C0.33838 6.65992 0.25 7.32519 0.25 7.99991C0.25 8.67463 0.33838 9.3399 0.505539 9.96396L0.677319 10.6053L1.33473 10.5126C1.82436 10.4435 2.32905 10.6705 2.58992 11.1239C2.85279 11.5808 2.79648 12.1291 2.49158 12.5149L2.07533 13.0416L2.55285 13.5134C3.48225 14.4317 4.64534 15.119 5.9537 15.4738L6.59985 15.649L6.84701 15.0268C7.02659 14.5748 7.47549 14.2499 8 14.2499C8.52452 14.2499 8.97341 14.5748 9.15299 15.0268L9.40016 15.649L10.0463 15.4738C11.3547 15.119 12.5177 14.4317 13.4471 13.5134L13.9247 13.0416L13.5084 12.5149C13.2035 12.1291 13.1472 11.5808 13.4101 11.1239C13.671 10.6705 14.1756 10.4435 14.6653 10.5126L15.3227 10.6053L15.4945 9.96396C15.6616 9.3399 15.75 8.67463 15.75 7.99991C15.75 7.32519 15.6616 6.65992 15.4945 6.03586L15.3227 5.39455L14.6653 5.48726C14.1756 5.55631 13.671 5.32931 13.4101 4.87589C13.1472 4.419 13.2035 3.87074 13.5084 3.48495L13.9247 2.95826L13.4471 2.48641C12.5177 1.56808 11.3547 0.880867 10.0463 0.526056L9.40016 0.35083L9.15299 0.973015C8.97341 1.42506 8.52452 1.74991 8 1.74991C7.47549 1.74991 7.02659 1.42506 6.84701 0.973015ZM3.89008 5.62393C4.33946 4.84286 4.36394 3.9353 4.03405 3.16853C4.55803 2.73795 5.15349 2.39116 5.80146 2.14902C6.30062 2.81653 7.10051 3.24991 8 3.24991C8.89949 3.24991 9.69938 2.81653 10.1985 2.14902C10.8465 2.39116 11.442 2.73795 11.966 3.16853C11.6361 3.9353 11.6605 4.84287 12.1099 5.62393C12.5612 6.40839 13.3382 6.88092 14.1658 6.97982C14.221 7.31075 14.25 7.65319 14.25 7.99991C14.25 8.34663 14.221 8.68908 14.1658 9.02001C13.3382 9.11891 12.5612 9.59143 12.1099 10.3759C11.6605 11.157 11.6361 12.0645 11.9659 12.8313C11.442 13.2619 10.8465 13.6087 10.1985 13.8508C9.69938 13.1833 8.89949 12.7499 8 12.7499C7.10051 12.7499 6.30062 13.1833 5.80146 13.8508C5.15349 13.6087 4.55803 13.2619 4.03405 12.8313C4.36394 12.0645 4.33946 11.157 3.89008 10.3759C3.43875 9.59143 2.66177 9.1189 1.8342 9.02C1.77896 8.68908 1.75 8.34663 1.75 7.99991C1.75 7.65319 1.77896 7.31074 1.8342 6.97982C2.66177 6.88092 3.43875 6.40839 3.89008 5.62393Z" }, null, -1), As = [
-  Os,
-  $s
-], Ns = ["id"], ws = /* @__PURE__ */ A("rect", {
+}, zs = { key: 0 }, Fs = ["clip-path"], Gs = /* @__PURE__ */ T("path", { d: "M8 5.25C6.48122 5.25 5.25 6.48122 5.25 8C5.25 9.51878 6.48122 10.75 8 10.75C9.51878 10.75 10.75 9.51878 10.75 8C10.75 6.48122 9.51878 5.25 8 5.25ZM6.75 8C6.75 7.30964 7.30964 6.75 8 6.75C8.69036 6.75 9.25 7.30964 9.25 8C9.25 8.69036 8.69036 9.25 8 9.25C7.30964 9.25 6.75 8.69036 6.75 8Z" }, null, -1), Ws = /* @__PURE__ */ T("path", { d: "M6.84701 0.973015L6.59985 0.35083L5.9537 0.526056C4.64534 0.880867 3.48225 1.56808 2.55285 2.48641L2.07533 2.95826L2.49158 3.48495C2.79648 3.87074 2.85279 4.419 2.58992 4.87589C2.32905 5.32931 1.82436 5.55631 1.33473 5.48726L0.677319 5.39455L0.505539 6.03586C0.33838 6.65992 0.25 7.32519 0.25 7.99991C0.25 8.67463 0.33838 9.3399 0.505539 9.96396L0.677319 10.6053L1.33473 10.5126C1.82436 10.4435 2.32905 10.6705 2.58992 11.1239C2.85279 11.5808 2.79648 12.1291 2.49158 12.5149L2.07533 13.0416L2.55285 13.5134C3.48225 14.4317 4.64534 15.119 5.9537 15.4738L6.59985 15.649L6.84701 15.0268C7.02659 14.5748 7.47549 14.2499 8 14.2499C8.52452 14.2499 8.97341 14.5748 9.15299 15.0268L9.40016 15.649L10.0463 15.4738C11.3547 15.119 12.5177 14.4317 13.4471 13.5134L13.9247 13.0416L13.5084 12.5149C13.2035 12.1291 13.1472 11.5808 13.4101 11.1239C13.671 10.6705 14.1756 10.4435 14.6653 10.5126L15.3227 10.6053L15.4945 9.96396C15.6616 9.3399 15.75 8.67463 15.75 7.99991C15.75 7.32519 15.6616 6.65992 15.4945 6.03586L15.3227 5.39455L14.6653 5.48726C14.1756 5.55631 13.671 5.32931 13.4101 4.87589C13.1472 4.419 13.2035 3.87074 13.5084 3.48495L13.9247 2.95826L13.4471 2.48641C12.5177 1.56808 11.3547 0.880867 10.0463 0.526056L9.40016 0.35083L9.15299 0.973015C8.97341 1.42506 8.52452 1.74991 8 1.74991C7.47549 1.74991 7.02659 1.42506 6.84701 0.973015ZM3.89008 5.62393C4.33946 4.84286 4.36394 3.9353 4.03405 3.16853C4.55803 2.73795 5.15349 2.39116 5.80146 2.14902C6.30062 2.81653 7.10051 3.24991 8 3.24991C8.89949 3.24991 9.69938 2.81653 10.1985 2.14902C10.8465 2.39116 11.442 2.73795 11.966 3.16853C11.6361 3.9353 11.6605 4.84287 12.1099 5.62393C12.5612 6.40839 13.3382 6.88092 14.1658 6.97982C14.221 7.31075 14.25 7.65319 14.25 7.99991C14.25 8.34663 14.221 8.68908 14.1658 9.02001C13.3382 9.11891 12.5612 9.59143 12.1099 10.3759C11.6605 11.157 11.6361 12.0645 11.9659 12.8313C11.442 13.2619 10.8465 13.6087 10.1985 13.8508C9.69938 13.1833 8.89949 12.7499 8 12.7499C7.10051 12.7499 6.30062 13.1833 5.80146 13.8508C5.15349 13.6087 4.55803 13.2619 4.03405 12.8313C4.36394 12.0645 4.33946 11.157 3.89008 10.3759C3.43875 9.59143 2.66177 9.1189 1.8342 9.02C1.77896 8.68908 1.75 8.34663 1.75 7.99991C1.75 7.65319 1.77896 7.31074 1.8342 6.97982C2.66177 6.88092 3.43875 6.40839 3.89008 5.62393Z" }, null, -1), Vs = [
+  Gs,
+  Ws
+], Bs = ["id"], Hs = /* @__PURE__ */ T("rect", {
   width: "16",
   height: "16",
   fill: "#fff"
-}, null, -1), Us = [
-  ws
+}, null, -1), Zs = [
+  Hs
 ];
-function Ps(e, o, l, t, C, a) {
-  return u(), L("svg", K({ role: "img" }, e.$attrs, {
+function js(e, s, l, n, g, d) {
+  return c(), y("svg", K({ 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"] ? (u(), L("title", Ts, k(e.$attrs["svg-title"]), 1)) : U("", !0),
-    A("g", {
+    e.$attrs["svg-title"] ? (c(), y("title", zs, F(e.$attrs["svg-title"]), 1)) : N("", !0),
+    T("g", {
       fill: "#00112C",
       "clip-path": "url(#uia-icons-16-settings__a" + e.uuid + ")"
-    }, As, 8, Rs),
-    A("defs", null, [
-      A("clipPath", {
+    }, Vs, 8, Fs),
+    T("defs", null, [
+      T("clipPath", {
         id: "uia-icons-16-settings__a" + e.uuid
-      }, Us, 8, Ns)
+      }, Zs, 8, Bs)
     ])
   ], 16);
 }
-const Ds = /* @__PURE__ */ q(Is, [["render", Ps]]), Ms = {
+const Ys = /* @__PURE__ */ j(Ds, [["render", js]]), qs = {
   "en-US": {
     toggleColumnVisibility: "Toggle {label} column visibility",
     toggleColumnFreeze: "Toggle {label} column freeze"
   }
-}, zs = ge({
-  i18n: { messages: Ms },
+}, Xs = de({
+  i18n: { messages: qs },
   name: "bento-data-grid",
   components: {
-    BentoFreezeIcon: ut,
-    BentoToggle: dt
+    BentoFreezeIcon: bt,
+    BentoToggle: yt
   },
   props: {
     /**
@@ -911,67 +1011,67 @@ const Ds = /* @__PURE__ */ q(Is, [["render", Ps]]), Ms = {
     }
   },
   emits: ["visible-column", "updated-column"],
-  setup(e, { emit: o }) {
-    const l = $(!1), t = O(() => {
-      var I;
-      return (I = e.column) == null ? void 0 : I.frozen;
-    }), C = O(() => {
-      var I;
-      return ((I = e.column) == null ? void 0 : I.visible) !== !1;
-    }), a = () => {
-      o("visible-column", { ...e.column, visible: !C.value });
-    }, S = () => {
-      o("updated-column", { ...e.column, frozen: !t.value });
-    }, g = () => {
-      t.value || (l.value = !0);
-    }, _ = () => {
-      t.value || (l.value = !1);
-    }, h = O(() => ({
-      ["b-data-grid-config-settings-column-row__freeze-icon--frozen"]: t.value
+  setup(e, { emit: s }) {
+    const l = w(!1), n = R(() => {
+      var b;
+      return (b = e.column) == null ? void 0 : b.frozen;
+    }), g = R(() => {
+      var b;
+      return ((b = e.column) == null ? void 0 : b.visible) !== !1;
+    }), d = () => {
+      s("visible-column", { ...e.column, visible: !g.value });
+    }, p = () => {
+      s("updated-column", { ...e.column, frozen: !n.value });
+    }, f = () => {
+      n.value || (l.value = !0);
+    }, v = () => {
+      n.value || (l.value = !1);
+    }, u = R(() => ({
+      ["b-data-grid-config-settings-column-row__freeze-icon--frozen"]: n.value
     }));
     return {
       // Values
       isFreezeIconOptionShown: l,
-      isColumnFrozen: t,
-      freezeIconConditionalClasses: h,
-      isColumnVisible: C,
+      isColumnFrozen: n,
+      freezeIconConditionalClasses: u,
+      isColumnVisible: g,
       // Methods
-      toggleColumnVisibility: a,
-      showFreezeIcon: g,
-      hideFreezeIcon: _,
-      toggleColumnFreeze: S
+      toggleColumnVisibility: d,
+      showFreezeIcon: f,
+      hideFreezeIcon: v,
+      toggleColumnFreeze: p
     };
   }
 });
-function ks(e, o, l, t, C, a) {
-  const S = V("bento-toggle"), g = V("bento-freeze-icon");
-  return u(), L("div", {
+function Ks(e, s, l, n, g, d) {
+  const p = H("bento-toggle"), f = H("bento-freeze-icon");
+  return c(), y("div", {
     class: "b-data-grid-config-settings-column-row",
-    onMouseover: o[0] || (o[0] = (..._) => e.showFreezeIcon && e.showFreezeIcon(..._)),
-    onMouseleave: o[1] || (o[1] = (..._) => e.hideFreezeIcon && e.hideFreezeIcon(..._))
+    onMouseover: s[0] || (s[0] = (...v) => e.showFreezeIcon && e.showFreezeIcon(...v)),
+    onMouseleave: s[1] || (s[1] = (...v) => e.hideFreezeIcon && e.hideFreezeIcon(...v))
   }, [
-    z(S, {
+    G(p, {
       "aria-label": e.$t("toggleColumnVisibility", { label: e.column.label }),
       disabled: e.isColumnVisibilityToggleDisabled,
       "label-position": "after",
       value: e.isColumnVisible,
       onInput: e.toggleColumnVisibility
     }, {
-      default: F(() => [
-        X(k(e.column.label), 1)
+      default: k(() => [
+        X(F(e.column.label), 1)
       ]),
       _: 1
     }, 8, ["aria-label", "disabled", "value", "onInput"]),
-    st(z(g, {
+    gt(G(f, {
       "aria-label": e.$t("toggleColumnFreeze", { label: e.column.label }),
       class: te(["b-data-grid-config-settings-column-row__freeze-icon", e.freezeIconConditionalClasses]),
       onClick: e.toggleColumnFreeze
     }, null, 8, ["aria-label", "class", "onClick"]), [
-      [Kt, e.isColumnFrozen || e.isFreezeIconOptionShown]
+      [fn, e.isColumnFrozen || e.isFreezeIconOptionShown]
     ])
   ], 32);
 }
-const Fs = /* @__PURE__ */ q(zs, [["render", ks], ["__scopeId", "data-v-3ce82b51"]]), Gs = {
+const Js = /* @__PURE__ */ j(Xs, [["render", Ks], ["__scopeId", "data-v-3ce82b51"]]), Qs = {
   "en-US": {
     closeConfigSettingsPanel: "Close configuration settings panel",
     configSettingsPanel: "Configuration settings Panel",
@@ -987,21 +1087,21 @@ const Fs = /* @__PURE__ */ q(zs, [["render", ks], ["__scopeId", "data-v-3ce82b51
     closeSearch: "Close search",
     noColumnsMatch: "No columns match this search"
   }
-}, Ws = ge({
-  i18n: { messages: Gs },
+}, xs = de({
+  i18n: { messages: Qs },
   name: "bento-data-grid",
   components: {
-    BentoCrossIcon: mn,
-    BentoPopover: cn,
-    BentoSettingsIcon: Ds,
-    BentoButton: gn,
-    BentoDataGridConfigSettingsConfigRow: Fs,
-    BentoSearchBar: fn,
-    BentoSearchIcon: vn,
-    BentoToggle: dt,
-    BentoTypography: Ie
+    BentoCrossIcon: In,
+    BentoPopover: bn,
+    BentoSettingsIcon: Ys,
+    BentoButton: Lt,
+    BentoDataGridConfigSettingsConfigRow: Js,
+    BentoSearchBar: En,
+    BentoSearchIcon: Rn,
+    BentoToggle: yt,
+    BentoTypography: Re
   },
-  directives: { BentoClickOutsideDirective: Cn },
+  directives: { BentoClickOutsideDirective: An },
   props: {
     /**
      * Column definitions
@@ -1019,86 +1119,86 @@ const Fs = /* @__PURE__ */ q(zs, [["render", ks], ["__scopeId", "data-v-3ce82b51
     }
   },
   emits: [ne.CONFIG_SETTINGS, ne.UPDATE_COLUMNS],
-  setup(e, { emit: o }) {
-    const l = $(null), t = pn("data-grid-config-settings-popover"), C = $(null), a = $(!1), S = $(!0), g = $(""), _ = it(e, "columns"), h = $(!1), I = _n(g, _), r = () => {
-      g.value = "";
-    }, c = O(
-      () => !e.columns.some((m) => m.visible === !1 && !m.mandatory)
-    ), s = () => {
-      r(), h.value = !h.value, h.value && se(() => {
-        var m;
-        return (m = C.value.bentoInputField) == null ? void 0 : m.focusInput();
-      }), S.value = c.value;
-    }, f = (m) => m.mandatory ?? !1, p = (m) => {
-      const R = e.columns.map((P) => ({
-        ...P,
-        visible: m.field === P.field ? m.visible : P.visible
+  setup(e, { emit: s }) {
+    const l = w(null), n = Tn("data-grid-config-settings-popover"), g = w(null), d = w(!1), p = w(!0), f = w(""), v = ft(e, "columns"), u = w(!1), b = $n(f, v), t = () => {
+      f.value = "";
+    }, _ = R(
+      () => !e.columns.some((S) => S.visible === !1 && !S.mandatory)
+    ), o = () => {
+      t(), u.value = !u.value, u.value && ie(() => {
+        var S;
+        return (S = g.value.bentoInputField) == null ? void 0 : S.focusInput();
+      }), p.value = _.value;
+    }, m = (S) => S.mandatory ?? !1, L = (S) => {
+      const O = e.columns.map((D) => ({
+        ...D,
+        visible: S.field === D.field ? S.visible : D.visible
       }));
-      o(ne.UPDATE_COLUMNS, R);
-    }, v = (m) => {
-      m ? o(
+      s(ne.UPDATE_COLUMNS, O);
+    }, C = (S) => {
+      S ? s(
         ne.UPDATE_COLUMNS,
-        e.columns.map((R) => ({ ...R, visible: !0 }))
-      ) : o(
+        e.columns.map((O) => ({ ...O, visible: !0 }))
+      ) : s(
         ne.UPDATE_COLUMNS,
-        e.columns.map((R) => ({ ...R, visible: (R == null ? void 0 : R.mandatory) === !0 }))
+        e.columns.map((O) => ({ ...O, visible: (O == null ? void 0 : O.mandatory) === !0 }))
       );
-    }, T = (m) => {
-      const R = e.columns.map((P) => ({
-        ...P,
-        frozen: m.field === P.field ? !!(m != null && m.frozen) : !!(P != null && P.frozen)
+    }, I = (S) => {
+      const O = e.columns.map((D) => ({
+        ...D,
+        frozen: S.field === D.field ? !!(S != null && S.frozen) : !!(D != null && D.frozen)
       }));
-      o(ne.UPDATE_COLUMNS, R);
-    }, b = (m) => {
-      a.value = m, S.value = c.value;
+      s(ne.UPDATE_COLUMNS, O);
+    }, h = (S) => {
+      d.value = S, p.value = _.value;
     };
     return {
       // Values
       configSettingsButtonRef: l,
-      popoverId: t,
-      isConfigSettingsPanelOpen: a,
-      allColumnsVisbilityToggleState: S,
-      filteredColumnVisibilityColumns: I,
-      searchTerm: g,
-      isColumnVisibilityFilterShown: h,
-      searchBarRef: C,
+      popoverId: n,
+      isConfigSettingsPanelOpen: d,
+      allColumnsVisbilityToggleState: p,
+      filteredColumnVisibilityColumns: b,
+      searchTerm: f,
+      isColumnVisibilityFilterShown: u,
+      searchBarRef: g,
       DATAGRID_SELECT_FIELD_NAME: re,
       // Methods
-      setConfigSettingsPanelVisibility: b,
-      emitCondensedToggle: (m) => o(ne.CONFIG_SETTINGS, m),
-      toggleAllColumnVisibility: v,
-      clearAction: r,
-      toggleColumnFilter: s,
-      emitVisibleColumns: p,
-      emitFrozenColumns: T,
-      onClickOutside: () => b(!1),
-      isColumnVisibilityToggleDisabled: f
+      setConfigSettingsPanelVisibility: h,
+      emitCondensedToggle: (S) => s(ne.CONFIG_SETTINGS, S),
+      toggleAllColumnVisibility: C,
+      clearAction: t,
+      toggleColumnFilter: o,
+      emitVisibleColumns: L,
+      emitFrozenColumns: I,
+      onClickOutside: () => h(!1),
+      isColumnVisibilityToggleDisabled: m
     };
   }
 });
-const Vs = (e) => (xt("data-v-87adbca0"), e = e(), en(), e), Bs = { class: "b-data-grid-config-settings" }, Hs = { class: "b-data-grid-config-settings__button-and-separator" }, Zs = /* @__PURE__ */ Vs(() => /* @__PURE__ */ A("div", { class: "b-data-grid-config-settings__column-separator" }, null, -1)), js = {
+const ei = (e) => (_t("data-v-87adbca0"), e = e(), Ct(), e), ti = { class: "b-data-grid-config-settings" }, ni = { class: "b-data-grid-config-settings__button-and-separator" }, si = /* @__PURE__ */ ei(() => /* @__PURE__ */ T("div", { class: "b-data-grid-config-settings__column-separator" }, null, -1)), ii = {
   ref: "configSettingsButtonRef",
   class: "b-data-grid-config-settings__button-container"
-}, Ys = { class: "b-data-grid-config-settings__panel-header" }, Xs = { class: "b-data-grid-config-settings__condensed-view-settings" }, qs = { class: "b-data-grid-config-settings__column-visibility-settings" }, Js = { class: "b-data-grid-config-settings__column-visibility-header" }, Ks = {
+}, li = { class: "b-data-grid-config-settings__panel-header" }, oi = { class: "b-data-grid-config-settings__condensed-view-settings" }, ai = { class: "b-data-grid-config-settings__column-visibility-settings" }, ri = { class: "b-data-grid-config-settings__column-visibility-header" }, di = {
   key: 0,
   class: "b-data-grid-config-settings__column-visibility-search"
-}, Qs = {
+}, ci = {
   key: 1,
   class: "b-data-grid-config-settings__column-visibility-show-all"
-}, xs = { class: "b-data-grid-config-settings__column-visibility-toggles" };
-function ei(e, o, l, t, C, a) {
-  const S = V("bento-settings-icon"), g = V("bento-button"), _ = V("bento-typography"), h = V("bento-cross-icon"), I = V("bento-toggle"), r = V("bento-search-icon"), c = V("bento-search-bar"), s = V("bento-data-grid-config-settings-config-row"), f = V("bento-popover"), p = Qt("bento-click-outside-directive");
-  return st((u(), L("div", Bs, [
-    A("div", Hs, [
-      Zs,
-      A("div", js, [
-        z(g, {
+}, ui = { class: "b-data-grid-config-settings__column-visibility-toggles" };
+function gi(e, s, l, n, g, d) {
+  const p = H("bento-settings-icon"), f = H("bento-button"), v = H("bento-typography"), u = H("bento-cross-icon"), b = H("bento-toggle"), t = H("bento-search-icon"), _ = H("bento-search-bar"), o = H("bento-data-grid-config-settings-config-row"), m = H("bento-popover"), L = _n("bento-click-outside-directive");
+  return gt((c(), y("div", ti, [
+    T("div", ni, [
+      si,
+      T("div", ii, [
+        G(f, {
           "aria-controls": e.isConfigSettingsPanelOpen ? e.popoverId : null,
           variant: "tertiary",
-          onClick: o[0] || (o[0] = (v) => e.setConfigSettingsPanelVisibility(!e.isConfigSettingsPanelOpen))
+          onClick: s[0] || (s[0] = (C) => e.setConfigSettingsPanelVisibility(!e.isConfigSettingsPanelOpen))
         }, {
-          iconLeft: F(() => [
-            z(S, {
+          iconLeft: k(() => [
+            G(p, {
               "svg-title": e.$t("toggleConfigSettingsPanelVisibility")
             }, null, 8, ["svg-title"])
           ]),
@@ -1106,7 +1206,7 @@ function ei(e, o, l, t, C, a) {
         }, 8, ["aria-controls"])
       ], 512)
     ]),
-    e.configSettingsButtonRef ? (u(), W(f, {
+    e.configSettingsButtonRef ? (c(), U(m, {
       key: 0,
       id: e.popoverId,
       open: e.isConfigSettingsPanelOpen,
@@ -1115,143 +1215,143 @@ function ei(e, o, l, t, C, a) {
       "target-element": e.configSettingsButtonRef,
       position: "bottom-end"
     }, {
-      default: F(() => [
-        A("div", Ys, [
-          z(_, {
+      default: k(() => [
+        T("div", li, [
+          G(v, {
             el: "span",
             strongest: ""
           }, {
-            default: F(() => [
-              X(k(e.$t("displayOptions")), 1)
+            default: k(() => [
+              X(F(e.$t("displayOptions")), 1)
             ]),
             _: 1
           }),
-          z(g, {
+          G(f, {
             variant: "tertiary",
-            onClick: o[1] || (o[1] = (v) => e.setConfigSettingsPanelVisibility(!1))
+            onClick: s[1] || (s[1] = (C) => e.setConfigSettingsPanelVisibility(!1))
           }, {
-            iconLeft: F(() => [
-              z(h, {
+            iconLeft: k(() => [
+              G(u, {
                 "svg-title": e.$t("closeConfigSettingsPanel")
               }, null, 8, ["svg-title"])
             ]),
             _: 1
           })
         ]),
-        A("div", Xs, [
-          z(_, {
+        T("div", oi, [
+          G(v, {
             class: "b-data-grid-config-settings__condensed-view-title",
             el: "span",
             stronger: ""
           }, {
-            default: F(() => [
-              X(k(e.$t("size")), 1)
+            default: k(() => [
+              X(F(e.$t("size")), 1)
             ]),
             _: 1
           }),
-          z(I, {
+          G(b, {
             "label-position": "after",
             "aria-label": e.$t("condensedToggle"),
             value: e.condensed,
             onInput: e.emitCondensedToggle
           }, {
-            default: F(() => [
-              X(k(e.$t("condensed")), 1)
+            default: k(() => [
+              X(F(e.$t("condensed")), 1)
             ]),
             _: 1
           }, 8, ["aria-label", "value", "onInput"])
         ]),
-        A("div", qs, [
-          A("div", Js, [
-            z(_, {
+        T("div", ai, [
+          T("div", ri, [
+            G(v, {
               class: "b-data-grid-config-settings__column-visibility-title",
               el: "span",
               stronger: ""
             }, {
-              default: F(() => [
-                X(k(e.$t("columns")), 1)
+              default: k(() => [
+                X(F(e.$t("columns")), 1)
               ]),
               _: 1
             }),
-            e.isColumnVisibilityFilterShown ? (u(), W(g, {
+            e.isColumnVisibilityFilterShown ? (c(), U(f, {
               key: 1,
               variant: "tertiary",
               onClick: e.toggleColumnFilter
             }, {
-              iconLeft: F(() => [
-                z(h)
+              iconLeft: k(() => [
+                G(u)
               ]),
-              default: F(() => [
-                X(" " + k(e.$t("closeSearch")), 1)
+              default: k(() => [
+                X(" " + F(e.$t("closeSearch")), 1)
               ]),
               _: 1
-            }, 8, ["onClick"])) : (u(), W(g, {
+            }, 8, ["onClick"])) : (c(), U(f, {
               key: 0,
               variant: "tertiary",
               onClick: e.toggleColumnFilter
             }, {
-              iconLeft: F(() => [
-                z(r)
+              iconLeft: k(() => [
+                G(t)
               ]),
-              default: F(() => [
-                X(" " + k(e.$t("search")), 1)
+              default: k(() => [
+                X(" " + F(e.$t("search")), 1)
               ]),
               _: 1
             }, 8, ["onClick"]))
           ]),
-          e.isColumnVisibilityFilterShown ? (u(), L("div", Ks, [
-            z(c, {
+          e.isColumnVisibilityFilterShown ? (c(), y("div", di, [
+            G(_, {
               ref: "searchBarRef",
               value: e.searchTerm,
               "input-field-aria-label": e.$t("columnVisibilitySearchFilter").toString(),
-              onInput: o[2] || (o[2] = (v) => e.searchTerm = v),
+              onInput: s[2] || (s[2] = (C) => e.searchTerm = C),
               onClear: e.clearAction,
-              onEscapePressed: o[3] || (o[3] = (v) => e.toggleColumnFilter())
+              onEscapePressed: s[3] || (s[3] = (C) => e.toggleColumnFilter())
             }, null, 8, ["value", "input-field-aria-label", "onClear"])
-          ])) : (u(), L("div", Qs, [
-            z(I, {
+          ])) : (c(), y("div", ci, [
+            G(b, {
               "label-position": "after",
               value: e.allColumnsVisbilityToggleState,
               onInput: e.toggleAllColumnVisibility
             }, {
-              default: F(() => [
-                X(k(e.$t("showAllColumns", { numberOfColumns: e.columns.length })), 1)
+              default: k(() => [
+                X(F(e.$t("showAllColumns", { numberOfColumns: e.columns.length })), 1)
               ]),
               _: 1
             }, 8, ["value", "onInput"])
           ])),
-          A("div", xs, [
-            (u(!0), L(ee, null, oe(e.filteredColumnVisibilityColumns, (v) => (u(), L("div", {
-              key: v.field
+          T("div", ui, [
+            (c(!0), y(Q, null, se(e.filteredColumnVisibilityColumns, (C) => (c(), y("div", {
+              key: C.field
             }, [
-              v.field !== e.DATAGRID_SELECT_FIELD_NAME ? (u(), W(s, {
+              C.field !== e.DATAGRID_SELECT_FIELD_NAME ? (c(), U(o, {
                 key: 0,
-                column: v,
-                "is-column-visibility-toggle-disabled": e.isColumnVisibilityToggleDisabled(v),
+                column: C,
+                "is-column-visibility-toggle-disabled": e.isColumnVisibilityToggleDisabled(C),
                 onVisibleColumn: e.emitVisibleColumns,
                 onUpdatedColumn: e.emitFrozenColumns
-              }, null, 8, ["column", "is-column-visibility-toggle-disabled", "onVisibleColumn", "onUpdatedColumn"])) : U("", !0)
+              }, null, 8, ["column", "is-column-visibility-toggle-disabled", "onVisibleColumn", "onUpdatedColumn"])) : N("", !0)
             ]))), 128)),
-            e.filteredColumnVisibilityColumns.length === 0 ? (u(), W(_, {
+            e.filteredColumnVisibilityColumns.length === 0 ? (c(), U(v, {
               key: 0,
               el: "span",
               class: "b-data-grid-config-settings__column-visibility-empty-search-message"
             }, {
-              default: F(() => [
-                X(k(e.$t("noColumnsMatch")), 1)
+              default: k(() => [
+                X(F(e.$t("noColumnsMatch")), 1)
               ]),
               _: 1
-            })) : U("", !0)
+            })) : N("", !0)
           ])
         ])
       ]),
       _: 1
-    }, 8, ["id", "open", "aria-label", "target-element"])) : U("", !0)
+    }, 8, ["id", "open", "aria-label", "target-element"])) : N("", !0)
   ])), [
-    [p, e.onClickOutside]
+    [L, e.onClickOutside]
   ]);
 }
-const ti = /* @__PURE__ */ q(Ws, [["render", ei], ["__scopeId", "data-v-87adbca0"]]), Ae = {
+const fi = /* @__PURE__ */ j(xs, [["render", gi], ["__scopeId", "data-v-87adbca0"]]), Me = {
   "en-US": {
     gettingYourData: "Getting your data",
     loading: "Loading",
@@ -1261,107 +1361,283 @@ const ti = /* @__PURE__ */ q(Ws, [["render", ei], ["__scopeId", "data-v-87adbca0
     sortInactive: "{field} sort inactive",
     selectRow: "Select row"
   }
-}, ni = { class: "b-data-grid-lazy-load" }, si = {
-  i18n: { messages: Ae }
-}, ii = /* @__PURE__ */ ge({
-  ...si,
+}, _i = { class: "b-data-grid-lazy-load" }, Ci = {
+  i18n: { messages: Me }
+}, mi = /* @__PURE__ */ de({
+  ...Ci,
   __name: "data-grid-lazy-load",
   props: {
     loading: { type: Boolean },
     isInfiniteScroll: { type: Boolean }
   },
   setup(e) {
-    return (o, l) => (u(), L("div", ni, [
-      e.loading && e.isInfiniteScroll ? (u(), W(d(lt), { key: 0 })) : U("", !0),
-      e.loading && !e.isInfiniteScroll ? (u(), W(d(Be), {
+    return (s, l) => (c(), y("div", _i, [
+      e.loading && e.isInfiniteScroll ? (c(), U(a(vt), { key: 0 })) : N("", !0),
+      e.loading && !e.isInfiniteScroll ? (c(), U(a(Xe), {
         key: 1,
         variant: "secondary",
-        state: d(He).LOADING
+        state: a(Ke).LOADING
       }, {
-        default: F(() => [
-          X(k(o.$t("loading")), 1)
+        default: k(() => [
+          X(F(s.$t("loading")), 1)
         ]),
         _: 1
-      }, 8, ["state"])) : U("", !0),
-      !e.loading && !e.isInfiniteScroll ? (u(), W(d(Be), {
+      }, 8, ["state"])) : N("", !0),
+      !e.loading && !e.isInfiniteScroll ? (c(), U(a(Xe), {
         key: 2,
-        state: d(He).START,
+        state: a(Ke).START,
         variant: "secondary",
-        onClick: l[0] || (l[0] = (t) => o.$emit(d(y).UPDATE_SHOW_MORE))
+        onClick: l[0] || (l[0] = (n) => s.$emit(a($).UPDATE_SHOW_MORE))
       }, {
-        default: F(() => [
-          X(k(o.$t("showMore")), 1)
+        default: k(() => [
+          X(F(s.$t("showMore")), 1)
         ]),
         _: 1
-      }, 8, ["state"])) : U("", !0)
+      }, 8, ["state"])) : N("", !0)
     ]));
   }
 });
-const oi = /* @__PURE__ */ q(ii, [["__scopeId", "data-v-4b9efd59"]]), et = (e, o) => {
-  const l = $(0);
-  let t = null;
-  const C = () => {
-    e != null && e.value && o.value && (l.value = e.value.offsetHeight);
-  };
-  return tt(() => {
-    se(() => {
-      const a = ie(
-        e,
-        () => {
-          e != null && e.value && (se(() => a()), t = at(e.value, () => {
-            C();
-          }));
-        },
-        { immediate: !0 }
-      );
-      ie(
-        o,
-        () => {
-          o.value ? C() : l.value = 0;
-        },
-        { immediate: !0 }
-      );
-    });
-  }), nt(() => {
-    t == null || t.disconnect();
-  }), l;
-}, li = (e, o, l) => {
-  const t = $(0);
-  return ie(
-    () => t.value,
-    () => {
-      e.value.scrollLeft = t.value, o.value.scrollLeft = t.value;
-    }
-  ), {
-    // Values
-    scrollLeftPosition: t,
-    // Methods
-    updateScrollPosition: (S) => {
-      t.value = S.target.scrollLeft, l.value = e.value.scrollHeight - S.target.scrollTop;
+const vi = /* @__PURE__ */ j(mi, [["__scopeId", "data-v-4b9efd59"]]);
+let at = 0;
+const pi = {
+  beforeCreate() {
+    this.uuid = at.toString(), at += 1;
+  }
+}, hi = { key: 0 }, Li = /* @__PURE__ */ T("path", {
+  fill: "#00112C",
+  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 yi(e, s, l, n, g, d) {
+  return c(), y("svg", K({ 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"] ? (c(), y("title", hi, F(e.$attrs["svg-title"]), 1)) : N("", !0),
+    Li
+  ], 16);
+}
+const Si = /* @__PURE__ */ j(pi, [["render", yi]]);
+let rt = 0;
+const bi = {
+  beforeCreate() {
+    this.uuid = rt.toString(), rt += 1;
+  }
+}, Ei = { key: 0 }, $i = /* @__PURE__ */ T("path", {
+  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 Ai(e, s, l, n, g, d) {
+  return c(), y("svg", K({ 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"] ? (c(), y("title", Ei, F(e.$attrs["svg-title"]), 1)) : N("", !0),
+    $i
+  ], 16);
+}
+const dt = /* @__PURE__ */ j(bi, [["render", Ai]]), Et = {
+  "en-US": {
+    copy: "Copy",
+    edit: "Edit",
+    open: "Open",
+    more: "More"
+  }
+}, Ii = (e) => (_t("data-v-4133257e"), e = e(), Ct(), e), Ri = { class: "b-data-grid-cell-actions" }, Ti = /* @__PURE__ */ Ii(() => /* @__PURE__ */ T("div", { class: "b-data-grid-cell-actions__background-gradient" }, null, -1)), Oi = {
+  class: "b-data-grid-cell-actions__actions",
+  role: "group"
+}, wi = {
+  i18n: { messages: Et },
+  name: "data-grid-cell-actions"
+}, Ni = /* @__PURE__ */ de({
+  ...wi,
+  props: {
+    /**
+     * Column definitions using 'key' to relate to data object.
+     */
+    cellActions: {
+      type: Array,
+      required: !0,
+      validator: (e) => (e == null ? void 0 : e.length) <= 2
     },
-    updateScrollPositionOnFrozenColumnsNavigation: () => {
-      e.value.scrollLeft = 0, e.value.style.overflowX = "hidden", setTimeout(() => {
-        e.value.style.overflowX = "auto";
-      });
+    /**
+     * The column field key.
+     */
+    columnKey: {
+      type: String,
+      required: !0
+    },
+    /**
+     * The row data item object.
+     */
+    rowDataItem: {
+      type: Object,
+      required: !0
     }
-  };
-}, ai = Symbol("data-grid-template injection key"), ri = ["aria-rowcount", "aria-colcount", "aria-label"], di = {
+  },
+  setup(e) {
+    const s = e, { t: l } = Ue({ messages: Et }), n = R(() => {
+      var u;
+      return ((u = s.cellActions) == null ? void 0 : u.length) > 2 && pt(
+        "WARNING: BentoDataGrid Cell actions can only have a maximum of 2 actions, if you need more consider using the menuData property instead."
+      ), s.cellActions.slice(0, 2);
+    }), g = R(() => (u, b) => {
+      if (!(!b && u.isShort || b && !u.isShort))
+        switch (u.variant) {
+          case "copy":
+            return l("copy");
+          case "edit":
+            return l("edit");
+          case "open":
+            return l("open");
+          case "more":
+            return l("more");
+          default:
+            return u.title;
+        }
+    }), d = (u) => (u == null ? void 0 : u.event) !== void 0 ? {
+      click: () => u.event(s.rowDataItem, s.columnKey)
+    } : {}, p = (u) => {
+      var b, t;
+      return (u == null ? void 0 : u.getCopyData) !== void 0 ? u.getCopyData(s.rowDataItem, s.columnKey) : (t = (b = s.rowDataItem) == null ? void 0 : b[s.columnKey]) == null ? void 0 : t.toString();
+    }, f = (u) => u.iconRight || ((u == null ? void 0 : u.variant) === "more" || (u == null ? void 0 : u.variant) === "open") && !u.isShort, v = (u) => u.iconLeft || (u == null ? void 0 : u.variant) === "more";
+    return (u, b) => (c(), U(Cn, {
+      name: "b-data-grid-cell-actions__animation",
+      appear: ""
+    }, {
+      default: k(() => [
+        T("div", Ri, [
+          Ti,
+          T("div", Oi, [
+            (c(!0), y(Q, null, se(a(n), (t, _) => (c(), y("div", {
+              key: _,
+              class: "b-data-grid-cell-actions__action"
+            }, [
+              t.menuData ? (c(), U(a(St), {
+                key: 0,
+                data: t.menuData,
+                button: {
+                  condensed: !0,
+                  variant: "secondary",
+                  disabled: t.disabled
+                }
+              }, we({ _: 2 }, [
+                v(t) ? {
+                  name: "iconLeft",
+                  fn: k(() => [
+                    (t == null ? void 0 : t.variant) === "more" ? (c(), U(a(wn), {
+                      key: 0,
+                      "svg-title": a(g)(t, !0)
+                    }, null, 8, ["svg-title"])) : (c(), U(Se(t.iconLeft), {
+                      key: 1,
+                      "svg-title": a(g)(t, !0)
+                    }, null, 8, ["svg-title"]))
+                  ]),
+                  key: "0"
+                } : void 0,
+                t != null && t.isShort ? void 0 : {
+                  name: "default",
+                  fn: k(() => [
+                    X(F(a(g)(t)), 1)
+                  ]),
+                  key: "1"
+                },
+                f(t) ? {
+                  name: "iconRight",
+                  fn: k(() => [
+                    (t == null ? void 0 : t.variant) === "open" ? (c(), U(a(dt), {
+                      key: 0,
+                      "svg-title": a(g)(t, !0)
+                    }, null, 8, ["svg-title"])) : (c(), U(Se(t.iconRight), {
+                      key: 1,
+                      "svg-title": t.title
+                    }, null, 8, ["svg-title"]))
+                  ]),
+                  key: "2"
+                } : void 0
+              ]), 1032, ["data", "button"])) : t.variant === "copy" ? (c(), U(a(Pn), {
+                key: 1,
+                text: p(t),
+                "button-text": a(g)(t),
+                button: {
+                  condensed: !0,
+                  variant: "secondary"
+                }
+              }, null, 8, ["text", "button-text"])) : (c(), U(a(Lt), K({
+                key: 2,
+                condensed: "",
+                variant: "secondary",
+                critical: t.critical,
+                disabled: t.disabled,
+                link: t.link
+              }, Ie(d(t))), we({ _: 2 }, [
+                t.iconLeft || t.variant === "edit" ? {
+                  name: "iconLeft",
+                  fn: k(() => [
+                    (t == null ? void 0 : t.variant) === "edit" ? (c(), U(a(Si), {
+                      key: 0,
+                      "svg-title": a(g)(t, !0)
+                    }, null, 8, ["svg-title"])) : (c(), U(Se(t.iconLeft), {
+                      key: 1,
+                      "svg-title": t.title
+                    }, null, 8, ["svg-title"]))
+                  ]),
+                  key: "0"
+                } : void 0,
+                t != null && t.isShort ? void 0 : {
+                  name: "default",
+                  fn: k(() => [
+                    X(F(a(g)(t)), 1)
+                  ]),
+                  key: "1"
+                },
+                t.iconRight || t.variant === "open" ? {
+                  name: "iconRight",
+                  fn: k(() => [
+                    (t == null ? void 0 : t.variant) === "open" ? (c(), U(a(dt), {
+                      key: 0,
+                      "svg-title": a(g)(t, !0)
+                    }, null, 8, ["svg-title"])) : (c(), U(Se(t.iconRight), {
+                      key: 1,
+                      "svg-title": t.title
+                    }, null, 8, ["svg-title"]))
+                  ]),
+                  key: "2"
+                } : void 0
+              ]), 1040, ["critical", "disabled", "link"]))
+            ]))), 128))
+          ])
+        ])
+      ]),
+      _: 1
+    }));
+  }
+});
+const Pi = /* @__PURE__ */ j(Ni, [["__scopeId", "data-v-4133257e"]]), Ui = Symbol("data-grid-template injection key"), Mi = ["aria-rowcount", "aria-colcount", "aria-label"], ki = {
   key: 1,
   class: "b-data-grid__header"
-}, ui = ["tabindex"], ci = ["tabindex", "aria-busy"], gi = {
+}, Di = ["tabindex"], zi = ["tabindex", "aria-busy"], Fi = {
   key: 0,
   class: "b-data-grid__loading"
-}, fi = {
+}, Gi = {
   key: 1,
   class: "b-data-grid__empty-state"
-}, _i = ["aria-rowindex", "aria-selected", "onClick"], Ci = ["data-testid"], mi = ["data-testid", "data-cellindex", "tabindex", "aria-colindex"], vi = ["title"], pi = {
+}, Wi = ["aria-rowindex", "aria-selected", "onClick"], Vi = ["data-testid"], Bi = ["data-testid", "data-cellindex", "tabindex", "aria-colindex"], Hi = ["title"], Zi = {
+  key: 0,
+  class: "b-data-grid__cell-actions"
+}, ji = {
   key: 4,
   class: "b-data-grid__footer"
-}, hi = {
-  i18n: { messages: Ae },
+}, Yi = {
+  i18n: { messages: Me },
   name: "bento-data-grid"
-}, bi = /* @__PURE__ */ ge({
-  ...hi,
+}, qi = /* @__PURE__ */ de({
+  ...Yi,
   props: {
     /**
      * When true, will emit a 'rowClick' event when a row is clicked. Will add cursor: pointer to rows.
@@ -1422,7 +1698,7 @@ const oi = /* @__PURE__ */ q(ii, [["__scopeId", "data-v-4b9efd59"]]), et = (e, o
      * {@see BentoFilterBarModel}
      */
     filters: {
-      type: Le.props.value.type,
+      type: be.props.value.type,
       default: void 0
     },
     /**
@@ -1430,14 +1706,14 @@ const oi = /* @__PURE__ */ q(ii, [["__scopeId", "data-v-4b9efd59"]]), et = (e, o
      * {@see BentoFilterValues}
      */
     filterValues: {
-      type: Le.props.filterValues.type,
+      type: be.props.filterValues.type,
       default: () => []
     },
     /**
      * Filter bar search term useful to filter all the data by text
      */
     filterSearchTerm: {
-      type: Le.props.searchTerm.type,
+      type: be.props.searchTerm.type,
       default: void 0
     },
     /**
@@ -1499,6 +1775,13 @@ const oi = /* @__PURE__ */ q(ii, [["__scopeId", "data-v-4b9efd59"]]), et = (e, o
       type: Object,
       default: void 0
     },
+    /**
+     * Adds an extra option when selecting all items that allows user to select items in other pages too.
+     */
+    selectableAcrossPages: {
+      type: Boolean,
+      default: !1
+    },
     /**
      * Make pagination stick to the bottom of the page when the data-grid is bigger than the screen.
      * Because styles have to be applied to pagination container element, this has to be a data-grid prop (rather than a pagination prop).
@@ -1554,363 +1837,384 @@ const oi = /* @__PURE__ */ q(ii, [["__scopeId", "data-v-4b9efd59"]]), et = (e, o
     }
   },
   emits: [
-    y.COLUMNS,
-    y.COLUMN_RESIZE,
-    y.ITEMS_PAGE,
-    y.FILTER_SEARCH_INPUT,
-    y.FILTER_SEARCH_CLEAR,
-    y.NAVIGATE,
-    y.UPDATE_COLUMNS,
-    y.UPDATE_CONDENSED,
-    y.UPDATE_FILTER_VALUES,
-    y.UPDATE_FILTERS,
-    y.UPDATE_FILTER_SEARCH_TERM,
-    y.UPDATE_SHOW_MORE,
-    y.UPDATE_PAGINATION,
-    y.UPDATE_SELECTION,
-    y.UPDATE_SORT_BY,
-    y.ROW_CLICK,
-    y.SELECT,
-    y.SORT
+    $.COLUMNS,
+    $.COLUMN_RESIZE,
+    $.ITEMS_PAGE,
+    $.FILTER_SEARCH_INPUT,
+    $.FILTER_SEARCH_CLEAR,
+    $.NAVIGATE,
+    $.UPDATE_COLUMNS,
+    $.UPDATE_CONDENSED,
+    $.UPDATE_FILTER_VALUES,
+    $.UPDATE_FILTERS,
+    $.UPDATE_FILTER_SEARCH_TERM,
+    $.UPDATE_SHOW_MORE,
+    $.UPDATE_PAGINATION,
+    $.UPDATE_SELECTION,
+    $.UPDATE_SORT_BY,
+    $.ROW_CLICK,
+    $.SELECT,
+    $.SELECT_ALL_ACROSS_PAGES,
+    $.SORT
   ],
-  setup(e, { expose: o, emit: l }) {
-    const t = e, C = tn(), a = $(null), S = $(), g = $(null), _ = $(null), h = $(), I = $(null), { allowColumnDragAndDrop: r, columns: c, data: s, lazyLoadType: f, selectable: p, selection: v } = $e(t), { t: T } = rt({ messages: Ae }), b = ke(
-      ai,
+  setup(e, { expose: s, emit: l }) {
+    const n = e, g = mn(), d = w(null), p = w(), f = w(null), v = w(null), u = w(), b = w(null), { allowColumnDragAndDrop: t, columns: _, data: o, lazyLoadType: m, selectable: L, selection: C } = Pe(n), { t: I } = Ue({ messages: Me }), h = He(
+      Ui,
       () => ({
         isDataGridTemplate: !1,
-        stickyTabs: $(!1),
-        tabsRef: $(null)
+        stickyTabs: w(!1),
+        tabsRef: w(null)
       })
-    ), { isDataGridTemplate: D, stickyTabs: n, tabsRef: m } = b(), R = O(() => t.fitContent || D ? 0 : null), { columnDefs: P, onColumnWidthOverride: G, gridColumnWidthStyle: M, isMeasuringColumnWidths: Q } = Rn(c, s, a, g, {
-      hasSelectableColumn: p
-    }), de = et(m, n), fe = O(
-      () => t.stickyFilters ? `${de.value}px` : null
-    ), _e = et(_, it(t, "stickyFilters")), Ce = O(
-      () => `${_e.value + de.value}px`
+    ), { isDataGridTemplate: M, stickyTabs: i, tabsRef: S } = h(), O = R(() => n.fitContent || M ? 0 : null), { columnDefs: D, onColumnWidthOverride: V, gridColumnWidthStyle: z, isMeasuringColumnWidths: x } = Dn(_, o, d, f, {
+      hasSelectableColumn: L
+    }), ce = Qe(S, i), fe = R(
+      () => n.stickyFilters ? `${ce.value}px` : null
+    ), _e = Qe(v, ft(n, "stickyFilters")), Ce = R(
+      () => `${_e.value + ce.value}px`
     ), {
-      sortedColumns: ct,
+      sortedColumns: $t,
       columnSets: me,
-      isOnlyOneVisibleColumn: gt,
-      onConfigSettingsUpdate: ft,
-      onConfigSettingsColumnsUpdate: _t,
-      onConfigSettingsColumnUpdate: Ct
-    } = Un(P, l), { draggingColumns: J, draggingEventsForColumns: mt, draggingEventsForRowCell: vt, onMoveColumnByOffset: pt } = wn(ct, r, l), { onAllRowSelect: Ne, onRowSelect: ht, selectedItems: ve, allItemsSelectedState: bt } = $n(
-      v,
+      isOnlyOneVisibleColumn: At,
+      onConfigSettingsUpdate: It,
+      onConfigSettingsColumnsUpdate: Rt,
+      onConfigSettingsColumnUpdate: Tt
+    } = Bn(D, l), { draggingColumns: J, draggingEventsForColumns: Ot, draggingEventsForRowCell: wt, onMoveColumnByOffset: Nt } = Vn($t, t, l), { onAllRowSelect: ke, onRowSelect: Pt, selectedItems: ve, allItemsSelectedState: Ut } = zn(
+      C,
       l,
-      s,
-      t.getDataItemId,
-      t.isDataItemDisabled
-    ), { navigationInput: we } = An(g, c, p), { isLazyLoad: pe, isInfiniteScroll: Lt, verticalScrollPosition: St, emitLazyLoadEvent: yt } = Nn(
-      f,
-      I,
-      a,
+      o,
+      n.getDataItemId,
+      n.isDataItemDisabled
+    ), { navigationInput: De } = Gn(f, _, L), { isLazyLoad: pe, isInfiniteScroll: Mt, verticalScrollPosition: kt, emitLazyLoadEvent: Dt } = Wn(
+      m,
+      b,
+      d,
       l
-    ), { updateScrollPosition: he, updateScrollPositionOnFrozenColumnsNavigation: Et } = li(
-      a,
-      S,
-      St
-    ), It = () => {
-      h.value.isClearAllVisible ? h.value.clearAllFilters() : h.value.isResetAllVisible && h.value.resetAllFilters();
-    }, Tt = O(() => {
-      var i, E;
+    ), { updateScrollPosition: he, updateScrollPositionOnFrozenColumnsNavigation: ze } = Hn(
+      d,
+      p,
+      kt
+    ), zt = () => {
+      u.value.isClearAllVisible ? u.value.clearAllFilters() : u.value.isResetAllVisible && u.value.resetAllFilters();
+    }, Ft = R(() => {
+      var r, E;
       return {
-        ...t.emptyState,
-        variant: ((i = t.emptyState) == null ? void 0 : i.variant) === "embedded" || ((E = t.emptyState) == null ? void 0 : E.variant) === "basic" ? t.emptyState.variant : "basic"
+        ...n.emptyState,
+        variant: ((r = n.emptyState) == null ? void 0 : r.variant) === "embedded" || ((E = n.emptyState) == null ? void 0 : E.variant) === "basic" ? n.emptyState.variant : "basic"
       };
-    }), Rt = O(() => ({
-      [`b-data-grid--${ye.OUTLINE}`]: t.outline,
-      [`b-data-grid--${ye.SCROLL}`]: t.fitContent || pe.value,
-      [`b-data-grid--${ye.STICKY_FILTERS}`]: t.filters && t.stickyFilters
-    })), Ot = O(() => me.value.findIndex((i) => i.columnSet.length)), $t = (i) => {
+    }), Gt = R(() => ({
+      [`b-data-grid--${$e.OUTLINE}`]: n.outline,
+      [`b-data-grid--${$e.SCROLL}`]: n.fitContent || pe.value,
+      [`b-data-grid--${$e.STICKY_FILTERS}`]: n.filters && n.stickyFilters
+    })), Wt = R(() => me.value.findIndex((r) => r.columnSet.length)), Vt = (r) => {
       var E;
       return {
-        "b-data-grid__row--disabled": t.isDataItemDisabled(i),
-        "b-data-grid__row--row-clicks-enabled": t.allowRowClicks,
+        "b-data-grid__row--disabled": n.isDataItemDisabled(r),
+        "b-data-grid__row--row-clicks-enabled": n.allowRowClicks,
         "b-data-grid__cell--is-re-ordering": ((E = J.target) == null ? void 0 : E.field) !== void 0,
-        "b-data-grid__row--highlighted": t.highlightedRows.includes(t.getDataItemId(i)) || ve.value.includes(t.getDataItemId(i))
+        "b-data-grid__row--highlighted": n.highlightedRows.includes(n.getDataItemId(r)) || ve.value.includes(n.getDataItemId(r))
       };
-    }, At = (i) => ({
-      "b-data-grid__row-cell-set--frozen": i,
-      "b-data-grid__row-cell-set--unfrozen": !i,
-      "b-data-grid__row-cell-set--config-settings-margin": !i && t.columnPanel
-    }), Nt = (i) => {
-      var E, Y, N, j, B;
+    }, Bt = (r) => ({
+      "b-data-grid__row-cell-set--frozen": r,
+      "b-data-grid__row-cell-set--unfrozen": !r,
+      "b-data-grid__row-cell-set--config-settings-margin": !r && n.columnPanel
+    }), Ht = (r) => {
+      var E, W, A, Z, Y;
       return {
-        "b-data-grid__cell--padding-left-unset": ((E = i == null ? void 0 : i.padding) == null ? void 0 : E.left) === !1,
-        "b-data-grid__cell--padding-right-unset": ((Y = i == null ? void 0 : i.padding) == null ? void 0 : Y.right) === !1,
-        "b-data-grid__cell--numeric": i == null ? void 0 : i.numeric,
-        "b-data-grid__cell--condensed": t.condensed,
-        "b-data-grid__cell--frozen": i == null ? void 0 : i.frozen,
-        [`b-data-grid__cell--overflow-${Se.ELLIPSIS}`]: (i == null ? void 0 : i.overflow) === Se.ELLIPSIS,
-        "b-data-grid__cell--is-column-re-ordering": ((N = J.dragging) == null ? void 0 : N.field) === i.field,
-        "b-data-grid__cell--is-column-re-order-target-left": ((j = J.target) == null ? void 0 : j.field) === i.field && (J == null ? void 0 : J.dragToLeft),
-        "b-data-grid__cell--is-column-re-order-target-right": ((B = J.target) == null ? void 0 : B.field) === i.field && !(J != null && J.dragToLeft)
+        "b-data-grid__cell--padding-left-unset": ((E = r == null ? void 0 : r.padding) == null ? void 0 : E.left) === !1,
+        "b-data-grid__cell--padding-right-unset": ((W = r == null ? void 0 : r.padding) == null ? void 0 : W.right) === !1,
+        "b-data-grid__cell--numeric": r == null ? void 0 : r.numeric,
+        "b-data-grid__cell--condensed": n.condensed,
+        "b-data-grid__cell--frozen": r == null ? void 0 : r.frozen,
+        [`b-data-grid__cell--overflow-${Ee.ELLIPSIS}`]: (r == null ? void 0 : r.overflow) === Ee.ELLIPSIS,
+        "b-data-grid__cell--is-column-re-ordering": ((A = J.dragging) == null ? void 0 : A.field) === r.field,
+        "b-data-grid__cell--is-column-re-order-target-left": ((Z = J.target) == null ? void 0 : Z.field) === r.field && (J == null ? void 0 : J.dragToLeft),
+        "b-data-grid__cell--is-column-re-order-target-right": ((Y = J.target) == null ? void 0 : Y.field) === r.field && !(J != null && J.dragToLeft)
       };
-    }, wt = O(() => {
-      var i, E, Y, N, j, B;
+    }, Zt = R(() => {
+      var r, E, W, A, Z, Y;
       return {
-        "b-data-grid__pagination--padding-left-unset": ((Y = (E = (i = t.columns) == null ? void 0 : i[0]) == null ? void 0 : E.padding) == null ? void 0 : Y.left) === !1,
-        "b-data-grid__pagination--padding-right-unset": ((B = (j = (N = t.columns) == null ? void 0 : N[t.columns.length - 1]) == null ? void 0 : j.padding) == null ? void 0 : B.right) === !1,
-        "b-data-grid__pagination--sticky": !!t.stickyPagination || D
+        "b-data-grid__pagination--padding-left-unset": ((W = (E = (r = n.columns) == null ? void 0 : r[0]) == null ? void 0 : E.padding) == null ? void 0 : W.left) === !1,
+        "b-data-grid__pagination--padding-right-unset": ((Y = (Z = (A = n.columns) == null ? void 0 : A[n.columns.length - 1]) == null ? void 0 : Z.padding) == null ? void 0 : Y.right) === !1,
+        "b-data-grid__pagination--sticky": !!n.stickyPagination || M
       };
-    }), Ut = O(() => {
-      var i;
+    }), jt = R(() => {
+      var r;
       return {
-        height: `${(i = S.value) == null ? void 0 : i.clientHeight}px`
+        height: `${(r = p.value) == null ? void 0 : r.clientHeight}px`
       };
-    }), Pt = (i, E) => (i == null ? void 0 : i.overflow) === Se.ELLIPSIS ? `${E}` : void 0, Dt = (i) => i ?? "-", Mt = (i, E, Y) => {
-      var N;
-      ((N = g.value) == null ? void 0 : N[E]) === void 0 && (g.value = { ...g.value, [E]: [] }), g.value[E][Y] = i;
-    }, zt = (i, E) => {
-      t.allowRowClicks && l(y.ROW_CLICK, i, E);
-    }, Ue = an({
-      label: C != null && C.header ? rn(C)("header") : null,
+    }), Yt = (r, E) => (r == null ? void 0 : r.overflow) === Ee.ELLIPSIS ? `${E}` : void 0, qt = (r) => r ?? "-", Xt = (r, E, W) => {
+      var A;
+      ((A = f.value) == null ? void 0 : A[E]) === void 0 && (f.value = { ...f.value, [E]: [] }), f.value[E][W] = r;
+    }, Kt = (r, E) => {
+      n.allowRowClicks && l($.ROW_CLICK, r, E);
+    }, Jt = R(() => !!n.selectableAcrossPages && !!n.pagination), Fe = hn({
+      label: g != null && g.header ? Ln(g)("header") : null,
       defaultFallback: "data grid"
-    }), kt = (i) => {
-      if (!t.selectable)
+    }), Qt = (r) => {
+      if (!n.selectable)
         return null;
-      const E = t.getDataItemId(i);
+      const E = n.getDataItemId(r);
       return ve.value.includes(E).toString();
-    }, Pe = (i, E) => i + me.value.length * E, De = (i, E, Y) => c.value.length * i + Pe(E, Y), Me = O(() => {
-      var i;
-      return ((i = ve.value) == null ? void 0 : i.length) ?? 0;
-    }), Ft = O(() => t.bulkActions && Me.value > 0), Gt = (i) => l(y.COLUMN_RESIZE, i), Wt = (i) => {
-      l(y.UPDATE_SORT_BY, i), l(y.SORT, i);
-    }, Vt = (i) => {
-      l(y.NAVIGATE, i), l(y.UPDATE_PAGINATION, {
-        ...t.pagination,
-        page: i
+    }, Ge = (r, E) => r + me.value.length * E, We = (r, E, W) => _.value.length * r + Ge(E, W), Ve = R(() => {
+      var r;
+      return ((r = ve.value) == null ? void 0 : r.length) ?? 0;
+    }), xt = R(() => n.bulkActions && Ve.value > 0), en = (r) => l($.COLUMN_RESIZE, r), tn = (r) => {
+      l($.UPDATE_SORT_BY, r), l($.SORT, r);
+    }, nn = (r) => {
+      l($.NAVIGATE, r), l($.UPDATE_PAGINATION, {
+        ...n.pagination,
+        page: r
       });
-    }, Bt = (i) => l(y.ITEMS_PAGE, i), Ht = () => {
-      l(y.FILTER_SEARCH_CLEAR);
-    }, Zt = (i) => {
-      l(y.UPDATE_FILTER_SEARCH_TERM, i), l(y.FILTER_SEARCH_INPUT, i);
-    }, jt = (i) => {
-      const E = {
-        ...vt.value(i)
+    }, sn = (r) => l($.ITEMS_PAGE, r), ln = () => {
+      l($.FILTER_SEARCH_CLEAR);
+    }, on = (r) => {
+      l($.UPDATE_FILTER_SEARCH_TERM, r), l($.FILTER_SEARCH_INPUT, r);
+    }, Le = w(), an = (r, E) => {
+      const W = {
+        ...wt.value(r)
       };
-      return i.frozen && (E.focus = Et), E;
+      return r.frozen && (W.keyup = (A) => ze(A), W.keydown = (A) => ze(A)), r.cellActions && (W.mouseenter = () => {
+        Le.value = { columnField: r.field, rowIndex: E };
+      }, W.mouseleave = () => {
+        Le.value = null;
+      }), W;
+    }, rn = (r, E) => {
+      var W, A;
+      return ((W = Le.value) == null ? void 0 : W.columnField) === r.field && ((A = Le.value) == null ? void 0 : A.rowIndex) === E;
     };
-    return O(() => c.value.some((i) => i.mandatory)).value || ln(
+    return R(() => _.value.some((r) => r.mandatory)).value || pt(
       "WARNING: At least one BentoDataGrid column should be set as mandatory to ensure data is always displayed correctly."
-    ), ke(un, () => null)(t.tabTitle), o({ onEmptyStateClearResetButtonClick: It }), (i, E) => {
-      var Y;
-      return u(), L("div", {
-        class: te(["b-data-grid", d(Rt)]),
+    ), He(Sn, () => null)(n.tabTitle), s({ onEmptyStateClearResetButtonClick: zt }), (r, E) => {
+      var W;
+      return c(), y("div", {
+        class: te(["b-data-grid", a(Gt)]),
         role: "grid",
-        "aria-rowcount": d(s).length,
-        "aria-colcount": d(c).length,
-        "aria-label": d(Ue)
+        "aria-rowcount": a(o).length,
+        "aria-colcount": a(_).length,
+        "aria-label": a(Fe)
       }, [
-        e.filters ? (u(), L("div", {
+        e.filters ? (c(), y("div", {
           key: 0,
           ref_key: "filtersRef",
-          ref: _,
+          ref: v,
           class: "b-data-grid__filters",
-          style: ue({ top: d(fe) })
+          style: ue({ top: a(fe) })
         }, [
-          e.filters ? (u(), W(Le, {
+          e.filters ? (c(), U(be, {
             key: 0,
             ref_key: "filterBarRef",
-            ref: h,
+            ref: u,
             config: e.filters,
             "filter-values": e.filterValues,
             "search-term": e.filterSearchTerm,
-            onSearchInput: Zt,
-            onSearchClear: Ht,
-            onInput: E[0] || (E[0] = (N) => i.$emit(d(y).UPDATE_FILTERS, N)),
-            "onUpdate:filterValues": E[1] || (E[1] = (N) => i.$emit(d(y).UPDATE_FILTER_VALUES, N))
-          }, null, 8, ["config", "filter-values", "search-term"])) : U("", !0)
-        ], 4)) : U("", !0),
-        i.$slots.header ? (u(), L("div", di, [
-          ce(i.$slots, "header", {}, void 0, !0)
-        ])) : U("", !0),
-        A("div", {
+            onSearchInput: on,
+            onSearchClear: ln,
+            onInput: E[0] || (E[0] = (A) => r.$emit(a($).UPDATE_FILTERS, A)),
+            "onUpdate:filterValues": E[1] || (E[1] = (A) => r.$emit(a($).UPDATE_FILTER_VALUES, A))
+          }, null, 8, ["config", "filter-values", "search-term"])) : N("", !0)
+        ], 4)) : N("", !0),
+        r.$slots.header ? (c(), y("div", ki, [
+          ge(r.$slots, "header", {}, void 0, !0)
+        ])) : N("", !0),
+        T("div", {
           class: "b-data-grid__column-headers",
-          style: ue({ top: d(Ce) })
+          style: ue({ top: a(Ce) })
         }, [
-          e.columnPanel ? (u(), W(d(ti), {
+          e.columnPanel ? (c(), U(a(fi), {
             key: 0,
             class: "b-data-grid__config-settings",
-            style: ue(d(Ut)),
-            columns: d(c),
+            style: ue(a(jt)),
+            columns: a(_),
             condensed: e.condensed,
-            onConfigSettings: d(ft),
-            "onUpdate:columns": d(_t)
-          }, null, 8, ["style", "columns", "condensed", "onConfigSettings", "onUpdate:columns"])) : U("", !0),
-          A("div", {
+            onConfigSettings: a(It),
+            "onUpdate:columns": a(Rt)
+          }, null, 8, ["style", "columns", "condensed", "onConfigSettings", "onUpdate:columns"])) : N("", !0),
+          T("div", {
             ref_key: "columnsRef",
-            ref: S,
+            ref: p,
             role: "rowgroup",
             class: "b-data-grid__columns-row",
-            tabindex: d(R),
-            onScroll: E[2] || (E[2] = //@ts-ignore
-            (...N) => d(he) && d(he)(...N))
+            tabindex: a(O),
+            onScroll: E[3] || (E[3] = //@ts-ignore
+            (...A) => a(he) && a(he)(...A))
           }, [
-            A("div", {
-              style: ue(d(M)),
+            T("div", {
+              style: ue(a(z)),
               class: "b-data-grid__columns",
               role: "row"
             }, [
-              (u(!0), L(ee, null, oe(d(me), ({ columnSet: N, id: j, isFrozenColumns: B }, be) => (u(), L(ee, null, [
-                N != null && N.length ? (u(), W(d(Es), K({
-                  key: `data-grid-columns-${j}`,
-                  columns: N,
+              (c(!0), y(Q, null, se(a(me), ({ columnSet: A, id: Z, isFrozenColumns: Y }, ye) => (c(), y(Q, null, [
+                A != null && A.length ? (c(), U(a(ks), K({
+                  key: `data-grid-columns-${Z}`,
+                  columns: A,
                   "has-resizable-columns": e.hasResizableColumns,
                   "sort-by": e.sortBy,
-                  "all-items-selected-state": d(bt),
-                  "is-frozen-columns": B,
-                  "dragging-columns": d(J),
-                  "has-draggable-columns": d(r),
+                  "all-items-selected-state": a(Ut),
+                  "is-frozen-columns": Y,
+                  "dragging-columns": a(J),
+                  "has-draggable-columns": a(t),
                   "has-column-panel": e.columnPanel,
-                  "has-first-column-panel-right-aligned": be === d(Ot),
-                  "is-only-one-visible-column": d(gt)
-                }, Re(d(mt)), {
-                  onColumnMove: d(pt),
-                  onColumnUpdate: d(Ct),
-                  onColumnResize: Gt,
-                  onColumnResizing: d(G),
-                  onSelectAllRows: d(Ne),
-                  onSort: Wt
-                }), nn({ _: 2 }, [
-                  oe(d(C), (ze, ae) => ({
+                  "has-first-column-panel-right-aligned": ye === a(Wt),
+                  "is-only-one-visible-column": a(At),
+                  "selectable-across-pages": a(Jt)
+                }, Ie(a(Ot)), {
+                  onColumnMove: a(Nt),
+                  onColumnUpdate: a(Tt),
+                  onColumnResize: en,
+                  onColumnResizing: a(V),
+                  onSelectAllRows: a(ke),
+                  onSelectAllAcrossPages: E[2] || (E[2] = (Te) => l(a($).SELECT_ALL_ACROSS_PAGES)),
+                  onSort: tn
+                }), we({ _: 2 }, [
+                  se(a(g), (Te, ae) => ({
                     name: ae,
-                    fn: F((H) => [
-                      ce(i.$slots, ae, Fe(Ge(H)), void 0, !0)
+                    fn: k((B) => [
+                      ge(r.$slots, ae, Ze(je(B)), void 0, !0)
                     ])
                   }))
-                ]), 1040, ["columns", "has-resizable-columns", "sort-by", "all-items-selected-state", "is-frozen-columns", "dragging-columns", "has-draggable-columns", "has-column-panel", "has-first-column-panel-right-aligned", "is-only-one-visible-column", "onColumnMove", "onColumnUpdate", "onColumnResizing", "onSelectAllRows"])) : U("", !0)
+                ]), 1040, ["columns", "has-resizable-columns", "sort-by", "all-items-selected-state", "is-frozen-columns", "dragging-columns", "has-draggable-columns", "has-column-panel", "has-first-column-panel-right-aligned", "is-only-one-visible-column", "selectable-across-pages", "onColumnMove", "onColumnUpdate", "onColumnResizing", "onSelectAllRows"])) : N("", !0)
               ], 64))), 256))
             ], 4)
-          ], 40, ui)
+          ], 40, Di)
         ], 4),
-        A("div", {
+        T("div", {
           ref_key: "body",
-          ref: a,
+          ref: d,
           "data-testid": "data-grid-body",
           class: "b-data-grid__body",
           tabindex: e.loading ? "0" : "-1",
           "aria-busy": e.loading,
           "aria-live": "polite",
-          onScroll: E[4] || (E[4] = //@ts-ignore
-          (...N) => d(he) && d(he)(...N))
+          onScroll: E[5] || (E[5] = //@ts-ignore
+          (...A) => a(he) && a(he)(...A))
         }, [
-          e.loading && !d(pe) ? (u(), L("div", gi, [
-            z(d(lt), {
+          e.loading && !a(pe) ? (c(), y("div", Fi, [
+            G(a(vt), {
               class: "b-data-grid__loading-indicator",
               large: ""
             }),
-            z(d(Ie), {
+            G(a(Re), {
               el: "span",
               variant: "caption"
             }, {
-              default: F(() => [
-                X(k(d(T)("gettingYourData")), 1)
+              default: k(() => [
+                X(F(a(I)("gettingYourData")), 1)
               ]),
               _: 1
             })
-          ])) : ((Y = d(s)) == null ? void 0 : Y.length) === 0 && e.emptyState ? (u(), L("div", fi, [
-            z(d(dn), Fe(Ge(d(Tt))), null, 16)
-          ])) : (u(), L("div", {
+          ])) : ((W = a(o)) == null ? void 0 : W.length) === 0 && e.emptyState ? (c(), y("div", Gi, [
+            G(a(yn), Ze(je(a(Ft))), null, 16)
+          ])) : (c(), y("div", {
             key: 2,
             class: "b-data-grid__rows",
             role: "rowgroup",
-            onKeydown: E[3] || (E[3] = //@ts-ignore
-            (...N) => d(we) && d(we)(...N))
+            onKeydown: E[4] || (E[4] = //@ts-ignore
+            (...A) => a(De) && a(De)(...A))
           }, [
-            (u(!0), L(ee, null, oe(d(s), (N, j) => (u(), L("div", {
-              key: j,
-              style: ue(d(M)),
-              class: te(["b-data-grid__row", $t(N)]),
+            (c(!0), y(Q, null, se(a(o), (A, Z) => (c(), y("div", {
+              key: Z,
+              style: ue(a(z)),
+              class: te(["b-data-grid__row", Vt(A)]),
               role: "row",
-              "aria-rowindex": j + 1,
-              "aria-selected": kt(N),
-              onClick: (B) => zt(N, B)
+              "aria-rowindex": Z + 1,
+              "aria-selected": Qt(A),
+              onClick: (Y) => Kt(A, Y)
             }, [
-              (u(!0), L(ee, null, oe(d(me), ({ columnSet: B, id: be, isFrozenColumns: ze }, ae) => (u(), L(ee, null, [
-                B != null && B.length ? (u(), L("div", {
-                  key: `data-grid-rows-${be}`,
-                  class: te(["b-data-grid__cells", At(ze)]),
-                  "data-testid": `data-grid-${be}-rows`
+              (c(!0), y(Q, null, se(a(me), ({ columnSet: Y, id: ye, isFrozenColumns: Te }, ae) => (c(), y(Q, null, [
+                Y != null && Y.length ? (c(), y("div", {
+                  key: `data-grid-rows-${ye}`,
+                  class: te(["b-data-grid__cells", Bt(Te)]),
+                  "data-testid": `data-grid-${ye}-rows`
                 }, [
-                  (u(!0), L(ee, null, oe(B, (H, Te) => (u(), L("div", K({
-                    key: `cell-${H.field}`,
-                    ref_for: !0,
-                    ref: (Yt) => Mt(Yt, H.field, j),
-                    "data-testid": `cell-${H.field}`,
-                    "data-cellindex": De(j, Te, ae),
-                    class: ["b-data-grid__cell", Nt(H)],
-                    role: "gridcell",
-                    tabindex: De(j, Te, ae) === 0 ? "0" : "-1",
-                    "aria-colindex": Pe(Te, ae) + 1,
-                    style: {
-                      width: H.autoWidth && d(Q) ? "auto" : `${H.width}px`
-                    }
-                  }, Re(jt(H), !0)), [
-                    H.field !== d(re) ? (u(), W(d(Ie), {
-                      key: 0,
-                      el: "div"
-                    }, {
-                      default: F(() => [
-                        ce(i.$slots, `item-${H.field}`, { item: N }, () => [
-                          A("span", {
-                            title: Pt(H, N[H.field])
-                          }, k(Dt(N[H.field])), 9, vi)
-                        ], !0)
-                      ]),
-                      _: 2
-                    }, 1024)) : (u(), W(d(ot), {
-                      key: 1,
-                      "aria-label": d(T)("selectRow"),
-                      "model-value": d(ve),
-                      disabled: e.isDataItemDisabled(N),
-                      value: e.getDataItemId(N),
-                      "onUpdate:modelValue": d(ht)
-                    }, null, 8, ["aria-label", "model-value", "disabled", "value", "onUpdate:modelValue"]))
-                  ], 16, mi))), 128))
-                ], 10, Ci)) : U("", !0)
+                  (c(!0), y(Q, null, se(Y, (B, Oe) => {
+                    var Be;
+                    return c(), y("div", K({
+                      key: `cell-${B.field}`,
+                      ref_for: !0,
+                      ref: (dn) => Xt(dn, B.field, Z),
+                      "data-testid": `cell-${B.field}`,
+                      "data-cellindex": We(Z, Oe, ae),
+                      class: ["b-data-grid__cell", Ht(B)],
+                      role: "gridcell",
+                      tabindex: We(Z, Oe, ae) === 0 ? "0" : "-1",
+                      "aria-colindex": Ge(Oe, ae) + 1,
+                      style: {
+                        width: B.autoWidth && a(x) ? "auto" : `${B.width}px`
+                      }
+                    }, Ie(an(B, Z), !0)), [
+                      B.field !== a(re) ? (c(), y(Q, { key: 0 }, [
+                        G(a(Re), { el: "div" }, {
+                          default: k(() => [
+                            ge(r.$slots, `item-${B.field}`, { item: A }, () => [
+                              T("span", {
+                                title: Yt(B, A[B.field])
+                              }, F(qt(A[B.field])), 9, Hi)
+                            ], !0)
+                          ]),
+                          _: 2
+                        }, 1024),
+                        ((Be = B.cellActions) == null ? void 0 : Be.length) > 0 ? (c(), y("div", Zi, [
+                          rn(B, Z) ? (c(), U(a(Pi), {
+                            key: 0,
+                            "cell-actions": B.cellActions,
+                            "column-key": B.field,
+                            "row-data-item": A
+                          }, null, 8, ["cell-actions", "column-key", "row-data-item"])) : N("", !0)
+                        ])) : N("", !0)
+                      ], 64)) : (c(), U(a(mt), {
+                        key: 1,
+                        class: "b-data-grid__select-cell",
+                        "aria-label": a(I)("selectRow"),
+                        "model-value": a(ve),
+                        disabled: e.isDataItemDisabled(A),
+                        value: e.getDataItemId(A),
+                        "onUpdate:modelValue": a(Pt)
+                      }, null, 8, ["aria-label", "model-value", "disabled", "value", "onUpdate:modelValue"]))
+                    ], 16, Bi);
+                  }), 128))
+                ], 10, Vi)) : N("", !0)
               ], 64))), 256))
-            ], 14, _i))), 128))
+            ], 14, Wi))), 128))
           ], 32))
-        ], 40, ci),
-        d(pe) ? (u(), W(d(oi), {
+        ], 40, zi),
+        a(pe) ? (c(), U(a(vi), {
           key: 2,
           loading: e.loading,
-          "is-infinite-scroll": d(Lt),
-          "onUpdate:showMore": d(yt)
-        }, null, 8, ["loading", "is-infinite-scroll", "onUpdate:showMore"])) : U("", !0),
-        e.pagination && !d(pe) ? (u(), L("div", {
+          "is-infinite-scroll": a(Mt),
+          "onUpdate:showMore": a(Dt)
+        }, null, 8, ["loading", "is-infinite-scroll", "onUpdate:showMore"])) : N("", !0),
+        e.pagination && !a(pe) ? (c(), y("div", {
           key: 3,
           "data-testid": "pagination-container",
-          class: te(["b-data-grid__pagination", d(wt)])
+          class: te(["b-data-grid__pagination", a(Zt)])
         }, [
-          z(d(on), K(e.pagination, {
-            "aria-label": `${d(Ue)} navigation`,
-            onNavigate: Vt,
-            onItemsPage: Bt
+          G(a(pn), K(e.pagination, {
+            "aria-label": `${a(Fe)} navigation`,
+            onNavigate: nn,
+            onItemsPage: sn
           }), null, 16, ["aria-label"])
-        ], 2)) : U("", !0),
-        i.$slots.footer ? (u(), L("div", pi, [
-          ce(i.$slots, "footer", {}, void 0, !0)
-        ])) : U("", !0),
-        d(Ft) ? (u(), W(d(sn), {
+        ], 2)) : N("", !0),
+        r.$slots.footer ? (c(), y("div", ji, [
+          ge(r.$slots, "footer", {}, void 0, !0)
+        ])) : N("", !0),
+        a(xt) ? (c(), U(a(vn), {
           key: 5,
           actions: e.bulkActions,
-          "item-counter": d(Me),
+          "item-counter": a(Ve),
           "extra-bottom-spacing": e.stickyPagination,
-          onClose: E[5] || (E[5] = (N) => d(Ne)(!1))
-        }, null, 8, ["actions", "item-counter", "extra-bottom-spacing"])) : U("", !0)
-      ], 10, ri);
+          onClose: E[6] || (E[6] = (A) => a(ke)(!1))
+        }, null, 8, ["actions", "item-counter", "extra-bottom-spacing"])) : N("", !0)
+      ], 10, Mi);
     };
   }
 });
-const Qi = /* @__PURE__ */ q(bi, [["__scopeId", "data-v-33c53aca"]]);
+const Il = /* @__PURE__ */ j(qi, [["__scopeId", "data-v-ae91568c"]]);
 export {
-  Se as BentoColumnOverflow,
-  Qi as BentoDataGrid,
-  Ee as BentoDatagridAriaSortValue,
-  y as BentoDatagridEvent,
-  le as BentoDatagridSortDirection,
-  ye as BentoDatagridStyleState
+  Ee as BentoColumnOverflow,
+  Il as BentoDataGrid,
+  Ae as BentoDatagridAriaSortValue,
+  $ as BentoDatagridEvent,
+  oe as BentoDatagridSortDirection,
+  $e as BentoDatagridStyleState
 };
 //# sourceMappingURL=data-grid.js.map