@adyen/bento-vue2 1.0.0 → 1.1.0

package/dist/data-grid.js

@@ -1,40 +1,40 @@
-import { ref as O, onMounted as me, nextTick as z, watch as be, onUnmounted as pe, reactive as K, toRefs as ee, computed as E, watchEffect as nt, defineComponent as X, toRef as he } from "vue";
-import { o as Se } from "./chunks/resize.a041304d.js";
-import { u as st } from "./chunks/aria-label.ac9651a5.js";
-import { B as Le } from "./chunks/checkbox.e8292504.js";
-import { BentoPagination as it } from "./pagination.js";
-import { BentoLoadingIndicator as lt } from "./loading-indicator.js";
-import { B as te, c as q, a as ne } from "./chunks/index.3aedb3dd.js";
-import { g as ot } from "./chunks/get-slot-text.e5c766d0.js";
-import { u as ye } from "./chunks/i18n.36074534.js";
+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.27fae2af.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.e1fcc9e0.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 at } from "./info-icon.js";
-import { BentoMenu as rt } from "./menu.js";
-import { BentoPopoverPositions as Ee, BentoPopover as dt } from "./popover.js";
-import { a as Re, B as ct } from "./chunks/button.98f2271d.js";
-import { K as D } from "./chunks/tooltip.51be6248.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.f64585fc.js";
+import { K as D } from "./chunks/tooltip.1e7cda50.js";
 import { n as U } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
 import { l as le } from "./chunks/events.58c00e6d.js";
