@adyen/bento-vue3 1.90.0 → 1.91.0

package/dist/chunks/{data-grid.CXWaoqzi.js → data-grid.DvMe72LK.js}

@@ -1,4 +1,4 @@
-import { ref as w, onMounted as Ke, nextTick as de, watch as Ce, onUnmounted as vn, reactive as At, toRefs as Et, computed as v, watchEffect as pl, onBeforeUpdate as bl, openBlock as c, createElementBlock as E, mergeProps as ee, toDisplayString as q, createCommentVNode as F, createElementVNode as O, defineComponent as Se, inject as Te, normalizeClass as ae, Fragment as fe, renderList as pe, unref as l, toHandlers as ft, createBlock as W, withCtx as V, createVNode as j, renderSlot as Oe, withModifiers as wl, normalizeStyle as Le, resolveComponent as we, createTextVNode as re, withDirectives as Je, vShow as Sl, toRef as wt, resolveDirective as _l, Transition as hn, createSlots as qe, resolveDynamicComponent as je, useSlots as yt, provide as it, withKeys as Bt, normalizeProps as Rl, guardReactiveProps as Al } from "vue";
+import { ref as S, onMounted as Je, nextTick as de, watch as Ce, onUnmounted as vn, reactive as At, toRefs as Et, computed as v, watchEffect as pl, onBeforeUpdate as bl, openBlock as c, createElementBlock as E, mergeProps as ee, toDisplayString as q, createCommentVNode as F, createElementVNode as O, defineComponent as Se, inject as Te, normalizeClass as ae, Fragment as fe, renderList as be, unref as l, toHandlers as ft, createBlock as W, withCtx as V, createVNode as j, renderSlot as Oe, withModifiers as wl, normalizeStyle as Le, resolveComponent as we, createTextVNode as re, withDirectives as Xe, vShow as Sl, toRef as wt, resolveDirective as _l, Transition as hn, createSlots as qe, resolveDynamicComponent as je, useSlots as yt, provide as it, withKeys as Bt, normalizeProps as Rl, guardReactiveProps as Al } from "vue";
 import { C as El } from "./checkmark-circle-fill.DugX5fbG.js";
 import { W as yl } from "./warning-filled.BzyK_mMj.js";
 /* empty css              */
@@ -7,42 +7,43 @@ import { C as Cn } from "./cross.CCHdi6v3.js";
 import { N as Wt } from "./minus-small.CnYLTuSv.js";
 import { E as le, b as St, T as Ll, B as Ol } from "./tooltip.DHfG2aRt.js";
 import { b as Tl } from "./popper-container.DMN8n5iC.js";
-import { B as Il } from "./dashed-underline.CwdpUz76.js";
+import { B as Il } from "./dashed-underline.B50DIXjK.js";
 import { B as Ge, p as pn } from "./typography.B3J6_tYk.js";
 import { u as Me } from "./index.B875RXHM.js";
 import { B as Nl } from "./tag.YN2r-Pp3.js";
-import { B as Dl } from "./action-bar.Pe_hvtja.js";
-import { B as Ml } from "./pagination.DL-h8OLF.js";
+import { B as Dl } from "./action-bar.BPS3wPde.js";
+import { B as Ml } from "./pagination.Cu85Lqms.js";
 import { B as dt } from "./loading-indicator.BPol9I84.js";
 import { u as Lt } from "./use-has-slot.CyMiImRQ.js";
+import { u as zl } from "./use-touch-device.DTqFAbXh.js";
 import { g as ut } from "./generate-uid.DBWe4g6T.js";
-import { a as zl } from "./filter-bar.fowl40RS.js";
-import { B as Fl } from "./empty-state.DT4sFyjB.js";
-import { E as Pl } from "./tabs.keys.B4qGhjp2.js";
-import { D as $l } from "./data-grid-template.keys.VezYtHtM.js";
-import { b as kl } from "./index.DDwcHPb6.js";
+import { a as Fl } from "./filter-bar.Dt-cU3zy.js";
+import { B as Pl } from "./empty-state.DT4sFyjB.js";
+import { E as $l } from "./tabs.keys.B4qGhjp2.js";
+import { D as kl } from "./data-grid-template.keys.VezYtHtM.js";
+import { b as Ul } from "./index.DDwcHPb6.js";
 import { o as Ot } from "./resize.Bqks3WUm.js";
-import { f as _t, c as Tt, h as Ul, a as Vt, b as Gt, O as xt, D as Bl } from "./button-actions.Bh_PZ_fV.js";
+import { f as _t, c as Tt, h as Bl, a as Vt, b as Gt, O as xt, D as Wl } from "./button-actions.DLiM8KZL.js";
 import { B as bn } from "./button.DWF7FSIw.js";
 import { B as wn } from "./toggle.BQoprdX-.js";
-import { B as Wl } from "./search-bar.DfNwnjes.js";
-import { B as Vl } from "./directive.Dpivxq_t.js";
-import { u as Gl } from "./dropdown.Do-mZiI6.js";
-import { S as xl } from "./search.ClLmZAgC.js";
-import { B as Sn } from "./checkbox.BlAhQl9N.js";
-import { B as Hl } from "./info-icon.B3MDsjMu.js";
-import { D as Zl } from "./use-cached-selected-values.DIbfa5F1.js";
+import { B as Vl } from "./search-bar.p6kHCCvT.js";
+import { B as Gl } from "./directive.C8kY-ZW-.js";
+import { u as xl } from "./dropdown.DHoL50gV.js";
+import { S as Hl } from "./search.ClLmZAgC.js";
+import { B as Sn } from "./checkbox.BPrymcRl.js";
+import { B as Zl } from "./info-icon.B3MDsjMu.js";
+import { D as jl } from "./use-cached-selected-values.Bx8uuky9.js";
 import { B as Ht } from "./popover.types.D8tHtFl3.js";
-import { A as jl } from "./arrow-left.C6UiqO-c.js";
-import { A as ql } from "./arrow-right.fSdLV_ho.js";
-import { H as Kl, S as Yl } from "./show.BreRPkgL.js";
+import { A as ql } from "./arrow-left.C6UiqO-c.js";
+import { A as Kl } from "./arrow-right.fSdLV_ho.js";
+import { H as Yl, S as Xl } from "./show.BreRPkgL.js";
 import { l as Zt } from "./events.BQOQSSb7.js";
 import { b as _n } from "./focus-trap.BAiM_ywb.js";
 import { E as jt } from "./link.D6D6YGsN.js";
 import { C as qt } from "./copy.CL893i9-.js";
