@adyen/bento-vue2 1.90.0 → 1.91.0

package/dist/chunks/{data-grid.x6cEW0az.js → data-grid.ZHY5EzP3.js}

@@ -1,4 +1,4 @@
-import { ref as w, onMounted as Oe, nextTick as ee, watch as le, onUnmounted as It, reactive as Ge, toRefs as Ve, computed as C, watchEffect as zn, onBeforeUpdate as Bn, defineComponent as re, inject as ge, toRef as $e, useSlots as He, provide as De } from "vue";
+import { ref as S, onMounted as Oe, nextTick as ee, watch as le, onUnmounted as It, reactive as Ge, toRefs as Ve, computed as C, watchEffect as zn, onBeforeUpdate as Bn, defineComponent as re, inject as ge, toRef as $e, useSlots as He, provide as De } from "vue";
 import { C as Un } from "./checkmark-circle-fill.BttTCjrM.js";
 import { W as kn } from "./warning-filled.CbJ1pcB2.js";
 /* empty css              */
@@ -7,43 +7,44 @@ import { C as Nt } from "./cross.CC_B-vG-.js";
 import { N as rt } from "./minus-small.DJacLGTw.js";
 import { b as $n } from "./popper-container.C_n9Ds1W.js";
 import { E as j, b as Dt, B as Wn, T as Gn } from "./tooltip.BxtnF3is.js";
-import { B as Vn } from "./dashed-underline.CpDuQ3Fo.js";
+import { B as Vn } from "./dashed-underline.DL2_sik5.js";
 import { B as Le, p as Ft } from "./typography.C8lPlsbD.js";
-import { u as Ce } from "./index.B6WW_F-J.js";
+import { u as _e } from "./index.B6WW_F-J.js";
 import { B as Hn } from "./tag.D2xagTJv.js";
-import { B as Zn } from "./action-bar.B63qIiiH.js";
-import { B as jn } from "./pagination.BmrU_sn_.js";
+import { B as Zn } from "./action-bar.Dj830k6L.js";
+import { B as jn } from "./pagination.D6BxMw5L.js";
 import { B as Ze } from "./loading-indicator.PxbRzshH.js";
 import { u as je } from "./use-has-slot.C9lQZ6nz.js";
+import { u as qn } from "./use-touch-device.DTqFAbXh.js";
 import { g as Me } from "./generate-uid.NJ8tVoha.js";
-import { a as qn } from "./filter-bar.x445KK3y.js";
-import { B as Kn } from "./empty-state.DMV23IZy.js";
-import { E as Yn } from "./tabs.keys.B4qGhjp2.js";
-import { D as Xn } from "./data-grid-template.keys.VezYtHtM.js";
-import { b as Jn } from "./index.CwzYJHw2.js";
+import { a as Kn } from "./filter-bar.Bd4ghW_B.js";
+import { B as Yn } from "./empty-state.DMV23IZy.js";
+import { E as Xn } from "./tabs.keys.B4qGhjp2.js";
+import { D as Jn } from "./data-grid-template.keys.VezYtHtM.js";
+import { b as Qn } from "./index.CwzYJHw2.js";
 import { o as qe } from "./resize.Bqks3WUm.js";
 import "./index.Cl4_42j5.js";
 import { b as Mt } from "./focus-trap.DRqjHzt6.js";
-import { B as xt } from "./checkbox.TsWA6O3Z.js";
+import { B as xt } from "./checkbox.vNjt6QDJ.js";
 import { B as Pt } from "./button.C9b2AC9w.js";
-import { c as Ke, f as zt, h as Qn, b as es, a as ts, O as ct, D as ns } from "./button-actions.BmU1DngD.js";
+import { c as Ke, f as zt, h as es, b as ts, a as ns, O as ct, D as ss } from "./button-actions.Bdbu0bvt.js";
 import { E as dt } from "./link.DB5g6d48.js";
 import { C as ut } from "./copy.qqGYFbKJ.js";
-import { C as ss } from "./chevron-down.eYtgv5ly.js";
-import { C as os } from "./chevron-up.d8cwIlA_.js";
-import { u as ls } from "./use-expandable-content-height.GkjjbmPy.js";
-import { B as as } from "./info-icon.DCR42Kvm.js";
-import { D as is } from "./use-cached-selected-values.Bn3Y8Iuq.js";
+import { C as os } from "./chevron-down.eYtgv5ly.js";
+import { C as ls } from "./chevron-up.d8cwIlA_.js";
+import { u as as } from "./use-expandable-content-height.GkjjbmPy.js";
+import { B as is } from "./info-icon.DCR42Kvm.js";
+import { D as rs } from "./use-cached-selected-values.BJbWbkEQ.js";
 import { B as ft } from "./popover.types.hA13DZPg.js";
-import { A as rs } from "./arrow-left.CRREfabP.js";
-import { A as cs } from "./arrow-right.Dn3AYpUP.js";
-import { H as ds, S as us } from "./show.B_mKPF6I.js";
+import { A as cs } from "./arrow-left.CRREfabP.js";
+import { A as ds } from "./arrow-right.Dn3AYpUP.js";
+import { H as us, S as fs } from "./show.B_mKPF6I.js";
 import { l as gt } from "./events.BQOQSSb7.js";
 import { B as Bt } from "./toggle.B1z1YPe_.js";
-import { B as fs } from "./search-bar.CNfoeLLt.js";
-import { u as gs } from "./dropdown.CvNI2V33.js";
-import { S as ms } from "./search.D53Ia3rC.js";
-import { B as _s } from "./directive.rXUeDb8p.js";
+import { B as gs } from "./search-bar.MVJS9-Mh.js";
+import { u as ms } from "./dropdown.Ca-f8tdX.js";
+import { S as _s } from "./search.D53Ia3rC.js";
+import { B as Cs } from "./directive.Bfr4fuOy.js";
 import "../assets/data-grid.css";
 const mt = (s) => {
   if (!s)
@@ -57,8 +58,8 @@ const mt = (s) => {
   }
   const o = parseFloat(t.top);
   return !isNaN(o) && o < 0 && (n += o), n;
-}, _t = (s, t, n = w(!1), e = null) => {
-  const o = w(0);
+}, _t = (s, t, n = S(!1), e = null) => {
+  const o = S(0);
   let l = null, a = null;
   const r = () => {
     const d = t.value ? mt(s.value) : 0, f = n.value && e ? mt(e.value) : 0;
@@ -86,8 +87,8 @@ const mt = (s) => {
   }), o;
 };
 var We = /* @__PURE__ */ ((s) => (s.WRAP = "wrap", s.ELLIPSIS = "ellipsis", s))(We || {}), X = /* @__PURE__ */ ((s) => (s.COLUMN_RESIZE = "column-resize", s.COLUMN_RESIZING = "column-resizing", s.SELECT_ALL_ROWS = "select-all-rows", s.SELECT_ALL_ACROSS_PAGES = "select-all-across-pages", s.SELECT_ALL_CURRENT_RESULTS = "select-all-current-results", s.DESELECT_ALL = "deselect-all", s.DESELECT_ALL_CURRENT_RESULTS = "deselect-all-current-results", s.COLUMN_MOVE = "column-move", s.COLUMN_UPDATE = "column-update", s.COLUMN_MENU_OPEN = "column-menu-open", s.COLUMN_MENU_CLOSE = "column-menu-close", s.COLUMN_HOVER = "column-hover", s.COLUMN_DRAG_START = "column-dragstart", s.COLUMN_DRAG_ENTER = "column-dragenter", s.COLUMN_DRAG_END = "column-dragend", s.COLUMN_DROP = "column-drop", s))(X || {}), fe = /* @__PURE__ */ ((s) => (s.OUTLINE = "outline", s.SCROLL = "scroll", s.STICKY_FILTERS = "sticky-filters", s.OVERFLOW_SHADOW_LEFT = "overflow-shadow-left", s.OVERFLOW_SHADOW_RIGHT = "overflow-shadow-right", s.NO_SPACING_TOP = "no-spacing-top", s.FIT_CONTENT = "fit-content", s.ZEBRA_ROWS = "zebra-rows", s))(fe || {}), ye = /* @__PURE__ */ ((s) => (s.ASCENDING = "asc", s.DESCENDING = "desc", s))(ye || {}), D = /* @__PURE__ */ ((s) => (s.CELL_FOCUS = "cell-focus", s.COLUMNS = "columns", s.COLUMN_RESIZE = "column-resize", s.ITEMS_PAGE = "items-page", s.NAVIGATE = "navigate", s.NESTED_CONTENT_TOGGLED = "nested-content-toggled", s.FILTER_SEARCH_INPUT = "filter-search-input", s.FILTER_SEARCH_CLEAR = "filter-search-clear", s.UPDATE_COLUMNS = "update:columns", s.UPDATE_CONDENSED = "update:condensed", s.UPDATE_FILTERS = "update:filters", s.UPDATE_FILTER_VALUES = "update:filter-values", s.UPDATE_FILTER_VALUES_OBJECT = "update:filter-values-object", s.UPDATE_FILTER_SEARCH_TERM = "update:filter-search-term", s.UPDATE_PAGINATION = "update:pagination", s.UPDATE_SELECTION = "update:selection", s.UPDATE_SHOW_MORE = "update:show-more", s.UPDATE_SORT_BY = "update:sort-by", s.UPDATE_ZEBRA_ROWS = "update:zebra-rows", s.ROW_CLICK = "row-click", s.SELECT = "select", s.SELECT_ALL_ACROSS_PAGES = "select-all-across-pages", s.SELECT_ALL_CURRENT_RESULTS = "select-all-current-results", s.DESELECT_ALL_CURRENT_RESULTS = "deselect-all-current-results", s.SORT = "sort", s))(D || {}), Fe = /* @__PURE__ */ ((s) => (s.ASCENDING = "ascending", s.DESCENDING = "descending", s.NONE = "none", s))(Fe || {});