-import { B as Te, A as Oe } from "./chunks/index.950568af.js";
-import { BentoSearchBar as ut } from "./search-bar.js";
-import { u as _t } from "./chunks/dropdown.45f3fad6.js";
-import { C as gt } from "./chunks/cross.a2cadac5.js";
-import { S as ft } from "./chunks/search.a8055e95.js";
-import { g as Ct } from "./chunks/unique-id.a2a2b458.js";
-import { B as vt } from "./chunks/directive.0408e565.js";
-import "./assets/index32.css";
-const mt = ({
+import { B as Ee, A as Re } from "./chunks/index.4ec4409f.js";
+import { BentoSearchBar as dt } from "./search-bar.js";
+import { u as ct } from "./chunks/dropdown.e298bb6c.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 { B as ft } from "./chunks/directive.0408e565.js";
+import "./assets/index8.css";
+const Ct = ({
   paginationRef: t,
   fitContent: e
 }) => {
   const n = O(void 0);
   let s = null;
-  return me(() => {
+  return Ce(() => {
     e && z(() => {
-      const u = be(
+      const u = ve(
         t,
         () => {
-          t.value && (z(() => u()), s = Se(t.value, () => {
+          t.value && (z(() => u()), s = pe(t.value, () => {
             var o;
             t.value && (n.value = `calc(100% - ${(o = t.value) == null ? void 0 : o.offsetHeight}px)`);
           }));
@@ -42,18 +42,18 @@ const mt = ({
         { immediate: !0 }
       );
     });
-  }), pe(() => {
+  }), me(() => {
     s == null || s.disconnect();
   }), { height: n };
 };
 var Y = /* @__PURE__ */ ((t) => (t.WRAP = "wrap", t.ELLIPSIS = "ellipsis", t))(Y || {}), Q = /* @__PURE__ */ ((t) => (t.OUTLINE = "outline", t.FIT_CONTENT = "fit-content", t))(Q || {}), x = /* @__PURE__ */ ((t) => (t.ASCENDING = "asc", t.DESCENDING = "desc", t))(x || {}), p = /* @__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))(p || {}), j = /* @__PURE__ */ ((t) => (t.ASCENDING = "ascending", t.DESCENDING = "descending", t.NONE = "none", t))(j || {}), 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 bt = (t, e) => {
+const vt = (t, e) => {
   const n = O(!1), s = O(void 0), u = t.value.reduce((b, R) => (b[R.field] = null, b), {}), o = K(u), f = ee(o);
   let C = 0, v = "";
   const d = E(
     () => Object.fromEntries(t.value.map(({ field: b, width: R, minWidth: L }) => [b, { width: R, minWidth: L }]))
   );
-  nt(() => s.value = d.value);
+  et(() => s.value = d.value);
   let _ = null, r = null;
   const h = (b) => {
     const R = b.clientX - C, L = v, A = s.value[L].width + R;
@@ -73,7 +73,7 @@ const bt = (t, e) => {
       v = R, C = L.clientX, _ = le(window, "mousemove", h), r = le(window, "mouseup", l);
     }
   }, isResizing: n };
-}, pt = bt, ht = 100, oe = 50, G = "b-select", St = (t, e, n) => {
+}, mt = vt, bt = 100, oe = 50, G = "b-select", pt = (t, e, n) => {
   const s = {}, u = [], o = (C) => {
     const v = s[C];
     v && v.frozen !== !0 && (s[C].frozen = !0, u.push(C));
@@ -104,23 +104,23 @@ const bt = (t, e) => {
     }), f();
   }
   return f(), s;
-}, Lt = (t, e, n) => {
+}, ht = (t, e, n) => {
   const s = O(t), u = O(e), o = O();
   let f = null;
-  me(() => {
+  Ce(() => {
     z(() => {
       u.value && (o.value = u.value.getBoundingClientRect().width);
-      const l = be(
+      const l = ve(
         u,
         () => {
-          u.value && (z(() => l()), f = Se(u.value, ({ width: m }) => {
+          u.value && (z(() => l()), f = pe(u.value, ({ width: m }) => {
             o.value = m;
           }));
         },
         { immediate: !0 }
       );
     });
-  }), pe(() => {
+  }), me(() => {
     f == null || f.disconnect();
   });
   const C = E(() => {
@@ -132,13 +132,13 @@ const bt = (t, e) => {
       const c = { ...i };
       let I;
       c.flex && c.flex > 0 ? (m += c.flex, I = 0, l.push(c)) : I = Math.max(
-        (c == null ? void 0 : c.width) ?? ht,
+        (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;
     });
     const A = Math.max(o.value - b, 0);
     if (m > 0 && o.value > 0) {
-      const i = St(A, m, l);
+      const i = pt(A, m, l);
       Object.keys(i).forEach((c) => {
         R[c].width = i[c].computedWidth;
       });
@@ -159,7 +159,7 @@ const bt = (t, e) => {
     width: o.value > r.value ? "100%" : "fit-content"
   }));
   return { columnDefs: _, gridColumnWidthStyle: h, onColumnWidthOverride: d };
-}, yt = Lt, Et = (t, e, n) => ({ conditionalSortDirectionClasses: (o, f) => ({
+}, 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
   )
@@ -172,7 +172,7 @@ const bt = (t, e) => {
     direction: ((v = t.value.find((d) => d.field === o)) == null ? void 0 : v.direction) === x.ASCENDING ? x.DESCENDING : x.ASCENDING
   }];
   n(y.SORT, C);
-} }), Rt = (t, e, n, s, u) => {
+} }), yt = (t, e, n, s, u) => {
   const o = O(t.value), f = K({
     allItemsSelected: !1,
     isIndeterminate: !1
@@ -194,7 +194,7 @@ const bt = (t, e) => {
   return d(t.value), { onAllRowSelect: v, onRowSelect: d, allItemsSelectedState: f, selectedItems: o };
 };
 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 Tt = (t, e) => {
+const Et = (t, e) => {
   const n = (d) => Math.floor(d / e.value), s = (d, _, r) => {
     const h = t.value.length - 1, l = e.value - 1, m = n(d), b = d - e.value * m;
     return {
@@ -229,7 +229,7 @@ const Tt = (t, e) => {
     },
     isNavigationKeyCode: (d) => d in w
   };
-}, Ot = (t, e, n) => {
+}, Rt = (t, e, n) => {
   const s = O(t), u = O(e), o = K({
     dragging: null,
     dragToLeft: null,
@@ -294,7 +294,7 @@ const Tt = (t, e) => {
     draggingEventsForRowCell: h,
     onMoveColumnByOffset: f
   };
-}, At = (t, e) => {
+}, Tt = (t, e) => {
   const n = O(t), s = E(
     () => [...n.value].sort((r, h) => r.frozen === h.frozen ? 0 : r.frozen ? -1 : 1)
   ), u = E(() => s.value.filter((r) => r.frozen)), o = E(() => s.value.filter((r) => !r.frozen)), f = E(
@@ -324,145 +324,145 @@ const Tt = (t, e) => {
   };
 };
 let ae = 0;
-const It = {
+const Ot = {
   beforeCreate() {
     this.uuid = ae.toString(), ae += 1;
   }
 };
-var Nt = function() {
+var At = 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" } })]);
-}, wt = [], Pt = /* @__PURE__ */ U(
+}, It = [], Nt = /* @__PURE__ */ U(
+  Ot,
+  At,
   It,
-  Nt,
-  wt,
   !1,
   null,
   "4ebc0033",
   null,
   null
 );
-const Ut = Pt.exports;
+const wt = Nt.exports;
 let re = 0;
-const $t = {
+const Pt = {
   beforeCreate() {
     this.uuid = re.toString(), re += 1;
   }
 };
-var Dt = function() {
+var Ut = 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: "M5 5.25C4.71593 5.25 4.45623 5.4105 4.32918 5.66459C4.20214 5.91868 4.22956 6.22274 4.4 6.45L7.4 10.45C7.54165 10.6389 7.76394 10.75 8 10.75C8.23607 10.75 8.45836 10.6389 8.6 10.45L11.6 6.45C11.7705 6.22274 11.7979 5.91868 11.6708 5.66459C11.5438 5.4105 11.2841 5.25 11 5.25H5Z", "clip-rule": "evenodd" } })]);
-}, Mt = [], xt = /* @__PURE__ */ U(
+}, $t = [], Dt = /* @__PURE__ */ U(
+  Pt,
+  Ut,
   $t,
-  Dt,
-  Mt,
   !1,
   null,
   "bda8fd91",
   null,
   null
 );
-const zt = xt.exports;
+const Mt = Dt.exports;
 let de = 0;
-const Ft = {
+const xt = {
   beforeCreate() {
     this.uuid = de.toString(), de += 1;
   }
 };
-var Gt = function() {
+var zt = 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: "M6.46998 2.45129L1.46998 7.45129C1.39987 7.52054 1.3443 7.60309 1.30652 7.6941C1.26874 7.78511 1.24952 7.88275 1.24998 7.98129C1.24529 8.03118 1.24529 8.0814 1.24998 8.13129C1.24544 8.17117 1.24544 8.21142 1.24998 8.25129C1.28579 8.35526 1.34778 8.44825 1.42998 8.52129L6.42998 13.5213C6.57187 13.6672 6.7659 13.7507 6.96938 13.7535C7.17285 13.7563 7.36911 13.6782 7.51498 13.5363C7.66085 13.3944 7.74438 13.2004 7.74719 12.9969C7.75001 12.7934 7.67187 12.5972 7.52998 12.4513L3.80998 8.73129H14C14.1989 8.73129 14.3897 8.65228 14.5303 8.51162C14.671 8.37097 14.75 8.18021 14.75 7.98129C14.75 7.78238 14.671 7.59162 14.5303 7.45096C14.3897 7.31031 14.1989 7.23129 14 7.23129L3.80998 7.23129L7.52998 3.51129C7.66246 3.36912 7.73459 3.18107 7.73116 2.98677C7.72773 2.79247 7.64902 2.60709 7.51161 2.46967C7.37419 2.33226 7.18881 2.25355 6.99451 2.25012C6.8002 2.24669 6.61216 2.31881 6.46998 2.45129Z", "clip-rule": "evenodd" } })]);
-}, Bt = [], Vt = /* @__PURE__ */ U(
+}, Ft = [], Gt = /* @__PURE__ */ U(
+  xt,
+  zt,
   Ft,
-  Gt,
-  Bt,
   !1,
   null,
   "23e56bf5",
   null,
   null
 );
-const Wt = Vt.exports;
+const Bt = Gt.exports;
 let ce = 0;
-const kt = {
+const Vt = {
   beforeCreate() {
     this.uuid = ce.toString(), ce += 1;
   }
 };
-var Ht = function() {
+var Wt = 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: "M9.53 13.55L14.53 8.55C14.6 8.48 14.66 8.4 14.69 8.31C14.72 8.22 14.75 8.12 14.75 8.02C14.75 8.02 14.75 7.92 14.75 7.87C14.75 7.83 14.75 7.79 14.75 7.75C14.71 7.65 14.65 7.55 14.57 7.48L9.57 2.48C9.43 2.34 9.23 2.25 9.03 2.25C8.83 2.25 8.63 2.33 8.48 2.47C8.33 2.61 8.25 2.81 8.25 3.01C8.25 3.21 8.33 3.41 8.47 3.56L12.19 7.28H2C1.8 7.28 1.61 7.36 1.47 7.5C1.33 7.64 1.25 7.83 1.25 8.03C1.25 8.23 1.33 8.42 1.47 8.56C1.61 8.7 1.8 8.78 2 8.78H12.19L8.47 12.5C8.34 12.64 8.27 12.83 8.27 13.02C8.27 13.21 8.35 13.4 8.49 13.54C8.63 13.68 8.81 13.76 9.01 13.76C9.2 13.76 9.39 13.69 9.53 13.56V13.55Z", "clip-rule": "evenodd" } })]);
-}, Zt = [], Yt = /* @__PURE__ */ U(
+}, kt = [], Ht = /* @__PURE__ */ U(
+  Vt,
+  Wt,
   kt,
-  Ht,
-  Zt,
   !1,
   null,
   "1954bfce",
   null,
   null
 );
-const jt = Yt.exports;
+const Zt = Ht.exports;
 let ue = 0;
-const Xt = {
+const Yt = {
   beforeCreate() {
     this.uuid = ue.toString(), ue += 1;
   }
 };
-var qt = function() {
+var jt = 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: "M7.03033 0.96967C6.73744 0.676777 6.26256 0.676777 5.96967 0.96967C5.67678 1.26256 5.67678 1.73744 5.96967 2.03033L7.25 3.31066V5.06654L5.83093 5.88398L4.3138 5.00601L3.8442 3.25567C3.73686 2.8556 3.32553 2.6183 2.92547 2.72563C2.5254 2.83297 2.2881 3.2443 2.39543 3.64436L2.75109 4.96998L1.42547 5.32563C1.0254 5.43297 0.788098 5.8443 0.895433 6.24436C1.00277 6.64443 1.4141 6.88173 1.81416 6.7744L3.56372 6.305L5.08008 7.18253V8.81748L3.56369 9.69502L1.81416 9.22563C1.4141 9.1183 1.00277 9.3556 0.895433 9.75567C0.788098 10.1557 1.0254 10.5671 1.42547 10.6744L2.75109 11.0301L2.39543 12.3557C2.2881 12.7557 2.5254 13.1671 2.92547 13.2744C3.32553 13.3817 3.73686 13.1444 3.8442 12.7444L4.31381 10.994L5.83093 10.116L7.25 10.9335V12.6893L5.96967 13.9697C5.67678 14.2626 5.67678 14.7374 5.96967 15.0303C6.26256 15.3232 6.73744 15.3232 7.03033 15.0303L8 14.0607L8.96967 15.0303C9.26256 15.3232 9.73744 15.3232 10.0303 15.0303C10.3232 14.7374 10.3232 14.2626 10.0303 13.9697L8.75 12.6893V10.9336L10.1692 10.116L11.6857 10.9936L12.1554 12.7444C12.2627 13.1444 12.6741 13.3817 13.0741 13.2744C13.4742 13.1671 13.7115 12.7557 13.6042 12.3557L13.4374 11.7342C13.4337 11.7143 13.4292 11.6943 13.4238 11.6745L13.2497 11.0297L14.5741 10.6744C14.9742 10.5671 15.2115 10.1557 15.1042 9.75567C14.9968 9.3556 14.5855 9.1183 14.1854 9.22563L13.564 9.39237C13.5441 9.39606 13.5241 9.40058 13.5042 9.40595L12.4356 9.69456L10.9201 8.81752V7.18249L12.4363 6.30504L14.1857 6.7744C14.5858 6.88173 14.9971 6.64443 15.1045 6.24436C15.2118 5.8443 14.9745 5.43297 14.5744 5.32563L13.2488 4.96998L13.6045 3.64436C13.7118 3.2443 13.4745 2.83297 13.0744 2.72563C12.6744 2.6183 12.263 2.8556 12.1557 3.25567L11.6861 5.00615L10.1692 5.88396L8.75 5.06645V3.31066L10.0303 2.03033C10.3232 1.73744 10.3232 1.26256 10.0303 0.96967C9.73744 0.676777 9.26256 0.676777 8.96967 0.96967L8 1.93934L7.03033 0.96967ZM6.58008 8.81649V7.18351L8.00008 6.36553L9.42008 7.18351V8.81649L8.00008 9.63447L6.58008 8.81649Z", "clip-rule": "evenodd" } })]);
-}, Jt = [], Qt = /* @__PURE__ */ U(
+}, Xt = [], qt = /* @__PURE__ */ U(
+  Yt,
+  jt,
   Xt,
-  qt,
-  Jt,
   !1,
   null,
   "9da4de4c",
   null,
   null
 );
-const Ae = Qt.exports;
+const Te = qt.exports;
 let _e = 0;
-const Kt = {
+const Jt = {
   beforeCreate() {
     this.uuid = _e.toString(), _e += 1;
   }
 };
-var en = function() {
+var Qt = 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: "M1.85822 8.00063C2.23115 8.61494 2.6599 9.19394 3.1392 9.73021C3.41522 10.0391 3.38862 10.5132 3.07978 10.7892C2.77094 11.0652 2.29681 11.0386 2.02078 10.7298C1.37391 10.006 0.808653 9.21323 0.335231 8.36577C0.209001 8.13981 0.2082 7.86474 0.333112 7.63805C0.481818 7.36817 1.22715 6.04687 2.49452 4.78481C3.75589 3.52873 5.61815 2.25 7.98999 2.25H7.99122C8.59964 2.251 9.20512 2.33426 9.79122 2.4975C10.1903 2.60864 10.4236 3.02221 10.3125 3.42123C10.2014 3.82026 9.78778 4.05364 9.38876 3.9425C8.9331 3.81559 8.46237 3.75083 7.98937 3.75C6.18148 3.75022 4.67897 4.7264 3.55296 5.84769C2.73159 6.66562 2.15512 7.51757 1.85822 8.00063Z", "clip-rule": "evenodd" } }), n("path", { attrs: { fill: "#00112C", "fill-rule": "evenodd", d: "M12.9002 5.21082C13.209 4.9348 13.6832 4.9614 13.9592 5.27024C14.6061 5.99402 15.1713 6.7868 15.6448 7.63425C15.771 7.86021 15.7718 8.13529 15.6469 8.36198C15.4982 8.63186 14.7528 9.95316 13.4855 11.2152C12.2241 12.4713 10.3618 13.75 7.98999 13.75L7.98876 13.75C7.38034 13.749 6.77486 13.6658 6.18876 13.5025C5.78973 13.3914 5.55635 12.9778 5.66749 12.5788C5.77863 12.1798 6.1922 11.9464 6.59123 12.0575C7.0469 12.1844 7.51763 12.2492 7.99064 12.25C9.79852 12.2498 11.301 11.2736 12.427 10.1523C13.2484 9.3344 13.8249 8.48246 14.1218 7.99939C13.7488 7.38508 13.3201 6.80609 12.8408 6.26982C12.5648 5.96097 12.5914 5.48685 12.9002 5.21082Z", "clip-rule": "evenodd" } }), n("path", { attrs: { fill: "#00112C", "fill-rule": "evenodd", d: "M13.5203 3.53033C13.8132 3.23744 13.8132 2.76256 13.5203 2.46967C13.2274 2.17678 12.7526 2.17678 12.4597 2.46967L2.45966 12.4697C2.16677 12.7626 2.16677 13.2374 2.45966 13.5303C2.75255 13.8232 3.22743 13.8232 3.52032 13.5303L13.5203 3.53033Z", "clip-rule": "evenodd" } })]);
-}, tn = [], nn = /* @__PURE__ */ U(
+}, Kt = [], en = /* @__PURE__ */ U(
+  Jt,
+  Qt,
   Kt,
-  en,
-  tn,
   !1,
   null,
   "2fe7aaf4",
   null,
   null
 );
-const sn = nn.exports;
+const tn = en.exports;
 let ge = 0;
-const ln = {
+const nn = {
   beforeCreate() {
     this.uuid = ge.toString(), ge += 1;
   }
 };
-var on = function() {
+var sn = 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: "M5.2525 8C5.2525 6.48 6.4825 5.25 8.0025 5.25C9.5225 5.25 10.7525 6.48 10.7525 8C10.7525 9.52 9.5225 10.75 8.0025 10.75C6.4825 10.75 5.2525 9.52 5.2525 8ZM6.7525 8C6.7525 8.69 7.3125 9.25 8.0025 9.25C8.6925 9.25 9.2525 8.69 9.2525 8C9.2525 7.31 8.6925 6.75 8.0025 6.75C7.3125 6.75 6.7525 7.31 6.7525 8Z", "clip-rule": "evenodd" } }), n("path", { attrs: { fill: "#00112C", "fill-rule": "evenodd", d: "M8.0025 2.25C12.8125 2.25 15.5625 7.43 15.6725 7.65C15.7825 7.87 15.7825 8.12 15.6725 8.34C15.6711 8.34265 15.6692 8.34603 15.667 8.35011C15.4859 8.6842 12.7446 13.74 8.0025 13.74C3.2025 13.74 0.4425 8.56 0.3325 8.34C0.2225 8.13 0.2225 7.87 0.3325 7.65C0.334097 7.64707 0.336157 7.64327 0.33868 7.63861C0.525781 7.29307 3.2565 2.25 8.0025 2.25ZM1.8725 8C2.5325 9.07 4.7525 12.25 8.0025 12.25C11.2425 12.25 13.4725 9.07 14.1325 8C13.4725 6.93 11.2425 3.75 8.0025 3.75C4.7625 3.75 2.5325 6.93 1.8725 8Z", "clip-rule": "evenodd" } })]);
-}, an = [], rn = /* @__PURE__ */ U(
+}, ln = [], on = /* @__PURE__ */ U(
+  nn,
+  sn,
   ln,
-  on,
-  an,
   !1,
   null,
   "6e578b8e",
   null,
   null
 );
