@adyen/bento-vue2 1.1.1 → 1.2.0

package/dist/data-grid.js

@@ -1,28 +1,28 @@
 import { ref as O, onMounted as Ce, nextTick as z, watch as ve, onUnmounted as me, reactive as K, toRefs as ee, computed as E, watchEffect as et, defineComponent as X, toRef as be } from "vue";
 import { o as pe } from "./chunks/resize.a041304d.js";
 import { u as tt } from "./chunks/aria-label.ac9651a5.js";
-import { B as he } from "./chunks/checkbox.5d8f5768.js";
+import { B as he } from "./chunks/checkbox.c06daf12.js";
 import { BentoPagination as nt } from "./pagination.js";
 import { BentoLoadingIndicator as st } from "./loading-indicator.js";
-import { B as te, a as q, b as ne } from "./chunks/index.2066e16f.js";
+import { B as te, a as q, b as ne } from "./chunks/index.175f9e2d.js";
 import { g as it } from "./chunks/get-slot-text.e5c766d0.js";
 import { u as Se } from "./chunks/i18n.155748d6.js";
 import { BentoFilterBar as J } from "./filter-bar.js";
 import { BentoInfoIcon as lt } from "./info-icon.js";
 import { BentoMenu as ot } from "./menu.js";
 import { BentoPopoverPositions as Le, BentoPopover as at } from "./popover.js";
-import { a as ye, B as rt } from "./chunks/button.34695c2c.js";
-import { K as D } from "./chunks/tooltip.807205c0.js";
+import { a as ye, B as rt } from "./chunks/button.c27a7ce2.js";
+import { K as D } from "./chunks/tooltip.9af34fba.js";
 import { n as U } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
 import { l as le } from "./chunks/events.58c00e6d.js";
-import { B as Ee, A as Re } from "./chunks/index.f55a6913.js";
+import { BentoToggle as Ee, BentoToggleLabelPosition as Re } from "./toggle.js";
 import { BentoSearchBar as dt } from "./search-bar.js";
-import { u as ct } from "./chunks/dropdown.0c80d6c1.js";
+import { u as ct } from "./chunks/dropdown.368486b1.js";
 import { C as ut } from "./chunks/cross.a2cadac5.js";
-import { S as _t } from "./chunks/search.a8055e95.js";
-import { g as gt } from "./chunks/unique-id.a2a2b458.js";
+import { S as gt } from "./chunks/search.a8055e95.js";
+import { g as _t } from "./chunks/unique-id.a2a2b458.js";
 import { B as ft } from "./chunks/directive.0408e565.js";
