@adyen/bento-vue2 1.2.0 → 1.3.0

package/dist/data-grid.js

@@ -1,40 +1,41 @@
-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 { ref as I, onMounted as fe, nextTick as x, watch as Ce, onUnmounted as ve, reactive as K, toRefs as ee, computed as R, watchEffect as et, defineComponent as X, toRef as me } 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.c06daf12.js";
+import { B as be } from "./chunks/checkbox.f8457c93.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.175f9e2d.js";
-import { g as it } from "./chunks/get-slot-text.e5c766d0.js";
-import { u as Se } from "./chunks/i18n.155748d6.js";
+import { B as te, a as q, b as ne, i as it } from "./chunks/index.56858f4e.js";
+import { g as lt } from "./chunks/get-slot-text.e5c766d0.js";
+import { u as he } 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.c27a7ce2.js";
-import { K as D } from "./chunks/tooltip.9af34fba.js";
+import { BentoInfoIcon as ot } from "./info-icon.js";
+import { BentoMenu as at } from "./menu.js";
+import { BentoPopoverPositions as Se, BentoPopover as rt } from "./popover.js";
+import { a as ye, B as dt } from "./chunks/button.d0c9527d.js";
+import { K as D } from "./chunks/tooltip.2aff4fa6.js";
 import { n as U } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
+import { A as ct } from "./chunks/arrow-left.1d5d08bd.js";
 import { l as le } from "./chunks/events.58c00e6d.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.368486b1.js";