-const Cs = (s, t) => {
-  const n = w(null), e = w(!1), o = w(void 0), l = s.value.reduce((E, N) => (E[N.field] = null, E), {}), a = Ge(l), r = Ve(a);
+const vs = (s, t) => {
+  const n = S(null), e = S(!1), o = S(void 0), l = s.value.reduce((E, N) => (E[N.field] = null, E), {}), a = Ge(l), r = Ve(a);
   let d = 0, f = "";
   const p = C(
     () => Object.fromEntries(s.value.map(({ field: E, width: N, minWidth: b }) => [E, { width: N, minWidth: b }]))
@@ -102,7 +103,7 @@ const Cs = (s, t) => {
       field: f,
       width: o.value[f].width
     }), h = null, y = null, f = "", d = null;
-  }, S = (E, N, b) => {
+  }, w = (E, N, b) => {
     if (b.preventDefault(), E) {
       if (e.value = !0, b.buttons !== 1) {
         u();
@@ -119,11 +120,11 @@ const Cs = (s, t) => {
   ), {
     resizeData: o,
     allColumnRefs: r,
-    startResize: S,
+    startResize: w,
     isResizing: e,
     columnHoverEventToEmitAfterResizing: n
   };
-}, vs = 100, Ct = 50, oe = "b-actions-column", hs = 42, ps = 56, bs = 56, ws = 80, Ss = 36, Rs = 1, Ut = 16, As = 20, Es = (s, t, n) => {
+}, hs = 100, Ct = 50, oe = "b-actions-column", ps = 42, bs = 56, ws = 56, Ss = 80, Rs = 36, As = 1, Ut = 16, Es = 20, ys = (s, t, n) => {
   const e = {}, o = [], l = (r) => {
     const d = e[r];
     d && d.frozen !== !0 && (e[r].frozen = !0, o.push(r));
@@ -140,10 +141,10 @@ const Cs = (s, t) => {
       const R = n[h];
       if (e[R.field] && e[R.field].frozen === !0)
         continue;
-      let S = d / f * R.flex;
-      S < R.minWidth && (p += R.minWidth - S, S = R.minWidth, r.min[R.field] = !0), e[R.field] = {
+      let w = d / f * R.flex;
+      w < R.minWidth && (p += R.minWidth - w, w = R.minWidth, r.min[R.field] = !0), e[R.field] = {
         frozen: !1,
-        computedWidth: S,
+        computedWidth: w,
         flex: R.flex
       };
     }
@@ -155,13 +156,13 @@ const Cs = (s, t) => {
   }
   return a(), e;
 }, vt = (s, t) => {
-  let n = Rs;
+  let n = As;
   return t && (n += Ut * 2), s != null && s.offsetWidth ? s.offsetWidth + n : 0;
-}, ys = (s) => {
+}, Ls = (s) => {
   var t, n, e, o, l;
-  return (t = s == null ? void 0 : s.hasNestedContent) != null && t.value || (n = s == null ? void 0 : s.hasNestedRows) != null && n.value ? (e = s == null ? void 0 : s.hasSelectableColumn) != null && e.value ? (o = s == null ? void 0 : s.hasSelectableAcrossPages) != null && o.value ? ws : bs : Ss : (l = s == null ? void 0 : s.hasSelectableAcrossPages) != null && l.value ? ps : hs;
-}, Ls = (s, t, n, e, o, l) => {
-  const a = w(s.value), r = w(t), d = w(n), f = w(e), p = w(o), h = w(!1), y = w(0);
+  return (t = s == null ? void 0 : s.hasNestedContent) != null && t.value || (n = s == null ? void 0 : s.hasNestedRows) != null && n.value ? (e = s == null ? void 0 : s.hasSelectableColumn) != null && e.value ? (o = s == null ? void 0 : s.hasSelectableAcrossPages) != null && o.value ? Ss : ws : Rs : (l = s == null ? void 0 : s.hasSelectableAcrossPages) != null && l.value ? bs : ps;
+}, Ts = (s, t, n, e, o, l) => {
+  const a = S(s.value), r = S(t), d = S(n), f = S(e), p = S(o), h = S(!1), y = S(0);
   le(
     () => s.value,
     (i, g) => {
@@ -177,9 +178,9 @@ const Cs = (s, t) => {
       });
     }
   );
-  const R = w();
+  const R = S();
   let u = null;
-  const S = C(() => {
+  const w = C(() => {
     var q, G, V;
     const i = [];
     let g = 0, A = 0;
@@ -187,7 +188,7 @@ const Cs = (s, t) => {
     let P = a.value.filter((W) => W.visible !== !1);
     const x = a.value.filter((W) => W.visible === !1);
     if ((q = l == null ? void 0 : l.hasSelectableColumn) != null && q.value || (G = l == null ? void 0 : l.hasNestedContent) != null && G.value || (V = l == null ? void 0 : l.hasNestedRows) != null && V.value) {
-      const W = ys(l);
+      const W = Ls(l);
       P = [
         {
           field: oe,
@@ -204,13 +205,13 @@ const Cs = (s, t) => {
       const B = { ...W };
       let ne;
       B.flex && B.flex > 0 ? (g += B.flex, ne = 0, i.push(B)) : ne = Math.max(
-        (B == null ? void 0 : B.width) ?? vs,
+        (B == null ? void 0 : B.width) ?? hs,
         (B == null ? void 0 : B.minWidth) ?? Ct
       ), A += ne, B.width = ne, B.minWidth = (B == null ? void 0 : B.minWidth) ?? Ct, I[B.field] = B;
     }), A += y.value;
     const U = Math.max(R.value - A, 0);
     if (g > 0 && R.value > 0) {
-      const W = Es(U, g, i);
+      const W = ys(U, g, i);
       Object.keys(W).forEach((B) => {
         I[B].width = W[B].computedWidth;
       });
@@ -219,7 +220,7 @@ const Cs = (s, t) => {
       const B = { ...W };
       I[B.field] = B;
     }), Object.values(I);
-  }), E = w(void 0), N = (i) => {
+  }), E = S(void 0), N = (i) => {
     E.value = { ...E.value, ...i };
   }, b = async () => {
     a.value.some((i) => i == null ? void 0 : i.autoWidth) && (h.value = !0, await ee(), a == null || a.value.filter((i) => i == null ? void 0 : i.autoWidth).forEach(({ field: i, minWidth: g }) => {
@@ -242,7 +243,7 @@ const Cs = (s, t) => {
     a.value.some((i) => i == null ? void 0 : i.autoWidth) && await b();
   });
   const m = C(
-    () => S.value.map((i) => {
+    () => w.value.map((i) => {
       var g, A;
       return {
         ...i,
@@ -262,7 +263,7 @@ const Cs = (s, t) => {
   }));
   return Oe(() => {
     var g;
-    const i = l != null && l.isDataGridTemplate ? As : 0;
+    const i = l != null && l.isDataGridTemplate ? Es : 0;
     ee(() => {
       d.value && (R.value = d.value.getBoundingClientRect().width - i);
       const A = le(
@@ -294,8 +295,8 @@ const Cs = (s, t) => {
     totalWidthOfAllColumns: O,
     rowActionsMaxWidth: y
   };
-}, Ts = (s, t, n, e, o, l, a) => {
-  const r = w(s.value ?? []), d = Ge({
+}, Os = (s, t, n, e, o, l, a) => {
+  const r = S(s.value ?? []), d = Ge({
     allItemsSelected: !1,
     isIndeterminate: !1
   }), f = C(
@@ -326,7 +327,7 @@ const Cs = (s, t) => {
   ), u = C(() => {
     var i;
     return !(l != null && l.value) || ((i = a == null ? void 0 : a.value) == null ? void 0 : i.totalCount) === void 0 ? !1 : r.value.length >= a.value.totalCount && h.value;
-  }), S = () => {
+  }), w = () => {
     t(D.SELECT, r.value), t(D.UPDATE_SELECTION, r.value);
   }, E = (i) => {
     var g, A;
@@ -343,16 +344,16 @@ const Cs = (s, t) => {
       const g = ((I = (A = f.value) == null ? void 0 : A.filter(
         (P) => !o(P) && ((P == null ? void 0 : P.children) === void 0 || P.children.every((x) => !o(x)))
       )) == null ? void 0 : I.map((P) => e(P))) ?? [];
-      i ? (r.value = [.../* @__PURE__ */ new Set([...r.value, ...g])], d.isIndeterminate = !p.value) : (r.value = r.value.filter((P) => !g.includes(P)), d.isIndeterminate = !y.value), S();
+      i ? (r.value = [.../* @__PURE__ */ new Set([...r.value, ...g])], d.isIndeterminate = !p.value) : (r.value = r.value.filter((P) => !g.includes(P)), d.isIndeterminate = !y.value), w();
     });
   }, b = () => {
     ee(() => {
-      E([]), S();
+      E([]), w();
     });
   }, m = (i, g) => {
     ee(() => {
       var A;
-      E(((A = g == null ? void 0 : g.children) == null ? void 0 : A.length) > 0 ? O(i, g) : i), S();
+      E(((A = g == null ? void 0 : g.children) == null ? void 0 : A.length) > 0 ? O(i, g) : i), w();
     });
   }, O = (i, g) => {
     var P;
@@ -372,7 +373,7 @@ const Cs = (s, t) => {
         !i.includes(I) && ((P = g == null ? void 0 : g.children) != null && P.every((U) => i.includes(e(U)))) ? [...i, I] : i
       ) : E(
         i.includes(I) && !((x = g == null ? void 0 : g.children) != null && x.every((U) => i.includes(e(U)))) ? i.filter((U) => U !== I) : i
-      ), S();
+      ), w();
     });
   }, _ = C(() => u.value ? "all" : h.value ? "page" : !r.value || r.value.length === 0 ? "none" : R.value ? "unselected-page" : "single");
   return le(
@@ -390,7 +391,7 @@ const Cs = (s, t) => {
           return ((A = g == null ? void 0 : g.children) == null ? void 0 : A.length) > 0 ? g.children.map((I) => e(I)).filter((I) => !r.value.includes(I)) : [];
         }
       );
-      (i == null ? void 0 : i.length) > 0 ? (E([...r.value, ...i]), S()) : E(r.value);
+      (i == null ? void 0 : i.length) > 0 ? (E([...r.value, ...i]), w()) : E(r.value);
     }
   ), {
     onAllRowSelect: N,
@@ -401,7 +402,7 @@ const Cs = (s, t) => {
     selectedItems: r,
     selectionState: _
   };
-}, Os = (s, t, n) => ({ isSorting: (a) => s.value.some((r) => r.field === a), getSortingDirection: (a) => {
+}, Is = (s, t, n) => ({ isSorting: (a) => s.value.some((r) => r.field === a), getSortingDirection: (a) => {
   var r;
   return (r = s.value.find((d) => d.field === a)) == null ? void 0 : r.direction;
 }, sortByColumnField: (a) => {
@@ -415,7 +416,7 @@ const Cs = (s, t) => {
   n("sort", d);
 } });
 var se = ((s) => (s[s.ARROW_DOWN = j.ARROW_DOWN] = "ARROW_DOWN", s[s.ARROW_UP = j.ARROW_UP] = "ARROW_UP", s[s.ARROW_LEFT = j.ARROW_LEFT] = "ARROW_LEFT", s[s.ARROW_RIGHT = j.ARROW_RIGHT] = "ARROW_RIGHT", s[s.PAGE_UP = j.PAGE_UP] = "PAGE_UP", s[s.PAGE_DOWN = j.PAGE_DOWN] = "PAGE_DOWN", s[s.END = j.END] = "END", s[s.HOME = j.HOME] = "HOME", s))(se || {});
-const Ye = "b-row-actions-column", Is = (s, t, n, e, o, l) => {
+const Ye = "b-row-actions-column", Ns = (s, t, n, e, o, l) => {
   const a = C(() => l.value || e.value ? !0 : n.value.some((b) => b.infoIconTooltip || b.sortable)), r = C(() => {
     let b = n.value.filter(({ visible: m }) => m !== !1);
     return o.value && (b = [
@@ -465,7 +466,7 @@ const Ye = "b-row-actions-column", Is = (s, t, n, e, o, l) => {
   ].includes(b), u = (b, m, O) => {
     const F = f.value.indexOf(b);
     return R(m) ? h(F, m, O) : y(F, m);
-  }, S = (b, m, O) => {
+  }, w = (b, m, O) => {
     if (!f.value.includes(b))
       return;
     const F = u(b, m, O);
@@ -473,42 +474,42 @@ const Ye = "b-row-actions-column", Is = (s, t, n, e, o, l) => {
   }, E = (b) => b in se;
   return {
     isNavigationKeyCode: E,
-    focusOnNextGridcell: S,
+    focusOnNextGridcell: w,
     navigationInput: (b) => {
       const { ctrlKey: m, key: O, target: F } = b, _ = O;
       let i = F;
-      i.getAttribute("role") !== "menuitem" && (f.value.includes(i) || (i = F.closest('[role="gridcell"], [role="columnheader"]')), f.value.includes(i) && E(_) && S(i, _, m));
+      i.getAttribute("role") !== "menuitem" && (f.value.includes(i) || (i = F.closest('[role="gridcell"], [role="columnheader"]')), f.value.includes(i) && E(_) && w(i, _, m));
     }
   };
-}, Ns = 90, Ds = (s, t, n, e, o) => {
-  const l = w(s), a = w(t), r = w(n), d = w(e), f = C(() => l.value !== "none"), p = C(() => l.value === "automatic"), h = () => {
+}, Ds = 90, Fs = (s, t, n, e, o) => {
+  const l = S(s), a = S(t), r = S(n), d = S(e), f = C(() => l.value !== "none"), p = C(() => l.value === "automatic"), h = () => {
     o(D.UPDATE_SHOW_MORE);
   };
   return le(
     () => a.value,
     () => {
-      p.value && r.value.offsetHeight / a.value * 100 > Ns && !d.value && h();
+      p.value && r.value.offsetHeight / a.value * 100 > Ds && !d.value && h();
     }
   ), { isLazyLoad: f, isInfiniteScroll: p, verticalScrollPosition: a, emitLazyLoadEvent: h };
-}, Fs = (s, t, n) => {
-  const e = w(s), o = w(t), l = Ge({
+}, Ms = (s, t, n) => {
+  const e = S(s), o = S(t), l = Ge({
     dragging: null,
     dragToLeft: null,
     target: null
   }), a = (R, u = 0) => {
-    const S = e.value.findIndex((b) => b.field === R.field), E = S + u;
+    const w = e.value.findIndex((b) => b.field === R.field), E = w + u;
     if (E < 0 || E > e.value.length - 1)
       return;
     const N = [...e.value];
-    N.splice(E, 0, N.splice(S, 1)[0]), n(D.COLUMNS, N), n(D.UPDATE_COLUMNS, N);
+    N.splice(E, 0, N.splice(w, 1)[0]), n(D.COLUMNS, N), n(D.UPDATE_COLUMNS, N);
   }, r = (R, u) => {
     l.dragging = R, u.dataTransfer.setData("text", ""), u.dataTransfer.dropEffect = "move";
   }, d = (R, u) => {
     l.target = R;
-    const S = u.currentTarget.getBoundingClientRect(), E = S.left + S.width / 2, N = u.clientX ?? 0;
+    const w = u.currentTarget.getBoundingClientRect(), E = w.left + w.width / 2, N = u.clientX ?? 0;
     l.dragToLeft = N <= E;
   }, f = (R) => {
-    var u, S;
+    var u, w;
     if (((u = l.dragging) == null ? void 0 : u.field) !== R.field) {
       const E = e.value.findIndex((_) => {
         var i;
@@ -521,7 +522,7 @@ const Ye = "b-row-actions-column", Is = (s, t, n, e, o, l) => {
         O.splice(E, 1)[0]
       );
       const F = e.value.findIndex((_) => !(_ != null && _.frozen));
-      ((S = l.dragging) == null ? void 0 : S.frozen) !== R.frozen && b !== F && (O = O.map(
+      ((w = l.dragging) == null ? void 0 : w.frozen) !== R.frozen && b !== F && (O = O.map(
         (_) => {
           var i;
           return ((i = l.dragging) == null ? void 0 : i.field) === _.field ? { ..._, frozen: !!(R != null && R.frozen) } : _;
@@ -555,9 +556,9 @@ const Ye = "b-row-actions-column", Is = (s, t, n, e, o, l) => {
     draggingEventsForRowCell: y,
     onMoveColumnByOffset: a
   };
-}, Ms = (s, t, n) => {
-  const e = w(s), o = w(t.value), l = C(
-    () => [...e.value].sort((u, S) => u.frozen === S.frozen ? 0 : u.frozen ? -1 : 1)
+}, xs = (s, t, n) => {
+  const e = S(s), o = S(t.value), l = C(
+    () => [...e.value].sort((u, w) => u.frozen === w.frozen ? 0 : u.frozen ? -1 : 1)
   ), a = C(
     () => l.value.filter((u) => u.frozen && u.visible !== !1)
   ), r = C(
@@ -574,10 +575,10 @@ const Ye = "b-row-actions-column", Is = (s, t, n, e, o, l) => {
   }, y = (u) => {
     n(D.COLUMNS, u), n(D.UPDATE_COLUMNS, u);
   }, R = (u) => {
-    const S = l.value.map(
+    const w = l.value.map(
       (E) => (E == null ? void 0 : E.field) === u.field ? u : E
     );
-    y(S);
+    y(w);
   };
   return le(t, (u) => {
     o.value = u;
@@ -593,29 +594,29 @@ const Ye = "b-row-actions-column", Is = (s, t, n, e, o, l) => {
     onConfigSettingsCondensedUpdate: p,
     onConfigSettingsZebraRowsUpdate: h
   };
-}, xs = (s, t, n, e, o, l, a) => {
-  const r = w(0), d = w(!1), f = w(!1);
+}, Ps = (s, t, n, e, o, l, a) => {
+  const r = S(0), d = S(!1), f = S(!1);
   le([() => r.value, () => l.value], ([u]) => {
     s.value.scrollLeft = u, t.value.scrollLeft = u, d.value = !!u, f.value = t.value.scrollWidth - t.value.offsetWidth > u;
   }), Oe(async () => {
-    var u, S;
-    await ee(), ((u = t.value) == null ? void 0 : u.offsetWidth) < ((S = t.value) == null ? void 0 : S.scrollWidth) && (f.value = !0);
+    var u, w;
+    await ee(), ((u = t.value) == null ? void 0 : u.offsetWidth) < ((w = t.value) == null ? void 0 : w.scrollWidth) && (f.value = !0);
   });
   const p = (u) => {
     if (r.value = u.target.scrollLeft, n.value = s.value.scrollHeight - u.target.scrollTop, e != null && e.value) {
-      const S = u.target.scrollLeft;
-      e.value.scrollLeft !== S && (e.value.scrollLeft = S);
+      const w = u.target.scrollLeft;
+      e.value.scrollLeft !== w && (e.value.scrollLeft = w);
     }
   }, h = (u) => {
     u.key === "Tab" || u.key !== "ArrowRight" && u.key !== "ArrowLeft" || (u.preventDefault(), s.value.scrollLeft = 0, s.value.style.overflowX = "hidden", setTimeout(() => {
       s.value && (s.value.style.overflowX = "auto");
     }));
   }, y = (u) => {
-    const S = u.target.scrollLeft;
-    s.value.scrollLeft !== S && (s.value.scrollLeft = S);
+    const w = u.target.scrollLeft;
+    s.value.scrollLeft !== w && (s.value.scrollLeft = w);
   }, R = C(() => {
-    var u, S, E, N;
-    return (u = a == null ? void 0 : a.pagination) != null && u.value && ((S = a == null ? void 0 : a.stickyPagination) != null && S.value || a != null && a.isDataGridTemplate) && !((E = a == null ? void 0 : a.isLazyLoad) != null && E.value) ? { bottom: `${(((N = o.value) == null ? void 0 : N.clientHeight) ?? 0) + 1}px` } : {};
+    var u, w, E, N;
+    return (u = a == null ? void 0 : a.pagination) != null && u.value && ((w = a == null ? void 0 : a.stickyPagination) != null && w.value || a != null && a.isDataGridTemplate) && !((E = a == null ? void 0 : a.isLazyLoad) != null && E.value) ? { bottom: `${(((N = o.value) == null ? void 0 : N.clientHeight) ?? 0) + 1}px` } : {};
   });
   return {
     // Values
@@ -628,9 +629,9 @@ const Ye = "b-row-actions-column", Is = (s, t, n, e, o, l) => {
     updateScrollPositionOnFrozenColumnsNavigation: h,
     syncVirtualScrollerWithBody: y
   };
-}, Ps = (s, t, n, e) => {
-  const o = w(null), l = C(() => {
-    var S, E, N, b;
+}, zs = (s, t, n, e) => {
+  const o = S(null), l = C(() => {
+    var w, E, N, b;
     if (!o.value || o.value.field === oe)
       return {
         hoveredOverColumnField: "",
@@ -638,7 +639,7 @@ const Ye = "b-row-actions-column", Is = (s, t, n, e, o, l) => {
         noBorderLeft: !1,
         noBorderRight: !1
       };
-    const a = (E = (S = s.value.find((m) => m.isFrozenColumns)) == null ? void 0 : S.columnSet) == null ? void 0 : E.filter((m) => m.field !== oe), r = s.value.find((m) => !(m != null && m.isFrozenColumns)), d = o.value.frozen && (a == null ? void 0 : a[0].field) === o.value.field, f = !o.value.frozen && ((N = r == null ? void 0 : r.columnSet) == null ? void 0 : N[0].field) === o.value.field, p = (t.value || n.value) && d, h = (t.value || n.value) && !a && f, y = a && f, R = (a == null ? void 0 : a.length) > 0 && o.value.frozen && (a == null ? void 0 : a[a.length - 1].field) === o.value.field, u = n.value && e.value && !o.value.frozen && ((b = r == null ? void 0 : r.columnSet) == null ? void 0 : b[r.columnSet.length - 1].field) === o.value.field;
+    const a = (E = (w = s.value.find((m) => m.isFrozenColumns)) == null ? void 0 : w.columnSet) == null ? void 0 : E.filter((m) => m.field !== oe), r = s.value.find((m) => !(m != null && m.isFrozenColumns)), d = o.value.frozen && (a == null ? void 0 : a[0].field) === o.value.field, f = !o.value.frozen && ((N = r == null ? void 0 : r.columnSet) == null ? void 0 : N[0].field) === o.value.field, p = (t.value || n.value) && d, h = (t.value || n.value) && !a && f, y = a && f, R = (a == null ? void 0 : a.length) > 0 && o.value.frozen && (a == null ? void 0 : a[a.length - 1].field) === o.value.field, u = n.value && e.value && !o.value.frozen && ((b = r == null ? void 0 : r.columnSet) == null ? void 0 : b[r.columnSet.length - 1].field) === o.value.field;
     return {
       hoveredOverColumnField: o.value.field,
       isSeparatorOffset: u,
@@ -663,7 +664,7 @@ const Ye = "b-row-actions-column", Is = (s, t, n, e, o, l) => {
     return n.forEach((e) => e.node.setAttribute("tabindex", "-1")), n;
 }, Pe = (s) => {
   (s == null ? void 0 : s.length) > 0 && s.forEach((t) => t == null ? void 0 : t.node.setAttribute("tabindex", "0"));
-}, zs = (s) => {
+}, Bs = (s) => {
   var d;
   const t = window.getSelection();
   if (!t || !t.rangeCount)
@@ -710,95 +711,95 @@ const Ye = "b-row-actions-column", Is = (s, t, n, e, o, l) => {
   ]);
 };
 let ht = 0;
-const Bs = {
+const Us = {
   beforeCreate() {
     this.uuid = ht.toString(), ht += 1;
   }
 };
-var Us = function() {
+var ks = function() {
   var t = this, n = t._self._c;
   return n("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? n("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), n("g", { attrs: { fill: "#001222", "clip-path": "url(#uia-ui-assets/icons-16-arrow_up_down_sort__a" + t.uuid + ")" } }, [n("path", { attrs: { d: "M9.06077 4.00011L5.00011 -0.0605469L0.939453 4.00011L2.00011 5.06077L4.25 2.81089V10.75H5.75V2.81066L8.00011 5.06077L9.06077 4.00011Z" } }), n("path", { attrs: { d: "M10.25 13.1893L8.00011 10.9395L6.93945 12.0001L11.0001 16.0608L15.0608 12.0001L14.0001 10.9395L11.75 13.1896V5.25H10.25V13.1893Z" } })]), n("defs", [n("clipPath", { attrs: { id: "uia-ui-assets/icons-16-arrow_up_down_sort__a" + t.uuid } }, [n("rect", { attrs: { width: "16", height: "16", fill: "#fff" } })])])]);
-}, ks = [], $s = /* @__PURE__ */ J(
-  Bs,
+}, $s = [], Ws = /* @__PURE__ */ J(
   Us,
   ks,
+  $s,
   !1,
   null,
   null
 );
-const Ws = $s.exports;
+const Gs = Ws.exports;
 let pt = 0;
-const Gs = {
+const Vs = {
   beforeCreate() {
     this.uuid = pt.toString(), pt += 1;
   }
 };
-var Vs = function() {
+var Hs = function() {
   var t = this, n = t._self._c;
   return n("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? n("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), n("g", { attrs: { "clip-path": "url(#uia-ui-assets/icons-16-freeze__a" + t.uuid + ")" } }, [n("path", { attrs: { fill: "#001222", d: "M10.5605 14.5L9.94434 13.8838C9.6002 13.5397 9.18722 13.3072 8.75 13.1836V10.9336L10.1689 10.1162L11.6865 10.9941L12.1094 12.5605C12.1146 12.5821 12.1182 12.6044 12.124 12.626L12.1553 12.7441L12.3496 13.4688L13.7988 13.0801L13.6162 12.4004L13.6201 12.3984L13.5547 12.1592C13.4254 11.5178 13.8153 10.878 14.4561 10.7061L14.5742 10.6748L15.2988 10.4805L14.9102 9.03125L14.2295 9.21387L14.2285 9.20996L13.5049 9.40625L12.4346 9.69531L10.9199 8.81836V7.18262L12.8633 6.05762C13.1889 6.37496 13.597 6.61697 14.0674 6.74316L14.1855 6.77441L14.9102 6.96875L15.2988 5.52051L14.5742 5.32617L14.4561 5.29395C13.7894 5.11503 13.3935 4.4294 13.5723 3.7627L13.6045 3.64453L13.7988 2.91992L12.3496 2.53125L12.1553 3.25586L12.124 3.37402C11.9979 3.84406 12.0018 4.31824 12.1133 4.75879L10.1689 5.88477L8.75 5.06738V2.81738C9.18731 2.69384 9.60013 2.46036 9.94434 2.11621L10.5605 1.5L9.5 0.439453L8.88379 1.05566C8.39567 1.54362 7.60433 1.54362 7.11621 1.05566L6.5 0.439453L5.43945 1.5L6.05566 2.11621C6.39987 2.46036 6.81269 2.69384 7.25 2.81738V5.06738L5.83105 5.88477L3.88574 4.75879C3.99724 4.31819 4.00207 3.84412 3.87598 3.37402L3.84473 3.25586L3.65039 2.53125L2.20117 2.91992L2.39551 3.64453L2.42773 3.7627C2.60651 4.42942 2.21066 5.11507 1.54395 5.29395L1.42578 5.32617L0.701172 5.52051L1.08984 6.96875L1.81445 6.77441L1.93262 6.74316C2.40275 6.61703 2.81018 6.37474 3.13574 6.05762L5.08008 7.18262V8.81836L3.13574 9.94336C2.81015 9.62622 2.40287 9.38399 1.93262 9.25781L1.81445 9.22559L1.08984 9.03125L0.701172 10.4805L1.42578 10.6748L1.54395 10.7061C2.2106 10.8849 2.60644 11.5706 2.42773 12.2373L2.39551 12.3555L2.20117 13.0801L3.65039 13.4688L3.84473 12.7441L3.87598 12.626C4.00207 12.1559 3.99723 11.6817 3.88574 11.2412L5.83105 10.1162L7.25 10.9336V13.1836C6.81278 13.3072 6.3998 13.5397 6.05566 13.8838L5.43945 14.5L6.5 15.5605L7.11621 14.9443C7.60433 14.4564 8.39567 14.4564 8.88379 14.9443L9.5 15.5605L10.5605 14.5ZM6.58008 8.81641V7.18262L8 6.36426L9.41992 7.18262V8.81641L8 9.63477L6.58008 8.81641Z" } })]), n("defs", [n("clipPath", { attrs: { id: "uia-ui-assets/icons-16-freeze__a" + t.uuid } }, [n("rect", { attrs: { width: "16", height: "16", fill: "#fff", transform: "matrix(1 0 0 -1 0 16)" } })])])]);
-}, Hs = [], Zs = /* @__PURE__ */ J(
-  Gs,
+}, Zs = [], js = /* @__PURE__ */ J(
   Vs,
   Hs,
+  Zs,
   !1,
   null,
   null
 );
-const kt = Zs.exports;
+const kt = js.exports;
 let bt = 0;
-const js = {
+const qs = {
   beforeCreate() {
     this.uuid = bt.toString(), bt += 1;
   }
 };
-var qs = function() {
+var Ks = function() {
   var t = this, n = t._self._c;
   return n("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? n("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), n("g", { attrs: { fill: "#001222", "clip-path": "url(#uia-ui-assets/icons-16-sort_ascending__a" + t.uuid + ")" } }, [n("path", { attrs: { d: "M12.0001 1.93945L16.0608 6.00011L15.0001 7.06077L12.75 4.81066V12.75H11.25V4.81089L9.00011 7.06077L7.93945 6.00011L12.0001 1.93945Z" } }), n("path", { attrs: { d: "M6.75 7.25H1.25V8.75H6.75V7.25Z" } }), n("path", { attrs: { d: "M1.25 11.25H8.75V12.75H1.25V11.25Z" } }), n("path", { attrs: { d: "M6.75 3.25H1.25V4.75H6.75V3.25Z" } })]), n("defs", [n("clipPath", { attrs: { id: "uia-ui-assets/icons-16-sort_ascending__a" + t.uuid } }, [n("rect", { attrs: { width: "16", height: "16", fill: "#fff" } })])])]);
-}, Ks = [], Ys = /* @__PURE__ */ J(
-  js,
+}, Ys = [], Xs = /* @__PURE__ */ J(
   qs,
   Ks,
+  Ys,
   !1,
   null,
   null
 );
-const Xs = Ys.exports;
+const Js = Xs.exports;
 let wt = 0;
-const Js = {
+const Qs = {
   beforeCreate() {
     this.uuid = wt.toString(), wt += 1;
   }
 };
-var Qs = function() {
+var eo = function() {
   var t = this, n = t._self._c;
   return n("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? n("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), n("g", { attrs: { fill: "#001222", "clip-path": "url(#uia-ui-assets/icons-16-sort_descending__a" + t.uuid + ")" } }, [n("path", { attrs: { d: "M12.75 3.25V11.1896L15.0001 8.93945L16.0608 10.0001L12.0001 14.0608L7.93945 10.0001L9.00011 8.93945L11.25 11.1893V3.25H12.75Z" } }), n("path", { attrs: { d: "M6.75 7.25H1.25V8.75H6.75V7.25Z" } }), n("path", { attrs: { d: "M1.25 3.25H9.09V4.75H1.25V3.25Z" } }), n("path", { attrs: { d: "M6.75 11.25H1.25V12.75H6.75V11.25Z" } })]), n("defs", [n("clipPath", { attrs: { id: "uia-ui-assets/icons-16-sort_descending__a" + t.uuid } }, [n("rect", { attrs: { width: "16", height: "16", fill: "#fff" } })])])]);
-}, eo = [], to = /* @__PURE__ */ J(
-  Js,
+}, to = [], no = /* @__PURE__ */ J(
   Qs,
   eo,
+  to,
   !1,
   null,
   null
 );
-const no = to.exports;
+const so = no.exports;
 let St = 0;
-const so = {
+const oo = {
   beforeCreate() {
     this.uuid = St.toString(), St += 1;
   }
 };
-var oo = function() {
+var lo = function() {
   var t = this, n = t._self._c;
   return n("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? n("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), n("path", { attrs: { fill: "#001222", d: "M8 11.25L12.5 5.25H3.5L8 11.25Z" } })]);
-}, lo = [], ao = /* @__PURE__ */ J(
-  so,
+}, ao = [], io = /* @__PURE__ */ J(
   oo,
   lo,
+  ao,
   !1,
   null,
   null
 );
-const io = ao.exports, ro = {
+const ro = io.exports, co = {
   "de-DE": {
     columnActions: "{name}-Spaltenaktionen",
     deselectAll: "Alle abwählen",
@@ -1009,11 +1010,11 @@ const io = ao.exports, ro = {
     sortColumnInDescendingOrder: "按降序排序 {name} 列",
     unfreezeColumn: "取消冻结列"
   }
-}, $t = /* @__PURE__ */ Symbol("data-grid slashed zero key"), Ie = /* @__PURE__ */ Symbol("data-grid small container key"), ze = /* @__PURE__ */ Symbol("data-grid touch device key"), co = {
-  i18n: { messages: ro },
+}, $t = /* @__PURE__ */ Symbol("data-grid slashed zero key"), Ie = /* @__PURE__ */ Symbol("data-grid small container key"), ze = /* @__PURE__ */ Symbol("data-grid touch device key"), uo = {
+  i18n: { messages: co },
   name: "data-grid-columns"
-}, uo = /* @__PURE__ */ re({
-  ...co,
+}, fo = /* @__PURE__ */ re({
+  ...uo,
   props: {
     /**
      * Column definitions using 'key' to relate to data object.
@@ -1160,9 +1161,9 @@ const io = ao.exports, ro = {
   },
   emits: ["sort", "column-hover"],
   setup(s, { expose: t, emit: n }) {
-    const e = s, o = 100, { t: l } = Ce(), { columns: a, sortBy: r } = Ve(e), d = w(), f = w({}), p = w({}), h = w(), y = w(), R = C(
+    const e = s, o = 100, { t: l } = _e(), { columns: a, sortBy: r } = Ve(e), d = S(), f = S({}), p = S({}), h = S(), y = S(), R = C(
       () => e.columns.some((c) => c.sortable || e.hasColumnPanel || c.infoIconTooltip)
-    ), u = (c) => n(X.SELECT_ALL_ROWS, c), S = (c) => c.field === oe, E = C(() => e.selectionState === "all"), N = C(
+    ), u = (c) => n(X.SELECT_ALL_ROWS, c), w = (c) => c.field === oe, E = C(() => e.selectionState === "all"), N = C(
       () => {
         var c, z, K;
         return [
@@ -1201,7 +1202,7 @@ const io = ao.exports, ro = {
           }
         ].filter(Boolean);
       }
-    ), { startResize: b, isResizing: m, columnHoverEventToEmitAfterResizing: O } = Cs(a, n), { isSorting: F, getSortingDirection: _, sortByColumnField: i } = Os(r, a, n), g = (c) => {
+    ), { startResize: b, isResizing: m, columnHoverEventToEmitAfterResizing: O } = vs(a, n), { isSorting: F, getSortingDirection: _, sortByColumnField: i } = Is(r, a, n), g = (c) => {
       var te;
       if (!c.sortable)
         return null;
@@ -1231,13 +1232,13 @@ const io = ao.exports, ro = {
         {
           text: l("moveColumnLeft"),
           handler: () => n(X.COLUMN_MOVE, c, -1),
-          icon: rs,
+          icon: cs,
           disabled: e.columns[0].field === c.field
         },
         {
           text: l("moveColumnRight"),
           handler: () => n(X.COLUMN_MOVE, c, 1),
-          icon: cs,
+          icon: ds,
           disabled: e.columns[e.columns.length - 1].field === c.field
         },
         !V.value && {
@@ -1253,7 +1254,7 @@ const io = ao.exports, ro = {
               visible: (c == null ? void 0 : c.visible) === !1
             });
           },
-          icon: (c == null ? void 0 : c.visible) !== !1 ? ds : us,
+          icon: (c == null ? void 0 : c.visible) !== !1 ? us : fs,
           disabled: (c == null ? void 0 : c.mandatory) || (c == null ? void 0 : c.visible) !== !1 && e.isOnlyOneVisibleColumn
         }
       ].filter(Boolean)
@@ -1273,14 +1274,14 @@ const io = ao.exports, ro = {
           x(c), m.value ? O.value = null : n("column-hover", null);
         },
         focus: () => {
-          P(c), S(c) && xe(f.value[c.field]);
+          P(c), w(c) && xe(f.value[c.field]);
         },
         focusout: (K) => {
           var te;
           (te = d.value) != null && te.contains(K == null ? void 0 : K.relatedTarget) || x(c);
         }
       };
-      return S(c) || (z = {
+      return w(c) || (z = {
         ...z,
         ...A.value(c)
       }), z;
@@ -1290,7 +1291,7 @@ const io = ao.exports, ro = {
     }, V = ge(
       Ie,
       C(() => !1)
-    ), W = ge(ze, w(!1)), B = C(() => {
+    ), W = ge(ze, S(!1)), B = C(() => {
       var z;
       const c = {
         "b-data-grid-columns--is-measuring": e.isMeasuringColumnWidths
@@ -1306,7 +1307,7 @@ const io = ao.exports, ro = {
       };
     }), ne = C(() => ({
       "b-data-grid-columns__select-column--all": e.selectableAcrossPages
-    })), me = (c, z) => c && z === 0 ? ft.BOTTOM_START : ft.BOTTOM_END, ve = (c, z) => {
+    })), me = (c, z) => c && z === 0 ? ft.BOTTOM_START : ft.BOTTOM_END, Ce = (c, z) => {
       var K, te, ie, Te, be, we, Se, Re, v, T;
       return {
         "b-data-grid-columns__column--column-hovered": c.field === e.hoveredOverColumnState.hoveredOverColumnField,
@@ -1324,7 +1325,7 @@ const io = ao.exports, ro = {
         "b-data-grid-columns__column--with-sorting-or-column-panel": c.sortable || c.infoIconTooltip || e.hasColumnPanel || e.selectableAcrossPages,
         "b-data-grid-columns--small-container": V.value
       };
-    }, _e = (c) => ({
+    }, ve = (c) => ({
       "b-data-grid-columns__column-header-and-actions--numeric": c == null ? void 0 : c.numeric
     }), de = (c) => ({
       "b-data-grid-columns__column-actions--numeric": c == null ? void 0 : c.numeric
@@ -1338,10 +1339,10 @@ const io = ao.exports, ro = {
     });
     return t({
       columnHeaderRefs: f
-    }), { __sfc: !0, props: e, emit: n, CLOSING_CONTEXTUAL_MENU_DELAY_MS: o, t: l, columns: a, sortBy: r, allColumnsRef: d, columnHeaderRefs: f, contextMenuRef: p, hoveredColumnField: h, closingTimeOutId: y, areAnyColumnsFocusable: R, onAllRowSelect: u, isActionsColumn: S, isAllSelectionState: E, selectAllMenu: N, startResize: b, isResizing: m, columnHoverEventToEmitAfterResizing: O, isSorting: F, getSortingDirection: _, sortByColumnField: i, getSortingColumnDirection: g, draggingEventsForColumn: A, contextualMenuData: I, showContextualMenu: P, hideContextualMenu: x, dataGridColumnEvents: U, hasColumnActions: q, registerColumnsRefs: G, isSmallContainer: V, isTouchDevice: W, conditionalColumnsClasses: B, conditionalSelectColumnClasses: ne, computeMenuPosition: me, conditionalColumnClasses: ve, conditionalColumnHeaderAndActionsClasses: _e, conditionalColumnActionsClasses: de, conditionalColumnSeparatorClasses: L, conditionalColumnHeaderClasses: $, conditionalColumnMenuClasses: H, BentoCheckbox: xt, BentoDatagridSortDirection: ye, BentoTypography: Le, DATAGRID_ROW_ACTIONS_COLUMN_FIELD_NAME: Ye, BentoInfoIcon: as, DatagridColumnsEvent: X, BentoMenu: zt, BentoToggleButton: Ke, DecorativeCheckbox: is, ArrowUpAndDownSortIcon: Ws, SortAscendingIcon: Xs, SortDescendingIcon: no, TriangleDown: io };
+    }), { __sfc: !0, props: e, emit: n, CLOSING_CONTEXTUAL_MENU_DELAY_MS: o, t: l, columns: a, sortBy: r, allColumnsRef: d, columnHeaderRefs: f, contextMenuRef: p, hoveredColumnField: h, closingTimeOutId: y, areAnyColumnsFocusable: R, onAllRowSelect: u, isActionsColumn: w, isAllSelectionState: E, selectAllMenu: N, startResize: b, isResizing: m, columnHoverEventToEmitAfterResizing: O, isSorting: F, getSortingDirection: _, sortByColumnField: i, getSortingColumnDirection: g, draggingEventsForColumn: A, contextualMenuData: I, showContextualMenu: P, hideContextualMenu: x, dataGridColumnEvents: U, hasColumnActions: q, registerColumnsRefs: G, isSmallContainer: V, isTouchDevice: W, conditionalColumnsClasses: B, conditionalSelectColumnClasses: ne, computeMenuPosition: me, conditionalColumnClasses: Ce, conditionalColumnHeaderAndActionsClasses: ve, conditionalColumnActionsClasses: de, conditionalColumnSeparatorClasses: L, conditionalColumnHeaderClasses: $, conditionalColumnMenuClasses: H, BentoCheckbox: xt, BentoDatagridSortDirection: ye, BentoTypography: Le, DATAGRID_ROW_ACTIONS_COLUMN_FIELD_NAME: Ye, BentoInfoIcon: is, DatagridColumnsEvent: X, BentoMenu: zt, BentoToggleButton: Ke, DecorativeCheckbox: rs, ArrowUpAndDownSortIcon: Gs, SortAscendingIcon: Js, SortDescendingIcon: so, TriangleDown: ro };
   }
 });
-var fo = function() {
+var go = function() {
   var t = this, n = t._self._c, e = t._self._setupProxy;
   return n("div", { ref: "allColumnsRef", staticClass: "b-data-grid-columns", class: e.conditionalColumnsClasses, attrs: { "data-testid": "data-grid-columns" } }, [t._l(e.columns, function(o, l) {
     return n("div", t._g({ key: o.field, ref: (a) => e.registerColumnsRefs(a, o.field), refInFor: !0, staticClass: "b-data-grid-columns__column", class: e.conditionalColumnClasses(o, l), style: { width: o.autoWidth && t.isMeasuringColumnWidths ? "auto" : `${o.width}px` }, attrs: { "aria-colindex": l + 1, "aria-label": o.label, "aria-sort": e.getSortingColumnDirection(o), "data-testid": `${o.field}-column-header`, draggable: t.hasDraggableColumns && !e.isResizing && !e.isActionsColumn(o), role: "columnheader", tabindex: o.sortable || t.hasColumnPanel || o.infoIconTooltip ? "0" : "-1" } }, e.dataGridColumnEvents(o)), [e.isActionsColumn(o) && t.selectable ? n("div", { staticClass: "b-data-grid-columns__select-column", class: e.conditionalSelectColumnClasses }, [t.selectableAcrossPages ? t._e() : n(e.BentoCheckbox, { attrs: { "aria-label": e.t("selectAll"), "model-value": t.allItemsSelectedState.allItemsSelected, "data-testid": "checkbox-select-all", indeterminate: t.allItemsSelectedState.isIndeterminate, value: "data-grid-select-all" }, on: { "update:model-value": e.onAllRowSelect } }), t.selectableAcrossPages ? [n(e.BentoMenu, { staticClass: "b-data-grid-columns__select-column-menu", attrs: { button: { variant: "tertiary", condensed: !0, "aria-label": e.t("selectAllMenu") }, data: e.selectAllMenu, "disable-arrow-down-opening-menu": "", "menu-fixed-positioning": "", "menu-position": "bottom-start" }, scopedSlots: t._u([{ key: "iconLeft", fn: function() {
@@ -1362,34 +1363,34 @@ var fo = function() {
       a.stopPropagation();
     } } }, [!t.isFrozenColumns || t.isFrozenColumns && l !== e.columns.length - 1 ? n("div", { staticClass: "b-data-grid-columns__column-separator" }) : t._e()])]], 2);
   }), t.rowActionsMaximumWidth && !t.isFrozenColumns ? [n("div", { staticClass: "b-data-grid-columns__row-actions-filler", attrs: { role: "presentation" } }), n("div", { ref: (o) => e.registerColumnsRefs(o, e.DATAGRID_ROW_ACTIONS_COLUMN_FIELD_NAME), staticClass: "b-data-grid-columns__column", style: { minWidth: `${t.rowActionsMaximumWidth}px` }, attrs: { "aria-label": e.t("rowActionsColumn"), "aria-colindex": e.columns.length + 1, role: "columnheader", tabindex: e.areAnyColumnsFocusable ? "0" : "-1" } })] : t._e()], 2);
-}, go = [], mo = /* @__PURE__ */ J(
-  uo,
+}, mo = [], _o = /* @__PURE__ */ J(
   fo,
   go,
+  mo,
   !1,
   null,
   "6c78a96a"
 );
-const _o = mo.exports;
+const Co = _o.exports;
 var ue = /* @__PURE__ */ ((s) => (s.UPDATE_CONDENSED = "update:condensed", s.UPDATE_COLUMNS = "update:columns", s.UPDATE_ZEBRA_ROWS = "update:zebra-rows", s))(ue || {});
 let Rt = 0;
-const Co = {
+const vo = {
   beforeCreate() {
     this.uuid = Rt.toString(), Rt += 1;
   }
 };
-var vo = function() {
+var ho = function() {
   var t = this, n = t._self._c;
   return n("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? n("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), n("g", { attrs: { fill: "#001222", "clip-path": "url(#uia-ui-assets/icons-16-settings__a" + t.uuid + ")" } }, [n("path", { attrs: { d: "M8 5.25C6.48122 5.25 5.25 6.48122 5.25 8C5.25 9.51878 6.48122 10.75 8 10.75C9.51878 10.75 10.75 9.51878 10.75 8C10.75 6.48122 9.51878 5.25 8 5.25ZM6.75 8C6.75 7.30964 7.30964 6.75 8 6.75C8.69036 6.75 9.25 7.30964 9.25 8C9.25 8.69036 8.69036 9.25 8 9.25C7.30964 9.25 6.75 8.69036 6.75 8Z" } }), n("path", { attrs: { d: "M6.84701 0.973015L6.59985 0.35083L5.9537 0.526056C4.64534 0.880867 3.48225 1.56808 2.55285 2.48641L2.07533 2.95826L2.49158 3.48495C2.79648 3.87074 2.85279 4.419 2.58992 4.87589C2.32905 5.32931 1.82436 5.55631 1.33473 5.48726L0.677319 5.39455L0.505539 6.03586C0.33838 6.65992 0.25 7.32519 0.25 7.99991C0.25 8.67463 0.33838 9.3399 0.505539 9.96396L0.677319 10.6053L1.33473 10.5126C1.82436 10.4435 2.32905 10.6705 2.58992 11.1239C2.85279 11.5808 2.79648 12.1291 2.49158 12.5149L2.07533 13.0416L2.55285 13.5134C3.48225 14.4317 4.64534 15.119 5.9537 15.4738L6.59985 15.649L6.84701 15.0268C7.02659 14.5748 7.47549 14.2499 8 14.2499C8.52452 14.2499 8.97341 14.5748 9.15299 15.0268L9.40016 15.649L10.0463 15.4738C11.3547 15.119 12.5177 14.4317 13.4471 13.5134L13.9247 13.0416L13.5084 12.5149C13.2035 12.1291 13.1472 11.5808 13.4101 11.1239C13.671 10.6705 14.1756 10.4435 14.6653 10.5126L15.3227 10.6053L15.4945 9.96396C15.6616 9.3399 15.75 8.67463 15.75 7.99991C15.75 7.32519 15.6616 6.65992 15.4945 6.03586L15.3227 5.39455L14.6653 5.48726C14.1756 5.55631 13.671 5.32931 13.4101 4.87589C13.1472 4.419 13.2035 3.87074 13.5084 3.48495L13.9247 2.95826L13.4471 2.48641C12.5177 1.56808 11.3547 0.880867 10.0463 0.526056L9.40016 0.35083L9.15299 0.973015C8.97341 1.42506 8.52452 1.74991 8 1.74991C7.47549 1.74991 7.02659 1.42506 6.84701 0.973015ZM3.89008 5.62393C4.33946 4.84286 4.36394 3.9353 4.03405 3.16853C4.55803 2.73795 5.15349 2.39116 5.80146 2.14902C6.30062 2.81653 7.10051 3.24991 8 3.24991C8.89949 3.24991 9.69938 2.81653 10.1985 2.14902C10.8465 2.39116 11.442 2.73795 11.966 3.16853C11.6361 3.9353 11.6605 4.84287 12.1099 5.62393C12.5612 6.40839 13.3382 6.88092 14.1658 6.97982C14.221 7.31075 14.25 7.65319 14.25 7.99991C14.25 8.34663 14.221 8.68908 14.1658 9.02001C13.3382 9.11891 12.5612 9.59143 12.1099 10.3759C11.6605 11.157 11.6361 12.0645 11.9659 12.8313C11.442 13.2619 10.8465 13.6087 10.1985 13.8508C9.69938 13.1833 8.89949 12.7499 8 12.7499C7.10051 12.7499 6.30062 13.1833 5.80146 13.8508C5.15349 13.6087 4.55803 13.2619 4.03405 12.8313C4.36394 12.0645 4.33946 11.157 3.89008 10.3759C3.43875 9.59143 2.66177 9.1189 1.8342 9.02C1.77896 8.68908 1.75 8.34663 1.75 7.99991C1.75 7.65319 1.77896 7.31074 1.8342 6.97982C2.66177 6.88092 3.43875 6.40839 3.89008 5.62393Z" } })]), n("defs", [n("clipPath", { attrs: { id: "uia-ui-assets/icons-16-settings__a" + t.uuid } }, [n("rect", { attrs: { width: "16", height: "16", fill: "#fff" } })])])]);
-}, ho = [], po = /* @__PURE__ */ J(
-  Co,
+}, po = [], bo = /* @__PURE__ */ J(
   vo,
   ho,
+  po,
   !1,
   null,
   null
 );
-const bo = po.exports, wo = {
+const wo = bo.exports, So = {
   "de-DE": {
     toggleColumnFreeze: "{label} Spaltenfixierung umschalten",
     toggleColumnVisibility: "Sichtbarkeit der Spalte {label} umschalten"
@@ -1430,8 +1431,8 @@ const bo = po.exports, wo = {
     toggleColumnFreeze: "切换 {label} 列冻结",
     toggleColumnVisibility: "切换 {label} 列的可见性"
   }
-}, So = re({
-  i18n: { messages: wo },
+}, Ro = re({
+  i18n: { messages: So },
   name: "bento-data-grid",
   components: {
     BentoFreezeIcon: kt,
@@ -1455,7 +1456,7 @@ const bo = po.exports, wo = {
   },
   emits: ["visible-column", "updated-column"],
   setup(s, { emit: t }) {
-    const { t: n } = Ce(), e = w(!1), o = C(() => {
+    const { t: n } = _e(), e = S(!1), o = C(() => {
       var y;
       return (y = s.column) == null ? void 0 : y.frozen;
     }), l = C(() => {
@@ -1492,20 +1493,20 @@ const bo = po.exports, wo = {
     };
   }
 });
-var Ro = function() {
+var Ao = function() {
   var t = this, n = t._self._c;
   return t._self._setupProxy, n("div", { staticClass: "b-data-grid-config-settings-column-row", on: { mouseover: t.showFreezeIcon, mouseleave: t.hideFreezeIcon } }, [n("bento-toggle", { attrs: { "aria-label": t.t("toggleColumnVisibility", { label: t.column.label }), disabled: t.isColumnVisibilityToggleDisabled, "label-position": "after", value: t.isColumnVisible }, on: { input: t.toggleColumnVisibility } }, [t._v(" " + t._s(t.column.label) + " ")]), n("bento-freeze-icon", { directives: [{ name: "show", rawName: "v-show", value: (t.isColumnFrozen || t.isFreezeIconOptionShown) && !t.isSmallContainer, expression: "(isColumnFrozen || isFreezeIconOptionShown) && !isSmallContainer" }], staticClass: "b-data-grid-config-settings-column-row__freeze-icon", class: t.freezeIconConditionalClasses, attrs: { "aria-label": t.t("toggleColumnFreeze", { label: t.column.label }) }, nativeOn: { click: function(e) {
     return t.toggleColumnFreeze.apply(null, arguments);
   } } })], 1);
-}, Ao = [], Eo = /* @__PURE__ */ J(
-  So,
+}, Eo = [], yo = /* @__PURE__ */ J(
   Ro,
   Ao,
+  Eo,
   !1,
   null,
   "b49cbd8d"
 );
-const yo = Eo.exports, Lo = {
+const Lo = yo.exports, To = {
   "de-DE": {
     appearance: "Erscheinungsbild",
     closeConfigSettingsPanel: "Konfigurations-Einstellungen-Panel schließen",
@@ -1676,22 +1677,22 @@ const yo = Eo.exports, Lo = {
     zebraRows: "斑马条纹行",
     zebraRowsToggle: "斑马条纹行切换"
   }
-}, To = re({
-  i18n: { messages: Lo },
+}, Oo = re({
+  i18n: { messages: To },
   name: "bento-data-grid",
   components: {
     BentoButton: Pt,
     BentoCrossIcon: Nt,
-    BentoPopover: Qn,
-    BentoSettingsIcon: bo,
+    BentoPopover: es,
+    BentoSettingsIcon: wo,
     BentoToggleButton: Ke,
-    BentoDataGridConfigSettingsConfigRow: yo,
-    BentoSearchBar: fs,
-    BentoSearchIcon: ms,
+    BentoDataGridConfigSettingsConfigRow: Lo,
+    BentoSearchBar: gs,
+    BentoSearchIcon: _s,
     BentoToggle: Bt,
     BentoTypography: Le
   },
-  directives: { BentoClickOutsideDirective: _s },
+  directives: { BentoClickOutsideDirective: Cs },
   props: {
     /**
      * Column definitions
@@ -1721,11 +1722,11 @@ const yo = Eo.exports, Lo = {
     ue.UPDATE_ZEBRA_ROWS
   ],
   setup(s, { emit: t }) {
-    const { t: n } = Ce(), e = w(null), o = Me("data-grid-config-settings-popover"), l = w(null), a = w(!1), r = w(!0), d = w(null), f = w(""), p = $e(s, "columns"), h = w(!1), y = gs(f, p), R = () => {
+    const { t: n } = _e(), e = S(null), o = Me("data-grid-config-settings-popover"), l = S(null), a = S(!1), r = S(!0), d = S(null), f = S(""), p = $e(s, "columns"), h = S(!1), y = ms(f, p), R = () => {
       f.value = "";
     }, u = C(
       () => !s.columns.some((g) => g.visible === !1 && !g.mandatory)
-    ), S = () => {
+    ), w = () => {
       R(), h.value = !h.value, h.value ? ee(() => {
         var g;
         return (g = l.value.$refs.bentoInputField) == null ? void 0 : g.focusInput();
@@ -1773,7 +1774,7 @@ const yo = Eo.exports, Lo = {
       emitCondensedToggle: (g) => t(ue.UPDATE_CONDENSED, g),
       toggleAllColumnVisibility: b,
       clearAction: R,
-      toggleColumnFilter: S,
+      toggleColumnFilter: w,
       emitVisibleColumns: N,
       emitFrozenColumns: m,
       onClickOutside: () => O(!1),
@@ -1784,7 +1785,7 @@ const yo = Eo.exports, Lo = {
     };
   }
 });
-var Oo = function() {
+var Io = function() {
   var t = this, n = t._self._c;
   return t._self._setupProxy, n("div", { directives: [{ name: "bento-click-outside-directive", rawName: "v-bento-click-outside-directive", value: t.onClickOutside, expression: "onClickOutside" }], staticClass: "b-data-grid-config-settings" }, [n("div", { staticClass: "b-data-grid-config-settings__button-and-separator" }, [n("div", { ref: "configSettingsButtonRef", staticClass: "b-data-grid-config-settings__button-container" }, [n("bento-toggle-button", { attrs: { "aria-controls": t.isConfigSettingsPanelOpen ? t.popoverId : null, variant: "tertiary", condensed: "", toggled: t.isConfigSettingsPanelOpen }, on: { click: function(e) {
     return t.setConfigSettingsPanelVisibility(!t.isConfigSettingsPanelOpen);
@@ -1803,15 +1804,15 @@ var Oo = function() {
   }, clear: t.clearAction, "escape-pressed": t.toggleColumnFilter } })], 1) : n("div", { staticClass: "b-data-grid-config-settings__column-visibility-show-all" }, [n("bento-toggle", { attrs: { "label-position": "after", value: t.allColumnsVisbilityToggleState }, on: { input: t.toggleAllColumnVisibility } }, [t._v(" " + t._s(t.t("showAllColumns", { numberOfColumns: t.columns.length })) + " ")])], 1), n("div", { staticClass: "b-data-grid-config-settings__column-visibility-toggles" }, [t._l(t.filteredColumnVisibilityColumns, function(e) {
     return n("div", { key: e.field }, [e.field !== t.DATAGRID_ACTIONS_COLUMN_FIELD_NAME ? n("bento-data-grid-config-settings-config-row", { attrs: { column: e, "is-column-visibility-toggle-disabled": t.isColumnVisibilityToggleDisabled(e) }, on: { "visible-column": t.emitVisibleColumns, "updated-column": t.emitFrozenColumns } }) : t._e()], 1);
   }), t.filteredColumnVisibilityColumns.length === 0 ? n("bento-typography", { staticClass: "b-data-grid-config-settings__column-visibility-empty-search-message", attrs: { el: "span" } }, [t._v(" " + t._s(t.t("noColumnsMatch")) + " ")]) : t._e()], 2)])]) : t._e()], 1);
-}, Io = [], No = /* @__PURE__ */ J(
-  To,
+}, No = [], Do = /* @__PURE__ */ J(
   Oo,
   Io,
+  No,
   !1,
   null,
   "0e477266"
 );
-const Do = No.exports, Wt = {
+const Fo = Do.exports, Wt = {
   "de-DE": {
     filterBar: "Filter",
     gettingYourData: "Ihre Daten werden abgerufen",
@@ -1932,38 +1933,38 @@ const Do = No.exports, Wt = {
     sortDescending: "{field} 降序排序",
     sortInactive: "{field} 排序未激活"
   }
-}, Fo = {
+}, Mo = {
   i18n: { messages: Wt }
-}, Mo = /* @__PURE__ */ re({
-  ...Fo,
+}, xo = /* @__PURE__ */ re({
+  ...Mo,
   __name: "data-grid-lazy-load",
   props: {
     loading: { type: Boolean },
     isInfiniteScroll: { type: Boolean }
   },
   setup(s) {
-    const { t } = Ce();
-    return { __sfc: !0, t, BentoLoadingButton: ts, BentoLoadingButtonState: es, BentoLoadingIndicator: Ze, BentoDatagridEvent: D };
+    const { t } = _e();
+    return { __sfc: !0, t, BentoLoadingButton: ns, BentoLoadingButtonState: ts, BentoLoadingIndicator: Ze, BentoDatagridEvent: D };
   }
 });
-var xo = function() {
+var Po = function() {
   var t = this, n = t._self._c, e = t._self._setupProxy;
   return n("div", { staticClass: "b-data-grid-lazy-load" }, [t.loading && t.isInfiniteScroll ? n(e.BentoLoadingIndicator) : t._e(), t.loading && !t.isInfiniteScroll ? n(e.BentoLoadingButton, { attrs: { variant: "secondary", state: e.BentoLoadingButtonState.LOADING } }, [t._v(t._s(e.t("loading")))]) : t._e(), !t.loading && !t.isInfiniteScroll ? n(e.BentoLoadingButton, { attrs: { state: e.BentoLoadingButtonState.START, variant: "secondary" }, on: { click: function(o) {
     return t.$emit(e.BentoDatagridEvent.UPDATE_SHOW_MORE);
   } } }, [t._v(t._s(e.t("showMore")))]) : t._e()], 1);
-}, Po = [], zo = /* @__PURE__ */ J(
-  Mo,
+}, zo = [], Bo = /* @__PURE__ */ J(
   xo,
   Po,
+  zo,
   !1,
   null,
   "fd9b8204"
 );
-const Bo = zo.exports, At = () => {
+const Uo = Bo.exports, At = () => {
   const s = document.activeElement;
   return s ? s.matches(":focus-visible") || s.matches(".focus-visible") : !1;
-}, Uo = ({ gridcellRef: s }) => {
-  const t = w(!1), n = w(!1), e = w(), o = w([]), l = w(!1), a = w(!1), r = w(!1), d = w(!1), f = w(!1), p = C(() => {
+}, ko = ({ gridcellRef: s }) => {
+  const t = S(!1), n = S(!1), e = S(), o = S([]), l = S(!1), a = S(!1), r = S(!1), d = S(!1), f = S(!1), p = C(() => {
     var _;
     return (((_ = e.value) == null ? void 0 : _.length) ?? 0) > 1;
   }), h = (_) => {
@@ -1979,7 +1980,7 @@ const Bo = zo.exports, At = () => {
   }, u = () => {
     var _;
     a.value = !1, l.value = !1, f.value = !0, ce(s.value), (_ = s.value) == null || _.focus();
-  }, S = () => {
+  }, w = () => {
     var g;
     const _ = (g = s.value) == null ? void 0 : g.closest('[role="grid"]');
     if (!_)
@@ -2011,7 +2012,7 @@ const Bo = zo.exports, At = () => {
     hideCellActionsIfLeft: y,
     onMenuClose: R,
     exitInteractionMode: u,
-    findNextFocusableAfterGrid: S,
+    findNextFocusableAfterGrid: w,
     hasChildFocusedInside: E,
     handleFocus: async (_) => {
       if (!At())
@@ -2051,7 +2052,7 @@ const Bo = zo.exports, At = () => {
       }
       if (_.key === j.TAB && I) {
         _.preventDefault(), _.stopPropagation(), r.value = !0;
-        const G = S();
+        const G = w();
         setTimeout(() => {
           l.value = !1, t.value = !1, ee(() => G == null ? void 0 : G.focus());
         }, 0);
@@ -2073,23 +2074,23 @@ const Bo = zo.exports, At = () => {
   };
 };
 let Et = 0;
-const ko = {
+const $o = {
   beforeCreate() {
     this.uuid = Et.toString(), Et += 1;
   }
 };
-var $o = function() {
+var Wo = function() {
   var t = this, n = t._self._c;
   return n("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? n("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), n("path", { attrs: { fill: "#001222", d: "M9.38867 2.21717C10.4626 1.14323 12.2044 1.14323 13.2783 2.21717L13.7832 2.72205C14.857 3.79601 14.8571 5.53782 13.7832 6.6117L5.64355 14.7504H1.25V10.3558L9.38867 2.21717ZM2.75 10.9769V13.2504H5.02246L11.2715 6.9994L8.99902 4.72693L2.75 10.9769ZM12.2168 3.27772C11.7286 2.78987 10.9373 2.78967 10.4492 3.27772L10.0596 3.66639L12.332 5.93885L12.7217 5.55018C13.2098 5.06203 13.2098 4.27076 12.7217 3.7826L12.2168 3.27772Z" } })]);
-}, Wo = [], Go = /* @__PURE__ */ J(
-  ko,
+}, Go = [], Vo = /* @__PURE__ */ J(
   $o,
   Wo,
+  Go,
   !1,
   null,
   null
 );
-const yt = Go.exports, Vo = {
+const yt = Vo.exports, Ho = {
   "de-DE": {
     copy: "Kopieren",
     edit: "Bearbeiten",
@@ -2150,11 +2151,11 @@ const yt = Go.exports, Vo = {
     more: "更多",
     open: "打开"
   }
-}, Ho = {
-  i18n: { messages: Vo },
+}, Zo = {
+  i18n: { messages: Ho },
   name: "data-grid-cell-actions"
-}, Zo = /* @__PURE__ */ re({
-  ...Ho,
+}, jo = /* @__PURE__ */ re({
+  ...Zo,
   props: {
     /**
      * Column definitions using 'key' to relate to data object.
@@ -2223,7 +2224,7 @@ const yt = Go.exports, Vo = {
   },
   emits: ["menu-open", "menu-close", "menu-item-click"],
   setup(s, { emit: t }) {
-    const n = s, { t: e } = Ce(), o = ge(ze, w(!1)), l = (m) => {
+    const n = s, { t: e } = _e(), o = ge(ze, S(!1)), l = (m) => {
       if ("text" in m && m.text !== void 0)
         return m.text;
       switch (m.variant) {
@@ -2258,7 +2259,10 @@ const yt = Go.exports, Vo = {
       "b-data-grid-cell-actions__actions--with-row-actions": r.value,
       "b-data-grid-cell-actions__actions--zebra": n.hasZebraBackground,
       "b-data-grid-cell-actions__actions--highlighted": n.isHighlighted,
-      "b-data-grid-cell-actions__actions--selected": n.isSelected
+      "b-data-grid-cell-actions__actions--selected": n.isSelected,
+      "b-data-grid-cell-actions__actions--zebra-hover": !r.value && n.hasZebraBackground,
+      "b-data-grid-cell-actions__actions--highlighted-hover": !r.value && n.isHighlighted,
+      "b-data-grid-cell-actions__actions--selected-hover": !r.value && n.isSelected
     })), p = C(() => !r.value || r.value && n.hasRightOverflow);
     function h(m) {
       return typeof m == "function";
@@ -2308,22 +2312,22 @@ const yt = Go.exports, Vo = {
       click: (O) => {
         O.stopPropagation(), m.event(n.rowDataItem, n.columnKey);
       }
-    } : {}, S = (m) => ({
+    } : {}, w = (m) => ({
       ...m,
       handler: () => {
         m != null && m.handler && typeof m.handler == "function" && (m == null || m.handler()), m != null && m.event && typeof m.event == "function" && (m == null || m.event(n.rowDataItem, n.columnKey));
       }
     }), E = (m) => m.map((O) => {
       const F = O;
-      return F != null && F.items && (F.items = E(F.items)), { ...S(F) };
+      return F != null && F.items && (F.items = E(F.items)), { ...w(F) };
     });
-    return { __sfc: !0, t: e, props: n, emit: t, isTouchDevice: o, getMenuItemText: l, getMenuItemIcon: a, isRowActions: r, conditionalCellActionsBackgroundGradientClasses: d, conditionalCellActionsClasses: f, showGradientElement: p, isBentoColumnCellActionsByCellValueDataFn: h, computedCellActions: y, getButtonTitle: R, generateButtonEvents: u, generateMenuEvents: S, transformMenuEvents: E, getCopyText: (m) => {
+    return { __sfc: !0, t: e, props: n, emit: t, isTouchDevice: o, getMenuItemText: l, getMenuItemIcon: a, isRowActions: r, conditionalCellActionsBackgroundGradientClasses: d, conditionalCellActionsClasses: f, showGradientElement: p, isBentoColumnCellActionsByCellValueDataFn: h, computedCellActions: y, getButtonTitle: R, generateButtonEvents: u, generateMenuEvents: w, transformMenuEvents: E, getCopyText: (m) => {
       var O, F;
       return (m == null ? void 0 : m.getCopyData) !== void 0 ? m.getCopyData(n.rowDataItem, n.columnKey) : n.columnKey ? (F = (O = n.rowDataItem) == null ? void 0 : O[n.columnKey]) == null ? void 0 : F.toString() : "";
     }, shouldShowMenuIconLeft: (m) => m.iconLeft || (m == null ? void 0 : m.variant) === "more", BentoButton: Pt, BentoMenu: zt, Copy: ut, vBentoTooltipDirective: Dt, Edit1Icon: yt, ExternalLinkIcon: dt, OptionsVerticalIcon: ct };
   }
 });
-var jo = function() {
+var qo = function() {
   var t = this, n = t._self._c, e = t._self._setupProxy;
   return n("Transition", { attrs: { name: "b-data-grid-cell-actions__animation", appear: "" } }, [n("div", { staticClass: "b-data-grid-cell-actions" }, [e.showGradientElement && !e.isTouchDevice ? n("div", { staticClass: "b-data-grid-cell-actions__background-gradient", class: e.conditionalCellActionsBackgroundGradientClasses }) : t._e(), n("div", { staticClass: "b-data-grid-cell-actions__actions", class: e.conditionalCellActionsClasses, attrs: { role: "group" } }, t._l(e.computedCellActions, function(o, l) {
     return n("div", { key: l, staticClass: "b-data-grid-cell-actions__action" }, [o.menuData ? n(e.BentoMenu, { directives: [{ name: "bento-tooltip-directive", rawName: "v-bento-tooltip-directive:[button.tooltipPosition]", value: o.tooltipText, expression: "button.tooltipText", arg: o.tooltipPosition }], attrs: { data: e.transformMenuEvents(o.menuData), button: {
@@ -2351,17 +2355,17 @@ var jo = function() {
       return [(o == null ? void 0 : o.variant) === "open" ? n(e.ExternalLinkIcon, { attrs: { "svg-title": e.getButtonTitle(o, !0) } }) : n(o.iconRight, { tag: "component", attrs: { "svg-title": o.title } })];
     }, proxy: !0 } : null], null, !0) }, e.generateButtonEvents(o)))], 1);
   }), 0)])]);
-}, qo = [], Ko = /* @__PURE__ */ J(
-  Zo,
+}, Ko = [], Yo = /* @__PURE__ */ J(
   jo,
   qo,
+  Ko,
   !1,
   null,
-  "7ecb90d6"
+  "2fdee11b"
 );
-const Gt = Ko.exports;
+const Gt = Yo.exports;
 var Q = /* @__PURE__ */ ((s) => (s.ACTION_COL_NESTED_CONTENT_AND_SELECTION_ENABLED = "action-col-nested-content-and-selection-enabled", s.ACTION_COL_NESTED_CONTENT_ENABLED = "action-col-nested-content-enabled", s.ACTION_COL_SELECTION_ENABLED = "action-col-selection-enabled", s.COLUMN_HOVERED = "column-hovered", s.COLUMN_HOVERED_NO_BORDER_LEFT = "column-hovered-no-border-left", s.COLUMN_HOVERED_NO_BORDER_RIGHT = "column-hovered-no-border-right", s.CONDENSED = "condensed", s.FROZEN = "frozen", s.IS_COLUMN_REORDERING = "is-column-re-ordering", s.IS_COLUMN_REORDERING_TARGET_LEFT = "is-column-re-order-target-left", s.IS_COLUMN_REORDERING_TARGET_RIGHT = "is-column-re-order-target-right", s.LAST_FROZEN_COLUMN_CELL = "last-frozen-column-cell", s.NESTED_CONTENT_ENABLED = "nested-content-toggle-enabled", s.NUMERIC = "numeric", s.OVERFLOW_ELLIPSIS = "overflow-ellipsis", s.PADDING_LEFT_UNSET = "padding-left-unset", s.PADDING_RIGHT_UNSET = "padding-right-unset", s.SLASHED_ZERO = "slashed-zero", s))(Q || {});
-const Yo = {
+const Xo = {
   "de-DE": {
     collapseNestedContent: "Verschachtelte Inhalte ausblenden",
     expandNestedContent: "Verschachtelten Inhalt anzeigen",
@@ -2412,11 +2416,11 @@ const Yo = {
     expandNestedContent: "展开嵌套内容",
     selectRow: "选择行"
   }
-}, Xo = {
-  i18n: { messages: Yo },
+}, Jo = {
+  i18n: { messages: Xo },
   name: "data-grid-cell"
-}, Jo = /* @__PURE__ */ re({
-  ...Xo,
+}, Qo = /* @__PURE__ */ re({
+  ...Jo,
   props: {
     draggingEventsForRowCell: {
       type: Function,
@@ -2559,20 +2563,20 @@ const Yo = {
   },
   emits: ["on-frozen-columns-key-press", "select-row", "register-row-cell-element", "cell-hovered", "nested-content-toggled", "cell-focus"],
   setup(s, { expose: t, emit: n }) {
-    const e = s, o = He(), l = je(o), { t: a } = Ce(), r = w(null), d = w(null), f = w(!1), {
+    const e = s, o = He(), l = je(o), { t: a } = _e(), r = S(null), d = S(null), f = S(!1), {
       shouldShowCellActions: p,
       isFocused: h,
       focusableItems: y,
       childrenMenuContainerElements: R,
       hasInteractiveElFocusedInside: u,
-      onMenuClose: S,
+      onMenuClose: w,
       hideCellActionsIfLeft: E,
       handleFocus: N,
       handleFocusout: b,
       handleKeydown: m,
       handleCellActionsFocus: O,
       handleCellActionsFocusout: F
-    } = Uo({ gridcellRef: r }), _ = C(() => {
+    } = ko({ gridcellRef: r }), _ = C(() => {
       var L;
       return !!((L = e.rowData) != null && L[e.column.field]);
     }), i = C(
@@ -2627,14 +2631,14 @@ const Yo = {
     }, B = (L) => {
       r.value.contains(L == null ? void 0 : L.relatedTarget) || (p.value = !1);
     };
-    De(ns, {
+    De(ss, {
       registerMenuContainerElement: W,
       menuMouseLeave: B
     });
-    const ne = ge($t, w(!1)), me = ge(
+    const ne = ge($t, S(!1)), me = ge(
       Ie,
       C(() => !1)
-    ), ve = ge(ze, w(!1)), _e = (L) => {
+    ), Ce = ge(ze, S(!1)), ve = (L) => {
       var $, H, c, z, K, te, ie;
       return {
         [`b-data-grid-cell--${Q.COLUMN_HOVERED}`]: (L == null ? void 0 : L.field) === e.hoveredOverColumnState.hoveredOverColumnField,
@@ -2661,10 +2665,10 @@ const Yo = {
     }));
     return t({
       gridcellRef: r
-    }), { __sfc: !0, slots: o, hasSlot: l, t: a, props: e, emit: n, gridcellRef: r, cellActionsRef: d, hasEverBeenFocused: f, shouldShowCellActions: p, isFocused: h, focusableItems: y, childrenMenuContainerElements: R, hasInteractiveElFocusedInside: u, onMenuClose: S, hideCellActionsIfLeft: E, handleFocus: N, handleFocusout: b, handleKeydown: m, handleCellActionsFocus: O, handleCellActionsFocusout: F, hasRowData: _, controlledNestedRowElementIds: i, ariaHidden: g, tabIndex: A, conditionalTitleAttribute: I, getRowData: P, sumColumnAmountsInColumnSets: x, getColIndex: U, getCellIndex: q, getGridcellEvents: G, toggleNestedContent: V, registerMenuContainerElement: W, menuMouseLeave: B, hasSlashedZero: ne, isSmallContainer: me, isTouchDevice: ve, conditionalRowCellClasses: _e, computedCellContentClasses: de, DATAGRID_ACTIONS_COLUMN_FIELD_NAME: oe, BentoCheckbox: xt, BentoTypography: Le, BentoToggleButton: Ke, DataGridCellActions: Gt, ChevronDownIcon: ss, ChevronUpIcon: os };
+    }), { __sfc: !0, slots: o, hasSlot: l, t: a, props: e, emit: n, gridcellRef: r, cellActionsRef: d, hasEverBeenFocused: f, shouldShowCellActions: p, isFocused: h, focusableItems: y, childrenMenuContainerElements: R, hasInteractiveElFocusedInside: u, onMenuClose: w, hideCellActionsIfLeft: E, handleFocus: N, handleFocusout: b, handleKeydown: m, handleCellActionsFocus: O, handleCellActionsFocusout: F, hasRowData: _, controlledNestedRowElementIds: i, ariaHidden: g, tabIndex: A, conditionalTitleAttribute: I, getRowData: P, sumColumnAmountsInColumnSets: x, getColIndex: U, getCellIndex: q, getGridcellEvents: G, toggleNestedContent: V, registerMenuContainerElement: W, menuMouseLeave: B, hasSlashedZero: ne, isSmallContainer: me, isTouchDevice: Ce, conditionalRowCellClasses: ve, computedCellContentClasses: de, DATAGRID_ACTIONS_COLUMN_FIELD_NAME: oe, BentoCheckbox: xt, BentoTypography: Le, BentoToggleButton: Ke, DataGridCellActions: Gt, ChevronDownIcon: os, ChevronUpIcon: ls };
   }
 });
-var Qo = function() {
+var el = function() {
   var o;
   var t = this, n = t._self._c, e = t._self._setupProxy;
   return n("div", t._g({ key: `cell-${t.column.field}`, ref: "gridcellRef", staticClass: "b-data-grid-cell", class: e.conditionalRowCellClasses(t.column), style: {
@@ -2676,18 +2680,18 @@ var Qo = function() {
   }, proxy: !0 }], null, !1, 1879847906) })] : t._e()] : [n(e.BentoTypography, { staticClass: "b-data-grid-cell__cell-content", class: e.computedCellContentClasses, attrs: { el: "div", "data-testid": "cell-content" } }, [t._t(`item-${t.column.field}`, function() {
     return [n("span", { attrs: { title: e.conditionalTitleAttribute(t.column, t.rowData[t.column.field]) } }, [t._v(t._s(e.getRowData(t.rowData[t.column.field])))])];
   }, { item: t.rowData, rowIndex: t.rowIndex })], 2), ((o = t.column.cellActions) == null ? void 0 : o.length) > 0 ? n("div", { staticClass: "b-data-grid-cell__cell-actions" }, [(e.shouldShowCellActions || e.isTouchDevice) && (e.hasRowData || e.hasSlot(`item-${t.column.field}`)) ? n(e.DataGridCellActions, { ref: "cellActionsRef", attrs: { "cell-actions": t.column.cellActions, "column-key": t.column.field, "row-data-item": t.rowData, "has-zebra-background": t.hasZebraBackground, "is-highlighted": t.isHighlighted, "is-selected": t.isSelected, "teleport-menu": "" }, on: { "menu-item-click": e.onMenuClose } }) : t._e()], 1) : t._e()]], 2);
-}, el = [], tl = /* @__PURE__ */ J(
-  Jo,
+}, tl = [], nl = /* @__PURE__ */ J(
   Qo,
   el,
+  tl,
   !1,
   null,
   "ba645d13"
 );
-const nl = tl.exports, sl = {
+const sl = nl.exports, ol = {
   name: "data-grid-row"
-}, ol = /* @__PURE__ */ re({
-  ...sl,
+}, ll = /* @__PURE__ */ re({
+  ...ol,
   props: {
     /**
      * Row actions property that generates which button to show in row actions area
@@ -2895,13 +2899,13 @@ const nl = tl.exports, sl = {
   },
   emits: ["cell-hovered", "on-frozen-columns-key-press", "select-row", "select-nested-row", "row-click", "nested-content-toggled", "cell-focus"],
   setup(s, { expose: t, emit: n }) {
-    const e = s, o = He(), l = je(o), a = (v, T) => !v || !T ? !1 : !!(T.compareDocumentPosition(v) & Node.DOCUMENT_POSITION_FOLLOWING), r = w({}), d = w(!1), f = w(), p = w(), h = w([]), y = Me("nested-content-slot"), R = w(!1), u = w(!1), S = w(), E = () => {
+    const e = s, o = He(), l = je(o), a = (v, T) => !v || !T ? !1 : !!(T.compareDocumentPosition(v) & Node.DOCUMENT_POSITION_FOLLOWING), r = S({}), d = S(!1), f = S(), p = S(), h = S([]), y = Me("nested-content-slot"), R = S(!1), u = S(!1), w = S(), E = () => {
       const v = p.value;
       return Array.isArray(v) ? v[0] : v;
     };
     Oe(() => {
       const v = E();
-      v && (S.value = ce(v));
+      v && (w.value = ce(v));
     });
     const N = C(() => e.shouldShowNestedRows(e.rowData)), b = C(
       () => {
@@ -3009,22 +3013,22 @@ const nl = tl.exports, sl = {
         return;
       }
       const T = E();
-      if (!T || !((he = S.value) != null && he.length))
+      if (!T || !((he = w.value) != null && he.length))
         return;
-      const Z = a(v.relatedTarget, T), k = S.value.length - 1, ae = Z ? S.value[k] : S.value[0];
+      const Z = a(v.relatedTarget, T), k = w.value.length - 1, ae = Z ? w.value[k] : w.value[0];
       Pe([ae]), xe(T, { last: Z });
-    }, ve = () => {
+    }, Ce = () => {
       const v = E();
       v && ce(v);
-    }, _e = (v) => {
+    }, ve = (v) => {
       var Z, k;
       const T = E();
       if (v.key === j.ESCAPE) {
         T && ce(T), u.value = !0, T == null || T.focus(), v.stopPropagation(), v.preventDefault();
         return;
       }
-      v.key !== j.TAB && T && ce(T), v.key === j.ARROW_RIGHT && ((Z = S.value) == null ? void 0 : Z.length) > 1 && S.value[0].node === document.activeElement ? (T && ce(T), S.value[1].node.setAttribute("tabindex", "0"), S.value[1].node.focus(), v.stopPropagation(), v.preventDefault()) : v.key === j.ARROW_LEFT && ((k = S.value) == null ? void 0 : k.length) > 1 && S.value[1].node === document.activeElement && (T && ce(T), S.value[0].node.setAttribute("tabindex", "0"), S.value[0].node.focus(), v.stopPropagation(), v.preventDefault());
-    }, de = () => e.columnSets.reduce((v, { columnSet: T }) => v + T.length, 0), L = () => de() * e.rowIndex + de(), { updateContentHeight: $, contentHeight: H } = ls(f, d), c = C(() => {
+      v.key !== j.TAB && T && ce(T), v.key === j.ARROW_RIGHT && ((Z = w.value) == null ? void 0 : Z.length) > 1 && w.value[0].node === document.activeElement ? (T && ce(T), w.value[1].node.setAttribute("tabindex", "0"), w.value[1].node.focus(), v.stopPropagation(), v.preventDefault()) : v.key === j.ARROW_LEFT && ((k = w.value) == null ? void 0 : k.length) > 1 && w.value[1].node === document.activeElement && (T && ce(T), w.value[0].node.setAttribute("tabindex", "0"), w.value[0].node.focus(), v.stopPropagation(), v.preventDefault());
+    }, de = () => e.columnSets.reduce((v, { columnSet: T }) => v + T.length, 0), L = () => de() * e.rowIndex + de(), { updateContentHeight: $, contentHeight: H } = as(f, d), c = C(() => {
       var v;
       if (e.hasNestedContent || e.hasNestedRows)
         return {
@@ -3085,10 +3089,10 @@ const nl = tl.exports, sl = {
       isNestedContentShown: d,
       nestedRowRefs: h,
       rowActionsRef: p
-    }), { __sfc: !0, slots: o, hasSlot: l, props: e, emit: n, isRelatedTargetAfterInDOM: a, gridcellRefs: r, isNestedContentShown: d, nestedContentRef: f, rowActionsRef: p, nestedRowRefs: h, nestedContentSlotId: y, isRowActionMenuOpen: R, isExitingRowActionInteraction: u, focusableItems: S, getRowActionsElement: E, shouldShowNestedRowsBooleanResult: N, shouldShowRenderNestedRows: b, isLoadingNestedRows: m, shouldShowNestedContentToggle: O, ariaRowAttributes: F, nestedContentContainerDivAriaAttributes: _, nestedRowIds: i, allNestedRowIds: g, hasUnSelectedNestedRows: A, registerRowCellRef: I, registerNestedRowRef: P, getRowId: x, getRowAriaSelectedValue: U, emitRowClick: q, onRowClick: G, onRowSelect: V, onNestedRowSelect: W, onRowActionMenuOpen: B, onRowActionMenuClose: ne, onRowActionsCellFocus: me, onRowActionsCellFocusOut: ve, onRowActionsCellOnKeyDown: _e, sumColumnAmountsInColumnSets: de, getRowActionsCellIndex: L, updateContentHeight: $, contentHeight: H, nestedContentStyles: c, nestedContentToggled: z, isSmallContainer: K, isHighlightedRow: te, isSelectedRow: ie, conditionalRowClasses: Te, conditionalRowSetClasses: be, conditionalNestedRowClasses: we, conditionalRowActionsContainerClasses: Se, computedRowActionsStyles: Re, BentoLoadingIndicator: Ze, DataGridRow: Vt, DataGridCell: nl, DataGridCellActions: Gt };
+    }), { __sfc: !0, slots: o, hasSlot: l, props: e, emit: n, isRelatedTargetAfterInDOM: a, gridcellRefs: r, isNestedContentShown: d, nestedContentRef: f, rowActionsRef: p, nestedRowRefs: h, nestedContentSlotId: y, isRowActionMenuOpen: R, isExitingRowActionInteraction: u, focusableItems: w, getRowActionsElement: E, shouldShowNestedRowsBooleanResult: N, shouldShowRenderNestedRows: b, isLoadingNestedRows: m, shouldShowNestedContentToggle: O, ariaRowAttributes: F, nestedContentContainerDivAriaAttributes: _, nestedRowIds: i, allNestedRowIds: g, hasUnSelectedNestedRows: A, registerRowCellRef: I, registerNestedRowRef: P, getRowId: x, getRowAriaSelectedValue: U, emitRowClick: q, onRowClick: G, onRowSelect: V, onNestedRowSelect: W, onRowActionMenuOpen: B, onRowActionMenuClose: ne, onRowActionsCellFocus: me, onRowActionsCellFocusOut: Ce, onRowActionsCellOnKeyDown: ve, sumColumnAmountsInColumnSets: de, getRowActionsCellIndex: L, updateContentHeight: $, contentHeight: H, nestedContentStyles: c, nestedContentToggled: z, isSmallContainer: K, isHighlightedRow: te, isSelectedRow: ie, conditionalRowClasses: Te, conditionalRowSetClasses: be, conditionalNestedRowClasses: we, conditionalRowActionsContainerClasses: Se, computedRowActionsStyles: Re, BentoLoadingIndicator: Ze, DataGridRow: Vt, DataGridCell: sl, DataGridCellActions: Gt };
   }
 });
-var ll = function() {
+var al = function() {
   var o;
   var t = this, n = t._self._c, e = t._self._setupProxy;
   return n("div", { staticClass: "b-data-grid-row-container", attrs: { role: "presentation" } }, [n("div", t._b({ key: t.rowIndex, staticClass: "b-data-grid-row-container__row", class: e.conditionalRowClasses(t.rowData, t.rowIndex), attrs: { id: (o = t.rowId) == null ? void 0 : o.toString(), role: "row", "aria-selected": e.getRowAriaSelectedValue(t.rowData) }, on: { click: e.onRowClick, keyup: [function(l) {
@@ -3108,7 +3112,7 @@ var ll = function() {
           return [t._t(y, null, null, R)];
         } };
       })], null, !0) });
-    }), 1) : t._e(), !r && t.rowActions ? n("div", { key: `data-grid-row-actions-${a}`, ref: "rowActionsRef", refInFor: !0, staticClass: "b-data-grid-row-container__row-actions-container", class: e.conditionalRowActionsContainerClasses, style: e.computedRowActionsStyles, attrs: { "aria-colindex": e.sumColumnAmountsInColumnSets().toString(), "data-cellindex": e.getRowActionsCellIndex(), tabindex: "-1", role: "gridcell" }, on: { focus: e.onRowActionsCellFocus, focusOut: e.onRowActionsCellFocusOut, keydown: e.onRowActionsCellOnKeyDown } }, [n(e.DataGridCellActions, { staticClass: "b-data-grid-row-container__row-actions", attrs: { "disable-arrow-down-opening-menu": "", "cell-actions": t.rowActions, "has-right-overflow": t.hasRightOverflow, "row-data-item": t.rowData, "teleport-menu": "" }, on: { "menu-open": e.onRowActionMenuOpen, "menu-close": e.onRowActionMenuClose } })], 1) : t._e()];
+    }), 1) : t._e(), !r && t.rowActions ? n("div", { key: `data-grid-row-actions-${a}`, ref: "rowActionsRef", refInFor: !0, staticClass: "b-data-grid-row-container__row-actions-container", class: e.conditionalRowActionsContainerClasses, style: e.computedRowActionsStyles, attrs: { "aria-colindex": e.sumColumnAmountsInColumnSets().toString(), "data-cellindex": e.getRowActionsCellIndex(), tabindex: "-1", role: "gridcell" }, on: { focus: e.onRowActionsCellFocus, focusOut: e.onRowActionsCellFocusOut, keydown: e.onRowActionsCellOnKeyDown } }, [n(e.DataGridCellActions, { staticClass: "b-data-grid-row-container__row-actions", attrs: { "disable-arrow-down-opening-menu": "", "cell-actions": t.rowActions, "has-right-overflow": t.hasRightOverflow, "row-data-item": t.rowData, "has-zebra-background": t.isRowEven, "is-highlighted": e.isHighlightedRow(t.rowData), "is-selected": e.isSelectedRow(t.rowData), "teleport-menu": "" }, on: { "menu-open": e.onRowActionMenuOpen, "menu-close": e.onRowActionMenuClose } })], 1) : t._e()];
   })], 2), t.hasNestedContent && e.hasSlot("nested-slot") && t.shouldShowNestedContent(t.rowData) || t.hasNestedRows && e.shouldShowNestedRowsBooleanResult ? n("Transition", { key: `${t.rowIndex}-nest-content`, attrs: { name: "b-data-grid-row-container__animation--nested-content" } }, [e.isNestedContentShown && e.shouldShowRenderNestedRows ? n("div", { class: e.conditionalNestedRowClasses, style: e.nestedContentStyles, attrs: { "data-testid": "nested-content-container", role: "presentation" } }, [n("div", { ref: "nestedContentRef" }, [e.isLoadingNestedRows ? n("div", { staticClass: "b-data-grid-row-container__row-nested-rows-loading-container" }, [n(e.BentoLoadingIndicator)], 1) : t._e(), t._l(t.rowData.children, function(l, a) {
     return n(e.DataGridRow, t._b({ key: `child-${a}`, ref: (r) => e.registerNestedRowRef(r, a), refInFor: !0, attrs: { id: e.getRowId(a), "row-data": l, "row-index": a, "row-set-size": t.rowData.children.length, "is-nested-row": "" }, on: { "cell-hovered": function(r) {
       return e.emit("cell-hovered", r);
@@ -3124,34 +3128,34 @@ var ll = function() {
       } };
     })], null, !0) }, "data-grid-row", e.props, !1));
   })], 2)]) : e.isNestedContentShown ? n("div", t._b({ class: e.conditionalNestedRowClasses, style: e.nestedContentStyles, attrs: { "data-testid": "nested-content-container", role: "row", tabindex: "-1" } }, "div", e.nestedContentContainerDivAriaAttributes, !1), [n("div", { ref: "nestedContentRef", attrs: { role: "gridcell" } }, [e.isLoadingNestedRows ? n("div", { staticClass: "b-data-grid-row-container__row-nested-rows-loading-container" }, [n(e.BentoLoadingIndicator)], 1) : e.hasSlot("nested-slot") && t.shouldShowNestedContent(t.rowData) ? n("div", [t._t("nested-slot", null, { item: t.rowData })], 2) : t._e()])]) : t._e()]) : t._e()], 1);
-}, al = [], il = /* @__PURE__ */ J(
-  ol,
+}, il = [], rl = /* @__PURE__ */ J(
   ll,
   al,
+  il,
   !1,
   null,
-  "04163166"
+  "124be27f"
 );
-const Vt = il.exports;
+const Vt = rl.exports;
 let Lt = 0;
-const rl = {
+const cl = {
   beforeCreate() {
     this.uuid = Lt.toString(), Lt += 1;
   }
 };
-var cl = function() {
+var dl = function() {
   var t = this, n = t._self._c;
   return n("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? n("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), n("g", { attrs: { "clip-path": "url(#uia-ui-assets/icons-16-warning_circle_fill__a" + t.uuid + ")" } }, [n("path", { attrs: { fill: "#001222", d: "M8 0.25C12.2802 0.25 15.75 3.71979 15.75 8C15.75 12.2802 12.2802 15.75 8 15.75C3.71979 15.75 0.25 12.2802 0.25 8C0.25 3.71979 3.71979 0.25 8 0.25ZM8 9.75C7.44772 9.75 7 10.1977 7 10.75C7 11.3023 7.44772 11.75 8 11.75C8.55228 11.75 9 11.3023 9 10.75C9 10.1977 8.55228 9.75 8 9.75ZM7.25 4.25V8.75H8.75V4.25H7.25Z" } })]), n("defs", [n("clipPath", { attrs: { id: "uia-ui-assets/icons-16-warning_circle_fill__a" + t.uuid } }, [n("rect", { attrs: { width: "16", height: "16", fill: "#fff" } })])])]);
-}, dl = [], ul = /* @__PURE__ */ J(
-  rl,
+}, ul = [], fl = /* @__PURE__ */ J(
   cl,
   dl,
+  ul,
   !1,
   null,
   null
 );
-const fl = ul.exports, gl = {}, ml = /* @__PURE__ */ re({
-  ...gl,
+const gl = fl.exports, ml = {}, _l = /* @__PURE__ */ re({
+  ...ml,
   __name: "data-grid-static-icon",
   props: {
     colored: { type: Boolean, default: !1 },
@@ -3166,7 +3170,7 @@ const fl = ul.exports, gl = {}, ml = /* @__PURE__ */ re({
         case "warning":
           return kn;
         case "error":
-          return fl;
+          return gl;
         case "cross":
           return Nt;
         case "no-value":
@@ -3180,18 +3184,18 @@ const fl = ul.exports, gl = {}, ml = /* @__PURE__ */ re({
     return { __sfc: !0, props: t, computedIcon: n, conditionalClasses: e, computedIconClass: o, tooltipPosition: l, vBentoTooltipDirective: Dt };
   }
 });
-var _l = function() {
+var Cl = function() {
   var t = this, n = t._self._c, e = t._self._setupProxy;
   return n("div", { directives: [{ name: "bento-tooltip-directive", rawName: "v-bento-tooltip-directive:[tooltipPosition]", value: t.tooltipText, expression: "tooltipText", arg: e.tooltipPosition }], staticClass: "b-data-grid-static-icon", class: e.conditionalClasses, attrs: { "aria-label": t.tooltipText, tabindex: "0" } }, [n(e.computedIcon, { tag: "component", class: e.computedIconClass, attrs: { "svg-title": t.tooltipText } })], 1);
-}, Cl = [], vl = /* @__PURE__ */ J(
-  ml,
+}, vl = [], hl = /* @__PURE__ */ J(
   _l,
   Cl,
+  vl,
   !1,
   null,
   "dbc055cb"
 );
-const Ga = vl.exports, hl = {
+const Ha = hl.exports, pl = {
   "de-DE": {
     numberResults: "1 Ergebnis | {count} Ergebnisse"
   },
@@ -3222,10 +3226,10 @@ const Ga = vl.exports, hl = {
   "zh-CN": {
     numberResults: "1 个结果 | {count} 个结果"
   }
-}, pl = {
-  i18n: { messages: hl }
-}, bl = /* @__PURE__ */ re({
-  ...pl,
+}, bl = {
+  i18n: { messages: pl }
+}, wl = /* @__PURE__ */ re({
+  ...bl,
   __name: "data-grid-summary-cell",
   props: {
     label: null,
@@ -3235,7 +3239,7 @@ const Ga = vl.exports, hl = {
     tooltipText: { default: null }
   },
   setup(s) {
-    const t = s, { tc: n } = Ce(), e = w(), o = C(() => ({
+    const t = s, { tc: n } = _e(), e = S(), o = C(() => ({
       popoverPosition: "right",
       // Setting popover defaults, but they are overriden if used passes dashedUnderline prop
       popoverTitle: t.label,
@@ -3254,23 +3258,23 @@ const Ga = vl.exports, hl = {
     return { __sfc: !0, tc: n, props: t, dashedUnderlineRef: e, dashedUnderlineProps: o, lowerCaseSearchTerm: l, highlightedComponent: a, highlightedItemsCount: r, computedToolTipText: d, BentoDashedUnderline: Vn, BentoTypography: Le, Tooltip: Gn, BentoTooltipPosition: Wn };
   }
 });
-var wl = function() {
+var Sl = function() {
   var t = this, n = t._self._c, e = t._self._setupProxy;
   return n("div", { staticClass: "b-data-grid-summary-cell" }, [t.items.length > 1 ? n(e.BentoDashedUnderline, t._b({ ref: "dashedUnderlineRef", scopedSlots: t._u([{ key: "popover-content", fn: function() {
     return [n(e.BentoTypography, { staticClass: "b-data-grid-summary-cell__popover-content" }, [n("ul", { staticClass: "b-data-grid-summary-cell__list" }, t._l(t.items, function(o) {
       return n("li", { key: o }, [n(e.highlightedComponent(o), { tag: "component" }, [t._v(t._s(o))])], 1);
     }), 0)])];
   }, proxy: !0 }], null, !1, 4023850623) }, "bento-dashed-underline", e.dashedUnderlineProps, !1), [t._v(" " + t._s(t.label) + " ")]) : [t._v(t._s(t.items[0]))], e.dashedUnderlineRef && e.computedToolTipText ? n(e.Tooltip, { attrs: { content: e.computedToolTipText, "disabled-focus-trap": !0, position: e.BentoTooltipPosition.RIGHT, "fallback-position": ["left", "bottom"], "is-shown": !!e.computedToolTipText, "target-element": e.dashedUnderlineRef } }) : t._e()], 2);
-}, Sl = [], Rl = /* @__PURE__ */ J(
-  bl,
+}, Rl = [], Al = /* @__PURE__ */ J(
   wl,
   Sl,
+  Rl,
   !1,
   null,
   "2cf5d218"
 );
-const Va = Rl.exports, Al = {}, El = /* @__PURE__ */ re({
-  ...Al,
+const Za = Al.exports, El = {}, yl = /* @__PURE__ */ re({
+  ...El,
   __name: "data-grid-tag-with-text-cell",
   props: {
     tag: null,
@@ -3280,54 +3284,54 @@ const Va = Rl.exports, Al = {}, El = /* @__PURE__ */ re({
     return { __sfc: !0, props: s, BentoTag: Hn, BentoTypography: Le };
   }
 });
-var yl = function() {
+var Ll = function() {
   var t = this, n = t._self._c, e = t._self._setupProxy;
   return n("div", { staticClass: "b-data-grid-tag-with-text-cell" }, [n(e.BentoTag, t._b({}, "bento-tag", e.props.tag, !1)), n(e.BentoTypography, { attrs: { el: "span" } }, [t._v(t._s(t.value))])], 1);
-}, Ll = [], Tl = /* @__PURE__ */ J(
-  El,
+}, Tl = [], Ol = /* @__PURE__ */ J(
   yl,
   Ll,
+  Tl,
   !1,
   null,
   "ed0cc252"
 );
-const Ha = Tl.exports;
+const ja = Ol.exports;
 let Tt = 0;
-const Ol = {
+const Il = {
   beforeCreate() {
     this.uuid = Tt.toString(), Tt += 1;
   }
 };
-var Il = function() {
+var Nl = function() {
   var t = this, n = t._self._c;
   return n("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? n("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), n("path", { attrs: { fill: "#001222", d: "M12.0605 7L11 8.06055L8.75 5.81055V12.75H7.25V5.81055L5 8.06055L3.93945 7L8 2.93945L12.0605 7Z" } })]);
-}, Nl = [], Dl = /* @__PURE__ */ J(
-  Ol,
+}, Dl = [], Fl = /* @__PURE__ */ J(
   Il,
   Nl,
+  Dl,
   !1,
   null,
   null
 );
-const Fl = Dl.exports;
+const Ml = Fl.exports;
 let Ot = 0;
-const Ml = {
+const xl = {
   beforeCreate() {
     this.uuid = Ot.toString(), Ot += 1;
   }
 };
-var xl = function() {
+var Pl = function() {
   var t = this, n = t._self._c;
   return n("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? n("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), n("path", { attrs: { fill: "#001222", d: "M8.75 10.1895L11 7.93945L12.0605 9L8 13.0605L3.93945 9L5 7.93945L7.25 10.1895V3.25H8.75V10.1895Z" } })]);
-}, Pl = [], zl = /* @__PURE__ */ J(
-  Ml,
+}, zl = [], Bl = /* @__PURE__ */ J(
   xl,
   Pl,
+  zl,
   !1,
   null,
   null
 );
-const Bl = zl.exports, Ul = {
+const Ul = Bl.exports, kl = {
   "de-DE": {
     decrease: "verringern",
     increase: "erhöhen"
@@ -3368,10 +3372,10 @@ const Bl = zl.exports, Ul = {
     decrease: "减少",
     increase: "增加"
   }
-}, kl = {
-  i18n: { messages: Ul }
-}, $l = /* @__PURE__ */ re({
-  ...kl,
+}, $l = {
+  i18n: { messages: kl }
+}, Wl = /* @__PURE__ */ re({
+  ...$l,
   __name: "data-grid-trend-cell",
   props: {
     direction: { default: "none" },
@@ -3379,7 +3383,7 @@ const Bl = zl.exports, Ul = {
     value: null
   },
   setup(s) {
-    const t = s, { t: n, locale: e } = Ce(), o = C(() => ({
+    const t = s, { t: n, locale: e } = _e(), o = C(() => ({
       [`b-data-grid-trend-cell--${t.variant}`]: t.variant !== "black"
     })), l = C(() => {
       switch (t.direction) {
@@ -3393,9 +3397,9 @@ const Bl = zl.exports, Ul = {
     }), a = C(() => {
       switch (t.direction) {
         case "up":
-          return Fl;
+          return Ml;
         case "down":
-          return Bl;
+          return Ul;
         default:
           return null;
       }
@@ -3412,20 +3416,20 @@ const Bl = zl.exports, Ul = {
     return { __sfc: !0, t: n, locale: e, props: t, conditionalClasses: o, computedIconTitle: l, computedIcon: a, computedValue: r, BentoTypography: Le };
   }
 });
-var Wl = function() {
+var Gl = function() {
   var t = this, n = t._self._c, e = t._self._setupProxy;
   return n("div", { staticClass: "b-data-grid-trend-cell", class: e.conditionalClasses }, [e.computedIcon ? n(e.computedIcon, { tag: "component", attrs: { "svg-title": e.computedIconTitle } }) : t._e(), n(e.BentoTypography, { attrs: { el: "span" } }, [t._v(t._s(e.computedValue))])], 1);
-}, Gl = [], Vl = /* @__PURE__ */ J(
-  $l,
+}, Vl = [], Hl = /* @__PURE__ */ J(
   Wl,
   Gl,
+  Vl,
   !1,
   null,
   "05cdd7d9"
 );
-const Za = Vl.exports, Hl = (s, t, n) => {
-  const e = w([]), o = (d, f) => {
-    var u, S, E, N;
+const qa = Hl.exports, Zl = (s, t, n) => {
+  const e = S([]), o = (d, f) => {
+    var u, w, E, N;
     if (!(d != null && d.gridcellRefs))
       return { count: 0, entries: [], maxWidth: 0 };
     const p = [];
@@ -3437,7 +3441,7 @@ const Za = Vl.exports, Hl = (s, t, n) => {
       field: Ye,
       index: f,
       el: (u = d.rowActionsRef) == null ? void 0 : u[0]
-    }), h = Math.max(h, ((E = (S = d.rowActionsRef) == null ? void 0 : S[0]) == null ? void 0 : E.offsetWidth) ?? 0));
+    }), h = Math.max(h, ((E = (w = d.rowActionsRef) == null ? void 0 : w[0]) == null ? void 0 : E.offsetWidth) ?? 0));
     let R = 1;
     if (d.isNestedContentShown && ((N = d.nestedRowRefs) == null ? void 0 : N.length) > 0)
       for (let b = 0; b < d.nestedRowRefs.length; b++) {
@@ -3460,8 +3464,8 @@ const Za = Vl.exports, Hl = (s, t, n) => {
       const y = e.value[h];
       if (y) {
         const R = o(y, p);
-        R.entries.forEach(({ field: u, index: S, el: E }) => {
-          d[u] === void 0 && (d[u] = []), d[u][S] = E;
+        R.entries.forEach(({ field: u, index: w, el: E }) => {
+          d[u] === void 0 && (d[u] = []), d[u][w] = E;
         }), f = Math.max(f, R.maxWidth), p += R.count;
       }
     }
@@ -3472,11 +3476,11 @@ const Za = Vl.exports, Hl = (s, t, n) => {
     registerRowCellRefs: a,
     rebuildGridcellRefs: r
   };
-}, Zl = {
+}, jl = {
   i18n: { messages: Wt },
   name: "bento-data-grid"
-}, jl = /* @__PURE__ */ re({
-  ...Zl,
+}, ql = /* @__PURE__ */ re({
+  ...jl,
   props: {
     /**
      * When true, will emit a 'rowClick' event when a row is clicked. Will add cursor: pointer to rows.
@@ -3813,7 +3817,7 @@ const Za = Vl.exports, Hl = (s, t, n) => {
     D.CELL_FOCUS
   ],
   setup(s, { expose: t, emit: n }) {
-    const e = s, o = He(), l = je(o), a = w(null), r = w(), d = w({}), f = w(Me("data-grid")), p = w(null), h = w(null), y = w(null), R = w(null), u = w(null), S = w(null), {
+    const e = s, o = He(), l = je(o), a = S(null), r = S(), d = S({}), f = S(Me("data-grid")), p = S(null), h = S(null), y = S(null), R = S(null), u = S(null), w = S(null), {
       allowColumnDragAndDrop: E,
       columns: N,
       columnPanel: b,
@@ -3829,20 +3833,18 @@ const Za = Vl.exports, Hl = (s, t, n) => {
       outline: x,
       pagination: U,
       zebraRows: q
-    } = Ve(e), G = w(-1), { t: V } = Ce(), W = C(() => K.value.filter((M) => M.frozen).length), B = 550, ne = w(), { width: me } = Jn(ne), ve = C(() => me.value <= B);
-    De(Ie, ve);
-    const _e = w(!1);
-    Oe(() => {
-      typeof window < "u" && (_e.value = "ontouchstart" in window || (navigator == null ? void 0 : navigator.maxTouchPoints) > 0);
-    }), De(ze, _e);
+    } = Ve(e), G = S(-1), { t: V } = _e(), W = C(() => K.value.filter((M) => M.frozen).length), B = 550, ne = S(), { width: me } = Qn(ne), Ce = C(() => me.value <= B);
+    De(Ie, Ce);
+    const { isTouchDevice: ve } = qn();
+    De(ze, ve);
     const de = ge(
-      Xn,
+      Jn,
       () => ({
-        additionalContentSlotRef: w(null),
+        additionalContentSlotRef: S(null),
         isDataGridTemplate: !1,
-        stickyAditionalContent: w(!1),
-        stickyTabs: w(!1),
-        tabsRef: w(null)
+        stickyAditionalContent: S(!1),
+        stickyTabs: S(!1),
+        tabsRef: S(null)
       })
     ), { additionalContentSlotRef: L, isDataGridTemplate: $, stickyTabs: H, tabsRef: c, stickyAdditionalContent: z } = de(), {
       columnDefs: K,
@@ -3853,7 +3855,7 @@ const Za = Vl.exports, Hl = (s, t, n) => {
       columns: we,
       totalWidthOfAllColumns: Se,
       rowActionsMaxWidth: Re
-    } = Ls(N, m, a, d, p, {
+    } = Ts(N, m, a, d, p, {
       hasColumnPanel: b,
       hasSelectableColumn: g,
       hasSelectableAcrossPages: I,
@@ -3861,7 +3863,7 @@ const Za = Vl.exports, Hl = (s, t, n) => {
       hasNestedRows: i,
       allowColumnDragAndDrop: E,
       isDataGridTemplate: $
-    }), v = C(() => e.rowActions !== void 0), { registerRowCellRefs: T, rebuildGridcellRefs: Z } = Hl(
+    }), v = C(() => e.rowActions !== void 0), { registerRowCellRefs: T, rebuildGridcellRefs: Z } = Zl(
       p,
       Re,
       v
@@ -3885,12 +3887,12 @@ const Za = Vl.exports, Hl = (s, t, n) => {
       onConfigSettingsColumnUpdate: qt,
       onConfigSettingsCondensedUpdate: Kt,
       onConfigSettingsZebraRowsUpdate: Yt
-    } = Ms(K, q, k), { hoveredOverColumn: Xt, hoveredOverColumnState: Jt } = Ps(
+    } = xs(K, q, k), { hoveredOverColumn: Xt, hoveredOverColumnState: Jt } = zs(
       Ue,
       g,
       x,
       be
-    ), { draggingColumns: Qt, draggingEventsForColumns: en, draggingEventsForRowCell: tn, onMoveColumnByOffset: nn } = Fs(Be, E, k), Je = C(
+    ), { draggingColumns: Qt, draggingEventsForColumns: en, draggingEventsForRowCell: tn, onMoveColumnByOffset: nn } = Ms(Be, E, k), Je = C(
       () => {
         var M;
         return ((M = e.data) == null ? void 0 : M.length) > 0 && !!e.selectableAcrossPages && !!e.pagination && e.pagination.totalCount > 0;
@@ -3903,7 +3905,7 @@ const Za = Vl.exports, Hl = (s, t, n) => {
       allItemsSelectedState: rn,
       selectedItems: Qe,
       selectionState: cn
-    } = Ts(
+    } = Os(
       A,
       k,
       m,
@@ -3917,14 +3919,14 @@ const Za = Vl.exports, Hl = (s, t, n) => {
         filtered: ((M = y.value) == null ? void 0 : M.isClearAllVisible) || ((Y = y.value) == null ? void 0 : Y.isResetAllVisible) || !!e.filterSearchTerm,
         allRowsVisible: ((Ae = U.value) == null ? void 0 : Ae.size) >= ((Ee = U.value) == null ? void 0 : Ee.totalCount)
       };
-    }), { navigationInput: un } = Is(
+    }), { navigationInput: un } = Ns(
       p,
       d,
       Be,
       g,
       v,
       b
-    ), { isLazyLoad: Ne, isInfiniteScroll: fn, verticalScrollPosition: et, emitLazyLoadEvent: gn } = Ds(
+    ), { isLazyLoad: Ne, isInfiniteScroll: fn, verticalScrollPosition: et, emitLazyLoadEvent: gn } = Fs(
       O,
       u,
       a,
@@ -3937,11 +3939,11 @@ const Za = Vl.exports, Hl = (s, t, n) => {
       hasLeftOverflow: ke,
       hasRightOverflow: tt,
       horizontalScrollbarConditionalStyles: vn
-    } = xs(
+    } = Ps(
       a,
       r,
       et,
-      S,
+      w,
       R,
       Se,
       {
@@ -4011,11 +4013,11 @@ const Za = Vl.exports, Hl = (s, t, n) => {
     ot.value || Ft(
       "WARNING: At least one BentoDataGrid column should be set as mandatory to ensure data is always displayed correctly."
     );
-    const lt = ge(Yn, () => null);
-    return lt(e.tabTitle), De($t, $e(e, "slashedZero")), t({ onEmptyStateClearResetButtonClick: nt }), { __sfc: !0, props: e, slots: o, hasSlot: l, body: a, columnsRef: r, columnHeaderRefs: d, dataGridUid: f, gridcellRefs: p, filtersRef: h, filterBarRef: y, paginationContainerRef: R, verticalScrollPositionRef: u, virtualHorizontalScrollbarRef: S, allowColumnDragAndDrop: E, columns: N, columnPanel: b, data: m, lazyLoadType: O, loading: F, hasNestedContent: _, hasNestedRows: i, selectable: g, selection: A, selectableAcrossPages: I, stickyPagination: P, outline: x, pagination: U, zebraRows: q, hoveredRowIndex: G, t: V, frozenColumnsLength: W, MOBILE_BREAKPOINT: B, dataGridRef: ne, width: me, isSmallContainer: ve, isTouchDevice: _e, registerDatagridInDataGridTemplate: de, additionalContentSlotRef: L, isDataGridTemplate: $, stickyTabs: H, tabsRef: c, stickyAdditionalContent: z, columnDefs: K, onColumnWidthOverride: te, gridRowWidthStyle: ie, isMeasuringColumnWidths: Te, isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: be, localColumnsState: we, totalWidthOfAllColumns: Se, rowActionsMaxWidth: Re, hasRowActions: v, registerRowCellRefs: T, rebuildGridcellRefs: Z, definedEmitsFunction: n, emit: k, stickyFiltersHeight: ae, computedStickyFiltersTopPosition: he, columnHeadersHeight: pe, computedColumnHeadersTopPosition: Ht, sortedColumns: Be, columnSets: Ue, isOnlyOneVisibleColumn: Zt, internalZebraRows: Xe, onConfigSettingsColumnsUpdate: jt, onConfigSettingsColumnUpdate: qt, onConfigSettingsCondensedUpdate: Kt, onConfigSettingsZebraRowsUpdate: Yt, hoveredOverColumn: Xt, hoveredOverColumnState: Jt, draggingColumns: Qt, draggingEventsForColumns: en, draggingEventsForRowCell: tn, onMoveColumnByOffset: nn, selectableAcrossPagesComputed: Je, onAllRowSelect: sn, onRowSelect: on, onNestedRowSelect: ln, onDeselectAll: an, allItemsSelectedState: rn, selectedItems: Qe, selectionState: cn, visibleRowsState: dn, navigationInput: un, isLazyLoad: Ne, isInfiniteScroll: fn, verticalScrollPosition: et, emitLazyLoadEvent: gn, updateScrollPosition: mn, updateScrollPositionOnFrozenColumnsNavigation: _n, syncVirtualScrollerWithBody: Cn, hasLeftOverflow: ke, hasRightOverflow: tt, horizontalScrollbarConditionalStyles: vn, onEmptyStateClearResetButtonClick: nt, limitedEmptyStateProps: hn, conditionalGridClasses: pn, conditionalGridBodyClasses: bn, computedColumnPanelAlignment: wn, showFrozenColumnsSeparator: Sn, conditionalFilterClasses: Rn, conditionalPaginationClasses: An, registerColumnHeaderRefs: En, onRowClick: yn, onNestedContentToggled: Ln, onCellHover: Tn, ariaGridRole: On, itemsSelectedCounter: st, showActionBar: In, onColumnResized: Nn, onSort: Dn, onPaginationNavigate: Fn, onItemsPerPageChange: Mn, onSearchTermCleared: xn, onSearchTermInput: Pn, hasMandatoryColumn: ot, setTitle: lt, BentoActionBar: Zn, BentoPagination: jn, BentoLoadingIndicator: Ze, BentoTypography: Le, BentoDataGridConfigSettings: Do, DataGridColumns: _o, DataGridLazyLoad: Bo, DataGridRow: Vt, handleClipboard: zs, BentoDatagridEvent: D, BentoFilterBar: qn, BentoEmptyState: Kn };
+    const lt = ge(Xn, () => null);
+    return lt(e.tabTitle), De($t, $e(e, "slashedZero")), t({ onEmptyStateClearResetButtonClick: nt }), { __sfc: !0, props: e, slots: o, hasSlot: l, body: a, columnsRef: r, columnHeaderRefs: d, dataGridUid: f, gridcellRefs: p, filtersRef: h, filterBarRef: y, paginationContainerRef: R, verticalScrollPositionRef: u, virtualHorizontalScrollbarRef: w, allowColumnDragAndDrop: E, columns: N, columnPanel: b, data: m, lazyLoadType: O, loading: F, hasNestedContent: _, hasNestedRows: i, selectable: g, selection: A, selectableAcrossPages: I, stickyPagination: P, outline: x, pagination: U, zebraRows: q, hoveredRowIndex: G, t: V, frozenColumnsLength: W, MOBILE_BREAKPOINT: B, dataGridRef: ne, width: me, isSmallContainer: Ce, isTouchDevice: ve, registerDatagridInDataGridTemplate: de, additionalContentSlotRef: L, isDataGridTemplate: $, stickyTabs: H, tabsRef: c, stickyAdditionalContent: z, columnDefs: K, onColumnWidthOverride: te, gridRowWidthStyle: ie, isMeasuringColumnWidths: Te, isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: be, localColumnsState: we, totalWidthOfAllColumns: Se, rowActionsMaxWidth: Re, hasRowActions: v, registerRowCellRefs: T, rebuildGridcellRefs: Z, definedEmitsFunction: n, emit: k, stickyFiltersHeight: ae, computedStickyFiltersTopPosition: he, columnHeadersHeight: pe, computedColumnHeadersTopPosition: Ht, sortedColumns: Be, columnSets: Ue, isOnlyOneVisibleColumn: Zt, internalZebraRows: Xe, onConfigSettingsColumnsUpdate: jt, onConfigSettingsColumnUpdate: qt, onConfigSettingsCondensedUpdate: Kt, onConfigSettingsZebraRowsUpdate: Yt, hoveredOverColumn: Xt, hoveredOverColumnState: Jt, draggingColumns: Qt, draggingEventsForColumns: en, draggingEventsForRowCell: tn, onMoveColumnByOffset: nn, selectableAcrossPagesComputed: Je, onAllRowSelect: sn, onRowSelect: on, onNestedRowSelect: ln, onDeselectAll: an, allItemsSelectedState: rn, selectedItems: Qe, selectionState: cn, visibleRowsState: dn, navigationInput: un, isLazyLoad: Ne, isInfiniteScroll: fn, verticalScrollPosition: et, emitLazyLoadEvent: gn, updateScrollPosition: mn, updateScrollPositionOnFrozenColumnsNavigation: _n, syncVirtualScrollerWithBody: Cn, hasLeftOverflow: ke, hasRightOverflow: tt, horizontalScrollbarConditionalStyles: vn, onEmptyStateClearResetButtonClick: nt, limitedEmptyStateProps: hn, conditionalGridClasses: pn, conditionalGridBodyClasses: bn, computedColumnPanelAlignment: wn, showFrozenColumnsSeparator: Sn, conditionalFilterClasses: Rn, conditionalPaginationClasses: An, registerColumnHeaderRefs: En, onRowClick: yn, onNestedContentToggled: Ln, onCellHover: Tn, ariaGridRole: On, itemsSelectedCounter: st, showActionBar: In, onColumnResized: Nn, onSort: Dn, onPaginationNavigate: Fn, onItemsPerPageChange: Mn, onSearchTermCleared: xn, onSearchTermInput: Pn, hasMandatoryColumn: ot, setTitle: lt, BentoActionBar: Zn, BentoPagination: jn, BentoLoadingIndicator: Ze, BentoTypography: Le, BentoDataGridConfigSettings: Fo, DataGridColumns: Co, DataGridLazyLoad: Uo, DataGridRow: Vt, handleClipboard: Bs, BentoDatagridEvent: D, BentoFilterBar: Kn, BentoEmptyState: Yn };
   }
 });
-var ql = function() {
+var Kl = function() {
   var o;
   var t = this, n = t._self._c, e = t._self._setupProxy;
   return n("div", { ref: "dataGridRef", staticClass: "b-data-grid", class: e.conditionalGridClasses, attrs: { "data-testid": "data-grid", "aria-live": "polite", "aria-busy": e.loading }, on: { copy: e.handleClipboard } }, [t.filters ? n("div", { ref: "filtersRef", staticClass: "b-data-grid__filters", class: e.conditionalFilterClasses, style: { top: e.computedStickyFiltersTopPosition }, attrs: { "aria-controls": e.dataGridUid, "aria-label": e.t("filterBar"), role: "region" } }, [t.filters ? n(e.BentoFilterBar, { ref: "filterBarRef", attrs: { config: t.filters, "container-size-layout": t.filtersContainerSizeLayout, "filter-values": t.filterValues, "filter-values-object": t.filterValuesObject, search: t.filterSearchConfig, "search-term": t.filterSearchTerm }, on: { "search-input": e.onSearchTermInput, "search-clear": e.onSearchTermCleared, input: (l) => t.$emit(e.BentoDatagridEvent.UPDATE_FILTERS, l), "update:filter-values": (l) => t.$emit(e.BentoDatagridEvent.UPDATE_FILTER_VALUES, l), "update:filter-values-object": (l) => t.$emit(e.BentoDatagridEvent.UPDATE_FILTER_VALUES_OBJECT, l) } }) : t._e()], 1) : t._e(), t.$slots.header ? n("div", { staticClass: "b-data-grid__header" }, [t._t("header")], 2) : t._e(), n("div", { staticClass: "b-data-grid__wrapper", style: { top: e.computedColumnHeadersTopPosition }, attrs: { id: e.dataGridUid, role: e.ariaGridRole, "aria-rowcount": e.data.length, "aria-colcount": e.columns.length, "aria-label": t.emptyState ? e.t("noResults") : null } }, [n("div", { staticClass: "b-data-grid__column-headers", style: { top: e.computedColumnHeadersTopPosition } }, [n("div", { ref: "columnsRef", staticClass: "b-data-grid__columns-row", attrs: { role: "rowgroup" }, on: { scroll: e.updateScrollPosition, keydown: e.navigationInput } }, [e.columnPanel ? n("div", { attrs: { role: "row" } }, [n(e.BentoDataGridConfigSettings, { staticClass: "b-data-grid__config-settings", attrs: { role: "gridcell", columns: e.localColumnsState, condensed: t.condensed, "zebra-rows": e.internalZebraRows }, on: { "update:condensed": e.onConfigSettingsCondensedUpdate, "update:zebra-rows": e.onConfigSettingsZebraRowsUpdate, "update:columns": e.onConfigSettingsColumnsUpdate } })], 1) : t._e(), n("div", { staticClass: "b-data-grid__columns", style: e.gridRowWidthStyle, attrs: { role: "row" } }, [t._l(e.columnSets, function({ columnSet: l, id: a, isFrozenColumns: r }, d) {
@@ -4045,25 +4047,25 @@ var ql = function() {
       } };
     })], null, !0) });
   })], 2)])]), e.isLazyLoad ? n(e.DataGridLazyLoad, { attrs: { loading: e.loading, "is-infinite-scroll": e.isInfiniteScroll }, on: { "update:show-more": e.emitLazyLoadEvent } }) : t._e(), t.stickyHorizontalScrollbar ? n("div", { ref: "virtualHorizontalScrollbarRef", staticClass: "b-data-grid__horizontal-scrollbar", style: e.horizontalScrollbarConditionalStyles, attrs: { "aria-hidden": "true", "data-testid": "sticky-horizontal-scrollbar" }, on: { scroll: e.syncVirtualScrollerWithBody } }, [n("div", { style: { width: `${e.totalWidthOfAllColumns}px`, height: "15px" } })]) : t._e(), e.pagination && !e.isLazyLoad ? n("div", { ref: "paginationContainerRef", staticClass: "b-data-grid__pagination", class: e.conditionalPaginationClasses, attrs: { "data-testid": "pagination-container" } }, [n(e.BentoPagination, t._b({ attrs: { "aria-label": t.$t("pagination"), "aria-controls": e.dataGridUid }, on: { navigate: e.onPaginationNavigate, "items-page": e.onItemsPerPageChange } }, "bento-pagination", e.pagination, !1), [e.hasSlot("pagination-slot") ? t._t("pagination-slot") : t._e()], 2)], 1) : t._e(), t.$slots.footer ? n("div", { staticClass: "b-data-grid__footer" }, [t._t("footer")], 2) : t._e(), e.showActionBar ? n(e.BentoActionBar, { attrs: { actions: t.bulkActions, "item-counter": e.itemsSelectedCounter, "extra-bottom-spacing": e.stickyPagination }, on: { close: e.onDeselectAll } }) : t._e()], 1);
-}, Kl = [], Yl = /* @__PURE__ */ J(
-  jl,
+}, Yl = [], Xl = /* @__PURE__ */ J(
   ql,
   Kl,
+  Yl,
   !1,
   null,
-  "2c25391d"
+  "08f94a17"
 );
-const ja = Yl.exports;
+const Ka = Xl.exports;
 export {
   We as B,
-  Ga as a,
-  Va as b,
-  Ha as c,
-  ja as d,
-  Za as e,
+  Ha as a,
+  Za as b,
+  ja as c,
+  Ka as d,
+  qa as e,
   Fe as f,
   D as g,
   ye as h,
   fe as i
 };
-//# sourceMappingURL=data-grid.x6cEW0az.js.map
+//# sourceMappingURL=data-grid.ZHY5EzP3.js.map