@adyen/bento-vue2 1.68.2 → 1.69.0

package/dist/chunks/{data-grid.erxjh5TN.js → data-grid.B0bOXr4p.js}

@@ -1,52 +1,49 @@
-import { ref as y, onMounted as Se, nextTick as se, watch as oe, onUnmounted as Ct, reactive as Me, toRefs as Be, computed as C, watchEffect as Ln, onBeforeUpdate as An, defineComponent as ie, toRef as Ne, useSlots as $e, provide as ht, inject as De } from "vue";
-import { C as Tn } from "./checkmark-circle-fill.BttTCjrM.js";
-import { W as On } from "./warning-filled.tWOyLUQT.js";
+import { ref as R, onMounted as be, nextTick as se, watch as oe, onUnmounted as pt, reactive as Be, toRefs as Me, computed as C, watchEffect as Tn, onBeforeUpdate as Nn, defineComponent as de, toRef as Ie, useSlots as Ue, provide as wt, inject as De } from "vue";
+import { C as In } from "./checkmark-circle-fill.BttTCjrM.js";
+import { W as Dn } from "./warning-filled.tWOyLUQT.js";
 /* empty css              */
-import { n as V } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { C as pt } from "./cross.CC_B-vG-.js";
-import { N as et } from "./minus-small.DJacLGTw.js";
-import { d as In } from "./popper-container.DIFqmRsp.js";
-import { E as le, B as Nn, a as Dn, T as xn } from "./tooltip.wQsyAwkC.js";
-import { B as Fn } from "./dashed-underline.BbH6Lnd2.js";
-import { B as be, p as wt } from "./typography.J1v_SPG3.js";
-import { u as ue } from "./i18n.BQkEbtPM.js";
-import { B as Mn } from "./action-bar.DQb7WVVd.js";
-import { B as Bn } from "./pagination.4J7ZMyf5.js";
-import { B as Ue } from "./loading-indicator.z8COalOc.js";
-import { u as ze } from "./use-has-slot.C9lQZ6nz.js";
-import { u as $n } from "./aria-label.CaUURpnB.js";
-import { g as Un } from "./get-slot-text.BQS5Olxm.js";
-import { B as Ie } from "./filter-bar.DL19SXF1.js";
-import { B as zn } from "./empty-state.mtXfb1BB.js";
-import { E as Pn } from "./tabs.keys.Cb4Vw5Jh.js";
-import { D as kn } from "./data-grid-template.keys.2_AkxuNT.js";
+import { n as H } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
+import { C as bt } from "./cross.CC_B-vG-.js";
+import { N as nt } from "./minus-small.DJacLGTw.js";
+import { d as xn } from "./popper-container.Bu75g2nc.js";
+import { E as le, b as Fn, B as Bn, T as Mn } from "./tooltip.BYj8cc9F.js";
+import { B as Un } from "./dashed-underline.BN_whJrR.js";
+import { B as Se, p as St } from "./typography.w3m-EY4E.js";
+import { u as ce } from "./i18n.BQkEbtPM.js";
+import { B as zn } from "./action-bar.Dhi6k0CP.js";
+import { B as $n } from "./pagination.38ahUAk8.js";
+import { B as ze } from "./loading-indicator.Iy1CVr_T.js";
+import { u as $e } from "./use-has-slot.C9lQZ6nz.js";
+import { u as Pn } from "./aria-label.CaUURpnB.js";
+import { g as kn } from "./get-slot-text.BQS5Olxm.js";
+import { B as Ne } from "./filter-bar.8rNB7K2X.js";
+import { B as Wn } from "./empty-state.BqMgiQAu.js";
+import { E as Gn } from "./tabs.keys.Cb4Vw5Jh.js";
+import { D as Hn } from "./data-grid-template.keys.2_AkxuNT.js";
 import { o as Pe } from "./resize.Bqks3WUm.js";
 import "./index.Cl4_42j5.js";
-import { u as Wn } from "./use-expandable-content-height.GkjjbmPy.js";
+import { b as Rt } from "./focus-trap.B4C5TXxl.js";
+import { u as Vn } from "./use-expandable-content-height.GkjjbmPy.js";
 import { g as xe } from "./generate-uid.NJ8tVoha.js";
-import { B as St } from "./button.hF-nD1Og.js";
-import { B as bt, O as Gn, D as Hn } from "./menu.D0OQgk40.js";
-import { E as Vn } from "./link.CXy_LoFI.js";
-import { C as Zn } from "./copy.CF8Fzu2Y.js";
-import { B as yt } from "./checkbox.DCD6SSXC.js";
-import { C as jn } from "./chevron-down.eYtgv5ly.js";
-import { C as qn } from "./chevron-up.d8cwIlA_.js";
-import { b as Et } from "./focus-trap.C-wIQqpO.js";
-import { B as ke } from "./toggle-button.DEVVvpkw.js";
-import { e as Yn, d as Kn } from "./button-actions.Ju27CRNG.js";
-import { B as Xn } from "./info-icon.CYOXx8CL.js";
-import { B as tt } from "./popover.types.CBqyA4ly.js";
-import { A as Jn } from "./dialog-page.CLHZqQeU.js";
-import { H as Qn, S as es } from "./show.B_mKPF6I.js";
-import { l as nt } from "./events.CMzGybJJ.js";
-import { B as ts } from "./popover.Bo4Bkudr.js";
-import { B as Rt } from "./toggle.DyXL09-x.js";
-import { B as ns } from "./search-bar.CuBj5FAE.js";
-import { u as ss } from "./dropdown.DazYAy4B.js";
-import { S as os } from "./search.D53Ia3rC.js";
-import { B as ls } from "./directive.Cbdox5VL.js";
+import { B as Et } from "./button.B0hSQWOR.js";
+import { c as ke, f as yt, h as Zn, b as jn, a as qn, O as Yn, D as Kn } from "./toggle-button.DeECoGRn.js";
+import { E as Xn } from "./link.B3F22FTY.js";
+import { C as Jn } from "./copy.UbMV4m6b.js";
+import { B as Lt } from "./checkbox.JhfbjDfJ.js";
+import { C as Qn } from "./chevron-down.eYtgv5ly.js";
+import { C as es } from "./chevron-up.d8cwIlA_.js";
+import { B as ts } from "./info-icon.B4P_Zi58.js";
+import { B as st } from "./popover.types.B1HUQoCG.js";
+import { A as ns } from "./dialog-page.CdJloGXQ.js";
+import { H as ss, S as os } from "./show.B_mKPF6I.js";
+import { l as ot } from "./events.CMzGybJJ.js";
+import { B as At } from "./toggle.hylSNOmz.js";
+import { B as ls } from "./search-bar.VfZoy5FX.js";
+import { u as as } from "./dropdown.DB_MlO1F.js";
+import { S as is } from "./search.D53Ia3rC.js";
+import { B as rs } from "./directive.Cbdox5VL.js";
 import "../assets/data-grid.css";
