@adyen/bento-vue2 1.4.0 → 1.4.1

package/dist/data-grid.js

@@ -1,19 +1,19 @@
-import { ref as T, reactive as K, toRefs as ee, computed as y, watchEffect as je, onMounted as Xe, nextTick as V, watch as ge, onUnmounted as Ye, defineComponent as q, toRef as qe, inject as Je } from "vue";
+import { ref as T, reactive as K, toRefs as ee, computed as R, watchEffect as je, onMounted as Xe, nextTick as V, watch as ge, onUnmounted as Ye, defineComponent as q, toRef as qe, inject as Je } from "vue";
 import { u as Qe } from "./chunks/aria-label.ac9651a5.js";
-import { B as fe } from "./chunks/checkbox.c7d791ed.js";
+import { B as fe } from "./chunks/checkbox.5a69ce9d.js";
 import { BentoPagination as Ke } from "./pagination.js";
 import { BentoLoadingIndicator as et } from "./loading-indicator.js";
-import { B as te, p as tt } from "./chunks/index.45295dd3.js";
+import { B as te, p as tt } from "./chunks/index.1645ffcb.js";
 import { g as nt } from "./chunks/get-slot-text.c1114034.js";
 import { u as Ce } from "./chunks/i18n.155748d6.js";
 import { BentoEmptyState as st } from "./empty-state.js";
 import { BentoFilterBar as J } from "./filter-bar.js";
 import { E as it } from "./chunks/tabs.keys.358742f2.js";
 import { BentoPopoverPositions as se, BentoPopover as lt } from "./popover.js";
-import { a as at } from "./chunks/button.fb307df3.js";
+import { a as at } from "./chunks/button.66df5734.js";
 import { BentoToggle as ve } from "./toggle.js";
 import { BentoSearchBar as ot } from "./search-bar.js";
-import { u as rt } from "./chunks/dropdown.fd93f0ce.js";
+import { u as rt } from "./chunks/dropdown.15cc1c45.js";
 import { n as P } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
 import { C as dt } from "./chunks/cross.a2cadac5.js";
 import { S as ct } from "./chunks/search.a8055e95.js";
@@ -22,35 +22,35 @@ import { o as _t } from "./chunks/resize.a041304d.js";
 import { B as gt } from "./chunks/directive.0408e565.js";
 import { BentoInfoIcon as ft } from "./info-icon.js";
 import { BentoMenu as Ct } from "./menu.js";
-import { K as D } from "./chunks/tooltip.a47ace87.js";
+import { K as D } from "./chunks/tooltip.0297fd5d.js";
 import { A as vt } from "./chunks/arrow-left.1d5d08bd.js";
 import { l as ie } from "./chunks/events.58c00e6d.js";