-const dn = rn.exports, fe = {
+const an = on.exports, rn = {
   "en-US": {
     moveColumnLeft: "Move column left",
     moveColumnRight: "Move column right",
@@ -471,18 +471,17 @@ const dn = rn.exports, fe = {
     showColumn: "Show column",
     hideColumn: "Hide column"
   }
-}, cn = X({
-  i18n: { messages: fe },
+}, dn = X({
+  i18n: { messages: rn },
   name: "data-grid-columns",
   components: {
-    BentoCheckbox: Le,
-    BentoInfoIcon: at,
+    BentoCheckbox: he,
+    BentoInfoIcon: lt,
     BentoTypography: te,
-    BentoMenu: rt,
-    TriangleUp: Ut,
-    TriangleDown: zt
+    BentoMenu: ot,
+    TriangleUp: wt,
+    TriangleDown: Mt
   },
-  inheritAttrs: !1,
   props: {
     /**
      * Column definitions using 'key' to relate to data object.
@@ -571,7 +570,7 @@ const dn = rn.exports, fe = {
     y.COLUMN_MENU_CLOSE
   ],
   setup(t, { emit: e }) {
-    const { t: n } = ye({ messages: fe }), { 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 } = pt(s, e), { conditionalSortDirectionClasses: _, sortByColumnField: r } = Et(u, s, e), h = (i) => {
+    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;
       if (!i.sortable)
         return null;
@@ -600,19 +599,19 @@ const dn = rn.exports, fe = {
       {
         text: n("moveColumnLeft"),
         handler: () => e(y.COLUMN_MOVE, i, -1),
-        icon: Wt,
+        icon: Bt,
         disabled: t.columns[0].field === i.field
       },
       {
         text: n("moveColumnRight"),
         handler: () => e(y.COLUMN_MOVE, i, 1),
-        icon: jt,
+        icon: Zt,
         disabled: t.columns[t.columns.length - 1].field === i.field
       },
       {
         text: i != null && i.frozen ? n("unfreezeColumn") : n("freezeColumn"),
         handler: () => e(y.COLUMN_UPDATE, { ...i, frozen: !(i != null && i.frozen) }),
-        icon: Ae
+        icon: Te
       },
       {
         text: (i == null ? void 0 : i.visible) !== !1 ? n("hideColumn") : n("showColumn"),
@@ -622,7 +621,7 @@ const dn = rn.exports, fe = {
             visible: (i == null ? void 0 : i.visible) === !1
           });
         },
-        icon: (i == null ? void 0 : i.visible) !== !1 ? sn : dn,
+        icon: (i == null ? void 0 : i.visible) !== !1 ? tn : an,
         disabled: (i == null ? void 0 : i.mandatory) || (i == null ? void 0 : i.visible) !== !1 && t.isOnlyOneVisibleColumn
       }
     ]), b = (i) => {
@@ -680,15 +679,15 @@ const dn = rn.exports, fe = {
       // Contextual menu
       contextualMenuData: m,
       // Enums
-      BentoButtonVariant: Re,
+      BentoButtonVariant: ye,
       BentoDatagridSortDirection: x,
       BentoTypographyElement: q,
-      BentoPopoverPositions: Ee,
+      BentoPopoverPositions: Le,
       DatagridColumnsEvent: y
     };
   }
 });
-var un = function() {
+var cn = function() {
   var e = this, n = e._self._c;
   return e._self._setupProxy, n("div", { staticClass: "b-data-grid-columns", class: e.conditionalColumnsClasses, attrs: { "data-testid": "data-grid-columns" } }, e._l(e.columns, function(s, u) {
     return n("div", e._g({ key: s.field, staticClass: "b-data-grid-columns__column", class: e.conditionalColumnClasses(s), style: { width: `${s.width}px` }, attrs: { "aria-colindex": u + 1, "aria-label": s.label, "aria-sort": e.getSortingColumnDirection(s), "data-testid": `${s.field}-column-header`, draggable: e.hasDraggableColumns && !e.isResizing && !e.isSelectColumn(s), role: "columnheader", tabindex: s.sortable ? "0" : "-1" } }, e.dataGridColumnEvents(s)), [e.isSelectColumn(s) ? [n("bento-checkbox", { attrs: { "model-value": e.allItemsSelectedCheckboxState.allItemsSelected, "data-testid": "checkbox-select-all", indeterminate: e.allItemsSelectedCheckboxState.isIndeterminate, value: "data-grid-select-all" }, on: { "update:model-value": e.onAllRowSelect } })] : [n("bento-typography", { staticClass: "b-data-grid-columns__column-header", attrs: { el: e.BentoTypographyElement.DIV, strongest: "" } }, [e._t(`head-${s.field}`, function() {
@@ -703,50 +702,49 @@ var un = 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);
-}, _n = [], gn = /* @__PURE__ */ U(
+}, un = [], _n = /* @__PURE__ */ U(
+  dn,
   cn,
   un,
-  _n,
   !1,
   null,
-  "0cff040d",
+  "a2d7affc",
   null,
   null
 );
-const fn = gn.exports;
+const gn = _n.exports;
 var M = /* @__PURE__ */ ((t) => (t.CONFIG_SETTINGS = "config-settings", t.UPDATE_COLUMNS = "update:columns", t))(M || {});
-let Ce = 0;
-const Cn = {
+let fe = 0;
+const fn = {
   beforeCreate() {
-    this.uuid = Ce.toString(), Ce += 1;
+    this.uuid = fe.toString(), fe += 1;
   }
 };
-var vn = function() {
+var Cn = 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("g", { attrs: { "clip-path": "url(#uia-icons-16-settings__a" + e.uuid + ")" } }, [n("path", { attrs: { fill: "#00112C", "fill-rule": "evenodd", d: "M8.75 1C8.75 0.585786 8.41421 0.25 8 0.25C7.58579 0.25 7.25 0.585786 7.25 1V1.2979C6.57635 1.37321 5.91783 1.54959 5.29672 1.82106L5.15026 1.56623C4.94387 1.2071 4.48542 1.08329 4.12629 1.28969C3.76716 1.49608 3.64335 1.95453 3.84974 2.31366L3.99751 2.57078C3.45281 2.97189 2.97145 3.45265 2.56967 3.99684L2.31372 3.84974C1.95459 3.64335 1.49614 3.76716 1.28975 4.12629C1.08335 4.48542 1.20717 4.94387 1.56629 5.15026L1.81832 5.29511C1.54577 5.91658 1.36849 6.57567 1.29247 7.25H1C0.585786 7.25 0.25 7.58579 0.25 8C0.25 8.41421 0.585786 8.75 1 8.75H1.29249C1.36851 9.42433 1.54581 10.0834 1.81837 10.7049L1.56629 10.8497C1.20717 11.0561 1.08335 11.5146 1.28975 11.8737C1.49614 12.2328 1.95459 12.3567 2.31372 12.1503L2.56974 12.0031C2.97151 12.5473 3.45284 13.028 3.99752 13.4291L3.84974 13.6862C3.64335 14.0454 3.76716 14.5038 4.12629 14.7102C4.48542 14.9166 4.94387 14.7928 5.15027 14.4337L5.29669 14.1789C5.91781 14.4504 6.57634 14.6267 7.25 14.7021V15C7.25 15.4142 7.58579 15.75 8 15.75C8.41421 15.75 8.75 15.4142 8.75 15V14.7021C9.42366 14.6267 10.0822 14.4504 10.7033 14.1789L10.8497 14.4337C11.0561 14.7928 11.5146 14.9166 11.8737 14.7102C12.2328 14.5038 12.3567 14.0454 12.1503 13.6862L12.0025 13.4291C12.5472 13.028 13.0285 12.5473 13.4303 12.0031L13.6863 12.1503C14.0454 12.3567 14.5039 12.2328 14.7103 11.8737C14.9167 11.5146 14.7928 11.0561 14.4337 10.8497L14.1817 10.7049C14.4542 10.0834 14.6315 9.42433 14.7075 8.75H15C15.4142 8.75 15.75 8.41421 15.75 8C15.75 7.58579 15.4142 7.25 15 7.25H14.7075C14.6315 6.57567 14.4542 5.91659 14.1817 5.29512L14.4337 5.15027C14.7928 4.94387 14.9167 4.48542 14.7103 4.12629C14.5039 3.76716 14.0454 3.64335 13.6863 3.84974L13.4303 3.99685C13.0285 3.45266 12.5472 2.9719 12.0025 2.57079L12.1503 2.31366C12.3567 1.95453 12.2328 1.49608 11.8737 1.28969C11.5146 1.08329 11.0561 1.2071 10.8497 1.56623L10.7033 1.82106C10.0822 1.54959 9.42365 1.37321 8.75 1.2979V1ZM3.46027 10.6263C3.46894 10.6414 3.47703 10.6567 3.48455 10.6721C3.81553 11.2301 4.24603 11.7202 4.75273 12.119L6.02977 9.90977C5.87643 9.75181 5.74113 9.57619 5.62698 9.38602L5.62041 9.37508C5.5299 9.2183 5.45553 9.0535 5.39784 8.88345C5.36087 8.77446 5.33077 8.66327 5.30773 8.55053C5.27085 8.37007 5.25205 8.18563 5.25205 7.99994C5.25205 7.51721 5.37912 7.04299 5.62048 6.62494L5.62686 6.61388C5.74103 6.4237 5.87643 6.24812 6.02979 6.09014L4.75273 3.88083C4.24621 4.27955 3.81584 4.76943 3.4849 5.32721C3.47729 5.34287 3.46908 5.35839 3.46027 5.37372C3.45059 5.39055 3.44036 5.40687 3.42962 5.42266C2.98528 6.20874 2.75106 7.09641 2.75 7.99994C2.75106 8.90376 2.98543 9.79172 3.43005 10.578C3.44064 10.5936 3.45072 10.6097 3.46027 10.6263ZM9.22412 7.75044C9.24103 7.83222 9.24976 7.9158 9.25 7.99998C9.24939 8.21721 9.19217 8.4305 9.08403 8.61885C8.96887 8.80892 8.80952 8.96837 8.61952 9.08363C8.43083 9.1913 8.21731 9.24795 8 9.24795C7.78331 9.24795 7.57039 9.19162 7.3821 9.08455C7.19161 8.96935 7.03182 8.80977 6.91637 8.61945C6.876 8.5487 6.84279 8.47445 6.81706 8.39782C6.80127 8.35077 6.78829 8.30283 6.77819 8.25425C6.76089 8.17096 6.75208 8.08579 6.75208 8.00002C6.75208 7.78271 6.80873 7.56919 6.91639 7.38051C7.03152 7.19073 7.19073 7.03152 7.38051 6.91639C7.56919 6.80873 7.78271 6.75208 8.00002 6.75208C8.21734 6.75208 8.43085 6.80873 8.61954 6.91639C8.80954 7.03165 8.96889 7.1911 9.08405 7.38117C9.12468 7.45192 9.15811 7.52619 9.18406 7.60287C9.20042 7.6512 9.21379 7.70048 9.22412 7.75044ZM10.6447 7.24995H13.1953C13.102 6.60939 12.8908 5.98951 12.5703 5.4225C12.5596 5.40676 12.5494 5.39049 12.5397 5.37372C12.531 5.35844 12.5228 5.34299 12.5152 5.32739C12.0559 4.55324 11.4051 3.90987 10.625 3.45947C9.8269 2.99869 8.92157 2.7561 8 2.7561C7.33041 2.7561 6.66938 2.88417 6.05183 3.13095L7.32631 5.3358C7.54562 5.28038 7.77186 5.252 8 5.252C8.48273 5.252 8.95695 5.37907 9.375 5.62043L9.38606 5.62681C9.79104 5.86991 10.1299 6.20898 10.373 6.61395L10.3788 6.62358C10.4505 6.74721 10.5122 6.87582 10.5635 7.00811C10.5944 7.08748 10.6214 7.16818 10.6447 7.24995ZM6.05183 12.869L7.3263 10.6642C7.54562 10.7196 7.77187 10.748 8.00002 10.748C8.48275 10.748 8.95697 10.6209 9.37502 10.3795L9.38602 10.3731C9.791 10.13 10.13 9.791 10.3731 9.38602L10.3788 9.37636C10.4935 9.17854 10.5826 8.96807 10.6448 8.75H13.1953C13.102 9.3907 12.8907 10.0107 12.5701 10.5778C12.5594 10.5935 12.5493 10.6096 12.5397 10.6263C12.531 10.6415 12.5229 10.6568 12.5154 10.6723C12.0574 11.4444 11.4089 12.0864 10.6317 12.5366L10.6263 12.5397L10.6183 12.5443C9.82186 13.0026 8.919 13.2438 8 13.2438C7.33041 13.2438 6.66938 13.1158 6.05183 12.869Z", "clip-rule": "evenodd" } })]), n("defs", [n("clipPath", { attrs: { id: "uia-icons-16-settings__a" + e.uuid } }, [n("rect", { attrs: { width: "16", height: "16", fill: "#fff" } })])])]);
-}, mn = [], bn = /* @__PURE__ */ U(
+}, vn = [], mn = /* @__PURE__ */ U(
+  fn,
   Cn,
   vn,
-  mn,
   !1,
   null,
   "6e917c82",
   null,
   null
 );
-const pn = bn.exports, hn = {
+const bn = mn.exports, pn = {
   "en-US": {
     toggleColumnVisibility: "Toggle {label} column visibility",
     toggleColumnFreeze: "Toggle {label} column freeze"
   }
-}, Sn = X({
-  i18n: { messages: hn },
+}, hn = X({
+  i18n: { messages: pn },
   name: "bento-data-grid",
   components: {
-    BentoFreezeIcon: Ae,
-    BentoToggle: Te
+    BentoFreezeIcon: Te,
+    BentoToggle: Ee
   },
-  inheritAttrs: !1,
   props: {
     /**
      * Is column visibitlity toggle disabled
@@ -794,28 +792,28 @@ const pn = bn.exports, hn = {
       hideFreezeIcon: v,
       toggleColumnFreeze: f,
       // Enum
-      AdlLabelPosition: Oe,
+      AdlLabelPosition: Re,
       BentoTypographyElement: q,
       BentoTypographyVariant: ne
     };
   }
 });
-var Ln = function() {
+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.toggleColumnFreeze.apply(null, arguments);
   } } })], 1);
-}, yn = [], En = /* @__PURE__ */ U(
+}, Ln = [], yn = /* @__PURE__ */ U(
+  hn,
   Sn,
   Ln,
-  yn,
   !1,
   null,
-  "a1803741",
+  "f797f8bb",
   null,
   null
 );
-const Rn = En.exports, Tn = {
+const En = yn.exports, Rn = {
   "en-US": {
     closeConfigSettingsPanel: "Close configuration settings panel",
     configSettingsPanel: "Configuration settings Panel",
@@ -831,21 +829,21 @@ const Rn = En.exports, Tn = {
     closeSearch: "Close search",
     noColumnsMatch: "No columns match this search"
   }
-}, On = X({
-  i18n: { messages: Tn },
+}, Tn = X({
+  i18n: { messages: Rn },
   name: "bento-data-grid",
   components: {
-    BentoCrossIcon: gt,
-    BentoPopover: dt,
-    BentoSettingsIcon: pn,
-    BentoButton: ct,
-    BentoDataGridConfigSettingsConfigRow: Rn,
-    BentoSearchBar: ut,
-    BentoSearchIcon: ft,
-    BentoToggle: Te,
+    BentoCrossIcon: ut,
+    BentoPopover: at,
+    BentoSettingsIcon: bn,
+    BentoButton: rt,
+    BentoDataGridConfigSettingsConfigRow: En,
+    BentoSearchBar: dt,
+    BentoSearchIcon: _t,
+    BentoToggle: Ee,
     BentoTypography: te
   },
-  directives: { BentoClickOutsideDirective: vt },
+  directives: { BentoClickOutsideDirective: ft },
   props: {
     /**
      * Column definitions
@@ -864,7 +862,7 @@ const Rn = En.exports, Tn = {
   },
   emits: [M.CONFIG_SETTINGS, M.UPDATE_COLUMNS],
   setup(t, { emit: e }) {
-    const n = O(null), s = Ct("data-grid-config-settings-popover"), u = O(null), o = O(!1), f = O(!0), C = O(""), v = he(t, "columns"), d = O(!1), _ = _t(C, v), r = () => {
+    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 = () => {
       C.value = "";
     }, h = E(
       () => !t.columns.some((g) => g.visible === !1 && !g.mandatory)
@@ -915,15 +913,15 @@ const Rn = En.exports, Tn = {
       onClickOutside: () => i(!1),
       isColumnVisibilityToggleDisabled: b,
       // Enum
-      AdlLabelPosition: Oe,
+      AdlLabelPosition: Re,
       BentoTypographyElement: q,
       BentoTypographyVariant: ne,
-      BentoButtonVariant: Re,
-      BentoPopoverPositions: Ee
+      BentoButtonVariant: ye,
+      BentoPopoverPositions: Le
     };
   }
 });
-var An = function() {
+var On = function() {
   var e = this, n = e._self._c;
   return e._self._setupProxy, n("div", { directives: [{ name: "bento-click-outside-directive", rawName: "v-bento-click-outside-directive", value: e.onClickOutside, expression: "onClickOutside" }], staticClass: "b-data-grid-config-settings" }, [n("div", { staticClass: "b-data-grid-config-settings__button-and-seperator" }, [n("div", { staticClass: "b-data-grid-config-settings__column-separator" }), n("div", { staticClass: "b-data-grid-config-settings__button-container" }, [n("bento-button", { ref: "configSettingsButtonRef", attrs: { "aria-controls": e.isConfigSettingsPanelOpen ? e.popoverId : null, variant: e.BentoButtonVariant.TERTIARY }, on: { click: function(s) {
     return e.setConfigSettingsPanelVisibility(!e.isConfigSettingsPanelOpen);
@@ -944,17 +942,17 @@ var An = function() {
   } } })], 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) {
     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);
-}, In = [], Nn = /* @__PURE__ */ U(
+}, An = [], In = /* @__PURE__ */ U(
+  Tn,
   On,
   An,
-  In,
   !1,
   null,
   "1d806773",
   null,
   null
 );
-const wn = Nn.exports, ve = {
+const Nn = In.exports, wn = {
   "en-US": {
     gettingYourData: "Getting your data",
     sortAscending: "{field} sort ascending",
@@ -963,18 +961,17 @@ const wn = Nn.exports, ve = {
     selectRow: "Select row"
   }
 }, Pn = X({
-  i18n: { messages: ve },
+  i18n: { messages: wn },
   name: "bento-data-grid",
   components: {
-    BentoCheckbox: Le,
-    DataGridColumns: fn,
-    BentoDataGridConfigSettings: wn,
-    BentoLoadingIndicator: lt,
-    BentoPagination: it,
+    BentoCheckbox: he,
+    DataGridColumns: gn,
+    BentoDataGridConfigSettings: Nn,
+    BentoLoadingIndicator: st,
+    BentoPagination: nt,
     BentoFilterBar: J,
     BentoTypography: te
   },
-  inheritAttrs: !1,
   props: {
     /**
      * When true, will emit a 'rowClick' event when a row is clicked. Will add cursor: pointer to rows.
@@ -1128,11 +1125,11 @@ const wn = Nn.exports, ve = {
     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 } = ye({ messages: ve }), { columnDefs: h, onColumnWidthOverride: l, gridColumnWidthStyle: m } = yt(f, s, {
+    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, {
       hasSelectableColumn: C
-    }), b = O(null), R = mt({
+    }), b = O(null), R = Ct({
       paginationRef: b,
-      fitContent: he(t, "fitContent")
+      fitContent: be(t, "fitContent")
     }), {
       sortedColumns: L,
       columnSets: A,
@@ -1140,16 +1137,16 @@ const wn = Nn.exports, ve = {
       onConfigSettingsUpdate: c,
       onConfigSettingsColumnsUpdate: I,
       onConfigSettingsColumnUpdate: g
-    } = At(h, e), { draggingColumns: S, draggingEventsForColumns: N, draggingEventsForRowCell: B, onMoveColumnByOffset: k } = Ot(L, _, e), { onAllRowSelect: H, onRowSelect: Z, selectedItems: V, allItemsSelectedState: Ie } = Rt(
+    } = Tt(h, e), { draggingColumns: S, draggingEventsForColumns: N, draggingEventsForRowCell: B, onMoveColumnByOffset: k } = Rt(L, _, e), { onAllRowSelect: H, onRowSelect: Z, selectedItems: V, allItemsSelectedState: Oe } = yt(
       d,
       e,
       v,
       t.getDataItemId,
       t.isDataItemDisabled
-    ), Ne = E(() => ({
+    ), Ae = E(() => ({
       [`b-data-grid--${Q.OUTLINE}`]: t.outline,
       [`b-data-grid--${Q.FIT_CONTENT}`]: t.fitContent
-    })), we = E(() => A.value.findIndex((a) => a.columnSet.length)), Pe = (a) => {
+    })), Ie = E(() => A.value.findIndex((a) => a.columnSet.length)), Ne = (a) => {
       var T;
       return {
         "b-data-grid__row--disabled": t.isDataItemDisabled(a),
@@ -1157,11 +1154,11 @@ const wn = Nn.exports, ve = {
         "b-data-grid__cell--is-re-ordering": ((T = S.target) == null ? void 0 : T.field) !== void 0,
         "b-data-grid__row--highlighted": t.highlightedRows.includes(a.id)
       };
-    }, Ue = (a) => ({
+    }, we = (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
-    }), $e = (a) => {
+    }), Pe = (a) => {
       var T, P, $, F, W;
       return {
         "b-data-grid__cell--padding-left-unset": ((T = a == null ? void 0 : a.padding) == null ? void 0 : T.left) === !1,
@@ -1174,61 +1171,61 @@ const wn = Nn.exports, ve = {
         "b-data-grid__cell--is-column-re-order-target-left": ((F = S.target) == null ? void 0 : F.field) === a.field && (S == null ? void 0 : S.dragToLeft),
         "b-data-grid__cell--is-column-re-order-target-right": ((W = S.target) == null ? void 0 : W.field) === a.field && !(S != null && S.dragToLeft)
       };
-    }, se = O(!1), De = E(() => ({
+    }, se = O(!1), Ue = E(() => ({
       "b-data-grid__columns--menu-open": se.value
-    })), Me = (a, T) => (a == null ? void 0 : a.overflow) === Y.ELLIPSIS ? `${T}` : void 0, xe = (a) => a ?? "-", ze = E(() => {
+    })), $e = (a, T) => (a == null ? void 0 : a.overflow) === Y.ELLIPSIS ? `${T}` : void 0, De = (a) => a ?? "-", Me = E(() => {
       var a, T, P, $, F, W;
       return {
         "b-data-grid__pagination--padding-left-unset": ((P = (T = (a = t.columns) == null ? void 0 : a[0]) == null ? void 0 : T.padding) == null ? void 0 : P.left) === !1,
         "b-data-grid__pagination--padding-right-unset": ((W = (F = ($ = t.columns) == null ? void 0 : $[t.columns.length - 1]) == null ? void 0 : F.padding) == null ? void 0 : W.right) === !1,
         "b-data-grid__pagination--sticky": !!t.stickyPagination
       };
-    }), Fe = E(() => {
+    }), xe = E(() => {
       var a;
       return {
         height: `${(a = u.value) == null ? void 0 : a.clientHeight}px`
       };
-    }), Ge = st({
-      label: n != null && n.header ? ot(n)("header") : null,
+    }), ze = tt({
+      label: n != null && n.header ? it(n)("header") : null,
       defaultFallback: "data grid"
-    }), Be = (a) => {
+    }), Fe = (a) => {
       if (!t.selectable)
         return null;
       const T = t.getDataItemId(a);
       return V.value.includes(T).toString();
-    }, Ve = (a) => e(p.COLUMN_RESIZE, a), We = (a) => {
+    }, Ge = (a) => e(p.COLUMN_RESIZE, a), Be = (a) => {
       e(p.UPDATE_SORT_BY, a), e(p.SORT, a);
-    }, ke = (a) => {
+    }, Ve = (a) => {
       e(p.NAVIGATE, a), e(p.UPDATE_PAGINATION, {
         ...t.pagination,
         page: a
       });
-    }, He = (a) => e(p.ITEMS_PAGE, a), Ze = () => {
+    }, We = (a) => e(p.ITEMS_PAGE, a), ke = () => {
       e(p.FILTER_SEARCH_CLEAR);
-    }, Ye = (a) => {
+    }, He = (a) => {
       e(p.UPDATE_FILTER_SEARCH_TERM, a), e(p.FILTER_SEARCH_INPUT, a);
-    }, je = (a, T) => {
+    }, Ze = (a, T) => {
       t.allowRowClicks && e(p.ROW_CLICK, a, T);
-    }, Xe = E(() => {
+    }, Ye = E(() => {
       const a = f.value.filter(({ visible: T }) => T !== !1);
       return C.value ? a.length + 1 : a.length;
-    }), qe = E(
+    }), je = E(
       () => [...o.value].sort((a, T) => {
         const P = Number(a.getAttribute("data-cellindex")), $ = Number(T.getAttribute("data-cellindex"));
         return P > $ ? 1 : $ > P ? -1 : 0;
       })
-    ), { focusOnNextGridcell: Je, isNavigationKeyCode: Qe } = Tt(qe, Xe), Ke = (a) => {
+    ), { focusOnNextGridcell: Xe, isNavigationKeyCode: qe } = Et(je, Ye), Je = (a) => {
       const { ctrlKey: T, keyCode: P, target: $ } = a;
-      o.value.includes($) && Qe(P) && Je($, P, T);
-    }, et = () => {
+      o.value.includes($) && qe(P) && Xe($, P, T);
+    }, Qe = () => {
       s.value.scrollLeft = 0, s.value.style.overflowX = "hidden", setTimeout(() => {
         s.value.style.overflowX = "auto";
       });
-    }, tt = (a) => {
+    }, Ke = (a) => {
       const T = {
         ...B.value(a)
       };
-      return a.frozen && (T.focus = et), T;
+      return a.frozen && (T.focus = Qe), T;
     }, ie = (a, T) => a + A.value.length * T;
     return {
       // Refs
@@ -1243,36 +1240,36 @@ const wn = Nn.exports, ve = {
       // $scopedSlots/$slots children
       slots: n,
       // Labels and text
-      ariaGridHeaderText: Ge,
-      conditionalTitleAttribute: Me,
-      getRowData: xe,
+      ariaGridHeaderText: ze,
+      conditionalTitleAttribute: $e,
+      getRowData: De,
       // Styles and classes
       gridColumnWidthStyle: m,
-      conditionalGridClasses: Ne,
-      conditionalRowClasses: Pe,
-      conditionalRowSetClasses: Ue,
-      conditionalRowCellClasses: $e,
-      conditionalPaginationClasses: ze,
-      conditionalColumnsClasses: De,
+      conditionalGridClasses: Ae,
+      conditionalRowClasses: Ne,
+      conditionalRowSetClasses: we,
+      conditionalRowCellClasses: Pe,
+      conditionalPaginationClasses: Me,
+      conditionalColumnsClasses: Ue,
       // Resizing
       onColumnWidthOverride: l,
-      onColumnResized: Ve,
+      onColumnResized: Ge,
       // Sorting
-      onSort: We,
+      onSort: Be,
       // Select
-      allItemsSelectedState: Ie,
+      allItemsSelectedState: Oe,
       selectedItems: V,
       onAllRowSelect: H,
       onRowSelect: Z,
       DATAGRID_SELECT_FIELD_NAME: G,
-      onRowClick: je,
-      getRowAriaSelectedValue: Be,
+      onRowClick: Ze,
+      getRowAriaSelectedValue: Fe,
       // Config settings (and column updating)
       onConfigSettingsUpdate: c,
       onConfigSettingsColumnsUpdate: I,
       onConfigSettingsColumnUpdate: g,
       columnsRef: u,
-      configSettingsButtonStyle: Fe,
+      configSettingsButtonStyle: xe,
       isOnlyOneVisibleColumn: i,
       // Enums
       BentoDatagridSortDirection: x,
@@ -1280,24 +1277,24 @@ const wn = Nn.exports, ve = {
       BentoTypographyVariant: ne,
       BentoDatagridEvent: p,
       // Pagination props and events
-      onPaginationNavigate: ke,
-      onItemsPerPageChange: He,
+      onPaginationNavigate: Ve,
+      onItemsPerPageChange: We,
       // Filterbar events
-      onSearchTermCleared: Ze,
-      onSearchTermInput: Ye,
+      onSearchTermCleared: ke,
+      onSearchTermInput: He,
       // Re-ordering columns
       onMoveColumnByOffset: k,
       draggingColumns: S,
       draggingEventsForColumns: N,
       draggingEventsForRowCell: B,
       // Leftmost column panel alignment
-      computedColumnPanelAlignment: we,
+      computedColumnPanelAlignment: Ie,
       // Gridcells events
-      gridcellEvents: tt,
+      gridcellEvents: Ke,
       // Keyboard navigation
       getCellindex: (a, T, P) => f.value.length * a + ie(T, P),
       getColIndex: ie,
-      navigationInput: Ke,
+      navigationInput: Je,
       // Translations
       t: r
     };
@@ -1332,7 +1329,7 @@ var Un = function() {
   $n,
   !1,
   null,
-  "ecae17a0",
+  "19fc6430",
   null,
   null
 );