-const st = (s) => {
+const lt = (s) => {
   if (!s)
     return 0;
   const t = window.getComputedStyle(s);
@@ -58,19 +55,19 @@ const st = (s) => {
   }
   const o = parseFloat(t.top);
   return !isNaN(o) && o < 0 && (n += o), n;
-}, ot = (s, t, n = y(!1), e = null) => {
-  const o = y(0);
+}, at = (s, t, n = R(!1), e = null) => {
+  const o = R(0);
   let l = null, a = null;
   const i = () => {
-    const f = t.value ? st(s.value) : 0, d = n.value && e ? st(e.value) : 0;
-    o.value = f + d;
+    const u = t.value ? lt(s.value) : 0, r = n.value && e ? lt(e.value) : 0;
+    o.value = u + r;
   };
-  return Se(() => {
+  return be(() => {
     se(() => {
-      const f = oe(
+      const u = oe(
         s,
         () => {
-          s != null && s.value && (se(() => f()), l = Pe(s.value, i), a = new MutationObserver(i), a.observe(s.value, { attributes: !0, attributeFilter: ["class"] }));
+          s != null && s.value && (se(() => u()), l = Pe(s.value, i), a = new MutationObserver(i), a.observe(s.value, { attributes: !0, attributeFilter: ["class"] }));
         },
         { immediate: !0 }
       );
@@ -82,545 +79,551 @@ const st = (s) => {
         { immediate: !0 }
       );
     });
-  }), Ct(() => {
+  }), pt(() => {
     l == null || l.disconnect(), a == null || a.disconnect();
   }), o;
 };
-var Fe = /* @__PURE__ */ ((s) => (s.WRAP = "wrap", s.ELLIPSIS = "ellipsis", s))(Fe || {}), re = /* @__PURE__ */ ((s) => (s.OUTLINE = "outline", s.SCROLL = "scroll", s.STICKY_FILTERS = "sticky-filters", s.OVERFLOW_SHADOW_LEFT = "overflow-shadow-left", s.OVERFLOW_SHADOW_RIGHT = "overflow-shadow-right", s.NO_SPACING_TOP = "no-spacing-top", s.FIT_CONTENT = "fit-content", s))(re || {}), ve = /* @__PURE__ */ ((s) => (s.ASCENDING = "asc", s.DESCENDING = "desc", s))(ve || {}), x = /* @__PURE__ */ ((s) => (s.COLUMNS = "columns", s.COLUMN_RESIZE = "column-resize", s.ITEMS_PAGE = "items-page", s.NAVIGATE = "navigate", s.NESTED_CONTENT_TOGGLED = "nested-content-toggled", s.FILTER_SEARCH_INPUT = "filter-search-input", s.FILTER_SEARCH_CLEAR = "filter-search-clear", s.UPDATE_COLUMNS = "update:columns", s.UPDATE_CONDENSED = "update:condensed", s.UPDATE_FILTERS = "update:filters", s.UPDATE_FILTER_VALUES = "update:filter-values", s.UPDATE_FILTER_SEARCH_TERM = "update:filter-search-term", s.UPDATE_PAGINATION = "update:pagination", s.UPDATE_SELECTION = "update:selection", s.UPDATE_SHOW_MORE = "update:show-more", s.UPDATE_SORT_BY = "update:sort-by", s.ROW_CLICK = "row-click", s.SELECT = "select", s.SELECT_ALL_ACROSS_PAGES = "select-all-across-pages", s.SORT = "sort", s))(x || {}), ye = /* @__PURE__ */ ((s) => (s.ASCENDING = "ascending", s.DESCENDING = "descending", s.NONE = "none", s))(ye || {}), G = /* @__PURE__ */ ((s) => (s.COLUMN_RESIZE = "column-resize", s.COLUMN_RESIZING = "column-resizing", s.SELECT_ALL_ROWS = "select-all-rows", s.SELECT_ALL_ACROSS_PAGES = "select-all-across-pages", s.DESELECT_ALL = "deselect-all", s.COLUMN_MOVE = "column-move", s.COLUMN_UPDATE = "column-update", s.COLUMN_MENU_OPEN = "column-menu-open", s.COLUMN_MENU_CLOSE = "column-menu-close", s.COLUMN_HOVER = "column-hover", s.COLUMN_DRAG_START = "column-dragstart", s.COLUMN_DRAG_ENTER = "column-dragenter", s.COLUMN_DRAG_END = "column-dragend", s.COLUMN_DROP = "column-drop", s))(G || {});
-const as = (s, t) => {
-  const n = y(null), e = y(!1), o = y(void 0), l = s.value.reduce((g, L) => (g[L.field] = null, g), {}), a = Me(l), i = Be(a);
-  let f = 0, d = "";
+var Fe = /* @__PURE__ */ ((s) => (s.WRAP = "wrap", s.ELLIPSIS = "ellipsis", s))(Fe || {}), re = /* @__PURE__ */ ((s) => (s.OUTLINE = "outline", s.SCROLL = "scroll", s.STICKY_FILTERS = "sticky-filters", s.OVERFLOW_SHADOW_LEFT = "overflow-shadow-left", s.OVERFLOW_SHADOW_RIGHT = "overflow-shadow-right", s.NO_SPACING_TOP = "no-spacing-top", s.FIT_CONTENT = "fit-content", s.ZEBRA_ROWS = "zebra-rows", s))(re || {}), ve = /* @__PURE__ */ ((s) => (s.ASCENDING = "asc", s.DESCENDING = "desc", s))(ve || {}), D = /* @__PURE__ */ ((s) => (s.COLUMNS = "columns", s.COLUMN_RESIZE = "column-resize", s.ITEMS_PAGE = "items-page", s.NAVIGATE = "navigate", s.NESTED_CONTENT_TOGGLED = "nested-content-toggled", s.FILTER_SEARCH_INPUT = "filter-search-input", s.FILTER_SEARCH_CLEAR = "filter-search-clear", s.UPDATE_COLUMNS = "update:columns", s.UPDATE_CONDENSED = "update:condensed", s.UPDATE_FILTERS = "update:filters", s.UPDATE_FILTER_VALUES = "update:filter-values", s.UPDATE_FILTER_SEARCH_TERM = "update:filter-search-term", s.UPDATE_PAGINATION = "update:pagination", s.UPDATE_SELECTION = "update:selection", s.UPDATE_SHOW_MORE = "update:show-more", s.UPDATE_SORT_BY = "update:sort-by", s.UPDATE_ZEBRA_ROWS = "update:zebra-rows", s.ROW_CLICK = "row-click", s.SELECT = "select", s.SELECT_ALL_ACROSS_PAGES = "select-all-across-pages", s.SORT = "sort", s))(D || {}), Re = /* @__PURE__ */ ((s) => (s.ASCENDING = "ascending", s.DESCENDING = "descending", s.NONE = "none", s))(Re || {}), G = /* @__PURE__ */ ((s) => (s.COLUMN_RESIZE = "column-resize", s.COLUMN_RESIZING = "column-resizing", s.SELECT_ALL_ROWS = "select-all-rows", s.SELECT_ALL_ACROSS_PAGES = "select-all-across-pages", s.DESELECT_ALL = "deselect-all", s.COLUMN_MOVE = "column-move", s.COLUMN_UPDATE = "column-update", s.COLUMN_MENU_OPEN = "column-menu-open", s.COLUMN_MENU_CLOSE = "column-menu-close", s.COLUMN_HOVER = "column-hover", s.COLUMN_DRAG_START = "column-dragstart", s.COLUMN_DRAG_ENTER = "column-dragenter", s.COLUMN_DRAG_END = "column-dragend", s.COLUMN_DROP = "column-drop", s))(G || {});
+const ds = (s, t) => {
+  const n = R(null), e = R(!1), o = R(void 0), l = s.value.reduce((f, A) => (f[A.field] = null, f), {}), a = Be(l), i = Me(a);
+  let u = 0, r = "";
   const E = C(
-    () => Object.fromEntries(s.value.map(({ field: g, width: L, minWidth: h }) => [g, { width: L, minWidth: h }]))
+    () => Object.fromEntries(s.value.map(({ field: f, width: A, minWidth: w }) => [f, { width: A, minWidth: w }]))
   );
-  Ln(() => o.value = E.value);
-  let u = null, R = null;
-  const m = (g) => {
-    const L = g.clientX - f, h = d, _ = o.value[h].width + L;
-    o.value[h].width = _ > E.value[h].minWidth ? _ : E.value[h].minWidth, t(G.COLUMN_RESIZING, o.value), f = g.clientX;
-  }, w = () => {
-    e.value = !1, u == null || u(), R == null || R(), d && t(G.COLUMN_RESIZE, {
-      field: d,
-      width: o.value[d].width
-    }), u = null, R = null, d = "", f = null;
-  }, N = (g, L, h) => {
-    if (h.preventDefault(), g) {
-      if (e.value = !0, h.buttons !== 1) {
-        w();
+  Tn(() => o.value = E.value);
+  let h = null, y = null;
+  const p = (f) => {
+    const A = f.clientX - u, w = r, v = o.value[w].width + A;
+    o.value[w].width = v > E.value[w].minWidth ? v : E.value[w].minWidth, t(G.COLUMN_RESIZING, o.value), u = f.clientX;
+  }, c = () => {
+    e.value = !1, h == null || h(), y == null || y(), r && t(G.COLUMN_RESIZE, {
+      field: r,
+      width: o.value[r].width
+    }), h = null, y = null, r = "", u = null;
+  }, O = (f, A, w) => {
+    if (w.preventDefault(), f) {
+      if (e.value = !0, w.buttons !== 1) {
+        c();
         return;
       }
-      d = L, f = h.clientX, u = nt(window, "mousemove", m), R = nt(window, "mouseup", w);
+      r = A, u = w.clientX, h = ot(window, "mousemove", p), y = ot(window, "mouseup", c);
     }
   };
   return oe(
     () => e.value,
-    (g, L) => {
-      !g && L && (t(G.COLUMN_HOVER, n.value), n.value = null);
+    (f, A) => {
+      !f && A && (t(G.COLUMN_HOVER, n.value), n.value = null);
     }
   ), {
     resizeData: o,
     allColumnRefs: i,
-    startResize: N,
+    startResize: O,
     isResizing: e,
     columnHoverEventToEmitAfterResizing: n
   };
-}, is = 100, lt = 50, ne = "b-actions-column", rs = 32, ds = 56, cs = 56, us = 80, fs = 36, gs = 1, Lt = 16, _s = 20, vs = (s, t, n) => {
+}, cs = 100, it = 50, ne = "b-actions-column", us = 32, fs = 56, gs = 56, _s = 80, vs = 36, ms = 1, Ot = 16, Cs = 20, hs = (s, t, n) => {
   const e = {}, o = [], l = (i) => {
-    const f = e[i];
-    f && f.frozen !== !0 && (e[i].frozen = !0, o.push(i));
+    const u = e[i];
+    u && u.frozen !== !0 && (e[i].frozen = !0, o.push(i));
   };
   function a() {
     if (o.length === n.length)
       return;
     const i = { min: {} };
-    let f = s, d = t, E = 0;
-    o.forEach((u) => {
-      f -= e[u].computedWidth, d -= e[u].flex;
+    let u = s, r = t, E = 0;
+    o.forEach((h) => {
+      u -= e[h].computedWidth, r -= e[h].flex;
     });
-    for (let u = 0, R = n.length; u < R; u += 1) {
-      const m = n[u];
-      if (e[m.field] && e[m.field].frozen === !0)
+    for (let h = 0, y = n.length; h < y; h += 1) {
+      const p = n[h];
+      if (e[p.field] && e[p.field].frozen === !0)
         continue;
-      let N = f / d * m.flex;
-      N < m.minWidth && (E += m.minWidth - N, N = m.minWidth, i.min[m.field] = !0), e[m.field] = {
+      let O = u / r * p.flex;
+      O < p.minWidth && (E += p.minWidth - O, O = p.minWidth, i.min[p.field] = !0), e[p.field] = {
         frozen: !1,
-        computedWidth: N,
-        flex: m.flex
+        computedWidth: O,
+        flex: p.flex
       };
     }
-    E > 0 ? Object.keys(i.min).forEach((u) => {
-      l(u);
-    }) : n.forEach(({ field: u }) => {
-      l(u);
+    E > 0 ? Object.keys(i.min).forEach((h) => {
+      l(h);
+    }) : n.forEach(({ field: h }) => {
+      l(h);
     }), a();
   }
   return a(), e;
-}, at = (s, t) => {
-  let n = gs;
-  return t && (n += Lt * 2), s != null && s.offsetWidth ? s.offsetWidth + n : 0;
-}, ms = (s) => {
+}, rt = (s, t) => {
+  let n = ms;
+  return t && (n += Ot * 2), s != null && s.offsetWidth ? s.offsetWidth + n : 0;
+}, ps = (s) => {
   var t, n, e, o, l;
-  return (t = s == null ? void 0 : s.hasNestedContent) != null && t.value || (n = s == null ? void 0 : s.hasNestedRows) != null && n.value ? (e = s == null ? void 0 : s.hasSelectableColumn) != null && e.value ? (o = s == null ? void 0 : s.hasSelectableAcrossPages) != null && o.value ? us : cs : fs : (l = s == null ? void 0 : s.hasSelectableAcrossPages) != null && l.value ? ds : rs;
-}, Cs = (s, t, n, e, o, l) => {
-  const a = y(s.value), i = y(t), f = y(n), d = y(e), E = y(o), u = y(!1), R = y(0);
+  return (t = s == null ? void 0 : s.hasNestedContent) != null && t.value || (n = s == null ? void 0 : s.hasNestedRows) != null && n.value ? (e = s == null ? void 0 : s.hasSelectableColumn) != null && e.value ? (o = s == null ? void 0 : s.hasSelectableAcrossPages) != null && o.value ? _s : gs : vs : (l = s == null ? void 0 : s.hasSelectableAcrossPages) != null && l.value ? fs : us;
+}, ws = (s, t, n, e, o, l) => {
+  const a = R(s.value), i = R(t), u = R(n), r = R(e), E = R(o), h = R(!1), y = R(0);
   oe(
     () => s.value,
-    (r, p) => {
-      var W, Z;
-      const T = (r == null ? void 0 : r.map(({ field: k }) => k).toString()) === (p == null ? void 0 : p.map(({ field: k }) => k).toString());
-      if (!((W = l == null ? void 0 : l.allowColumnDragAndDrop) != null && W.value) || !T) {
+    (g, _) => {
+      var z, V;
+      const L = (g == null ? void 0 : g.map(({ field: W }) => W).toString()) === (_ == null ? void 0 : _.map(({ field: W }) => W).toString());
+      if (!((z = l == null ? void 0 : l.allowColumnDragAndDrop) != null && z.value) || !L) {
         a.value = s.value;
         return;
       }
-      a.value = ((Z = a.value) == null ? void 0 : Z.length) === 0 ? s.value : s.value.sort((k, X) => {
-        const Y = a.value.findIndex((K) => K.field === k.field), j = a.value.findIndex((K) => K.field === X.field);
-        return Y === -1 ? 1 : j === -1 ? -1 : Y - j;
+      a.value = ((V = a.value) == null ? void 0 : V.length) === 0 ? s.value : s.value.sort((W, J) => {
+        const Z = a.value.findIndex((j) => j.field === W.field), Q = a.value.findIndex((j) => j.field === J.field);
+        return Z === -1 ? 1 : Q === -1 ? -1 : Z - Q;
       });
     }
   );
-  const m = y();
-  let w = null;
-  const N = C(() => {
-    var Y, j, K;
-    const r = [];
-    let p = 0, T = 0;
-    const W = {};
-    let Z = a.value.filter((v) => v.visible !== !1);
-    const k = a.value.filter((v) => v.visible === !1);
-    if ((Y = l == null ? void 0 : l.hasSelectableColumn) != null && Y.value || (j = l == null ? void 0 : l.hasNestedContent) != null && j.value || (K = l == null ? void 0 : l.hasNestedRows) != null && K.value) {
-      const v = ms(l);
-      Z = [
+  const p = R();
+  let c = null;
+  const O = C(() => {
+    var Z, Q, j;
+    const g = [];
+    let _ = 0, L = 0;
+    const z = {};
+    let V = a.value.filter((m) => m.visible !== !1);
+    const W = a.value.filter((m) => m.visible === !1);
+    if ((Z = l == null ? void 0 : l.hasSelectableColumn) != null && Z.value || (Q = l == null ? void 0 : l.hasNestedContent) != null && Q.value || (j = l == null ? void 0 : l.hasNestedRows) != null && j.value) {
+      const m = ps(l);
+      V = [
         {
           field: ne,
           label: "",
-          minWidth: v,
-          width: v,
+          minWidth: m,
+          width: m,
           frozen: !0,
           padding: { left: !1, right: !1 }
         },
-        ...Z
+        ...V
       ];
     }
-    Z.forEach((v) => {
-      const I = { ...v };
-      let M;
-      I.flex && I.flex > 0 ? (p += I.flex, M = 0, r.push(I)) : M = Math.max(
-        (I == null ? void 0 : I.width) ?? is,
-        (I == null ? void 0 : I.minWidth) ?? lt
-      ), T += M, I.width = M, I.minWidth = (I == null ? void 0 : I.minWidth) ?? lt, W[I.field] = I;
-    }), T += R.value;
-    const X = Math.max(m.value - T, 0);
-    if (p > 0 && m.value > 0) {
-      const v = vs(X, p, r);
-      Object.keys(v).forEach((I) => {
-        W[I].width = v[I].computedWidth;
+    V.forEach((m) => {
+      const I = { ...m };
+      let F;
+      I.flex && I.flex > 0 ? (_ += I.flex, F = 0, g.push(I)) : F = Math.max(
+        (I == null ? void 0 : I.width) ?? cs,
+        (I == null ? void 0 : I.minWidth) ?? it
+      ), L += F, I.width = F, I.minWidth = (I == null ? void 0 : I.minWidth) ?? it, z[I.field] = I;
+    }), L += y.value;
+    const J = Math.max(p.value - L, 0);
+    if (_ > 0 && p.value > 0) {
+      const m = hs(J, _, g);
+      Object.keys(m).forEach((I) => {
+        z[I].width = m[I].computedWidth;
       });
     }
-    return k.forEach((v) => {
-      const I = { ...v };
-      W[I.field] = I;
-    }), Object.values(W);
-  }), g = y(void 0), L = (r) => {
-    g.value = { ...g.value, ...r };
-  }, h = async () => {
-    a.value.some((r) => r == null ? void 0 : r.autoWidth) && (u.value = !0, await se(), a == null || a.value.filter((r) => r == null ? void 0 : r.autoWidth).forEach(({ field: r, minWidth: p }) => {
-      var k, X, Y, j;
-      const T = at(
-        (k = d.value) == null ? void 0 : k[r],
-        (X = l == null ? void 0 : l.hasColumnPanel) == null ? void 0 : X.value
-      ), W = (j = (Y = E.value) == null ? void 0 : Y[r]) == null ? void 0 : j.reduce(
-        (K, v) => Math.max(K, at(v)),
+    return W.forEach((m) => {
+      const I = { ...m };
+      z[I.field] = I;
+    }), Object.values(z);
+  }), f = R(void 0), A = (g) => {
+    f.value = { ...f.value, ...g };
+  }, w = async () => {
+    a.value.some((g) => g == null ? void 0 : g.autoWidth) && (h.value = !0, await se(), a == null || a.value.filter((g) => g == null ? void 0 : g.autoWidth).forEach(({ field: g, minWidth: _ }) => {
+      var W, J, Z, Q;
+      const L = rt(
+        (W = r.value) == null ? void 0 : W[g],
+        (J = l == null ? void 0 : l.hasColumnPanel) == null ? void 0 : J.value
+      ), z = (Q = (Z = E.value) == null ? void 0 : Z[g]) == null ? void 0 : Q.reduce(
+        (j, m) => Math.max(j, rt(m)),
         0
-      ), Z = Math.max(T, W ?? 0);
-      (p === void 0 || Z > p) && L({
-        [r]: {
-          width: Z
+      ), V = Math.max(L, z ?? 0);
+      (_ === void 0 || V > _) && A({
+        [g]: {
+          width: V
         }
       });
-    }), u.value = !1);
+    }), h.value = !1);
   };
   oe([() => a.value, () => i.value], async () => {
-    a.value.some((r) => r == null ? void 0 : r.autoWidth) && await h();
+    a.value.some((g) => g == null ? void 0 : g.autoWidth) && await w();
   });
-  const _ = C(
-    () => N.value.map((r) => {
-      var p, T;
+  const v = C(
+    () => O.value.map((g) => {
+      var _, L;
       return {
-        ...r,
+        ...g,
         // Override column width with resized ones
-        width: ((T = (p = g.value) == null ? void 0 : p[r.field]) == null ? void 0 : T.width) ?? r.width
+        width: ((L = (_ = f.value) == null ? void 0 : _[g.field]) == null ? void 0 : L.width) ?? g.width
       };
     })
-  ), b = C(
+  ), S = C(
     () => {
-      var r;
-      return ((r = _.value) == null ? void 0 : r.filter(({ visible: p }) => p !== !1).reduce((p, T) => T.width + p, 0)) + R.value;
+      var g;
+      return ((g = v.value) == null ? void 0 : g.filter(({ visible: _ }) => _ !== !1).reduce((_, L) => L.width + _, 0)) + y.value;
     }
-  ), O = C(
-    () => m.value <= b.value
-  ), A = C(() => ({
-    width: m.value > b.value ? "100%" : "fit-content"
+  ), N = C(
+    () => p.value <= S.value
+  ), T = C(() => ({
+    width: p.value > S.value ? "100%" : "fit-content"
   }));
-  return Se(() => {
-    var p;
-    const r = l != null && l.isDataGridTemplate ? _s : 0;
+  return be(() => {
+    var _;
+    const g = l != null && l.isDataGridTemplate ? Cs : 0;
     se(() => {
-      f.value && (m.value = f.value.getBoundingClientRect().width - r);
-      const T = oe(
-        f,
+      u.value && (p.value = u.value.getBoundingClientRect().width - g);
+      const L = oe(
+        u,
         () => {
-          f.value && (se(() => T()), w = Pe(f.value, ({ width: W }) => {
-            m.value = W - r;
+          u.value && (se(() => L()), c = Pe(u.value, ({ width: z }) => {
+            p.value = z - g;
           }));
         },
         { immediate: !0 }
       );
-    }), (p = document == null ? void 0 : document.fonts) != null && p.ready ? document.fonts.ready.then(() => {
-      h();
-    }) : h();
-  }), Ct(() => {
-    w == null || w.disconnect();
-  }), An(() => {
-    var r;
-    E.value && ((r = Object.keys(E.value)) == null ? void 0 : r.length) > 0 && Object.keys(E.value).forEach((T) => {
-      E.value[T] = [];
+    }), (_ = document == null ? void 0 : document.fonts) != null && _.ready ? document.fonts.ready.then(() => {
+      w();
+    }) : w();
+  }), pt(() => {
+    c == null || c.disconnect();
+  }), Nn(() => {
+    var g;
+    E.value && ((g = Object.keys(E.value)) == null ? void 0 : g.length) > 0 && Object.keys(E.value).forEach((L) => {
+      E.value[L] = [];
     });
   }), {
-    columnDefs: _,
-    gridRowWidthStyle: A,
-    onColumnWidthOverride: L,
-    isMeasuringColumnWidths: u,
-    isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: O,
+    columnDefs: v,
+    gridRowWidthStyle: T,
+    onColumnWidthOverride: A,
+    isMeasuringColumnWidths: h,
+    isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: N,
     columns: a,
-    totalWidthOfAllColumns: b,
-    rowActionsMaxWidth: R
+    totalWidthOfAllColumns: S,
+    rowActionsMaxWidth: y
   };
-}, hs = (s, t, n, e, o, l, a) => {
-  const i = y(s.value ?? []), f = Me({
+}, bs = (s, t, n, e, o, l, a) => {
+  const i = R(s.value ?? []), u = Be({
     allItemsSelected: !1,
     isIndeterminate: !1
-  }), d = C(
-    () => n.value.flatMap((_) => {
-      var b;
-      return [_, ((b = _ == null ? void 0 : _.children) == null ? void 0 : b.length) > 0 ? _ == null ? void 0 : _.children : []];
+  }), r = C(
+    () => n.value.flatMap((v) => {
+      var S;
+      return [v, ((S = v == null ? void 0 : v.children) == null ? void 0 : S.length) > 0 ? v == null ? void 0 : v.children : []];
     }).flat()
   ), E = C(
     () => {
-      var _, b;
-      return ((_ = n.value) == null ? void 0 : _.length) > 0 && ((b = d.value) == null ? void 0 : b.filter((O) => !o(O)).every((O) => i.value.includes(e(O))));
+      var v, S;
+      return ((v = n.value) == null ? void 0 : v.length) > 0 && ((S = r.value) == null ? void 0 : S.filter((N) => !o(N)).every((N) => i.value.includes(e(N))));
     }
-  ), u = C(() => {
-    var _;
-    return !(l != null && l.value) || ((_ = a == null ? void 0 : a.value) == null ? void 0 : _.totalCount) === void 0 ? !1 : i.value.length === a.value.totalCount;
-  }), R = () => {
-    t(x.SELECT, i.value), t(x.UPDATE_SELECTION, i.value);
-  }, m = (_) => {
-    var b, O, A;
-    if (i.value = _, E.value) {
-      f.allItemsSelected = !0;
-      const r = ((b = n.value) == null ? void 0 : b.length) > 0 && n.value.every((p) => i.value.includes(e(p)));
-      f.isIndeterminate = (l == null ? void 0 : l.value) && !u.value || !r;
+  ), h = C(() => {
+    var v;
+    return !(l != null && l.value) || ((v = a == null ? void 0 : a.value) == null ? void 0 : v.totalCount) === void 0 ? !1 : i.value.length === a.value.totalCount;
+  }), y = () => {
+    t(D.SELECT, i.value), t(D.UPDATE_SELECTION, i.value);
+  }, p = (v) => {
+    var S, N, T;
+    if (i.value = v, E.value) {
+      u.allItemsSelected = !0;
+      const g = ((S = n.value) == null ? void 0 : S.length) > 0 && n.value.every((_) => i.value.includes(e(_)));
+      u.isIndeterminate = (l == null ? void 0 : l.value) && !h.value || !g;
     } else
-      f.allItemsSelected = !1, f.isIndeterminate = ((O = i.value) == null ? void 0 : O.length) > 0 && ((A = n.value) == null ? void 0 : A.length) > 0 && n.value.some(
-        (r) => {
-          var p;
-          return i.value.includes(e(r)) || ((p = r == null ? void 0 : r.children) == null ? void 0 : p.some((T) => i.value.includes(e(T))));
+      u.allItemsSelected = !1, u.isIndeterminate = ((N = i.value) == null ? void 0 : N.length) > 0 && ((T = n.value) == null ? void 0 : T.length) > 0 && n.value.some(
+        (g) => {
+          var _;
+          return i.value.includes(e(g)) || ((_ = g == null ? void 0 : g.children) == null ? void 0 : _.some((L) => i.value.includes(e(L))));
         }
       );
-  }, w = (_) => {
+  }, c = (v) => {
     se(() => {
-      var b, O, A;
-      if (f.allItemsSelected = _, _) {
-        i.value = (O = (b = d.value) == null ? void 0 : b.filter(
-          (p) => !o(p) && ((p == null ? void 0 : p.children) === void 0 || p.children.every((T) => !o(T)))
-        )) == null ? void 0 : O.map((p) => e(p));
-        const r = ((A = n.value) == null ? void 0 : A.length) > 0 && n.value.every((p) => i.value.includes(e(p)));
-        f.isIndeterminate = (l == null ? void 0 : l.value) && !u.value || i.value.length > 0 && !r;
+      var S, N, T;
+      if (u.allItemsSelected = v, v) {
+        i.value = (N = (S = r.value) == null ? void 0 : S.filter(
+          (_) => !o(_) && ((_ == null ? void 0 : _.children) === void 0 || _.children.every((L) => !o(L)))
+        )) == null ? void 0 : N.map((_) => e(_));
+        const g = ((T = n.value) == null ? void 0 : T.length) > 0 && n.value.every((_) => i.value.includes(e(_)));
+        u.isIndeterminate = (l == null ? void 0 : l.value) && !h.value || i.value.length > 0 && !g;
       } else
-        i.value = [], f.isIndeterminate = !1;
-      R();
+        i.value = [], u.isIndeterminate = !1;
+      y();
     });
-  }, N = () => {
+  }, O = () => {
     se(() => {
-      m([]), R();
+      p([]), y();
     });
-  }, g = (_, b) => {
+  }, f = (v, S) => {
     se(() => {
-      var O;
-      m(((O = b == null ? void 0 : b.children) == null ? void 0 : O.length) > 0 ? L(_, b) : _), R();
+      var N;
+      p(((N = S == null ? void 0 : S.children) == null ? void 0 : N.length) > 0 ? A(v, S) : v), y();
     });
-  }, L = (_, b) => {
-    var r;
-    const O = e(b), A = (r = b.children) == null ? void 0 : r.filter((p) => !o(p)).map((p) => e(p));
-    if (_.includes(O)) {
-      const p = _;
-      return A.forEach((T) => {
-        p.includes(T) || p.push(T);
-      }), p;
+  }, A = (v, S) => {
+    var g;
+    const N = e(S), T = (g = S.children) == null ? void 0 : g.filter((_) => !o(_)).map((_) => e(_));
+    if (v.includes(N)) {
+      const _ = v;
+      return T.forEach((L) => {
+        _.includes(L) || _.push(L);
+      }), _;
     }
-    return _.filter((p) => !A.includes(p));
-  }, h = (_, b, O) => {
+    return v.filter((_) => !T.includes(_));
+  }, w = (v, S, N) => {
     se(() => {
-      var r, p;
-      const A = e(b);
-      _.includes(e(O)) ? m(
-        !_.includes(A) && ((r = b == null ? void 0 : b.children) != null && r.every((T) => _.includes(e(T)))) ? [..._, A] : _
-      ) : m(
-        _.includes(A) && !((p = b == null ? void 0 : b.children) != null && p.every((T) => _.includes(e(T)))) ? _.filter((T) => T !== A) : _
-      ), R();
+      var g, _;
+      const T = e(S);
+      v.includes(e(N)) ? p(
+        !v.includes(T) && ((g = S == null ? void 0 : S.children) != null && g.every((L) => v.includes(e(L)))) ? [...v, T] : v
+      ) : p(
+        v.includes(T) && !((_ = S == null ? void 0 : S.children) != null && _.every((L) => v.includes(e(L)))) ? v.filter((L) => L !== T) : v
+      ), y();
     });
   };
   return oe(
     () => s.value,
     () => {
-      m(s.value ?? []);
+      p(s.value ?? []);
     },
     { immediate: !0 }
   ), oe(
     () => n.value,
     () => {
-      const _ = n.value.filter((b) => i.value.includes(e(b))).flatMap(
-        (b) => {
-          var O;
-          return ((O = b == null ? void 0 : b.children) == null ? void 0 : O.length) > 0 ? b.children.map((A) => e(A)).filter((A) => !i.value.includes(A)) : [];
+      const v = n.value.filter((S) => i.value.includes(e(S))).flatMap(
+        (S) => {
+          var N;
+          return ((N = S == null ? void 0 : S.children) == null ? void 0 : N.length) > 0 ? S.children.map((T) => e(T)).filter((T) => !i.value.includes(T)) : [];
         }
       );
-      (_ == null ? void 0 : _.length) > 0 ? (m([...i.value, ..._]), R()) : m(i.value);
+      (v == null ? void 0 : v.length) > 0 ? (p([...i.value, ...v]), y()) : p(i.value);
     }
   ), {
-    onAllRowSelect: w,
-    onRowSelect: g,
-    onNestedRowSelect: h,
-    onDeselectAll: N,
-    allItemsSelectedState: f,
+    onAllRowSelect: c,
+    onRowSelect: f,
+    onNestedRowSelect: w,
+    onDeselectAll: O,
+    allItemsSelectedState: u,
     selectedItems: i,
     isEveryItemSelected: E,
-    isEveryItemAcrossPagesSelected: u
+    isEveryItemAcrossPagesSelected: h
   };
-}, ps = (s, t, n) => ({ isSorting: (a) => s.value.some((i) => i.field === a), getSortingDirection: (a) => {
+}, Ss = (s, t, n) => ({ isSorting: (a) => s.value.some((i) => i.field === a), getSortingDirection: (a) => {
   var i;
-  return (i = s.value.find((f) => f.field === a)) == null ? void 0 : i.direction;
+  return (i = s.value.find((u) => u.field === a)) == null ? void 0 : i.direction;
 }, sortByColumnField: (a) => {
-  var d;
+  var r;
   if (!t.value.some((E) => E.field === a && E.sortable))
     return;
-  const f = [{
+  const u = [{
     field: a,
-    direction: ((d = s.value.find((E) => E.field === a)) == null ? void 0 : d.direction) === ve.ASCENDING ? ve.DESCENDING : ve.ASCENDING
+    direction: ((r = s.value.find((E) => E.field === a)) == null ? void 0 : r.direction) === ve.ASCENDING ? ve.DESCENDING : ve.ASCENDING
   }];
-  n("sort", f);
+  n("sort", u);
 } });
 var te = ((s) => (s[s.ARROW_DOWN = le.ARROW_DOWN] = "ARROW_DOWN", s[s.ARROW_UP = le.ARROW_UP] = "ARROW_UP", s[s.ARROW_LEFT = le.ARROW_LEFT] = "ARROW_LEFT", s[s.ARROW_RIGHT = le.ARROW_RIGHT] = "ARROW_RIGHT", s[s.PAGE_UP = le.PAGE_UP] = "PAGE_UP", s[s.PAGE_DOWN = le.PAGE_DOWN] = "PAGE_DOWN", s[s.END = le.END] = "END", s[s.HOME = le.HOME] = "HOME", s))(te || {});
-const we = "b-row-actions-column", ws = (s, t, n, e, o, l) => {
-  const a = C(() => l.value || e.value ? !0 : n.value.some((h) => h.infoIconTooltip || h.sortable)), i = C(() => {
-    let h = n.value.filter(({ visible: _ }) => _ !== !1);
-    return o.value && (h = [
-      ...h,
+const we = "b-row-actions-column", Rs = (s, t, n, e, o, l) => {
+  const a = C(() => l.value || e.value ? !0 : n.value.some((w) => w.infoIconTooltip || w.sortable)), i = C(() => {
+    let w = n.value.filter(({ visible: v }) => v !== !1);
+    return o.value && (w = [
+      ...w,
       { field: we, label: "" }
-    ]), h;
-  }), f = C(() => i.value.length), d = C(() => {
+    ]), w;
+  }), u = C(() => i.value.length), r = C(() => {
     if (!s.value)
       return [];
-    const h = Object.keys(s.value)[0];
-    if (!h || !s.value[h])
+    const w = Object.keys(s.value)[0];
+    if (!w || !s.value[w])
       return [];
-    const _ = [];
+    const v = [];
     if (a.value)
-      for (const O of i.value) {
-        const A = t.value[O.field];
-        _.push(A);
+      for (const N of i.value) {
+        const T = t.value[N.field];
+        v.push(T);
       }
-    const b = s.value[h].length;
-    for (let O = 0; O < b; O++)
-      for (const A of i.value) {
-        const r = s.value[A.field];
-        r != null && r[O] && _.push(r[O]);
+    const S = s.value[w].length;
+    for (let N = 0; N < S; N++)
+      for (const T of i.value) {
+        const g = s.value[T.field];
+        g != null && g[N] && v.push(g[N]);
       }
-    return _;
-  }), E = (h) => Math.floor(h / f.value), u = (h, _, b) => {
-    const O = d.value.length - 1, A = f.value - 1, r = E(h), p = h - f.value * r;
+    return v;
+  }), E = (w) => Math.floor(w / u.value), h = (w, v, S) => {
+    const N = r.value.length - 1, T = u.value - 1, g = E(w), _ = w - u.value * g;
     return {
-      [te.PAGE_UP]: p + (a.value ? f.value : 0),
-      [te.PAGE_DOWN]: O - A + p,
-      [te.END]: b ? O : f.value * r + A,
-      [te.HOME]: b ? a.value ? f.value : 0 : f.value * r
-    }[_];
-  }, R = (h, _) => {
-    const b = E(h), A = {
-      [te.ARROW_DOWN]: f.value,
-      [te.ARROW_UP]: b === 0 && !a.value ? 0 : -f.value,
+      [te.PAGE_UP]: _ + (a.value ? u.value : 0),
+      [te.PAGE_DOWN]: N - T + _,
+      [te.END]: S ? N : u.value * g + T,
+      [te.HOME]: S ? a.value ? u.value : 0 : u.value * g
+    }[v];
+  }, y = (w, v) => {
+    const S = E(w), T = {
+      [te.ARROW_DOWN]: u.value,
+      [te.ARROW_UP]: S === 0 && !a.value ? 0 : -u.value,
       [te.ARROW_LEFT]: -1,
       [te.ARROW_RIGHT]: 1
-    }[_], r = h + A;
-    return r < 0 || r >= d.value.length ? h : r;
-  }, m = (h) => [
+    }[v], g = w + T;
+    return g < 0 || g >= r.value.length ? w : g;
+  }, p = (w) => [
     te.PAGE_UP,
     te.PAGE_DOWN,
     te.END,
     te.HOME
-  ].includes(h), w = (h, _, b) => {
-    const O = d.value.indexOf(h);
-    return m(_) ? u(O, _, b) : R(O, _);
-  }, N = (h, _, b) => {
-    if (!d.value.includes(h))
+  ].includes(w), c = (w, v, S) => {
+    const N = r.value.indexOf(w);
+    return p(v) ? h(N, v, S) : y(N, v);
+  }, O = (w, v, S) => {
+    if (!r.value.includes(w))
       return;
-    const O = w(h, _, b);
-    d.value[O].focus();
-  }, g = (h) => h in te;
+    const N = c(w, v, S);
+    r.value[N].focus();
+  }, f = (w) => w in te;
   return {
-    isNavigationKeyCode: g,
-    focusOnNextGridcell: N,
-    navigationInput: (h) => {
-      const { ctrlKey: _, key: b, target: O } = h, A = b;
-      let r = O;
-      r.getAttribute("role") !== "menuitem" && (d.value.includes(r) || (r = O.closest('[role="gridcell"], [role="columnheader"]')), d.value.includes(r) && g(A) && N(r, A, _));
+    isNavigationKeyCode: f,
+    focusOnNextGridcell: O,
+    navigationInput: (w) => {
+      const { ctrlKey: v, key: S, target: N } = w, T = S;
+      let g = N;
+      g.getAttribute("role") !== "menuitem" && (r.value.includes(g) || (g = N.closest('[role="gridcell"], [role="columnheader"]')), r.value.includes(g) && f(T) && O(g, T, v));
     }
   };
-}, Ss = 90, bs = (s, t, n, e, o) => {
-  const l = y(s), a = y(t), i = y(n), f = y(e), d = C(() => l.value !== "none"), E = C(() => l.value === "automatic"), u = () => {
-    o(x.UPDATE_SHOW_MORE);
+}, Es = 90, ys = (s, t, n, e, o) => {
+  const l = R(s), a = R(t), i = R(n), u = R(e), r = C(() => l.value !== "none"), E = C(() => l.value === "automatic"), h = () => {
+    o(D.UPDATE_SHOW_MORE);
   };
   return oe(
     () => a.value,
     () => {
-      E.value && i.value.offsetHeight / a.value * 100 > Ss && !f.value && u();
+      E.value && i.value.offsetHeight / a.value * 100 > Es && !u.value && h();
     }
-  ), { isLazyLoad: d, isInfiniteScroll: E, verticalScrollPosition: a, emitLazyLoadEvent: u };
-}, ys = (s, t, n) => {
-  const e = y(s), o = y(t), l = Me({
+  ), { isLazyLoad: r, isInfiniteScroll: E, verticalScrollPosition: a, emitLazyLoadEvent: h };
+}, Ls = (s, t, n) => {
+  const e = R(s), o = R(t), l = Be({
     dragging: null,
     dragToLeft: null,
     target: null
-  }), a = (m, w = 0) => {
-    const N = e.value.findIndex((h) => h.field === m.field), g = N + w;
-    if (g < 0 || g > e.value.length - 1)
+  }), a = (p, c = 0) => {
+    const O = e.value.findIndex((w) => w.field === p.field), f = O + c;
+    if (f < 0 || f > e.value.length - 1)
       return;
-    const L = [...e.value];
-    L.splice(g, 0, L.splice(N, 1)[0]), n(x.COLUMNS, L), n(x.UPDATE_COLUMNS, L);
-  }, i = (m, w) => {
-    l.dragging = m, w.dataTransfer.setData("text", ""), w.dataTransfer.dropEffect = "move";
-  }, f = (m, w) => {
-    l.target = m;
-    const N = w.currentTarget.getBoundingClientRect(), g = N.left + N.width / 2, L = w.clientX ?? 0;
-    l.dragToLeft = L <= g;
-  }, d = (m) => {
-    var w, N;
-    if (((w = l.dragging) == null ? void 0 : w.field) !== m.field) {
-      const g = e.value.findIndex((A) => {
-        var r;
-        return A.field === ((r = l.dragging) == null ? void 0 : r.field);
-      }), L = e.value.findIndex((A) => A.field === m.field), h = l.dragToLeft ? L : L + 1, _ = h > g ? h - 1 : h;
-      let b = [...e.value];
-      b.splice(
-        _ === -1 ? 0 : _,
+    const A = [...e.value];
+    A.splice(f, 0, A.splice(O, 1)[0]), n(D.COLUMNS, A), n(D.UPDATE_COLUMNS, A);
+  }, i = (p, c) => {
+    l.dragging = p, c.dataTransfer.setData("text", ""), c.dataTransfer.dropEffect = "move";
+  }, u = (p, c) => {
+    l.target = p;
+    const O = c.currentTarget.getBoundingClientRect(), f = O.left + O.width / 2, A = c.clientX ?? 0;
+    l.dragToLeft = A <= f;
+  }, r = (p) => {
+    var c, O;
+    if (((c = l.dragging) == null ? void 0 : c.field) !== p.field) {
+      const f = e.value.findIndex((T) => {
+        var g;
+        return T.field === ((g = l.dragging) == null ? void 0 : g.field);
+      }), A = e.value.findIndex((T) => T.field === p.field), w = l.dragToLeft ? A : A + 1, v = w > f ? w - 1 : w;
+      let S = [...e.value];
+      S.splice(
+        v === -1 ? 0 : v,
         0,
-        b.splice(g, 1)[0]
+        S.splice(f, 1)[0]
       );
-      const O = e.value.findIndex((A) => !(A != null && A.frozen));
-      ((N = l.dragging) == null ? void 0 : N.frozen) !== m.frozen && h !== O && (b = b.map(
-        (A) => {
-          var r;
-          return ((r = l.dragging) == null ? void 0 : r.field) === A.field ? { ...A, frozen: !!(m != null && m.frozen) } : A;
+      const N = e.value.findIndex((T) => !(T != null && T.frozen));
+      ((O = l.dragging) == null ? void 0 : O.frozen) !== p.frozen && w !== N && (S = S.map(
+        (T) => {
+          var g;
+          return ((g = l.dragging) == null ? void 0 : g.field) === T.field ? { ...T, frozen: !!(p != null && p.frozen) } : T;
         }
-      )), n(x.COLUMNS, b), n(x.UPDATE_COLUMNS, b);
+      )), n(D.COLUMNS, S), n(D.UPDATE_COLUMNS, S);
     }
     l.dragging = null, l.target = null;
   }, E = () => {
     l.dragging = null, l.dragToLeft = null, l.target = null;
-  }, u = C(() => o.value ? {
-    [G.COLUMN_DRAG_START]: (m, w) => i(m, w),
-    [G.COLUMN_DRAG_ENTER]: (m, w) => f(m, w),
-    [G.COLUMN_DROP]: (m) => d(m),
+  }, h = C(() => o.value ? {
+    [G.COLUMN_DRAG_START]: (p, c) => i(p, c),
+    [G.COLUMN_DRAG_ENTER]: (p, c) => u(p, c),
+    [G.COLUMN_DROP]: (p) => r(p),
     [G.COLUMN_DRAG_END]: () => E()
-  } : {}), R = C(() => (m) => o.value ? {
-    dragenter: (w) => {
-      w.preventDefault(), f(m, w);
+  } : {}), y = C(() => (p) => o.value ? {
+    dragenter: (c) => {
+      c.preventDefault(), u(p, c);
     },
     drop: () => {
-      d(m);
+      r(p);
     },
-    dragover: (w) => {
-      w.preventDefault();
+    dragover: (c) => {
+      c.preventDefault();
     }
   } : {});
   return {
     // Values
     draggingColumns: l,
     // Methods
-    draggingEventsForColumns: u,
-    draggingEventsForRowCell: R,
+    draggingEventsForColumns: h,
+    draggingEventsForRowCell: y,
     onMoveColumnByOffset: a
   };
-}, Es = (s, t) => {
-  const n = y(s), e = C(
-    () => [...n.value].sort((u, R) => u.frozen === R.frozen ? 0 : u.frozen ? -1 : 1)
-  ), o = C(
-    () => e.value.filter((u) => u.frozen && u.visible !== !1)
-  ), l = C(
-    () => e.value.filter((u) => !u.frozen && u.visible !== !1)
+}, As = (s, t, n) => {
+  const e = R(s), o = R(t.value), l = C(
+    () => [...e.value].sort((c, O) => c.frozen === O.frozen ? 0 : c.frozen ? -1 : 1)
   ), a = C(
-    () => [
-      { columnSet: o.value, id: "frozen", isFrozenColumns: !0 },
-      { columnSet: l.value, id: "unfrozen" }
-    ].filter(({ columnSet: u }) => u.length)
+    () => l.value.filter((c) => c.frozen && c.visible !== !1)
   ), i = C(
-    () => n.value.filter((u) => (u == null ? void 0 : u.visible) !== !1 && (u == null ? void 0 : u.field) !== ne).length === 1
-  ), f = (u) => t(x.UPDATE_CONDENSED, u), d = (u) => {
-    t(x.COLUMNS, u), t(x.UPDATE_COLUMNS, u);
+    () => l.value.filter((c) => !c.frozen && c.visible !== !1)
+  ), u = C(
+    () => [
+      { columnSet: a.value, id: "frozen", isFrozenColumns: !0 },
+      { columnSet: i.value, id: "unfrozen" }
+    ].filter(({ columnSet: c }) => c.length)
+  ), r = C(
+    () => e.value.filter((c) => (c == null ? void 0 : c.visible) !== !1 && (c == null ? void 0 : c.field) !== ne).length === 1
+  ), E = (c) => n(D.UPDATE_CONDENSED, c), h = (c) => {
+    o.value = c, n(D.UPDATE_ZEBRA_ROWS, c);
+  }, y = (c) => {
+    n(D.COLUMNS, c), n(D.UPDATE_COLUMNS, c);
+  }, p = (c) => {
+    const O = l.value.map(
+      (f) => (f == null ? void 0 : f.field) === c.field ? c : f
+    );
+    y(O);
   };
-  return {
+  return oe(t, (c) => {
+    o.value = c;
+  }), {
     // Values
-    columnSets: a,
-    isOnlyOneVisibleColumn: i,
-    sortedColumns: e,
+    columnSets: u,
+    isOnlyOneVisibleColumn: r,
+    internalZebraRows: o,
+    sortedColumns: l,
     // Methods
-    onConfigSettingsUpdate: f,
-    onConfigSettingsColumnsUpdate: d,
-    onConfigSettingsColumnUpdate: (u) => {
-      const R = e.value.map(
-        (m) => (m == null ? void 0 : m.field) === u.field ? u : m
-      );
-      d(R);
-    }
+    onConfigSettingsColumnsUpdate: y,
+    onConfigSettingsColumnUpdate: p,
+    onConfigSettingsCondensedUpdate: E,
+    onConfigSettingsZebraRowsUpdate: h
   };
-}, Rs = (s, t, n, e, o, l, a) => {
-  const i = y(0), f = y(!1), d = y(!1);
-  oe([() => i.value, () => l.value], ([w]) => {
-    s.value.scrollLeft = w, t.value.scrollLeft = w, f.value = !!w, d.value = t.value.scrollWidth - t.value.offsetWidth > w;
-  }), Se(async () => {
-    var w, N;
-    await se(), ((w = t.value) == null ? void 0 : w.offsetWidth) < ((N = t.value) == null ? void 0 : N.scrollWidth) && (d.value = !0);
+}, Os = (s, t, n, e, o, l, a) => {
+  const i = R(0), u = R(!1), r = R(!1);
+  oe([() => i.value, () => l.value], ([c]) => {
+    s.value.scrollLeft = c, t.value.scrollLeft = c, u.value = !!c, r.value = t.value.scrollWidth - t.value.offsetWidth > c;
+  }), be(async () => {
+    var c, O;
+    await se(), ((c = t.value) == null ? void 0 : c.offsetWidth) < ((O = t.value) == null ? void 0 : O.scrollWidth) && (r.value = !0);
   });
-  const E = (w) => {
-    if (i.value = w.target.scrollLeft, n.value = s.value.scrollHeight - w.target.scrollTop, e != null && e.value) {
-      const N = w.target.scrollLeft;
-      e.value.scrollLeft !== N && (e.value.scrollLeft = N);
+  const E = (c) => {
+    if (i.value = c.target.scrollLeft, n.value = s.value.scrollHeight - c.target.scrollTop, e != null && e.value) {
+      const O = c.target.scrollLeft;
+      e.value.scrollLeft !== O && (e.value.scrollLeft = O);
     }
-  }, u = (w) => {
-    w.key === "Tab" || w.key !== "ArrowRight" && w.key !== "ArrowLeft" || (w.preventDefault(), s.value.scrollLeft = 0, s.value.style.overflowX = "hidden", setTimeout(() => {
+  }, h = (c) => {
+    c.key === "Tab" || c.key !== "ArrowRight" && c.key !== "ArrowLeft" || (c.preventDefault(), s.value.scrollLeft = 0, s.value.style.overflowX = "hidden", setTimeout(() => {
       s.value && (s.value.style.overflowX = "auto");
     }));
-  }, R = (w) => {
-    const N = w.target.scrollLeft;
-    s.value.scrollLeft !== N && (s.value.scrollLeft = N);
-  }, m = C(() => {
-    var w, N, g, L;
-    return (w = a == null ? void 0 : a.pagination) != null && w.value && ((N = a == null ? void 0 : a.stickyPagination) != null && N.value || a != null && a.isDataGridTemplate) && !((g = a == null ? void 0 : a.isLazyLoad) != null && g.value) ? { bottom: `${(((L = o.value) == null ? void 0 : L.clientHeight) ?? 0) + 1}px` } : {};
+  }, y = (c) => {
+    const O = c.target.scrollLeft;
+    s.value.scrollLeft !== O && (s.value.scrollLeft = O);
+  }, p = C(() => {
+    var c, O, f, A;
+    return (c = a == null ? void 0 : a.pagination) != null && c.value && ((O = a == null ? void 0 : a.stickyPagination) != null && O.value || a != null && a.isDataGridTemplate) && !((f = a == null ? void 0 : a.isLazyLoad) != null && f.value) ? { bottom: `${(((A = o.value) == null ? void 0 : A.clientHeight) ?? 0) + 1}px` } : {};
   });
   return {
     // Values
     scrollLeftPosition: i,
-    hasLeftOverflow: f,
-    hasRightOverflow: d,
-    horizontalScrollbarConditionalStyles: m,
+    hasLeftOverflow: u,
+    hasRightOverflow: r,
+    horizontalScrollbarConditionalStyles: p,
     // Methods
     updateScrollPosition: E,
-    updateScrollPositionOnFrozenColumnsNavigation: u,
-    syncVirtualScrollerWithBody: R
+    updateScrollPositionOnFrozenColumnsNavigation: h,
+    syncVirtualScrollerWithBody: y
   };
-}, Ls = (s, t, n, e) => {
-  const o = y(null), l = C(() => {
-    var N, g, L, h;
+}, Ts = (s, t, n, e) => {
+  const o = R(null), l = C(() => {
+    var O, f, A, w;
     if (!o.value || o.value.field === ne)
       return {
         hoveredOverColumnField: "",
@@ -628,12 +631,12 @@ const we = "b-row-actions-column", ws = (s, t, n, e, o, l) => {
         noBorderLeft: !1,
         noBorderRight: !1
       };
-    const a = (g = (N = s.value.find((_) => _.isFrozenColumns)) == null ? void 0 : N.columnSet) == null ? void 0 : g.filter((_) => _.field !== ne), i = s.value.find((_) => !(_ != null && _.isFrozenColumns)), f = o.value.frozen && (a == null ? void 0 : a[0].field) === o.value.field, d = !o.value.frozen && ((L = i == null ? void 0 : i.columnSet) == null ? void 0 : L[0].field) === o.value.field, E = (t.value || n.value) && f, u = (t.value || n.value) && !a && d, R = a && d, m = (a == null ? void 0 : a.length) > 0 && o.value.frozen && (a == null ? void 0 : a[a.length - 1].field) === o.value.field, w = n.value && e.value && !o.value.frozen && ((h = i == null ? void 0 : i.columnSet) == null ? void 0 : h[i.columnSet.length - 1].field) === o.value.field;
+    const a = (f = (O = s.value.find((v) => v.isFrozenColumns)) == null ? void 0 : O.columnSet) == null ? void 0 : f.filter((v) => v.field !== ne), i = s.value.find((v) => !(v != null && v.isFrozenColumns)), u = o.value.frozen && (a == null ? void 0 : a[0].field) === o.value.field, r = !o.value.frozen && ((A = i == null ? void 0 : i.columnSet) == null ? void 0 : A[0].field) === o.value.field, E = (t.value || n.value) && u, h = (t.value || n.value) && !a && r, y = a && r, p = (a == null ? void 0 : a.length) > 0 && o.value.frozen && (a == null ? void 0 : a[a.length - 1].field) === o.value.field, c = n.value && e.value && !o.value.frozen && ((w = i == null ? void 0 : i.columnSet) == null ? void 0 : w[i.columnSet.length - 1].field) === o.value.field;
     return {
       hoveredOverColumnField: o.value.field,
-      isSeparatorOffset: w,
-      noBorderLeft: !!E || !!u || !!R,
-      noBorderRight: !!m || !!w
+      isSeparatorOffset: c,
+      noBorderLeft: !!E || !!h || !!y,
+      noBorderRight: !!p || !!c
     };
   });
   return {
@@ -641,21 +644,21 @@ const we = "b-row-actions-column", ws = (s, t, n, e, o, l) => {
     hoveredOverColumnState: l
   };
 }, We = (s) => {
-  const n = Et(s).filter((e) => e.node !== s);
+  const n = Rt(s).filter((e) => e.node !== s);
   return (n == null ? void 0 : n.length) > 0 ? (n[0].node.focus(), !0) : !1;
 }, _e = (s) => {
-  const t = Et(s), n = t == null ? void 0 : t.filter((e) => e.node !== s);
+  const t = Rt(s), n = t == null ? void 0 : t.filter((e) => e.node !== s);
   if ((n == null ? void 0 : n.length) > 0)
     return n.forEach((e) => e.node.setAttribute("tabindex", "-1")), n;
-}, At = (s) => {
+}, Tt = (s) => {
   (s == null ? void 0 : s.length) > 0 && s.forEach((t) => t == null ? void 0 : t.node.setAttribute("tabindex", "0"));
-}, As = () => {
+}, Ns = () => {
   const s = window.getSelection().getRangeAt(0).cloneContents(), t = s.querySelectorAll('[role="row"]');
   let n = "<table>", e = "";
   const o = (l) => {
     l.forEach((a) => {
-      const i = a.closest("[role]").getAttribute("role") === "gridcell" ? "td" : "th", f = a.textContent.trim();
-      f && (n += `<${i}>${f}</${i}>`, e += `${f}	`);
+      const i = a.closest("[role]").getAttribute("role") === "gridcell" ? "td" : "th", u = a.textContent.trim();
+      u && (n += `<${i}>${u}</${i}>`, e += `${u}	`);
     });
   };
   if (!t.length) {
@@ -688,114 +691,114 @@ const we = "b-row-actions-column", ws = (s, t, n, e, o, l) => {
     })
   ]);
 };
-let it = 0;
-const Ts = {
+let dt = 0;
+const Is = {
   beforeCreate() {
-    this.uuid = it.toString(), it += 1;
+    this.uuid = dt.toString(), dt += 1;
   }
 };
-var Os = function() {
+var Ds = function() {
   var t = this, n = t._self._c;
   return n("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? n("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), n("g", { attrs: { fill: "#001222", "clip-path": "url(#uia-ui-assets/icons-16-arrow_up_down_sort__a" + t.uuid + ")" } }, [n("path", { attrs: { d: "M9.06077 4.00011L5.00011 -0.0605469L0.939453 4.00011L2.00011 5.06077L4.25 2.81089V10.75H5.75V2.81066L8.00011 5.06077L9.06077 4.00011Z" } }), n("path", { attrs: { d: "M10.25 13.1893L8.00011 10.9395L6.93945 12.0001L11.0001 16.0608L15.0608 12.0001L14.0001 10.9395L11.75 13.1896V5.25H10.25V13.1893Z" } })]), n("defs", [n("clipPath", { attrs: { id: "uia-ui-assets/icons-16-arrow_up_down_sort__a" + t.uuid } }, [n("rect", { attrs: { width: "16", height: "16", fill: "#fff" } })])])]);
-}, Is = [], Ns = /* @__PURE__ */ V(
-  Ts,
-  Os,
+}, xs = [], Fs = /* @__PURE__ */ H(
   Is,
+  Ds,
+  xs,
   !1,
   null,
   null
 );
-const Ds = Ns.exports;
-let rt = 0;
-const xs = {
+const Bs = Fs.exports;
+let ct = 0;
+const Ms = {
   beforeCreate() {
-    this.uuid = rt.toString(), rt += 1;
+    this.uuid = ct.toString(), ct += 1;
   }
 };
-var Fs = function() {
+var Us = function() {
   var t = this, n = t._self._c;
   return n("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? n("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), n("path", { attrs: { fill: "#001222", d: "M12.1933 8.7454L7.93903 12.9996L8.99969 14.0603L15.0604 7.99963L8.99969 1.93896L7.93903 2.99963L12.1848 7.24541L1.24902 7.25658L1.25056 8.75658L12.1933 8.7454Z" } })]);
-}, Ms = [], Bs = /* @__PURE__ */ V(
-  xs,
-  Fs,
+}, zs = [], $s = /* @__PURE__ */ H(
   Ms,
+  Us,
+  zs,
   !1,
   null,
   null
 );
-const $s = Bs.exports;
-let dt = 0;
-const Us = {
+const Ps = $s.exports;
+let ut = 0;
+const ks = {
   beforeCreate() {
-    this.uuid = dt.toString(), dt += 1;
+    this.uuid = ut.toString(), ut += 1;
   }
 };
-var zs = function() {
+var Ws = function() {
   var t = this, n = t._self._c;
   return n("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? n("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), n("g", { attrs: { "clip-path": "url(#uia-ui-assets/icons-16-freeze__a" + t.uuid + ")" } }, [n("path", { attrs: { fill: "#001222", d: "M7.99989 14.0605L9.49989 15.5605L10.5605 14.4999L8.75 12.6893V10.9334L10.169 10.116L11.6861 10.9939L12.3501 13.4688L13.7988 13.0801L13.2488 11.0301L15.2988 10.4801L14.9101 9.03129L12.4363 9.695L10.9199 8.81745V7.18276L12.4365 6.3051L14.9101 6.96875L15.2988 5.51999L13.2488 4.96999L13.7988 2.91999L12.3501 2.53129L11.686 5.00635L10.1693 5.88407L8.75 5.06648L8.75 3.31043L10.5605 1.49989L9.49989 0.439226L7.99989 1.93923L6.49989 0.439226L5.43923 1.49989L7.25 3.31066V5.06639L5.83078 5.88392L4.31419 5.00626L3.65018 2.53129L2.20141 2.91998L2.384 3.60052L2.38063 3.60143L2.75032 4.97028L0.701408 5.51999L1.0901 6.96875L1.7708 6.78612L1.77173 6.78955L3.56437 6.30541L5.07992 7.18246L5.07992 8.81775L3.564 9.69502L1.0901 9.03129L0.701408 10.4801L2.75141 11.0301L2.20141 13.0801L3.65018 13.4687L4.31414 10.994L5.83106 10.1161L7.25 10.9335V12.6891L5.43923 14.4999L6.49989 15.5605L7.99989 14.0605ZM9.41992 7.18345V8.81644L7.99992 9.63441L6.57992 8.81644L6.57992 7.18345L7.99992 6.36548L9.41992 7.18345Z" } })]), n("defs", [n("clipPath", { attrs: { id: "uia-ui-assets/icons-16-freeze__a" + t.uuid } }, [n("rect", { attrs: { width: "16", height: "16", fill: "#fff", transform: "matrix(1 0 0 -1 0 16)" } })])])]);
-}, Ps = [], ks = /* @__PURE__ */ V(
-  Us,
-  zs,
-  Ps,
+}, Gs = [], Hs = /* @__PURE__ */ H(
+  ks,
+  Ws,
+  Gs,
   !1,
   null,
   null
 );
-const Tt = ks.exports;
-let ct = 0;
-const Ws = {
+const Nt = Hs.exports;
+let ft = 0;
+const Vs = {
   beforeCreate() {
-    this.uuid = ct.toString(), ct += 1;
+    this.uuid = ft.toString(), ft += 1;
   }
 };
-var Gs = function() {
+var Zs = function() {
   var t = this, n = t._self._c;
   return n("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? n("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), n("g", { attrs: { fill: "#001222", "clip-path": "url(#uia-ui-assets/icons-16-sort_ascending__a" + t.uuid + ")" } }, [n("path", { attrs: { d: "M12.0001 1.93945L16.0608 6.00011L15.0001 7.06077L12.75 4.81066V12.75H11.25V4.81089L9.00011 7.06077L7.93945 6.00011L12.0001 1.93945Z" } }), n("path", { attrs: { d: "M6.75 7.25H1.25V8.75H6.75V7.25Z" } }), n("path", { attrs: { d: "M1.25 11.25H8.75V12.75H1.25V11.25Z" } }), n("path", { attrs: { d: "M6.75 3.25H1.25V4.75H6.75V3.25Z" } })]), n("defs", [n("clipPath", { attrs: { id: "uia-ui-assets/icons-16-sort_ascending__a" + t.uuid } }, [n("rect", { attrs: { width: "16", height: "16", fill: "#fff" } })])])]);
-}, Hs = [], Vs = /* @__PURE__ */ V(
-  Ws,
-  Gs,
-  Hs,
+}, js = [], qs = /* @__PURE__ */ H(
+  Vs,
+  Zs,
+  js,
   !1,
   null,
   null
 );
-const Zs = Vs.exports;
-let ut = 0;
-const js = {
+const Ys = qs.exports;
+let gt = 0;
+const Ks = {
   beforeCreate() {
-    this.uuid = ut.toString(), ut += 1;
+    this.uuid = gt.toString(), gt += 1;
   }
 };
-var qs = function() {
+var Xs = function() {
   var t = this, n = t._self._c;
   return n("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? n("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), n("g", { attrs: { fill: "#001222", "clip-path": "url(#uia-ui-assets/icons-16-sort_descending__a" + t.uuid + ")" } }, [n("path", { attrs: { d: "M12.75 3.25V11.1896L15.0001 8.93945L16.0608 10.0001L12.0001 14.0608L7.93945 10.0001L9.00011 8.93945L11.25 11.1893V3.25H12.75Z" } }), n("path", { attrs: { d: "M6.75 7.25H1.25V8.75H6.75V7.25Z" } }), n("path", { attrs: { d: "M1.25 3.25H9.09V4.75H1.25V3.25Z" } }), n("path", { attrs: { d: "M6.75 11.25H1.25V12.75H6.75V11.25Z" } })]), n("defs", [n("clipPath", { attrs: { id: "uia-ui-assets/icons-16-sort_descending__a" + t.uuid } }, [n("rect", { attrs: { width: "16", height: "16", fill: "#fff" } })])])]);
-}, Ys = [], Ks = /* @__PURE__ */ V(
-  js,
-  qs,
-  Ys,
+}, Js = [], Qs = /* @__PURE__ */ H(
+  Ks,
+  Xs,
+  Js,
   !1,
   null,
   null
 );
-const Xs = Ks.exports;
-let ft = 0;
-const Js = {
+const eo = Qs.exports;
+let _t = 0;
+const to = {
   beforeCreate() {
-    this.uuid = ft.toString(), ft += 1;
+    this.uuid = _t.toString(), _t += 1;
   }
 };
-var Qs = function() {
+var no = function() {
   var t = this, n = t._self._c;
   return n("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? n("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), n("path", { attrs: { fill: "#001222", d: "M8 11.25L12.5 5.25H3.5L8 11.25Z" } })]);
-}, eo = [], to = /* @__PURE__ */ V(
-  Js,
-  Qs,
-  eo,
+}, so = [], oo = /* @__PURE__ */ H(
+  to,
+  no,
+  so,
   !1,
   null,
   null
 );
-const no = to.exports, so = {
+const lo = oo.exports, ao = {
   "en-US": {
     columnActions: "{name} column actions",
     deselectAll: "Deselect all",
@@ -830,11 +833,11 @@ const no = to.exports, so = {
     selectAll: "Selecionar tudo",
     unfreezeColumn: "Descongelar coluna"
   }
-}, oo = {
-  i18n: { messages: so },
+}, io = {
+  i18n: { messages: ao },
   name: "data-grid-columns"
-}, lo = /* @__PURE__ */ ie({
-  ...oo,
+}, ro = /* @__PURE__ */ de({
+  ...io,
   props: {
     /**
      * Column definitions using 'key' to relate to data object.
@@ -974,11 +977,11 @@ const no = to.exports, so = {
   },
   emits: ["sort", "column-hover"],
   setup(s, { expose: t, emit: n }) {
-    const e = s, o = 100, { t: l } = ue(), { columns: a, sortBy: i } = Be(e), f = y({}), d = y({}), E = y(), u = y(), R = (c) => n(G.SELECT_ALL_ROWS, c), m = (c) => c.field === ne, w = C(
+    const e = s, o = 100, { t: l } = ce(), { columns: a, sortBy: i } = Me(e), u = R({}), r = R({}), E = R(), h = R(), y = (d) => n(G.SELECT_ALL_ROWS, d), p = (d) => d.field === ne, c = C(
       () => [
         e.selectionState !== "page" && {
           text: l("selectPage"),
-          handler: () => R(!0)
+          handler: () => y(!0)
         },
         {
           text: l("selectAll"),
@@ -989,139 +992,139 @@ const no = to.exports, so = {
           handler: () => n(G.DESELECT_ALL)
         }
       ].filter(Boolean)
-    ), { startResize: N, isResizing: g, columnHoverEventToEmitAfterResizing: L } = as(a, n), { isSorting: h, getSortingDirection: _, sortByColumnField: b } = ps(i, a, n), O = (c) => {
-      var Q;
-      if (!c.sortable)
+    ), { startResize: O, isResizing: f, columnHoverEventToEmitAfterResizing: A } = ds(a, n), { isSorting: w, getSortingDirection: v, sortByColumnField: S } = Ss(i, a, n), N = (d) => {
+      var K;
+      if (!d.sortable)
         return null;
-      const $ = (Q = e.sortBy.find(({ field: ae }) => ae === c.field)) == null ? void 0 : Q.direction;
-      return $ ? {
-        [ve.ASCENDING]: ye.ASCENDING,
-        [ve.DESCENDING]: ye.DESCENDING
-      }[$] : ye.NONE;
-    }, A = C(() => (c) => e.hasDraggableColumns ? {
-      dragstart: ($) => {
-        n(G.COLUMN_DRAG_START, c, $);
+      const U = (K = e.sortBy.find(({ field: ae }) => ae === d.field)) == null ? void 0 : K.direction;
+      return U ? {
+        [ve.ASCENDING]: Re.ASCENDING,
+        [ve.DESCENDING]: Re.DESCENDING
+      }[U] : Re.NONE;
+    }, T = C(() => (d) => e.hasDraggableColumns ? {
+      dragstart: (U) => {
+        n(G.COLUMN_DRAG_START, d, U);
       },
-      dragover: ($) => {
-        $.preventDefault();
+      dragover: (U) => {
+        U.preventDefault();
       },
-      dragenter: ($) => {
-        $.preventDefault(), n(G.COLUMN_DRAG_ENTER, c, $);
+      dragenter: (U) => {
+        U.preventDefault(), n(G.COLUMN_DRAG_ENTER, d, U);
       },
       drop: () => {
-        n(G.COLUMN_DROP, c);
+        n(G.COLUMN_DROP, d);
       },
       dragend: () => {
         n(G.COLUMN_DRAG_END);
       }
-    } : {}), r = C(() => (c) => [
+    } : {}), g = C(() => (d) => [
       {
         text: l("moveColumnLeft"),
-        handler: () => n(G.COLUMN_MOVE, c, -1),
-        icon: Jn,
-        disabled: e.columns[0].field === c.field
+        handler: () => n(G.COLUMN_MOVE, d, -1),
+        icon: ns,
+        disabled: e.columns[0].field === d.field
       },
       {
         text: l("moveColumnRight"),
-        handler: () => n(G.COLUMN_MOVE, c, 1),
-        icon: $s,
-        disabled: e.columns[e.columns.length - 1].field === c.field
+        handler: () => n(G.COLUMN_MOVE, d, 1),
+        icon: Ps,
+        disabled: e.columns[e.columns.length - 1].field === d.field
       },
       {
-        text: c != null && c.frozen ? l("unfreezeColumn") : l("freezeColumn"),
-        handler: () => n(G.COLUMN_UPDATE, { ...c, frozen: !(c != null && c.frozen) }),
-        icon: Tt
+        text: d != null && d.frozen ? l("unfreezeColumn") : l("freezeColumn"),
+        handler: () => n(G.COLUMN_UPDATE, { ...d, frozen: !(d != null && d.frozen) }),
+        icon: Nt
       },
       {
-        text: (c == null ? void 0 : c.visible) !== !1 ? l("hideColumn") : l("showColumn"),
+        text: (d == null ? void 0 : d.visible) !== !1 ? l("hideColumn") : l("showColumn"),
         handler: () => {
           n(G.COLUMN_UPDATE, {
-            ...c,
-            visible: (c == null ? void 0 : c.visible) === !1
+            ...d,
+            visible: (d == null ? void 0 : d.visible) === !1
           });
         },
-        icon: (c == null ? void 0 : c.visible) !== !1 ? Qn : es,
-        disabled: (c == null ? void 0 : c.mandatory) || (c == null ? void 0 : c.visible) !== !1 && e.isOnlyOneVisibleColumn
+        icon: (d == null ? void 0 : d.visible) !== !1 ? ss : os,
+        disabled: (d == null ? void 0 : d.mandatory) || (d == null ? void 0 : d.visible) !== !1 && e.isOnlyOneVisibleColumn
       }
-    ]), p = (c) => {
-      E.value = c.field, u.value && clearTimeout(u.value);
-    }, T = () => {
-      const c = setTimeout(() => {
+    ]), _ = (d) => {
+      E.value = d.field, h.value && clearTimeout(h.value);
+    }, L = () => {
+      const d = setTimeout(() => {
         E.value = "";
       }, o);
-      u.value = c;
-    }, W = (c) => {
-      let $ = {
+      h.value = d;
+    }, z = (d) => {
+      let U = {
         mouseenter: () => {
-          p(c), g.value ? L.value = c : n("column-hover", c);
+          _(d), f.value ? A.value = d : n("column-hover", d);
         },
         mouseleave: () => {
-          T(), g.value ? L.value = null : n("column-hover", null);
+          L(), f.value ? A.value = null : n("column-hover", null);
         },
         focus: () => {
-          p(c), m(c) && We(f.value[c.field]);
+          _(d), p(d) && We(u.value[d.field]);
         },
-        focusout: (H) => {
-          var Q, ae;
-          (ae = (Q = f.value) == null ? void 0 : Q[c.field]) != null && ae.contains(H == null ? void 0 : H.relatedTarget) || T();
+        focusout: (Y) => {
+          var K, ae;
+          (ae = (K = u.value) == null ? void 0 : K[d.field]) != null && ae.contains(Y == null ? void 0 : Y.relatedTarget) || L();
         }
       };
-      return m(c) || ($ = {
-        ...$,
-        ...A.value(c)
-      }), $;
-    }, Z = (c) => c.infoIconTooltip || c.sortable || e.hasColumnPanel, k = (c, $) => {
-      var H;
-      ((H = f.value) == null ? void 0 : H[$]) === void 0 && (f.value = { ...f.value, [$]: null }), c !== null && (f.value[$] = c);
-    }, X = C(() => {
-      var $;
-      const c = {
+      return p(d) || (U = {
+        ...U,
+        ...T.value(d)
+      }), U;
+    }, V = (d) => d.infoIconTooltip || d.sortable || e.hasColumnPanel, W = (d, U) => {
+      var Y;
+      ((Y = u.value) == null ? void 0 : Y[U]) === void 0 && (u.value = { ...u.value, [U]: null }), d !== null && (u.value[U] = d);
+    }, J = C(() => {
+      var U;
+      const d = {
         "b-data-grid-columns--is-measuring": e.isMeasuringColumnWidths
       };
-      return ($ = a.value[0]) != null && $.frozen ? {
-        ...c,
+      return (U = a.value[0]) != null && U.frozen ? {
+        ...d,
         "b-data-grid-columns--frozen": !0,
         "b-data-grid-columns--frozen-separator": e.showFrozenColumnsSeparator,
         "b-data-grid-columns--overflow-shadow-left": e.hasLeftOverflow
       } : {
-        ...c,
+        ...d,
         "b-data-grid-columns--unfrozen": !0
       };
-    }), Y = C(() => ({
+    }), Z = C(() => ({
       "b-data-grid-columns__select-column--all": e.selectableAcrossPages
-    })), j = (c, $) => c && $ === 0 ? tt.BOTTOM_START : tt.BOTTOM_END, K = (c, $) => {
-      var H, Q, ae, me, fe, S, F, z, U, ee;
+    })), Q = (d, U) => d && U === 0 ? st.BOTTOM_START : st.BOTTOM_END, j = (d, U) => {
+      var Y, K, ae, me, Ce, b, B, P, X, $;
       return {
-        "b-data-grid-columns__column--column-hovered": c.field === e.hoveredOverColumnState.hoveredOverColumnField,
-        "b-data-grid-columns__column--column-hovered-no-border-left": c.field === e.hoveredOverColumnState.hoveredOverColumnField && e.hoveredOverColumnState.noBorderLeft,
-        "b-data-grid-columns__column--column-hovered-no-border-right": c.field === e.hoveredOverColumnState.hoveredOverColumnField && e.hoveredOverColumnState.noBorderRight,
-        "b-data-grid-columns__column--last-frozen-frozen-column": e.isFrozenColumns && $ === a.value.length - 1,
-        "b-data-grid-columns__column--sortable": c.sortable,
-        "b-data-grid-columns__column--padding-left-unset": ((H = c == null ? void 0 : c.padding) == null ? void 0 : H.left) === !1,
-        "b-data-grid-columns__column--padding-right-unset": ((Q = c == null ? void 0 : c.padding) == null ? void 0 : Q.right) === !1,
-        "b-data-grid-columns__column--numeric": c == null ? void 0 : c.numeric,
-        "b-data-grid-columns__column--frozen": c == null ? void 0 : c.frozen,
-        "b-data-grid-columns__column--is-re-ordering": (c == null ? void 0 : c.field) === ((me = (ae = e.draggingColumns) == null ? void 0 : ae.dragging) == null ? void 0 : me.field),
-        "b-data-grid-columns__column--is-re-ordering-target-left": (c == null ? void 0 : c.field) === ((S = (fe = e.draggingColumns) == null ? void 0 : fe.target) == null ? void 0 : S.field) && ((F = e.draggingColumns) == null ? void 0 : F.dragToLeft),
-        "b-data-grid-columns__column--is-re-ordering-target-right": (c == null ? void 0 : c.field) === ((U = (z = e.draggingColumns) == null ? void 0 : z.target) == null ? void 0 : U.field) && !((ee = e.draggingColumns) != null && ee.dragToLeft),
-        "b-data-grid-columns__column--with-sorting-or-column-panel": c.sortable || c.infoIconTooltip || e.hasColumnPanel && E.value === c.field || e.selectableAcrossPages
+        "b-data-grid-columns__column--column-hovered": d.field === e.hoveredOverColumnState.hoveredOverColumnField,
+        "b-data-grid-columns__column--column-hovered-no-border-left": d.field === e.hoveredOverColumnState.hoveredOverColumnField && e.hoveredOverColumnState.noBorderLeft,
+        "b-data-grid-columns__column--column-hovered-no-border-right": d.field === e.hoveredOverColumnState.hoveredOverColumnField && e.hoveredOverColumnState.noBorderRight,
+        "b-data-grid-columns__column--last-frozen-frozen-column": e.isFrozenColumns && U === a.value.length - 1,
+        "b-data-grid-columns__column--sortable": d.sortable,
+        "b-data-grid-columns__column--padding-left-unset": ((Y = d == null ? void 0 : d.padding) == null ? void 0 : Y.left) === !1,
+        "b-data-grid-columns__column--padding-right-unset": ((K = d == null ? void 0 : d.padding) == null ? void 0 : K.right) === !1,
+        "b-data-grid-columns__column--numeric": d == null ? void 0 : d.numeric,
+        "b-data-grid-columns__column--frozen": d == null ? void 0 : d.frozen,
+        "b-data-grid-columns__column--is-re-ordering": (d == null ? void 0 : d.field) === ((me = (ae = e.draggingColumns) == null ? void 0 : ae.dragging) == null ? void 0 : me.field),
+        "b-data-grid-columns__column--is-re-ordering-target-left": (d == null ? void 0 : d.field) === ((b = (Ce = e.draggingColumns) == null ? void 0 : Ce.target) == null ? void 0 : b.field) && ((B = e.draggingColumns) == null ? void 0 : B.dragToLeft),
+        "b-data-grid-columns__column--is-re-ordering-target-right": (d == null ? void 0 : d.field) === ((X = (P = e.draggingColumns) == null ? void 0 : P.target) == null ? void 0 : X.field) && !(($ = e.draggingColumns) != null && $.dragToLeft),
+        "b-data-grid-columns__column--with-sorting-or-column-panel": d.sortable || d.infoIconTooltip || e.hasColumnPanel && E.value === d.field || e.selectableAcrossPages
       };
-    }, v = (c) => ({
-      "b-data-grid-columns__column-header-and-actions--numeric": c == null ? void 0 : c.numeric
-    }), I = (c) => ({
-      "b-data-grid-columns__column-actions--numeric": c == null ? void 0 : c.numeric
-    }), M = (c) => ({
+    }, m = (d) => ({
+      "b-data-grid-columns__column-header-and-actions--numeric": d == null ? void 0 : d.numeric
+    }), I = (d) => ({
+      "b-data-grid-columns__column-actions--numeric": d == null ? void 0 : d.numeric
+    }), F = (d) => ({
       "b-data-grid-columns__column-separator-container--is-resizeable": e.hasResizableColumns,
-      "b-data-grid-columns__column-separator-container--is-offset": e.hoveredOverColumnState.hoveredOverColumnField === c.field && e.hoveredOverColumnState.isSeparatorOffset
-    }), B = C(() => ({
+      "b-data-grid-columns__column-separator-container--is-offset": e.hoveredOverColumnState.hoveredOverColumnField === d.field && e.hoveredOverColumnState.isSeparatorOffset
+    }), M = C(() => ({
       "b-data-grid-columns__column-header--truncated": e.truncateColumnHeaders
     }));
     return t({
-      columnHeaderRefs: f
-    }), { __sfc: !0, props: e, emit: n, CLOSING_CONTEXTUAL_MENU_DELAY_MS: o, t: l, columns: a, sortBy: i, columnHeaderRefs: f, contextMenuRef: d, hoveredColumnField: E, closingTimeOutId: u, onAllRowSelect: R, isActionsColumn: m, selectAllMenu: w, startResize: N, isResizing: g, columnHoverEventToEmitAfterResizing: L, isSorting: h, getSortingDirection: _, sortByColumnField: b, getSortingColumnDirection: O, draggingEventsForColumn: A, contextualMenuData: r, showContextualMenu: p, hideContextualMenu: T, dataGridColumnEvents: W, hasColumnActions: Z, registerColumnsRefs: k, conditionalColumnsClasses: X, conditionalSelectColumnClasses: Y, computeMenuPosition: j, conditionalColumnClasses: K, conditionalColumnHeaderAndActionsClasses: v, conditionalColumnActionsClasses: I, conditionalColumnSeparatorClasses: M, conditionalColumnHeaderClasses: B, BentoCheckbox: yt, BentoDatagridSortDirection: ve, BentoTypography: be, DATAGRID_ROW_ACTIONS_COLUMN_FIELD_NAME: we, BentoInfoIcon: Xn, DatagridColumnsEvent: G, BentoMenu: bt, BentoToggleButton: ke, ArrowUpAndDownSortIcon: Ds, SortAscendingIcon: Zs, SortDescendingIcon: Xs, TriangleDown: no };
+      columnHeaderRefs: u
+    }), { __sfc: !0, props: e, emit: n, CLOSING_CONTEXTUAL_MENU_DELAY_MS: o, t: l, columns: a, sortBy: i, columnHeaderRefs: u, contextMenuRef: r, hoveredColumnField: E, closingTimeOutId: h, onAllRowSelect: y, isActionsColumn: p, selectAllMenu: c, startResize: O, isResizing: f, columnHoverEventToEmitAfterResizing: A, isSorting: w, getSortingDirection: v, sortByColumnField: S, getSortingColumnDirection: N, draggingEventsForColumn: T, contextualMenuData: g, showContextualMenu: _, hideContextualMenu: L, dataGridColumnEvents: z, hasColumnActions: V, registerColumnsRefs: W, conditionalColumnsClasses: J, conditionalSelectColumnClasses: Z, computeMenuPosition: Q, conditionalColumnClasses: j, conditionalColumnHeaderAndActionsClasses: m, conditionalColumnActionsClasses: I, conditionalColumnSeparatorClasses: F, conditionalColumnHeaderClasses: M, BentoCheckbox: Lt, BentoDatagridSortDirection: ve, BentoTypography: Se, DATAGRID_ROW_ACTIONS_COLUMN_FIELD_NAME: we, BentoInfoIcon: ts, DatagridColumnsEvent: G, BentoMenu: yt, BentoToggleButton: ke, ArrowUpAndDownSortIcon: Bs, SortAscendingIcon: Ys, SortDescendingIcon: eo, TriangleDown: lo };
   }
 });
-var ao = function() {
+var co = function() {
   var t = this, n = t._self._c, e = t._self._setupProxy;
   return n("div", { staticClass: "b-data-grid-columns", class: e.conditionalColumnsClasses, attrs: { "data-testid": "data-grid-columns" } }, [t._l(e.columns, function(o, l) {
     return n("div", t._g({ key: o.field, ref: (a) => e.registerColumnsRefs(a, o.field), refInFor: !0, staticClass: "b-data-grid-columns__column", class: e.conditionalColumnClasses(o, l), style: { width: o.autoWidth && t.isMeasuringColumnWidths ? "auto" : `${o.width}px` }, attrs: { "aria-colindex": l + 1, "aria-label": o.label, "aria-sort": e.getSortingColumnDirection(o), "data-testid": `${o.field}-column-header`, draggable: t.hasDraggableColumns && !e.isResizing && !e.isActionsColumn(o), role: "columnheader", tabindex: o.sortable || t.hasColumnPanel || o.infoIconTooltip ? "0" : "-1" } }, e.dataGridColumnEvents(o)), [e.isActionsColumn(o) && t.selectable ? n("div", { staticClass: "b-data-grid-columns__select-column", class: e.conditionalSelectColumnClasses }, [t.selectableAcrossPages ? t._e() : n(e.BentoCheckbox, { attrs: { "aria-label": e.t("selectAll"), "model-value": t.allItemsSelectedState.allItemsSelected, "data-testid": "checkbox-select-all", indeterminate: t.allItemsSelectedState.isIndeterminate, value: "data-grid-select-all" }, on: { "update:model-value": e.onAllRowSelect } }), t.selectableAcrossPages ? [t.selectionState === "all" ? n(e.BentoCheckbox, { staticClass: "b-data-grid-columns__deselect-all-checkbox", attrs: { "aria-label": e.t("deselectAll"), "model-value": t.allItemsSelectedState.allItemsSelected, "data-testid": "checkbox-deselect-all", value: "data-grid-deselect-all" }, on: { input: function(a) {
@@ -1144,44 +1147,44 @@ var ao = function() {
       a.stopPropagation();
     } } }, [!t.isFrozenColumns || t.isFrozenColumns && l !== e.columns.length - 1 ? n("div", { staticClass: "b-data-grid-columns__column-separator" }) : t._e()])]], 2);
   }), t.rowActionsMaximumWidth && !t.isFrozenColumns ? [n("div", { staticClass: "b-data-grid-columns__row-actions-filler", attrs: { role: "presentation" } }), n("div", { ref: (o) => e.registerColumnsRefs(o, e.DATAGRID_ROW_ACTIONS_COLUMN_FIELD_NAME), staticClass: "b-data-grid-columns__column", style: { minWidth: `${t.rowActionsMaximumWidth}px` }, attrs: { "aria-label": e.t("rowActionsColumn"), "aria-colindex": e.columns.length + 1, role: "columnheader", tabindex: "0" } })] : t._e()], 2);
-}, io = [], ro = /* @__PURE__ */ V(
-  lo,
-  ao,
-  io,
+}, uo = [], fo = /* @__PURE__ */ H(
+  ro,
+  co,
+  uo,
   !1,
   null,
-  "b7ed8695"
+  "1300b9a0"
 );
-const co = ro.exports;
-var ce = /* @__PURE__ */ ((s) => (s.CONFIG_SETTINGS = "config-settings", s.UPDATE_COLUMNS = "update:columns", s))(ce || {});
-let gt = 0;
-const uo = {
+const go = fo.exports;
+var ie = /* @__PURE__ */ ((s) => (s.UPDATE_CONDENSED = "update:condensed", s.UPDATE_COLUMNS = "update:columns", s.UPDATE_ZEBRA_ROWS = "update:zebra-rows", s))(ie || {});
+let vt = 0;
+const _o = {
   beforeCreate() {
-    this.uuid = gt.toString(), gt += 1;
+    this.uuid = vt.toString(), vt += 1;
   }
 };
-var fo = function() {
+var vo = function() {
   var t = this, n = t._self._c;
   return n("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? n("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), n("g", { attrs: { fill: "#001222", "clip-path": "url(#uia-ui-assets/icons-16-settings__a" + t.uuid + ")" } }, [n("path", { attrs: { d: "M8 5.25C6.48122 5.25 5.25 6.48122 5.25 8C5.25 9.51878 6.48122 10.75 8 10.75C9.51878 10.75 10.75 9.51878 10.75 8C10.75 6.48122 9.51878 5.25 8 5.25ZM6.75 8C6.75 7.30964 7.30964 6.75 8 6.75C8.69036 6.75 9.25 7.30964 9.25 8C9.25 8.69036 8.69036 9.25 8 9.25C7.30964 9.25 6.75 8.69036 6.75 8Z" } }), n("path", { attrs: { d: "M6.84701 0.973015L6.59985 0.35083L5.9537 0.526056C4.64534 0.880867 3.48225 1.56808 2.55285 2.48641L2.07533 2.95826L2.49158 3.48495C2.79648 3.87074 2.85279 4.419 2.58992 4.87589C2.32905 5.32931 1.82436 5.55631 1.33473 5.48726L0.677319 5.39455L0.505539 6.03586C0.33838 6.65992 0.25 7.32519 0.25 7.99991C0.25 8.67463 0.33838 9.3399 0.505539 9.96396L0.677319 10.6053L1.33473 10.5126C1.82436 10.4435 2.32905 10.6705 2.58992 11.1239C2.85279 11.5808 2.79648 12.1291 2.49158 12.5149L2.07533 13.0416L2.55285 13.5134C3.48225 14.4317 4.64534 15.119 5.9537 15.4738L6.59985 15.649L6.84701 15.0268C7.02659 14.5748 7.47549 14.2499 8 14.2499C8.52452 14.2499 8.97341 14.5748 9.15299 15.0268L9.40016 15.649L10.0463 15.4738C11.3547 15.119 12.5177 14.4317 13.4471 13.5134L13.9247 13.0416L13.5084 12.5149C13.2035 12.1291 13.1472 11.5808 13.4101 11.1239C13.671 10.6705 14.1756 10.4435 14.6653 10.5126L15.3227 10.6053L15.4945 9.96396C15.6616 9.3399 15.75 8.67463 15.75 7.99991C15.75 7.32519 15.6616 6.65992 15.4945 6.03586L15.3227 5.39455L14.6653 5.48726C14.1756 5.55631 13.671 5.32931 13.4101 4.87589C13.1472 4.419 13.2035 3.87074 13.5084 3.48495L13.9247 2.95826L13.4471 2.48641C12.5177 1.56808 11.3547 0.880867 10.0463 0.526056L9.40016 0.35083L9.15299 0.973015C8.97341 1.42506 8.52452 1.74991 8 1.74991C7.47549 1.74991 7.02659 1.42506 6.84701 0.973015ZM3.89008 5.62393C4.33946 4.84286 4.36394 3.9353 4.03405 3.16853C4.55803 2.73795 5.15349 2.39116 5.80146 2.14902C6.30062 2.81653 7.10051 3.24991 8 3.24991C8.89949 3.24991 9.69938 2.81653 10.1985 2.14902C10.8465 2.39116 11.442 2.73795 11.966 3.16853C11.6361 3.9353 11.6605 4.84287 12.1099 5.62393C12.5612 6.40839 13.3382 6.88092 14.1658 6.97982C14.221 7.31075 14.25 7.65319 14.25 7.99991C14.25 8.34663 14.221 8.68908 14.1658 9.02001C13.3382 9.11891 12.5612 9.59143 12.1099 10.3759C11.6605 11.157 11.6361 12.0645 11.9659 12.8313C11.442 13.2619 10.8465 13.6087 10.1985 13.8508C9.69938 13.1833 8.89949 12.7499 8 12.7499C7.10051 12.7499 6.30062 13.1833 5.80146 13.8508C5.15349 13.6087 4.55803 13.2619 4.03405 12.8313C4.36394 12.0645 4.33946 11.157 3.89008 10.3759C3.43875 9.59143 2.66177 9.1189 1.8342 9.02C1.77896 8.68908 1.75 8.34663 1.75 7.99991C1.75 7.65319 1.77896 7.31074 1.8342 6.97982C2.66177 6.88092 3.43875 6.40839 3.89008 5.62393Z" } })]), n("defs", [n("clipPath", { attrs: { id: "uia-ui-assets/icons-16-settings__a" + t.uuid } }, [n("rect", { attrs: { width: "16", height: "16", fill: "#fff" } })])])]);
-}, go = [], _o = /* @__PURE__ */ V(
-  uo,
-  fo,
-  go,
+}, mo = [], Co = /* @__PURE__ */ H(
+  _o,
+  vo,
+  mo,
   !1,
   null,
   null
 );
-const vo = _o.exports, mo = {
+const ho = Co.exports, po = {
   "en-US": {
     toggleColumnFreeze: "Toggle {label} column freeze",
     toggleColumnVisibility: "Toggle {label} column visibility"
   }
-}, Co = ie({
-  i18n: { messages: mo },
+}, wo = de({
+  i18n: { messages: po },
   name: "bento-data-grid",
   components: {
-    BentoFreezeIcon: Tt,
-    BentoToggle: Rt
+    BentoFreezeIcon: Nt,
+    BentoToggle: At
   },
   props: {
     /**
@@ -1201,19 +1204,19 @@ const vo = _o.exports, mo = {
   },
   emits: ["visible-column", "updated-column"],
   setup(s, { emit: t }) {
-    const { t: n } = ue(), e = y(!1), o = C(() => {
-      var u;
-      return (u = s.column) == null ? void 0 : u.frozen;
+    const { t: n } = ce(), e = R(!1), o = C(() => {
+      var h;
+      return (h = s.column) == null ? void 0 : h.frozen;
     }), l = C(() => {
-      var u;
-      return ((u = s.column) == null ? void 0 : u.visible) !== !1;
+      var h;
+      return ((h = s.column) == null ? void 0 : h.visible) !== !1;
     }), a = () => {
       t("visible-column", { ...s.column, visible: !l.value });
     }, i = () => {
       t("updated-column", { ...s.column, frozen: !o.value });
-    }, f = () => {
+    }, u = () => {
       o.value || (e.value = !0);
-    }, d = () => {
+    }, r = () => {
       o.value || (e.value = !1);
     }, E = C(() => ({
       "b-data-grid-config-settings-column-row__freeze-icon--frozen": o.value
@@ -1226,29 +1229,30 @@ const vo = _o.exports, mo = {
       isColumnVisible: l,
       // Methods
       toggleColumnVisibility: a,
-      showFreezeIcon: f,
-      hideFreezeIcon: d,
+      showFreezeIcon: u,
+      hideFreezeIcon: r,
       toggleColumnFreeze: i,
       // Translations
       t: n
     };
   }
 });
-var ho = function() {
+var bo = function() {
   var t = this, n = t._self._c;
   return t._self._setupProxy, n("div", { staticClass: "b-data-grid-config-settings-column-row", on: { mouseover: t.showFreezeIcon, mouseleave: t.hideFreezeIcon } }, [n("bento-toggle", { attrs: { "aria-label": t.t("toggleColumnVisibility", { label: t.column.label }), disabled: t.isColumnVisibilityToggleDisabled, "label-position": "after", value: t.isColumnVisible }, on: { input: t.toggleColumnVisibility } }, [t._v(" " + t._s(t.column.label) + " ")]), n("bento-freeze-icon", { directives: [{ name: "show", rawName: "v-show", value: t.isColumnFrozen || t.isFreezeIconOptionShown, expression: "isColumnFrozen || isFreezeIconOptionShown" }], staticClass: "b-data-grid-config-settings-column-row__freeze-icon", class: t.freezeIconConditionalClasses, attrs: { "aria-label": t.t("toggleColumnFreeze", { label: t.column.label }) }, nativeOn: { click: function(e) {
     return t.toggleColumnFreeze.apply(null, arguments);
   } } })], 1);
-}, po = [], wo = /* @__PURE__ */ V(
-  Co,
-  ho,
-  po,
+}, So = [], Ro = /* @__PURE__ */ H(
+  wo,
+  bo,
+  So,
   !1,
   null,
-  "eae7733f"
+  "7ea6db9b"
 );
-const So = wo.exports, bo = {
+const Eo = Ro.exports, yo = {
   "en-US": {
+    appearance: "Appearance",
     closeConfigSettingsPanel: "Close configuration settings panel",
     closeSearch: "Close search",
     columnVisibilitySearchFilter: "Column visibility search filter",
@@ -1260,35 +1264,36 @@ const So = wo.exports, bo = {
     noColumnsMatch: "No columns match this search",
     search: "Search",
     showAllColumns: "Show all columns ({numberOfColumns})",
-    size: "Size",
-    toggleConfigSettingsPanelVisibility: "Toggle Configuration settings panel visibility"
+    toggleConfigSettingsPanelVisibility: "Toggle Configuration settings panel visibility",
+    zebraRows: "Zebra rows",
+    zebraRowsToggle: "Zebra rows toggle"
   },
   "ja-JP": {
+    appearance: "外観",
     condensed: "凝縮",
-    search: "検索",
-    size: "サイズ"
+    search: "検索"
   },
   "pt-BR": {
+    appearance: "Aparência",
     condensed: "Condensado",
-    search: "Buscar",
-    size: "Tamanho"
+    search: "Buscar"
   }
-}, yo = ie({
-  i18n: { messages: bo },
+}, Lo = de({
+  i18n: { messages: yo },
   name: "bento-data-grid",
   components: {
-    BentoButton: St,
-    BentoCrossIcon: pt,
-    BentoPopover: ts,
-    BentoSettingsIcon: vo,
+    BentoButton: Et,
+    BentoCrossIcon: bt,
+    BentoPopover: Zn,
+    BentoSettingsIcon: ho,
     BentoToggleButton: ke,
-    BentoDataGridConfigSettingsConfigRow: So,
-    BentoSearchBar: ns,
-    BentoSearchIcon: os,
-    BentoToggle: Rt,
-    BentoTypography: be
+    BentoDataGridConfigSettingsConfigRow: Eo,
+    BentoSearchBar: ls,
+    BentoSearchIcon: is,
+    BentoToggle: At,
+    BentoTypography: Se
   },
-  directives: { BentoClickOutsideDirective: ls },
+  directives: { BentoClickOutsideDirective: rs },
   props: {
     /**
      * Column definitions
@@ -1303,44 +1308,55 @@ const So = wo.exports, bo = {
     condensed: {
       type: Boolean,
       default: !1
+    },
+    /**
+     * Sets a different background color for even rows.
+     */
+    zebraRows: {
+      type: Boolean,
+      default: !1
     }
   },
-  emits: [ce.CONFIG_SETTINGS, ce.UPDATE_COLUMNS],
+  emits: [
+    ie.UPDATE_CONDENSED,
+    ie.UPDATE_COLUMNS,
+    ie.UPDATE_ZEBRA_ROWS
+  ],
   setup(s, { emit: t }) {
-    const { t: n } = ue(), e = y(null), o = xe("data-grid-config-settings-popover"), l = y(null), a = y(!1), i = y(!0), f = y(null), d = y(""), E = Ne(s, "columns"), u = y(!1), R = ss(d, E), m = () => {
-      d.value = "";
-    }, w = C(
-      () => !s.columns.some((r) => r.visible === !1 && !r.mandatory)
-    ), N = () => {
-      m(), u.value = !u.value, u.value ? se(() => {
-        var r;
-        return (r = l.value.$refs.bentoInputField) == null ? void 0 : r.focusInput();
+    const { t: n } = ce(), e = R(null), o = xe("data-grid-config-settings-popover"), l = R(null), a = R(!1), i = R(!0), u = R(null), r = R(""), E = Ie(s, "columns"), h = R(!1), y = as(r, E), p = () => {
+      r.value = "";
+    }, c = C(
+      () => !s.columns.some((_) => _.visible === !1 && !_.mandatory)
+    ), O = () => {
+      p(), h.value = !h.value, h.value ? se(() => {
+        var _;
+        return (_ = l.value.$refs.bentoInputField) == null ? void 0 : _.focusInput();
       }) : se(() => {
-        var r, p;
-        return (p = (r = f == null ? void 0 : f.value) == null ? void 0 : r.$el) == null ? void 0 : p.focus();
-      }), i.value = w.value;
-    }, g = (r) => r.mandatory ?? !1, L = (r) => {
-      const p = s.columns.map((T) => ({
-        ...T,
-        visible: r.field === T.field ? r.visible : T.visible
+        var _, L;
+        return (L = (_ = u == null ? void 0 : u.value) == null ? void 0 : _.$el) == null ? void 0 : L.focus();
+      }), i.value = c.value;
+    }, f = (_) => _.mandatory ?? !1, A = (_) => {
+      const L = s.columns.map((z) => ({
+        ...z,
+        visible: _.field === z.field ? _.visible : z.visible
       }));
-      t(ce.UPDATE_COLUMNS, p);
-    }, h = (r) => {
-      r ? t(
-        ce.UPDATE_COLUMNS,
-        s.columns.map((p) => ({ ...p, visible: !0 }))
+      t(ie.UPDATE_COLUMNS, L);
+    }, w = (_) => {
+      _ ? t(
+        ie.UPDATE_COLUMNS,
+        s.columns.map((L) => ({ ...L, visible: !0 }))
       ) : t(
-        ce.UPDATE_COLUMNS,
-        s.columns.map((p) => ({ ...p, visible: (p == null ? void 0 : p.mandatory) === !0 }))
+        ie.UPDATE_COLUMNS,
+        s.columns.map((L) => ({ ...L, visible: (L == null ? void 0 : L.mandatory) === !0 }))
       );
-    }, _ = (r) => {
-      const p = s.columns.map((T) => ({
-        ...T,
-        frozen: r.field === T.field ? !!(r != null && r.frozen) : !!(T != null && T.frozen)
+    }, v = (_) => {
+      const L = s.columns.map((z) => ({
+        ...z,
+        frozen: _.field === z.field ? !!(_ != null && _.frozen) : !!(z != null && z.frozen)
       }));
-      t(ce.UPDATE_COLUMNS, p);
-    }, b = (r) => {
-      a.value = r, i.value = w.value;
+      t(ie.UPDATE_COLUMNS, L);
+    }, S = (_) => {
+      a.value = _, i.value = c.value;
     };
     return {
       // Values
@@ -1348,28 +1364,29 @@ const So = wo.exports, bo = {
       popoverId: o,
       isConfigSettingsPanelOpen: a,
       allColumnsVisbilityToggleState: i,
-      filteredColumnVisibilityColumns: R,
-      searchTerm: d,
-      isColumnVisibilityFilterShown: u,
+      filteredColumnVisibilityColumns: y,
+      searchTerm: r,
+      isColumnVisibilityFilterShown: h,
       searchBarRef: l,
-      searchButtonRef: f,
+      searchButtonRef: u,
       DATAGRID_ACTIONS_COLUMN_FIELD_NAME: ne,
       // Methods
-      setConfigSettingsPanelVisibility: b,
-      emitCondensedToggle: (r) => t(ce.CONFIG_SETTINGS, r),
-      toggleAllColumnVisibility: h,
-      clearAction: m,
-      toggleColumnFilter: N,
-      emitVisibleColumns: L,
-      emitFrozenColumns: _,
-      onClickOutside: () => b(!1),
-      isColumnVisibilityToggleDisabled: g,
+      setConfigSettingsPanelVisibility: S,
+      emitCondensedToggle: (_) => t(ie.UPDATE_CONDENSED, _),
+      toggleAllColumnVisibility: w,
+      clearAction: p,
+      toggleColumnFilter: O,
+      emitVisibleColumns: A,
+      emitFrozenColumns: v,
+      onClickOutside: () => S(!1),
+      isColumnVisibilityToggleDisabled: f,
+      emitZebraRowsToggle: (_) => t(ie.UPDATE_ZEBRA_ROWS, _),
       // Translations
       t: n
     };
   }
 });
-var Eo = function() {
+var Ao = function() {
   var t = this, n = t._self._c;
   return t._self._setupProxy, n("div", { directives: [{ name: "bento-click-outside-directive", rawName: "v-bento-click-outside-directive", value: t.onClickOutside, expression: "onClickOutside" }], staticClass: "b-data-grid-config-settings" }, [n("div", { staticClass: "b-data-grid-config-settings__button-and-separator" }, [n("div", { ref: "configSettingsButtonRef", staticClass: "b-data-grid-config-settings__button-container" }, [n("bento-toggle-button", { attrs: { "aria-controls": t.isConfigSettingsPanelOpen ? t.popoverId : null, variant: "tertiary", condensed: "", toggled: t.isConfigSettingsPanelOpen }, on: { click: function(e) {
     return t.setConfigSettingsPanelVisibility(!t.isConfigSettingsPanelOpen);
@@ -1379,7 +1396,7 @@ var Eo = function() {
     return t.setConfigSettingsPanelVisibility(!1);
   } }, scopedSlots: t._u([{ key: "iconLeft", fn: function() {
     return [n("bento-cross-icon", { attrs: { "svg-title": t.t("closeConfigSettingsPanel") } })];
-  }, proxy: !0 }], null, !1, 353359238) })], 1), n("div", { staticClass: "b-data-grid-config-settings__condensed-view-settings" }, [n("bento-typography", { staticClass: "b-data-grid-config-settings__condensed-view-title", attrs: { el: "span", stronger: "" } }, [t._v(" " + t._s(t.t("size")) + " ")]), n("bento-toggle", { attrs: { "label-position": "after", "aria-label": t.t("condensedToggle"), value: t.condensed }, on: { input: t.emitCondensedToggle } }, [t._v(" " + t._s(t.t("condensed")) + " ")])], 1), n("div", { staticClass: "b-data-grid-config-settings__column-visibility-settings" }, [n("div", { staticClass: "b-data-grid-config-settings__column-visibility-header" }, [n("bento-typography", { staticClass: "b-data-grid-config-settings__column-visibility-title", attrs: { el: "span", stronger: "" } }, [t._v(" " + t._s(t.t("columns")) + " ")]), t.isColumnVisibilityFilterShown ? n("bento-button", { attrs: { variant: "tertiary" }, on: { click: t.toggleColumnFilter }, scopedSlots: t._u([{ key: "iconLeft", fn: function() {
+  }, proxy: !0 }], null, !1, 353359238) })], 1), n("div", { staticClass: "b-data-grid-config-settings__appearance" }, [n("bento-typography", { staticClass: "b-data-grid-config-settings__appearance-title", attrs: { el: "span", stronger: "" } }, [t._v(" " + t._s(t.t("appearance")) + " ")]), n("div", { staticClass: "b-data-grid-config-settings__appearance-button" }, [n("bento-toggle", { attrs: { "label-position": "after", "aria-label": t.t("condensedToggle"), value: t.condensed }, on: { input: t.emitCondensedToggle } }, [t._v(" " + t._s(t.t("condensed")) + " ")])], 1), n("div", { staticClass: "b-data-grid-config-settings__appearance-button" }, [n("bento-toggle", { attrs: { "label-position": "after", "aria-label": t.t("zebraRowsToggle"), value: t.zebraRows }, on: { input: t.emitZebraRowsToggle } }, [t._v(" " + t._s(t.t("zebraRows")) + " ")])], 1)], 1), n("div", { staticClass: "b-data-grid-config-settings__column-visibility-settings" }, [n("div", { staticClass: "b-data-grid-config-settings__column-visibility-header" }, [n("bento-typography", { staticClass: "b-data-grid-config-settings__column-visibility-title", attrs: { el: "span", stronger: "" } }, [t._v(" " + t._s(t.t("columns")) + " ")]), t.isColumnVisibilityFilterShown ? n("bento-button", { attrs: { variant: "tertiary" }, on: { click: t.toggleColumnFilter }, scopedSlots: t._u([{ key: "iconLeft", fn: function() {
     return [n("bento-cross-icon")];
   }, proxy: !0 }], null, !1, 2651303519) }, [t._v(" " + t._s(t.t("closeSearch")) + " ")]) : n("bento-button", { ref: "searchButtonRef", attrs: { variant: "tertiary" }, on: { click: t.toggleColumnFilter }, scopedSlots: t._u([{ key: "iconLeft", fn: function() {
     return [n("bento-search-icon")];
@@ -1388,15 +1405,15 @@ var Eo = function() {
   }, clear: t.clearAction, "escape-pressed": t.toggleColumnFilter } })], 1) : n("div", { staticClass: "b-data-grid-config-settings__column-visibility-show-all" }, [n("bento-toggle", { attrs: { "label-position": "after", value: t.allColumnsVisbilityToggleState }, on: { input: t.toggleAllColumnVisibility } }, [t._v(" " + t._s(t.t("showAllColumns", { numberOfColumns: t.columns.length })) + " ")])], 1), n("div", { staticClass: "b-data-grid-config-settings__column-visibility-toggles" }, [t._l(t.filteredColumnVisibilityColumns, function(e) {
     return n("div", { key: e.field }, [e.field !== t.DATAGRID_ACTIONS_COLUMN_FIELD_NAME ? n("bento-data-grid-config-settings-config-row", { attrs: { column: e, "is-column-visibility-toggle-disabled": t.isColumnVisibilityToggleDisabled(e) }, on: { "visible-column": t.emitVisibleColumns, "updated-column": t.emitFrozenColumns } }) : t._e()], 1);
   }), t.filteredColumnVisibilityColumns.length === 0 ? n("bento-typography", { staticClass: "b-data-grid-config-settings__column-visibility-empty-search-message", attrs: { el: "span" } }, [t._v(" " + t._s(t.t("noColumnsMatch")) + " ")]) : t._e()], 2)])]) : t._e()], 1);
-}, Ro = [], Lo = /* @__PURE__ */ V(
-  yo,
-  Eo,
-  Ro,
+}, Oo = [], To = /* @__PURE__ */ H(
+  Lo,
+  Ao,
+  Oo,
   !1,
   null,
-  "e7f0a261"
+  "fa0a9775"
 );
-const Ao = Lo.exports, Ot = {
+const No = To.exports, It = {
   "en-US": {
     gettingYourData: "Getting your data",
     loading: "Loading",
@@ -1414,52 +1431,52 @@ const Ao = Lo.exports, Ot = {
     loading: "Carregando",
     showMore: "Mostrar mais"
   }
-}, To = {
-  i18n: { messages: Ot }
-}, Oo = /* @__PURE__ */ ie({
-  ...To,
+}, Io = {
+  i18n: { messages: It }
+}, Do = /* @__PURE__ */ de({
+  ...Io,
   __name: "data-grid-lazy-load",
   props: {
     loading: { type: Boolean },
     isInfiniteScroll: { type: Boolean }
   },
   setup(s) {
-    const { t } = ue();
-    return { __sfc: !0, t, BentoLoadingButton: Kn, BentoLoadingButtonState: Yn, BentoLoadingIndicator: Ue, BentoDatagridEvent: x };
+    const { t } = ce();
+    return { __sfc: !0, t, BentoLoadingButton: qn, BentoLoadingButtonState: jn, BentoLoadingIndicator: ze, BentoDatagridEvent: D };
   }
 });
-var Io = function() {
+var xo = function() {
   var t = this, n = t._self._c, e = t._self._setupProxy;
   return n("div", { staticClass: "b-data-grid-lazy-load" }, [t.loading && t.isInfiniteScroll ? n(e.BentoLoadingIndicator) : t._e(), t.loading && !t.isInfiniteScroll ? n(e.BentoLoadingButton, { attrs: { variant: "secondary", state: e.BentoLoadingButtonState.LOADING } }, [t._v(t._s(e.t("loading")))]) : t._e(), !t.loading && !t.isInfiniteScroll ? n(e.BentoLoadingButton, { attrs: { state: e.BentoLoadingButtonState.START, variant: "secondary" }, on: { click: function(o) {
     return t.$emit(e.BentoDatagridEvent.UPDATE_SHOW_MORE);
   } } }, [t._v(t._s(e.t("showMore")))]) : t._e()], 1);
-}, No = [], Do = /* @__PURE__ */ V(
-  Oo,
-  Io,
-  No,
+}, Fo = [], Bo = /* @__PURE__ */ H(
+  Do,
+  xo,
+  Fo,
   !1,
   null,
   "fd9b8204"
 );
-const xo = Do.exports;
-let _t = 0;
-const Fo = {
+const Mo = Bo.exports;
+let mt = 0;
+const Uo = {
   beforeCreate() {
-    this.uuid = _t.toString(), _t += 1;
+    this.uuid = mt.toString(), mt += 1;
   }
 };
-var Mo = function() {
+var zo = function() {
   var t = this, n = t._self._c;
   return n("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? n("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), n("path", { attrs: { fill: "#001222", d: "M12.9243 1.86372C12.0456 0.985043 10.621 0.985041 9.74234 1.86372L1.25 10.3561V14.7501H5.64399L14.1363 6.25772C15.015 5.37904 15.015 3.95442 14.1363 3.07574L12.9243 1.86372ZM10.803 2.92438C11.0959 2.63149 11.5708 2.63149 11.8637 2.92438L13.0757 4.1364C13.3686 4.42929 13.3686 4.90416 13.0757 5.19706L12.3333 5.93947L10.0606 3.6668L10.803 2.92438ZM8.99993 4.72746L11.2726 7.00013L5.02267 13.2501H2.75V10.9774L8.99993 4.72746Z" } })]);
-}, Bo = [], $o = /* @__PURE__ */ V(
-  Fo,
-  Mo,
-  Bo,
+}, $o = [], Po = /* @__PURE__ */ H(
+  Uo,
+  zo,
+  $o,
   !1,
   null,
   null
 );
-const Uo = $o.exports, zo = {
+const ko = Po.exports, Wo = {
   "en-US": {
     copy: "Copy",
     edit: "Edit",
@@ -1478,11 +1495,11 @@ const Uo = $o.exports, zo = {
     more: "Mais",
     open: "Abrir"
   }
-}, Po = {
-  i18n: { messages: zo },
+}, Go = {
+  i18n: { messages: Wo },
   name: "data-grid-cell-actions"
-}, ko = /* @__PURE__ */ ie({
-  ...Po,
+}, Ho = /* @__PURE__ */ de({
+  ...Go,
   props: {
     /**
      * Column definitions using 'key' to relate to data object.
@@ -1513,6 +1530,13 @@ const Uo = $o.exports, zo = {
       type: Boolean,
       default: !1
     },
+    /**
+     * Set to true if the row has a darker background when zebra rows is enabled.
+     */
+    hasZebraBackground: {
+      type: Boolean,
+      default: !1
+    },
     /**
      * Set if set to true will teleport the action menu component
      */
@@ -1530,23 +1554,24 @@ const Uo = $o.exports, zo = {
   },
   emits: ["menu-open", "menu-close", "menu-item-click"],
   setup(s, { emit: t }) {
-    const n = s, { t: e } = ue(), o = C(() => n.columnKey === void 0), l = C(() => ({
-      "b-data-grid-cell-actions__background-gradient--with-row-actions-and-overflow": o.value && n.hasRightOverflow
+    const n = s, { t: e } = ce(), o = C(() => n.columnKey === void 0), l = C(() => ({
+      "b-data-grid-cell-actions__background-gradient--with-row-actions-and-overflow": o.value && n.hasRightOverflow,
+      "b-data-grid-cell-actions__background-gradient--zebra": n.hasZebraBackground
     })), a = C(() => ({
       "b-data-grid-cell-actions__actions--with-row-actions": o.value
     })), i = C(() => !o.value || o.value && n.hasRightOverflow);
-    function f(g) {
-      return typeof g == "function";
+    function u(f) {
+      return typeof f == "function";
     }
-    const d = C(() => {
-      var L;
-      const g = f(n.cellActions) ? (L = n.cellActions) == null ? void 0 : L.call(n, n.rowDataItem, n.columnKey) : n.cellActions;
-      return (g == null ? void 0 : g.length) > 2 && wt(
+    const r = C(() => {
+      var A;
+      const f = u(n.cellActions) ? (A = n.cellActions) == null ? void 0 : A.call(n, n.rowDataItem, n.columnKey) : n.cellActions;
+      return (f == null ? void 0 : f.length) > 2 && St(
         "WARNING: BentoDataGrid Cell actions can only have a maximum of 2 actions, if you need more consider using the menuData property instead."
-      ), g == null ? void 0 : g.slice(0, 2);
-    }), E = C(() => (g, L) => {
-      if (!(!L && g.isShort || L && !g.isShort))
-        switch (g.variant) {
+      ), f == null ? void 0 : f.slice(0, 2);
+    }), E = C(() => (f, A) => {
+      if (!(!A && f.isShort || A && !f.isShort))
+        switch (f.variant) {
           case "copy":
             return e("copy");
           case "edit":
@@ -1556,28 +1581,28 @@ const Uo = $o.exports, zo = {
           case "more":
             return e("more");
           default:
-            return g.title;
+            return f.title;
         }
-    }), u = (g) => (g == null ? void 0 : g.event) !== void 0 ? {
-      click: (L) => {
-        L.stopPropagation(), g.event(n.rowDataItem, n.columnKey);
+    }), h = (f) => (f == null ? void 0 : f.event) !== void 0 ? {
+      click: (A) => {
+        A.stopPropagation(), f.event(n.rowDataItem, n.columnKey);
       }
-    } : {}, R = (g) => ({
-      ...g,
+    } : {}, y = (f) => ({
+      ...f,
       handler: () => {
-        g != null && g.handler && typeof g.handler == "function" && (g == null || g.handler()), g != null && g.event && typeof g.event == "function" && (g == null || g.event(n.rowDataItem, n.columnKey));
+        f != null && f.handler && typeof f.handler == "function" && (f == null || f.handler()), f != null && f.event && typeof f.event == "function" && (f == null || f.event(n.rowDataItem, n.columnKey));
       }
-    }), m = (g) => g.map((L) => {
-      const h = L;
-      return h != null && h.items && (h.items = m(h.items)), { ...R(h) };
+    }), p = (f) => f.map((A) => {
+      const w = A;
+      return w != null && w.items && (w.items = p(w.items)), { ...y(w) };
     });
-    return { __sfc: !0, t: e, props: n, emit: t, isRowActions: o, conditionalCellActionsBackgroundGradientClasses: l, conditionalCellActionsClasses: a, showGradientElement: i, isBentoColumnCellActionsByCellValueDataFn: f, computedCellActions: d, getButtonTitle: E, generateButtonEvents: u, generateMenuEvents: R, transformMenuEvents: m, getCopyText: (g) => {
-      var L, h;
-      return (g == null ? void 0 : g.getCopyData) !== void 0 ? g.getCopyData(n.rowDataItem, n.columnKey) : n.columnKey ? (h = (L = n.rowDataItem) == null ? void 0 : L[n.columnKey]) == null ? void 0 : h.toString() : "";
-    }, shouldShowMenuIconLeft: (g) => g.iconLeft || (g == null ? void 0 : g.variant) === "more", BentoButton: St, BentoMenu: bt, Copy: Zn, Edit1Icon: Uo, ExternalLinkIcon: Vn, OptionsVerticalIcon: Gn };
+    return { __sfc: !0, t: e, props: n, emit: t, isRowActions: o, conditionalCellActionsBackgroundGradientClasses: l, conditionalCellActionsClasses: a, showGradientElement: i, isBentoColumnCellActionsByCellValueDataFn: u, computedCellActions: r, getButtonTitle: E, generateButtonEvents: h, generateMenuEvents: y, transformMenuEvents: p, getCopyText: (f) => {
+      var A, w;
+      return (f == null ? void 0 : f.getCopyData) !== void 0 ? f.getCopyData(n.rowDataItem, n.columnKey) : n.columnKey ? (w = (A = n.rowDataItem) == null ? void 0 : A[n.columnKey]) == null ? void 0 : w.toString() : "";
+    }, shouldShowMenuIconLeft: (f) => f.iconLeft || (f == null ? void 0 : f.variant) === "more", BentoButton: Et, BentoMenu: yt, Copy: Jn, Edit1Icon: ko, ExternalLinkIcon: Xn, OptionsVerticalIcon: Yn };
   }
 });
-var Wo = function() {
+var Vo = function() {
   var t = this, n = t._self._c, e = t._self._setupProxy;
   return n("Transition", { attrs: { name: "b-data-grid-cell-actions__animation", appear: "" } }, [n("div", { staticClass: "b-data-grid-cell-actions" }, [e.showGradientElement ? n("div", { staticClass: "b-data-grid-cell-actions__background-gradient", class: e.conditionalCellActionsBackgroundGradientClasses }) : t._e(), n("div", { staticClass: "b-data-grid-cell-actions__actions", class: e.conditionalCellActionsClasses, attrs: { role: "group" } }, t._l(e.computedCellActions, function(o, l) {
     return n("div", { key: l, staticClass: "b-data-grid-cell-actions__action" }, [o.menuData ? n(e.BentoMenu, { attrs: { data: e.transformMenuEvents(o.menuData), button: {
@@ -1605,30 +1630,30 @@ var Wo = function() {
       return [(o == null ? void 0 : o.variant) === "open" ? n(e.ExternalLinkIcon, { attrs: { "svg-title": e.getButtonTitle(o, !0) } }) : n(o.iconRight, { tag: "component", attrs: { "svg-title": o.title } })];
     }, proxy: !0 } : null], null, !0) }, e.generateButtonEvents(o)))], 1);
   }), 0)])]);
-}, Go = [], Ho = /* @__PURE__ */ V(
-  ko,
-  Wo,
-  Go,
+}, Zo = [], jo = /* @__PURE__ */ H(
+  Ho,
+  Vo,
+  Zo,
   !1,
   null,
-  "868b432e"
+  "5319bc70"
 );
-const It = Ho.exports, Nt = Symbol("data-grid slashed zero key");
+const Dt = jo.exports, xt = Symbol("data-grid slashed zero key");
 var q = /* @__PURE__ */ ((s) => (s.ACTION_COL_NESTED_CONTENT_AND_SELECTION_ENABLED = "action-col-nested-content-and-selection-enabled", s.ACTION_COL_NESTED_CONTENT_ENABLED = "action-col-nested-content-enabled", s.ACTION_COL_SELECTION_ENABLED = "action-col-selection-enabled", s.COLUMN_HOVERED = "column-hovered", s.COLUMN_HOVERED_NO_BORDER_LEFT = "column-hovered-no-border-left", s.COLUMN_HOVERED_NO_BORDER_RIGHT = "column-hovered-no-border-right", s.CONDENSED = "condensed", s.FROZEN = "frozen", s.IS_COLUMN_REORDERING = "is-column-re-ordering", s.IS_COLUMN_REORDERING_TARGET_LEFT = "is-column-re-order-target-left", s.IS_COLUMN_REORDERING_TARGET_RIGHT = "is-column-re-order-target-right", s.LAST_FROZEN_COLUMN_CELL = "last-frozen-column-cell", s.NESTED_CONTENT_ENABLED = "nested-content-toggle-enabled", s.NUMERIC = "numeric", s.OVERFLOW_ELLIPSIS = "overflow-ellipsis", s.PADDING_LEFT_UNSET = "padding-left-unset", s.PADDING_RIGHT_UNSET = "padding-right-unset", s.SLASHED_ZERO = "slashed-zero", s))(q || {});
-const vt = () => {
+const Ct = () => {
   const s = document.activeElement;
   return s ? s.matches(":focus-visible") || s.matches(".focus-visible") : !1;
-}, Vo = {
+}, qo = {
   "en-US": {
     collapseNestedContent: "Collapse nested content",
     expandNestedContent: "Expand nested content",
     selectRow: "Select row"
   }
-}, Zo = {
-  i18n: { messages: Vo },
+}, Yo = {
+  i18n: { messages: qo },
   name: "data-grid-cell"
-}, jo = /* @__PURE__ */ ie({
-  ...Zo,
+}, Ko = /* @__PURE__ */ de({
+  ...Yo,
   props: {
     draggingEventsForRowCell: {
       type: Function,
@@ -1678,6 +1703,13 @@ const vt = () => {
       type: Function,
       default: (s) => s.id
     },
+    /**
+     * Set to true if the cell has a darker background when zebra rows is enabled.
+     */
+    hasZebraBackground: {
+      type: Boolean,
+      default: !1
+    },
     /**
      * The column hovered over state and whether the hovered over column should show a border right or left.
      */
@@ -1750,102 +1782,102 @@ const vt = () => {
   },
   emits: ["on-frozen-columns-key-press", "select-row", "register-row-cell-element", "cell-hovered", "nested-content-toggled"],
   setup(s, { expose: t, emit: n }) {
-    const e = s, o = $e(), l = ze(o), { t: a } = ue(), i = y(null), f = y(null), d = y(!1), E = y([]), u = y(!1), R = y(), m = y(!1), w = C(() => {
-      var v;
-      return !!((v = e.rowData) != null && v[e.column.field]);
-    }), N = C(
+    const e = s, o = Ue(), l = $e(o), { t: a } = ce(), i = R(null), u = R(null), r = R(!1), E = R([]), h = R(!1), y = R(), p = R(!1), c = C(() => {
+      var m;
+      return !!((m = e.rowData) != null && m[e.column.field]);
+    }), O = C(
       () => {
-        var v;
-        return e.column.field === ne && ((v = e.nestedRowsElementIds) == null ? void 0 : v.length) > 0 ? e.nestedRowsElementIds.join(" ") : void 0;
+        var m;
+        return e.column.field === ne && ((m = e.nestedRowsElementIds) == null ? void 0 : m.length) > 0 ? e.nestedRowsElementIds.join(" ") : void 0;
       }
-    ), g = C(
+    ), f = C(
       () => e.column.field === ne && !e.selectable && !e.nestedContent
-    ), L = C(() => A(e.rowIndex, e.colIndex, e.columnSetIndex) === 0 && !m.value ? "0" : e.column.field === ne ? "-1" : u.value ? "0" : "-1"), h = (v, I) => (v == null ? void 0 : v.overflow) === Fe.ELLIPSIS ? `${I}` : void 0, _ = (v) => v ?? "-", b = (v) => e.columnSets.slice(0, v).reduce((I, { columnSet: M }) => I + M.length, 0), O = (v, I) => v + b(I), A = (v, I, M) => b() * v + O(I, M), r = (v) => {
+    ), A = C(() => T(e.rowIndex, e.colIndex, e.columnSetIndex) === 0 && !p.value ? "0" : e.column.field === ne ? "-1" : h.value ? "0" : "-1"), w = (m, I) => (m == null ? void 0 : m.overflow) === Fe.ELLIPSIS ? `${I}` : void 0, v = (m) => m ?? "-", S = (m) => e.columnSets.slice(0, m).reduce((I, { columnSet: F }) => I + F.length, 0), N = (m, I) => m + S(I), T = (m, I, F) => S() * m + N(I, F), g = (m) => {
       var I;
-      (v === null || !i.value.contains(v) && !((I = E.value) != null && I.map((M) => M.value).some((M) => M === v || (M == null ? void 0 : M.contains(v))))) && (d.value = !1);
-    }, p = () => {
-      d.value = !1;
-    }, T = y(!1), W = (v) => {
+      (m === null || !i.value.contains(m) && !((I = E.value) != null && I.map((F) => F.value).some((F) => F === m || (F == null ? void 0 : F.contains(m))))) && (r.value = !1);
+    }, _ = () => {
+      r.value = !1;
+    }, L = R(!1), z = (m) => {
       const I = {
-        ...e.draggingEventsForRowCell(v),
+        ...e.draggingEventsForRowCell(m),
         // Focus on the first interactive child in the grid cell if one exists
         focus: async () => {
-          if (!vt())
+          if (!Ct())
             return;
-          u.value = !0, m.value = !0, At(R.value), await se(), We(i.value) && (T.value = !0);
+          h.value = !0, p.value = !0, Tt(y.value), await se(), We(i.value) && (L.value = !0);
         },
         focusout: () => {
-          vt() && (T.value = !1);
+          Ct() && (L.value = !1);
         },
-        keydown: (B) => {
-          B.key !== le.TAB && (T.value = !1, u.value = !1, _e(i.value));
+        keydown: (M) => {
+          M.key !== le.TAB && (L.value = !1, h.value = !1, _e(i.value));
         }
-      }, M = { ...I };
-      return v.frozen && (M.keyup = (B) => n("on-frozen-columns-key-press", B), M.keydown = (B) => {
-        I.keydown(B), n("on-frozen-columns-key-press", B);
-      }), v.cellActions && (M.mouseenter = () => {
-        d.value = !0;
-      }, M.mouseleave = (B) => {
-        d.value = !1, r(B == null ? void 0 : B.relatedTarget);
-      }, M.mouseleave = (B) => {
-        r(B == null ? void 0 : B.relatedTarget);
-      }, M.focus = async (B) => {
-        I.focus(B), await se(), d.value = !0;
-      }, M.focusout = (B) => {
-        I.focusout(B), r(B == null ? void 0 : B.relatedTarget);
-      }), M;
+      }, F = { ...I };
+      return m.frozen && (F.keyup = (M) => n("on-frozen-columns-key-press", M), F.keydown = (M) => {
+        I.keydown(M), n("on-frozen-columns-key-press", M);
+      }), m.cellActions && (F.mouseenter = () => {
+        r.value = !0;
+      }, F.mouseleave = (M) => {
+        r.value = !1, g(M == null ? void 0 : M.relatedTarget);
+      }, F.mouseleave = (M) => {
+        g(M == null ? void 0 : M.relatedTarget);
+      }, F.focus = async (M) => {
+        I.focus(M), await se(), r.value = !0;
+      }, F.focusout = (M) => {
+        I.focusout(M), g(M == null ? void 0 : M.relatedTarget);
+      }), F;
     };
-    Se(() => {
-      R.value = _e(i.value);
+    be(() => {
+      y.value = _e(i.value);
     });
-    const Z = () => {
+    const V = () => {
       n("nested-content-toggled");
     };
     oe(
-      () => d.value,
+      () => r.value,
       () => {
-        d.value === !0 ? n("cell-hovered", e.rowIndex) : n("cell-hovered", -1);
+        r.value === !0 ? n("cell-hovered", e.rowIndex) : n("cell-hovered", -1);
       }
     );
-    const k = (v) => {
-      E.value.push(v);
-    }, X = (v) => {
-      i.value.contains(v == null ? void 0 : v.relatedTarget) || (d.value = !1);
+    const W = (m) => {
+      E.value.push(m);
+    }, J = (m) => {
+      i.value.contains(m == null ? void 0 : m.relatedTarget) || (r.value = !1);
     };
-    ht(Hn, {
-      registerMenuContainerElement: k,
-      menuMouseLeave: X
+    wt(Kn, {
+      registerMenuContainerElement: W,
+      menuMouseLeave: J
     });
-    const Y = De(Nt, y(!1)), j = (v) => {
-      var I, M, B, c, $, H, Q;
+    const Z = De(xt, R(!1)), Q = (m) => {
+      var I, F, M, d, U, Y, K;
       return {
-        [`b-data-grid-cell--${q.COLUMN_HOVERED}`]: (v == null ? void 0 : v.field) === e.hoveredOverColumnState.hoveredOverColumnField,
-        [`b-data-grid-cell--${q.COLUMN_HOVERED_NO_BORDER_LEFT}`]: (v == null ? void 0 : v.field) === e.hoveredOverColumnState.hoveredOverColumnField && e.hoveredOverColumnState.noBorderLeft,
-        [`b-data-grid-cell--${q.COLUMN_HOVERED_NO_BORDER_RIGHT}`]: (v == null ? void 0 : v.field) === e.hoveredOverColumnState.hoveredOverColumnField && e.hoveredOverColumnState.noBorderRight,
-        [`b-data-grid-cell--${q.PADDING_LEFT_UNSET}`]: ((I = v == null ? void 0 : v.padding) == null ? void 0 : I.left) === !1,
-        [`b-data-grid-cell--${q.PADDING_RIGHT_UNSET}`]: ((M = v == null ? void 0 : v.padding) == null ? void 0 : M.right) === !1,
-        [`b-data-grid-cell--${q.NUMERIC}`]: v == null ? void 0 : v.numeric,
+        [`b-data-grid-cell--${q.COLUMN_HOVERED}`]: (m == null ? void 0 : m.field) === e.hoveredOverColumnState.hoveredOverColumnField,
+        [`b-data-grid-cell--${q.COLUMN_HOVERED_NO_BORDER_LEFT}`]: (m == null ? void 0 : m.field) === e.hoveredOverColumnState.hoveredOverColumnField && e.hoveredOverColumnState.noBorderLeft,
+        [`b-data-grid-cell--${q.COLUMN_HOVERED_NO_BORDER_RIGHT}`]: (m == null ? void 0 : m.field) === e.hoveredOverColumnState.hoveredOverColumnField && e.hoveredOverColumnState.noBorderRight,
+        [`b-data-grid-cell--${q.PADDING_LEFT_UNSET}`]: ((I = m == null ? void 0 : m.padding) == null ? void 0 : I.left) === !1,
+        [`b-data-grid-cell--${q.PADDING_RIGHT_UNSET}`]: ((F = m == null ? void 0 : m.padding) == null ? void 0 : F.right) === !1,
+        [`b-data-grid-cell--${q.NUMERIC}`]: m == null ? void 0 : m.numeric,
         [`b-data-grid-cell--${q.CONDENSED}`]: e.condensed,
-        [`b-data-grid-cell--${q.OVERFLOW_ELLIPSIS}`]: (v == null ? void 0 : v.overflow) === Fe.ELLIPSIS,
-        [`b-data-grid-cell--${q.IS_COLUMN_REORDERING}`]: ((B = e.draggingColumns.dragging) == null ? void 0 : B.field) === v.field,
-        [`b-data-grid-cell--${q.IS_COLUMN_REORDERING_TARGET_LEFT}`]: ((c = e.draggingColumns.target) == null ? void 0 : c.field) === v.field && (($ = e.draggingColumns) == null ? void 0 : $.dragToLeft),
-        [`b-data-grid-cell--${q.IS_COLUMN_REORDERING_TARGET_RIGHT}`]: ((H = e.draggingColumns.target) == null ? void 0 : H.field) === v.field && !((Q = e.draggingColumns) != null && Q.dragToLeft),
-        [`b-data-grid-cell--${q.FROZEN}`]: v == null ? void 0 : v.frozen,
+        [`b-data-grid-cell--${q.OVERFLOW_ELLIPSIS}`]: (m == null ? void 0 : m.overflow) === Fe.ELLIPSIS,
+        [`b-data-grid-cell--${q.IS_COLUMN_REORDERING}`]: ((M = e.draggingColumns.dragging) == null ? void 0 : M.field) === m.field,
+        [`b-data-grid-cell--${q.IS_COLUMN_REORDERING_TARGET_LEFT}`]: ((d = e.draggingColumns.target) == null ? void 0 : d.field) === m.field && ((U = e.draggingColumns) == null ? void 0 : U.dragToLeft),
+        [`b-data-grid-cell--${q.IS_COLUMN_REORDERING_TARGET_RIGHT}`]: ((Y = e.draggingColumns.target) == null ? void 0 : Y.field) === m.field && !((K = e.draggingColumns) != null && K.dragToLeft),
+        [`b-data-grid-cell--${q.FROZEN}`]: m == null ? void 0 : m.frozen,
         [`b-data-grid-cell--${q.NESTED_CONTENT_ENABLED}`]: e.nestedContent,
-        [`b-data-grid-cell--${q.ACTION_COL_NESTED_CONTENT_ENABLED}`]: e.nestedContent && !e.selectable && v.field === ne,
-        [`b-data-grid-cell--${q.ACTION_COL_NESTED_CONTENT_AND_SELECTION_ENABLED}`]: e.nestedContent && e.selectable && v.field === ne,
-        [`b-data-grid-cell--${q.ACTION_COL_SELECTION_ENABLED}`]: v.field === ne && e.selectable,
-        [`b-data-grid-cell--${q.SLASHED_ZERO}`]: Y.value
+        [`b-data-grid-cell--${q.ACTION_COL_NESTED_CONTENT_ENABLED}`]: e.nestedContent && !e.selectable && m.field === ne,
+        [`b-data-grid-cell--${q.ACTION_COL_NESTED_CONTENT_AND_SELECTION_ENABLED}`]: e.nestedContent && e.selectable && m.field === ne,
+        [`b-data-grid-cell--${q.ACTION_COL_SELECTION_ENABLED}`]: m.field === ne && e.selectable,
+        [`b-data-grid-cell--${q.SLASHED_ZERO}`]: Z.value
       };
-    }, K = C(() => ({
-      "b-data-grid-cell__cell-content--is-focused-on-inside-interactive-element": T.value
+    }, j = C(() => ({
+      "b-data-grid-cell__cell-content--is-focused-on-inside-interactive-element": L.value
     }));
     return t({
       gridcellRef: i
-    }), { __sfc: !0, slots: o, hasSlot: l, t: a, props: e, emit: n, gridcellRef: i, cellActionsRef: f, shouldShowCellActions: d, childrenMenuContainerElements: E, isFocused: u, focusableItems: R, hasEverBeenFocused: m, hasRowData: w, controlledNestedRowElementIds: N, ariaHidden: g, tabIndex: L, conditionalTitleAttribute: h, getRowData: _, sumColumnAmountsInColumnSets: b, getColIndex: O, getCellIndex: A, isLeavingCellFocus: r, onMenuClose: p, hasInteractiveElFocusedInside: T, getGridcellEvents: W, toggleNestedContent: Z, registerMenuContainerElement: k, menuMouseLeave: X, hasSlashedZero: Y, conditionalRowCellClasses: j, computedCellContentClasses: K, DATAGRID_ACTIONS_COLUMN_FIELD_NAME: ne, BentoCheckbox: yt, BentoTypography: be, BentoToggleButton: ke, DataGridCellActions: It, ChevronDownIcon: jn, ChevronUpIcon: qn };
+    }), { __sfc: !0, slots: o, hasSlot: l, t: a, props: e, emit: n, gridcellRef: i, cellActionsRef: u, shouldShowCellActions: r, childrenMenuContainerElements: E, isFocused: h, focusableItems: y, hasEverBeenFocused: p, hasRowData: c, controlledNestedRowElementIds: O, ariaHidden: f, tabIndex: A, conditionalTitleAttribute: w, getRowData: v, sumColumnAmountsInColumnSets: S, getColIndex: N, getCellIndex: T, isLeavingCellFocus: g, onMenuClose: _, hasInteractiveElFocusedInside: L, getGridcellEvents: z, toggleNestedContent: V, registerMenuContainerElement: W, menuMouseLeave: J, hasSlashedZero: Z, conditionalRowCellClasses: Q, computedCellContentClasses: j, DATAGRID_ACTIONS_COLUMN_FIELD_NAME: ne, BentoCheckbox: Lt, BentoTypography: Se, BentoToggleButton: ke, DataGridCellActions: Dt, ChevronDownIcon: Qn, ChevronUpIcon: es };
   }
 });
-var qo = function() {
+var Xo = function() {
   var o;
   var t = this, n = t._self._c, e = t._self._setupProxy;
   return n("div", t._g({ key: `cell-${t.column.field}`, ref: "gridcellRef", staticClass: "b-data-grid-cell", class: e.conditionalRowCellClasses(t.column), style: {
@@ -1856,19 +1888,19 @@ var qo = function() {
     return [t.isNestedContentExpanded ? n(e.ChevronUpIcon, { staticClass: "b-accordion-item__icon", attrs: { "svg-title": e.t("collapseNestedContent") } }) : n(e.ChevronDownIcon, { staticClass: "b-accordion-item__icon", attrs: { "svg-title": e.t("expandNestedContent") } })];
   }, proxy: !0 }], null, !1, 1879847906) })] : t._e()] : [n(e.BentoTypography, { staticClass: "b-data-grid-cell__cell-content", class: e.computedCellContentClasses, attrs: { el: "div", "data-testid": "cell-content" } }, [t._t(`item-${t.column.field}`, function() {
     return [n("span", { attrs: { title: e.conditionalTitleAttribute(t.column, t.rowData[t.column.field]) } }, [t._v(t._s(e.getRowData(t.rowData[t.column.field])))])];
-  }, { item: t.rowData, rowIndex: t.rowIndex })], 2), ((o = t.column.cellActions) == null ? void 0 : o.length) > 0 ? n("div", { staticClass: "b-data-grid-cell__cell-actions" }, [e.shouldShowCellActions && (e.hasRowData || e.hasSlot(`item-${t.column.field}`)) ? n(e.DataGridCellActions, { ref: "cellActionsRef", attrs: { "cell-actions": t.column.cellActions, "column-key": t.column.field, "row-data-item": t.rowData, "teleport-menu": "" }, on: { "menu-item-click": e.onMenuClose } }) : t._e()], 1) : t._e()]], 2);
-}, Yo = [], Ko = /* @__PURE__ */ V(
-  jo,
-  qo,
-  Yo,
+  }, { item: t.rowData, rowIndex: t.rowIndex })], 2), ((o = t.column.cellActions) == null ? void 0 : o.length) > 0 ? n("div", { staticClass: "b-data-grid-cell__cell-actions" }, [e.shouldShowCellActions && (e.hasRowData || e.hasSlot(`item-${t.column.field}`)) ? n(e.DataGridCellActions, { ref: "cellActionsRef", attrs: { "cell-actions": t.column.cellActions, "column-key": t.column.field, "row-data-item": t.rowData, "has-zebra-background": t.hasZebraBackground, "teleport-menu": "" }, on: { "menu-item-click": e.onMenuClose } }) : t._e()], 1) : t._e()]], 2);
+}, Jo = [], Qo = /* @__PURE__ */ H(
+  Ko,
+  Xo,
+  Jo,
   !1,
   null,
-  "2c1267a6"
+  "b6764a2e"
 );
-const Xo = Ko.exports, Jo = {
+const el = Qo.exports, tl = {
   name: "data-grid-row"
-}, Qo = /* @__PURE__ */ ie({
-  ...Jo,
+}, nl = /* @__PURE__ */ de({
+  ...tl,
   props: {
     /**
      * Row actions property that generates which button to show in row actions area
@@ -1974,6 +2006,14 @@ const Xo = Ko.exports, Jo = {
       type: Function,
       default: () => !1
     },
+    /**
+     * If the row is of an even number.
+     * Rows are 0th based index e.g. index 0 is an odd-numbered row.
+     */
+    isRowEven: {
+      type: Boolean,
+      default: !1
+    },
     /**
      * If the row is the last child in it's parent container.
      */
@@ -2068,40 +2108,40 @@ const Xo = Ko.exports, Jo = {
   },
   emits: ["cell-hovered", "on-frozen-columns-key-press", "select-row", "select-nested-row", "row-click", "nested-content-toggled"],
   setup(s, { expose: t, emit: n }) {
-    const e = s, o = $e(), l = ze(o), a = y({}), i = y(!1), f = y(), d = y(), E = xe("nested-content-slot"), u = y(!1), R = y();
-    Se(() => {
-      d.value && (R.value = _e(d.value));
+    const e = s, o = Ue(), l = $e(o), a = R({}), i = R(!1), u = R(), r = R(), E = xe("nested-content-slot"), h = R(!1), y = R();
+    be(() => {
+      r.value && (y.value = _e(r.value));
     });
-    const m = C(() => e.shouldShowNestedRows(e.rowData)), w = C(
+    const p = C(() => e.shouldShowNestedRows(e.rowData)), c = C(
       () => {
-        var S, F;
-        return !e.isNestedRow && e.hasNestedRows && m.value && ((F = (S = e.rowData) == null ? void 0 : S.children) == null ? void 0 : F.length) > 0;
+        var b, B;
+        return !e.isNestedRow && e.hasNestedRows && p.value && ((B = (b = e.rowData) == null ? void 0 : b.children) == null ? void 0 : B.length) > 0;
       }
-    ), N = C(
+    ), O = C(
       () => {
-        var S, F;
-        return !e.isNestedRow && e.hasNestedRows && m.value && (((S = e.rowData) == null ? void 0 : S.children) === void 0 || ((F = e == null ? void 0 : e.rowData) == null ? void 0 : F.children.length) === 0);
+        var b, B;
+        return !e.isNestedRow && e.hasNestedRows && p.value && (((b = e.rowData) == null ? void 0 : b.children) === void 0 || ((B = e == null ? void 0 : e.rowData) == null ? void 0 : B.children.length) === 0);
       }
-    ), g = C(
-      () => e.hasNestedContent && e.shouldShowNestedContent(e.rowData) || e.hasNestedRows && m.value && !e.isNestedRow
-    ), L = C(() => {
+    ), f = C(
+      () => e.hasNestedContent && e.shouldShowNestedContent(e.rowData) || e.hasNestedRows && p.value && !e.isNestedRow
+    ), A = C(() => {
       if (e.hasNestedContent || e.hasNestedRows) {
-        const S = i.value.toString();
+        const b = i.value.toString();
         return {
-          "aria-expanded": g.value ? S : void 0,
+          "aria-expanded": f.value ? b : void 0,
           "aria-level": e.isNestedRow ? "2" : "1",
           "aria-posinset": e.rowIndex + 1,
           "aria-setsize": e.rowSetSize
         };
       }
       return { "aria-rowindex": e.rowIndex + 1 };
-    }), h = C(() => {
-      if (N.value)
+    }), w = C(() => {
+      if (O.value)
         return {
           "aria-busy": "true",
           "aria-live": "polite"
         };
-      if (!(w.value || !e.hasNestedContent || !e.shouldShowNestedContent(e.rowData)))
+      if (!(c.value || !e.hasNestedContent || !e.shouldShowNestedContent(e.rowData)))
         return {
           "aria-level": e.isNestedRow ? "3" : "2",
           "aria-posinset": "1",
@@ -2110,144 +2150,145 @@ const Xo = Ko.exports, Jo = {
           role: "row",
           tabindex: "-1"
         };
-    }), _ = C(() => {
-      var S, F;
-      return w.value ? (F = (S = e.rowData) == null ? void 0 : S.children) == null ? void 0 : F.reduce((z, U, ee) => (z[ee] = xe("nested-row"), z), {}) : [];
-    }), b = C(() => {
-      var S;
+    }), v = C(() => {
+      var b, B;
+      return c.value ? (B = (b = e.rowData) == null ? void 0 : b.children) == null ? void 0 : B.reduce((P, X, $) => (P[$] = xe("nested-row"), P), {}) : [];
+    }), S = C(() => {
+      var b;
       if (i.value) {
         if (e.hasNestedContent && e.shouldShowNestedContent(e.rowData))
           return [E];
-        if (w.value && ((S = Object.keys(_.value)) == null ? void 0 : S.length) > 0) {
-          const F = Object.values(_.value);
-          if ((F == null ? void 0 : F.length) > 0)
-            return F;
+        if (c.value && ((b = Object.keys(v.value)) == null ? void 0 : b.length) > 0) {
+          const B = Object.values(v.value);
+          if ((B == null ? void 0 : B.length) > 0)
+            return B;
         }
         return [];
       }
-    }), O = C(() => {
-      var F, z;
-      const S = (z = (F = e.rowData) == null ? void 0 : F.children) == null ? void 0 : z.map((U) => e.getDataItemId(U));
-      if ((S == null ? void 0 : S.length) > 0) {
-        const U = S.every((Ce) => {
-          var de;
-          return (de = e == null ? void 0 : e.selectedItems) == null ? void 0 : de.includes(Ce);
-        }), ee = S.some((Ce) => {
-          var de;
-          return (de = e == null ? void 0 : e.selectedItems) == null ? void 0 : de.includes(Ce);
+    }), N = C(() => {
+      var B, P;
+      const b = (P = (B = e.rowData) == null ? void 0 : B.children) == null ? void 0 : P.map((X) => e.getDataItemId(X));
+      if ((b == null ? void 0 : b.length) > 0) {
+        const X = b.every((ue) => {
+          var fe;
+          return (fe = e == null ? void 0 : e.selectedItems) == null ? void 0 : fe.includes(ue);
+        }), $ = b.some((ue) => {
+          var fe;
+          return (fe = e == null ? void 0 : e.selectedItems) == null ? void 0 : fe.includes(ue);
         });
-        return !U && ee;
+        return !X && $;
       }
       return !1;
-    }), A = (S, F) => {
-      const z = S;
-      S !== null && (z != null && z.gridcellRef) && (a.value[F] = z.gridcellRef);
-    }, r = (S) => _.value[S], p = (S) => {
+    }), T = (b, B) => {
+      const P = b;
+      b !== null && (P != null && P.gridcellRef) && (a.value[B] = P.gridcellRef);
+    }, g = (b) => v.value[b], _ = (b) => {
       if (!e.selectable)
         return null;
-      const F = e.getDataItemId(S);
-      return e.selectedItems.includes(F).toString();
-    }, T = (S) => {
-      var U;
+      const B = e.getDataItemId(b);
+      return e.selectedItems.includes(B).toString();
+    }, L = (b) => {
+      var X;
       if (!e.allowRowClicks)
         return;
-      let F = !1;
-      const z = ["button", "input", "a"];
-      for (let ee = 0; ee < z.length; ee++)
-        if ((U = S == null ? void 0 : S.target) != null && U.closest(z[ee])) {
-          F = !0;
+      let B = !1;
+      const P = ["button", "input", "a"];
+      for (let $ = 0; $ < P.length; $++)
+        if ((X = b == null ? void 0 : b.target) != null && X.closest(P[$])) {
+          B = !0;
           break;
         }
-      F || n("row-click", e.rowData, S);
-    }, W = (S) => {
-      n("select-row", S, e.rowData);
-    }, Z = (S, F) => {
-      n("select-nested-row", F, e.rowData, S);
-    }, k = () => {
-      u.value = !0;
-    }, X = () => {
-      u.value = !1;
-    }, Y = () => {
-      var S;
-      At([(S = R.value) == null ? void 0 : S[0]]), We(d.value);
-    }, j = () => {
-      _e(d.value);
-    }, K = (S) => {
-      var F, z;
-      S.key !== le.TAB && _e(d.value), S.key === le.ARROW_RIGHT && ((F = R.value) == null ? void 0 : F.length) > 1 && R.value[0].node === document.activeElement ? (_e(d.value), R.value[1].node.setAttribute("tabindex", "0"), R.value[1].node.focus(), S.stopPropagation(), S.preventDefault()) : S.key === le.ARROW_LEFT && ((z = R.value) == null ? void 0 : z.length) > 1 && R.value[1].node === document.activeElement && (_e(d.value), R.value[0].node.setAttribute("tabindex", "0"), R.value[0].node.focus(), S.stopPropagation(), S.preventDefault());
-    }, v = () => e.columnSets.reduce((S, { columnSet: F }) => S + F.length, 0), I = () => v() * e.rowIndex + v(), { updateContentHeight: M, contentHeight: B } = Wn(f, i), c = C(() => {
-      var S;
+      B || n("row-click", e.rowData, b);
+    }, z = (b) => {
+      n("select-row", b, e.rowData);
+    }, V = (b, B) => {
+      n("select-nested-row", B, e.rowData, b);
+    }, W = () => {
+      h.value = !0;
+    }, J = () => {
+      h.value = !1;
+    }, Z = () => {
+      var b;
+      Tt([(b = y.value) == null ? void 0 : b[0]]), We(r.value);
+    }, Q = () => {
+      _e(r.value);
+    }, j = (b) => {
+      var B, P;
+      b.key !== le.TAB && _e(r.value), b.key === le.ARROW_RIGHT && ((B = y.value) == null ? void 0 : B.length) > 1 && y.value[0].node === document.activeElement ? (_e(r.value), y.value[1].node.setAttribute("tabindex", "0"), y.value[1].node.focus(), b.stopPropagation(), b.preventDefault()) : b.key === le.ARROW_LEFT && ((P = y.value) == null ? void 0 : P.length) > 1 && y.value[1].node === document.activeElement && (_e(r.value), y.value[0].node.setAttribute("tabindex", "0"), y.value[0].node.focus(), b.stopPropagation(), b.preventDefault());
+    }, m = () => e.columnSets.reduce((b, { columnSet: B }) => b + B.length, 0), I = () => m() * e.rowIndex + m(), { updateContentHeight: F, contentHeight: M } = Vn(u, i), d = C(() => {
+      var b;
       if (e.hasNestedContent || e.hasNestedRows)
         return {
-          paddingLeft: `${w.value || N.value ? 0 : a.value[ne].clientWidth + Lt}px`,
-          "max-height": (e.hasNestedContent || e.hasNestedRows) && B.value && !((S = B == null ? void 0 : B.value) != null && S.includes("null")) ? B.value : 0
+          paddingLeft: `${c.value || O.value ? 0 : a.value[ne].clientWidth + Ot}px`,
+          "max-height": (e.hasNestedContent || e.hasNestedRows) && M.value && !((b = M == null ? void 0 : M.value) != null && b.includes("null")) ? M.value : 0
         };
     });
     oe(
-      () => f.value,
+      () => u.value,
       () => {
-        let S = null;
-        !S && f.value && (S = Pe(f.value, () => {
-          f.value && M();
+        let b = null;
+        !b && u.value && (b = Pe(u.value, () => {
+          u.value && F();
         }));
       }
     );
-    const $ = () => {
-      i.value = !i.value, M(), n("nested-content-toggled", e.rowData);
+    const U = () => {
+      i.value = !i.value, F(), n("nested-content-toggled", e.rowData);
     };
     oe(
       () => {
-        var S;
-        return (S = e.rowData) == null ? void 0 : S.children;
+        var b;
+        return (b = e.rowData) == null ? void 0 : b.children;
       },
-      (S, F) => {
-        var z, U;
-        ((U = (z = e == null ? void 0 : e.rowData) == null ? void 0 : z.children) == null ? void 0 : U.length) > 0 && F === void 0 && !i.value && M();
+      (b, B) => {
+        var P, X;
+        ((X = (P = e == null ? void 0 : e.rowData) == null ? void 0 : P.children) == null ? void 0 : X.length) > 0 && B === void 0 && !i.value && F();
       }
     );
-    const H = (S, F) => ({
-      "b-data-grid-row-container__row--disabled": e.isDataItemDisabled(S),
+    const Y = (b, B) => ({
+      "b-data-grid-row-container__row--disabled": e.isDataItemDisabled(b),
       "b-data-grid-row-container__row--row-clicks-enabled": e.allowRowClicks,
-      "b-data-grid-row-container__row--highlighted": e.highlightedRows.includes(e.getDataItemId(S)) || e.selectedItems.includes(e.getDataItemId(S)),
-      "b-data-grid-row-container__row--hovered": e.hoveredRowIndex === F,
+      "b-data-grid-row-container__row--highlighted": e.highlightedRows.includes(e.getDataItemId(b)) || e.selectedItems.includes(e.getDataItemId(b)),
+      "b-data-grid-row-container__row--hovered": e.hoveredRowIndex === B,
       "b-data-grid-row-container__row--is-last-child": e.isRowLastChild && !i.value,
-      "b-data-grid-row-container__row--nested-row": e.isNestedRow
-    }), Q = (S) => ({
-      "b-data-grid-row-container__row-cell-set--frozen": S,
-      [`b-data-grid-row-container__row-cell-set--${re.OVERFLOW_SHADOW_LEFT}`]: S && e.hasLeftOverflow,
-      "b-data-grid-row-container__row-cell-set--frozen-separator": S && e.showFrozenColumnsSeparator,
-      "b-data-grid-row-container__row-cell-set--unfrozen": !S,
+      "b-data-grid-row-container__row--nested-row": e.isNestedRow,
+      "b-data-grid-row-container__row--zebra": e.isRowEven
+    }), K = (b) => ({
+      "b-data-grid-row-container__row-cell-set--frozen": b,
+      [`b-data-grid-row-container__row-cell-set--${re.OVERFLOW_SHADOW_LEFT}`]: b && e.hasLeftOverflow,
+      "b-data-grid-row-container__row-cell-set--frozen-separator": b && e.showFrozenColumnsSeparator,
+      "b-data-grid-row-container__row-cell-set--unfrozen": !b,
       "b-data-grid-row-container__row-cell-set--is-measuring": e.isMeasuringColumnWidths
     }), ae = C(() => ({
       "b-data-grid-row-container__row-nested-slot--is-last-child": e.isRowLastChild,
-      "b-data-grid-row-container__row-nested-slot": !w.value && e.shouldShowNestedContent(e.rowData)
+      "b-data-grid-row-container__row-nested-slot": !c.value && e.shouldShowNestedContent(e.rowData)
     })), me = C(() => ({
-      "b-data-grid-row-container__row-actions-container--row-actions-menu-open": u.value
-    })), fe = C(() => ({
+      "b-data-grid-row-container__row-actions-container--row-actions-menu-open": h.value
+    })), Ce = C(() => ({
       minWidth: `${e.rowActionsMaximumWidth}px`
     }));
     return t({
       gridcellRefs: a,
-      rowActionsRef: d
-    }), { __sfc: !0, slots: o, hasSlot: l, props: e, emit: n, gridcellRefs: a, isNestedContentShown: i, nestedContentRef: f, rowActionsRef: d, nestedContentSlotId: E, isRowActionMenuOpen: u, focusableItems: R, shouldShowNestedRowsBooleanResult: m, shouldShowRenderNestedRows: w, isLoadingNestedRows: N, shouldShowNestedContentToggle: g, ariaRowAttributes: L, nestedContentContainerDivAriaAttributes: h, nestedRowIds: _, allNestedRowIds: b, hasUnSelectedNestedRows: O, registerRowCellRef: A, getRowId: r, getRowAriaSelectedValue: p, onRowClick: T, onRowSelect: W, onNestedRowSelect: Z, onRowActionMenuOpen: k, onRowActionMenuClose: X, onRowActionsCellFocus: Y, onRowActionsCellFocusOut: j, onRowActionsCellOnKeyDown: K, sumColumnAmountsInColumnSets: v, getRowActionsCellIndex: I, updateContentHeight: M, contentHeight: B, nestedContentStyles: c, nestedContentToggled: $, conditionalRowClasses: H, conditionalRowSetClasses: Q, conditionalNestedRowClasses: ae, conditionalRowActionsContainerClasses: me, computedRowActionsStyles: fe, DataGridCell: Xo, DataGridCellActions: It, BentoLoadingIndicator: Ue, DataGridRow: Dt };
+      rowActionsRef: r
+    }), { __sfc: !0, slots: o, hasSlot: l, props: e, emit: n, gridcellRefs: a, isNestedContentShown: i, nestedContentRef: u, rowActionsRef: r, nestedContentSlotId: E, isRowActionMenuOpen: h, focusableItems: y, shouldShowNestedRowsBooleanResult: p, shouldShowRenderNestedRows: c, isLoadingNestedRows: O, shouldShowNestedContentToggle: f, ariaRowAttributes: A, nestedContentContainerDivAriaAttributes: w, nestedRowIds: v, allNestedRowIds: S, hasUnSelectedNestedRows: N, registerRowCellRef: T, getRowId: g, getRowAriaSelectedValue: _, onRowClick: L, onRowSelect: z, onNestedRowSelect: V, onRowActionMenuOpen: W, onRowActionMenuClose: J, onRowActionsCellFocus: Z, onRowActionsCellFocusOut: Q, onRowActionsCellOnKeyDown: j, sumColumnAmountsInColumnSets: m, getRowActionsCellIndex: I, updateContentHeight: F, contentHeight: M, nestedContentStyles: d, nestedContentToggled: U, conditionalRowClasses: Y, conditionalRowSetClasses: K, conditionalNestedRowClasses: ae, conditionalRowActionsContainerClasses: me, computedRowActionsStyles: Ce, DataGridCell: el, DataGridCellActions: Dt, BentoLoadingIndicator: ze, DataGridRow: Ft };
   }
 });
-var el = function() {
+var sl = function() {
   var o;
   var t = this, n = t._self._c, e = t._self._setupProxy;
   return n("div", { staticClass: "b-data-grid-row-container" }, [n("div", t._b({ key: t.rowIndex, staticClass: "b-data-grid-row-container__row", class: e.conditionalRowClasses(t.rowData, t.rowIndex), attrs: { id: (o = t.rowId) == null ? void 0 : o.toString(), role: "row", "aria-selected": e.getRowAriaSelectedValue(t.rowData) }, on: { click: e.onRowClick, keyup: [function(l) {
     return !l.type.indexOf("key") && t._k(l.keyCode, "enter", 13, l.key, "Enter") ? null : e.onRowClick.apply(null, arguments);
   }, function(l) {
     return !l.type.indexOf("key") && t._k(l.keyCode, "space", 32, l.key, [" ", "Spacebar"]) ? null : e.onRowClick.apply(null, arguments);
-  }] } }, "div", e.ariaRowAttributes, !1), [t._l(t.columnSets, function({ columnSet: l, id: a, isFrozenColumns: i }, f) {
-    return [l != null && l.length ? n("div", { key: `data-grid-rows-${a}`, staticClass: "b-data-grid-row-container__cells", class: e.conditionalRowSetClasses(i), attrs: { "data-testid": `data-grid-${a}-rows` } }, t._l(l, function(d, E) {
-      return n(e.DataGridCell, { key: `cell-${d.field}`, ref: (u) => e.registerRowCellRef(u, d.field), refInFor: !0, staticClass: "b-data-grid-row-container__cell", attrs: { column: d, "column-set-index": f, "col-index": E, "column-sets": t.columnSets, condensed: t.condensed, "dragging-columns": t.draggingColumns, "dragging-events-for-row-cell": t.draggingEventsForRowCell, "get-data-item-id": t.getDataItemId, "hovered-over-column-state": t.hoveredOverColumnState, "is-data-item-disabled": t.isDataItemDisabled, "is-measuring-column-widths": t.isMeasuringColumnWidths, "is-nested-content-expanded": e.isNestedContentShown, "nested-content": e.shouldShowNestedContentToggle, "nested-rows-element-ids": e.allNestedRowIds, "row-data": t.rowData, "row-index": t.rowIndex, "selection-is-indeterminate": e.hasUnSelectedNestedRows, selectable: t.selectable, "selected-items": t.selectedItems }, on: { "cell-hovered": function(u) {
-        return e.emit("cell-hovered", u);
-      }, "on-frozen-columns-key-press": function(u) {
-        return e.emit("on-frozen-columns-key-press", u);
-      }, "select-row": e.onRowSelect, "nested-content-toggled": e.nestedContentToggled }, scopedSlots: t._u([t._l(e.slots, function(u, R) {
-        return { key: R, fn: function(m) {
-          return [t._t(R, null, null, m)];
+  }] } }, "div", e.ariaRowAttributes, !1), [t._l(t.columnSets, function({ columnSet: l, id: a, isFrozenColumns: i }, u) {
+    return [l != null && l.length ? n("div", { key: `data-grid-rows-${a}`, staticClass: "b-data-grid-row-container__cells", class: e.conditionalRowSetClasses(i), attrs: { "data-testid": `data-grid-${a}-rows` } }, t._l(l, function(r, E) {
+      return n(e.DataGridCell, { key: `cell-${r.field}`, ref: (h) => e.registerRowCellRef(h, r.field), refInFor: !0, staticClass: "b-data-grid-row-container__cell", attrs: { column: r, "column-set-index": u, "col-index": E, "column-sets": t.columnSets, condensed: t.condensed, "dragging-columns": t.draggingColumns, "dragging-events-for-row-cell": t.draggingEventsForRowCell, "get-data-item-id": t.getDataItemId, "has-zebra-background": t.isRowEven, "hovered-over-column-state": t.hoveredOverColumnState, "is-data-item-disabled": t.isDataItemDisabled, "is-measuring-column-widths": t.isMeasuringColumnWidths, "is-nested-content-expanded": e.isNestedContentShown, "nested-content": e.shouldShowNestedContentToggle, "nested-rows-element-ids": e.allNestedRowIds, "row-data": t.rowData, "row-index": t.rowIndex, "selection-is-indeterminate": e.hasUnSelectedNestedRows, selectable: t.selectable, "selected-items": t.selectedItems }, on: { "cell-hovered": function(h) {
+        return e.emit("cell-hovered", h);
+      }, "on-frozen-columns-key-press": function(h) {
+        return e.emit("on-frozen-columns-key-press", h);
+      }, "select-row": e.onRowSelect, "nested-content-toggled": e.nestedContentToggled }, scopedSlots: t._u([t._l(e.slots, function(h, y) {
+        return { key: y, fn: function(p) {
+          return [t._t(y, null, null, p)];
         } };
       })], null, !0) });
     }), 1) : t._e(), !i && t.rowActions ? n("div", { key: `data-grid-row-actions-${a}`, ref: "rowActionsRef", refInFor: !0, staticClass: "b-data-grid-row-container__row-actions-container", class: e.conditionalRowActionsContainerClasses, style: e.computedRowActionsStyles, attrs: { "aria-colindex": e.sumColumnAmountsInColumnSets().toString(), "data-cellindex": e.getRowActionsCellIndex(), tabindex: "-1", role: "gridcell" }, on: { focus: e.onRowActionsCellFocus, focusOut: e.onRowActionsCellFocusOut, keydown: e.onRowActionsCellOnKeyDown } }, [n(e.DataGridCellActions, { staticClass: "b-data-grid-row-container__row-actions", attrs: { "disable-arrow-down-opening-menu": "", "cell-actions": t.rowActions, "has-right-overflow": t.hasRightOverflow, "row-data-item": t.rowData, "teleport-menu": "" }, on: { "menu-open": e.onRowActionMenuOpen, "menu-close": e.onRowActionMenuClose } })], 1) : t._e()];
@@ -2260,40 +2301,40 @@ var el = function() {
       return e.emit("on-frozen-columns-key-press", i);
     }, "select-row": function(i) {
       return e.onNestedRowSelect(l, i);
-    } }, scopedSlots: t._u([t._l(e.slots, function(i, f) {
-      return { key: f, fn: function(d) {
-        return [t._t(f, null, null, d)];
+    } }, scopedSlots: t._u([t._l(e.slots, function(i, u) {
+      return { key: u, fn: function(r) {
+        return [t._t(u, null, null, r)];
       } };
     })], null, !0) }, "data-grid-row", e.props, !1));
   }) : e.hasSlot("nested-slot") && t.shouldShowNestedContent(t.rowData) ? n("div", [t._t("nested-slot", null, { item: t.rowData })], 2) : t._e()], 2)]) : t._e()]) : t._e()], 1);
-}, tl = [], nl = /* @__PURE__ */ V(
-  Qo,
-  el,
-  tl,
+}, ol = [], ll = /* @__PURE__ */ H(
+  nl,
+  sl,
+  ol,
   !1,
   null,
-  "4557cada"
+  "400d0d87"
 );
-const Dt = nl.exports;
-let mt = 0;
-const sl = {
+const Ft = ll.exports;
+let ht = 0;
+const al = {
   beforeCreate() {
-    this.uuid = mt.toString(), mt += 1;
+    this.uuid = ht.toString(), ht += 1;
   }
 };
-var ol = function() {
+var il = function() {
   var t = this, n = t._self._c;
   return n("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? n("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), n("g", { attrs: { "clip-path": "url(#uia-ui-assets/icons-16-warning_circle_fill__a" + t.uuid + ")" } }, [n("path", { attrs: { fill: "#001222", d: "M0.25 8C0.25 3.71979 3.71979 0.25 8 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 8ZM8.75 8.75V4.25H7.25V8.75H8.75ZM8 11.5C8.41421 11.5 8.75 11.1642 8.75 10.75C8.75 10.3358 8.41421 10 8 10C7.58579 10 7.25 10.3358 7.25 10.75C7.25 11.1642 7.58579 11.5 8 11.5Z" } })]), n("defs", [n("clipPath", { attrs: { id: "uia-ui-assets/icons-16-warning_circle_fill__a" + t.uuid } }, [n("rect", { attrs: { width: "16", height: "16", fill: "#fff" } })])])]);
-}, ll = [], al = /* @__PURE__ */ V(
-  sl,
-  ol,
-  ll,
+}, rl = [], dl = /* @__PURE__ */ H(
+  al,
+  il,
+  rl,
   !1,
   null,
   null
 );
-const il = al.exports, rl = {}, dl = /* @__PURE__ */ ie({
-  ...rl,
+const cl = dl.exports, ul = {}, fl = /* @__PURE__ */ de({
+  ...ul,
   __name: "data-grid-static-icon",
   props: {
     colored: { type: Boolean, default: !1 },
@@ -2304,36 +2345,36 @@ const il = al.exports, rl = {}, dl = /* @__PURE__ */ ie({
     const t = s, n = C(() => {
       switch (t.variant) {
         case "checkmark":
-          return Tn;
+          return In;
         case "warning":
-          return On;
+          return Dn;
         case "error":
-          return il;
+          return cl;
         case "cross":
-          return pt;
+          return bt;
         case "no-value":
-          return et;
+          return nt;
         default:
-          return et;
+          return nt;
       }
     }), e = C(() => ({
       "b-data-grid-static-icon--colored": t.colored && t.variant !== "no-value"
-    })), o = C(() => `b-data-grid-static-icon__${t.variant}`), l = C(() => In.AUTO);
-    return { __sfc: !0, props: t, computedIcon: n, conditionalClasses: e, computedIconClass: o, tooltipPosition: l, vBentoTooltipDirective: Nn };
+    })), o = C(() => `b-data-grid-static-icon__${t.variant}`), l = C(() => xn.AUTO);
+    return { __sfc: !0, props: t, computedIcon: n, conditionalClasses: e, computedIconClass: o, tooltipPosition: l, vBentoTooltipDirective: Fn };
   }
 });
-var cl = function() {
+var gl = function() {
   var t = this, n = t._self._c, e = t._self._setupProxy;
   return n("div", { directives: [{ name: "bento-tooltip-directive", rawName: "v-bento-tooltip-directive:[tooltipPosition]", value: t.tooltipText, expression: "tooltipText", arg: e.tooltipPosition }], staticClass: "b-data-grid-static-icon", class: e.conditionalClasses, attrs: { "aria-label": t.tooltipText, tabindex: "0" } }, [n(e.computedIcon, { tag: "component", class: e.computedIconClass, attrs: { "svg-title": t.tooltipText } })], 1);
-}, ul = [], fl = /* @__PURE__ */ V(
-  dl,
-  cl,
-  ul,
+}, _l = [], vl = /* @__PURE__ */ H(
+  fl,
+  gl,
+  _l,
   !1,
   null,
-  "f8532817"
+  "dbc055cb"
 );
-const Ca = fl.exports, gl = {
+const Ca = vl.exports, ml = {
   "de-DE": {
     numberResults: "1 Ergebnis | {count} Ergebnisse"
   },
@@ -2352,10 +2393,10 @@ const Ca = fl.exports, gl = {
   "pt-BR": {
     numberResults: "1 resultado | {count} resultados"
   }
-}, _l = {
-  i18n: { messages: gl }
-}, vl = /* @__PURE__ */ ie({
-  ..._l,
+}, Cl = {
+  i18n: { messages: ml }
+}, hl = /* @__PURE__ */ de({
+  ...Cl,
   __name: "data-grid-summary-cell",
   props: {
     label: null,
@@ -2365,47 +2406,47 @@ const Ca = fl.exports, gl = {
     tooltipText: { default: null }
   },
   setup(s) {
-    const t = s, { tc: n } = ue(), e = y(), o = C(() => {
-      var d;
+    const t = s, { tc: n } = ce(), e = R(), o = C(() => {
+      var r;
       return {
         popoverPosition: "right",
         // Default is right but can be overriden
         ...t.dashedUnderline,
-        popoverTitle: ((d = t == null ? void 0 : t.dashedUnderline) == null ? void 0 : d.popoverTitle) ?? t.label,
+        popoverTitle: ((r = t == null ? void 0 : t.dashedUnderline) == null ? void 0 : r.popoverTitle) ?? t.label,
         // We force teleport as this is needed for the popover to appear above all the data grid elements
         teleport: {
           disabled: !1
         }
       };
     }), l = C(() => {
-      var d;
-      return ((d = t.searchTerm) == null ? void 0 : d.toLowerCase()) ?? "";
-    }), a = (d) => t.searchTerm && d.toLowerCase().includes(l.value) ? "mark" : "span", i = C(() => t.searchTerm ? t.items.filter((d) => d.toLowerCase().includes(l.value)).length : 0), f = C(
+      var r;
+      return ((r = t.searchTerm) == null ? void 0 : r.toLowerCase()) ?? "";
+    }), a = (r) => t.searchTerm && r.toLowerCase().includes(l.value) ? "mark" : "span", i = C(() => t.searchTerm ? t.items.filter((r) => r.toLowerCase().includes(l.value)).length : 0), u = C(
       () => t.tooltipText ?? (i.value > 0 ? n("numberResults", i.value) : "")
     );
-    return { __sfc: !0, tc: n, props: t, dashedUnderlineRef: e, dashedUnderlineProps: o, lowerCaseSearchTerm: l, highlightedComponent: a, highlightedItemsCount: i, computedToolTipText: f, BentoDashedUnderline: Fn, BentoTypography: be, Tooltip: xn, BentoTooltipPosition: Dn };
+    return { __sfc: !0, tc: n, props: t, dashedUnderlineRef: e, dashedUnderlineProps: o, lowerCaseSearchTerm: l, highlightedComponent: a, highlightedItemsCount: i, computedToolTipText: u, BentoDashedUnderline: Un, BentoTypography: Se, Tooltip: Mn, BentoTooltipPosition: Bn };
   }
 });
-var ml = function() {
+var pl = function() {
   var t = this, n = t._self._c, e = t._self._setupProxy;
   return n("div", { staticClass: "b-data-grid-summary-cell" }, [t.items.length > 1 ? n(e.BentoDashedUnderline, t._b({ ref: "dashedUnderlineRef", scopedSlots: t._u([{ key: "popover-content", fn: function() {
     return [n(e.BentoTypography, { staticClass: "b-data-grid-summary-cell__popover-content" }, [n("ul", { staticClass: "b-data-grid-summary-cell__list" }, t._l(t.items, function(o) {
       return n("li", { key: o }, [n(e.highlightedComponent(o), { tag: "component" }, [t._v(t._s(o))])], 1);
     }), 0)])];
   }, proxy: !0 }], null, !1, 4023850623) }, "bento-dashed-underline", e.dashedUnderlineProps, !1), [t._v(" " + t._s(t.label) + " ")]) : [t._v(t._s(t.items[0]))], e.dashedUnderlineRef && e.computedToolTipText ? n(e.Tooltip, { attrs: { content: e.computedToolTipText, "disabled-focus-trap": !0, position: e.BentoTooltipPosition.RIGHT, "fallback-position": ["left", "bottom"], "is-shown": !!e.computedToolTipText, "target-element": e.dashedUnderlineRef } }) : t._e()], 2);
-}, Cl = [], hl = /* @__PURE__ */ V(
-  vl,
-  ml,
-  Cl,
+}, wl = [], bl = /* @__PURE__ */ H(
+  hl,
+  pl,
+  wl,
   !1,
   null,
-  "8250b534"
+  "3a78b90f"
 );
-const ha = hl.exports, pl = {
-  i18n: { messages: Ot },
+const ha = bl.exports, Sl = {
+  i18n: { messages: It },
   name: "bento-data-grid"
-}, wl = /* @__PURE__ */ ie({
-  ...pl,
+}, Rl = /* @__PURE__ */ de({
+  ...Sl,
   props: {
     /**
      * When true, will emit a 'rowClick' event when a row is clicked. Will add cursor: pointer to rows.
@@ -2492,7 +2533,7 @@ const ha = hl.exports, pl = {
      * {@see BentoFilterValues}
      */
     filterValues: {
-      type: Ie.props.filterValues.type,
+      type: Ne.props.filterValues.type,
       default: () => []
     },
     // TODO: Move this prop as a part of "config" BentoFilterBarModel = Array<BentoFilterModel | BentoFilterSearchModel> in Bento 2.0.
@@ -2509,7 +2550,7 @@ const ha = hl.exports, pl = {
      * Filter bar search term useful to filter all the data by text
      */
     filterSearchTerm: {
-      type: Ie.props.searchTerm.type,
+      type: Ne.props.searchTerm.type,
       default: void 0
     },
     /**
@@ -2691,259 +2732,270 @@ const ha = hl.exports, pl = {
     truncateColumnHeaders: {
       type: Boolean,
       default: !1
+    },
+    /**
+     * Toggles the alternating background color of rows.
+     */
+    zebraRows: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: [
-    x.COLUMNS,
-    x.COLUMN_RESIZE,
-    x.ITEMS_PAGE,
-    x.FILTER_SEARCH_INPUT,
-    x.FILTER_SEARCH_CLEAR,
-    x.NAVIGATE,
-    x.NESTED_CONTENT_TOGGLED,
-    x.UPDATE_COLUMNS,
-    x.UPDATE_CONDENSED,
-    x.UPDATE_FILTER_VALUES,
-    x.UPDATE_FILTERS,
-    x.UPDATE_FILTER_SEARCH_TERM,
-    x.UPDATE_SHOW_MORE,
-    x.UPDATE_PAGINATION,
-    x.UPDATE_SELECTION,
-    x.UPDATE_SORT_BY,
-    x.ROW_CLICK,
-    x.SELECT,
-    x.SELECT_ALL_ACROSS_PAGES,
-    x.SORT
+    D.COLUMNS,
+    D.COLUMN_RESIZE,
+    D.ITEMS_PAGE,
+    D.FILTER_SEARCH_INPUT,
+    D.FILTER_SEARCH_CLEAR,
+    D.NAVIGATE,
+    D.NESTED_CONTENT_TOGGLED,
+    D.UPDATE_COLUMNS,
+    D.UPDATE_CONDENSED,
+    D.UPDATE_FILTER_VALUES,
+    D.UPDATE_FILTERS,
+    D.UPDATE_FILTER_SEARCH_TERM,
+    D.UPDATE_SHOW_MORE,
+    D.UPDATE_PAGINATION,
+    D.UPDATE_SELECTION,
+    D.UPDATE_SORT_BY,
+    D.ROW_CLICK,
+    D.SELECT,
+    D.SELECT_ALL_ACROSS_PAGES,
+    D.SORT
   ],
   setup(s, { expose: t, emit: n }) {
-    const e = s, o = $e(), l = ze(o), a = y(null), i = y(), f = y({}), d = y(null), E = y(null), u = y(), R = y(null), m = y(null), w = y(null), {
-      allowColumnDragAndDrop: N,
-      columns: g,
-      columnPanel: L,
-      data: h,
-      lazyLoadType: _,
-      loading: b,
-      hasNestedContent: O,
-      hasNestedRows: A,
-      selectable: r,
-      selection: p,
-      selectableAcrossPages: T,
-      stickyPagination: W,
-      outline: Z,
-      pagination: k
-    } = Be(e), X = y(-1), { t: Y } = ue(), j = C(() => H.value.filter((D) => D.frozen).length), K = De(
-      kn,
+    const e = s, o = Ue(), l = $e(o), a = R(null), i = R(), u = R({}), r = R(null), E = R(null), h = R(), y = R(null), p = R(null), c = R(null), {
+      allowColumnDragAndDrop: O,
+      columns: f,
+      columnPanel: A,
+      data: w,
+      lazyLoadType: v,
+      loading: S,
+      hasNestedContent: N,
+      hasNestedRows: T,
+      selectable: g,
+      selection: _,
+      selectableAcrossPages: L,
+      stickyPagination: z,
+      outline: V,
+      pagination: W,
+      zebraRows: J
+    } = Me(e), Z = R(-1), { t: Q } = ce(), j = C(() => K.value.filter((x) => x.frozen).length), m = De(
+      Hn,
       () => ({
-        additionalContentSlotRef: y(null),
+        additionalContentSlotRef: R(null),
         isDataGridTemplate: !1,
-        stickyAditionalContent: y(!1),
-        stickyTabs: y(!1),
-        tabsRef: y(null)
+        stickyAditionalContent: R(!1),
+        stickyTabs: R(!1),
+        tabsRef: R(null)
       })
-    ), { additionalContentSlotRef: v, isDataGridTemplate: I, stickyTabs: M, tabsRef: B, stickyAdditionalContent: c } = K(), $ = C(() => I ? 0 : null), {
-      columnDefs: H,
-      onColumnWidthOverride: Q,
-      gridRowWidthStyle: ae,
-      isMeasuringColumnWidths: me,
-      isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: fe,
-      columns: S,
-      totalWidthOfAllColumns: F,
-      rowActionsMaxWidth: z
-    } = Cs(g, h, a, f, d, {
-      hasColumnPanel: L,
-      hasSelectableColumn: r,
-      hasSelectableAcrossPages: T,
-      hasNestedContent: O,
-      hasNestedRows: A,
-      allowColumnDragAndDrop: N,
-      isDataGridTemplate: I
-    }), U = (D, ...P) => {
-      (D === x.COLUMNS || D === x.UPDATE_COLUMNS) && ([S.value] = P), n(D, ...P);
-    }, ee = ot(
-      B,
+    ), { additionalContentSlotRef: I, isDataGridTemplate: F, stickyTabs: M, tabsRef: d, stickyAdditionalContent: U } = m(), Y = C(() => F ? 0 : null), {
+      columnDefs: K,
+      onColumnWidthOverride: ae,
+      gridRowWidthStyle: me,
+      isMeasuringColumnWidths: Ce,
+      isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: b,
+      columns: B,
+      totalWidthOfAllColumns: P,
+      rowActionsMaxWidth: X
+    } = ws(f, w, a, u, r, {
+      hasColumnPanel: A,
+      hasSelectableColumn: g,
+      hasSelectableAcrossPages: L,
+      hasNestedContent: N,
+      hasNestedRows: T,
+      allowColumnDragAndDrop: O,
+      isDataGridTemplate: F
+    }), $ = (x, ...k) => {
+      (x === D.COLUMNS || x === D.UPDATE_COLUMNS) && ([B.value] = k), n(x, ...k);
+    }, ue = at(
+      d,
       M,
-      c,
-      v
-    ), Ce = C(
-      () => e.stickyFilters ? `${ee.value}px` : null
-    ), de = ot(E, Ne(e, "stickyFilters")), xt = C(
-      () => `${de.value + ee.value}px`
+      U,
+      I
+    ), fe = C(
+      () => e.stickyFilters ? `${ue.value}px` : null
+    ), Ge = at(E, Ie(e, "stickyFilters")), Bt = C(
+      () => `${Ge.value + ue.value}px`
     ), {
       sortedColumns: Ee,
-      columnSets: Re,
-      isOnlyOneVisibleColumn: Ft,
-      onConfigSettingsUpdate: Mt,
-      onConfigSettingsColumnsUpdate: Bt,
-      onConfigSettingsColumnUpdate: $t
-    } = Es(H, U), { hoveredOverColumn: Ut, hoveredOverColumnState: zt } = Ls(
-      Re,
-      r,
-      Z,
-      fe
-    ), { draggingColumns: Pt, draggingEventsForColumns: kt, draggingEventsForRowCell: Wt, onMoveColumnByOffset: Gt } = ys(Ee, N, U), Ge = C(() => !!e.selectableAcrossPages && !!e.pagination), {
-      onAllRowSelect: Ht,
-      onRowSelect: Vt,
-      onNestedRowSelect: Zt,
-      onDeselectAll: jt,
+      columnSets: ye,
+      isOnlyOneVisibleColumn: Mt,
+      internalZebraRows: He,
+      onConfigSettingsColumnsUpdate: Ut,
+      onConfigSettingsColumnUpdate: zt,
+      onConfigSettingsCondensedUpdate: $t,
+      onConfigSettingsZebraRowsUpdate: Pt
+    } = As(K, J, $), { hoveredOverColumn: kt, hoveredOverColumnState: Wt } = Ts(
+      ye,
+      g,
+      V,
+      b
+    ), { draggingColumns: Gt, draggingEventsForColumns: Ht, draggingEventsForRowCell: Vt, onMoveColumnByOffset: Zt } = Ls(Ee, O, $), Ve = C(() => !!e.selectableAcrossPages && !!e.pagination), {
+      onAllRowSelect: jt,
+      onRowSelect: qt,
+      onNestedRowSelect: Yt,
+      onDeselectAll: Kt,
       selectedItems: Le,
-      allItemsSelectedState: qt,
-      isEveryItemSelected: He,
-      isEveryItemAcrossPagesSelected: Ve
-    } = hs(
-      p,
-      U,
-      h,
+      allItemsSelectedState: Xt,
+      isEveryItemSelected: Ze,
+      isEveryItemAcrossPagesSelected: je
+    } = bs(
+      _,
+      $,
+      w,
       e.getDataItemId,
       e.isDataItemDisabled,
-      Ge,
-      k
-    ), { navigationInput: Yt } = ws(
-      d,
-      f,
-      Ee,
+      Ve,
+      W
+    ), { navigationInput: Jt } = Rs(
       r,
+      u,
+      Ee,
+      g,
       C(() => e.rowActions !== void 0),
-      L
-    ), { isLazyLoad: Ae, isInfiniteScroll: Kt, verticalScrollPosition: Ze, emitLazyLoadEvent: Xt } = bs(
-      _,
-      m,
+      A
+    ), { isLazyLoad: Ae, isInfiniteScroll: Qt, verticalScrollPosition: qe, emitLazyLoadEvent: en } = ys(
+      v,
+      p,
       a,
-      b,
-      U
+      S,
+      $
     ), {
-      updateScrollPosition: Jt,
-      updateScrollPositionOnFrozenColumnsNavigation: Qt,
-      syncVirtualScrollerWithBody: en,
-      hasLeftOverflow: Te,
-      hasRightOverflow: je,
-      horizontalScrollbarConditionalStyles: tn
-    } = Rs(
+      updateScrollPosition: tn,
+      updateScrollPositionOnFrozenColumnsNavigation: nn,
+      syncVirtualScrollerWithBody: sn,
+      hasLeftOverflow: Oe,
+      hasRightOverflow: Ye,
+      horizontalScrollbarConditionalStyles: on
+    } = Os(
       a,
       i,
-      Ze,
-      w,
-      R,
-      F,
+      qe,
+      c,
+      y,
+      P,
       {
         isLazyLoad: Ae,
-        pagination: k,
-        stickyPagination: W,
-        isDataGridTemplate: I
+        pagination: W,
+        stickyPagination: z,
+        isDataGridTemplate: F
       }
-    ), qe = () => {
-      u.value.isClearAllVisible ? u.value.clearAllFilters() : u.value.isResetAllVisible && u.value.resetAllFilters();
-    }, nn = C(() => {
-      var D, P;
+    ), Ke = () => {
+      h.value.isClearAllVisible ? h.value.clearAllFilters() : h.value.isResetAllVisible && h.value.resetAllFilters();
+    }, ln = C(() => {
+      var x, k;
       return {
         ...e.emptyState,
-        variant: ((D = e.emptyState) == null ? void 0 : D.variant) === "embedded" || ((P = e.emptyState) == null ? void 0 : P.variant) === "basic" ? e.emptyState.variant : "basic"
+        variant: ((x = e.emptyState) == null ? void 0 : x.variant) === "embedded" || ((k = e.emptyState) == null ? void 0 : k.variant) === "basic" ? e.emptyState.variant : "basic"
       };
-    }), sn = C(() => ({
+    }), an = C(() => ({
       [`b-data-grid--${re.OUTLINE}`]: e.outline,
       [`b-data-grid--${re.SCROLL}`]: e.fitContent || Ae.value,
       [`b-data-grid--${re.STICKY_FILTERS}`]: e.filters && e.stickyFilters,
-      [`b-data-grid--${re.OVERFLOW_SHADOW_LEFT}`]: Te.value && !j.value,
-      [`b-data-grid--${re.OVERFLOW_SHADOW_RIGHT}`]: je.value && e.rowActions === void 0,
+      [`b-data-grid--${re.OVERFLOW_SHADOW_LEFT}`]: Oe.value && !j.value,
+      [`b-data-grid--${re.OVERFLOW_SHADOW_RIGHT}`]: Ye.value && e.rowActions === void 0,
       [`b-data-grid--${re.NO_SPACING_TOP}`]: e.noSpacingTop,
-      [`b-data-grid--${re.FIT_CONTENT}`]: e.fitContent
-    })), on = C(() => ({
+      [`b-data-grid--${re.FIT_CONTENT}`]: e.fitContent,
+      [`b-data-grid--${re.ZEBRA_ROWS}`]: He.value
+    })), rn = C(() => ({
       "b-data-grid__body--sticky-horizontal-scrollbar": e.stickyHorizontalScrollbar
-    })), ln = C(() => Re.value.findIndex((D) => D.columnSet.length)), an = C(() => !((e.selectable || e.hasNestedContent || e.hasNestedRows) && j.value === 1) || Te.value), rn = C(() => ({
-      "b-data-grid__filters--sticky": !!e.stickyFilters || I
-    })), dn = C(() => {
-      var D, P, J, ge, he, pe;
+    })), dn = C(() => ye.value.findIndex((x) => x.columnSet.length)), cn = C(() => !((e.selectable || e.hasNestedContent || e.hasNestedRows) && j.value === 1) || Oe.value), un = C(() => ({
+      "b-data-grid__filters--sticky": !!e.stickyFilters || F
+    })), fn = C(() => {
+      var x, k, ee, ge, he, pe;
       return {
-        "b-data-grid__pagination--padding-left-unset": ((J = (P = (D = e.columns) == null ? void 0 : D[0]) == null ? void 0 : P.padding) == null ? void 0 : J.left) === !1,
+        "b-data-grid__pagination--padding-left-unset": ((ee = (k = (x = e.columns) == null ? void 0 : x[0]) == null ? void 0 : k.padding) == null ? void 0 : ee.left) === !1,
         "b-data-grid__pagination--padding-right-unset": ((pe = (he = (ge = e.columns) == null ? void 0 : ge[e.columns.length - 1]) == null ? void 0 : he.padding) == null ? void 0 : pe.right) === !1,
-        "b-data-grid__pagination--sticky": !!e.stickyPagination || I
+        "b-data-grid__pagination--sticky": !!e.stickyPagination || F
       };
-    }), cn = (D) => {
-      const P = D;
-      D !== null && (P != null && P.columnHeaderRefs) && Object.entries(P == null ? void 0 : P.columnHeaderRefs).forEach(([J, ge]) => {
-        f.value[J] = ge;
+    }), gn = (x) => {
+      const k = x;
+      x !== null && (k != null && k.columnHeaderRefs) && Object.entries(k == null ? void 0 : k.columnHeaderRefs).forEach(([ee, ge]) => {
+        u.value[ee] = ge;
       });
-    }, un = (D, P) => {
-      var ge, he, pe, Je;
-      const J = D;
-      if (D !== null && J != null && J.gridcellRefs) {
-        const En = e.rowActions !== void 0 && (J == null ? void 0 : J.rowActionsRef);
-        Object.entries(J == null ? void 0 : J.gridcellRefs).map(([Oe, Rn]) => {
-          var Qe;
-          ((Qe = d.value) == null ? void 0 : Qe[Oe]) === void 0 && (d.value = { ...d.value, [Oe]: [] }), d.value[Oe][P] = Rn;
-        }), En && (((ge = d.value) == null ? void 0 : ge[we]) === void 0 && (d.value = { ...d.value, [we]: [] }), d.value[we][P] = (he = J.rowActionsRef) == null ? void 0 : he[0], z.value = Math.max(
-          z.value,
-          ((Je = (pe = J.rowActionsRef) == null ? void 0 : pe[0]) == null ? void 0 : Je.offsetWidth) ?? 0
+    }, _n = (x, k) => {
+      var ge, he, pe, et;
+      const ee = x;
+      if (x !== null && ee != null && ee.gridcellRefs) {
+        const An = e.rowActions !== void 0 && (ee == null ? void 0 : ee.rowActionsRef);
+        Object.entries(ee == null ? void 0 : ee.gridcellRefs).map(([Te, On]) => {
+          var tt;
+          ((tt = r.value) == null ? void 0 : tt[Te]) === void 0 && (r.value = { ...r.value, [Te]: [] }), r.value[Te][k] = On;
+        }), An && (((ge = r.value) == null ? void 0 : ge[we]) === void 0 && (r.value = { ...r.value, [we]: [] }), r.value[we][k] = (he = ee.rowActionsRef) == null ? void 0 : he[0], X.value = Math.max(
+          X.value,
+          ((et = (pe = ee.rowActionsRef) == null ? void 0 : pe[0]) == null ? void 0 : et.offsetWidth) ?? 0
         ));
       }
-    }, fn = (D, P) => {
-      e.allowRowClicks && U(x.ROW_CLICK, D, P);
-    }, gn = (D) => {
-      X.value = D;
-    }, _n = C(() => e.hasNestedContent || e.hasNestedRows ? "treegrid" : "grid"), vn = $n({
-      label: o != null && o.header ? Un(o)("header") : null,
+    }, vn = (x, k) => {
+      e.allowRowClicks && $(D.ROW_CLICK, x, k);
+    }, mn = (x) => {
+      Z.value = x;
+    }, Cn = C(() => e.hasNestedContent || e.hasNestedRows ? "treegrid" : "grid"), hn = Pn({
+      label: o != null && o.header ? kn(o)("header") : null,
       defaultFallback: "data grid"
-    }), mn = C(() => {
-      var D;
-      return Ve.value ? "all" : He.value ? "page" : ((D = Le.value) == null ? void 0 : D.length) > 0 ? "single" : "none";
-    }), Ye = C(() => {
-      var D;
-      return ((D = Le.value) == null ? void 0 : D.length) ?? 0;
-    }), Cn = C(() => e.bulkActions && Ye.value > 0), hn = (D) => U(x.COLUMN_RESIZE, D), pn = (D) => {
-      U(x.UPDATE_SORT_BY, D), U(x.SORT, D);
-    }, wn = (D, P) => {
-      U(x.NAVIGATE, D), U(x.UPDATE_PAGINATION, {
+    }), pn = C(() => {
+      var x;
+      return je.value ? "all" : Ze.value ? "page" : ((x = Le.value) == null ? void 0 : x.length) > 0 ? "single" : "none";
+    }), Xe = C(() => {
+      var x;
+      return ((x = Le.value) == null ? void 0 : x.length) ?? 0;
+    }), wn = C(() => e.bulkActions && Xe.value > 0), bn = (x) => $(D.COLUMN_RESIZE, x), Sn = (x) => {
+      $(D.UPDATE_SORT_BY, x), $(D.SORT, x);
+    }, Rn = (x, k) => {
+      $(D.NAVIGATE, x), $(D.UPDATE_PAGINATION, {
         ...e.pagination,
-        size: P,
-        page: D
+        size: k,
+        page: x
       });
-    }, Sn = (D) => {
-      U(x.ITEMS_PAGE, D);
-    }, bn = () => {
-      U(x.FILTER_SEARCH_CLEAR);
-    }, yn = (D) => {
-      U(x.UPDATE_FILTER_SEARCH_TERM, D), U(x.FILTER_SEARCH_INPUT, D);
-    }, Ke = C(() => g.value.some((D) => D.mandatory));
-    Ke.value || wt(
+    }, En = (x) => {
+      $(D.ITEMS_PAGE, x);
+    }, yn = () => {
+      $(D.FILTER_SEARCH_CLEAR);
+    }, Ln = (x) => {
+      $(D.UPDATE_FILTER_SEARCH_TERM, x), $(D.FILTER_SEARCH_INPUT, x);
+    }, Je = C(() => f.value.some((x) => x.mandatory));
+    Je.value || St(
       "WARNING: At least one BentoDataGrid column should be set as mandatory to ensure data is always displayed correctly."
     );
-    const Xe = De(Pn, () => null);
-    return Xe(e.tabTitle), ht(Nt, Ne(e, "slashedZero")), t({ onEmptyStateClearResetButtonClick: qe }), { __sfc: !0, props: e, slots: o, hasSlot: l, body: a, columnsRef: i, columnHeaderRefs: f, gridcellRefs: d, filtersRef: E, filterBarRef: u, paginationContainerRef: R, verticalScrollPositionRef: m, virtualHorizontalScrollbarRef: w, allowColumnDragAndDrop: N, columns: g, columnPanel: L, data: h, lazyLoadType: _, loading: b, hasNestedContent: O, hasNestedRows: A, selectable: r, selection: p, selectableAcrossPages: T, stickyPagination: W, outline: Z, pagination: k, hoveredRowIndex: X, t: Y, frozenColumnsLength: j, registerDatagridInDataGridTemplate: K, additionalContentSlotRef: v, isDataGridTemplate: I, stickyTabs: M, tabsRef: B, stickyAdditionalContent: c, computedColumnsTabIndex: $, columnDefs: H, onColumnWidthOverride: Q, gridRowWidthStyle: ae, isMeasuringColumnWidths: me, isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: fe, localColumnsState: S, totalWidthOfAllColumns: F, rowActionsMaxWidth: z, definedEmitsFunction: n, emit: U, stickyFiltersHeight: ee, computedStickyFiltersTopPosition: Ce, columnHeadersHeight: de, computedColumnHeadersTopPosition: xt, sortedColumns: Ee, columnSets: Re, isOnlyOneVisibleColumn: Ft, onConfigSettingsUpdate: Mt, onConfigSettingsColumnsUpdate: Bt, onConfigSettingsColumnUpdate: $t, hoveredOverColumn: Ut, hoveredOverColumnState: zt, draggingColumns: Pt, draggingEventsForColumns: kt, draggingEventsForRowCell: Wt, onMoveColumnByOffset: Gt, selectableAcrossPagesComputed: Ge, onAllRowSelect: Ht, onRowSelect: Vt, onNestedRowSelect: Zt, onDeselectAll: jt, selectedItems: Le, allItemsSelectedState: qt, isEveryItemSelected: He, isEveryItemAcrossPagesSelected: Ve, navigationInput: Yt, isLazyLoad: Ae, isInfiniteScroll: Kt, verticalScrollPosition: Ze, emitLazyLoadEvent: Xt, updateScrollPosition: Jt, updateScrollPositionOnFrozenColumnsNavigation: Qt, syncVirtualScrollerWithBody: en, hasLeftOverflow: Te, hasRightOverflow: je, horizontalScrollbarConditionalStyles: tn, onEmptyStateClearResetButtonClick: qe, limitedEmptyStateProps: nn, conditionalGridClasses: sn, conditionalGridBodyClasses: on, computedColumnPanelAlignment: ln, showFrozenColumnsSeparator: an, conditionalFilterClasses: rn, conditionalPaginationClasses: dn, registerColumnHeaderRefs: cn, registerRowCellRefs: un, onRowClick: fn, onCellHover: gn, ariaGridRole: _n, ariaGridHeaderText: vn, selectionState: mn, itemsSelectedCounter: Ye, showActionBar: Cn, onColumnResized: hn, onSort: pn, onPaginationNavigate: wn, onItemsPerPageChange: Sn, onSearchTermCleared: bn, onSearchTermInput: yn, hasMandatoryColumn: Ke, setTitle: Xe, BentoActionBar: Mn, BentoPagination: Bn, BentoLoadingIndicator: Ue, BentoTypography: be, BentoDataGridConfigSettings: Ao, DataGridColumns: co, DataGridLazyLoad: xo, DataGridRow: Dt, handleClipboard: As, BentoDatagridEvent: x, BentoFilterBar: Ie, BentoEmptyState: zn };
+    const Qe = De(Gn, () => null);
+    return Qe(e.tabTitle), wt(xt, Ie(e, "slashedZero")), t({ onEmptyStateClearResetButtonClick: Ke }), { __sfc: !0, props: e, slots: o, hasSlot: l, body: a, columnsRef: i, columnHeaderRefs: u, gridcellRefs: r, filtersRef: E, filterBarRef: h, paginationContainerRef: y, verticalScrollPositionRef: p, virtualHorizontalScrollbarRef: c, allowColumnDragAndDrop: O, columns: f, columnPanel: A, data: w, lazyLoadType: v, loading: S, hasNestedContent: N, hasNestedRows: T, selectable: g, selection: _, selectableAcrossPages: L, stickyPagination: z, outline: V, pagination: W, zebraRows: J, hoveredRowIndex: Z, t: Q, frozenColumnsLength: j, registerDatagridInDataGridTemplate: m, additionalContentSlotRef: I, isDataGridTemplate: F, stickyTabs: M, tabsRef: d, stickyAdditionalContent: U, computedColumnsTabIndex: Y, columnDefs: K, onColumnWidthOverride: ae, gridRowWidthStyle: me, isMeasuringColumnWidths: Ce, isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: b, localColumnsState: B, totalWidthOfAllColumns: P, rowActionsMaxWidth: X, definedEmitsFunction: n, emit: $, stickyFiltersHeight: ue, computedStickyFiltersTopPosition: fe, columnHeadersHeight: Ge, computedColumnHeadersTopPosition: Bt, sortedColumns: Ee, columnSets: ye, isOnlyOneVisibleColumn: Mt, internalZebraRows: He, onConfigSettingsColumnsUpdate: Ut, onConfigSettingsColumnUpdate: zt, onConfigSettingsCondensedUpdate: $t, onConfigSettingsZebraRowsUpdate: Pt, hoveredOverColumn: kt, hoveredOverColumnState: Wt, draggingColumns: Gt, draggingEventsForColumns: Ht, draggingEventsForRowCell: Vt, onMoveColumnByOffset: Zt, selectableAcrossPagesComputed: Ve, onAllRowSelect: jt, onRowSelect: qt, onNestedRowSelect: Yt, onDeselectAll: Kt, selectedItems: Le, allItemsSelectedState: Xt, isEveryItemSelected: Ze, isEveryItemAcrossPagesSelected: je, navigationInput: Jt, isLazyLoad: Ae, isInfiniteScroll: Qt, verticalScrollPosition: qe, emitLazyLoadEvent: en, updateScrollPosition: tn, updateScrollPositionOnFrozenColumnsNavigation: nn, syncVirtualScrollerWithBody: sn, hasLeftOverflow: Oe, hasRightOverflow: Ye, horizontalScrollbarConditionalStyles: on, onEmptyStateClearResetButtonClick: Ke, limitedEmptyStateProps: ln, conditionalGridClasses: an, conditionalGridBodyClasses: rn, computedColumnPanelAlignment: dn, showFrozenColumnsSeparator: cn, conditionalFilterClasses: un, conditionalPaginationClasses: fn, registerColumnHeaderRefs: gn, registerRowCellRefs: _n, onRowClick: vn, onCellHover: mn, ariaGridRole: Cn, ariaGridHeaderText: hn, selectionState: pn, itemsSelectedCounter: Xe, showActionBar: wn, onColumnResized: bn, onSort: Sn, onPaginationNavigate: Rn, onItemsPerPageChange: En, onSearchTermCleared: yn, onSearchTermInput: Ln, hasMandatoryColumn: Je, setTitle: Qe, BentoActionBar: zn, BentoPagination: $n, BentoLoadingIndicator: ze, BentoTypography: Se, BentoDataGridConfigSettings: No, DataGridColumns: go, DataGridLazyLoad: Mo, DataGridRow: Ft, handleClipboard: Ns, BentoDatagridEvent: D, BentoFilterBar: Ne, BentoEmptyState: Wn };
   }
 });
-var Sl = function() {
+var El = function() {
   var o;
   var t = this, n = t._self._c, e = t._self._setupProxy;
-  return n("div", { staticClass: "b-data-grid", class: e.conditionalGridClasses, attrs: { "aria-rowcount": e.data.length, "aria-colcount": e.columns.length, "aria-label": e.ariaGridHeaderText, role: e.ariaGridRole }, on: { copy: e.handleClipboard } }, [t.filters ? n("div", { ref: "filtersRef", staticClass: "b-data-grid__filters", class: e.conditionalFilterClasses, style: { top: e.computedStickyFiltersTopPosition } }, [t.filters ? n(e.BentoFilterBar, { ref: "filterBarRef", attrs: { config: t.filters, "container-size-layout": t.filtersContainerSizeLayout, "filter-values": t.filterValues, search: t.filterSearchConfig, "search-term": t.filterSearchTerm }, on: { "search-input": e.onSearchTermInput, "search-clear": e.onSearchTermCleared, input: (l) => t.$emit(e.BentoDatagridEvent.UPDATE_FILTERS, l), "update:filter-values": (l) => t.$emit(e.BentoDatagridEvent.UPDATE_FILTER_VALUES, l) } }) : t._e()], 1) : t._e(), t.$slots.header ? n("div", { staticClass: "b-data-grid__header" }, [t._t("header")], 2) : t._e(), n("div", { staticClass: "b-data-grid__column-headers", style: { top: e.computedColumnHeadersTopPosition } }, [e.columnPanel ? n(e.BentoDataGridConfigSettings, { staticClass: "b-data-grid__config-settings", attrs: { columns: e.localColumnsState, condensed: t.condensed }, on: { "config-settings": e.onConfigSettingsUpdate, "update:columns": e.onConfigSettingsColumnsUpdate } }) : t._e(), n("div", { ref: "columnsRef", staticClass: "b-data-grid__columns-row", attrs: { role: "rowgroup", tabindex: e.computedColumnsTabIndex }, on: { scroll: e.updateScrollPosition, keydown: e.navigationInput } }, [n("div", { staticClass: "b-data-grid__columns", style: e.gridRowWidthStyle, attrs: { role: "row" } }, [t._l(e.columnSets, function({ columnSet: l, id: a, isFrozenColumns: i }, f) {
-    return [l != null && l.length ? n(e.DataGridColumns, t._g({ key: `data-grid-columns-${a}`, ref: (d) => e.registerColumnHeaderRefs(d), refInFor: !0, attrs: { columns: l, "has-resizable-columns": t.hasResizableColumns, "sort-by": t.sortBy, "all-items-selected-state": e.allItemsSelectedState, "is-frozen-columns": i, "show-frozen-columns-separator": e.showFrozenColumnsSeparator, "dragging-columns": e.draggingColumns, "has-draggable-columns": e.allowColumnDragAndDrop, "has-column-panel": e.columnPanel, "has-left-overflow": e.hasLeftOverflow, "has-first-column-panel-right-aligned": f === e.computedColumnPanelAlignment, "hovered-over-column-state": e.hoveredOverColumnState, "is-measuring-column-widths": e.isMeasuringColumnWidths, "is-only-one-visible-column": e.isOnlyOneVisibleColumn, selectable: e.selectable, "selectable-across-pages": e.selectableAcrossPagesComputed, "selected-items": e.selectedItems, "selection-state": e.selectionState, "truncate-column-headers": t.truncateColumnHeaders, "row-actions-maximum-width": e.rowActionsMaxWidth }, on: { "column-hover": function(d) {
-      e.hoveredOverColumn = d;
-    }, "column-move": e.onMoveColumnByOffset, "column-update": e.onConfigSettingsColumnUpdate, "column-resize": e.onColumnResized, "column-resizing": e.onColumnWidthOverride, "select-all-rows": e.onAllRowSelect, "select-all-across-pages": function(d) {
+  return n("div", { staticClass: "b-data-grid", class: e.conditionalGridClasses, attrs: { "aria-rowcount": e.data.length, "aria-colcount": e.columns.length, "aria-label": e.ariaGridHeaderText, role: e.ariaGridRole }, on: { copy: e.handleClipboard } }, [t.filters ? n("div", { ref: "filtersRef", staticClass: "b-data-grid__filters", class: e.conditionalFilterClasses, style: { top: e.computedStickyFiltersTopPosition } }, [t.filters ? n(e.BentoFilterBar, { ref: "filterBarRef", attrs: { config: t.filters, "container-size-layout": t.filtersContainerSizeLayout, "filter-values": t.filterValues, search: t.filterSearchConfig, "search-term": t.filterSearchTerm }, on: { "search-input": e.onSearchTermInput, "search-clear": e.onSearchTermCleared, input: (l) => t.$emit(e.BentoDatagridEvent.UPDATE_FILTERS, l), "update:filter-values": (l) => t.$emit(e.BentoDatagridEvent.UPDATE_FILTER_VALUES, l) } }) : t._e()], 1) : t._e(), t.$slots.header ? n("div", { staticClass: "b-data-grid__header" }, [t._t("header")], 2) : t._e(), n("div", { staticClass: "b-data-grid__column-headers", style: { top: e.computedColumnHeadersTopPosition } }, [e.columnPanel ? n(e.BentoDataGridConfigSettings, { staticClass: "b-data-grid__config-settings", attrs: { columns: e.localColumnsState, condensed: t.condensed, "zebra-rows": e.internalZebraRows }, on: { "update:condensed": e.onConfigSettingsCondensedUpdate, "update:zebra-rows": e.onConfigSettingsZebraRowsUpdate, "update:columns": e.onConfigSettingsColumnsUpdate } }) : t._e(), n("div", { ref: "columnsRef", staticClass: "b-data-grid__columns-row", attrs: { role: "rowgroup", tabindex: e.computedColumnsTabIndex }, on: { scroll: e.updateScrollPosition, keydown: e.navigationInput } }, [n("div", { staticClass: "b-data-grid__columns", style: e.gridRowWidthStyle, attrs: { role: "row" } }, [t._l(e.columnSets, function({ columnSet: l, id: a, isFrozenColumns: i }, u) {
+    return [l != null && l.length ? n(e.DataGridColumns, t._g({ key: `data-grid-columns-${a}`, ref: (r) => e.registerColumnHeaderRefs(r), refInFor: !0, attrs: { columns: l, "has-resizable-columns": t.hasResizableColumns, "sort-by": t.sortBy, "all-items-selected-state": e.allItemsSelectedState, "is-frozen-columns": i, "show-frozen-columns-separator": e.showFrozenColumnsSeparator, "dragging-columns": e.draggingColumns, "has-draggable-columns": e.allowColumnDragAndDrop, "has-column-panel": e.columnPanel, "has-left-overflow": e.hasLeftOverflow, "has-first-column-panel-right-aligned": u === e.computedColumnPanelAlignment, "hovered-over-column-state": e.hoveredOverColumnState, "is-measuring-column-widths": e.isMeasuringColumnWidths, "is-only-one-visible-column": e.isOnlyOneVisibleColumn, selectable: e.selectable, "selectable-across-pages": e.selectableAcrossPagesComputed, "selected-items": e.selectedItems, "selection-state": e.selectionState, "truncate-column-headers": t.truncateColumnHeaders, "row-actions-maximum-width": e.rowActionsMaxWidth }, on: { "column-hover": function(r) {
+      e.hoveredOverColumn = r;
+    }, "column-move": e.onMoveColumnByOffset, "column-update": e.onConfigSettingsColumnUpdate, "column-resize": e.onColumnResized, "column-resizing": e.onColumnWidthOverride, "select-all-rows": e.onAllRowSelect, "select-all-across-pages": function(r) {
       return e.emit(e.BentoDatagridEvent.SELECT_ALL_ACROSS_PAGES);
-    }, "deselect-all": e.onDeselectAll, sort: e.onSort }, scopedSlots: t._u([t._l(e.slots, function(d, E) {
-      return { key: E, fn: function(u) {
-        return [t._t(E, null, null, u)];
+    }, "deselect-all": e.onDeselectAll, sort: e.onSort }, scopedSlots: t._u([t._l(e.slots, function(r, E) {
+      return { key: E, fn: function(h) {
+        return [t._t(E, null, null, h)];
       } };
     })], null, !0) }, e.draggingEventsForColumns)) : t._e()];
   })], 2)])], 1), n("div", { ref: "body", staticClass: "b-data-grid__body", class: e.conditionalGridBodyClasses, attrs: { "data-testid": "data-grid-body", tabindex: e.loading ? "0" : "-1", "aria-busy": e.loading, "aria-live": "polite" }, on: { scroll: e.updateScrollPosition } }, [e.loading && !e.isLazyLoad ? n("div", { staticClass: "b-data-grid__loading" }, [n(e.BentoLoadingIndicator, { staticClass: "b-data-grid__loading-indicator", attrs: { large: "" } }), n(e.BentoTypography, { attrs: { el: "span", variant: "caption" } }, [t._v(t._s(e.t("gettingYourData")))])], 1) : ((o = e.data) == null ? void 0 : o.length) === 0 && t.emptyState ? n("div", { staticClass: "b-data-grid__empty-state" }, [n(e.BentoEmptyState, t._b({}, "bento-empty-state", e.limitedEmptyStateProps, !1))], 1) : n("div", { staticClass: "b-data-grid__rows", attrs: { role: "rowgroup" }, on: { keydown: e.navigationInput } }, t._l(e.data, function(l, a) {
-    var i, f;
-    return n(e.DataGridRow, { key: a, ref: (d) => e.registerRowCellRefs(d, a), refInFor: !0, style: e.gridRowWidthStyle, attrs: { "allow-row-clicks": t.allowRowClicks, "column-sets": e.columnSets, condensed: t.condensed, "dragging-columns": e.draggingColumns, "dragging-events-for-row-cell": e.draggingEventsForRowCell, "get-data-item-id": t.getDataItemId, "has-nested-content": e.hasNestedContent, "has-nested-rows": e.hasNestedRows, "has-left-overflow": e.hasLeftOverflow, "has-right-overflow": e.hasRightOverflow, "highlighted-rows": t.highlightedRows, "hovered-row-index": e.hoveredRowIndex, "hovered-over-column-state": e.hoveredOverColumnState, "is-data-item-disabled": t.isDataItemDisabled, "is-row-last-child": a + 1 === ((i = e.data) == null ? void 0 : i.length), "is-measuring-column-widths": e.isMeasuringColumnWidths, "row-actions-maximum-width": e.rowActionsMaxWidth, "row-actions": t.rowActions, "row-data": l, "row-index": a, "row-set-size": (f = e.data) == null ? void 0 : f.length, "show-frozen-columns-separator": e.showFrozenColumnsSeparator, "should-show-nested-content": t.shouldShowNestedContent, "should-show-nested-rows": t.shouldShowNestedRows, selectable: e.selectable, "selected-items": e.selectedItems }, on: { "cell-hovered": e.onCellHover, "nested-content-toggled": function(d) {
-      return e.emit(e.BentoDatagridEvent.NESTED_CONTENT_TOGGLED, d);
-    }, "row-click": e.onRowClick, "on-frozen-columns-key-press": e.updateScrollPositionOnFrozenColumnsNavigation, "select-row": e.onRowSelect, "select-nested-row": e.onNestedRowSelect }, scopedSlots: t._u([t._l(e.slots, function(d, E) {
-      return { key: E, fn: function(u) {
-        return [t._t(E, null, null, u)];
+    var i, u;
+    return n(e.DataGridRow, { key: a, ref: (r) => e.registerRowCellRefs(r, a), refInFor: !0, style: e.gridRowWidthStyle, attrs: { "allow-row-clicks": t.allowRowClicks, "column-sets": e.columnSets, condensed: t.condensed, "dragging-columns": e.draggingColumns, "dragging-events-for-row-cell": e.draggingEventsForRowCell, "get-data-item-id": t.getDataItemId, "has-nested-content": e.hasNestedContent, "has-nested-rows": e.hasNestedRows, "has-left-overflow": e.hasLeftOverflow, "has-right-overflow": e.hasRightOverflow, "highlighted-rows": t.highlightedRows, "hovered-row-index": e.hoveredRowIndex, "hovered-over-column-state": e.hoveredOverColumnState, "is-data-item-disabled": t.isDataItemDisabled, "is-row-even": e.internalZebraRows ? a % 2 !== 0 : !1, "is-row-last-child": a + 1 === ((i = e.data) == null ? void 0 : i.length), "is-measuring-column-widths": e.isMeasuringColumnWidths, "row-actions-maximum-width": e.rowActionsMaxWidth, "row-actions": t.rowActions, "row-data": l, "row-index": a, "row-set-size": (u = e.data) == null ? void 0 : u.length, "show-frozen-columns-separator": e.showFrozenColumnsSeparator, "should-show-nested-content": t.shouldShowNestedContent, "should-show-nested-rows": t.shouldShowNestedRows, selectable: e.selectable, "selected-items": e.selectedItems }, on: { "cell-hovered": e.onCellHover, "nested-content-toggled": function(r) {
+      return e.emit(e.BentoDatagridEvent.NESTED_CONTENT_TOGGLED, r);
+    }, "row-click": e.onRowClick, "on-frozen-columns-key-press": e.updateScrollPositionOnFrozenColumnsNavigation, "select-row": e.onRowSelect, "select-nested-row": e.onNestedRowSelect }, scopedSlots: t._u([t._l(e.slots, function(r, E) {
+      return { key: E, fn: function(h) {
+        return [t._t(E, null, null, h)];
       } };
     })], null, !0) });
   }), 1)]), e.isLazyLoad ? n(e.DataGridLazyLoad, { attrs: { loading: e.loading, "is-infinite-scroll": e.isInfiniteScroll }, on: { "update:show-more": e.emitLazyLoadEvent } }) : t._e(), t.stickyHorizontalScrollbar ? n("div", { ref: "virtualHorizontalScrollbarRef", staticClass: "b-data-grid__horizontal-scrollbar", style: e.horizontalScrollbarConditionalStyles, attrs: { "aria-hidden": "true", "data-testid": "sticky-horizontal-scrollbar" }, on: { scroll: e.syncVirtualScrollerWithBody } }, [n("div", { style: { width: `${e.totalWidthOfAllColumns}px`, height: "15px" } })]) : t._e(), e.pagination && !e.isLazyLoad ? n("div", { ref: "paginationContainerRef", staticClass: "b-data-grid__pagination", class: e.conditionalPaginationClasses, attrs: { "data-testid": "pagination-container" } }, [n(e.BentoPagination, t._b({ attrs: { "aria-label": `${e.ariaGridHeaderText} navigation` }, on: { navigate: e.onPaginationNavigate, "items-page": e.onItemsPerPageChange } }, "bento-pagination", e.pagination, !1), [e.hasSlot("pagination-slot") ? t._t("pagination-slot") : t._e()], 2)], 1) : t._e(), t.$slots.footer ? n("div", { staticClass: "b-data-grid__footer" }, [t._t("footer")], 2) : t._e(), e.showActionBar ? n(e.BentoActionBar, { attrs: { actions: t.bulkActions, "item-counter": e.itemsSelectedCounter, "extra-bottom-spacing": e.stickyPagination }, on: { close: function(l) {
     return e.onAllRowSelect(!1);
   } } }) : t._e()], 1);
-}, bl = [], yl = /* @__PURE__ */ V(
-  wl,
-  Sl,
-  bl,
+}, yl = [], Ll = /* @__PURE__ */ H(
+  Rl,
+  El,
+  yl,
   !1,
   null,
-  "1d4a2092"
+  "073e5ad3"
 );
-const pa = yl.exports;
+const pa = Ll.exports;
 export {
   Fe as B,
   Ca as a,
@@ -2951,7 +3003,7 @@ export {
   re as c,
   pa as d,
   ve as e,
-  x as f,
-  ye as g
+  D as f,
+  Re as g
 };
-//# sourceMappingURL=data-grid.erxjh5TN.js.map
+//# sourceMappingURL=data-grid.B0bOXr4p.js.map