-import "./assets/index24.css";
-var X = /* @__PURE__ */ ((t) => (t.WRAP = "wrap", t.ELLIPSIS = "ellipsis", t))(X || {}), Q = /* @__PURE__ */ ((t) => (t.OUTLINE = "outline", t.FIT_CONTENT = "fit-content", t))(Q || {}), $ = /* @__PURE__ */ ((t) => (t.ASCENDING = "asc", t.DESCENDING = "desc", t))($ || {}), b = /* @__PURE__ */ ((t) => (t.COLUMNS = "columns", t.COLUMN_RESIZE = "column-resize", t.ITEMS_PAGE = "items-page", t.NAVIGATE = "navigate", t.FILTER_SEARCH_INPUT = "filter-search-input", t.FILTER_SEARCH_CLEAR = "filter-search-clear", t.UPDATE_COLUMNS = "update:columns", t.UPDATE_CONDENSED = "update:condensed", t.UPDATE_FILTERS = "update:filters", t.UPDATE_FILTER_SEARCH_TERM = "update:filter-search-term", t.UPDATE_PAGINATION = "update:pagination", t.UPDATE_SELECTION = "update:selection", t.UPDATE_SORT_BY = "update:sort-by", t.ROW_CLICK = "row-click", t.SELECT = "select", t.SORT = "sort", t))(b || {}), Y = /* @__PURE__ */ ((t) => (t.ASCENDING = "ascending", t.DESCENDING = "descending", t.NONE = "none", t))(Y || {}), E = /* @__PURE__ */ ((t) => (t.COLUMN_RESIZE = "column-resize", t.COLUMN_RESIZING = "column-resizing", t.SORT = "sort", t.SELECT_ALL_ROWS = "select-all-rows", t.COLUMN_MOVE = "column-move", t.COLUMN_UPDATE = "column-update", t.COLUMN_MENU_OPEN = "column-menu-open", t.COLUMN_MENU_CLOSE = "column-menu-close", t.COLUMN_DRAG_START = "column-dragstart", t.COLUMN_DRAG_ENTER = "column-dragenter", t.COLUMN_DRAG_END = "column-dragend", t.COLUMN_DROP = "column-drop", t))(E || {});
+import "./assets/index6.css";
+var X = /* @__PURE__ */ ((t) => (t.WRAP = "wrap", t.ELLIPSIS = "ellipsis", t))(X || {}), Q = /* @__PURE__ */ ((t) => (t.OUTLINE = "outline", t.FIT_CONTENT = "fit-content", t))(Q || {}), $ = /* @__PURE__ */ ((t) => (t.ASCENDING = "asc", t.DESCENDING = "desc", t))($ || {}), b = /* @__PURE__ */ ((t) => (t.COLUMNS = "columns", t.COLUMN_RESIZE = "column-resize", t.ITEMS_PAGE = "items-page", t.NAVIGATE = "navigate", t.FILTER_SEARCH_INPUT = "filter-search-input", t.FILTER_SEARCH_CLEAR = "filter-search-clear", t.UPDATE_COLUMNS = "update:columns", t.UPDATE_CONDENSED = "update:condensed", t.UPDATE_FILTERS = "update:filters", t.UPDATE_FILTER_SEARCH_TERM = "update:filter-search-term", t.UPDATE_PAGINATION = "update:pagination", t.UPDATE_SELECTION = "update:selection", t.UPDATE_SORT_BY = "update:sort-by", t.ROW_CLICK = "row-click", t.SELECT = "select", t.SORT = "sort", t))(b || {}), Y = /* @__PURE__ */ ((t) => (t.ASCENDING = "ascending", t.DESCENDING = "descending", t.NONE = "none", t))(Y || {}), y = /* @__PURE__ */ ((t) => (t.COLUMN_RESIZE = "column-resize", t.COLUMN_RESIZING = "column-resizing", t.SORT = "sort", t.SELECT_ALL_ROWS = "select-all-rows", t.COLUMN_MOVE = "column-move", t.COLUMN_UPDATE = "column-update", t.COLUMN_MENU_OPEN = "column-menu-open", t.COLUMN_MENU_CLOSE = "column-menu-close", t.COLUMN_DRAG_START = "column-dragstart", t.COLUMN_DRAG_ENTER = "column-dragenter", t.COLUMN_DRAG_END = "column-dragend", t.COLUMN_DROP = "column-drop", t))(y || {});
 const mt = (t, e) => {
-  const n = T(!1), i = T(void 0), c = t.value.reduce((m, R) => (m[R.field] = null, m), {}), r = K(c), g = ee(r);
+  const n = T(!1), i = T(void 0), c = t.value.reduce((m, O) => (m[O.field] = null, m), {}), r = K(c), g = ee(r);
   let f = 0, v = "";
-  const d = y(
-    () => Object.fromEntries(t.value.map(({ field: m, width: R, minWidth: S }) => [m, { width: R, minWidth: S }]))
+  const d = R(
+    () => Object.fromEntries(t.value.map(({ field: m, width: O, minWidth: S }) => [m, { width: O, minWidth: S }]))
   );
   je(() => i.value = d.value);
   let u = null, o = null;
   const p = (m) => {
-    const R = m.clientX - f, S = v, I = i.value[S].width + R;
-    i.value[S].width = I > i.value[S].minWidth ? I : i.value[S].minWidth, e(E.COLUMN_RESIZING, i.value), f = m.clientX;
-  }, l = () => {
-    n.value = !1, u == null || u(), o == null || o(), v && e(E.COLUMN_RESIZE, {
+    const O = m.clientX - f, S = v, I = i.value[S].width + O;
+    i.value[S].width = I > i.value[S].minWidth ? I : i.value[S].minWidth, e(y.COLUMN_RESIZING, i.value), f = m.clientX;
+  }, a = () => {
+    n.value = !1, u == null || u(), o == null || o(), v && e(y.COLUMN_RESIZE, {
       field: v,
       width: i.value[v].width
     }), u = null, o = null, v = "", f = null;
   };
-  return { resizeData: i, allColumnRefs: g, startResize: (m, R, S) => {
+  return { resizeData: i, allColumnRefs: g, startResize: (m, O, S) => {
     if (S.preventDefault(), m) {
       if (n.value = !0, S.buttons !== 1) {
-        l();
+        a();
         return;
       }
-      v = R, f = S.clientX, u = ie(window, "mousemove", p), o = ie(window, "mouseup", l);
+      v = O, f = S.clientX, u = ie(window, "mousemove", p), o = ie(window, "mouseup", a);
     }
   }, isResizing: n };
 }, bt = mt, pt = 100, le = 50, F = "b-select", ht = (t, e, n) => {
@@ -67,14 +67,14 @@ const mt = (t, e) => {
       v -= i[o].computedWidth, d -= i[o].flex;
     });
     for (let o = 0, p = n.length; o < p; o += 1) {
-      const l = n[o];
-      if (i[l.field] && i[l.field].frozen === !0)
+      const a = n[o];
+      if (i[a.field] && i[a.field].frozen === !0)
         continue;
-      let m = v / d * l.flex;
-      m < l.minWidth && (u += l.minWidth - m, m = l.minWidth, f.min[l.field] = !0), i[l.field] = {
+      let m = v / d * a.flex;
+      m < a.minWidth && (u += a.minWidth - m, m = a.minWidth, f.min[a.field] = !0), i[a.field] = {
         frozen: !1,
         computedWidth: m,
-        flex: l.flex
+        flex: a.flex
       };
     }
     u > 0 ? Object.keys(f.min).forEach((o) => {
@@ -90,10 +90,10 @@ const mt = (t, e) => {
   Xe(() => {
     V(() => {
       c.value && (r.value = c.value.getBoundingClientRect().width);
-      const l = ge(
+      const a = ge(
         c,
         () => {
-          c.value && (V(() => l()), g = _t(c.value, ({ width: C }) => {
+          c.value && (V(() => a()), g = _t(c.value, ({ width: C }) => {
             r.value = C;
           }));
         },
@@ -103,39 +103,39 @@ const mt = (t, e) => {
   }), Ye(() => {
     g == null || g.disconnect();
   });
-  const f = y(() => {
-    const l = [];
+  const f = R(() => {
+    const a = [];
     let C = 0, m = 0;
-    const R = {};
+    const O = {};
     let S = i.value.filter((A) => A.visible !== !1);
     n != null && n.hasSelectableColumn.value && (S = [{ field: F, label: "", width: 40 }, ...S]), S.forEach((A) => {
       const s = { ...A };
       let _;
-      s.flex && s.flex > 0 ? (C += s.flex, _ = 0, l.push(s)) : _ = Math.max(
+      s.flex && s.flex > 0 ? (C += s.flex, _ = 0, a.push(s)) : _ = Math.max(
         (s == null ? void 0 : s.width) ?? pt,
         (s == null ? void 0 : s.minWidth) ?? le
-      ), m += _, s.width = _, s.minWidth = (s == null ? void 0 : s.minWidth) ?? le, R[s.field] = s;
+      ), m += _, s.width = _, s.minWidth = (s == null ? void 0 : s.minWidth) ?? le, O[s.field] = s;
     });
     const I = Math.max(r.value - m, 0);
     if (C > 0 && r.value > 0) {
-      const A = ht(I, C, l);
+      const A = ht(I, C, a);
       Object.keys(A).forEach((s) => {
-        R[s].width = A[s].computedWidth;
+        O[s].width = A[s].computedWidth;
       });
     }
-    return Object.values(R);
-  }), v = T(void 0), d = (l) => {
-    v.value = { ...v.value, ...l };
-  }, u = y(
-    () => f.value.map((l) => {
+    return Object.values(O);
+  }), v = T(void 0), d = (a) => {
+    v.value = { ...v.value, ...a };
+  }, u = R(
+    () => f.value.map((a) => {
       var C, m;
       return {
-        ...l,
+        ...a,
         // Override column width with resized ones
-        width: ((m = (C = v.value) == null ? void 0 : C[l.field]) == null ? void 0 : m.width) ?? l.width
+        width: ((m = (C = v.value) == null ? void 0 : C[a.field]) == null ? void 0 : m.width) ?? a.width
       };
     })
-  ), o = y(() => u.value.reduce((l, C) => C.width + l, 0)), p = y(() => ({
+  ), o = R(() => u.value.reduce((a, C) => C.width + a, 0)), p = R(() => ({
     width: r.value > o.value ? "100%" : "fit-content"
   }));
   return { columnDefs: u, gridColumnWidthStyle: p, onColumnWidthOverride: d };
@@ -151,7 +151,7 @@ const mt = (t, e) => {
     field: r,
     direction: ((v = t.value.find((d) => d.field === r)) == null ? void 0 : v.direction) === $.ASCENDING ? $.DESCENDING : $.ASCENDING
   }];
-  n(E.SORT, f);
+  n(y.SORT, f);
 } }), yt = (t, e, n, i, c) => {
   const r = T(t.value), g = K({
     allItemsSelected: !1,
@@ -161,13 +161,13 @@ const mt = (t, e) => {
   }, v = (u) => {
     V(() => {
       var o, p;
-      u ? r.value = (p = (o = n.value) == null ? void 0 : o.filter((l) => !c(l))) == null ? void 0 : p.map((l) => i(l)) : r.value = [], g.allItemsSelected = u, g.isIndeterminate = !1, f();
+      u ? r.value = (p = (o = n.value) == null ? void 0 : o.filter((a) => !c(a))) == null ? void 0 : p.map((a) => i(a)) : r.value = [], g.allItemsSelected = u, g.isIndeterminate = !1, f();
     });
   }, d = (u) => {
     V(() => {
       var p;
       r.value = u;
-      const o = (p = n.value) == null ? void 0 : p.filter((l) => !c(l)).every((l) => r.value.includes(i(l)));
+      const o = (p = n.value) == null ? void 0 : p.filter((a) => !c(a)).every((a) => r.value.includes(i(a)));
       g.isIndeterminate = r.value.length > 0 && !o, o ? g.allItemsSelected = !0 : (g.isIndeterminate || !o) && (g.allItemsSelected = !1), f();
     });
   };
@@ -176,11 +176,11 @@ const mt = (t, e) => {
 var N = ((t) => (t[t.ARROW_DOWN = D.ARROW_DOWN] = "ARROW_DOWN", t[t.ARROW_UP = D.ARROW_UP] = "ARROW_UP", t[t.ARROW_LEFT = D.ARROW_LEFT] = "ARROW_LEFT", t[t.ARROW_RIGHT = D.ARROW_RIGHT] = "ARROW_RIGHT", t[t.PAGE_UP = D.PAGE_UP] = "PAGE_UP", t[t.PAGE_DOWN = D.PAGE_DOWN] = "PAGE_DOWN", t[t.END = D.END] = "END", t[t.HOME = D.HOME] = "HOME", t))(N || {});
 const Rt = (t, e) => {
   const n = (d) => Math.floor(d / e.value), i = (d, u, o) => {
-    const p = t.value.length - 1, l = e.value - 1, C = n(d), m = d - e.value * C;
+    const p = t.value.length - 1, a = e.value - 1, C = n(d), m = d - e.value * C;
     return {
       [N.PAGE_UP]: m,
-      [N.PAGE_DOWN]: p - l + m,
-      [N.END]: o ? p : e.value * C + l,
+      [N.PAGE_DOWN]: p - a + m,
+      [N.END]: o ? p : e.value * C + a,
       [N.HOME]: o ? 0 : e.value * C
     }[u];
   }, c = (d, u) => {
@@ -189,8 +189,8 @@ const Rt = (t, e) => {
       [N.ARROW_UP]: -e.value,
       [N.ARROW_LEFT]: -1,
       [N.ARROW_RIGHT]: 1
-    }[u], l = d + p;
-    return l < 0 || l >= t.value.length ? d : l;
+    }[u], a = d + p;
+    return a < 0 || a >= t.value.length ? d : a;
   }, r = (d) => [
     N.PAGE_UP,
     N.PAGE_DOWN,
@@ -214,53 +214,53 @@ const Rt = (t, e) => {
     dragging: null,
     dragToLeft: null,
     target: null
-  }), g = (l, C = 0) => {
-    const m = i.value.findIndex((I) => I.field === l.field), R = m + C;
-    if (R < 0 || R > i.value.length - 1)
+  }), g = (a, C = 0) => {
+    const m = i.value.findIndex((I) => I.field === a.field), O = m + C;
+    if (O < 0 || O > i.value.length - 1)
       return;
     const S = [...i.value];
-    S.splice(R, 0, S.splice(m, 1)[0]), n(b.COLUMNS, S), n(b.UPDATE_COLUMNS, S);
-  }, f = (l, C) => {
-    r.dragging = l, C.dataTransfer.setData("text", ""), C.dataTransfer.dropEffect = "move";
-  }, v = (l, C) => {
-    r.target = l;
-    const m = C.currentTarget.getBoundingClientRect(), R = m.left + m.width / 2, S = C.clientX ?? 0;
-    r.dragToLeft = S <= R;
-  }, d = (l) => {
+    S.splice(O, 0, S.splice(m, 1)[0]), n(b.COLUMNS, S), n(b.UPDATE_COLUMNS, S);
+  }, f = (a, C) => {
+    r.dragging = a, C.dataTransfer.setData("text", ""), C.dataTransfer.dropEffect = "move";
+  }, v = (a, C) => {
+    r.target = a;
+    const m = C.currentTarget.getBoundingClientRect(), O = m.left + m.width / 2, S = C.clientX ?? 0;
+    r.dragToLeft = S <= O;
+  }, d = (a) => {
     var C, m;
-    if (((C = r.dragging) == null ? void 0 : C.field) !== l.field) {
-      const R = i.value.findIndex((L) => {
+    if (((C = r.dragging) == null ? void 0 : C.field) !== a.field) {
+      const O = i.value.findIndex((L) => {
         var h;
         return L.field === ((h = r.dragging) == null ? void 0 : h.field);
-      }), S = i.value.findIndex((L) => L.field === l.field), I = r.dragToLeft ? S : S + 1, A = I > R ? I - 1 : I;
+      }), S = i.value.findIndex((L) => L.field === a.field), I = r.dragToLeft ? S : S + 1, A = I > O ? I - 1 : I;
       let s = [...i.value];
       s.splice(
         A === -1 ? 0 : A,
         0,
-        s.splice(R, 1)[0]
+        s.splice(O, 1)[0]
       );
       const _ = i.value.findIndex((L) => !(L != null && L.frozen));
-      ((m = r.dragging) == null ? void 0 : m.frozen) !== l.frozen && I !== _ && (s = s.map(
+      ((m = r.dragging) == null ? void 0 : m.frozen) !== a.frozen && I !== _ && (s = s.map(
         (L) => {
           var h;
-          return ((h = r.dragging) == null ? void 0 : h.field) === L.field ? { ...L, frozen: !!(l != null && l.frozen) } : L;
+          return ((h = r.dragging) == null ? void 0 : h.field) === L.field ? { ...L, frozen: !!(a != null && a.frozen) } : L;
         }
       )), n(b.COLUMNS, s), n(b.UPDATE_COLUMNS, s);
     }
     r.dragging = null, r.target = null;
   }, u = () => {
     r.dragging = null, r.dragToLeft = null, r.target = null;
-  }, o = y(() => c.value ? {
-    [E.COLUMN_DRAG_START]: (l, C) => f(l, C),
-    [E.COLUMN_DRAG_ENTER]: (l, C) => v(l, C),
-    [E.COLUMN_DROP]: (l) => d(l),
-    [E.COLUMN_DRAG_END]: () => u()
-  } : {}), p = y(() => (l) => c.value ? {
+  }, o = R(() => c.value ? {
+    [y.COLUMN_DRAG_START]: (a, C) => f(a, C),
+    [y.COLUMN_DRAG_ENTER]: (a, C) => v(a, C),
+    [y.COLUMN_DROP]: (a) => d(a),
+    [y.COLUMN_DRAG_END]: () => u()
+  } : {}), p = R(() => (a) => c.value ? {
     dragenter: (C) => {
-      C.preventDefault(), v(l, C);
+      C.preventDefault(), v(a, C);
     },
     drop: () => {
-      d(l);
+      d(a);
     },
     dragover: (C) => {
       C.preventDefault();
@@ -275,14 +275,14 @@ const Rt = (t, e) => {
     onMoveColumnByOffset: g
   };
 }, Tt = (t, e) => {
-  const n = T(t), i = y(
+  const n = T(t), i = R(
     () => [...n.value].sort((o, p) => o.frozen === p.frozen ? 0 : o.frozen ? -1 : 1)
-  ), c = y(() => i.value.filter((o) => o.frozen)), r = y(() => i.value.filter((o) => !o.frozen)), g = y(
+  ), c = R(() => i.value.filter((o) => o.frozen)), r = R(() => i.value.filter((o) => !o.frozen)), g = R(
     () => [
       { columnSet: c.value, id: "frozen", isFrozenColumns: !0 },
       { columnSet: r.value, id: "unfrozen" }
     ].filter(({ columnSet: o }) => o.length)
-  ), f = y(
+  ), f = R(
     () => n.value.filter((o) => (o == null ? void 0 : o.visible) !== !1 && (o == null ? void 0 : o.field) !== F).length === 1
   ), v = (o) => e(b.UPDATE_CONDENSED, o), d = (o) => {
     e(b.COLUMNS, o), e(b.UPDATE_COLUMNS, o);
@@ -297,7 +297,7 @@ const Rt = (t, e) => {
     onConfigSettingsColumnsUpdate: d,
     onConfigSettingsColumnUpdate: (o) => {
       const p = i.value.map(
-        (l) => (l == null ? void 0 : l.field) === o.field ? o : l
+        (a) => (a == null ? void 0 : a.field) === o.field ? o : a
       );
       d(p);
     }
@@ -517,21 +517,21 @@ const nn = tn.exports, sn = {
     }
   },
   emits: [
-    E.COLUMN_RESIZE,
-    E.COLUMN_RESIZING,
-    E.SORT,
-    E.SELECT_ALL_ROWS,
-    E.COLUMN_DRAG_START,
-    E.COLUMN_DRAG_ENTER,
-    E.COLUMN_DROP,
-    E.COLUMN_DRAG_END,
-    E.COLUMN_MOVE,
-    E.COLUMN_UPDATE,
-    E.COLUMN_MENU_OPEN,
-    E.COLUMN_MENU_CLOSE
+    y.COLUMN_RESIZE,
+    y.COLUMN_RESIZING,
+    y.SORT,
+    y.SELECT_ALL_ROWS,
+    y.COLUMN_DRAG_START,
+    y.COLUMN_DRAG_ENTER,
+    y.COLUMN_DROP,
+    y.COLUMN_DRAG_END,
+    y.COLUMN_MOVE,
+    y.COLUMN_UPDATE,
+    y.COLUMN_MENU_OPEN,
+    y.COLUMN_MENU_CLOSE
   ],
   setup(t, { emit: e }) {
-    const { t: n } = Ce(), { columns: i, sortBy: c } = ee(t), r = T(t.allItemsSelectedState), g = (s) => e(E.SELECT_ALL_ROWS, s), f = (s) => s.field === F, { startResize: v, isResizing: d } = bt(i, e), { conditionalSortDirectionClasses: u, sortByColumnField: o } = Et(c, i, e), p = (s) => {
+    const { t: n } = Ce(), { columns: i, sortBy: c } = ee(t), r = T(t.allItemsSelectedState), g = (s) => e(y.SELECT_ALL_ROWS, s), f = (s) => s.field === F, { startResize: v, isResizing: d } = bt(i, e), { conditionalSortDirectionClasses: u, sortByColumnField: o } = Et(c, i, e), p = (s) => {
       var h;
       if (!s.sortable)
         return null;
@@ -540,44 +540,44 @@ const nn = tn.exports, sn = {
         [$.ASCENDING]: Y.ASCENDING,
         [$.DESCENDING]: Y.DESCENDING
       }[_] : Y.NONE;
-    }, l = y(() => (s) => t.hasDraggableColumns ? {
+    }, a = R(() => (s) => t.hasDraggableColumns ? {
       dragstart: (_) => {
-        e(E.COLUMN_DRAG_START, s, _);
+        e(y.COLUMN_DRAG_START, s, _);
       },
       dragover: (_) => {
         _.preventDefault();
       },
       dragenter: (_) => {
-        _.preventDefault(), e(E.COLUMN_DRAG_ENTER, s, _);
+        _.preventDefault(), e(y.COLUMN_DRAG_ENTER, s, _);
       },
       drop: () => {
-        e(E.COLUMN_DROP, s);
+        e(y.COLUMN_DROP, s);
       },
       dragend: () => {
-        e(E.COLUMN_DRAG_END);
+        e(y.COLUMN_DRAG_END);
       }
-    } : {}), C = y(() => (s) => [
+    } : {}), C = R(() => (s) => [
       {
         text: n("moveColumnLeft"),
-        handler: () => e(E.COLUMN_MOVE, s, -1),
+        handler: () => e(y.COLUMN_MOVE, s, -1),
         icon: vt,
         disabled: t.columns[0].field === s.field
       },
       {
         text: n("moveColumnRight"),
-        handler: () => e(E.COLUMN_MOVE, s, 1),
+        handler: () => e(y.COLUMN_MOVE, s, 1),
         icon: kt,
         disabled: t.columns[t.columns.length - 1].field === s.field
       },
       {
         text: s != null && s.frozen ? n("unfreezeColumn") : n("freezeColumn"),
-        handler: () => e(E.COLUMN_UPDATE, { ...s, frozen: !(s != null && s.frozen) }),
+        handler: () => e(y.COLUMN_UPDATE, { ...s, frozen: !(s != null && s.frozen) }),
         icon: me
       },
       {
         text: (s == null ? void 0 : s.visible) !== !1 ? n("hideColumn") : n("showColumn"),
         handler: () => {
-          e(E.COLUMN_UPDATE, {
+          e(y.COLUMN_UPDATE, {
             ...s,
             visible: (s == null ? void 0 : s.visible) === !1
           });
@@ -588,11 +588,11 @@ const nn = tn.exports, sn = {
     ]), m = (s) => {
       let _ = {};
       return f(s) || (_ = {
-        ...l.value(s)
+        ...a.value(s)
       }), s.sortable && (_.click = () => o(s.field), _.keydown = (L) => {
         L.keyCode === D.ENTER && o(s.field);
       }), _;
-    }, R = y(
+    }, O = R(
       () => {
         var s;
         return (s = i.value[0]) != null && s.frozen ? { "b-data-grid-columns--frozen": !0 } : {
@@ -612,7 +612,7 @@ const nn = tn.exports, sn = {
         "b-data-grid-columns__column--is-re-ordering-target-left": (s == null ? void 0 : s.field) === ((B = (G = t.draggingColumns) == null ? void 0 : G.target) == null ? void 0 : B.field) && ((H = t.draggingColumns) == null ? void 0 : H.dragToLeft),
         "b-data-grid-columns__column--is-re-ordering-target-right": (s == null ? void 0 : s.field) === ((W = (Z = t.draggingColumns) == null ? void 0 : Z.target) == null ? void 0 : W.field) && !((j = t.draggingColumns) != null && j.dragToLeft)
       };
-    }, A = y(() => ({
+    }, A = R(() => ({
       "b-data-grid-columns__column-separator-container--is-resizeable": t.hasResizableColumns
     }));
     return {
@@ -621,7 +621,7 @@ const nn = tn.exports, sn = {
       // Styles and classes
       conditionalColumnClasses: I,
       conditionalColumnSeparatorClasses: A,
-      conditionalColumnsClasses: R,
+      conditionalColumnsClasses: O,
       // Selecting
       allItemsSelectedCheckboxState: r,
       isSelectColumn: f,
@@ -636,13 +636,13 @@ const nn = tn.exports, sn = {
       // Event handlers
       dataGridColumnEvents: m,
       // Dragging
-      draggingEventsForColumn: l,
+      draggingEventsForColumn: a,
       // Contextual menu
       contextualMenuData: C,
       computeMenuPosition: S,
       // Enums
       BentoDatagridSortDirection: $,
-      DatagridColumnsEvent: E
+      DatagridColumnsEvent: y
     };
   }
 });
@@ -722,10 +722,10 @@ const fn = gn.exports, Cn = {
   },
   emits: ["visible-column", "updated-column"],
   setup(t, { emit: e }) {
-    const n = T(!1), i = y(() => {
+    const n = T(!1), i = R(() => {
       var u;
       return (u = t.column) == null ? void 0 : u.frozen;
-    }), c = y(() => {
+    }), c = R(() => {
       var u;
       return ((u = t.column) == null ? void 0 : u.visible) !== !1;
     }), r = () => {
@@ -736,7 +736,7 @@ const fn = gn.exports, Cn = {
       i.value || (n.value = !0);
     }, v = () => {
       i.value || (n.value = !1);
-    }, d = y(() => ({
+    }, d = R(() => ({
       ["b-data-grid-config-settings-column-row__freeze-icon--frozen"]: i.value
     }));
     return {
@@ -819,9 +819,9 @@ const hn = pn.exports, Sn = {
   setup(t, { emit: e }) {
     const n = T(null), i = ut("data-grid-config-settings-popover"), c = T(null), r = T(!1), g = T(!0), f = T(""), v = qe(t, "columns"), d = T(!1), u = rt(f, v), o = () => {
       f.value = "";
-    }, p = y(
+    }, p = R(
       () => !t.columns.some((_) => _.visible === !1 && !_.mandatory)
-    ), l = () => {
+    ), a = () => {
       o(), d.value = !d.value, d.value && V(() => {
         var _;
         return (_ = c.value.bentoInputField) == null ? void 0 : _.focusInput();
@@ -832,7 +832,7 @@ const hn = pn.exports, Sn = {
         visible: _.field === h.field ? _.visible : h.visible
       }));
       e(M.UPDATE_COLUMNS, L);
-    }, R = (_) => {
+    }, O = (_) => {
       _ ? e(
         M.UPDATE_COLUMNS,
         t.columns.map((L) => ({ ...L, visible: !0 }))
@@ -863,9 +863,9 @@ const hn = pn.exports, Sn = {
       // Methods
       setConfigSettingsPanelVisibility: I,
       emitCondensedToggle: (_) => e(M.CONFIG_SETTINGS, _),
-      toggleAllColumnVisibility: R,
+      toggleAllColumnVisibility: O,
       clearAction: o,
-      toggleColumnFilter: l,
+      toggleColumnFilter: a,
       emitVisibleColumns: m,
       emitFrozenColumns: S,
       onClickOutside: () => I(!1),
@@ -1093,7 +1093,7 @@ const On = Rn.exports, Tn = {
     b.SORT
   ],
   setup(t, { emit: e, slots: n }) {
-    const i = T(null), c = T(), r = T(null), g = T(), f = T(0), { columns: v, selectable: d, data: u, selection: o, allowColumnDragAndDrop: p } = ee(t), { t: l } = Ce(), { columnDefs: C, onColumnWidthOverride: m, gridColumnWidthStyle: R } = Lt(v, i, {
+    const i = T(null), c = T(), r = T(null), g = T(), f = T(0), { columns: v, selectable: d, data: u, selection: o, allowColumnDragAndDrop: p } = ee(t), { t: a } = Ce(), { columnDefs: C, onColumnWidthOverride: m, gridColumnWidthStyle: O } = Lt(v, i, {
       hasSelectableColumn: d
     }), {
       sortedColumns: S,
@@ -1108,83 +1108,86 @@ const On = Rn.exports, Tn = {
       u,
       t.getDataItemId,
       t.isDataItemDisabled
-    ), be = y(() => ({
+    ), be = R(() => ({
       [`b-data-grid--${Q.OUTLINE}`]: t.outline,
       [`b-data-grid--${Q.FIT_CONTENT}`]: t.fitContent
-    })), pe = y(() => I.value.findIndex((a) => a.columnSet.length)), he = (a) => {
-      var O;
+    })), pe = R(() => I.value.findIndex((l) => l.columnSet.length)), he = (l) => {
+      var E;
       return {
-        "b-data-grid__row--disabled": t.isDataItemDisabled(a),
+        "b-data-grid__row--disabled": t.isDataItemDisabled(l),
         "b-data-grid__row--row-clicks-enabled": t.allowRowClicks,
-        "b-data-grid__cell--is-re-ordering": ((O = h.target) == null ? void 0 : O.field) !== void 0,
-        "b-data-grid__row--highlighted": t.highlightedRows.includes(t.getDataItemId(a))
+        "b-data-grid__cell--is-re-ordering": ((E = h.target) == null ? void 0 : E.field) !== void 0,
+        "b-data-grid__row--highlighted": t.highlightedRows.includes(t.getDataItemId(l))
       };
-    }, Se = (a) => ({
-      "b-data-grid__row-cell-set--frozen": a,
-      "b-data-grid__row-cell-set--unfrozen": !a,
-      "b-data-grid__row-cell-set--config-settings-margin": !a && t.columnPanel
-    }), Le = (a) => {
-      var O, w, U, z, k;
+    }, Se = (l) => ({
+      "b-data-grid__row-cell-set--frozen": l,
+      "b-data-grid__row-cell-set--unfrozen": !l,
+      "b-data-grid__row-cell-set--config-settings-margin": !l && t.columnPanel
+    }), Le = (l) => {
+      var E, w, U, z, k;
       return {
-        "b-data-grid__cell--padding-left-unset": ((O = a == null ? void 0 : a.padding) == null ? void 0 : O.left) === !1,
-        "b-data-grid__cell--padding-right-unset": ((w = a == null ? void 0 : a.padding) == null ? void 0 : w.right) === !1,
-        "b-data-grid__cell--numeric": a == null ? void 0 : a.numeric,
+        "b-data-grid__cell--padding-left-unset": ((E = l == null ? void 0 : l.padding) == null ? void 0 : E.left) === !1,
+        "b-data-grid__cell--padding-right-unset": ((w = l == null ? void 0 : l.padding) == null ? void 0 : w.right) === !1,
+        "b-data-grid__cell--numeric": l == null ? void 0 : l.numeric,
         "b-data-grid__cell--condensed": t.condensed,
-        "b-data-grid__cell--frozen": a == null ? void 0 : a.frozen,
-        [`b-data-grid__cell--overflow-${X.ELLIPSIS}`]: (a == null ? void 0 : a.overflow) === X.ELLIPSIS,
-        "b-data-grid__cell--is-column-re-ordering": ((U = h.dragging) == null ? void 0 : U.field) === a.field,
-        "b-data-grid__cell--is-column-re-order-target-left": ((z = h.target) == null ? void 0 : z.field) === a.field && (h == null ? void 0 : h.dragToLeft),
-        "b-data-grid__cell--is-column-re-order-target-right": ((k = h.target) == null ? void 0 : k.field) === a.field && !(h != null && h.dragToLeft)
+        "b-data-grid__cell--frozen": l == null ? void 0 : l.frozen,
+        [`b-data-grid__cell--overflow-${X.ELLIPSIS}`]: (l == null ? void 0 : l.overflow) === X.ELLIPSIS,
+        "b-data-grid__cell--is-column-re-ordering": ((U = h.dragging) == null ? void 0 : U.field) === l.field,
+        "b-data-grid__cell--is-column-re-order-target-left": ((z = h.target) == null ? void 0 : z.field) === l.field && (h == null ? void 0 : h.dragToLeft),
+        "b-data-grid__cell--is-column-re-order-target-right": ((k = h.target) == null ? void 0 : k.field) === l.field && !(h != null && h.dragToLeft)
       };
-    }, Ee = (a, O) => (a == null ? void 0 : a.overflow) === X.ELLIPSIS ? `${O}` : void 0, ye = (a) => a ?? "-", Re = y(() => {
-      var a, O, w, U, z, k;
+    }, Ee = (l, E) => (l == null ? void 0 : l.overflow) === X.ELLIPSIS ? `${E}` : void 0, ye = (l) => l ?? "-", Re = R(() => {
+      var l, E, w, U, z, k;
       return {
-        "b-data-grid__pagination--padding-left-unset": ((w = (O = (a = t.columns) == null ? void 0 : a[0]) == null ? void 0 : O.padding) == null ? void 0 : w.left) === !1,
+        "b-data-grid__pagination--padding-left-unset": ((w = (E = (l = t.columns) == null ? void 0 : l[0]) == null ? void 0 : E.padding) == null ? void 0 : w.left) === !1,
         "b-data-grid__pagination--padding-right-unset": ((k = (z = (U = t.columns) == null ? void 0 : U[t.columns.length - 1]) == null ? void 0 : z.padding) == null ? void 0 : k.right) === !1,
         "b-data-grid__pagination--sticky": !!t.stickyPagination
       };
-    }), Oe = y(() => {
-      var a;
+    }), Oe = R(() => {
+      var l;
       return {
-        height: `${(a = c.value) == null ? void 0 : a.clientHeight}px`
+        height: `${(l = c.value) == null ? void 0 : l.clientHeight}px`
       };
     }), Te = Qe({
       label: n != null && n.header ? nt(n)("header") : null,
       defaultFallback: "data grid"
-    }), Ie = (a) => {
+    }), Ie = (l) => {
       if (!t.selectable)
         return null;
-      const O = t.getDataItemId(a);
-      return W.value.includes(O).toString();
-    }, Ae = (a) => e(b.COLUMN_RESIZE, a), Ne = (a) => {
-      e(b.UPDATE_SORT_BY, a), e(b.SORT, a);
-    }, we = (a) => {
-      e(b.NAVIGATE, a), e(b.UPDATE_PAGINATION, {
+      const E = t.getDataItemId(l);
+      return W.value.includes(E).toString();
+    }, Ae = (l) => e(b.COLUMN_RESIZE, l), Ne = (l) => {
+      e(b.UPDATE_SORT_BY, l), e(b.SORT, l);
+    }, we = (l) => {
+      e(b.NAVIGATE, l), e(b.UPDATE_PAGINATION, {
         ...t.pagination,
-        page: a
+        page: l
       });
-    }, Ue = (a) => e(b.ITEMS_PAGE, a), Pe = () => {
+    }, Ue = (l) => e(b.ITEMS_PAGE, l), Pe = () => {
       e(b.FILTER_SEARCH_CLEAR);
-    }, De = (a) => {
-      e(b.UPDATE_FILTER_SEARCH_TERM, a), e(b.FILTER_SEARCH_INPUT, a);
+    }, De = (l) => {
+      e(b.UPDATE_FILTER_SEARCH_TERM, l), e(b.FILTER_SEARCH_INPUT, l);
     }, Me = () => {
       g.value.isClearAllVisible ? g.value.clearAllFilters() : g.value.isResetAllVisible && g.value.resetAllFilters();
-    }, $e = y(() => ({
-      ...t.emptyState,
-      variant: t.emptyState.variant === "embedded" || t.emptyState.variant === "basic" ? t.emptyState.variant : "basic"
-    })), xe = (a, O) => {
-      t.allowRowClicks && e(b.ROW_CLICK, a, O);
-    }, ze = y(() => {
-      const a = v.value.filter(({ visible: O }) => O !== !1);
-      return d.value ? a.length + 1 : a.length;
-    }), Fe = y(
-      () => [...r.value].sort((a, O) => {
-        const w = Number(a.getAttribute("data-cellindex")), U = Number(O.getAttribute("data-cellindex"));
+    }, $e = R(() => {
+      var l, E;
+      return {
+        ...t.emptyState,
+        variant: ((l = t.emptyState) == null ? void 0 : l.variant) === "embedded" || ((E = t.emptyState) == null ? void 0 : E.variant) === "basic" ? t.emptyState.variant : "basic"
+      };
+    }), xe = (l, E) => {
+      t.allowRowClicks && e(b.ROW_CLICK, l, E);
+    }, ze = R(() => {
+      const l = v.value.filter(({ visible: E }) => E !== !1);
+      return d.value ? l.length + 1 : l.length;
+    }), Fe = R(
+      () => [...r.value].sort((l, E) => {
+        const w = Number(l.getAttribute("data-cellindex")), U = Number(E.getAttribute("data-cellindex"));
         return w > U ? 1 : U > w ? -1 : 0;
       })
-    ), { focusOnNextGridcell: Ge, isNavigationKeyCode: We } = Rt(Fe, ze), ke = (a) => {
-      const { ctrlKey: O, keyCode: w, target: U } = a;
-      r.value.includes(U) && We(w) && Ge(U, w, O);
+    ), { focusOnNextGridcell: Ge, isNavigationKeyCode: We } = Rt(Fe, ze), ke = (l) => {
+      const { ctrlKey: E, keyCode: w, target: U } = l;
+      r.value.includes(U) && We(w) && Ge(U, w, E);
     };
     ge(
       () => f.value,
@@ -1192,19 +1195,19 @@ const On = Rn.exports, Tn = {
         i.value.scrollLeft = f.value, c.value.scrollLeft = f.value;
       }
     );
-    const Ve = (a) => {
-      f.value = a.target.scrollLeft;
+    const Ve = (l) => {
+      f.value = l.target.scrollLeft;
     }, Be = () => {
       i.value.scrollLeft = 0, i.value.style.overflowX = "hidden", setTimeout(() => {
         i.value.style.overflowX = "auto";
       });
-    }, He = (a) => {
-      const O = {
-        ...G.value(a)
+    }, He = (l) => {
+      const E = {
+        ...G.value(l)
       };
-      return a.frozen && (O.focus = Be), O;
-    }, ne = (a, O) => a + I.value.length * O, Ze = (a, O, w) => v.value.length * a + ne(O, w);
-    return y(() => v.value.some((a) => a.mandatory)).value || tt(
+      return l.frozen && (E.focus = Be), E;
+    }, ne = (l, E) => l + I.value.length * E, Ze = (l, E, w) => v.value.length * l + ne(E, w);
+    return R(() => v.value.some((l) => l.mandatory)).value || tt(
       "WARNING: At least one BentoDataGrid column should be set as mandatory to ensure data is always displayed correctly."
     ), Je(it, () => null)(t.tabTitle), {
       // Refs
@@ -1219,7 +1222,7 @@ const On = Rn.exports, Tn = {
       conditionalTitleAttribute: Ee,
       getRowData: ye,
       // Styles and classes
-      gridColumnWidthStyle: R,
+      gridColumnWidthStyle: O,
       conditionalGridClasses: be,
       conditionalRowClasses: he,
       conditionalRowSetClasses: Se,
@@ -1274,7 +1277,7 @@ const On = Rn.exports, Tn = {
       getColIndex: ne,
       navigationInput: ke,
       // Translations
-      t: l
+      t: a
     };
   }
 });
@@ -1287,7 +1290,7 @@ var An = function() {
         return [e._t(d, null, null, u)];
       } };
     })], null, !0) }, e.draggingEventsForColumns)) : e._e()];
-  })], 2)])], 1), n("div", { ref: "body", staticClass: "b-data-grid__body", attrs: { tabindex: e.loading ? "0" : "-1", "aria-busy": e.loading, "aria-live": "polite" }, on: { scroll: e.updateScrollPosition } }, [e.loading ? n("div", { staticClass: "b-data-grid__loading" }, [n("bento-loading-indicator", { staticClass: "b-data-grid__loading-indicator", attrs: { large: "" } }), n("bento-typography", { attrs: { el: "span", variant: "caption" } }, [e._v(e._s(e.t("gettingYourData")))])], 1) : ((i = e.data) == null ? void 0 : i.length) === 0 ? n("div", { staticClass: "b-data-grid__empty-state" }, [n("bento-empty-state", e._b({}, "bento-empty-state", e.limitedEmptyStateProps, !1))], 1) : n("div", { staticClass: "b-data-grid__rows", attrs: { role: "rowgroup" }, on: { keydown: e.navigationInput } }, e._l(e.data, function(c, r) {
+  })], 2)])], 1), n("div", { ref: "body", staticClass: "b-data-grid__body", attrs: { tabindex: e.loading ? "0" : "-1", "aria-busy": e.loading, "aria-live": "polite" }, on: { scroll: e.updateScrollPosition } }, [e.loading ? n("div", { staticClass: "b-data-grid__loading" }, [n("bento-loading-indicator", { staticClass: "b-data-grid__loading-indicator", attrs: { large: "" } }), n("bento-typography", { attrs: { el: "span", variant: "caption" } }, [e._v(e._s(e.t("gettingYourData")))])], 1) : ((i = e.data) == null ? void 0 : i.length) === 0 && e.emptyState ? n("div", { staticClass: "b-data-grid__empty-state" }, [n("bento-empty-state", e._b({}, "bento-empty-state", e.limitedEmptyStateProps, !1))], 1) : n("div", { staticClass: "b-data-grid__rows", attrs: { role: "rowgroup" }, on: { keydown: e.navigationInput } }, e._l(e.data, function(c, r) {
     return n("div", { key: r, staticClass: "b-data-grid__row", class: e.conditionalRowClasses(c), style: e.gridColumnWidthStyle, attrs: { role: "row", "aria-rowindex": r + 1, "aria-selected": e.getRowAriaSelectedValue(c) }, on: { click: function(g) {
       return e.onRowClick(c, g);
     } } }, [e._l(e.columnSets, function({ columnSet: g, id: f, isFrozenColumns: v }, d) {
@@ -1304,7 +1307,7 @@ var An = function() {
   Nn,
   !1,
   null,
-  "3a9082ae",
+  "52c7878c",
   null,
   null
 );