-import { C as ut } from "./chunks/cross.a2cadac5.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/index24.css";
-const Ct = ({
+import { BentoToggle as Le, BentoToggleLabelPosition as Ee } from "./toggle.js";
+import { BentoSearchBar as ut } from "./search-bar.js";
+import { u as gt } from "./chunks/dropdown.c05678d0.js";
+import { C as _t } 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/index7.css";
+const mt = ({
   paginationRef: t,
   fitContent: e
 }) => {
-  const n = O(void 0);
+  const n = I(void 0);
   let s = null;
-  return Ce(() => {
-    e && z(() => {
-      const u = ve(
+  return fe(() => {
+    e && x(() => {
+      const u = Ce(
         t,
         () => {
-          t.value && (z(() => u()), s = pe(t.value, () => {
+          t.value && (x(() => u()), s = pe(t.value, () => {
             var o;
             t.value && (n.value = `calc(100% - ${(o = t.value) == null ? void 0 : o.offsetHeight}px)`);
           }));
@@ -42,248 +43,248 @@ const Ct = ({
         { immediate: !0 }
       );
     });
-  }), me(() => {
+  }), ve(() => {
     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 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 }]))
+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 || {}), $ = /* @__PURE__ */ ((t) => (t.ASCENDING = "asc", t.DESCENDING = "desc", t))($ || {}), 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 || {}), 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 || {});
+const pt = (t, e) => {
+  const n = I(!1), s = I(void 0), u = t.value.reduce((m, T) => (m[T.field] = null, m), {}), o = K(u), _ = ee(o);
+  let f = 0, C = "";
+  const d = R(
+    () => Object.fromEntries(t.value.map(({ field: m, width: T, minWidth: y }) => [m, { width: T, minWidth: y }]))
   );
   et(() => s.value = d.value);
   let g = null, r = null;
-  const h = (b) => {
-    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;
+  const b = (m) => {
+    const T = m.clientX - f, y = C, A = s.value[y].width + T;
+    s.value[y].width = A > s.value[y].minWidth ? A : s.value[y].minWidth, e(E.COLUMN_RESIZING, s.value), f = m.clientX;
   }, l = () => {
-    n.value = !1, g == null || g(), r == null || r(), v && e(y.COLUMN_RESIZE, {
-      field: v,
-      width: s.value[v].width
-    }), g = null, r = null, v = "", C = null;
+    n.value = !1, g == null || g(), r == null || r(), C && e(E.COLUMN_RESIZE, {
+      field: C,
+      width: s.value[C].width
+    }), g = null, r = null, C = "", f = null;
   };
-  return { resizeData: s, allColumnRefs: f, startResize: (b, R, L) => {
-    if (L.preventDefault(), b) {
-      if (n.value = !0, L.buttons !== 1) {
+  return { resizeData: s, allColumnRefs: _, startResize: (m, T, y) => {
+    if (y.preventDefault(), m) {
+      if (n.value = !0, y.buttons !== 1) {
         l();
         return;
       }
-      v = R, C = L.clientX, g = le(window, "mousemove", h), r = le(window, "mouseup", l);
+      C = T, f = y.clientX, g = le(window, "mousemove", b), r = le(window, "mouseup", l);
     }
   }, isResizing: 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));
+}, bt = pt, ht = 100, oe = 50, F = "b-select", St = (t, e, n) => {
+  const s = {}, u = [], o = (f) => {
+    const C = s[f];
+    C && C.frozen !== !0 && (s[f].frozen = !0, u.push(f));
   };
-  function f() {
+  function _() {
     if (u.length === n.length)
       return;
-    const C = { min: {}, max: {} };
-    let v = t, d = e, g = 0;
+    const f = { min: {}, max: {} };
+    let C = t, d = e, g = 0;
     u.forEach((r) => {
-      v -= s[r].computedWidth, d -= s[r].flex;
+      C -= s[r].computedWidth, d -= s[r].flex;
     });
-    for (let r = 0, h = n.length; r < h; r += 1) {
+    for (let r = 0, b = n.length; r < b; r += 1) {
       const l = n[r];
       if (s[l.field] && s[l.field].frozen === !0)
         continue;
-      let b = v / d * l.flex;
-      b < l.minWidth && (g += l.minWidth - b, b = l.minWidth, C.min[l.field] = !0), s[l.field] = {
+      let m = C / d * l.flex;
+      m < l.minWidth && (g += l.minWidth - m, m = l.minWidth, f.min[l.field] = !0), s[l.field] = {
         frozen: !1,
-        computedWidth: b,
+        computedWidth: m,
         flex: l.flex
       };
     }
-    g > 0 ? Object.keys(C.min).forEach((r) => {
+    g > 0 ? Object.keys(f.min).forEach((r) => {
       o(r);
     }) : n.forEach(({ field: r }) => {
       o(r);
-    }), f();
+    }), _();
   }
-  return f(), s;
-}, ht = (t, e, n) => {
-  const s = O(t), u = O(e), o = O();
-  let f = null;
-  Ce(() => {
-    z(() => {
+  return _(), s;
+}, yt = (t, e, n) => {
+  const s = I(t), u = I(e), o = I();
+  let _ = null;
+  fe(() => {
+    x(() => {
       u.value && (o.value = u.value.getBoundingClientRect().width);
-      const l = ve(
+      const l = Ce(
         u,
         () => {
-          u.value && (z(() => l()), f = pe(u.value, ({ width: m }) => {
-            o.value = m;
+          u.value && (x(() => l()), _ = pe(u.value, ({ width: v }) => {
+            o.value = v;
           }));
         },
         { immediate: !0 }
       );
     });
-  }), me(() => {
-    f == null || f.disconnect();
+  }), ve(() => {
+    _ == null || _.disconnect();
   });
-  const C = E(() => {
+  const f = R(() => {
     const l = [];
-    let m = 0, b = 0;
-    const R = {};
-    let L = s.value.filter((i) => i.visible !== !1);
-    n != null && n.hasSelectableColumn.value && (L = [{ field: G, label: "", width: 40 }, ...L]), L.forEach((i) => {
+    let v = 0, m = 0;
+    const T = {};
+    let y = s.value.filter((i) => i.visible !== !1);
+    n != null && n.hasSelectableColumn.value && (y = [{ field: F, label: "", width: 40 }, ...y]), y.forEach((i) => {
       const c = { ...i };
-      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,
+      let h;
+      c.flex && c.flex > 0 ? (v += c.flex, h = 0, l.push(c)) : h = Math.max(
+        (c == null ? void 0 : c.width) ?? ht,
         (c == null ? void 0 : c.minWidth) ?? oe
-      ), b += A, c.width = A, c.minWidth = (c == null ? void 0 : c.minWidth) ?? oe, R[c.field] = c;
+      ), m += h, c.width = h, c.minWidth = (c == null ? void 0 : c.minWidth) ?? oe, T[c.field] = c;
     });
-    const I = Math.max(o.value - b, 0);
-    if (m > 0 && o.value > 0) {
-      const i = pt(I, m, l);
+    const A = Math.max(o.value - m, 0);
+    if (v > 0 && o.value > 0) {
+      const i = St(A, v, l);
       Object.keys(i).forEach((c) => {
-        R[c].width = i[c].computedWidth;
+        T[c].width = i[c].computedWidth;
       });
     }
-    return Object.values(R);
-  }), v = O(void 0), d = (l) => {
-    v.value = { ...v.value, ...l };
-  }, g = E(
-    () => C.value.map((l) => {
-      var m, b;
+    return Object.values(T);
+  }), C = I(void 0), d = (l) => {
+    C.value = { ...C.value, ...l };
+  }, g = R(
+    () => f.value.map((l) => {
+      var v, m;
       return {
         ...l,
         // Override column width with resized ones
-        width: ((b = (m = v.value) == null ? void 0 : m[l.field]) == null ? void 0 : b.width) ?? l.width
+        width: ((m = (v = C.value) == null ? void 0 : v[l.field]) == null ? void 0 : m.width) ?? l.width
       };
     })
-  ), r = E(() => g.value.reduce((l, m) => m.width + l, 0)), h = E(() => ({
+  ), r = R(() => g.value.reduce((l, v) => v.width + l, 0)), b = R(() => ({
     width: o.value > r.value ? "100%" : "fit-content"
   }));
-  return { columnDefs: g, gridColumnWidthStyle: h, onColumnWidthOverride: d };
-}, St = ht, Lt = (t, e, n) => ({ conditionalSortDirectionClasses: (o, f) => ({
+  return { columnDefs: g, gridColumnWidthStyle: b, onColumnWidthOverride: d };
+}, Lt = yt, Et = (t, e, n) => ({ conditionalSortDirectionClasses: (o, _) => ({
   "b-data-grid-columns__column-sort-icon--sorted": t.value.some(
-    (C) => C.field === o && C.direction === f
+    (f) => f.field === o && f.direction === _
   )
 }), sortByColumnField: (o) => {
-  var v;
+  var C;
   if (!e.value.some((d) => d.field === o && d.sortable))
     return;
-  const C = [{
+  const f = [{
     field: o,
-    direction: ((v = t.value.find((d) => d.field === o)) == null ? void 0 : v.direction) === x.ASCENDING ? x.DESCENDING : x.ASCENDING
+    direction: ((C = t.value.find((d) => d.field === o)) == null ? void 0 : C.direction) === $.ASCENDING ? $.DESCENDING : $.ASCENDING
   }];
-  n(y.SORT, C);
-} }), yt = (t, e, n, s, u) => {
-  const o = O(t.value), f = K({
+  n(E.SORT, f);
+} }), Rt = (t, e, n, s, u) => {
+  const o = I(t.value), _ = K({
     allItemsSelected: !1,
     isIndeterminate: !1
-  }), C = () => {
+  }), f = () => {
     e(p.SELECT, o.value), e(p.UPDATE_SELECTION, o.value);
-  }, v = (g) => {
-    z(() => {
-      var r, h;
-      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();
+  }, C = (g) => {
+    x(() => {
+      var r, b;
+      g ? o.value = (b = (r = n.value) == null ? void 0 : r.filter((l) => !u(l))) == null ? void 0 : b.map((l) => s(l)) : o.value = [], _.allItemsSelected = g, _.isIndeterminate = !1, f();
     });
   }, d = (g) => {
-    z(() => {
-      var h;
+    x(() => {
+      var b;
       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();
+      const r = (b = n.value) == null ? void 0 : b.filter((l) => !u(l)).every((l) => o.value.includes(s(l)));
+      _.isIndeterminate = o.value.length > 0 && !r, r ? _.allItemsSelected = !0 : (_.isIndeterminate || !r) && (_.allItemsSelected = !1), f();
     });
   };
-  return d(t.value), { onAllRowSelect: v, onRowSelect: d, allItemsSelectedState: f, selectedItems: o };
+  return d(t.value), { onAllRowSelect: C, onRowSelect: d, allItemsSelectedState: _, 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 Et = (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 Tt = (t, e) => {
   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;
+    const b = t.value.length - 1, l = e.value - 1, v = n(d), m = d - e.value * v;
     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
+      [N.PAGE_UP]: m,
+      [N.PAGE_DOWN]: b - l + m,
+      [N.END]: r ? b : e.value * v + l,
+      [N.HOME]: r ? 0 : e.value * v
     }[g];
   }, u = (d, g) => {
-    const h = {
-      [w.ARROW_DOWN]: e.value,
-      [w.ARROW_UP]: -e.value,
-      [w.ARROW_LEFT]: -1,
-      [w.ARROW_RIGHT]: 1
-    }[g], l = d + h;
+    const b = {
+      [N.ARROW_DOWN]: e.value,
+      [N.ARROW_UP]: -e.value,
+      [N.ARROW_LEFT]: -1,
+      [N.ARROW_RIGHT]: 1
+    }[g], l = d + b;
     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, g, r) => {
-    const h = t.value.indexOf(d);
-    return o(g) ? s(h, g, r) : u(h, g);
+    N.PAGE_UP,
+    N.PAGE_DOWN,
+    N.END,
+    N.HOME
+  ].includes(d), _ = (d, g, r) => {
+    const b = t.value.indexOf(d);
+    return o(g) ? s(b, g, r) : u(b, g);
   };
   return {
     focusOnNextGridcell: (d, g, r) => {
       if (!t.value.includes(d))
         return;
-      const h = f(d, g, r);
-      t.value[h].focus();
+      const b = _(d, g, r);
+      t.value[b].focus();
     },
-    isNavigationKeyCode: (d) => d in w
+    isNavigationKeyCode: (d) => d in N
   };
-}, Rt = (t, e, n) => {
-  const s = O(t), u = O(e), o = K({
+}, Ot = (t, e, n) => {
+  const s = I(t), u = I(e), o = K({
     dragging: null,
     dragToLeft: null,
     target: null
-  }), f = (l, m = 0) => {
-    const b = s.value.findIndex((I) => I.field === l.field), R = b + m;
-    if (R < 0 || R > s.value.length - 1)
+  }), _ = (l, v = 0) => {
+    const m = s.value.findIndex((A) => A.field === l.field), T = m + v;
+    if (T < 0 || T > s.value.length - 1)
       return;
-    const L = [...s.value];
-    L.splice(R, 0, L.splice(b, 1)[0]), n(p.COLUMNS, L), n(p.UPDATE_COLUMNS, L);
-  }, C = (l, m) => {
-    o.dragging = l, m.dataTransfer.setData("text", ""), m.dataTransfer.dropEffect = "move";
-  }, v = (l, m) => {
+    const y = [...s.value];
+    y.splice(T, 0, y.splice(m, 1)[0]), n(p.COLUMNS, y), n(p.UPDATE_COLUMNS, y);
+  }, f = (l, v) => {
+    o.dragging = l, v.dataTransfer.setData("text", ""), v.dataTransfer.dropEffect = "move";
+  }, C = (l, v) => {
     o.target = l;
-    const b = m.currentTarget.getBoundingClientRect(), R = b.left + b.width / 2, L = m.clientX ?? 0;
-    o.dragToLeft = L <= R;
+    const m = v.currentTarget.getBoundingClientRect(), T = m.left + m.width / 2, y = v.clientX ?? 0;
+    o.dragToLeft = y <= T;
   }, d = (l) => {
-    var m, b;
-    if (((m = o.dragging) == null ? void 0 : m.field) !== l.field) {
-      const R = s.value.findIndex((_) => {
+    var v, m;
+    if (((v = o.dragging) == null ? void 0 : v.field) !== l.field) {
+      const T = s.value.findIndex((L) => {
         var S;
-        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;
+        return L.field === ((S = o.dragging) == null ? void 0 : S.field);
+      }), y = s.value.findIndex((L) => L.field === l.field), A = o.dragToLeft ? y : y + 1, i = A > T ? A - 1 : A;
       let c = [...s.value];
       c.splice(
         i === -1 ? 0 : i,
         0,
-        c.splice(R, 1)[0]
+        c.splice(T, 1)[0]
       );
-      const A = s.value.findIndex((_) => !(_ != null && _.frozen));
-      ((b = o.dragging) == null ? void 0 : b.frozen) !== l.frozen && I !== A && (c = c.map(
-        (_) => {
+      const h = s.value.findIndex((L) => !(L != null && L.frozen));
+      ((m = o.dragging) == null ? void 0 : m.frozen) !== l.frozen && A !== h && (c = c.map(
+        (L) => {
           var S;
-          return ((S = o.dragging) == null ? void 0 : S.field) === _.field ? { ..._, frozen: !!(l != null && l.frozen) } : _;
+          return ((S = o.dragging) == null ? void 0 : S.field) === L.field ? { ...L, frozen: !!(l != null && l.frozen) } : L;
         }
       )), 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]: () => g()
-  } : {}), h = E(() => (l) => u.value ? {
-    dragenter: (m) => {
-      m.preventDefault(), v(l, m);
+  }, r = R(() => u.value ? {
+    [E.COLUMN_DRAG_START]: (l, v) => f(l, v),
+    [E.COLUMN_DRAG_ENTER]: (l, v) => C(l, v),
+    [E.COLUMN_DROP]: (l) => d(l),
+    [E.COLUMN_DRAG_END]: () => g()
+  } : {}), b = R(() => (l) => u.value ? {
+    dragenter: (v) => {
+      v.preventDefault(), C(l, v);
     },
     drop: () => {
       d(l);
     },
-    dragover: (m) => {
-      m.preventDefault();
+    dragover: (v) => {
+      v.preventDefault();
     }
   } : {});
   return {
@@ -291,70 +292,70 @@ const Et = (t, e) => {
     draggingColumns: o,
     // Methods
     draggingEventsForColumns: r,
-    draggingEventsForRowCell: h,
-    onMoveColumnByOffset: f
+    draggingEventsForRowCell: b,
+    onMoveColumnByOffset: _
   };
-}, 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(
+}, It = (t, e) => {
+  const n = I(t), s = R(
+    () => [...n.value].sort((r, b) => r.frozen === b.frozen ? 0 : r.frozen ? -1 : 1)
+  ), u = R(() => s.value.filter((r) => r.frozen)), o = R(() => s.value.filter((r) => !r.frozen)), _ = R(
     () => [
       { columnSet: u.value, id: "frozen", isFrozenColumns: !0 },
       { columnSet: o.value, id: "unfrozen" }
     ].filter(({ columnSet: r }) => r.length)
-  ), C = E(
-    () => n.value.filter((r) => (r == null ? void 0 : r.visible) !== !1 && (r == null ? void 0 : r.field) !== G).length === 1
-  ), v = (r) => e(p.UPDATE_CONDENSED, r), d = (r) => {
+  ), f = R(
+    () => n.value.filter((r) => (r == null ? void 0 : r.visible) !== !1 && (r == null ? void 0 : r.field) !== F).length === 1
+  ), C = (r) => e(p.UPDATE_CONDENSED, r), d = (r) => {
     e(p.COLUMNS, r), e(p.UPDATE_COLUMNS, r);
   };
   return {
     // Values
-    columnSets: f,
-    isOnlyOneVisibleColumn: C,
+    columnSets: _,
+    isOnlyOneVisibleColumn: f,
     sortedColumns: s,
     // Methods
-    onConfigSettingsUpdate: v,
+    onConfigSettingsUpdate: C,
     onConfigSettingsColumnsUpdate: d,
     onConfigSettingsColumnUpdate: (r) => {
-      const h = s.value.map(
+      const b = s.value.map(
         (l) => (l == null ? void 0 : l.field) === r.field ? r : l
       );
-      d(h);
+      d(b);
     }
   };
 };
 let ae = 0;
-const Ot = {
+const At = {
   beforeCreate() {
     this.uuid = ae.toString(), ae += 1;
   }
 };
-var It = function() {
+var Nt = 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" } })]);
-}, At = [], Nt = /* @__PURE__ */ U(
-  Ot,
-  It,
+}, wt = [], Pt = /* @__PURE__ */ U(
   At,
+  Nt,
+  wt,
   !1,
   null,
   "4ebc0033",
   null,
   null
 );
-const wt = Nt.exports;
+const Ut = Pt.exports;
 let re = 0;
-const Pt = {
+const Dt = {
   beforeCreate() {
     this.uuid = re.toString(), re += 1;
   }
 };
-var Ut = function() {
+var Mt = 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" } })]);
-}, $t = [], Dt = /* @__PURE__ */ U(
-  Pt,
-  Ut,
+}, $t = [], xt = /* @__PURE__ */ U(
+  Dt,
+  Mt,
   $t,
   !1,
   null,
@@ -362,107 +363,87 @@ var Ut = function() {
   null,
   null
 );
-const Mt = Dt.exports;
+const zt = xt.exports;
 let de = 0;
-const xt = {
+const Ft = {
   beforeCreate() {
     this.uuid = de.toString(), de += 1;
   }
 };
-var zt = function() {
+var Gt = 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" } })]);
-}, Ft = [], Gt = /* @__PURE__ */ U(
-  xt,
-  zt,
+  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" } })]);
+}, Bt = [], Vt = /* @__PURE__ */ U(
   Ft,
+  Gt,
+  Bt,
   !1,
   null,
-  "23e56bf5",
+  "1954bfce",
   null,
   null
 );
-const Bt = Gt.exports;
+const Wt = Vt.exports;
 let ce = 0;
-const Vt = {
+const kt = {
   beforeCreate() {
     this.uuid = ce.toString(), ce += 1;
   }
 };
-var Wt = function() {
+var Ht = 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" } })]);
-}, kt = [], Ht = /* @__PURE__ */ U(
-  Vt,
-  Wt,
+  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" } })]);
+}, Zt = [], Yt = /* @__PURE__ */ U(
   kt,
+  Ht,
+  Zt,
   !1,
   null,
-  "1954bfce",
+  "9da4de4c",
   null,
   null
 );
-const Zt = Ht.exports;
+const Re = Yt.exports;
 let ue = 0;
-const Yt = {
+const jt = {
   beforeCreate() {
     this.uuid = ue.toString(), ue += 1;
   }
 };
-var jt = function() {
+var Xt = 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" } })]);
-}, Xt = [], qt = /* @__PURE__ */ U(
-  Yt,
+  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" } })]);
+}, qt = [], Jt = /* @__PURE__ */ U(
   jt,
   Xt,
+  qt,
   !1,
   null,
-  "9da4de4c",
+  "2fe7aaf4",
   null,
   null
 );
-const Te = qt.exports;
+const Qt = Jt.exports;
 let ge = 0;
-const Jt = {
+const Kt = {
   beforeCreate() {
     this.uuid = ge.toString(), ge += 1;
   }
 };
-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" } })]);
-}, Kt = [], en = /* @__PURE__ */ U(
-  Jt,
-  Qt,
-  Kt,
-  !1,
-  null,
-  "2fe7aaf4",
-  null,
-  null
-);
-const tn = en.exports;
-let _e = 0;
-const nn = {
-  beforeCreate() {
-    this.uuid = _e.toString(), _e += 1;
-  }
-};
-var sn = function() {
+var en = 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" } })]);
-}, ln = [], on = /* @__PURE__ */ U(
-  nn,
-  sn,
-  ln,
+}, tn = [], nn = /* @__PURE__ */ U(
+  Kt,
+  en,
+  tn,
   !1,
   null,
   "6e578b8e",
   null,
   null
 );
-const an = on.exports, rn = {
+const sn = nn.exports, ln = {
   "en-US": {
     moveColumnLeft: "Move column left",
     moveColumnRight: "Move column right",
@@ -471,16 +452,16 @@ const an = on.exports, rn = {
     showColumn: "Show column",
     hideColumn: "Hide column"
   }
-}, dn = X({
-  i18n: { messages: rn },
+}, on = X({
+  i18n: { messages: ln },
   name: "data-grid-columns",
   components: {
-    BentoCheckbox: he,
-    BentoInfoIcon: lt,
+    BentoCheckbox: be,
+    BentoInfoIcon: ot,
     BentoTypography: te,
-    BentoMenu: ot,
-    TriangleUp: wt,
-    TriangleDown: Mt
+    BentoMenu: at,
+    TriangleUp: Ut,
+    TriangleDown: zt
   },
   props: {
     /**
@@ -557,81 +538,81 @@ const an = on.exports, rn = {
     }
   },
   emits: [
-    y.COLUMN_RESIZE,
-    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
+    E.COLUMN_RESIZE,
+    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
   ],
   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: g, sortByColumnField: r } = Lt(u, s, e), h = (i) => {
-      var _;
+    const { t: n } = he(), { columns: s, sortBy: u } = ee(t), o = I(t.allItemsSelectedState), _ = (i) => e(E.SELECT_ALL_ROWS, i), f = (i) => i.field === F, { startResize: C, isResizing: d } = bt(s, e), { conditionalSortDirectionClasses: g, sortByColumnField: r } = Et(u, s, e), b = (i) => {
+      var L;
       if (!i.sortable)
         return null;
-      const c = (_ = t.sortBy.find(({ field: S }) => S === i.field)) == null ? void 0 : _.direction;
+      const c = (L = t.sortBy.find(({ field: S }) => S === i.field)) == null ? void 0 : L.direction;
       return c ? {
-        [x.ASCENDING]: j.ASCENDING,
-        [x.DESCENDING]: j.DESCENDING
+        [$.ASCENDING]: j.ASCENDING,
+        [$.DESCENDING]: j.DESCENDING
       }[c] : j.NONE;
-    }, l = E(() => (i) => t.hasDraggableColumns ? {
+    }, l = R(() => (i) => t.hasDraggableColumns ? {
       dragstart: (c) => {
-        e(y.COLUMN_DRAG_START, i, c);
+        e(E.COLUMN_DRAG_START, i, c);
       },
       dragover: (c) => {
         c.preventDefault();
       },
       dragenter: (c) => {
-        c.preventDefault(), e(y.COLUMN_DRAG_ENTER, i, c);
+        c.preventDefault(), e(E.COLUMN_DRAG_ENTER, i, c);
       },
       drop: () => {
-        e(y.COLUMN_DROP, i);
+        e(E.COLUMN_DROP, i);
       },
       dragend: () => {
-        e(y.COLUMN_DRAG_END);
+        e(E.COLUMN_DRAG_END);
       }
-    } : {}), m = E(() => (i) => [
+    } : {}), v = R(() => (i) => [
       {
         text: n("moveColumnLeft"),
-        handler: () => e(y.COLUMN_MOVE, i, -1),
-        icon: Bt,
+        handler: () => e(E.COLUMN_MOVE, i, -1),
+        icon: ct,
         disabled: t.columns[0].field === i.field
       },
       {
         text: n("moveColumnRight"),
-        handler: () => e(y.COLUMN_MOVE, i, 1),
-        icon: Zt,
+        handler: () => e(E.COLUMN_MOVE, i, 1),
+        icon: Wt,
         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: Te
+        handler: () => e(E.COLUMN_UPDATE, { ...i, frozen: !(i != null && i.frozen) }),
+        icon: Re
       },
       {
         text: (i == null ? void 0 : i.visible) !== !1 ? n("hideColumn") : n("showColumn"),
         handler: () => {
-          e(y.COLUMN_UPDATE, {
+          e(E.COLUMN_UPDATE, {
             ...i,
             visible: (i == null ? void 0 : i.visible) === !1
           });
         },
-        icon: (i == null ? void 0 : i.visible) !== !1 ? tn : an,
+        icon: (i == null ? void 0 : i.visible) !== !1 ? Qt : sn,
         disabled: (i == null ? void 0 : i.mandatory) || (i == null ? void 0 : i.visible) !== !1 && t.isOnlyOneVisibleColumn
       }
-    ]), b = (i) => {
+    ]), m = (i) => {
       let c = {};
-      return C(i) || (c = {
+      return f(i) || (c = {
         ...l.value(i)
-      }), i.sortable && (c.click = () => r(i.field), c.keydown = (A) => {
-        A.keyCode === D.ENTER && r(i.field);
+      }), i.sortable && (c.click = () => r(i.field), c.keydown = (h) => {
+        h.keyCode === D.ENTER && r(i.field);
       }), c;
-    }, R = E(
+    }, T = R(
       () => {
         var i;
         return (i = s.value[0]) != null && i.frozen ? { "b-data-grid-columns--frozen": !0 } : {
@@ -639,55 +620,55 @@ const an = on.exports, rn = {
           "b-data-grid-columns--config-settings-margin": t.hasColumnPanel
         };
       }
-    ), L = (i) => {
-      var c, A, _, S, N, B, k, H, Z, V;
+    ), y = (i) => {
+      var c, h, L, S, W, G, k, H, Z, B;
       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": ((A = i == null ? void 0 : i.padding) == null ? void 0 : A.right) === !1,
+        "b-data-grid-columns__column--padding-right-unset": ((h = i == null ? void 0 : i.padding) == null ? void 0 : h.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 = (_ = 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)
+        "b-data-grid-columns__column--is-re-ordering": (i == null ? void 0 : i.field) === ((S = (L = t.draggingColumns) == null ? void 0 : L.dragging) == null ? void 0 : S.field),
+        "b-data-grid-columns__column--is-re-ordering-target-left": (i == null ? void 0 : i.field) === ((G = (W = t.draggingColumns) == null ? void 0 : W.target) == null ? void 0 : G.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) && !((B = t.draggingColumns) != null && B.dragToLeft)
       };
-    }, I = E(() => ({
+    }, A = R(() => ({
       "b-data-grid-columns__column-separator-container--is-resizeable": t.hasResizableColumns
     }));
     return {
       // Values
-      DATAGRID_SELECT_FIELD_NAME: G,
+      DATAGRID_SELECT_FIELD_NAME: F,
       // Styles and classes
-      conditionalColumnClasses: L,
-      conditionalColumnSeparatorClasses: I,
-      conditionalColumnsClasses: R,
+      conditionalColumnClasses: y,
+      conditionalColumnSeparatorClasses: A,
+      conditionalColumnsClasses: T,
       // Selecting
       allItemsSelectedCheckboxState: o,
-      isSelectColumn: C,
-      onAllRowSelect: f,
+      isSelectColumn: f,
+      onAllRowSelect: _,
       // Sorting
       conditionalSortDirectionClasses: g,
       sortByColumnField: r,
-      getSortingColumnDirection: h,
+      getSortingColumnDirection: b,
       // Resizing
-      startResize: v,
+      startResize: C,
       isResizing: d,
       // Event handlers
-      dataGridColumnEvents: b,
+      dataGridColumnEvents: m,
       // Dragging
       draggingEventsForColumn: l,
       // Contextual menu
-      contextualMenuData: m,
+      contextualMenuData: v,
       // Enums
       BentoButtonVariant: ye,
-      BentoDatagridSortDirection: x,
+      BentoDatagridSortDirection: $,
       BentoTypographyElement: q,
-      BentoPopoverPositions: Le,
-      DatagridColumnsEvent: y
+      BentoPopoverPositions: Se,
+      DatagridColumnsEvent: E
     };
   }
 });
-var cn = function() {
+var an = 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() {
@@ -702,48 +683,48 @@ 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 = [], gn = /* @__PURE__ */ U(
-  dn,
-  cn,
-  un,
+}, rn = [], dn = /* @__PURE__ */ U(
+  on,
+  an,
+  rn,
   !1,
   null,
   "a2d7affc",
   null,
   null
 );
-const _n = gn.exports;
+const cn = dn.exports;
 var M = /* @__PURE__ */ ((t) => (t.CONFIG_SETTINGS = "config-settings", t.UPDATE_COLUMNS = "update:columns", t))(M || {});
-let fe = 0;
-const fn = {
+let _e = 0;
+const un = {
   beforeCreate() {
-    this.uuid = fe.toString(), fe += 1;
+    this.uuid = _e.toString(), _e += 1;
   }
 };
-var Cn = function() {
+var gn = 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" } })])])]);
-}, vn = [], mn = /* @__PURE__ */ U(
-  fn,
-  Cn,
-  vn,
+}, _n = [], fn = /* @__PURE__ */ U(
+  un,
+  gn,
+  _n,
   !1,
   null,
   "6e917c82",
   null,
   null
 );
-const bn = mn.exports, pn = {
+const Cn = fn.exports, vn = {
   "en-US": {
     toggleColumnVisibility: "Toggle {label} column visibility",
     toggleColumnFreeze: "Toggle {label} column freeze"
   }
-}, hn = X({
-  i18n: { messages: pn },
+}, mn = X({
+  i18n: { messages: vn },
   name: "bento-data-grid",
   components: {
-    BentoFreezeIcon: Te,
-    BentoToggle: Ee
+    BentoFreezeIcon: Re,
+    BentoToggle: Le
   },
   props: {
     /**
@@ -763,21 +744,21 @@ const bn = mn.exports, pn = {
   },
   emits: ["visible-column", "updated-column"],
   setup(t, { emit: e }) {
-    const n = O(!1), s = E(() => {
+    const n = I(!1), s = R(() => {
       var g;
       return (g = t.column) == null ? void 0 : g.frozen;
-    }), u = E(() => {
+    }), u = R(() => {
       var g;
       return ((g = t.column) == null ? void 0 : g.visible) !== !1;
     }), o = () => {
       e("visible-column", { ...t.column, visible: !u.value });
-    }, f = () => {
+    }, _ = () => {
       e("updated-column", { ...t.column, frozen: !s.value });
-    }, C = () => {
+    }, f = () => {
       s.value || (n.value = !0);
-    }, v = () => {
+    }, C = () => {
       s.value || (n.value = !1);
-    }, d = E(() => ({
+    }, d = R(() => ({
       ["b-data-grid-config-settings-column-row__freeze-icon--frozen"]: s.value
     }));
     return {
@@ -788,32 +769,32 @@ const bn = mn.exports, pn = {
       isColumnVisible: u,
       // Methods
       toggleColumnVisibility: o,
-      showFreezeIcon: C,
-      hideFreezeIcon: v,
-      toggleColumnFreeze: f,
+      showFreezeIcon: f,
+      hideFreezeIcon: C,
+      toggleColumnFreeze: _,
       // Enum
-      BentoToggleLabelPosition: Re,
+      BentoToggleLabelPosition: Ee,
       BentoTypographyElement: q,
       BentoTypographyVariant: ne
     };
   }
 });
-var Sn = function() {
+var pn = 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.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(
-  hn,
-  Sn,
-  Ln,
+}, bn = [], hn = /* @__PURE__ */ U(
+  mn,
+  pn,
+  bn,
   !1,
   null,
   "3437c8f9",
   null,
   null
 );
-const En = yn.exports, Rn = {
+const Sn = hn.exports, yn = {
   "en-US": {
     closeConfigSettingsPanel: "Close configuration settings panel",
     configSettingsPanel: "Configuration settings Panel",
@@ -829,21 +810,21 @@ const En = yn.exports, Rn = {
     closeSearch: "Close search",
     noColumnsMatch: "No columns match this search"
   }
-}, Tn = X({
-  i18n: { messages: Rn },
+}, Ln = X({
+  i18n: { messages: yn },
   name: "bento-data-grid",
   components: {
-    BentoCrossIcon: ut,
-    BentoPopover: at,
-    BentoSettingsIcon: bn,
-    BentoButton: rt,
-    BentoDataGridConfigSettingsConfigRow: En,
-    BentoSearchBar: dt,
-    BentoSearchIcon: gt,
-    BentoToggle: Ee,
+    BentoCrossIcon: _t,
+    BentoPopover: rt,
+    BentoSettingsIcon: Cn,
+    BentoButton: dt,
+    BentoDataGridConfigSettingsConfigRow: Sn,
+    BentoSearchBar: ut,
+    BentoSearchIcon: ft,
+    BentoToggle: Le,
     BentoTypography: te
   },
-  directives: { BentoClickOutsideDirective: ft },
+  directives: { BentoClickOutsideDirective: vt },
   props: {
     /**
      * Column definitions
@@ -862,66 +843,66 @@ const En = yn.exports, Rn = {
   },
   emits: [M.CONFIG_SETTINGS, M.UPDATE_COLUMNS],
   setup(t, { emit: e }) {
-    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((_) => _.visible === !1 && !_.mandatory)
+    const n = I(null), s = Ct("data-grid-config-settings-popover"), u = I(null), o = I(!1), _ = I(!0), f = I(""), C = me(t, "columns"), d = I(!1), g = gt(f, C), r = () => {
+      f.value = "";
+    }, b = R(
+      () => !t.columns.some((h) => h.visible === !1 && !h.mandatory)
     ), l = () => {
-      r(), d.value = !d.value, d.value && z(() => u.value.bentoInputField.focusInput()), f.value = h.value;
-    }, 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: _.field === N.field ? _.visible : N.visible
+      r(), d.value = !d.value, d.value && x(() => u.value.bentoInputField.focusInput()), _.value = b.value;
+    }, v = (h) => h.mandatory ?? !1, m = (h) => {
+      const L = t.columns.map((S) => ({
+        ...S,
+        visible: h.field === S.field ? h.visible : S.visible
       }));
-      e(M.UPDATE_COLUMNS, S);
-    }, L = (_) => {
-      _ ? e(
+      e(M.UPDATE_COLUMNS, L);
+    }, T = (h) => {
+      h ? e(
         M.UPDATE_COLUMNS,
-        t.columns.map((S) => ({ ...S, visible: !0 }))
+        t.columns.map((L) => ({ ...L, visible: !0 }))
       ) : e(
         M.UPDATE_COLUMNS,
-        t.columns.map((S) => ({ ...S, visible: (S == null ? void 0 : S.mandatory) === !0 }))
+        t.columns.map((L) => ({ ...L, visible: (L == null ? void 0 : L.mandatory) === !0 }))
       );
-    }, I = (_) => {
-      const S = t.columns.map((N) => ({
-        ...N,
-        frozen: _.field === N.field ? !!(_ != null && _.frozen) : !!(N != null && N.frozen)
+    }, y = (h) => {
+      const L = t.columns.map((S) => ({
+        ...S,
+        frozen: h.field === S.field ? !!(h != null && h.frozen) : !!(S != null && S.frozen)
       }));
-      e(M.UPDATE_COLUMNS, S);
-    }, i = (_) => {
-      o.value = _, f.value = h.value;
+      e(M.UPDATE_COLUMNS, L);
+    }, A = (h) => {
+      o.value = h, _.value = b.value;
     };
     return {
       // Values
       configSettingsButtonRef: n,
       popoverId: s,
       isConfigSettingsPanelOpen: o,
-      allColumnsVisbilityToggleState: f,
+      allColumnsVisbilityToggleState: _,
       filteredColumnVisibilityColumns: g,
-      searchTerm: C,
+      searchTerm: f,
       isColumnVisibilityFilterShown: d,
       searchBarRef: u,
-      DATAGRID_SELECT_FIELD_NAME: G,
+      DATAGRID_SELECT_FIELD_NAME: F,
       // Methods
-      setConfigSettingsPanelVisibility: i,
-      emitCondensedToggle: (_) => e(M.CONFIG_SETTINGS, _),
-      toggleAllColumnVisibility: L,
+      setConfigSettingsPanelVisibility: A,
+      emitCondensedToggle: (h) => e(M.CONFIG_SETTINGS, h),
+      toggleAllColumnVisibility: T,
       clearAction: r,
       toggleColumnFilter: l,
-      emitVisibleColumns: R,
-      emitFrozenColumns: I,
-      onClickOutside: () => i(!1),
-      isColumnVisibilityToggleDisabled: b,
+      emitVisibleColumns: m,
+      emitFrozenColumns: y,
+      onClickOutside: () => A(!1),
+      isColumnVisibilityToggleDisabled: v,
       // Enum
-      BentoToggleLabelPosition: Re,
+      BentoToggleLabelPosition: Ee,
       BentoTypographyElement: q,
       BentoTypographyVariant: ne,
       BentoButtonVariant: ye,
-      BentoPopoverPositions: Le
+      BentoPopoverPositions: Se
     };
   }
 });
-var On = function() {
+var En = 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);
@@ -942,17 +923,17 @@ var On = function() {
   } } })], 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);
-}, In = [], An = /* @__PURE__ */ U(
-  Tn,
-  On,
-  In,
+}, Rn = [], Tn = /* @__PURE__ */ U(
+  Ln,
+  En,
+  Rn,
   !1,
   null,
-  "2bee6e04",
+  "926f1575",
   null,
   null
 );
-const Nn = An.exports, wn = {
+const On = Tn.exports, In = {
   "en-US": {
     gettingYourData: "Getting your data",
     sortAscending: "{field} sort ascending",
@@ -960,13 +941,13 @@ const Nn = An.exports, wn = {
     sortInactive: "{field} sort inactive",
     selectRow: "Select row"
   }
-}, Pn = X({
-  i18n: { messages: wn },
+}, An = X({
+  i18n: { messages: In },
   name: "bento-data-grid",
   components: {
-    BentoCheckbox: he,
-    DataGridColumns: _n,
-    BentoDataGridConfigSettings: Nn,
+    BentoCheckbox: be,
+    DataGridColumns: cn,
+    BentoDataGridConfigSettings: On,
     BentoLoadingIndicator: st,
     BentoPagination: nt,
     BentoFilterBar: J,
@@ -1125,221 +1106,223 @@ const Nn = An.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: 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")
+    const s = I(null), u = I(), o = I(null), { columns: _, selectable: f, data: C, selection: d, allowColumnDragAndDrop: g } = ee(t), { t: r } = he(), { columnDefs: b, onColumnWidthOverride: l, gridColumnWidthStyle: v } = Lt(_, s, {
+      hasSelectableColumn: f
+    }), m = I(null), T = mt({
+      paginationRef: m,
+      fitContent: me(t, "fitContent")
     }), {
-      sortedColumns: L,
-      columnSets: I,
+      sortedColumns: y,
+      columnSets: A,
       isOnlyOneVisibleColumn: i,
       onConfigSettingsUpdate: c,
-      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(
+      onConfigSettingsColumnsUpdate: h,
+      onConfigSettingsColumnUpdate: L
+    } = It(b, e), { draggingColumns: S, draggingEventsForColumns: W, draggingEventsForRowCell: G, onMoveColumnByOffset: k } = Ot(y, g, e), { onAllRowSelect: H, onRowSelect: Z, selectedItems: B, allItemsSelectedState: Te } = Rt(
       d,
       e,
-      v,
+      C,
       t.getDataItemId,
       t.isDataItemDisabled
-    ), Ie = E(() => ({
+    ), Oe = R(() => ({
       [`b-data-grid--${Q.OUTLINE}`]: t.outline,
       [`b-data-grid--${Q.FIT_CONTENT}`]: t.fitContent
-    })), Ae = E(() => I.value.findIndex((a) => a.columnSet.length)), Ne = (a) => {
-      var T;
+    })), Ie = R(() => A.value.findIndex((a) => a.columnSet.length)), Ae = (a) => {
+      var O;
       return {
         "b-data-grid__row--disabled": t.isDataItemDisabled(a),
         "b-data-grid__row--row-clicks-enabled": t.allowRowClicks,
-        "b-data-grid__cell--is-re-ordering": ((T = S.target) == null ? void 0 : T.field) !== void 0,
+        "b-data-grid__cell--is-re-ordering": ((O = S.target) == null ? void 0 : O.field) !== void 0,
         "b-data-grid__row--highlighted": t.highlightedRows.includes(a.id)
       };
-    }, we = (a) => ({
+    }, Ne = (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
-    }), Pe = (a) => {
-      var T, P, $, F, W;
+    }), we = (a) => {
+      var O, w, P, z, V;
       return {
-        "b-data-grid__cell--padding-left-unset": ((T = a == null ? void 0 : a.padding) == null ? void 0 : T.left) === !1,
-        "b-data-grid__cell--padding-right-unset": ((P = a == null ? void 0 : a.padding) == null ? void 0 : P.right) === !1,
+        "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--condensed": t.condensed,
         "b-data-grid__cell--frozen": a == null ? void 0 : a.frozen,
         [`b-data-grid__cell--overflow-${Y.ELLIPSIS}`]: (a == null ? void 0 : a.overflow) === Y.ELLIPSIS,
-        "b-data-grid__cell--is-column-re-ordering": (($ = S.dragging) == null ? void 0 : $.field) === a.field,
-        "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)
+        "b-data-grid__cell--is-column-re-ordering": ((P = S.dragging) == null ? void 0 : P.field) === a.field,
+        "b-data-grid__cell--is-column-re-order-target-left": ((z = S.target) == null ? void 0 : z.field) === a.field && (S == null ? void 0 : S.dragToLeft),
+        "b-data-grid__cell--is-column-re-order-target-right": ((V = S.target) == null ? void 0 : V.field) === a.field && !(S != null && S.dragToLeft)
       };
-    }, se = O(!1), Ue = E(() => ({
+    }, se = I(!1), Pe = R(() => ({
       "b-data-grid__columns--menu-open": se.value
-    })), $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;
+    })), Ue = (a, O) => (a == null ? void 0 : a.overflow) === Y.ELLIPSIS ? `${O}` : void 0, De = (a) => a ?? "-", Me = R(() => {
+      var a, O, w, P, z, V;
       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--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-right-unset": ((V = (z = (P = t.columns) == null ? void 0 : P[t.columns.length - 1]) == null ? void 0 : z.padding) == null ? void 0 : V.right) === !1,
         "b-data-grid__pagination--sticky": !!t.stickyPagination
       };
-    }), xe = E(() => {
+    }), $e = R(() => {
       var a;
       return {
         height: `${(a = u.value) == null ? void 0 : a.clientHeight}px`
       };
-    }), ze = tt({
-      label: n != null && n.header ? it(n)("header") : null,
+    }), xe = tt({
+      label: n != null && n.header ? lt(n)("header") : null,
       defaultFallback: "data grid"
-    }), Fe = (a) => {
+    }), ze = (a) => {
       if (!t.selectable)
         return null;
-      const T = t.getDataItemId(a);
-      return V.value.includes(T).toString();
-    }, Ge = (a) => e(p.COLUMN_RESIZE, a), Be = (a) => {
+      const O = t.getDataItemId(a);
+      return B.value.includes(O).toString();
+    }, Fe = (a) => e(p.COLUMN_RESIZE, a), Ge = (a) => {
       e(p.UPDATE_SORT_BY, a), e(p.SORT, a);
-    }, Ve = (a) => {
+    }, Be = (a) => {
       e(p.NAVIGATE, a), e(p.UPDATE_PAGINATION, {
         ...t.pagination,
         page: a
       });
-    }, We = (a) => e(p.ITEMS_PAGE, a), ke = () => {
+    }, Ve = (a) => e(p.ITEMS_PAGE, a), We = () => {
       e(p.FILTER_SEARCH_CLEAR);
-    }, He = (a) => {
+    }, ke = (a) => {
       e(p.UPDATE_FILTER_SEARCH_TERM, a), e(p.FILTER_SEARCH_INPUT, a);
-    }, Ze = (a, T) => {
-      t.allowRowClicks && e(p.ROW_CLICK, a, T);
-    }, Ye = E(() => {
-      const a = f.value.filter(({ visible: T }) => T !== !1);
-      return C.value ? a.length + 1 : a.length;
-    }), 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;
+    }, He = (a, O) => {
+      t.allowRowClicks && e(p.ROW_CLICK, a, O);
+    }, Ze = R(() => {
+      const a = _.value.filter(({ visible: O }) => O !== !1);
+      return f.value ? a.length + 1 : a.length;
+    }), Ye = R(
+      () => [...o.value].sort((a, O) => {
+        const w = Number(a.getAttribute("data-cellindex")), P = Number(O.getAttribute("data-cellindex"));
+        return w > P ? 1 : P > w ? -1 : 0;
       })
-    ), { focusOnNextGridcell: Xe, isNavigationKeyCode: qe } = Et(je, Ye), Je = (a) => {
-      const { ctrlKey: T, keyCode: P, target: $ } = a;
-      o.value.includes($) && qe(P) && Xe($, P, T);
-    }, Qe = () => {
+    ), { focusOnNextGridcell: je, isNavigationKeyCode: Xe } = Tt(Ye, Ze), qe = (a) => {
+      const { ctrlKey: O, keyCode: w, target: P } = a;
+      o.value.includes(P) && Xe(w) && je(P, w, O);
+    }, Je = () => {
       s.value.scrollLeft = 0, s.value.style.overflowX = "hidden", setTimeout(() => {
         s.value.style.overflowX = "auto";
       });
-    }, Ke = (a) => {
-      const T = {
-        ...B.value(a)
+    }, Qe = (a) => {
+      const O = {
+        ...G.value(a)
       };
-      return a.frozen && (T.focus = Qe), T;
-    }, ie = (a, T) => a + I.value.length * T;
-    return {
+      return a.frozen && (O.focus = Je), O;
+    }, ie = (a, O) => a + A.value.length * O, Ke = (a, O, w) => _.value.length * a + ie(O, w);
+    return !R(() => _.value.some((a) => a.mandatory)).value && it() && console.warn(
+      "WARNING: At least one BentoDataGrid column should be set as mandatory to ensure data is always displayed correctly."
+    ), {
       // Refs
       body: s,
-      columnDefs: h,
-      columnSets: I,
+      columnDefs: b,
+      columnSets: A,
       gridcellRefs: o,
       isColumnMenuOpen: se,
       // Calculate dynamic fit-content height
-      paginationRef: b,
-      bodyDynamicStyles: R,
+      paginationRef: m,
+      bodyDynamicStyles: T,
       // $scopedSlots/$slots children
       slots: n,
       // Labels and text
-      ariaGridHeaderText: ze,
-      conditionalTitleAttribute: $e,
+      ariaGridHeaderText: xe,
+      conditionalTitleAttribute: Ue,
       getRowData: De,
       // Styles and classes
-      gridColumnWidthStyle: m,
-      conditionalGridClasses: Ie,
-      conditionalRowClasses: Ne,
-      conditionalRowSetClasses: we,
-      conditionalRowCellClasses: Pe,
+      gridColumnWidthStyle: v,
+      conditionalGridClasses: Oe,
+      conditionalRowClasses: Ae,
+      conditionalRowSetClasses: Ne,
+      conditionalRowCellClasses: we,
       conditionalPaginationClasses: Me,
-      conditionalColumnsClasses: Ue,
+      conditionalColumnsClasses: Pe,
       // Resizing
       onColumnWidthOverride: l,
-      onColumnResized: Ge,
+      onColumnResized: Fe,
       // Sorting
-      onSort: Be,
+      onSort: Ge,
       // Select
-      allItemsSelectedState: Oe,
-      selectedItems: V,
+      allItemsSelectedState: Te,
+      selectedItems: B,
       onAllRowSelect: H,
       onRowSelect: Z,
-      DATAGRID_SELECT_FIELD_NAME: G,
-      onRowClick: Ze,
-      getRowAriaSelectedValue: Fe,
+      DATAGRID_SELECT_FIELD_NAME: F,
+      onRowClick: He,
+      getRowAriaSelectedValue: ze,
       // Config settings (and column updating)
       onConfigSettingsUpdate: c,
-      onConfigSettingsColumnsUpdate: A,
-      onConfigSettingsColumnUpdate: _,
+      onConfigSettingsColumnsUpdate: h,
+      onConfigSettingsColumnUpdate: L,
       columnsRef: u,
-      configSettingsButtonStyle: xe,
+      configSettingsButtonStyle: $e,
       isOnlyOneVisibleColumn: i,
       // Enums
-      BentoDatagridSortDirection: x,
+      BentoDatagridSortDirection: $,
       BentoTypographyElement: q,
       BentoTypographyVariant: ne,
       BentoDatagridEvent: p,
       // Pagination props and events
-      onPaginationNavigate: Ve,
-      onItemsPerPageChange: We,
+      onPaginationNavigate: Be,
+      onItemsPerPageChange: Ve,
       // Filterbar events
-      onSearchTermCleared: ke,
-      onSearchTermInput: He,
+      onSearchTermCleared: We,
+      onSearchTermInput: ke,
       // Re-ordering columns
       onMoveColumnByOffset: k,
       draggingColumns: S,
-      draggingEventsForColumns: N,
-      draggingEventsForRowCell: B,
+      draggingEventsForColumns: W,
+      draggingEventsForRowCell: G,
       // Leftmost column panel alignment
-      computedColumnPanelAlignment: Ae,
+      computedColumnPanelAlignment: Ie,
       // Gridcells events
-      gridcellEvents: Ke,
+      gridcellEvents: Qe,
       // Keyboard navigation
-      getCellindex: (a, T, P) => f.value.length * a + ie(T, P),
+      getCellindex: Ke,
       getColIndex: ie,
-      navigationInput: Je,
+      navigationInput: qe,
       // Translations
       t: r
     };
   }
 });
-var Un = function() {
+var Nn = function() {
   var e = this, n = e._self._c;
-  return e._self._setupProxy, n("div", { staticClass: "b-data-grid", class: e.conditionalGridClasses, attrs: { role: "grid", "aria-rowcount": e.data.length, "aria-colcount": e.columns.length, "aria-label": e.ariaGridHeaderText } }, [e.filters ? n("div", { staticClass: "b-data-grid__filters" }, [e.filters ? n("bento-filter-bar", { attrs: { value: e.filters, "search-term": e.filterSearchTerm }, on: { "search-input": e.onSearchTermInput, "search-clear": e.onSearchTermCleared, input: (s) => e.$emit(e.BentoDatagridEvent.UPDATE_FILTERS, s) } }) : e._e()], 1) : e._e(), e.$slots.header ? n("div", { staticClass: "b-data-grid__header" }, [e._t("header")], 2) : e._e(), n("div", { ref: "body", staticClass: "b-data-grid__body", style: e.fitContent ? { height: e.bodyDynamicStyles.height.value } : void 0, attrs: { tabindex: e.loading ? "0" : "-1", "aria-busy": e.loading, "aria-live": "polite" } }, [e.columnPanel ? n("bento-data-grid-config-settings", { staticClass: "b-data-grid__config-settings", style: e.configSettingsButtonStyle, attrs: { columns: e.columns, condensed: e.condensed }, on: { "config-settings": e.onConfigSettingsUpdate, "update:columns": e.onConfigSettingsColumnsUpdate } }) : e._e(), n("div", { ref: "columnsRef", staticClass: "b-data-grid__columns-row", attrs: { role: "rowgroup" } }, [n("div", { staticClass: "b-data-grid__columns", class: e.conditionalColumnsClasses, style: e.gridColumnWidthStyle, attrs: { role: "row" } }, [e._l(e.columnSets, function({ columnSet: s, id: u, isFrozenColumns: o }, f) {
-    return [s != null && s.length ? n("data-grid-columns", e._g({ key: `data-grid-columns-${u}`, attrs: { columns: s, "has-resizable-columns": e.hasResizableColumns, "sort-by": e.sortBy, "all-items-selected-state": e.allItemsSelectedState, "is-frozen-columns": o, "dragging-columns": e.draggingColumns, "has-draggable-columns": e.allowColumnDragAndDrop, "has-column-panel": e.columnPanel, "has-first-column-panel-right-aligned": f === e.computedColumnPanelAlignment, "is-only-one-visible-column": e.isOnlyOneVisibleColumn }, on: { "column-move": e.onMoveColumnByOffset, "column-update": e.onConfigSettingsColumnUpdate, "column-resize": e.onColumnResized, "column-resizing": e.onColumnWidthOverride, "select-all-rows": e.onAllRowSelect, sort: e.onSort, "column-menu-open": function(C) {
+  return e._self._setupProxy, n("div", { staticClass: "b-data-grid", class: e.conditionalGridClasses, attrs: { role: "grid", "aria-rowcount": e.data.length, "aria-colcount": e.columns.length, "aria-label": e.ariaGridHeaderText } }, [e.filters ? n("div", { staticClass: "b-data-grid__filters" }, [e.filters ? n("bento-filter-bar", { attrs: { value: e.filters, "search-term": e.filterSearchTerm }, on: { "search-input": e.onSearchTermInput, "search-clear": e.onSearchTermCleared, input: (s) => e.$emit(e.BentoDatagridEvent.UPDATE_FILTERS, s) } }) : e._e()], 1) : e._e(), e.$slots.header ? n("div", { staticClass: "b-data-grid__header" }, [e._t("header")], 2) : e._e(), n("div", { ref: "body", staticClass: "b-data-grid__body", style: e.fitContent ? { height: e.bodyDynamicStyles.height.value } : void 0, attrs: { tabindex: e.loading ? "0" : "-1", "aria-busy": e.loading, "aria-live": "polite" } }, [e.columnPanel ? n("bento-data-grid-config-settings", { staticClass: "b-data-grid__config-settings", style: e.configSettingsButtonStyle, attrs: { columns: e.columns, condensed: e.condensed }, on: { "config-settings": e.onConfigSettingsUpdate, "update:columns": e.onConfigSettingsColumnsUpdate } }) : e._e(), n("div", { ref: "columnsRef", staticClass: "b-data-grid__columns-row", attrs: { role: "rowgroup" } }, [n("div", { staticClass: "b-data-grid__columns", class: e.conditionalColumnsClasses, style: e.gridColumnWidthStyle, attrs: { role: "row" } }, [e._l(e.columnSets, function({ columnSet: s, id: u, isFrozenColumns: o }, _) {
+    return [s != null && s.length ? n("data-grid-columns", e._g({ key: `data-grid-columns-${u}`, attrs: { columns: s, "has-resizable-columns": e.hasResizableColumns, "sort-by": e.sortBy, "all-items-selected-state": e.allItemsSelectedState, "is-frozen-columns": o, "dragging-columns": e.draggingColumns, "has-draggable-columns": e.allowColumnDragAndDrop, "has-column-panel": e.columnPanel, "has-first-column-panel-right-aligned": _ === e.computedColumnPanelAlignment, "is-only-one-visible-column": e.isOnlyOneVisibleColumn }, on: { "column-move": e.onMoveColumnByOffset, "column-update": e.onConfigSettingsColumnUpdate, "column-resize": e.onColumnResized, "column-resizing": e.onColumnWidthOverride, "select-all-rows": e.onAllRowSelect, sort: e.onSort, "column-menu-open": function(f) {
       e.isColumnMenuOpen = !0;
-    }, "column-menu-close": function(C) {
+    }, "column-menu-close": function(f) {
       e.isColumnMenuOpen = !1;
-    } }, scopedSlots: e._u([e._l(e.slots, function(C, v) {
-      return { key: v, fn: function(d) {
-        return [e._t(v, null, null, d)];
+    } }, scopedSlots: e._u([e._l(e.slots, function(f, C) {
+      return { key: C, fn: function(d) {
+        return [e._t(C, null, null, d)];
       } };
     })], null, !0) }, e.draggingEventsForColumns)) : e._e()];
   })], 2)]), 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: e.BentoTypographyElement.SPAN, variant: e.BentoTypographyVariant.CAPTION } }, [e._v(e._s(e.t("gettingYourData")))])], 1) : n("div", { staticClass: "b-data-grid__rows", attrs: { role: "rowgroup" }, on: { keydown: e.navigationInput } }, e._l(e.data, function(s, u) {
     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, 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() {
+    } } }, [e._l(e.columnSets, function({ columnSet: o, id: _, isFrozenColumns: f }, C) {
+      return [o != null && o.length ? n("div", { key: `data-grid-rows-${_}`, class: e.conditionalRowSetClasses(f), attrs: { "data-testid": `data-grid-${_}-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, C), role: "gridcell", tabindex: e.getCellindex(u, g, C) === 0 ? "0" : "-1", "aria-colindex": e.getColIndex(g, C) + 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()];
     })], 2);
   }), 0)], 1), e.pagination ? n("div", { ref: "paginationRef", staticClass: "b-data-grid__pagination", class: e.conditionalPaginationClasses, attrs: { "data-testid": "pagination-container" } }, [n("bento-pagination", e._b({ attrs: { "aria-label": `${e.ariaGridHeaderText} navigation` }, on: { navigate: e.onPaginationNavigate, "items-page": e.onItemsPerPageChange } }, "bento-pagination", e.pagination, !1))], 1) : e._e(), e.$slots.footer ? n("div", { staticClass: "b-data-grid__footer" }, [e._t("footer")], 2) : e._e()]);
-}, $n = [], Dn = /* @__PURE__ */ U(
-  Pn,
-  Un,
-  $n,
+}, wn = [], Pn = /* @__PURE__ */ U(
+  An,
+  Nn,
+  wn,
   !1,
   null,
-  "19fc6430",
+  "0c380772",
   null,
   null
 );
-const as = Dn.exports;
+const ls = Pn.exports;
 export {
   Y as BentoColumnOverflow,
-  as as BentoDataGrid,
+  ls as BentoDataGrid,
   j as BentoDatagridAriaSortValue,
   p as BentoDatagridEvent,
-  x as BentoDatagridSortDirection,
+  $ as BentoDatagridSortDirection,
   Q as BentoDatagridStyleState
 };
 //# sourceMappingURL=data-grid.js.map