-import "./assets/index4.css";
+import "./assets/index24.css";
 const Ct = ({
   paginationRef: t,
   fitContent: e
@@ -54,15 +54,15 @@ const vt = (t, e) => {
     () => Object.fromEntries(t.value.map(({ field: b, width: R, minWidth: L }) => [b, { width: R, minWidth: L }]))
   );
   et(() => s.value = d.value);
-  let _ = null, r = null;
+  let g = null, r = null;
   const h = (b) => {
-    const R = b.clientX - C, L = v, A = s.value[L].width + R;
-    s.value[L].width = A > s.value[L].minWidth ? A : s.value[L].minWidth, e(y.COLUMN_RESIZING, s.value), C = b.clientX;
+    const R = b.clientX - C, L = v, I = s.value[L].width + R;
+    s.value[L].width = I > s.value[L].minWidth ? I : s.value[L].minWidth, e(y.COLUMN_RESIZING, s.value), C = b.clientX;
   }, l = () => {
-    n.value = !1, _ == null || _(), r == null || r(), v && e(y.COLUMN_RESIZE, {
+    n.value = !1, g == null || g(), r == null || r(), v && e(y.COLUMN_RESIZE, {
       field: v,
       width: s.value[v].width
-    }), _ = null, r = null, v = "", C = null;
+    }), g = null, r = null, v = "", C = null;
   };
   return { resizeData: s, allColumnRefs: f, startResize: (b, R, L) => {
     if (L.preventDefault(), b) {
@@ -70,7 +70,7 @@ const vt = (t, e) => {
         l();
         return;
       }
-      v = R, C = L.clientX, _ = le(window, "mousemove", h), r = le(window, "mouseup", l);
+      v = R, C = L.clientX, g = le(window, "mousemove", h), r = le(window, "mouseup", l);
     }
   }, isResizing: n };
 }, mt = vt, bt = 100, oe = 50, G = "b-select", pt = (t, e, n) => {
@@ -82,7 +82,7 @@ const vt = (t, e) => {
     if (u.length === n.length)
       return;
     const C = { min: {}, max: {} };
-    let v = t, d = e, _ = 0;
+    let v = t, d = e, g = 0;
     u.forEach((r) => {
       v -= s[r].computedWidth, d -= s[r].flex;
     });
@@ -91,13 +91,13 @@ const vt = (t, e) => {
       if (s[l.field] && s[l.field].frozen === !0)
         continue;
       let b = v / d * l.flex;
-      b < l.minWidth && (_ += l.minWidth - b, b = l.minWidth, C.min[l.field] = !0), s[l.field] = {
+      b < l.minWidth && (g += l.minWidth - b, b = l.minWidth, C.min[l.field] = !0), s[l.field] = {
         frozen: !1,
         computedWidth: b,
         flex: l.flex
       };
     }
-    _ > 0 ? Object.keys(C.min).forEach((r) => {
+    g > 0 ? Object.keys(C.min).forEach((r) => {
       o(r);
     }) : n.forEach(({ field: r }) => {
       o(r);
@@ -130,15 +130,15 @@ const vt = (t, e) => {
     let L = s.value.filter((i) => i.visible !== !1);
     n != null && n.hasSelectableColumn.value && (L = [{ field: G, label: "", width: 40 }, ...L]), L.forEach((i) => {
       const c = { ...i };
-      let I;
-      c.flex && c.flex > 0 ? (m += c.flex, I = 0, l.push(c)) : I = Math.max(
+      let A;
+      c.flex && c.flex > 0 ? (m += c.flex, A = 0, l.push(c)) : A = Math.max(
         (c == null ? void 0 : c.width) ?? bt,
         (c == null ? void 0 : c.minWidth) ?? oe
-      ), b += I, c.width = I, c.minWidth = (c == null ? void 0 : c.minWidth) ?? oe, R[c.field] = c;
+      ), b += A, c.width = A, c.minWidth = (c == null ? void 0 : c.minWidth) ?? oe, R[c.field] = c;
     });
-    const A = Math.max(o.value - b, 0);
+    const I = Math.max(o.value - b, 0);
     if (m > 0 && o.value > 0) {
-      const i = pt(A, m, l);
+      const i = pt(I, m, l);
       Object.keys(i).forEach((c) => {
         R[c].width = i[c].computedWidth;
       });
@@ -146,7 +146,7 @@ const vt = (t, e) => {
     return Object.values(R);
   }), v = O(void 0), d = (l) => {
     v.value = { ...v.value, ...l };
-  }, _ = E(
+  }, g = E(
     () => C.value.map((l) => {
       var m, b;
       return {
@@ -155,10 +155,10 @@ const vt = (t, e) => {
         width: ((b = (m = v.value) == null ? void 0 : m[l.field]) == null ? void 0 : b.width) ?? l.width
       };
     })
-  ), r = E(() => _.value.reduce((l, m) => m.width + l, 0)), h = E(() => ({
+  ), r = E(() => g.value.reduce((l, m) => m.width + l, 0)), h = E(() => ({
     width: o.value > r.value ? "100%" : "fit-content"
   }));
-  return { columnDefs: _, gridColumnWidthStyle: h, onColumnWidthOverride: d };
+  return { columnDefs: g, gridColumnWidthStyle: h, onColumnWidthOverride: d };
 }, St = ht, Lt = (t, e, n) => ({ conditionalSortDirectionClasses: (o, f) => ({
   "b-data-grid-columns__column-sort-icon--sorted": t.value.some(
     (C) => C.field === o && C.direction === f
@@ -178,15 +178,15 @@ const vt = (t, e) => {
     isIndeterminate: !1
   }), C = () => {
     e(p.SELECT, o.value), e(p.UPDATE_SELECTION, o.value);
-  }, v = (_) => {
+  }, v = (g) => {
     z(() => {
       var r, h;
-      _ ? o.value = (h = (r = n.value) == null ? void 0 : r.filter((l) => !u(l))) == null ? void 0 : h.map((l) => s(l)) : o.value = [], f.allItemsSelected = _, f.isIndeterminate = !1, C();
+      g ? o.value = (h = (r = n.value) == null ? void 0 : r.filter((l) => !u(l))) == null ? void 0 : h.map((l) => s(l)) : o.value = [], f.allItemsSelected = g, f.isIndeterminate = !1, C();
     });
-  }, d = (_) => {
+  }, d = (g) => {
     z(() => {
       var h;
-      o.value = _;
+      o.value = g;
       const r = (h = n.value) == null ? void 0 : h.filter((l) => !u(l)).every((l) => o.value.includes(s(l)));
       f.isIndeterminate = o.value.length > 0 && !r, r ? f.allItemsSelected = !0 : (f.isIndeterminate || !r) && (f.allItemsSelected = !1), C();
     });
@@ -195,36 +195,36 @@ const vt = (t, e) => {
 };
 var w = ((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))(w || {});
 const Et = (t, e) => {
-  const n = (d) => Math.floor(d / e.value), s = (d, _, r) => {
+  const n = (d) => Math.floor(d / e.value), s = (d, g, r) => {
     const h = t.value.length - 1, l = e.value - 1, m = n(d), b = d - e.value * m;
     return {
       [w.PAGE_UP]: b,
       [w.PAGE_DOWN]: h - l + b,
       [w.END]: r ? h : e.value * m + l,
       [w.HOME]: r ? 0 : e.value * m
-    }[_];
-  }, u = (d, _) => {
+    }[g];
+  }, u = (d, g) => {
     const h = {
       [w.ARROW_DOWN]: e.value,
       [w.ARROW_UP]: -e.value,
       [w.ARROW_LEFT]: -1,
       [w.ARROW_RIGHT]: 1
-    }[_], l = d + h;
+    }[g], l = d + h;
     return l < 0 || l >= t.value.length ? d : l;
   }, o = (d) => [
     w.PAGE_UP,
     w.PAGE_DOWN,
     w.END,
     w.HOME
-  ].includes(d), f = (d, _, r) => {
+  ].includes(d), f = (d, g, r) => {
     const h = t.value.indexOf(d);
-    return o(_) ? s(h, _, r) : u(h, _);
+    return o(g) ? s(h, g, r) : u(h, g);
   };
   return {
-    focusOnNextGridcell: (d, _, r) => {
+    focusOnNextGridcell: (d, g, r) => {
       if (!t.value.includes(d))
         return;
-      const h = f(d, _, r);
+      const h = f(d, g, r);
       t.value[h].focus();
     },
     isNavigationKeyCode: (d) => d in w
@@ -235,7 +235,7 @@ const Et = (t, e) => {
     dragToLeft: null,
     target: null
   }), f = (l, m = 0) => {
-    const b = s.value.findIndex((A) => A.field === l.field), R = b + m;
+    const b = s.value.findIndex((I) => I.field === l.field), R = b + m;
     if (R < 0 || R > s.value.length - 1)
       return;
     const L = [...s.value];
@@ -249,32 +249,32 @@ const Et = (t, e) => {
   }, d = (l) => {
     var m, b;
     if (((m = o.dragging) == null ? void 0 : m.field) !== l.field) {
-      const R = s.value.findIndex((g) => {
+      const R = s.value.findIndex((_) => {
         var S;
-        return g.field === ((S = o.dragging) == null ? void 0 : S.field);
-      }), L = s.value.findIndex((g) => g.field === l.field), A = o.dragToLeft ? L : L + 1, i = A > R ? A - 1 : A;
+        return _.field === ((S = o.dragging) == null ? void 0 : S.field);
+      }), L = s.value.findIndex((_) => _.field === l.field), I = o.dragToLeft ? L : L + 1, i = I > R ? I - 1 : I;
       let c = [...s.value];
       c.splice(
         i === -1 ? 0 : i,
         0,
         c.splice(R, 1)[0]
       );
-      const I = s.value.findIndex((g) => !(g != null && g.frozen));
-      ((b = o.dragging) == null ? void 0 : b.frozen) !== l.frozen && A !== I && (c = c.map(
-        (g) => {
+      const A = s.value.findIndex((_) => !(_ != null && _.frozen));
+      ((b = o.dragging) == null ? void 0 : b.frozen) !== l.frozen && I !== A && (c = c.map(
+        (_) => {
           var S;
-          return ((S = o.dragging) == null ? void 0 : S.field) === g.field ? { ...g, frozen: !!(l != null && l.frozen) } : g;
+          return ((S = o.dragging) == null ? void 0 : S.field) === _.field ? { ..._, frozen: !!(l != null && l.frozen) } : _;
         }
       )), n(p.COLUMNS, c), n(p.UPDATE_COLUMNS, c);
     }
     o.dragging = null, o.target = null;
-  }, _ = () => {
+  }, g = () => {
     o.dragging = null, o.dragToLeft = null, o.target = null;
   }, r = E(() => u.value ? {
     [y.COLUMN_DRAG_START]: (l, m) => C(l, m),
     [y.COLUMN_DRAG_ENTER]: (l, m) => v(l, m),
     [y.COLUMN_DROP]: (l) => d(l),
-    [y.COLUMN_DRAG_END]: () => _()
+    [y.COLUMN_DRAG_END]: () => g()
   } : {}), h = E(() => (l) => u.value ? {
     dragenter: (m) => {
       m.preventDefault(), v(l, m);
@@ -329,13 +329,13 @@ const Ot = {
     this.uuid = ae.toString(), ae += 1;
   }
 };
-var At = function() {
+var It = function() {
   var e = this, n = e._self._c;
   return n("svg", e._b({ attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? n("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), n("path", { attrs: { fill: "#00112C", "fill-rule": "evenodd", d: "M11 10.75C11.2841 10.75 11.5438 10.5895 11.6708 10.3354C11.7979 10.0813 11.7705 9.77726 11.6 9.55L8.6 5.55C8.45836 5.36115 8.23607 5.25 8.00001 5.25C7.76394 5.25 7.54165 5.36115 7.40001 5.55L4.4 9.55C4.22956 9.77726 4.20214 10.0813 4.32918 10.3354C4.45623 10.5895 4.71593 10.75 5 10.75L11 10.75Z", "clip-rule": "evenodd" } })]);
-}, It = [], Nt = /* @__PURE__ */ U(
+}, At = [], Nt = /* @__PURE__ */ U(
   Ot,
-  At,
   It,
+  At,
   !1,
   null,
   "4ebc0033",
@@ -423,10 +423,10 @@ var jt = function() {
   null
 );
 const Te = qt.exports;
-let _e = 0;
+let ge = 0;
 const Jt = {
   beforeCreate() {
-    this.uuid = _e.toString(), _e += 1;
+    this.uuid = ge.toString(), ge += 1;
   }
 };
 var Qt = function() {
@@ -443,10 +443,10 @@ var Qt = function() {
   null
 );
 const tn = en.exports;
-let ge = 0;
+let _e = 0;
 const nn = {
   beforeCreate() {
-    this.uuid = ge.toString(), ge += 1;
+    this.uuid = _e.toString(), _e += 1;
   }
 };
 var sn = function() {
@@ -570,11 +570,11 @@ const an = on.exports, rn = {
     y.COLUMN_MENU_CLOSE
   ],
   setup(t, { emit: e }) {
-    const { t: n } = Se(), { columns: s, sortBy: u } = ee(t), o = O(t.allItemsSelectedState), f = (i) => e(y.SELECT_ALL_ROWS, i), C = (i) => i.field === G, { startResize: v, isResizing: d } = mt(s, e), { conditionalSortDirectionClasses: _, sortByColumnField: r } = Lt(u, s, e), h = (i) => {
-      var g;
+    const { t: n } = Se(), { columns: s, sortBy: u } = ee(t), o = O(t.allItemsSelectedState), f = (i) => e(y.SELECT_ALL_ROWS, i), C = (i) => i.field === G, { startResize: v, isResizing: d } = mt(s, e), { conditionalSortDirectionClasses: g, sortByColumnField: r } = Lt(u, s, e), h = (i) => {
+      var _;
       if (!i.sortable)
         return null;
-      const c = (g = t.sortBy.find(({ field: S }) => S === i.field)) == null ? void 0 : g.direction;
+      const c = (_ = t.sortBy.find(({ field: S }) => S === i.field)) == null ? void 0 : _.direction;
       return c ? {
         [x.ASCENDING]: j.ASCENDING,
         [x.DESCENDING]: j.DESCENDING
@@ -628,8 +628,8 @@ const an = on.exports, rn = {
       let c = {};
       return C(i) || (c = {
         ...l.value(i)
-      }), i.sortable && (c.click = () => r(i.field), c.keydown = (I) => {
-        I.keyCode === D.ENTER && r(i.field);
+      }), i.sortable && (c.click = () => r(i.field), c.keydown = (A) => {
+        A.keyCode === D.ENTER && r(i.field);
       }), c;
     }, R = E(
       () => {
@@ -640,18 +640,18 @@ const an = on.exports, rn = {
         };
       }
     ), L = (i) => {
-      var c, I, g, S, N, B, k, H, Z, V;
+      var c, A, _, S, N, B, k, H, Z, V;
       return {
         "b-data-grid-columns__column--sortable": i.sortable,
         "b-data-grid-columns__column--padding-left-unset": ((c = i == null ? void 0 : i.padding) == null ? void 0 : c.left) === !1,
-        "b-data-grid-columns__column--padding-right-unset": ((I = i == null ? void 0 : i.padding) == null ? void 0 : I.right) === !1,
+        "b-data-grid-columns__column--padding-right-unset": ((A = i == null ? void 0 : i.padding) == null ? void 0 : A.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) === ((S = (g = t.draggingColumns) == null ? void 0 : g.dragging) == null ? void 0 : S.field),
+        "b-data-grid-columns__column--is-re-ordering": (i == null ? void 0 : i.field) === ((S = (_ = t.draggingColumns) == null ? void 0 : _.dragging) == null ? void 0 : S.field),
         "b-data-grid-columns__column--is-re-ordering-target-left": (i == null ? void 0 : i.field) === ((B = (N = t.draggingColumns) == null ? void 0 : N.target) == null ? void 0 : B.field) && ((k = t.draggingColumns) == null ? void 0 : k.dragToLeft),
         "b-data-grid-columns__column--is-re-ordering-target-right": (i == null ? void 0 : i.field) === ((Z = (H = t.draggingColumns) == null ? void 0 : H.target) == null ? void 0 : Z.field) && !((V = t.draggingColumns) != null && V.dragToLeft)
       };
-    }, A = E(() => ({
+    }, I = E(() => ({
       "b-data-grid-columns__column-separator-container--is-resizeable": t.hasResizableColumns
     }));
     return {
@@ -659,14 +659,14 @@ const an = on.exports, rn = {
       DATAGRID_SELECT_FIELD_NAME: G,
       // Styles and classes
       conditionalColumnClasses: L,
-      conditionalColumnSeparatorClasses: A,
+      conditionalColumnSeparatorClasses: I,
       conditionalColumnsClasses: R,
       // Selecting
       allItemsSelectedCheckboxState: o,
       isSelectColumn: C,
       onAllRowSelect: f,
       // Sorting
-      conditionalSortDirectionClasses: _,
+      conditionalSortDirectionClasses: g,
       sortByColumnField: r,
       getSortingColumnDirection: h,
       // Resizing
@@ -702,7 +702,7 @@ var cn = function() {
       o.stopPropagation();
     } } }, [!e.isFrozenColumns || e.isFrozenColumns && u !== e.columns.length - 1 ? n("div", { staticClass: "b-data-grid-columns__column-separator" }) : e._e()])]], 2);
   }), 0);
-}, un = [], _n = /* @__PURE__ */ U(
+}, un = [], gn = /* @__PURE__ */ U(
   dn,
   cn,
   un,
@@ -712,7 +712,7 @@ var cn = function() {
   null,
   null
 );
-const gn = _n.exports;
+const _n = gn.exports;
 var M = /* @__PURE__ */ ((t) => (t.CONFIG_SETTINGS = "config-settings", t.UPDATE_COLUMNS = "update:columns", t))(M || {});
 let fe = 0;
 const fn = {
@@ -764,11 +764,11 @@ const bn = mn.exports, pn = {
   emits: ["visible-column", "updated-column"],
   setup(t, { emit: e }) {
     const n = O(!1), s = E(() => {
-      var _;
-      return (_ = t.column) == null ? void 0 : _.frozen;
+      var g;
+      return (g = t.column) == null ? void 0 : g.frozen;
     }), u = E(() => {
-      var _;
-      return ((_ = t.column) == null ? void 0 : _.visible) !== !1;
+      var g;
+      return ((g = t.column) == null ? void 0 : g.visible) !== !1;
     }), o = () => {
       e("visible-column", { ...t.column, visible: !u.value });
     }, f = () => {
@@ -792,7 +792,7 @@ const bn = mn.exports, pn = {
       hideFreezeIcon: v,
       toggleColumnFreeze: f,
       // Enum
-      AdlLabelPosition: Re,
+      BentoToggleLabelPosition: Re,
       BentoTypographyElement: q,
       BentoTypographyVariant: ne
     };
@@ -800,7 +800,7 @@ const bn = mn.exports, pn = {
 });
 var Sn = function() {
   var e = this, n = e._self._c;
-  return e._self._setupProxy, n("div", { staticClass: "b-data-grid-config-settings-column-row", on: { mouseover: e.showFreezeIcon, mouseleave: e.hideFreezeIcon } }, [n("bento-toggle", { attrs: { "aria-label": e.$t("toggleColumnVisibility", { label: e.column.label }), disabled: e.isColumnVisibilityToggleDisabled, "label-position": e.AdlLabelPosition.AFTER, value: e.isColumnVisible }, on: { input: e.toggleColumnVisibility } }, [e._v(" " + e._s(e.column.label) + " ")]), n("bento-freeze-icon", { directives: [{ name: "show", rawName: "v-show", value: e.isColumnFrozen || e.isFreezeIconOptionShown, expression: "isColumnFrozen || isFreezeIconOptionShown" }], staticClass: "b-data-grid-config-settings-column-row__freeze-icon", class: e.freezeIconConditionalClasses, attrs: { "aria-label": e.$t("toggleColumnFreeze", { label: e.column.label }) }, nativeOn: { click: function(s) {
+  return e._self._setupProxy, n("div", { staticClass: "b-data-grid-config-settings-column-row", on: { mouseover: e.showFreezeIcon, mouseleave: e.hideFreezeIcon } }, [n("bento-toggle", { attrs: { "aria-label": e.$t("toggleColumnVisibility", { label: e.column.label }), disabled: e.isColumnVisibilityToggleDisabled, "label-position": e.BentoToggleLabelPosition.AFTER, value: e.isColumnVisible }, on: { input: e.toggleColumnVisibility } }, [e._v(" " + e._s(e.column.label) + " ")]), n("bento-freeze-icon", { directives: [{ name: "show", rawName: "v-show", value: e.isColumnFrozen || e.isFreezeIconOptionShown, expression: "isColumnFrozen || isFreezeIconOptionShown" }], staticClass: "b-data-grid-config-settings-column-row__freeze-icon", class: e.freezeIconConditionalClasses, attrs: { "aria-label": e.$t("toggleColumnFreeze", { label: e.column.label }) }, nativeOn: { click: function(s) {
     return e.toggleColumnFreeze.apply(null, arguments);
   } } })], 1);
 }, Ln = [], yn = /* @__PURE__ */ U(
@@ -809,7 +809,7 @@ var Sn = function() {
   Ln,
   !1,
   null,
-  "f797f8bb",
+  "3437c8f9",
   null,
   null
 );
@@ -839,7 +839,7 @@ const En = yn.exports, Rn = {
     BentoButton: rt,
     BentoDataGridConfigSettingsConfigRow: En,
     BentoSearchBar: dt,
-    BentoSearchIcon: _t,
+    BentoSearchIcon: gt,
     BentoToggle: Ee,
     BentoTypography: te
   },
@@ -862,34 +862,34 @@ const En = yn.exports, Rn = {
   },
   emits: [M.CONFIG_SETTINGS, M.UPDATE_COLUMNS],
   setup(t, { emit: e }) {
-    const n = O(null), s = gt("data-grid-config-settings-popover"), u = O(null), o = O(!1), f = O(!0), C = O(""), v = be(t, "columns"), d = O(!1), _ = ct(C, v), r = () => {
+    const n = O(null), s = _t("data-grid-config-settings-popover"), u = O(null), o = O(!1), f = O(!0), C = O(""), v = be(t, "columns"), d = O(!1), g = ct(C, v), r = () => {
       C.value = "";
     }, h = E(
-      () => !t.columns.some((g) => g.visible === !1 && !g.mandatory)
+      () => !t.columns.some((_) => _.visible === !1 && !_.mandatory)
     ), l = () => {
       r(), d.value = !d.value, d.value && z(() => u.value.bentoInputField.focusInput()), f.value = h.value;
-    }, m = E(() => t.columns.filter((g) => (g == null ? void 0 : g.visible) !== !1)), b = (g) => g.mandatory || m.value.length === 1 && (g == null ? void 0 : g.visible) !== !1, R = (g) => {
+    }, m = E(() => t.columns.filter((_) => (_ == null ? void 0 : _.visible) !== !1)), b = (_) => _.mandatory || m.value.length === 1 && (_ == null ? void 0 : _.visible) !== !1, R = (_) => {
       const S = t.columns.map((N) => ({
         ...N,
-        visible: g.field === N.field ? g.visible : N.visible
+        visible: _.field === N.field ? _.visible : N.visible
       }));
       e(M.UPDATE_COLUMNS, S);
-    }, L = (g) => {
-      g ? e(
+    }, L = (_) => {
+      _ ? e(
         M.UPDATE_COLUMNS,
         t.columns.map((S) => ({ ...S, visible: !0 }))
       ) : e(
         M.UPDATE_COLUMNS,
         t.columns.map((S) => ({ ...S, visible: (S == null ? void 0 : S.mandatory) === !0 }))
       );
-    }, A = (g) => {
+    }, I = (_) => {
       const S = t.columns.map((N) => ({
         ...N,
-        frozen: g.field === N.field ? !!(g != null && g.frozen) : !!(N != null && N.frozen)
+        frozen: _.field === N.field ? !!(_ != null && _.frozen) : !!(N != null && N.frozen)
       }));
       e(M.UPDATE_COLUMNS, S);
-    }, i = (g) => {
-      o.value = g, f.value = h.value;
+    }, i = (_) => {
+      o.value = _, f.value = h.value;
     };
     return {
       // Values
@@ -897,23 +897,23 @@ const En = yn.exports, Rn = {
       popoverId: s,
       isConfigSettingsPanelOpen: o,
       allColumnsVisbilityToggleState: f,
-      filteredColumnVisibilityColumns: _,
+      filteredColumnVisibilityColumns: g,
       searchTerm: C,
       isColumnVisibilityFilterShown: d,
       searchBarRef: u,
       DATAGRID_SELECT_FIELD_NAME: G,
       // Methods
       setConfigSettingsPanelVisibility: i,
-      emitCondensedToggle: (g) => e(M.CONFIG_SETTINGS, g),
+      emitCondensedToggle: (_) => e(M.CONFIG_SETTINGS, _),
       toggleAllColumnVisibility: L,
       clearAction: r,
       toggleColumnFilter: l,
       emitVisibleColumns: R,
-      emitFrozenColumns: A,
+      emitFrozenColumns: I,
       onClickOutside: () => i(!1),
       isColumnVisibilityToggleDisabled: b,
       // Enum
-      AdlLabelPosition: Re,
+      BentoToggleLabelPosition: Re,
       BentoTypographyElement: q,
       BentoTypographyVariant: ne,
       BentoButtonVariant: ye,
@@ -931,7 +931,7 @@ var On = function() {
     return e.setConfigSettingsPanelVisibility(!1);
   } }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
     return [n("bento-cross-icon", { attrs: { "svg-title": e.$t("closeConfigSettingsPanel") } })];
-  }, proxy: !0 }], null, !1, 13708930) })], 1), n("div", { staticClass: "b-data-grid-config-settings__condensed-view-settings" }, [n("bento-typography", { staticClass: "b-data-grid-config-settings__condensed-view-title", attrs: { el: e.BentoTypographyElement.SPAN, stronger: "" } }, [e._v(" " + e._s(e.$t("size")) + " ")]), n("bento-toggle", { attrs: { "label-position": e.AdlLabelPosition.AFTER, "aria-label": e.$t("condensedToggle"), value: e.condensed }, on: { input: e.emitCondensedToggle } }, [e._v(" " + e._s(e.$t("condensed")) + " ")])], 1), n("div", { staticClass: "b-data-grid-config-settings__column-visibility-settings" }, [n("div", { staticClass: "b-data-grid-config-settings__column-visibility-header" }, [n("bento-typography", { staticClass: "b-data-grid-config-settings__column-visibility-title", attrs: { el: e.BentoTypographyElement.SPAN, stronger: "" } }, [e._v(" " + e._s(e.$t("columns")) + " ")]), e.isColumnVisibilityFilterShown ? n("bento-button", { attrs: { variant: e.BentoButtonVariant.TERTIARY }, on: { click: e.toggleColumnFilter }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
+  }, proxy: !0 }], null, !1, 13708930) })], 1), n("div", { staticClass: "b-data-grid-config-settings__condensed-view-settings" }, [n("bento-typography", { staticClass: "b-data-grid-config-settings__condensed-view-title", attrs: { el: e.BentoTypographyElement.SPAN, stronger: "" } }, [e._v(" " + e._s(e.$t("size")) + " ")]), n("bento-toggle", { attrs: { "label-position": e.BentoToggleLabelPosition.AFTER, "aria-label": e.$t("condensedToggle"), value: e.condensed }, on: { input: e.emitCondensedToggle } }, [e._v(" " + e._s(e.$t("condensed")) + " ")])], 1), n("div", { staticClass: "b-data-grid-config-settings__column-visibility-settings" }, [n("div", { staticClass: "b-data-grid-config-settings__column-visibility-header" }, [n("bento-typography", { staticClass: "b-data-grid-config-settings__column-visibility-title", attrs: { el: e.BentoTypographyElement.SPAN, stronger: "" } }, [e._v(" " + e._s(e.$t("columns")) + " ")]), e.isColumnVisibilityFilterShown ? n("bento-button", { attrs: { variant: e.BentoButtonVariant.TERTIARY }, on: { click: e.toggleColumnFilter }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
     return [n("bento-cross-icon")];
   }, proxy: !0 }], null, !1, 2651303519) }, [e._v(" " + e._s(e.$t("closeSearch")) + " ")]) : n("bento-button", { attrs: { variant: e.BentoButtonVariant.TERTIARY }, on: { click: e.toggleColumnFilter }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
     return [n("bento-search-icon")];
@@ -939,20 +939,20 @@ var On = function() {
     e.searchTerm = s;
   }, clear: e.clearAction, "escape-pressed": function(s) {
     return e.toggleColumnFilter();
-  } } })], 1) : n("div", { staticClass: "b-data-grid-config-settings__column-visibility-show-all" }, [n("bento-toggle", { attrs: { "label-position": e.AdlLabelPosition.AFTER, value: e.allColumnsVisbilityToggleState }, on: { input: e.toggleAllColumnVisibility } }, [e._v(" " + e._s(e.$t("showAllColumns", { numberOfColumns: e.columns.length })) + " ")])], 1), n("div", { staticClass: "b-data-grid-config-settings__column-visibility-toggles" }, [e._l(e.filteredColumnVisibilityColumns, function(s) {
+  } } })], 1) : n("div", { staticClass: "b-data-grid-config-settings__column-visibility-show-all" }, [n("bento-toggle", { attrs: { "label-position": e.BentoToggleLabelPosition.AFTER, value: e.allColumnsVisbilityToggleState }, on: { input: e.toggleAllColumnVisibility } }, [e._v(" " + e._s(e.$t("showAllColumns", { numberOfColumns: e.columns.length })) + " ")])], 1), n("div", { staticClass: "b-data-grid-config-settings__column-visibility-toggles" }, [e._l(e.filteredColumnVisibilityColumns, function(s) {
     return n("div", { key: s.field }, [s.field !== e.DATAGRID_SELECT_FIELD_NAME ? n("bento-data-grid-config-settings-config-row", { attrs: { column: s, "is-column-visibility-toggle-disabled": e.isColumnVisibilityToggleDisabled(s) }, on: { "visible-column": e.emitVisibleColumns, "updated-column": e.emitFrozenColumns } }) : e._e()], 1);
   }), e.filteredColumnVisibilityColumns.length === 0 ? n("bento-typography", { staticClass: "b-data-grid-config-settings__column-visibility-empty-search-message", attrs: { el: e.BentoTypographyElement.SPAN } }, [e._v(" " + e._s(e.$t("noColumnsMatch")) + " ")]) : e._e()], 2)])]) : e._e()], 1);
-}, An = [], In = /* @__PURE__ */ U(
+}, In = [], An = /* @__PURE__ */ U(
   Tn,
   On,
-  An,
+  In,
   !1,
   null,
-  "1d806773",
+  "2bee6e04",
   null,
   null
 );
-const Nn = In.exports, wn = {
+const Nn = An.exports, wn = {
   "en-US": {
     gettingYourData: "Getting your data",
     sortAscending: "{field} sort ascending",
@@ -965,7 +965,7 @@ const Nn = In.exports, wn = {
   name: "bento-data-grid",
   components: {
     BentoCheckbox: he,
-    DataGridColumns: gn,
+    DataGridColumns: _n,
     BentoDataGridConfigSettings: Nn,
     BentoLoadingIndicator: st,
     BentoPagination: nt,
@@ -1125,28 +1125,28 @@ const Nn = In.exports, wn = {
     p.SORT
   ],
   setup(t, { emit: e, slots: n }) {
-    const s = O(null), u = O(), o = O(null), { columns: f, selectable: C, data: v, selection: d, allowColumnDragAndDrop: _ } = ee(t), { t: r } = Se(), { columnDefs: h, onColumnWidthOverride: l, gridColumnWidthStyle: m } = St(f, s, {
+    const s = O(null), u = O(), o = O(null), { columns: f, selectable: C, data: v, selection: d, allowColumnDragAndDrop: g } = ee(t), { t: r } = Se(), { columnDefs: h, onColumnWidthOverride: l, gridColumnWidthStyle: m } = St(f, s, {
       hasSelectableColumn: C
     }), b = O(null), R = Ct({
       paginationRef: b,
       fitContent: be(t, "fitContent")
     }), {
       sortedColumns: L,
-      columnSets: A,
+      columnSets: I,
       isOnlyOneVisibleColumn: i,
       onConfigSettingsUpdate: c,
-      onConfigSettingsColumnsUpdate: I,
-      onConfigSettingsColumnUpdate: g
-    } = Tt(h, e), { draggingColumns: S, draggingEventsForColumns: N, draggingEventsForRowCell: B, onMoveColumnByOffset: k } = Rt(L, _, e), { onAllRowSelect: H, onRowSelect: Z, selectedItems: V, allItemsSelectedState: Oe } = yt(
+      onConfigSettingsColumnsUpdate: A,
+      onConfigSettingsColumnUpdate: _
+    } = Tt(h, e), { draggingColumns: S, draggingEventsForColumns: N, draggingEventsForRowCell: B, onMoveColumnByOffset: k } = Rt(L, g, e), { onAllRowSelect: H, onRowSelect: Z, selectedItems: V, allItemsSelectedState: Oe } = yt(
       d,
       e,
       v,
       t.getDataItemId,
       t.isDataItemDisabled
-    ), Ae = E(() => ({
+    ), Ie = E(() => ({
       [`b-data-grid--${Q.OUTLINE}`]: t.outline,
       [`b-data-grid--${Q.FIT_CONTENT}`]: t.fitContent
-    })), Ie = E(() => A.value.findIndex((a) => a.columnSet.length)), Ne = (a) => {
+    })), Ae = E(() => I.value.findIndex((a) => a.columnSet.length)), Ne = (a) => {
       var T;
       return {
         "b-data-grid__row--disabled": t.isDataItemDisabled(a),
@@ -1226,12 +1226,12 @@ const Nn = In.exports, wn = {
         ...B.value(a)
       };
       return a.frozen && (T.focus = Qe), T;
-    }, ie = (a, T) => a + A.value.length * T;
+    }, ie = (a, T) => a + I.value.length * T;
     return {
       // Refs
       body: s,
       columnDefs: h,
-      columnSets: A,
+      columnSets: I,
       gridcellRefs: o,
       isColumnMenuOpen: se,
       // Calculate dynamic fit-content height
@@ -1245,7 +1245,7 @@ const Nn = In.exports, wn = {
       getRowData: De,
       // Styles and classes
       gridColumnWidthStyle: m,
-      conditionalGridClasses: Ae,
+      conditionalGridClasses: Ie,
       conditionalRowClasses: Ne,
       conditionalRowSetClasses: we,
       conditionalRowCellClasses: Pe,
@@ -1266,8 +1266,8 @@ const Nn = In.exports, wn = {
       getRowAriaSelectedValue: Fe,
       // Config settings (and column updating)
       onConfigSettingsUpdate: c,
-      onConfigSettingsColumnsUpdate: I,
-      onConfigSettingsColumnUpdate: g,
+      onConfigSettingsColumnsUpdate: A,
+      onConfigSettingsColumnUpdate: _,
       columnsRef: u,
       configSettingsButtonStyle: xe,
       isOnlyOneVisibleColumn: i,
@@ -1288,7 +1288,7 @@ const Nn = In.exports, wn = {
       draggingEventsForColumns: N,
       draggingEventsForRowCell: B,
       // Leftmost column panel alignment
-      computedColumnPanelAlignment: Ie,
+      computedColumnPanelAlignment: Ae,
       // Gridcells events
       gridcellEvents: Ke,
       // Keyboard navigation
@@ -1316,8 +1316,8 @@ var Un = function() {
     return n("div", { key: u, staticClass: "b-data-grid__row", class: e.conditionalRowClasses(s), style: e.gridColumnWidthStyle, attrs: { role: "row", "aria-rowindex": u + 1, "aria-selected": e.getRowAriaSelectedValue(s) }, on: { click: function(o) {
       return e.onRowClick(s, o);
     } } }, [e._l(e.columnSets, function({ columnSet: o, id: f, isFrozenColumns: C }, v) {
-      return [o != null && o.length ? n("div", { key: `data-grid-rows-${f}`, class: e.conditionalRowSetClasses(C), attrs: { "data-testid": `data-grid-${f}-rows` } }, e._l(o, function(d, _) {
-        return n("div", e._g({ key: `cell-${d.field}`, ref: "gridcellRefs", refInFor: !0, staticClass: "b-data-grid__cell", class: e.conditionalRowCellClasses(d), style: { width: `${d.width}px` }, attrs: { "data-testid": `cell-${d.field}`, "data-cellindex": e.getCellindex(u, _, v), role: "gridcell", tabindex: e.getCellindex(u, _, v) === 0 ? "0" : "-1", "aria-colindex": e.getColIndex(_, v) + 1 } }, e.gridcellEvents(d)), [d.field !== e.DATAGRID_SELECT_FIELD_NAME ? [n("bento-typography", { attrs: { el: e.BentoTypographyElement.DIV } }, [e._t(`item-${d.field}`, function() {
+      return [o != null && o.length ? n("div", { key: `data-grid-rows-${f}`, class: e.conditionalRowSetClasses(C), attrs: { "data-testid": `data-grid-${f}-rows` } }, e._l(o, function(d, g) {
+        return n("div", e._g({ key: `cell-${d.field}`, ref: "gridcellRefs", refInFor: !0, staticClass: "b-data-grid__cell", class: e.conditionalRowCellClasses(d), style: { width: `${d.width}px` }, attrs: { "data-testid": `cell-${d.field}`, "data-cellindex": e.getCellindex(u, g, v), role: "gridcell", tabindex: e.getCellindex(u, g, v) === 0 ? "0" : "-1", "aria-colindex": e.getColIndex(g, v) + 1 } }, e.gridcellEvents(d)), [d.field !== e.DATAGRID_SELECT_FIELD_NAME ? [n("bento-typography", { attrs: { el: e.BentoTypographyElement.DIV } }, [e._t(`item-${d.field}`, function() {
           return [n("span", { attrs: { title: e.conditionalTitleAttribute(d, s[d.field]) } }, [e._v(e._s(e.getRowData(s[d.field])))])];
         }, { item: s })], 2)] : [n("bento-checkbox", { attrs: { "aria-label": e.t("selectRow"), "model-value": e.selectedItems, disabled: e.isDataItemDisabled(s), value: e.getDataItemId(s) }, on: { "update:model-value": e.onRowSelect } })]], 2);
       }), 0) : e._e()];