-import { C as Xl } from "./chevron-down.XeE-LBV_.js";
-import { C as Jl } from "./chevron-up.Cmgl2a3x.js";
-import { u as Ql } from "./use-expandable-content-height.B5jjRvCz.js";
+import { C as Jl } from "./chevron-down.XeE-LBV_.js";
+import { C as Ql } from "./chevron-up.Cmgl2a3x.js";
+import { u as eo } from "./use-expandable-content-height.B5jjRvCz.js";
 import "../assets/data-grid.css";
 const Kt = (e) => {
   if (!e)
@@ -56,14 +57,14 @@ const Kt = (e) => {
   }
   const r = parseFloat(s.top);
   return !isNaN(r) && r < 0 && (i += r), i;
-}, Yt = (e, s, i = w(!1), t = null) => {
-  const r = w(0);
+}, Yt = (e, s, i = S(!1), t = null) => {
+  const r = S(0);
   let n = null, o = null;
   const f = () => {
     const a = s.value ? Kt(e.value) : 0, m = i.value && t ? Kt(t.value) : 0;
     r.value = a + m;
   };
-  return Ke(() => {
+  return Je(() => {
     de(() => {
       const a = Ce(
         e,
@@ -84,9 +85,9 @@ const Kt = (e) => {
     n?.disconnect(), o?.disconnect();
   }), r;
 };
-var Rt = /* @__PURE__ */ ((e) => (e.WRAP = "wrap", e.ELLIPSIS = "ellipsis", e))(Rt || {}), ne = /* @__PURE__ */ ((e) => (e.COLUMN_RESIZE = "column-resize", e.COLUMN_RESIZING = "column-resizing", e.SELECT_ALL_ROWS = "select-all-rows", e.SELECT_ALL_ACROSS_PAGES = "select-all-across-pages", e.SELECT_ALL_CURRENT_RESULTS = "select-all-current-results", e.DESELECT_ALL = "deselect-all", e.DESELECT_ALL_CURRENT_RESULTS = "deselect-all-current-results", e.COLUMN_MOVE = "column-move", e.COLUMN_UPDATE = "column-update", e.COLUMN_MENU_OPEN = "column-menu-open", e.COLUMN_MENU_CLOSE = "column-menu-close", e.COLUMN_HOVER = "column-hover", e.COLUMN_DRAG_START = "column-dragstart", e.COLUMN_DRAG_ENTER = "column-dragenter", e.COLUMN_DRAG_END = "column-dragend", e.COLUMN_DROP = "column-drop", e))(ne || {}), ye = /* @__PURE__ */ ((e) => (e.OUTLINE = "outline", e.SCROLL = "scroll", e.STICKY_FILTERS = "sticky-filters", e.OVERFLOW_SHADOW_LEFT = "overflow-shadow-left", e.OVERFLOW_SHADOW_RIGHT = "overflow-shadow-right", e.NO_SPACING_TOP = "no-spacing-top", e.FIT_CONTENT = "fit-content", e.ZEBRA_ROWS = "zebra-rows", e))(ye || {}), Pe = /* @__PURE__ */ ((e) => (e.ASCENDING = "asc", e.DESCENDING = "desc", e))(Pe || {}), N = /* @__PURE__ */ ((e) => (e.CELL_FOCUS = "cell-focus", e.COLUMNS = "columns", e.COLUMN_RESIZE = "column-resize", e.ITEMS_PAGE = "items-page", e.NAVIGATE = "navigate", e.NESTED_CONTENT_TOGGLED = "nested-content-toggled", e.FILTER_SEARCH_INPUT = "filter-search-input", e.FILTER_SEARCH_CLEAR = "filter-search-clear", e.UPDATE_COLUMNS = "update:columns", e.UPDATE_CONDENSED = "update:condensed", e.UPDATE_FILTERS = "update:filters", e.UPDATE_FILTER_VALUES = "update:filter-values", e.UPDATE_FILTER_VALUES_OBJECT = "update:filter-values-object", e.UPDATE_FILTER_SEARCH_TERM = "update:filter-search-term", e.UPDATE_PAGINATION = "update:pagination", e.UPDATE_SELECTION = "update:selection", e.UPDATE_SHOW_MORE = "update:show-more", e.UPDATE_SORT_BY = "update:sort-by", e.UPDATE_ZEBRA_ROWS = "update:zebra-rows", e.ROW_CLICK = "row-click", e.SELECT = "select", e.SELECT_ALL_ACROSS_PAGES = "select-all-across-pages", e.SELECT_ALL_CURRENT_RESULTS = "select-all-current-results", e.DESELECT_ALL_CURRENT_RESULTS = "deselect-all-current-results", e.SORT = "sort", e))(N || {}), rt = /* @__PURE__ */ ((e) => (e.ASCENDING = "ascending", e.DESCENDING = "descending", e.NONE = "none", e))(rt || {});
-const eo = (e, s) => {
-  const i = w(null), t = w(!1), r = w(void 0), n = e.value.reduce((_, D) => (_[D.field] = null, _), {}), o = At(n), f = Et(o);
+var Rt = /* @__PURE__ */ ((e) => (e.WRAP = "wrap", e.ELLIPSIS = "ellipsis", e))(Rt || {}), ne = /* @__PURE__ */ ((e) => (e.COLUMN_RESIZE = "column-resize", e.COLUMN_RESIZING = "column-resizing", e.SELECT_ALL_ROWS = "select-all-rows", e.SELECT_ALL_ACROSS_PAGES = "select-all-across-pages", e.SELECT_ALL_CURRENT_RESULTS = "select-all-current-results", e.DESELECT_ALL = "deselect-all", e.DESELECT_ALL_CURRENT_RESULTS = "deselect-all-current-results", e.COLUMN_MOVE = "column-move", e.COLUMN_UPDATE = "column-update", e.COLUMN_MENU_OPEN = "column-menu-open", e.COLUMN_MENU_CLOSE = "column-menu-close", e.COLUMN_HOVER = "column-hover", e.COLUMN_DRAG_START = "column-dragstart", e.COLUMN_DRAG_ENTER = "column-dragenter", e.COLUMN_DRAG_END = "column-dragend", e.COLUMN_DROP = "column-drop", e))(ne || {}), ye = /* @__PURE__ */ ((e) => (e.OUTLINE = "outline", e.SCROLL = "scroll", e.STICKY_FILTERS = "sticky-filters", e.OVERFLOW_SHADOW_LEFT = "overflow-shadow-left", e.OVERFLOW_SHADOW_RIGHT = "overflow-shadow-right", e.NO_SPACING_TOP = "no-spacing-top", e.FIT_CONTENT = "fit-content", e.ZEBRA_ROWS = "zebra-rows", e))(ye || {}), Fe = /* @__PURE__ */ ((e) => (e.ASCENDING = "asc", e.DESCENDING = "desc", e))(Fe || {}), N = /* @__PURE__ */ ((e) => (e.CELL_FOCUS = "cell-focus", e.COLUMNS = "columns", e.COLUMN_RESIZE = "column-resize", e.ITEMS_PAGE = "items-page", e.NAVIGATE = "navigate", e.NESTED_CONTENT_TOGGLED = "nested-content-toggled", e.FILTER_SEARCH_INPUT = "filter-search-input", e.FILTER_SEARCH_CLEAR = "filter-search-clear", e.UPDATE_COLUMNS = "update:columns", e.UPDATE_CONDENSED = "update:condensed", e.UPDATE_FILTERS = "update:filters", e.UPDATE_FILTER_VALUES = "update:filter-values", e.UPDATE_FILTER_VALUES_OBJECT = "update:filter-values-object", e.UPDATE_FILTER_SEARCH_TERM = "update:filter-search-term", e.UPDATE_PAGINATION = "update:pagination", e.UPDATE_SELECTION = "update:selection", e.UPDATE_SHOW_MORE = "update:show-more", e.UPDATE_SORT_BY = "update:sort-by", e.UPDATE_ZEBRA_ROWS = "update:zebra-rows", e.ROW_CLICK = "row-click", e.SELECT = "select", e.SELECT_ALL_ACROSS_PAGES = "select-all-across-pages", e.SELECT_ALL_CURRENT_RESULTS = "select-all-current-results", e.DESELECT_ALL_CURRENT_RESULTS = "deselect-all-current-results", e.SORT = "sort", e))(N || {}), rt = /* @__PURE__ */ ((e) => (e.ASCENDING = "ascending", e.DESCENDING = "descending", e.NONE = "none", e))(rt || {});
+const to = (e, s) => {
+  const i = S(null), t = S(!1), r = S(void 0), n = e.value.reduce((_, D) => (_[D.field] = null, _), {}), o = At(n), f = Et(o);
   let a = 0, m = "";
   const R = v(
     () => Object.fromEntries(e.value.map(({ field: _, width: D, minWidth: y }) => [_, { width: D, minWidth: y }]))
@@ -122,7 +123,7 @@ const eo = (e, s) => {
     isResizing: t,
     columnHoverEventToEmitAfterResizing: i
   };
-}, to = 100, Xt = 50, he = "b-actions-column", no = 42, lo = 56, oo = 56, so = 80, ao = 36, io = 1, Rn = 16, ro = 20, uo = (e, s, i) => {
+}, no = 100, Xt = 50, he = "b-actions-column", lo = 42, oo = 56, so = 56, ao = 80, io = 36, ro = 1, Rn = 16, uo = 20, co = (e, s, i) => {
   const t = {}, r = [], n = (f) => {
     const a = t[f];
     a && a.frozen !== !0 && (t[f].frozen = !0, r.push(f));
@@ -154,10 +155,10 @@ const eo = (e, s) => {
   }
   return o(), t;
 }, Jt = (e, s) => {
-  let i = io;
+  let i = ro;
   return s && (i += Rn * 2), e?.offsetWidth ? e.offsetWidth + i : 0;
-}, co = (e) => e?.hasNestedContent?.value || e?.hasNestedRows?.value ? e?.hasSelectableColumn?.value ? e?.hasSelectableAcrossPages?.value ? so : oo : ao : e?.hasSelectableAcrossPages?.value ? lo : no, go = (e, s, i, t, r, n) => {
-  const o = w(e.value), f = w(s), a = w(i), m = w(t), R = w(r), p = w(!1), I = w(0);
+}, go = (e) => e?.hasNestedContent?.value || e?.hasNestedRows?.value ? e?.hasSelectableColumn?.value ? e?.hasSelectableAcrossPages?.value ? ao : so : io : e?.hasSelectableAcrossPages?.value ? oo : lo, fo = (e, s, i, t, r, n) => {
+  const o = S(e.value), f = S(s), a = S(i), m = S(t), R = S(r), p = S(!1), I = S(0);
   Ce(
     () => e.value,
     (d, b) => {
@@ -172,7 +173,7 @@ const eo = (e, s) => {
       });
     }
   );
-  const A = w();
+  const A = S();
   let g = null;
   const L = v(() => {
     const d = [];
@@ -181,7 +182,7 @@ const eo = (e, s) => {
     let Z = o.value.filter((X) => X.visible !== !1);
     const J = o.value.filter((X) => X.visible === !1);
     if (n?.hasSelectableColumn?.value || n?.hasNestedContent?.value || n?.hasNestedRows?.value) {
-      const X = co(n);
+      const X = go(n);
       Z = [
         {
           field: he,
@@ -198,13 +199,13 @@ const eo = (e, s) => {
       const Y = { ...X };
       let ge;
       Y.flex && Y.flex > 0 ? (b += Y.flex, ge = 0, d.push(Y)) : ge = Math.max(
-        Y?.width ?? to,
+        Y?.width ?? no,
         Y?.minWidth ?? Xt
       ), P += ge, Y.width = ge, Y.minWidth = Y?.minWidth ?? Xt, B[Y.field] = Y;
     }), P += I.value;
     const K = Math.max(A.value - P, 0);
     if (b > 0 && A.value > 0) {
-      const X = uo(K, b, d);
+      const X = co(K, b, d);
       Object.keys(X).forEach((Y) => {
         B[Y].width = X[Y].computedWidth;
       });
@@ -213,7 +214,7 @@ const eo = (e, s) => {
       const Y = { ...X };
       B[Y.field] = Y;
     }), Object.values(B);
-  }), _ = w(void 0), D = (d) => {
+  }), _ = S(void 0), D = (d) => {
     _.value = { ..._.value, ...d };
   }, y = async () => {
     o.value.some((d) => d?.autoWidth) && (p.value = !0, await de(), await de(), o?.value.filter((d) => d?.autoWidth).forEach(({ field: d, minWidth: b }) => {
@@ -247,8 +248,8 @@ const eo = (e, s) => {
   ), u = v(() => ({
     width: A.value > C.value ? "100%" : "fit-content"
   }));
-  return Ke(() => {
-    const d = n?.isDataGridTemplate ? ro : 0;
+  return Je(() => {
+    const d = n?.isDataGridTemplate ? uo : 0;
     de(() => {
       a.value && (A.value = a.value.getBoundingClientRect().width - d);
       const b = Ce(
@@ -279,8 +280,8 @@ const eo = (e, s) => {
     totalWidthOfAllColumns: C,
     rowActionsMaxWidth: I
   };
-}, fo = (e, s, i, t, r, n, o) => {
-  const f = w(e.value ?? []), a = At({
+}, mo = (e, s, i, t, r, n, o) => {
+  const f = S(e.value ?? []), a = At({
     allItemsSelected: !1,
     isIndeterminate: !1
   }), m = v(
@@ -357,17 +358,17 @@ const eo = (e, s) => {
     selectedItems: f,
     selectionState: u
   };
-}, mo = (e, s, i) => ({ isSorting: (o) => e.value.some((f) => f.field === o), getSortingDirection: (o) => e.value.find((f) => f.field === o)?.direction, sortByColumnField: (o) => {
+}, vo = (e, s, i) => ({ isSorting: (o) => e.value.some((f) => f.field === o), getSortingDirection: (o) => e.value.find((f) => f.field === o)?.direction, sortByColumnField: (o) => {
   if (!s.value.some((m) => m.field === o && m.sortable))
     return;
   const a = [{
     field: o,
-    direction: e.value.find((m) => m.field === o)?.direction === Pe.ASCENDING ? Pe.DESCENDING : Pe.ASCENDING
+    direction: e.value.find((m) => m.field === o)?.direction === Fe.ASCENDING ? Fe.DESCENDING : Fe.ASCENDING
   }];
   i("sort", a);
 } });
 var ve = ((e) => (e[e.ARROW_DOWN = le.ARROW_DOWN] = "ARROW_DOWN", e[e.ARROW_UP = le.ARROW_UP] = "ARROW_UP", e[e.ARROW_LEFT = le.ARROW_LEFT] = "ARROW_LEFT", e[e.ARROW_RIGHT = le.ARROW_RIGHT] = "ARROW_RIGHT", e[e.PAGE_UP = le.PAGE_UP] = "PAGE_UP", e[e.PAGE_DOWN = le.PAGE_DOWN] = "PAGE_DOWN", e[e.END = le.END] = "END", e[e.HOME = le.HOME] = "HOME", e))(ve || {});
-const It = "b-row-actions-column", vo = (e, s, i, t, r, n) => {
+const It = "b-row-actions-column", ho = (e, s, i, t, r, n) => {
   const o = v(() => n.value || t.value ? !0 : i.value.some((y) => y.infoIconTooltip || y.sortable)), f = v(() => {
     let y = i.value.filter(({ visible: z }) => z !== !1);
     return r.value && (y = [
@@ -432,18 +433,18 @@ const It = "b-row-actions-column", vo = (e, s, i, t, r, n) => {
       d.getAttribute("role") !== "menuitem" && (m.value.includes(d) || (d = M.closest('[role="gridcell"], [role="columnheader"]')), m.value.includes(d) && _(u) && L(d, u, z));
     }
   };
-}, ho = 90, Co = (e, s, i, t, r) => {
-  const n = w(e), o = w(s), f = w(i), a = w(t), m = v(() => n.value !== "none"), R = v(() => n.value === "automatic"), p = () => {
+}, Co = 90, po = (e, s, i, t, r) => {
+  const n = S(e), o = S(s), f = S(i), a = S(t), m = v(() => n.value !== "none"), R = v(() => n.value === "automatic"), p = () => {
     r(N.UPDATE_SHOW_MORE);
   };
   return Ce(
     () => o.value,
     () => {
-      R.value && f.value.offsetHeight / o.value * 100 > ho && !a.value && p();
+      R.value && f.value.offsetHeight / o.value * 100 > Co && !a.value && p();
     }
   ), { isLazyLoad: m, isInfiniteScroll: R, verticalScrollPosition: o, emitLazyLoadEvent: p };
-}, po = (e, s, i) => {
-  const t = w(e), r = w(s), n = At({
+}, bo = (e, s, i) => {
+  const t = S(e), r = S(s), n = At({
     dragging: null,
     dragToLeft: null,
     target: null
@@ -500,8 +501,8 @@ const It = "b-row-actions-column", vo = (e, s, i, t, r, n) => {
     draggingEventsForRowCell: I,
     onMoveColumnByOffset: o
   };
-}, bo = (e, s, i) => {
-  const t = w(e), r = w(s.value), n = v(
+}, wo = (e, s, i) => {
+  const t = S(e), r = S(s.value), n = v(
     () => [...t.value].sort((g, L) => g.frozen === L.frozen ? 0 : g.frozen ? -1 : 1)
   ), o = v(
     () => n.value.filter((g) => g.frozen && g.visible !== !1)
@@ -538,11 +539,11 @@ const It = "b-row-actions-column", vo = (e, s, i, t, r, n) => {
     onConfigSettingsCondensedUpdate: R,
     onConfigSettingsZebraRowsUpdate: p
   };
-}, wo = (e, s, i, t, r, n, o) => {
-  const f = w(0), a = w(!1), m = w(!1);
+}, So = (e, s, i, t, r, n, o) => {
+  const f = S(0), a = S(!1), m = S(!1);
   Ce([() => f.value, () => n.value], ([g]) => {
     e.value.scrollLeft = g, s.value.scrollLeft = g, a.value = !!g, m.value = s.value.scrollWidth - s.value.offsetWidth > g;
-  }), Ke(async () => {
+  }), Je(async () => {
     await de(), await de(), s.value?.offsetWidth < s.value?.scrollWidth && (m.value = !0);
   });
   const R = (g) => {
@@ -569,8 +570,8 @@ const It = "b-row-actions-column", vo = (e, s, i, t, r, n) => {
     updateScrollPositionOnFrozenColumnsNavigation: p,
     syncVirtualScrollerWithBody: I
   };
-}, So = (e, s, i, t) => {
-  const r = w(null), n = v(() => {
+}, _o = (e, s, i, t) => {
+  const r = S(null), n = v(() => {
     if (!r.value || r.value.field === he)
       return {
         hoveredOverColumnField: "",
@@ -649,12 +650,12 @@ const It = "b-row-actions-column", vo = (e, s, i, t, r, n) => {
   ]);
 };
 let en = 0;
-const _o = {
+const Ro = {
   beforeCreate() {
     this.uuid = en.toString(), en += 1;
   }
-}, Ro = { key: 0 }, Ao = ["clip-path"], Eo = ["id"];
-function yo(e, s, i, t, r, n) {
+}, Ao = { key: 0 }, Eo = ["clip-path"], yo = ["id"];
+function Lo(e, s, i, t, r, n) {
   return c(), E("svg", ee({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
@@ -662,14 +663,14 @@ function yo(e, s, i, t, r, n) {
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (c(), E("title", Ro, q(e.$attrs["svg-title"]), 1)) : F("", !0),
+    e.$attrs["svg-title"] ? (c(), E("title", Ao, q(e.$attrs["svg-title"]), 1)) : F("", !0),
     O("g", {
       fill: "#001222",
       "clip-path": "url(#uia-ui-assets/icons-16-arrow_up_down_sort__a" + e.uuid + ")"
     }, s[0] || (s[0] = [
       O("path", { 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" }, null, -1),
       O("path", { 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" }, null, -1)
-    ]), 8, Ao),
+    ]), 8, Eo),
     O("defs", null, [
       O("clipPath", {
         id: "uia-ui-assets/icons-16-arrow_up_down_sort__a" + e.uuid
@@ -679,18 +680,18 @@ function yo(e, s, i, t, r, n) {
           height: "16",
           fill: "#fff"
         }, null, -1)
-      ]), 8, Eo)
+      ]), 8, yo)
     ])
   ], 16);
 }
-const Lo = /* @__PURE__ */ oe(_o, [["render", yo]]);
+const Oo = /* @__PURE__ */ oe(Ro, [["render", Lo]]);
 let tn = 0;
-const Oo = {
+const To = {
   beforeCreate() {
     this.uuid = tn.toString(), tn += 1;
   }
-}, To = { key: 0 }, Io = ["clip-path"], No = ["id"];
-function Do(e, s, i, t, r, n) {
+}, Io = { key: 0 }, No = ["clip-path"], Do = ["id"];
+function Mo(e, s, i, t, r, n) {
   return c(), E("svg", ee({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
@@ -698,7 +699,7 @@ function Do(e, s, i, t, r, n) {
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (c(), E("title", To, q(e.$attrs["svg-title"]), 1)) : F("", !0),
+    e.$attrs["svg-title"] ? (c(), E("title", Io, q(e.$attrs["svg-title"]), 1)) : F("", !0),
     O("g", {
       "clip-path": "url(#uia-ui-assets/icons-16-freeze__a" + e.uuid + ")"
     }, s[0] || (s[0] = [
@@ -706,7 +707,7 @@ function Do(e, s, i, t, r, n) {
         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"
       }, null, -1)
-    ]), 8, Io),
+    ]), 8, No),
     O("defs", null, [
       O("clipPath", {
         id: "uia-ui-assets/icons-16-freeze__a" + e.uuid
@@ -717,18 +718,18 @@ function Do(e, s, i, t, r, n) {
           fill: "#fff",
           transform: "matrix(1 0 0 -1 0 16)"
         }, null, -1)
-      ]), 8, No)
+      ]), 8, Do)
     ])
   ], 16);
 }
-const An = /* @__PURE__ */ oe(Oo, [["render", Do]]);
+const An = /* @__PURE__ */ oe(To, [["render", Mo]]);
 let nn = 0;
-const Mo = {
+const zo = {
   beforeCreate() {
     this.uuid = nn.toString(), nn += 1;
   }
-}, zo = { key: 0 }, Fo = ["clip-path"], Po = ["id"];
-function $o(e, s, i, t, r, n) {
+}, Fo = { key: 0 }, Po = ["clip-path"], $o = ["id"];
+function ko(e, s, i, t, r, n) {
   return c(), E("svg", ee({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
@@ -736,7 +737,7 @@ function $o(e, s, i, t, r, n) {
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (c(), E("title", zo, q(e.$attrs["svg-title"]), 1)) : F("", !0),
+    e.$attrs["svg-title"] ? (c(), E("title", Fo, q(e.$attrs["svg-title"]), 1)) : F("", !0),
     O("g", {
       fill: "#001222",
       "clip-path": "url(#uia-ui-assets/icons-16-sort_ascending__a" + e.uuid + ")"
@@ -745,7 +746,7 @@ function $o(e, s, i, t, r, n) {
       O("path", { d: "M6.75 7.25H1.25V8.75H6.75V7.25Z" }, null, -1),
       O("path", { d: "M1.25 11.25H8.75V12.75H1.25V11.25Z" }, null, -1),
       O("path", { d: "M6.75 3.25H1.25V4.75H6.75V3.25Z" }, null, -1)
-    ]), 8, Fo),
+    ]), 8, Po),
     O("defs", null, [
       O("clipPath", {
         id: "uia-ui-assets/icons-16-sort_ascending__a" + e.uuid
@@ -755,18 +756,18 @@ function $o(e, s, i, t, r, n) {
           height: "16",
           fill: "#fff"
         }, null, -1)
-      ]), 8, Po)
+      ]), 8, $o)
     ])
   ], 16);
 }
-const ko = /* @__PURE__ */ oe(Mo, [["render", $o]]);
+const Uo = /* @__PURE__ */ oe(zo, [["render", ko]]);
 let ln = 0;
-const Uo = {
+const Bo = {
   beforeCreate() {
     this.uuid = ln.toString(), ln += 1;
   }
-}, Bo = { key: 0 }, Wo = ["clip-path"], Vo = ["id"];
-function Go(e, s, i, t, r, n) {
+}, Wo = { key: 0 }, Vo = ["clip-path"], Go = ["id"];
+function xo(e, s, i, t, r, n) {
   return c(), E("svg", ee({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
@@ -774,7 +775,7 @@ function Go(e, s, i, t, r, n) {
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (c(), E("title", Bo, q(e.$attrs["svg-title"]), 1)) : F("", !0),
+    e.$attrs["svg-title"] ? (c(), E("title", Wo, q(e.$attrs["svg-title"]), 1)) : F("", !0),
     O("g", {
       fill: "#001222",
       "clip-path": "url(#uia-ui-assets/icons-16-sort_descending__a" + e.uuid + ")"
@@ -783,7 +784,7 @@ function Go(e, s, i, t, r, n) {
       O("path", { d: "M6.75 7.25H1.25V8.75H6.75V7.25Z" }, null, -1),
       O("path", { d: "M1.25 3.25H9.09V4.75H1.25V3.25Z" }, null, -1),
       O("path", { d: "M6.75 11.25H1.25V12.75H6.75V11.25Z" }, null, -1)
-    ]), 8, Wo),
+    ]), 8, Vo),
     O("defs", null, [
       O("clipPath", {
         id: "uia-ui-assets/icons-16-sort_descending__a" + e.uuid
@@ -793,18 +794,18 @@ function Go(e, s, i, t, r, n) {
           height: "16",
           fill: "#fff"
         }, null, -1)
-      ]), 8, Vo)
+      ]), 8, Go)
     ])
   ], 16);
 }
-const xo = /* @__PURE__ */ oe(Uo, [["render", Go]]);
+const Ho = /* @__PURE__ */ oe(Bo, [["render", xo]]);
 let on = 0;
-const Ho = {
+const Zo = {
   beforeCreate() {
     this.uuid = on.toString(), on += 1;
   }
-}, Zo = { key: 0 };
-function jo(e, s, i, t, r, n) {
+}, jo = { key: 0 };
+function qo(e, s, i, t, r, n) {
   return c(), E("svg", ee({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
@@ -812,14 +813,14 @@ function jo(e, s, i, t, r, n) {
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (c(), E("title", Zo, q(e.$attrs["svg-title"]), 1)) : F("", !0),
+    e.$attrs["svg-title"] ? (c(), E("title", jo, q(e.$attrs["svg-title"]), 1)) : F("", !0),
     s[0] || (s[0] = O("path", {
       fill: "#001222",
       d: "M8 11.25L12.5 5.25H3.5L8 11.25Z"
     }, null, -1))
   ], 16);
 }
-const qo = /* @__PURE__ */ oe(Ho, [["render", jo]]), En = {
+const Ko = /* @__PURE__ */ oe(Zo, [["render", qo]]), En = {
   "de-DE": { columnActions: "{name}-Spaltenaktionen", deselectAll: "Alle abwählen", deselectAllCurrentResults: "Alle in den aktuellen Ergebnissen abwählen", deselectPage: "Diese Seite abwählen", freezeColumn: "Spalte einfrieren", hideColumn: "Spalte ausblenden", moveColumnLeft: "Spalte nach links verschieben", moveColumnRight: "Spalte nach rechts verschieben", rowActionsColumn: "Spaltenaktionen für Zeilen", selectAll: "Alle auswählen", selectAllCurrentResults: "Alle in den aktuellen Ergebnissen auswählen", selectAllMenu: "Menü „Alle auswählen“", selectPage: "Diese Seite auswählen", selectionMenu: "Auswahlmenü", showColumn: "Spalte anzeigen", sortColumn: "Spalte {name} sortieren", sortColumnInAscendingOrder: "Spalte {name} in aufsteigender Reihenfolge sortieren", sortColumnInDescendingOrder: "Spalte {name} in absteigender Reihenfolge sortieren", unfreezeColumn: "Spalte einfrieren aufheben" },
   "en-GB": { columnActions: "{name} column actions", deselectAll: "Deselect all", deselectAllCurrentResults: "Deselect all from current results", deselectPage: "Deselect this page", freezeColumn: "Freeze column", hideColumn: "Hide column", moveColumnLeft: "Move column left", moveColumnRight: "Move column to the right", rowActionsColumn: "Row actions column", selectAll: "Select all", selectAllCurrentResults: "Select all in current results", selectAllMenu: "Select all menu", selectPage: "Select this page", selectionMenu: "Selection menu", showColumn: "Show column", sortColumn: "Sort {name} column", sortColumnInAscendingOrder: "Sort {name} column in ascending order", sortColumnInDescendingOrder: "Sort {name} column in descending order", unfreezeColumn: "Unfreeze column" },
   "en-US": { columnActions: "{name} column actions", deselectAll: "Deselect all", deselectAllCurrentResults: "Deselect all in current results", deselectPage: "Deselect this page", freezeColumn: "Freeze column", hideColumn: "Hide column", moveColumnLeft: "Move column left", moveColumnRight: "Move column right", rowActionsColumn: "Row actions column", selectAll: "Select all", selectAllCurrentResults: "Select all in current results", selectAllMenu: "Select all menu", selectPage: "Select this page", selectionMenu: "Selection menu", showColumn: "Show column", sortColumn: "Sort {name} column", sortColumnInAscendingOrder: "Sort {name} column in ascending order", sortColumnInDescendingOrder: "Sort {name} column in descending order", unfreezeColumn: "Unfreeze column" },
@@ -830,20 +831,20 @@ const qo = /* @__PURE__ */ oe(Ho, [["render", jo]]), En = {
   "ja-JP": { columnActions: "{name}列のアクション", deselectAll: "すべての選択を解除", deselectAllCurrentResults: "現在の結果の選択をすべて解除", deselectPage: "このページの選択を解除", freezeColumn: "列を固定", hideColumn: "列を非表示", moveColumnLeft: "列を左に移動", moveColumnRight: "列を右に移動", rowActionsColumn: "行アクション列", selectAll: "すべて選択", selectAllCurrentResults: "現在の結果をすべて選択", selectAllMenu: "すべてのメニューを選択", selectPage: "このページを選択", selectionMenu: "選択メニュー", showColumn: "列を表示", sortColumn: "{name}列を並べ替え", sortColumnInAscendingOrder: "{name}列を昇順に並べ替え", sortColumnInDescendingOrder: "{name}列を降順に並べ替え", unfreezeColumn: "列の固定を解除" },
   "pt-BR": { columnActions: "Ações da coluna {name}", deselectAll: "Desmarcar tudo", deselectAllCurrentResults: "Desmarcar tudo nos resultados atuais", deselectPage: "Desmarcar esta página", freezeColumn: "Congelar coluna", hideColumn: "Ocultar coluna", moveColumnLeft: "Mover coluna para a esquerda", moveColumnRight: "Mover a coluna para a direita", rowActionsColumn: "Coluna de ações da linha", selectAll: "Selecionar tudo", selectAllCurrentResults: "Selecionar tudo nos resultados atuais", selectAllMenu: "Selecionar todo o menu", selectPage: "Selecionar esta página", selectionMenu: "Menu de seleção", showColumn: "Mostrar coluna", sortColumn: "Classificar coluna {name}", sortColumnInAscendingOrder: "Classificar coluna {name} em ordem crescente", sortColumnInDescendingOrder: "Classificar coluna {name} em ordem decrescente", unfreezeColumn: "Liberar coluna" },
   "zh-CN": { columnActions: "{name} 列操作", deselectAll: "取消所有选择", deselectAllCurrentResults: "取消当前结果中的所有选择", deselectPage: "取消选择此页面", freezeColumn: "冻结列", hideColumn: "隐藏列", moveColumnLeft: "将列向左移动", moveColumnRight: "将列向右移动", rowActionsColumn: "行操作列", selectAll: "全部选择", selectAllCurrentResults: "选择当前结果的全部", selectAllMenu: "选择全部菜单", selectPage: "选择此页", selectionMenu: "选择菜单", showColumn: "显示列", sortColumn: "排序 {name} 列", sortColumnInAscendingOrder: "按升序排列 {name} 列", sortColumnInDescendingOrder: "按降序排序 {name} 列", unfreezeColumn: "取消冻结列" }
-}, yn = /* @__PURE__ */ Symbol("data-grid slashed zero key"), Qe = /* @__PURE__ */ Symbol("data-grid small container key"), mt = /* @__PURE__ */ Symbol("data-grid touch device key"), Ko = ["aria-colindex", "aria-label", "aria-sort", "data-testid", "draggable", "tabindex"], Yo = { class: "b-data-grid-columns__select-column-menu-button" }, Xo = ["aria-label"], Jo = { class: "b-data-grid-columns__label" }, Qo = {
+}, yn = /* @__PURE__ */ Symbol("data-grid slashed zero key"), Qe = /* @__PURE__ */ Symbol("data-grid small container key"), mt = /* @__PURE__ */ Symbol("data-grid touch device key"), Yo = ["aria-colindex", "aria-label", "aria-sort", "data-testid", "draggable", "tabindex"], Xo = { class: "b-data-grid-columns__select-column-menu-button" }, Jo = ["aria-label"], Qo = { class: "b-data-grid-columns__label" }, es = {
   key: 0,
   class: "b-data-grid-columns__column-info-icon"
-}, es = {
+}, ts = {
   key: 1,
   class: "b-data-grid-columns__column-sort"
-}, ts = ["data-testid", "onMousedown"], ns = {
+}, ns = ["data-testid", "onMousedown"], ls = {
   key: 0,
   class: "b-data-grid-columns__column-separator"
-}, ls = ["aria-label", "aria-colindex", "tabindex"], os = {
+}, os = ["aria-label", "aria-colindex", "tabindex"], ss = {
   i18n: { messages: En },
   name: "data-grid-columns"
-}, ss = /* @__PURE__ */ Se({
-  ...os,
+}, as = /* @__PURE__ */ Se({
+  ...ss,
   props: {
     /**
      * Column definitions using 'key' to relate to data object.
@@ -990,7 +991,7 @@ const qo = /* @__PURE__ */ oe(Ho, [["render", jo]]), En = {
   },
   emits: ["sort", "column-hover"],
   setup(e, { expose: s, emit: i }) {
-    const t = e, r = i, n = 100, { t: o } = Me({ messages: En }), { columns: f, sortBy: a } = Et(t), m = w(), R = w({}), p = w({}), I = w(), A = w(), g = v(
+    const t = e, r = i, n = 100, { t: o } = Me({ messages: En }), { columns: f, sortBy: a } = Et(t), m = S(), R = S({}), p = S({}), I = S(), A = S(), g = v(
       () => t.columns.some((h) => h.sortable || t.hasColumnPanel || h.infoIconTooltip)
     ), L = (h) => r(ne.SELECT_ALL_ROWS, h), _ = (h) => h.field === he, D = v(() => t.selectionState === "all"), y = v(
       () => [
@@ -1028,13 +1029,13 @@ const qo = /* @__PURE__ */ oe(Ho, [["render", jo]]), En = {
           handler: () => r(ne.DESELECT_ALL)
         }
       ].filter(Boolean)
-    ), { startResize: z, isResizing: C, columnHoverEventToEmitAfterResizing: M } = eo(f, r), { isSorting: u, getSortingDirection: d, sortByColumnField: b } = mo(a, f, r), P = (h) => {
+    ), { startResize: z, isResizing: C, columnHoverEventToEmitAfterResizing: M } = to(f, r), { isSorting: u, getSortingDirection: d, sortByColumnField: b } = vo(a, f, r), P = (h) => {
       if (!h.sortable)
         return null;
-      const H = t.sortBy.find(({ field: be }) => be === h.field)?.direction;
+      const H = t.sortBy.find(({ field: pe }) => pe === h.field)?.direction;
       return H ? {
-        [Pe.ASCENDING]: rt.ASCENDING,
-        [Pe.DESCENDING]: rt.DESCENDING
+        [Fe.ASCENDING]: rt.ASCENDING,
+        [Fe.DESCENDING]: rt.DESCENDING
       }[H] : rt.NONE;
     }, B = v(() => (h) => t.hasDraggableColumns ? {
       dragstart: (H) => {
@@ -1057,13 +1058,13 @@ const qo = /* @__PURE__ */ oe(Ho, [["render", jo]]), En = {
         {
           text: o("moveColumnLeft"),
           handler: () => r(ne.COLUMN_MOVE, h, -1),
-          icon: jl,
+          icon: ql,
           disabled: t.columns[0].field === h.field
         },
         {
           text: o("moveColumnRight"),
           handler: () => r(ne.COLUMN_MOVE, h, 1),
-          icon: ql,
+          icon: Kl,
           disabled: t.columns[t.columns.length - 1].field === h.field
         },
         !Ae.value && {
@@ -1079,7 +1080,7 @@ const qo = /* @__PURE__ */ oe(Ho, [["render", jo]]), En = {
               visible: h?.visible === !1
             });
           },
-          icon: h?.visible !== !1 ? Kl : Yl,
+          icon: h?.visible !== !1 ? Yl : Xl,
           disabled: h?.mandatory || h?.visible !== !1 && t.isOnlyOneVisibleColumn
         }
       ].filter(Boolean)
@@ -1114,7 +1115,7 @@ const qo = /* @__PURE__ */ oe(Ho, [["render", jo]]), En = {
     }, Ae = Te(
       Qe,
       v(() => !1)
-    ), xe = Te(mt, w(!1)), $e = v(() => {
+    ), xe = Te(mt, S(!1)), Pe = v(() => {
       const h = {
         "b-data-grid-columns--is-measuring": t.isMeasuringColumnWidths
       };
@@ -1127,9 +1128,9 @@ const qo = /* @__PURE__ */ oe(Ho, [["render", jo]]), En = {
         ...h,
         "b-data-grid-columns--unfrozen": !0
       };
-    }), ke = v(() => ({
+    }), $e = v(() => ({
       "b-data-grid-columns__select-column--all": t.selectableAcrossPages
-    })), Ue = (h, H) => h && H === 0 ? Ht.BOTTOM_START : Ht.BOTTOM_END, ze = (h, H) => ({
+    })), ke = (h, H) => h && H === 0 ? Ht.BOTTOM_START : Ht.BOTTOM_END, Ue = (h, H) => ({
       "b-data-grid-columns__column--column-hovered": h.field === t.hoveredOverColumnState.hoveredOverColumnField,
       "b-data-grid-columns__column--column-hovered-no-border-left": h.field === t.hoveredOverColumnState.hoveredOverColumnField && t.hoveredOverColumnState.noBorderLeft,
       "b-data-grid-columns__column--column-hovered-no-border-right": h.field === t.hoveredOverColumnState.hoveredOverColumnField && t.hoveredOverColumnState.noBorderRight,
@@ -1161,17 +1162,17 @@ const qo = /* @__PURE__ */ oe(Ho, [["render", jo]]), En = {
     }), (h, H) => (c(), E("div", {
       ref_key: "allColumnsRef",
       ref: m,
-      class: ae(["b-data-grid-columns", $e.value]),
+      class: ae(["b-data-grid-columns", Pe.value]),
       "data-testid": "data-grid-columns"
     }, [
-      (c(!0), E(fe, null, pe(l(f), ($, be) => (c(), E("div", ee({
+      (c(!0), E(fe, null, be(l(f), ($, pe) => (c(), E("div", ee({
         key: $.field,
         ref_for: !0,
         ref: (me) => ge(me, $.field),
-        "aria-colindex": be + 1,
+        "aria-colindex": pe + 1,
         "aria-label": $.label,
         "aria-sort": P($),
-        class: [ze($, be), "b-data-grid-columns__column"],
+        class: [Ue($, pe), "b-data-grid-columns__column"],
         "data-testid": `${$.field}-column-header`,
         draggable: e.hasDraggableColumns && !l(C) && !_($),
         role: "columnheader",
@@ -1180,7 +1181,7 @@ const qo = /* @__PURE__ */ oe(Ho, [["render", jo]]), En = {
       }, ft(X($), !0)), [
         _($) && e.selectable ? (c(), E("div", {
           key: 0,
-          class: ae(["b-data-grid-columns__select-column", ke.value])
+          class: ae(["b-data-grid-columns__select-column", $e.value])
         }, [
           e.selectableAcrossPages ? F("", !0) : (c(), W(l(Sn), {
             key: 0,
@@ -1201,15 +1202,15 @@ const qo = /* @__PURE__ */ oe(Ho, [["render", jo]]), En = {
             "menu-position": "bottom-start"
           }, {
             iconLeft: V(() => [
-              O("div", Yo, [
-                j(l(Zl), {
+              O("div", Xo, [
+                j(l(jl), {
                   indeterminate: e.allItemsSelectedState.isIndeterminate,
                   checked: e.allItemsSelectedState.allItemsSelected,
                   "all-selected": D.value,
                   class: "b-data-grid-columns__select-column-menu-checkbox",
                   "data-testid": "checkbox-select-all"
                 }, null, 8, ["indeterminate", "checked", "all-selected"]),
-                j(l(qo), {
+                j(l(Ko), {
                   "svg-title": l(o)("selectionMenu"),
                   "aria-hidden": "true"
                 }, null, 8, ["svg-title"])
@@ -1231,7 +1232,7 @@ const qo = /* @__PURE__ */ oe(Ho, [["render", jo]]), En = {
             }, {
               default: V(() => [
                 Oe(h.$slots, `head-${$.field}`, { column: $ }, () => [
-                  O("span", Jo, q($.label), 1)
+                  O("span", Qo, q($.label), 1)
                 ], !0)
               ]),
               _: 2
@@ -1240,12 +1241,12 @@ const qo = /* @__PURE__ */ oe(Ho, [["render", jo]]), En = {
               key: 0,
               class: ae(["b-data-grid-columns__column-actions", Ie($)])
             }, [
-              $.infoIconTooltip ? (c(), E("div", Qo, [
-                j(l(Hl), {
+              $.infoIconTooltip ? (c(), E("div", es, [
+                j(l(Zl), {
                   "tooltip-text": $.infoIconTooltip
                 }, null, 8, ["tooltip-text"])
               ])) : F("", !0),
-              $.sortable ? (c(), E("div", es, [
+              $.sortable ? (c(), E("div", ts, [
                 j(l(Tt), {
                   condensed: "",
                   toggled: l(u)($.field),
@@ -1253,13 +1254,13 @@ const qo = /* @__PURE__ */ oe(Ho, [["render", jo]]), En = {
                   onClick: (me) => l(b)($.field)
                 }, {
                   iconLeft: V(() => [
-                    l(d)($.field) ? l(d)($.field) === l(Pe).ASCENDING ? (c(), W(l(ko), {
+                    l(d)($.field) ? l(d)($.field) === l(Fe).ASCENDING ? (c(), W(l(Uo), {
                       key: 1,
                       "svg-title": l(o)("sortColumnInDescendingOrder", { name: $.label })
-                    }, null, 8, ["svg-title"])) : l(d)($.field) === l(Pe).DESCENDING ? (c(), W(l(xo), {
+                    }, null, 8, ["svg-title"])) : l(d)($.field) === l(Fe).DESCENDING ? (c(), W(l(Ho), {
                       key: 2,
                       "svg-title": l(o)("sortColumnInAscendingOrder", { name: $.label })
-                    }, null, 8, ["svg-title"])) : F("", !0) : (c(), W(l(Lo), {
+                    }, null, 8, ["svg-title"])) : F("", !0) : (c(), W(l(Oo), {
                       key: 0,
                       "svg-title": l(o)("sortColumn", { name: $.label })
                     }, null, 8, ["svg-title"]))
@@ -1274,14 +1275,14 @@ const qo = /* @__PURE__ */ oe(Ho, [["render", jo]]), En = {
                 class: ae(["b-data-grid-columns__menu", se($)]),
                 "disable-arrow-down-opening-menu": "",
                 data: Z.value($),
-                "menu-position": Ue(e.hasFirstColumnPanelRightAligned, be),
+                "menu-position": ke(e.hasFirstColumnPanelRightAligned, pe),
                 "menu-fixed-positioning": !0,
                 button: { variant: "tertiary", condensed: !0 },
                 onOpen: H[0] || (H[0] = (me) => h.$emit(l(ne).COLUMN_MENU_OPEN)),
                 onClose: H[1] || (H[1] = (me) => h.$emit(l(ne).COLUMN_MENU_CLOSE))
               }, null, 8, ["class", "data", "menu-position"])) : F("", !0)
             ], 2)) : F("", !0)
-          ], 10, Xo),
+          ], 10, Jo),
           O("div", {
             "data-testid": `data-grid-column-${$.field}`,
             class: ae(["b-data-grid-columns__column-separator-container", k($)]),
@@ -1290,10 +1291,10 @@ const qo = /* @__PURE__ */ oe(Ho, [["render", jo]]), En = {
             onClick: H[2] || (H[2] = wl(() => {
             }, ["stop"]))
           }, [
-            !e.isFrozenColumns || e.isFrozenColumns && be !== l(f).length - 1 ? (c(), E("div", ns)) : F("", !0)
-          ], 42, ts)
+            !e.isFrozenColumns || e.isFrozenColumns && pe !== l(f).length - 1 ? (c(), E("div", ls)) : F("", !0)
+          ], 42, ns)
         ], 64))
-      ], 16, Ko))), 128)),
+      ], 16, Yo))), 128)),
       e.rowActionsMaximumWidth && !e.isFrozenColumns ? (c(), E(fe, { key: 0 }, [
         H[3] || (H[3] = O("div", {
           role: "presentation",
@@ -1307,19 +1308,19 @@ const qo = /* @__PURE__ */ oe(Ho, [["render", jo]]), En = {
           role: "columnheader",
           tabindex: g.value ? "0" : "-1",
           style: Le({ minWidth: `${e.rowActionsMaximumWidth}px` })
-        }, null, 12, ls)
+        }, null, 12, os)
       ], 64)) : F("", !0)
     ], 2));
   }
-}), as = /* @__PURE__ */ oe(ss, [["__scopeId", "data-v-80ba53c8"]]);
+}), is = /* @__PURE__ */ oe(as, [["__scopeId", "data-v-80ba53c8"]]);
 var Ee = /* @__PURE__ */ ((e) => (e.UPDATE_CONDENSED = "update:condensed", e.UPDATE_COLUMNS = "update:columns", e.UPDATE_ZEBRA_ROWS = "update:zebra-rows", e))(Ee || {});
 let sn = 0;
-const is = {
+const rs = {
   beforeCreate() {
     this.uuid = sn.toString(), sn += 1;
   }
-}, rs = { key: 0 }, ds = ["clip-path"], us = ["id"];
-function cs(e, s, i, t, r, n) {
+}, ds = { key: 0 }, us = ["clip-path"], cs = ["id"];
+function gs(e, s, i, t, r, n) {
   return c(), E("svg", ee({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
@@ -1327,14 +1328,14 @@ function cs(e, s, i, t, r, n) {
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (c(), E("title", rs, q(e.$attrs["svg-title"]), 1)) : F("", !0),
+    e.$attrs["svg-title"] ? (c(), E("title", ds, q(e.$attrs["svg-title"]), 1)) : F("", !0),
     O("g", {
       fill: "#001222",
       "clip-path": "url(#uia-ui-assets/icons-16-settings__a" + e.uuid + ")"
     }, s[0] || (s[0] = [
       O("path", { 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" }, null, -1),
       O("path", { 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" }, null, -1)
-    ]), 8, ds),
+    ]), 8, us),
     O("defs", null, [
       O("clipPath", {
         id: "uia-ui-assets/icons-16-settings__a" + e.uuid
@@ -1344,11 +1345,11 @@ function cs(e, s, i, t, r, n) {
           height: "16",
           fill: "#fff"
         }, null, -1)
-      ]), 8, us)
+      ]), 8, cs)
     ])
   ], 16);
 }
-const gs = /* @__PURE__ */ oe(is, [["render", cs]]), an = {
+const fs = /* @__PURE__ */ oe(rs, [["render", gs]]), an = {
   "de-DE": { toggleColumnFreeze: "{label} Spaltenfixierung umschalten", toggleColumnVisibility: "Sichtbarkeit der Spalte {label} umschalten" },
   "en-GB": { toggleColumnFreeze: "Toggle {label} column freeze", toggleColumnVisibility: "Toggle {label} column visibility" },
   "en-US": { toggleColumnFreeze: "Toggle {label} column freeze", toggleColumnVisibility: "Toggle {label} column visibility" },
@@ -1359,7 +1360,7 @@ const gs = /* @__PURE__ */ oe(is, [["render", cs]]), an = {
   "ja-JP": { toggleColumnFreeze: "{label}列の固定を切り替え", toggleColumnVisibility: "{label}列の表示を切り替え" },
   "pt-BR": { toggleColumnFreeze: "Alternar congelamento da coluna {label}", toggleColumnVisibility: "Alternar visibilidade da coluna {label}" },
   "zh-CN": { toggleColumnFreeze: "切换 {label} 列冻结", toggleColumnVisibility: "切换 {label} 列的可见性" }
-}, fs = Se({
+}, ms = Se({
   i18n: { messages: an },
   name: "bento-data-grid",
   components: {
@@ -1384,7 +1385,7 @@ const gs = /* @__PURE__ */ oe(is, [["render", cs]]), an = {
   },
   emits: ["visible-column", "updated-column"],
   setup(e, { emit: s }) {
-    const { t: i } = Me({ messages: an }), t = w(!1), r = v(() => e.column?.frozen), n = v(() => e.column?.visible !== !1), o = Te(
+    const { t: i } = Me({ messages: an }), t = S(!1), r = v(() => e.column?.frozen), n = v(() => e.column?.visible !== !1), o = Te(
       Qe,
       v(() => !1)
     ), f = () => {
@@ -1415,7 +1416,7 @@ const gs = /* @__PURE__ */ oe(is, [["render", cs]]), an = {
     };
   }
 });
-function ms(e, s, i, t, r, n) {
+function vs(e, s, i, t, r, n) {
   const o = we("bento-toggle"), f = we("bento-freeze-icon");
   return c(), E("div", {
     class: "b-data-grid-config-settings-column-row",
@@ -1434,7 +1435,7 @@ function ms(e, s, i, t, r, n) {
       ]),
       _: 1
     }, 8, ["aria-label", "disabled", "value", "onInput"]),
-    Je(j(f, {
+    Xe(j(f, {
       "aria-label": e.t("toggleColumnFreeze", { label: e.column.label }),
       class: ae(["b-data-grid-config-settings-column-row__freeze-icon", e.freezeIconConditionalClasses]),
       onClick: e.toggleColumnFreeze
@@ -1443,7 +1444,7 @@ function ms(e, s, i, t, r, n) {
     ])
   ], 32);
 }
-const vs = /* @__PURE__ */ oe(fs, [["render", ms], ["__scopeId", "data-v-0769d049"]]), rn = {
+const hs = /* @__PURE__ */ oe(ms, [["render", vs], ["__scopeId", "data-v-0769d049"]]), rn = {
   "de-DE": { appearance: "Erscheinungsbild", closeConfigSettingsPanel: "Konfigurations-Einstellungen-Panel schließen", closeSearch: "Suche schließen", columnVisibilitySearchFilter: "Suchfilter für die Spaltensichtbarkeit", columns: "Spalten", condensed: "Kompakt", condensedToggle: "Umschalter für Kompakt", configSettingsPanel: "Konfigurationseinstellungen-Panel", displayOptions: "Anzeigeoptionen", noColumnsMatch: "Keine Spalten entsprechen dieser Suche", search: "Suche", showAllColumns: "Alle Spalten anzeigen ({numberOfColumns})", toggleConfigSettingsPanelVisibility: "Konfigurationsmenü ein- oder ausblenden", zebraRows: "Zebramuster", zebraRowsToggle: "Zebramuster schalten" },
   "en-GB": { appearance: "Appearance", closeConfigSettingsPanel: "Close configuration settings panel", closeSearch: "Close search", columnVisibilitySearchFilter: "Column visibility search filter", columns: "Columns", condensed: "Condensed", condensedToggle: "Condensed toggle", configSettingsPanel: "Configuration settings Panel", displayOptions: "Display options", noColumnsMatch: "No columns match this search", search: "Search", showAllColumns: "Show all columns ({numberOfColumns})", toggleConfigSettingsPanelVisibility: "Toggle Configuration settings panel visibility", zebraRows: "Zebra rows", zebraRowsToggle: "Zebra rows toggle" },
   "en-US": { appearance: "Appearance", closeConfigSettingsPanel: "Close configuration settings panel", closeSearch: "Close search", columnVisibilitySearchFilter: "Column visibility search filter", columns: "Columns", condensed: "Condensed", condensedToggle: "Condensed toggle", configSettingsPanel: "Configuration settings Panel", displayOptions: "Display options", noColumnsMatch: "No columns match this search", search: "Search", showAllColumns: "Show all columns ({numberOfColumns})", toggleConfigSettingsPanelVisibility: "Toggle Configuration settings panel visibility", zebraRows: "Zebra rows", zebraRowsToggle: "Zebra rows toggle" },
@@ -1454,22 +1455,22 @@ const vs = /* @__PURE__ */ oe(fs, [["render", ms], ["__scopeId", "data-v-0769d04
   "ja-JP": { appearance: "外観", closeConfigSettingsPanel: "構成設定パネルを閉じる", closeSearch: "検索を閉じる", columnVisibilitySearchFilter: "列の表示設定検索フィルター", columns: "列", condensed: "簡略化", condensedToggle: "簡略化を切り替え", configSettingsPanel: "構成設定パネル", displayOptions: "表示オプション", noColumnsMatch: "この検索に一致する列はありません", search: "検索", showAllColumns: "すべての列を表示 ({numberOfColumns})", toggleConfigSettingsPanelVisibility: "構成設定パネルの表示を切り替え", zebraRows: "1行おきに色を設定", zebraRowsToggle: "1行おきに色を設定の切り替え" },
   "pt-BR": { appearance: "Aparência", closeConfigSettingsPanel: "Fechar painel de configurações", closeSearch: "Fechar busca", columnVisibilitySearchFilter: "Filtro de busca de visibilidade da coluna", columns: "Colunas", condensed: "Condensado", condensedToggle: "Alternância condensada", configSettingsPanel: "Painel de configurações", displayOptions: "Opções de exibição", noColumnsMatch: "Nenhuma coluna corresponde a esta busca", search: "Busca", showAllColumns: "Mostrar todas as colunas ({numberOfColumns})", toggleConfigSettingsPanelVisibility: "Alternar a visibilidade do painel de configurações", zebraRows: "Linhas alternadas", zebraRowsToggle: "Alternar linhas alternadas" },
   "zh-CN": { appearance: "外观", closeConfigSettingsPanel: "关闭配置设置面板", closeSearch: "关闭搜索", columnVisibilitySearchFilter: "列可见性搜索筛选器", columns: "列", condensed: "扼要", condensedToggle: "扼要切换", configSettingsPanel: "配置设置面板", displayOptions: "显示选项", noColumnsMatch: "没有符合此搜索条件的列", search: "搜索", showAllColumns: "显示所有列 ({numberOfColumns})", toggleConfigSettingsPanelVisibility: "切换配置设置面板的可见性", zebraRows: "斑马条纹行", zebraRowsToggle: "斑马条纹行切换" }
-}, hs = Se({
+}, Cs = Se({
   i18n: { messages: rn },
   name: "bento-data-grid",
   components: {
     BentoButton: bn,
     BentoCrossIcon: Cn,
-    BentoPopover: Ul,
-    BentoSettingsIcon: gs,
+    BentoPopover: Bl,
+    BentoSettingsIcon: fs,
     BentoToggleButton: Tt,
-    BentoDataGridConfigSettingsConfigRow: vs,
-    BentoSearchBar: Wl,
-    BentoSearchIcon: xl,
+    BentoDataGridConfigSettingsConfigRow: hs,
+    BentoSearchBar: Vl,
+    BentoSearchIcon: Hl,
     BentoToggle: wn,
     BentoTypography: Ge
   },
-  directives: { BentoClickOutsideDirective: Vl },
+  directives: { BentoClickOutsideDirective: Gl },
   props: {
     /**
      * Column definitions
@@ -1499,7 +1500,7 @@ const vs = /* @__PURE__ */ oe(fs, [["render", ms], ["__scopeId", "data-v-0769d04
     Ee.UPDATE_ZEBRA_ROWS
   ],
   setup(e, { emit: s }) {
-    const { t: i } = Me({ messages: rn }), t = w(null), r = ut("data-grid-config-settings-popover"), n = w(null), o = w(!1), f = w(!0), a = w(null), m = w(""), R = wt(e, "columns"), p = w(!1), I = Gl(m, R), A = () => {
+    const { t: i } = Me({ messages: rn }), t = S(null), r = ut("data-grid-config-settings-popover"), n = S(null), o = S(!1), f = S(!0), a = S(null), m = S(""), R = wt(e, "columns"), p = S(!1), I = xl(m, R), A = () => {
       m.value = "";
     }, g = v(
       () => !e.columns.some((b) => b.visible === !1 && !b.mandatory)
@@ -1555,21 +1556,21 @@ const vs = /* @__PURE__ */ oe(fs, [["render", ms], ["__scopeId", "data-v-0769d04
       t: i
     };
   }
-}), Cs = { class: "b-data-grid-config-settings" }, ps = { class: "b-data-grid-config-settings__button-and-separator" }, bs = {
+}), ps = { class: "b-data-grid-config-settings" }, bs = { class: "b-data-grid-config-settings__button-and-separator" }, ws = {
   ref: "configSettingsButtonRef",
   class: "b-data-grid-config-settings__button-container"
-}, ws = { class: "b-data-grid-config-settings__panel-header" }, Ss = { class: "b-data-grid-config-settings__appearance" }, _s = { class: "b-data-grid-config-settings__appearance-button" }, Rs = { class: "b-data-grid-config-settings__appearance-button" }, As = { class: "b-data-grid-config-settings__column-visibility-settings" }, Es = { class: "b-data-grid-config-settings__column-visibility-header" }, ys = {
+}, Ss = { class: "b-data-grid-config-settings__panel-header" }, _s = { class: "b-data-grid-config-settings__appearance" }, Rs = { class: "b-data-grid-config-settings__appearance-button" }, As = { class: "b-data-grid-config-settings__appearance-button" }, Es = { class: "b-data-grid-config-settings__column-visibility-settings" }, ys = { class: "b-data-grid-config-settings__column-visibility-header" }, Ls = {
   key: 0,
   class: "b-data-grid-config-settings__column-visibility-search"
-}, Ls = {
+}, Os = {
   key: 1,
   class: "b-data-grid-config-settings__column-visibility-show-all"
-}, Os = { class: "b-data-grid-config-settings__column-visibility-toggles" };
-function Ts(e, s, i, t, r, n) {
+}, Ts = { class: "b-data-grid-config-settings__column-visibility-toggles" };
+function Is(e, s, i, t, r, n) {
   const o = we("bento-settings-icon"), f = we("bento-toggle-button"), a = we("bento-typography"), m = we("bento-cross-icon"), R = we("bento-button"), p = we("bento-toggle"), I = we("bento-search-icon"), A = we("bento-search-bar"), g = we("bento-data-grid-config-settings-config-row"), L = we("bento-popover"), _ = _l("bento-click-outside-directive");
-  return Je((c(), E("div", Cs, [
-    O("div", ps, [
-      O("div", bs, [
+  return Xe((c(), E("div", ps, [
+    O("div", bs, [
+      O("div", ws, [
         j(f, {
           "aria-controls": e.isConfigSettingsPanelOpen ? e.popoverId : null,
           variant: "tertiary",
@@ -1596,7 +1597,7 @@ function Ts(e, s, i, t, r, n) {
       position: "bottom-end"
     }, {
       default: V(() => [
-        O("div", ws, [
+        O("div", Ss, [
           j(a, {
             el: "span",
             strongest: ""
@@ -1618,7 +1619,7 @@ function Ts(e, s, i, t, r, n) {
             _: 1
           })
         ]),
-        O("div", Ss, [
+        O("div", _s, [
           j(a, {
             class: "b-data-grid-config-settings__appearance-title",
             el: "span",
@@ -1629,7 +1630,7 @@ function Ts(e, s, i, t, r, n) {
             ]),
             _: 1
           }),
-          O("div", _s, [
+          O("div", Rs, [
             j(p, {
               "label-position": "after",
               "aria-label": e.t("condensedToggle"),
@@ -1642,7 +1643,7 @@ function Ts(e, s, i, t, r, n) {
               _: 1
             }, 8, ["aria-label", "value", "onInput"])
           ]),
-          O("div", Rs, [
+          O("div", As, [
             j(p, {
               "label-position": "after",
               "aria-label": e.t("zebraRowsToggle"),
@@ -1656,8 +1657,8 @@ function Ts(e, s, i, t, r, n) {
             }, 8, ["aria-label", "value", "onInput"])
           ])
         ]),
-        O("div", As, [
-          O("div", Es, [
+        O("div", Es, [
+          O("div", ys, [
             j(a, {
               class: "b-data-grid-config-settings__column-visibility-title",
               el: "span",
@@ -1695,7 +1696,7 @@ function Ts(e, s, i, t, r, n) {
               _: 1
             }, 8, ["onClick"]))
           ]),
-          e.isColumnVisibilityFilterShown ? (c(), E("div", ys, [
+          e.isColumnVisibilityFilterShown ? (c(), E("div", Ls, [
             j(A, {
               ref: "searchBarRef",
               value: e.searchTerm,
@@ -1704,7 +1705,7 @@ function Ts(e, s, i, t, r, n) {
               onClear: e.clearAction,
               onEscapePressed: e.toggleColumnFilter
             }, null, 8, ["value", "input-field-aria-label", "onClear", "onEscapePressed"])
-          ])) : (c(), E("div", Ls, [
+          ])) : (c(), E("div", Os, [
             j(p, {
               "label-position": "after",
               value: e.allColumnsVisbilityToggleState,
@@ -1716,8 +1717,8 @@ function Ts(e, s, i, t, r, n) {
               _: 1
             }, 8, ["value", "onInput"])
           ])),
-          O("div", Os, [
-            (c(!0), E(fe, null, pe(e.filteredColumnVisibilityColumns, (D) => (c(), E("div", {
+          O("div", Ts, [
+            (c(!0), E(fe, null, be(e.filteredColumnVisibilityColumns, (D) => (c(), E("div", {
               key: D.field
             }, [
               D.field !== e.DATAGRID_ACTIONS_COLUMN_FIELD_NAME ? (c(), W(g, {
@@ -1747,7 +1748,7 @@ function Ts(e, s, i, t, r, n) {
     [_, e.onClickOutside]
   ]);
 }
-const Is = /* @__PURE__ */ oe(hs, [["render", Ts], ["__scopeId", "data-v-01dda331"]]), vt = {
+const Ns = /* @__PURE__ */ oe(Cs, [["render", Is], ["__scopeId", "data-v-01dda331"]]), vt = {
   "de-DE": { filterBar: "Filter", gettingYourData: "Ihre Daten werden abgerufen", loading: "Laden", noResults: "Keine Ergebnisse", pagination: "Paginierung", selectRow: "Zeile auswählen", showMore: "Mehr anzeigen", sortAscending: "{field} aufsteigend sortieren", sortDescending: "{field} absteigend sortieren", sortInactive: "{field} Sortierung inaktiv" },
   "en-GB": { filterBar: "Filters", gettingYourData: "Getting your data", loading: "Loading", noResults: "No results", pagination: "Pagination", selectRow: "Select row", showMore: "Show more", sortAscending: "{field} sort ascending", sortDescending: "{field} sort descending", sortInactive: "{field} sort inactive" },
   "en-US": { filterBar: "Filters", gettingYourData: "Getting your data", loading: "Loading", noResults: "No results", pagination: "Pagination", selectRow: "Select row", showMore: "Show more", sortAscending: "{field} sort ascending", sortDescending: "{field} sort descending", sortInactive: "{field} sort inactive" },
@@ -1758,10 +1759,10 @@ const Is = /* @__PURE__ */ oe(hs, [["render", Ts], ["__scopeId", "data-v-01dda33
   "ja-JP": { filterBar: "フィルター", gettingYourData: "データの取得", loading: "読み込み中", noResults: "結果なし", pagination: "ページネーション", selectRow: "行を選択", showMore: "もっと見る", sortAscending: "{field}昇順で並べ替え", sortDescending: "{field}降順で並べ替え", sortInactive: "{field}の並べ替えが無効" },
   "pt-BR": { filterBar: "Filtros", gettingYourData: "Obtendo seus dados", loading: "Carregando", noResults: "Nenhum resultado", pagination: "Paginação", selectRow: "Selecionar linha", showMore: "Mostrar mais", sortAscending: "{field} ordenar em ordem ascendente", sortDescending: "{field} ordenar em ordem decrescente", sortInactive: "{field} ordenação inativa" },
   "zh-CN": { filterBar: "筛选器", gettingYourData: "获取数据", loading: "正在加载", noResults: "没有结果", pagination: "分页", selectRow: "选择行", showMore: "显示更多", sortAscending: "{field} 升序排序", sortDescending: "{field} 降序排序", sortInactive: "{field} 排序未激活" }
-}, Ns = { class: "b-data-grid-lazy-load" }, Ds = {
+}, Ds = { class: "b-data-grid-lazy-load" }, Ms = {
   i18n: { messages: vt }
-}, Ms = /* @__PURE__ */ Se({
-  ...Ds,
+}, zs = /* @__PURE__ */ Se({
+  ...Ms,
   __name: "data-grid-lazy-load",
   props: {
     loading: { type: Boolean },
@@ -1769,7 +1770,7 @@ const Is = /* @__PURE__ */ oe(hs, [["render", Ts], ["__scopeId", "data-v-01dda33
   },
   setup(e) {
     const { t: s } = Me({ messages: vt });
-    return (i, t) => (c(), E("div", Ns, [
+    return (i, t) => (c(), E("div", Ds, [
       i.loading && i.isInfiniteScroll ? (c(), W(l(dt), { key: 0 })) : F("", !0),
       i.loading && !i.isInfiniteScroll ? (c(), W(l(Vt), {
         key: 1,
@@ -1794,11 +1795,11 @@ const Is = /* @__PURE__ */ oe(hs, [["render", Ts], ["__scopeId", "data-v-01dda33
       }, 8, ["state"])) : F("", !0)
     ]));
   }
-}), zs = /* @__PURE__ */ oe(Ms, [["__scopeId", "data-v-a4824c2d"]]), dn = () => {
+}), Fs = /* @__PURE__ */ oe(zs, [["__scopeId", "data-v-a4824c2d"]]), dn = () => {
   const e = document.activeElement;
   return e ? e.matches(":focus-visible") || e.matches(".focus-visible") : !1;
-}, Fs = ({ gridcellRef: e }) => {
-  const s = w(!1), i = w(!1), t = w(), r = w([]), n = w(!1), o = w(!1), f = w(!1), a = w(!1), m = w(!1), R = v(() => (t.value?.length ?? 0) > 1), p = (u) => u ? e.value?.contains(u) ? !0 : r.value?.map((d) => d.value).some((d) => d === u || d?.contains(u)) : !1, I = (u) => {
+}, Ps = ({ gridcellRef: e }) => {
+  const s = S(!1), i = S(!1), t = S(), r = S([]), n = S(!1), o = S(!1), f = S(!1), a = S(!1), m = S(!1), R = v(() => (t.value?.length ?? 0) > 1), p = (u) => u ? e.value?.contains(u) ? !0 : r.value?.map((d) => d.value).some((d) => d === u || d?.contains(u)) : !1, I = (u) => {
     p(u) || (s.value = !1);
   }, A = () => {
     a.value = !0, setTimeout(() => {
@@ -1897,12 +1898,12 @@ const Is = /* @__PURE__ */ oe(hs, [["render", Ts], ["__scopeId", "data-v-01dda33
   };
 };
 let un = 0;
-const Ps = {
+const $s = {
   beforeCreate() {
     this.uuid = un.toString(), un += 1;
   }
-}, $s = { key: 0 };
-function ks(e, s, i, t, r, n) {
+}, ks = { key: 0 };
+function Us(e, s, i, t, r, n) {
   return c(), E("svg", ee({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
@@ -1910,14 +1911,14 @@ function ks(e, s, i, t, r, n) {
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (c(), E("title", $s, q(e.$attrs["svg-title"]), 1)) : F("", !0),
+    e.$attrs["svg-title"] ? (c(), E("title", ks, q(e.$attrs["svg-title"]), 1)) : F("", !0),
     s[0] || (s[0] = O("path", {
       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"
     }, null, -1))
   ], 16);
 }
-const cn = /* @__PURE__ */ oe(Ps, [["render", ks]]), Ln = {
+const cn = /* @__PURE__ */ oe($s, [["render", Us]]), Ln = {
   "de-DE": { copy: "Kopieren", edit: "Bearbeiten", more: "Mehr", open: "Offen" },
   "en-GB": { copy: "Copy", edit: "Edit", more: "More", open: "Open" },
   "en-US": { copy: "Copy", edit: "Edit", more: "More", open: "Open" },
@@ -1928,11 +1929,11 @@ const cn = /* @__PURE__ */ oe(Ps, [["render", ks]]), Ln = {
   "ja-JP": { copy: "コピー", edit: "編集", more: "その他", open: "開く" },
   "pt-BR": { copy: "Copiar", edit: "Editar", more: "Mais", open: "Abrir" },
   "zh-CN": { copy: "复制", edit: "编辑", more: "更多", open: "打开" }
-}, Us = { class: "b-data-grid-cell-actions" }, Bs = {
+}, Bs = { class: "b-data-grid-cell-actions" }, Ws = {
   i18n: { messages: Ln },
   name: "data-grid-cell-actions"
-}, Ws = /* @__PURE__ */ Se({
-  ...Bs,
+}, Vs = /* @__PURE__ */ Se({
+  ...Ws,
   props: {
     /**
      * Column definitions using 'key' to relate to data object.
@@ -2001,7 +2002,7 @@ const cn = /* @__PURE__ */ oe(Ps, [["render", ks]]), Ln = {
   },
   emits: ["menu-open", "menu-close", "menu-item-click"],
   setup(e, { emit: s }) {
-    const { t: i } = Me({ messages: Ln }), t = e, r = s, n = Te(mt, w(!1)), o = (C) => {
+    const { t: i } = Me({ messages: Ln }), t = e, r = s, n = Te(mt, S(!1)), o = (C) => {
       if ("text" in C && C.text !== void 0)
         return C.text;
       switch (C.variant) {
@@ -2036,7 +2037,10 @@ const cn = /* @__PURE__ */ oe(Ps, [["render", ks]]), Ln = {
       "b-data-grid-cell-actions__actions--with-row-actions": a.value,
       "b-data-grid-cell-actions__actions--zebra": t.hasZebraBackground,
       "b-data-grid-cell-actions__actions--highlighted": t.isHighlighted,
-      "b-data-grid-cell-actions__actions--selected": t.isSelected
+      "b-data-grid-cell-actions__actions--selected": t.isSelected,
+      "b-data-grid-cell-actions__actions--zebra-hover": !a.value && t.hasZebraBackground,
+      "b-data-grid-cell-actions__actions--highlighted-hover": !a.value && t.isHighlighted,
+      "b-data-grid-cell-actions__actions--selected-hover": !a.value && t.isSelected
     })), p = v(() => !a.value || a.value && t.hasRightOverflow);
     function I(C) {
       return typeof C == "function";
@@ -2099,7 +2103,7 @@ const cn = /* @__PURE__ */ oe(Ps, [["render", ks]]), Ln = {
       appear: ""
     }, {
       default: V(() => [
-        O("div", Us, [
+        O("div", Bs, [
           p.value && !l(n) ? (c(), E("div", {
             key: 0,
             class: ae(["b-data-grid-cell-actions__background-gradient", m.value])
@@ -2108,11 +2112,11 @@ const cn = /* @__PURE__ */ oe(Ps, [["render", ks]]), Ln = {
             class: ae(["b-data-grid-cell-actions__actions", R.value]),
             role: "group"
           }, [
-            (c(!0), E(fe, null, pe(A.value, (u, d) => (c(), E("div", {
+            (c(!0), E(fe, null, be(A.value, (u, d) => (c(), E("div", {
               key: d,
               class: "b-data-grid-cell-actions__action"
             }, [
-              u.menuData ? Je((c(), W(l(_t), {
+              u.menuData ? Xe((c(), W(l(_t), {
                 key: 0,
                 data: D(u.menuData),
                 button: {
@@ -2156,7 +2160,7 @@ const cn = /* @__PURE__ */ oe(Ps, [["render", ks]]), Ln = {
                   condensed: !0,
                   variant: "secondary"
                 }
-              }, null, 8, ["text", "button-text"])) : Je((c(), W(l(bn), ee({
+              }, null, 8, ["text", "button-text"])) : Xe((c(), W(l(bn), ee({
                 key: 2,
                 condensed: "",
                 variant: "secondary",
@@ -2207,7 +2211,7 @@ const cn = /* @__PURE__ */ oe(Ps, [["render", ks]]), Ln = {
       _: 1
     }));
   }
-}), On = /* @__PURE__ */ oe(Ws, [["__scopeId", "data-v-98d959e5"]]);
+}), On = /* @__PURE__ */ oe(Vs, [["__scopeId", "data-v-426bb810"]]);
 var ce = /* @__PURE__ */ ((e) => (e.ACTION_COL_NESTED_CONTENT_AND_SELECTION_ENABLED = "action-col-nested-content-and-selection-enabled", e.ACTION_COL_NESTED_CONTENT_ENABLED = "action-col-nested-content-enabled", e.ACTION_COL_SELECTION_ENABLED = "action-col-selection-enabled", e.COLUMN_HOVERED = "column-hovered", e.COLUMN_HOVERED_NO_BORDER_LEFT = "column-hovered-no-border-left", e.COLUMN_HOVERED_NO_BORDER_RIGHT = "column-hovered-no-border-right", e.CONDENSED = "condensed", e.FROZEN = "frozen", e.IS_COLUMN_REORDERING = "is-column-re-ordering", e.IS_COLUMN_REORDERING_TARGET_LEFT = "is-column-re-order-target-left", e.IS_COLUMN_REORDERING_TARGET_RIGHT = "is-column-re-order-target-right", e.LAST_FROZEN_COLUMN_CELL = "last-frozen-column-cell", e.NESTED_CONTENT_ENABLED = "nested-content-toggle-enabled", e.NUMERIC = "numeric", e.OVERFLOW_ELLIPSIS = "overflow-ellipsis", e.PADDING_LEFT_UNSET = "padding-left-unset", e.PADDING_RIGHT_UNSET = "padding-right-unset", e.SLASHED_ZERO = "slashed-zero", e))(ce || {});
 const Tn = {
   "de-DE": { collapseNestedContent: "Verschachtelte Inhalte ausblenden", expandNestedContent: "Verschachtelten Inhalt anzeigen", selectRow: "Zeile auswählen" },
@@ -2220,14 +2224,14 @@ const Tn = {
   "ja-JP": { collapseNestedContent: "ネストされたコンテンツを折りたたむ", expandNestedContent: "ネストされたコンテンツを展開", selectRow: "行を選択" },
   "pt-BR": { collapseNestedContent: "Recolher conteúdo aninhado", expandNestedContent: "Expandir conteúdo aninhado", selectRow: "Selecionar linha" },
   "zh-CN": { collapseNestedContent: "折叠嵌套内容", expandNestedContent: "展开嵌套内容", selectRow: "选择行" }
-}, Vs = ["aria-hidden", "data-testid", "data-cellindex", "tabindex", "aria-colindex"], Gs = ["title"], xs = {
+}, Gs = ["aria-hidden", "data-testid", "data-cellindex", "tabindex", "aria-colindex"], xs = ["title"], Hs = {
   key: 0,
   class: "b-data-grid-cell__cell-actions"
-}, Hs = {
+}, Zs = {
   i18n: { messages: Tn },
   name: "data-grid-cell"
-}, Zs = /* @__PURE__ */ Se({
-  ...Hs,
+}, js = /* @__PURE__ */ Se({
+  ...Zs,
   props: {
     draggingEventsForRowCell: {
       type: Function,
@@ -2370,7 +2374,7 @@ const Tn = {
   },
   emits: ["on-frozen-columns-key-press", "select-row", "register-row-cell-element", "cell-hovered", "nested-content-toggled", "cell-focus"],
   setup(e, { expose: s, emit: i }) {
-    const t = yt(), r = Lt(t), { t: n } = Me({ messages: Tn }), o = e, f = i, a = w(null), m = w(null), R = w(!1), {
+    const t = yt(), r = Lt(t), { t: n } = Me({ messages: Tn }), o = e, f = i, a = S(null), m = S(null), R = S(!1), {
       shouldShowCellActions: p,
       isFocused: I,
       focusableItems: A,
@@ -2383,7 +2387,7 @@ const Tn = {
       handleKeydown: C,
       handleCellActionsFocus: M,
       handleCellActionsFocusout: u
-    } = Fs({ gridcellRef: a }), d = v(() => !!o.rowData?.[o.column.field]), b = v(
+    } = Ps({ gridcellRef: a }), d = v(() => !!o.rowData?.[o.column.field]), b = v(
       () => o.column.field === he && o.nestedRowsElementIds?.length > 0 ? o.nestedRowsElementIds.join(" ") : void 0
     ), P = v(
       () => o.column.field === he && !o.selectable && !o.nestedContent
@@ -2415,7 +2419,7 @@ const Tn = {
         u(te.focusout, h);
       }), se;
     };
-    Ke(() => {
+    Je(() => {
       A.value = Re(a.value);
     });
     const Ae = () => {
@@ -2426,7 +2430,7 @@ const Tn = {
       async () => {
         p.value === !0 ? (f("cell-hovered", o.rowIndex), await de(), A.value = Re(a.value), I.value && gt(A.value)) : f("cell-hovered", -1);
       }
-    ), it(Bl, {
+    ), it(Wl, {
       registerMenuContainerElement: (k) => {
         g.value.push(k);
       },
@@ -2434,10 +2438,10 @@ const Tn = {
         a.value.contains(k?.relatedTarget) || (p.value = !1);
       }
     });
-    const ke = Te(yn, w(!1)), Ue = Te(
+    const $e = Te(yn, S(!1)), ke = Te(
       Qe,
       v(() => !1)
-    ), ze = Te(mt, w(!1)), Be = (k) => ({
+    ), Ue = Te(mt, S(!1)), Be = (k) => ({
       [`b-data-grid-cell--${ce.COLUMN_HOVERED}`]: k?.field === o.hoveredOverColumnState.hoveredOverColumnField,
       [`b-data-grid-cell--${ce.COLUMN_HOVERED_NO_BORDER_LEFT}`]: k?.field === o.hoveredOverColumnState.hoveredOverColumnField && o.hoveredOverColumnState.noBorderLeft,
       [`b-data-grid-cell--${ce.COLUMN_HOVERED_NO_BORDER_RIGHT}`]: k?.field === o.hoveredOverColumnState.hoveredOverColumnField && o.hoveredOverColumnState.noBorderRight,
@@ -2454,8 +2458,8 @@ const Tn = {
       [`b-data-grid-cell--${ce.ACTION_COL_NESTED_CONTENT_ENABLED}`]: o.nestedContent && !o.selectable && k.field === he,
       [`b-data-grid-cell--${ce.ACTION_COL_NESTED_CONTENT_AND_SELECTION_ENABLED}`]: o.nestedContent && o.selectable && k.field === he,
       [`b-data-grid-cell--${ce.ACTION_COL_SELECTION_ENABLED}`]: k.field === he && o.selectable,
-      [`b-data-grid-cell--${ce.SLASHED_ZERO}`]: ke.value,
-      "b-data-grid-cell--small-container": Ue.value
+      [`b-data-grid-cell--${ce.SLASHED_ZERO}`]: $e.value,
+      "b-data-grid-cell--small-container": ke.value
     }), Ie = v(() => ({
       "b-data-grid-cell__cell-content--is-focused-on-inside-interactive-element": L.value
     }));
@@ -2499,11 +2503,11 @@ const Tn = {
           onClick: Ae
         }, {
           iconLeft: V(() => [
-            e.isNestedContentExpanded ? (c(), W(l(Jl), {
+            e.isNestedContentExpanded ? (c(), W(l(Ql), {
               key: 0,
               class: "b-accordion-item__icon",
               "svg-title": l(n)("collapseNestedContent")
-            }, null, 8, ["svg-title"])) : (c(), W(l(Xl), {
+            }, null, 8, ["svg-title"])) : (c(), W(l(Jl), {
               key: 1,
               class: "b-accordion-item__icon",
               "svg-title": l(n)("expandNestedContent")
@@ -2524,13 +2528,13 @@ const Tn = {
             }, () => [
               O("span", {
                 title: Z(e.column, e.rowData[e.column.field])
-              }, q(J(e.rowData[e.column.field])), 9, Gs)
+              }, q(J(e.rowData[e.column.field])), 9, xs)
             ], !0)
           ]),
           _: 3
         }, 8, ["class"]),
-        e.column.cellActions?.length > 0 ? (c(), E("div", xs, [
-          (l(p) || l(ze)) && (d.value || l(r)(`item-${e.column.field}`)) ? (c(), W(On, {
+        e.column.cellActions?.length > 0 ? (c(), E("div", Hs, [
+          (l(p) || l(Ue)) && (d.value || l(r)(`item-${e.column.field}`)) ? (c(), W(On, {
             key: 0,
             ref_key: "cellActionsRef",
             ref: m,
@@ -2545,21 +2549,21 @@ const Tn = {
           }, null, 8, ["cell-actions", "column-key", "row-data-item", "has-zebra-background", "is-highlighted", "is-selected", "onMenuItemClick"])) : F("", !0)
         ])) : F("", !0)
       ], 64))
-    ], 16, Vs));
+    ], 16, Gs));
   }
-}), js = /* @__PURE__ */ oe(Zs, [["__scopeId", "data-v-71530750"]]), qs = {
+}), qs = /* @__PURE__ */ oe(js, [["__scopeId", "data-v-71530750"]]), Ks = {
   class: "b-data-grid-row-container",
   role: "presentation"
-}, Ks = ["id", "aria-selected"], Ys = ["data-testid"], Xs = ["aria-colindex", "data-cellindex"], Js = {
+}, Ys = ["id", "aria-selected"], Xs = ["data-testid"], Js = ["aria-colindex", "data-cellindex"], Qs = {
   key: 0,
   class: "b-data-grid-row-container__row-nested-rows-loading-container"
-}, Qs = {
+}, ea = {
   key: 0,
   class: "b-data-grid-row-container__row-nested-rows-loading-container"
-}, ea = { key: 1 }, ta = {
+}, ta = { key: 1 }, na = {
   name: "data-grid-row"
-}, na = /* @__PURE__ */ Se({
-  ...ta,
+}, la = /* @__PURE__ */ Se({
+  ...na,
   props: {
     /**
      * Row actions property that generates which button to show in row actions area
@@ -2767,13 +2771,13 @@ const Tn = {
   },
   emits: ["cell-hovered", "on-frozen-columns-key-press", "select-row", "select-nested-row", "row-click", "nested-content-toggled", "cell-focus"],
   setup(e, { expose: s, emit: i }) {
-    const t = yt(), r = Lt(t), n = e, o = i, f = (S, T) => !S || !T ? !1 : !!(T.compareDocumentPosition(S) & Node.DOCUMENT_POSITION_FOLLOWING), a = w({}), m = w(!1), R = w(), p = w(), I = w([]), A = ut("nested-content-slot"), g = w(!1), L = w(!1), _ = w(), D = () => {
-      const S = p.value;
-      return Array.isArray(S) ? S[0] : S;
+    const t = yt(), r = Lt(t), n = e, o = i, f = (w, T) => !w || !T ? !1 : !!(T.compareDocumentPosition(w) & Node.DOCUMENT_POSITION_FOLLOWING), a = S({}), m = S(!1), R = S(), p = S(), I = S([]), A = ut("nested-content-slot"), g = S(!1), L = S(!1), _ = S(), D = () => {
+      const w = p.value;
+      return Array.isArray(w) ? w[0] : w;
     };
-    Ke(() => {
-      const S = D();
-      S && (_.value = Re(S));
+    Je(() => {
+      const w = D();
+      w && (_.value = Re(w));
     });
     const y = v(() => n.shouldShowNestedRows(n.rowData)), z = v(
       () => !n.isNestedRow && n.hasNestedRows && y.value && n.rowData?.children?.length > 0
@@ -2783,9 +2787,9 @@ const Tn = {
       () => n.hasNestedContent && n.shouldShowNestedContent(n.rowData) || n.hasNestedRows && y.value && !n.isNestedRow
     ), u = v(() => {
       if (n.hasNestedContent || n.hasNestedRows) {
-        const S = m.value.toString();
+        const w = m.value.toString();
         return {
-          "aria-expanded": M.value ? S : void 0,
+          "aria-expanded": M.value ? w : void 0,
           "aria-level": n.isNestedRow ? "2" : "1",
           "aria-posinset": n.rowIndex + 1,
           "aria-setsize": n.rowSetSize
@@ -2807,56 +2811,56 @@ const Tn = {
           role: "row",
           tabindex: "-1"
         };
-    }), b = v(() => z.value ? n.rowData?.children?.reduce((S, T, ie) => (S[ie] = ut("nested-row"), S), {}) : []), P = v(() => {
+    }), b = v(() => z.value ? n.rowData?.children?.reduce((w, T, ie) => (w[ie] = ut("nested-row"), w), {}) : []), P = v(() => {
       if (m.value) {
         if (n.hasNestedContent && n.shouldShowNestedContent(n.rowData))
           return [A];
         if (z.value && Object.keys(b.value)?.length > 0) {
-          const S = Object.values(b.value);
-          if (S?.length > 0)
-            return S;
+          const w = Object.values(b.value);
+          if (w?.length > 0)
+            return w;
         }
         return [];
       }
     }), B = v(() => {
-      const S = n.rowData?.children?.map((T) => n.getDataItemId(T));
-      if (S?.length > 0) {
-        const T = S.every((x) => n?.selectedItems?.includes(x)), ie = S.some((x) => n?.selectedItems?.includes(x));
+      const w = n.rowData?.children?.map((T) => n.getDataItemId(T));
+      if (w?.length > 0) {
+        const T = w.every((x) => n?.selectedItems?.includes(x)), ie = w.some((x) => n?.selectedItems?.includes(x));
         return !T && ie;
       }
       return !1;
-    }), Z = (S, T) => {
-      const ie = S;
-      S !== null && ie?.gridcellRef && (a.value[T] = ie.gridcellRef);
-    }, J = (S, T) => {
-      S !== null && (I.value[T] = S);
-    }, K = (S) => b.value[S], X = (S) => {
+    }), Z = (w, T) => {
+      const ie = w;
+      w !== null && ie?.gridcellRef && (a.value[T] = ie.gridcellRef);
+    }, J = (w, T) => {
+      w !== null && (I.value[T] = w);
+    }, K = (w) => b.value[w], X = (w) => {
       if (!n.selectable)
         return null;
-      const T = n.getDataItemId(S);
+      const T = n.getDataItemId(w);
       return n.selectedItems.includes(T).toString();
-    }, Y = (S, T) => {
-      o("row-click", S, T);
-    }, ge = (S) => {
+    }, Y = (w, T) => {
+      o("row-click", w, T);
+    }, ge = (w) => {
       if (!n.allowRowClicks)
         return;
       let T = !1;
       const ie = ["button", "input", "a"];
       for (let x = 0; x < ie.length; x++)
-        if (S?.target?.closest(ie[x])) {
+        if (w?.target?.closest(ie[x])) {
           T = !0;
           break;
         }
-      T || Y(n.rowData, S);
-    }, Ae = (S) => {
-      o("select-row", S, n.rowData);
-    }, xe = (S, T) => {
-      o("select-nested-row", T, n.rowData, S);
-    }, $e = () => {
+      T || Y(n.rowData, w);
+    }, Ae = (w) => {
+      o("select-row", w, n.rowData);
+    }, xe = (w, T) => {
+      o("select-nested-row", T, n.rowData, w);
+    }, Pe = () => {
       g.value = !0;
-    }, ke = () => {
+    }, $e = () => {
       g.value = !1;
-    }, Ue = (S) => {
+    }, ke = (w) => {
       if (L.value) {
         L.value = !1;
         return;
@@ -2864,19 +2868,19 @@ const Tn = {
       const T = D();
       if (!T || !_.value?.length)
         return;
-      const ie = f(S.relatedTarget, T), x = _.value.length - 1, ue = ie ? _.value[x] : _.value[0];
+      const ie = f(w.relatedTarget, T), x = _.value.length - 1, ue = ie ? _.value[x] : _.value[0];
       gt([ue]), ct(T, { last: ie });
-    }, ze = () => {
-      const S = D();
-      S && Re(S);
-    }, Be = (S) => {
+    }, Ue = () => {
+      const w = D();
+      w && Re(w);
+    }, Be = (w) => {
       const T = D();
-      if (S.key === le.ESCAPE) {
-        T && Re(T), L.value = !0, T?.focus(), S.stopPropagation(), S.preventDefault();
+      if (w.key === le.ESCAPE) {
+        T && Re(T), L.value = !0, T?.focus(), w.stopPropagation(), w.preventDefault();
         return;
       }
-      S.key !== le.TAB && T && Re(T), S.key === le.ARROW_RIGHT && _.value?.length > 1 && _.value[0].node === document.activeElement ? (T && Re(T), _.value[1].node.setAttribute("tabindex", "0"), _.value[1].node.focus(), S.stopPropagation(), S.preventDefault()) : S.key === le.ARROW_LEFT && _.value?.length > 1 && _.value[1].node === document.activeElement && (T && Re(T), _.value[0].node.setAttribute("tabindex", "0"), _.value[0].node.focus(), S.stopPropagation(), S.preventDefault());
-    }, Ie = () => n.columnSets.reduce((S, { columnSet: T }) => S + T.length, 0), k = () => Ie() * n.rowIndex + Ie(), { updateContentHeight: te, contentHeight: se } = Ql(R, m), h = v(() => {
+      w.key !== le.TAB && T && Re(T), w.key === le.ARROW_RIGHT && _.value?.length > 1 && _.value[0].node === document.activeElement ? (T && Re(T), _.value[1].node.setAttribute("tabindex", "0"), _.value[1].node.focus(), w.stopPropagation(), w.preventDefault()) : w.key === le.ARROW_LEFT && _.value?.length > 1 && _.value[1].node === document.activeElement && (T && Re(T), _.value[0].node.setAttribute("tabindex", "0"), _.value[0].node.focus(), w.stopPropagation(), w.preventDefault());
+    }, Ie = () => n.columnSets.reduce((w, { columnSet: T }) => w + T.length, 0), k = () => Ie() * n.rowIndex + Ie(), { updateContentHeight: te, contentHeight: se } = eo(R, m), h = v(() => {
       if (n.hasNestedContent || n.hasNestedRows)
         return {
           paddingLeft: `${z.value || C.value ? 0 : a.value[he].offsetWidth + Rn}px`,
@@ -2886,8 +2890,8 @@ const Tn = {
     Ce(
       () => R.value,
       () => {
-        let S = null;
-        !S && R.value && (S = Ot(R.value, () => {
+        let w = null;
+        !w && R.value && (w = Ot(R.value, () => {
           R.value && te();
         }));
       }
@@ -2897,32 +2901,32 @@ const Tn = {
     };
     Ce(
       () => n.rowData?.children,
-      (S, T) => {
+      (w, T) => {
         n?.rowData?.children?.length > 0 && T === void 0 && !m.value && te();
       }
     );
     const $ = Te(
       Qe,
       v(() => !1)
-    ), be = (S) => n.highlightedRows.includes(n.getDataItemId(S)), me = (S) => n.selectedItems.includes(n.getDataItemId(S)), ht = (S, T) => ({
-      "b-data-grid-row-container__row--disabled": n.isDataItemDisabled(S),
+    ), pe = (w) => n.highlightedRows.includes(n.getDataItemId(w)), me = (w) => n.selectedItems.includes(n.getDataItemId(w)), ht = (w, T) => ({
+      "b-data-grid-row-container__row--disabled": n.isDataItemDisabled(w),
       "b-data-grid-row-container__row--row-clicks-enabled": n.allowRowClicks,
-      "b-data-grid-row-container__row--highlighted": be(S),
-      "b-data-grid-row-container__row--selected": me(S),
+      "b-data-grid-row-container__row--highlighted": pe(w),
+      "b-data-grid-row-container__row--selected": me(w),
       "b-data-grid-row-container__row--hovered": n.hoveredRowIndex === T,
       "b-data-grid-row-container__row--is-last-child": n.isRowLastChild && !m.value,
       "b-data-grid-row-container__row--nested-row": n.isNestedRow,
       "b-data-grid-row-container__row--zebra": n.isRowEven
-    }), et = (S, T) => ({
-      "b-data-grid-row-container__row-cell-set--frozen": S && !T,
-      [`b-data-grid-row-container__row-cell-set--${ye.OVERFLOW_SHADOW_LEFT}`]: !T && S && n.hasLeftOverflow,
-      "b-data-grid-row-container__row-cell-set--frozen-separator": !T && S && n.showFrozenColumnsSeparator,
-      "b-data-grid-row-container__row-cell-set--unfrozen": !S || T,
+    }), et = (w, T) => ({
+      "b-data-grid-row-container__row-cell-set--frozen": w && !T,
+      [`b-data-grid-row-container__row-cell-set--${ye.OVERFLOW_SHADOW_LEFT}`]: !T && w && n.hasLeftOverflow,
+      "b-data-grid-row-container__row-cell-set--frozen-separator": !T && w && n.showFrozenColumnsSeparator,
+      "b-data-grid-row-container__row-cell-set--unfrozen": !w || T,
       "b-data-grid-row-container__row-cell-set--is-measuring": n.isMeasuringColumnWidths
-    }), Ye = v(() => ({
+    }), Ke = v(() => ({
       "b-data-grid-row-container__row-nested-slot--is-last-child": n.isRowLastChild,
       "b-data-grid-row-container__row-nested-slot": !z.value && n.shouldShowNestedContent(n.rowData)
-    })), Xe = v(() => ({
+    })), Ye = v(() => ({
       "b-data-grid-row-container__row-actions-container--row-actions-menu-open": g.value
     })), tt = v(() => ({
       minWidth: `${n.rowActionsMaximumWidth}px`
@@ -2932,7 +2936,7 @@ const Tn = {
       isNestedContentShown: m,
       nestedRowRefs: I,
       rowActionsRef: p
-    }), (S, T) => (c(), E("div", qs, [
+    }), (w, T) => (c(), E("div", Ks, [
       (c(), E("div", ee(u.value, {
         id: e.rowId?.toString(),
         key: e.rowIndex,
@@ -2945,13 +2949,13 @@ const Tn = {
           Bt(ge, ["space"])
         ]
       }), [
-        (c(!0), E(fe, null, pe(e.columnSets, ({ columnSet: ie, id: x, isFrozenColumns: ue }, He) => (c(), E(fe, null, [
+        (c(!0), E(fe, null, be(e.columnSets, ({ columnSet: ie, id: x, isFrozenColumns: ue }, He) => (c(), E(fe, null, [
           ie?.length ? (c(), E("div", {
             key: `data-grid-rows-${x}`,
             class: ae(["b-data-grid-row-container__cells", et(ue, l($))]),
             "data-testid": `data-grid-${x}-rows`
           }, [
-            (c(!0), E(fe, null, pe(ie, (We, nt) => (c(), W(js, {
+            (c(!0), E(fe, null, be(ie, (We, nt) => (c(), W(qs, {
               key: `cell-${We.field}`,
               ref_for: !0,
               ref: (_e) => Z(_e, We.field),
@@ -2965,7 +2969,7 @@ const Tn = {
               "dragging-events-for-row-cell": e.draggingEventsForRowCell,
               "get-data-item-id": e.getDataItemId,
               "has-zebra-background": e.isRowEven,
-              "is-highlighted": be(e.rowData),
+              "is-highlighted": pe(e.rowData),
               "is-selected": me(e.rowData),
               "hovered-over-column-state": e.hoveredOverColumnState,
               "is-data-item-disabled": e.isDataItemDisabled,
@@ -2984,27 +2988,27 @@ const Tn = {
               onSelectRow: Ae,
               onNestedContentToggled: H
             }, qe({ _: 2 }, [
-              pe(l(t), (_e, Ve) => ({
+              be(l(t), (_e, Ve) => ({
                 name: Ve,
                 fn: V((Ct) => [
-                  Oe(S.$slots, Ve, ee({ ref_for: !0 }, Ct), void 0, !0)
+                  Oe(w.$slots, Ve, ee({ ref_for: !0 }, Ct), void 0, !0)
                 ])
               }))
             ]), 1032, ["column", "column-set-index", "col-index", "column-sets", "condensed", "dragging-columns", "dragging-events-for-row-cell", "get-data-item-id", "has-zebra-background", "is-highlighted", "is-selected", "hovered-over-column-state", "is-data-item-disabled", "is-measuring-column-widths", "is-nested-content-expanded", "nested-content", "nested-rows-element-ids", "row-data", "row-index", "selection-is-indeterminate", "selectable", "selected-items"]))), 128))
-          ], 10, Ys)) : F("", !0),
+          ], 10, Xs)) : F("", !0),
           !ue && e.rowActions ? (c(), E("div", {
             key: `data-grid-row-actions-${x}`,
             ref_for: !0,
             ref_key: "rowActionsRef",
             ref: p,
             "aria-colindex": Ie().toString(),
-            class: ae(["b-data-grid-row-container__row-actions-container", Xe.value]),
+            class: ae(["b-data-grid-row-container__row-actions-container", Ye.value]),
             style: Le(tt.value),
             "data-cellindex": k(),
             tabindex: "-1",
             role: "gridcell",
-            onFocus: Ue,
-            "on:focusOut": ze,
+            onFocus: ke,
+            "on:focusOut": Ue,
             onKeydown: Be
           }, [
             j(On, {
@@ -3013,13 +3017,16 @@ const Tn = {
               "cell-actions": e.rowActions,
               "has-right-overflow": e.hasRightOverflow,
               "row-data-item": e.rowData,
+              "has-zebra-background": e.isRowEven,
+              "is-highlighted": pe(e.rowData),
+              "is-selected": me(e.rowData),
               "teleport-menu": "",
-              onMenuOpen: $e,
-              onMenuClose: ke
-            }, null, 8, ["cell-actions", "has-right-overflow", "row-data-item"])
-          ], 46, Xs)) : F("", !0)
+              onMenuOpen: Pe,
+              onMenuClose: $e
+            }, null, 8, ["cell-actions", "has-right-overflow", "row-data-item", "has-zebra-background", "is-highlighted", "is-selected"])
+          ], 46, Js)) : F("", !0)
         ], 64))), 256))
-      ], 16, Ks)),
+      ], 16, Ys)),
       e.hasNestedContent && l(r)("nested-slot") && e.shouldShowNestedContent(e.rowData) || e.hasNestedRows && y.value ? (c(), W(hn, {
         key: `${e.rowIndex}-nest-content`,
         name: "b-data-grid-row-container__animation--nested-content"
@@ -3027,7 +3034,7 @@ const Tn = {
         default: V(() => [
           m.value && z.value ? (c(), E("div", {
             key: 0,
-            class: ae(Ye.value),
+            class: ae(Ke.value),
             "data-testid": "nested-content-container",
             style: Le(h.value),
             role: "presentation"
@@ -3036,10 +3043,10 @@ const Tn = {
               ref_key: "nestedContentRef",
               ref: R
             }, [
-              C.value ? (c(), E("div", Js, [
+              C.value ? (c(), E("div", Qs, [
                 j(l(dt))
               ])) : F("", !0),
-              (c(!0), E(fe, null, pe(e.rowData.children, (ie, x) => (c(), W(In, ee({ ref_for: !0 }, n, {
+              (c(!0), E(fe, null, be(e.rowData.children, (ie, x) => (c(), W(In, ee({ ref_for: !0 }, n, {
                 id: K(x),
                 key: `child-${x}`,
                 ref_for: !0,
@@ -3054,16 +3061,16 @@ const Tn = {
                 onOnFrozenColumnsKeyPress: T[5] || (T[5] = (ue) => o("on-frozen-columns-key-press", ue)),
                 onSelectRow: (ue) => xe(ie, ue)
               }), qe({ _: 2 }, [
-                pe(l(t), (ue, He) => ({
+                be(l(t), (ue, He) => ({
                   name: He,
                   fn: V((We) => [
-                    Oe(S.$slots, He, ee({ ref_for: !0 }, We), void 0, !0)
+                    Oe(w.$slots, He, ee({ ref_for: !0 }, We), void 0, !0)
                   ])
                 }))
               ]), 1040, ["id", "row-data", "row-index", "row-set-size", "onSelectRow"]))), 128))
             ], 512)
           ], 6)) : m.value ? (c(), E("div", ee({ key: 1 }, d.value, {
-            class: Ye.value,
+            class: Ke.value,
             "data-testid": "nested-content-container",
             style: h.value,
             role: "row",
@@ -3074,10 +3081,10 @@ const Tn = {
               ref: R,
               role: "gridcell"
             }, [
-              C.value ? (c(), E("div", Qs, [
+              C.value ? (c(), E("div", ea, [
                 j(l(dt))
-              ])) : l(r)("nested-slot") && e.shouldShowNestedContent(e.rowData) ? (c(), E("div", ea, [
-                Oe(S.$slots, "nested-slot", { item: e.rowData }, void 0, !0)
+              ])) : l(r)("nested-slot") && e.shouldShowNestedContent(e.rowData) ? (c(), E("div", ta, [
+                Oe(w.$slots, "nested-slot", { item: e.rowData }, void 0, !0)
               ])) : F("", !0)
             ], 512)
           ], 16)) : F("", !0)
@@ -3086,14 +3093,14 @@ const Tn = {
       })) : F("", !0)
     ]));
   }
-}), In = /* @__PURE__ */ oe(na, [["__scopeId", "data-v-e1c1c3f7"]]);
+}), In = /* @__PURE__ */ oe(la, [["__scopeId", "data-v-49e28d71"]]);
 let gn = 0;
-const la = {
+const oa = {
   beforeCreate() {
     this.uuid = gn.toString(), gn += 1;
   }
-}, oa = { key: 0 }, sa = ["clip-path"], aa = ["id"];
-function ia(e, s, i, t, r, n) {
+}, sa = { key: 0 }, aa = ["clip-path"], ia = ["id"];
+function ra(e, s, i, t, r, n) {
   return c(), E("svg", ee({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
@@ -3101,7 +3108,7 @@ function ia(e, s, i, t, r, n) {
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (c(), E("title", oa, q(e.$attrs["svg-title"]), 1)) : F("", !0),
+    e.$attrs["svg-title"] ? (c(), E("title", sa, q(e.$attrs["svg-title"]), 1)) : F("", !0),
     O("g", {
       "clip-path": "url(#uia-ui-assets/icons-16-warning_circle_fill__a" + e.uuid + ")"
     }, s[0] || (s[0] = [
@@ -3109,7 +3116,7 @@ function ia(e, s, i, t, r, n) {
         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"
       }, null, -1)
-    ]), 8, sa),
+    ]), 8, aa),
     O("defs", null, [
       O("clipPath", {
         id: "uia-ui-assets/icons-16-warning_circle_fill__a" + e.uuid
@@ -3119,12 +3126,12 @@ function ia(e, s, i, t, r, n) {
           height: "16",
           fill: "#fff"
         }, null, -1)
-      ]), 8, aa)
+      ]), 8, ia)
     ])
   ], 16);
 }
-const ra = /* @__PURE__ */ oe(la, [["render", ia]]), da = ["aria-label"], ua = {}, ca = /* @__PURE__ */ Se({
-  ...ua,
+const da = /* @__PURE__ */ oe(oa, [["render", ra]]), ua = ["aria-label"], ca = {}, ga = /* @__PURE__ */ Se({
+  ...ca,
   __name: "data-grid-static-icon",
   props: {
     colored: { type: Boolean, default: !1 },
@@ -3139,7 +3146,7 @@ const ra = /* @__PURE__ */ oe(la, [["render", ia]]), da = ["aria-label"], ua = {
         case "warning":
           return yl;
         case "error":
-          return ra;
+          return da;
         case "cross":
           return Cn;
         case "no-value":
@@ -3150,7 +3157,7 @@ const ra = /* @__PURE__ */ oe(la, [["render", ia]]), da = ["aria-label"], ua = {
     }), t = v(() => ({
       "b-data-grid-static-icon--colored": s.colored && s.variant !== "no-value"
     })), r = v(() => `b-data-grid-static-icon__${s.variant}`), n = v(() => Tl.AUTO);
-    return (o, f) => Je((c(), E("div", {
+    return (o, f) => Xe((c(), E("div", {
       "aria-label": o.tooltipText,
       class: ae(["b-data-grid-static-icon", t.value]),
       tabindex: "0"
@@ -3159,11 +3166,11 @@ const ra = /* @__PURE__ */ oe(la, [["render", ia]]), da = ["aria-label"], ua = {
         class: ae(r.value),
         "svg-title": o.tooltipText
       }, null, 8, ["class", "svg-title"]))
-    ], 10, da)), [
+    ], 10, ua)), [
       [l(St), o.tooltipText, n.value]
     ]);
   }
-}), zi = /* @__PURE__ */ oe(ca, [["__scopeId", "data-v-b8c9e150"]]), Nn = {
+}), Pi = /* @__PURE__ */ oe(ga, [["__scopeId", "data-v-b8c9e150"]]), Nn = {
   "de-DE": { numberResults: "1 Ergebnis | {count} Ergebnisse" },
   "en-GB": { numberResults: "1 result | {count} results" },
   "en-US": { numberResults: "1 result | {count} results" },
@@ -3174,10 +3181,10 @@ const ra = /* @__PURE__ */ oe(la, [["render", ia]]), da = ["aria-label"], ua = {
   "ja-JP": { numberResults: "1件の結果 | {count}件の結果" },
   "pt-BR": { numberResults: "1 resultado | {count} resultados" },
   "zh-CN": { numberResults: "1 个结果 | {count} 个结果" }
-}, ga = { class: "b-data-grid-summary-cell" }, fa = { class: "b-data-grid-summary-cell__list" }, ma = {
+}, fa = { class: "b-data-grid-summary-cell" }, ma = { class: "b-data-grid-summary-cell__list" }, va = {
   i18n: { messages: Nn }
-}, va = /* @__PURE__ */ Se({
-  ...ma,
+}, ha = /* @__PURE__ */ Se({
+  ...va,
   __name: "data-grid-summary-cell",
   props: {
     label: {},
@@ -3187,7 +3194,7 @@ const ra = /* @__PURE__ */ oe(la, [["render", ia]]), da = ["aria-label"], ua = {
     tooltipText: { default: null }
   },
   setup(e) {
-    const { tc: s } = Me({ messages: Nn }), i = e, t = w(), r = v(() => ({
+    const { tc: s } = Me({ messages: Nn }), i = e, t = S(), r = v(() => ({
       popoverPosition: "right",
       // Setting popover defaults, but they are overriden if used passes dashedUnderline prop
       popoverTitle: i.label,
@@ -3200,7 +3207,7 @@ const ra = /* @__PURE__ */ oe(la, [["render", ia]]), da = ["aria-label"], ua = {
     })), n = v(() => i.searchTerm?.toLowerCase() ?? ""), o = (m) => i.searchTerm && m.toLowerCase().includes(n.value) ? "mark" : "span", f = v(() => i.searchTerm ? i.items.filter((m) => m.toLowerCase().includes(n.value)).length : 0), a = v(
       () => i.tooltipText ?? (f.value > 0 ? s("numberResults", f.value) : "")
     );
-    return (m, R) => (c(), E("div", ga, [
+    return (m, R) => (c(), E("div", fa, [
       m.items.length > 1 ? (c(), W(l(Il), ee({
         key: 0,
         ref_key: "dashedUnderlineRef",
@@ -3209,8 +3216,8 @@ const ra = /* @__PURE__ */ oe(la, [["render", ia]]), da = ["aria-label"], ua = {
         "popover-content": V(() => [
           j(l(Ge), { class: "b-data-grid-summary-cell__popover-content" }, {
             default: V(() => [
-              O("ul", fa, [
-                (c(!0), E(fe, null, pe(m.items, (p) => (c(), E("li", { key: p }, [
+              O("ul", ma, [
+                (c(!0), E(fe, null, be(m.items, (p) => (c(), E("li", { key: p }, [
                   (c(), W(je(o(p)), null, {
                     default: V(() => [
                       re(q(p), 1)
@@ -3241,8 +3248,8 @@ const ra = /* @__PURE__ */ oe(la, [["render", ia]]), da = ["aria-label"], ua = {
       }, null, 8, ["content", "position", "is-shown", "target-element"])) : F("", !0)
     ]));
   }
-}), Fi = /* @__PURE__ */ oe(va, [["__scopeId", "data-v-5ea6289c"]]), ha = { class: "b-data-grid-tag-with-text-cell" }, Ca = {}, pa = /* @__PURE__ */ Se({
-  ...Ca,
+}), $i = /* @__PURE__ */ oe(ha, [["__scopeId", "data-v-5ea6289c"]]), Ca = { class: "b-data-grid-tag-with-text-cell" }, pa = {}, ba = /* @__PURE__ */ Se({
+  ...pa,
   __name: "data-grid-tag-with-text-cell",
   props: {
     tag: {},
@@ -3250,7 +3257,7 @@ const ra = /* @__PURE__ */ oe(la, [["render", ia]]), da = ["aria-label"], ua = {
   },
   setup(e) {
     const s = e;
-    return (i, t) => (c(), E("div", ha, [
+    return (i, t) => (c(), E("div", Ca, [
       j(Nl, Rl(Al(s.tag)), null, 16),
       j(Ge, { el: "span" }, {
         default: V(() => [
@@ -3260,14 +3267,14 @@ const ra = /* @__PURE__ */ oe(la, [["render", ia]]), da = ["aria-label"], ua = {
       })
     ]));
   }
-}), Pi = /* @__PURE__ */ oe(pa, [["__scopeId", "data-v-b8837a72"]]);
+}), ki = /* @__PURE__ */ oe(ba, [["__scopeId", "data-v-b8837a72"]]);
 let fn = 0;
-const ba = {
+const wa = {
   beforeCreate() {
     this.uuid = fn.toString(), fn += 1;
   }
-}, wa = { key: 0 };
-function Sa(e, s, i, t, r, n) {
+}, Sa = { key: 0 };
+function _a(e, s, i, t, r, n) {
   return c(), E("svg", ee({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
@@ -3275,21 +3282,21 @@ function Sa(e, s, i, t, r, n) {
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (c(), E("title", wa, q(e.$attrs["svg-title"]), 1)) : F("", !0),
+    e.$attrs["svg-title"] ? (c(), E("title", Sa, q(e.$attrs["svg-title"]), 1)) : F("", !0),
     s[0] || (s[0] = O("path", {
       fill: "#001222",
       d: "M12.0605 7L11 8.06055L8.75 5.81055V12.75H7.25V5.81055L5 8.06055L3.93945 7L8 2.93945L12.0605 7Z"
     }, null, -1))
   ], 16);
 }
-const _a = /* @__PURE__ */ oe(ba, [["render", Sa]]);
+const Ra = /* @__PURE__ */ oe(wa, [["render", _a]]);
 let mn = 0;
-const Ra = {
+const Aa = {
   beforeCreate() {
     this.uuid = mn.toString(), mn += 1;
   }
-}, Aa = { key: 0 };
-function Ea(e, s, i, t, r, n) {
+}, Ea = { key: 0 };
+function ya(e, s, i, t, r, n) {
   return c(), E("svg", ee({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
@@ -3297,14 +3304,14 @@ function Ea(e, s, i, t, r, n) {
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (c(), E("title", Aa, q(e.$attrs["svg-title"]), 1)) : F("", !0),
+    e.$attrs["svg-title"] ? (c(), E("title", Ea, q(e.$attrs["svg-title"]), 1)) : F("", !0),
     s[0] || (s[0] = O("path", {
       fill: "#001222",
       d: "M8.75 10.1895L11 7.93945L12.0605 9L8 13.0605L3.93945 9L5 7.93945L7.25 10.1895V3.25H8.75V10.1895Z"
     }, null, -1))
   ], 16);
 }
-const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
+const La = /* @__PURE__ */ oe(Aa, [["render", ya]]), Dn = {
   "de-DE": { decrease: "verringern", increase: "erhöhen" },
   "en-GB": { decrease: "decrease", increase: "increase" },
   "en-US": { decrease: "decrease", increase: "increase" },
@@ -3315,10 +3322,10 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
   "ja-JP": { decrease: "低減", increase: "増加" },
   "pt-BR": { decrease: "diminuir", increase: "aumentar" },
   "zh-CN": { decrease: "减少", increase: "增加" }
-}, La = {
+}, Oa = {
   i18n: { messages: Dn }
-}, Oa = /* @__PURE__ */ Se({
-  ...La,
+}, Ta = /* @__PURE__ */ Se({
+  ...Oa,
   __name: "data-grid-trend-cell",
   props: {
     direction: { default: "none" },
@@ -3340,9 +3347,9 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
     }), o = v(() => {
       switch (t.direction) {
         case "up":
-          return _a;
+          return Ra;
         case "down":
-          return ya;
+          return La;
         default:
           return null;
       }
@@ -3371,8 +3378,8 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
       })
     ], 2));
   }
-}), $i = /* @__PURE__ */ oe(Oa, [["__scopeId", "data-v-08286f85"]]), Ta = (e, s, i) => {
-  const t = w([]), r = (a, m) => {
+}), Ui = /* @__PURE__ */ oe(Ta, [["__scopeId", "data-v-08286f85"]]), Ia = (e, s, i) => {
+  const t = S([]), r = (a, m) => {
     if (!a?.gridcellRefs)
       return { count: 0, entries: [], maxWidth: 0 };
     const R = [];
@@ -3419,27 +3426,27 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
     registerRowCellRefs: o,
     rebuildGridcellRefs: f
   };
-}, Ia = ["aria-busy"], Na = ["aria-controls", "aria-label"], Da = {
+}, Na = ["aria-busy"], Da = ["aria-controls", "aria-label"], Ma = {
   key: 1,
   class: "b-data-grid__header"
-}, Ma = ["id", "role", "aria-rowcount", "aria-colcount", "aria-label"], za = {
+}, za = ["id", "role", "aria-rowcount", "aria-colcount", "aria-label"], Fa = {
   key: 0,
   role: "row"
-}, Fa = {
+}, Pa = {
   key: 0,
   class: "b-data-grid__loading"
-}, Pa = {
+}, $a = {
   key: 0,
   role: "row",
   tabindex: "-1"
-}, $a = ["aria-colspan"], ka = {
+}, ka = ["aria-colspan"], Ua = {
   key: 5,
   class: "b-data-grid__footer"
-}, Ua = {
+}, Ba = {
   i18n: { messages: vt },
   name: "bento-data-grid"
-}, Ba = /* @__PURE__ */ Se({
-  ...Ua,
+}, Wa = /* @__PURE__ */ Se({
+  ...Ba,
   props: {
     /**
      * When true, will emit a 'rowClick' event when a row is clicked. Will add cursor: pointer to rows.
@@ -3776,7 +3783,7 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
     N.CELL_FOCUS
   ],
   setup(e, { expose: s, emit: i }) {
-    const t = e, r = yt(), n = Lt(r), o = w(null), f = w(), a = w({}), m = w(ut("data-grid")), R = w(null), p = w(null), I = w(null), A = w(null), g = w(null), L = w(null), {
+    const t = e, r = yt(), n = Lt(r), o = S(null), f = S(), a = S({}), m = S(ut("data-grid")), R = S(null), p = S(null), I = S(null), A = S(null), g = S(null), L = S(null), {
       allowColumnDragAndDrop: _,
       columns: D,
       columnPanel: y,
@@ -3792,31 +3799,29 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
       outline: J,
       pagination: K,
       zebraRows: X
-    } = Et(t), Y = w(-1), { t: ge } = Me({ messages: vt }), Ae = v(() => H.value.filter((U) => U.frozen).length), xe = 550, $e = w(), { width: ke } = kl($e), Ue = v(() => ke.value <= xe);
-    it(Qe, Ue);
-    const ze = w(!1);
-    Ke(() => {
-      typeof window < "u" && (ze.value = "ontouchstart" in window || navigator?.maxTouchPoints > 0);
-    }), it(mt, ze);
+    } = Et(t), Y = S(-1), { t: ge } = Me({ messages: vt }), Ae = v(() => H.value.filter((U) => U.frozen).length), xe = 550, Pe = S(), { width: $e } = Ul(Pe), ke = v(() => $e.value <= xe);
+    it(Qe, ke);
+    const { isTouchDevice: Ue } = zl();
+    it(mt, Ue);
     const Be = Te(
-      $l,
+      kl,
       () => ({
-        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: Ie, isDataGridTemplate: k, stickyTabs: te, tabsRef: se, stickyAdditionalContent: h } = Be(), {
       columnDefs: H,
       onColumnWidthOverride: $,
-      gridRowWidthStyle: be,
+      gridRowWidthStyle: pe,
       isMeasuringColumnWidths: me,
       isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: ht,
       columns: et,
-      totalWidthOfAllColumns: Ye,
-      rowActionsMaxWidth: Xe
-    } = go(D, z, o, a, R, {
+      totalWidthOfAllColumns: Ke,
+      rowActionsMaxWidth: Ye
+    } = fo(D, z, o, a, R, {
       hasColumnPanel: y,
       hasSelectableColumn: b,
       hasSelectableAcrossPages: B,
@@ -3824,9 +3829,9 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
       hasNestedRows: d,
       allowColumnDragAndDrop: _,
       isDataGridTemplate: k
-    }), tt = v(() => t.rowActions !== void 0), { registerRowCellRefs: S, rebuildGridcellRefs: T } = Ta(
+    }), tt = v(() => t.rowActions !== void 0), { registerRowCellRefs: w, rebuildGridcellRefs: T } = Ia(
       R,
-      Xe,
+      Ye,
       tt
     ), ie = i, x = (U, ...G) => {
       (U === N.COLUMNS || U === N.UPDATE_COLUMNS) && ([et.value] = G), ie(U, ...G);
@@ -3848,12 +3853,12 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
       onConfigSettingsColumnUpdate: zn,
       onConfigSettingsCondensedUpdate: Fn,
       onConfigSettingsZebraRowsUpdate: Pn
-    } = bo(H, X, x), { hoveredOverColumn: $n, hoveredOverColumnState: Nt } = So(
+    } = wo(H, X, x), { hoveredOverColumn: $n, hoveredOverColumnState: Nt } = _o(
       Ve,
       b,
       J,
       ht
-    ), { draggingColumns: Dt, draggingEventsForColumns: kn, draggingEventsForRowCell: Un, onMoveColumnByOffset: Bn } = po(_e, _, x), Mt = v(
+    ), { draggingColumns: Dt, draggingEventsForColumns: kn, draggingEventsForRowCell: Un, onMoveColumnByOffset: Bn } = bo(_e, _, x), Mt = v(
       () => t.data?.length > 0 && !!t.selectableAcrossPages && !!t.pagination && t.pagination.totalCount > 0
     ), {
       onAllRowSelect: Wn,
@@ -3863,7 +3868,7 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
       allItemsSelectedState: xn,
       selectedItems: bt,
       selectionState: Hn
-    } = fo(
+    } = mo(
       P,
       x,
       z,
@@ -3874,14 +3879,14 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
     ), Zn = v(() => ({
       filtered: I.value?.isClearAllVisible || I.value?.isResetAllVisible || !!t.filterSearchTerm,
       allRowsVisible: K.value?.size >= K.value?.totalCount
-    })), { navigationInput: lt } = vo(
+    })), { navigationInput: lt } = ho(
       R,
       a,
       _e,
       b,
       tt,
       y
-    ), { isLazyLoad: Ze, isInfiniteScroll: jn, verticalScrollPosition: qn, emitLazyLoadEvent: Kn } = Co(
+    ), { isLazyLoad: Ze, isInfiniteScroll: jn, verticalScrollPosition: qn, emitLazyLoadEvent: Kn } = po(
       C,
       g,
       o,
@@ -3894,13 +3899,13 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
       hasLeftOverflow: st,
       hasRightOverflow: Pt,
       horizontalScrollbarConditionalStyles: Xn
-    } = wo(
+    } = So(
       o,
       f,
       qn,
       L,
       A,
-      Ye,
+      Ke,
       {
         isLazyLoad: Ze,
         pagination: K,
@@ -3958,9 +3963,9 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
     };
     return v(() => D.value.some((U) => U.mandatory)).value || pn(
       "WARNING: At least one BentoDataGrid column should be set as mandatory to ensure data is always displayed correctly."
-    ), Te(Pl, () => null)(t.tabTitle), it(yn, wt(t, "slashedZero")), s({ onEmptyStateClearResetButtonClick: Jn }), (U, G) => (c(), E("div", {
+    ), Te($l, () => null)(t.tabTitle), it(yn, wt(t, "slashedZero")), s({ onEmptyStateClearResetButtonClick: Jn }), (U, G) => (c(), E("div", {
       ref_key: "dataGridRef",
-      ref: $e,
+      ref: Pe,
       class: ae(["b-data-grid", el.value]),
       "data-testid": "data-grid",
       "aria-live": "polite",
@@ -3978,7 +3983,7 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
         "aria-label": l(ge)("filterBar"),
         role: "region"
       }, [
-        e.filters ? (c(), W(zl, {
+        e.filters ? (c(), W(Fl, {
           key: 0,
           ref_key: "filterBarRef",
           ref: I,
@@ -3994,8 +3999,8 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
           "onUpdate:filterValues": G[1] || (G[1] = (Q) => U.$emit(l(N).UPDATE_FILTER_VALUES, Q)),
           "onUpdate:filterValuesObject": G[2] || (G[2] = (Q) => U.$emit(l(N).UPDATE_FILTER_VALUES_OBJECT, Q))
         }, null, 8, ["config", "container-size-layout", "filter-values", "filter-values-object", "search", "search-term"])) : F("", !0)
-      ], 14, Na)) : F("", !0),
-      U.$slots.header ? (c(), E("div", Da, [
+      ], 14, Da)) : F("", !0),
+      U.$slots.header ? (c(), E("div", Ma, [
         Oe(U.$slots, "header", {}, void 0, !0)
       ])) : F("", !0),
       O("div", {
@@ -4021,8 +4026,8 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
             onKeydown: G[8] || (G[8] = //@ts-ignore
             (...Q) => l(lt) && l(lt)(...Q))
           }, [
-            l(y) ? (c(), E("div", za, [
-              j(l(Is), {
+            l(y) ? (c(), E("div", Fa, [
+              j(l(Ns), {
                 class: "b-data-grid__config-settings",
                 role: "gridcell",
                 columns: l(et),
@@ -4034,12 +4039,12 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
               }, null, 8, ["columns", "condensed", "zebra-rows", "onUpdate:condensed", "onUpdate:zebraRows", "onUpdate:columns"])
             ])) : F("", !0),
             O("div", {
-              style: Le(l(be)),
+              style: Le(l(pe)),
               class: "b-data-grid__columns",
               role: "row"
             }, [
-              (c(!0), E(fe, null, pe(l(Ve), ({ columnSet: Q, id: Ne, isFrozenColumns: Fe }, at) => (c(), E(fe, null, [
-                Q?.length ? (c(), W(l(as), ee({
+              (c(!0), E(fe, null, be(l(Ve), ({ columnSet: Q, id: Ne, isFrozenColumns: ze }, at) => (c(), E(fe, null, [
+                Q?.length ? (c(), W(l(is), ee({
                   key: `data-grid-columns-${Ne}`,
                   ref_for: !0,
                   ref: (De) => sl(De),
@@ -4047,7 +4052,7 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
                   "has-resizable-columns": e.hasResizableColumns,
                   "sort-by": e.sortBy,
                   "all-items-selected-state": l(xn),
-                  "is-frozen-columns": Fe,
+                  "is-frozen-columns": ze,
                   "show-frozen-columns-separator": $t.value,
                   "dragging-columns": l(Dt),
                   "has-draggable-columns": l(_),
@@ -4063,7 +4068,7 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
                   "visible-rows-state": Zn.value,
                   "selection-state": l(Hn),
                   "truncate-column-headers": e.truncateColumnHeaders,
-                  "row-actions-maximum-width": l(Xe)
+                  "row-actions-maximum-width": l(Ye)
                 }, ft(l(kn)), {
                   onColumnHover: G[3] || (G[3] = (De) => $n.value = De),
                   onColumnMove: l(Bn),
@@ -4077,7 +4082,7 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
                   onDeselectAll: l(zt),
                   onSort: gl
                 }), qe({ _: 2 }, [
-                  pe(l(r), (De, Ut) => ({
+                  be(l(r), (De, Ut) => ({
                     name: Ut,
                     fn: V((Cl) => [
                       Oe(U.$slots, Ut, ee({ ref_for: !0 }, Cl), void 0, !0)
@@ -4096,7 +4101,7 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
           onScroll: G[12] || (G[12] = //@ts-ignore
           (...Q) => l(ot) && l(ot)(...Q))
         }, [
-          l(M) && !l(Ze) ? (c(), E("div", Fa, [
+          l(M) && !l(Ze) ? (c(), E("div", Pa, [
             j(l(dt), {
               class: "b-data-grid__loading-indicator",
               large: ""
@@ -4116,19 +4121,19 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
             onKeydown: G[11] || (G[11] = //@ts-ignore
             (...Q) => l(lt) && l(lt)(...Q))
           }, [
-            l(z)?.length === 0 && e.emptyState ? (c(), E("div", Pa, [
+            l(z)?.length === 0 && e.emptyState ? (c(), E("div", $a, [
               O("div", {
                 role: "gridcell",
                 "aria-colspan": l(D).length,
                 tabindex: "-1"
               }, [
-                j(l(Fl), ee({ class: "b-data-grid__empty-state" }, Qn.value), null, 16)
-              ], 8, $a)
-            ])) : (c(!0), E(fe, { key: 1 }, pe(l(z), (Q, Ne) => (c(), W(l(In), {
+                j(l(Pl), ee({ class: "b-data-grid__empty-state" }, Qn.value), null, 16)
+              ], 8, ka)
+            ])) : (c(!0), E(fe, { key: 1 }, be(l(z), (Q, Ne) => (c(), W(l(In), {
               key: Ne,
               ref_for: !0,
-              ref: (Fe) => l(S)(Fe, Ne),
-              style: Le(l(be)),
+              ref: (ze) => l(w)(ze, Ne),
+              style: Le(l(pe)),
               "allow-row-clicks": e.allowRowClicks,
               "column-sets": l(Ve),
               condensed: e.condensed,
@@ -4146,7 +4151,7 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
               "is-row-even": l(pt) ? Ne % 2 !== 0 : !1,
               "is-row-last-child": Ne + 1 === l(z)?.length,
               "is-measuring-column-widths": l(me),
-              "row-actions-maximum-width": l(Xe),
+              "row-actions-maximum-width": l(Ye),
               "row-actions": e.rowActions,
               "row-data": Q,
               "row-index": Ne,
@@ -4157,14 +4162,14 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
               selectable: l(b),
               "selected-items": l(bt),
               onCellHovered: rl,
-              onCellFocus: G[9] || (G[9] = (Fe) => x(l(N).CELL_FOCUS, Fe)),
-              onNestedContentToggled: G[10] || (G[10] = (Fe) => il(Fe)),
+              onCellFocus: G[9] || (G[9] = (ze) => x(l(N).CELL_FOCUS, ze)),
+              onNestedContentToggled: G[10] || (G[10] = (ze) => il(ze)),
               onRowClick: al,
               onOnFrozenColumnsKeyPress: l(Yn),
               onSelectRow: l(Vn),
               onSelectNestedRow: l(Gn)
             }, qe({ _: 2 }, [
-              pe(l(r), (Fe, at) => ({
+              be(l(r), (ze, at) => ({
                 name: at,
                 fn: V((De) => [
                   Oe(U.$slots, at, ee({ ref_for: !0 }, De), void 0, !0)
@@ -4173,8 +4178,8 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
             ]), 1032, ["style", "allow-row-clicks", "column-sets", "condensed", "dragging-columns", "dragging-events-for-row-cell", "get-data-item-id", "has-nested-content", "has-nested-rows", "has-left-overflow", "has-right-overflow", "highlighted-rows", "hovered-row-index", "hovered-over-column-state", "is-data-item-disabled", "is-row-even", "is-row-last-child", "is-measuring-column-widths", "row-actions-maximum-width", "row-actions", "row-data", "row-index", "row-set-size", "show-frozen-columns-separator", "should-show-nested-content", "should-show-nested-rows", "selectable", "selected-items", "onOnFrozenColumnsKeyPress", "onSelectRow", "onSelectNestedRow"]))), 128))
           ], 32))
         ], 34)
-      ], 12, Ma),
-      l(Ze) ? (c(), W(l(zs), {
+      ], 12, za),
+      l(Ze) ? (c(), W(l(Fs), {
         key: 2,
         loading: l(M),
         "is-infinite-scroll": l(jn),
@@ -4192,7 +4197,7 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
         (...Q) => l(Ft) && l(Ft)(...Q))
       }, [
         O("div", {
-          style: Le({ width: `${l(Ye)}px`, height: "15px" })
+          style: Le({ width: `${l(Ke)}px`, height: "15px" })
         }, null, 4)
       ], 36)) : F("", !0),
       l(K) && !l(Ze) ? (c(), E("div", {
@@ -4214,7 +4219,7 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
           _: 3
         }, 16, ["aria-label", "aria-controls"])
       ], 2)) : F("", !0),
-      U.$slots.footer ? (c(), E("div", ka, [
+      U.$slots.footer ? (c(), E("div", Ua, [
         Oe(U.$slots, "footer", {}, void 0, !0)
       ])) : F("", !0),
       ul.value ? (c(), W(l(Dl), {
@@ -4224,19 +4229,19 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
         "extra-bottom-spacing": l(Z),
         onClose: l(zt)
       }, null, 8, ["actions", "item-counter", "extra-bottom-spacing", "onClose"])) : F("", !0)
-    ], 42, Ia));
+    ], 42, Na));
   }
-}), ki = /* @__PURE__ */ oe(Ba, [["__scopeId", "data-v-9e56dbd0"]]);
+}), Bi = /* @__PURE__ */ oe(Wa, [["__scopeId", "data-v-0ebc8a8d"]]);
 export {
   Rt as B,
-  zi as a,
-  Fi as b,
-  Pi as c,
-  ki as d,
-  $i as e,
+  Pi as a,
+  $i as b,
+  ki as c,
+  Bi as d,
+  Ui as e,
   rt as f,
   N as g,
-  Pe as h,
+  Fe as h,
   ye as i
 };
-//# sourceMappingURL=data-grid.CXWaoqzi.js.map
+//# sourceMappingURL=data-grid.DvMe72LK.js.map