@adyen/bento-vue3 1.34.0 → 1.35.1

package/dist/chunks/{data-grid.DUwLxtW_.js → data-grid.Bv5TA_zR.js}

@@ -1,55 +1,55 @@
-import { ref as I, reactive as Qe, toRefs as et, computed as R, watchEffect as Al, watch as ce, onMounted as tt, nextTick as re, onUnmounted as Ut, onBeforeUpdate as Tl, openBlock as d, createElementBlock as L, mergeProps as Y, toDisplayString as V, createCommentVNode as k, createElementVNode as C, defineComponent as Le, normalizeClass as se, Fragment as ue, renderList as ve, unref as a, toHandlers as Ze, createVNode as Z, withCtx as G, renderSlot as ye, createBlock as F, withModifiers as wl, resolveComponent as ae, createTextVNode as ee, withDirectives as lt, vShow as $l, toRef as kt, resolveDirective as Nl, Transition as Ml, createSlots as Be, resolveDynamicComponent as Re, useSlots as Dt, provide as Ul, inject as ut, normalizeStyle as He, normalizeProps as kl, guardReactiveProps as Dl } from "vue";
-import { C as Pl } from "./checkmark-circle-fill.ChV7Jy6r.js";
-import { W as Fl } from "./warning-filled.Dm_HhqzW.js";
+import { ref as R, reactive as Qe, toRefs as et, computed as I, watchEffect as Tn, watch as ce, onMounted as tt, nextTick as re, onUnmounted as Ut, onBeforeUpdate as wn, openBlock as d, createElementBlock as L, mergeProps as Y, toDisplayString as V, createCommentVNode as k, createElementVNode as C, defineComponent as Le, normalizeClass as se, Fragment as ue, renderList as ve, unref as a, toHandlers as Ze, createVNode as Z, withCtx as G, renderSlot as Ee, createBlock as F, withModifiers as $n, resolveComponent as ae, createTextVNode as ee, withDirectives as nt, vShow as Nn, toRef as kt, resolveDirective as Mn, Transition as Un, createSlots as Be, resolveDynamicComponent as Ie, useSlots as Pt, provide as kn, inject as ut, normalizeStyle as He, normalizeProps as Pn, guardReactiveProps as Dn } from "vue";
+import { C as Fn } from "./checkmark-circle-fill.ChV7Jy6r.js";
+import { W as zn } from "./warning-filled.Dm_HhqzW.js";
 import { _ as q } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { C as Pt } from "./cross.OvPfvoqX.js";
+import { C as Dt } from "./cross.OvPfvoqX.js";
 import { N as ct } from "./checkbox-input.JdcvpfTa.js";
-import { K as Ce, B as zl } from "./tooltip.DvsfWV0-.js";
-import { d as Wl } from "./popper-container.DFpaesDm.js";
-import { B as Hl } from "./action-bar.DGQYYi8b.js";
-import { B as Gl } from "./pagination.I5w8bpUS.js";
+import { K as Ce, B as Wn } from "./tooltip.DvsfWV0-.js";
+import { d as Hn } from "./popper-container.DFpaesDm.js";
+import { B as Gn } from "./action-bar.5XBrXwYv.js";
+import { B as Vn } from "./pagination.BMn5ryDD.js";
 import { B as Ft } from "./loading-indicator.BFMEf39U.js";
 import { B as xe, p as zt } from "./typography.z9P0Ec3Q.js";
-import { u as Vl } from "./aria-label.CaUURpnB.js";
-import { g as Bl } from "./get-slot-text.D5WBGjic.js";
-import { u as Ee } from "./i18n.DL9GT2-k.js";
-import { B as Zl } from "./empty-state.CyEWCcDk.js";
-import { B as Ge } from "./filter-bar.BAmG-yML.js";
-import { E as xl } from "./tabs.keys.Bc2pSKRw.js";
-import { D as jl } from "./data-grid-template.keys.2_AkxuNT.js";
+import { u as Bn } from "./aria-label.CaUURpnB.js";
+import { g as Zn } from "./get-slot-text.D5WBGjic.js";
+import { u as ye } from "./i18n.DL9GT2-k.js";
+import { B as xn } from "./empty-state.CyEWCcDk.js";
+import { B as Ge } from "./filter-bar.IN7gqxsc.js";
+import { E as jn } from "./tabs.keys.Bc2pSKRw.js";
+import { D as qn } from "./data-grid-template.keys.2_AkxuNT.js";
 import { o as Wt } from "./resize.Bqks3WUm.js";
-import { a as gt, B as ql } from "./popover.DQP3ce2x.js";
+import { a as gt, B as Yn } from "./popover.pDk6zsak.js";
 import { B as Ht } from "./button.Br6CyG40.js";
 import { B as Gt } from "./toggle.8t4flh_3.js";
-import { B as Yl } from "./search-bar.GCRTgBUA.js";
-import { u as Xl } from "./dropdown.ex87AZ7s.js";
-import { B as Kl } from "./directive.O3yEdalv.js";
-import { g as Jl } from "./unique-id.XFfoKuc2.js";
-import { S as Ql } from "./search.EnLryD8V.js";
+import { B as Xn } from "./search-bar.poJCoGD-.js";
+import { u as Kn } from "./dropdown.rFZp3hMb.js";
+import { B as Jn } from "./directive.O3yEdalv.js";
+import { g as Qn } from "./unique-id.XFfoKuc2.js";
+import { S as el } from "./search.EnLryD8V.js";
 import { B as Vt } from "./toggle-button.CBRd1v6x.js";
-import { B as Bt } from "./checkbox.DMMXn-h8.js";
-import { B as en } from "./info-icon.DIu8FeJC.js";
-import { B as Ke, O as tn, D as ln } from "./menu.CLicp_2I.js";
-import { A as nn } from "./dialog-page.DALFn9KR.js";
+import { B as Bt } from "./checkbox.Bk_jmkGe.js";
+import { B as tl } from "./info-icon.DIu8FeJC.js";
+import { B as Ke, O as nl, D as ll } from "./menu.BN5WGXw3.js";
+import { A as sl } from "./dialog-page.DALFn9KR.js";
 import { l as ft } from "./events.CMzGybJJ.js";
-import { C as sn } from "./copy.h-wVGvID.js";
-import { u as on } from "./use-has-slot.B7eQSabc.js";
-import { B as vt, a as mt } from "./loading-button.Mx-oDIGy.js";
+import { C as il } from "./copy.1-HH1fz5.js";
+import { u as ol } from "./use-has-slot.B7eQSabc.js";
+import { B as vt, a as mt } from "./loading-button.Bntgn6Lk.js";
 import "../assets/data-grid.css";
 var Je = /* @__PURE__ */ ((e) => (e.WRAP = "wrap", e.ELLIPSIS = "ellipsis", e))(Je || {}), he = /* @__PURE__ */ ((e) => (e.OUTLINE = "outline", e.SCROLL = "scroll", e.STICKY_FILTERS = "sticky-filters", e.OVERFLOW_SHADOW_LEFT = "overflow-shadow-left", e.OVERFLOW_SHADOW_RIGHT = "overflow-shadow-right", e.NO_SPACING_TOP = "no-spacing-top", e))(he || {}), pe = /* @__PURE__ */ ((e) => (e.ASCENDING = "asc", e.DESCENDING = "desc", e))(pe || {}), $ = /* @__PURE__ */ ((e) => (e.COLUMNS = "columns", e.COLUMN_RESIZE = "column-resize", e.ITEMS_PAGE = "items-page", e.NAVIGATE = "navigate", e.FILTER_SEARCH_INPUT = "filter-search-input", e.FILTER_SEARCH_CLEAR = "filter-search-clear", e.UPDATE_COLUMNS = "update:columns", e.UPDATE_CONDENSED = "update:condensed", e.UPDATE_FILTERS = "update:filters", e.UPDATE_FILTER_VALUES = "update:filter-values", e.UPDATE_FILTER_SEARCH_TERM = "update:filter-search-term", e.UPDATE_PAGINATION = "update:pagination", e.UPDATE_SELECTION = "update:selection", e.UPDATE_SHOW_MORE = "update:show-more", e.UPDATE_SORT_BY = "update:sort-by", e.ROW_CLICK = "row-click", e.SELECT = "select", e.SELECT_ALL_ACROSS_PAGES = "select-all-across-pages", e.SORT = "sort", e))($ || {}), Ve = /* @__PURE__ */ ((e) => (e.ASCENDING = "ascending", e.DESCENDING = "descending", e.NONE = "none", e))(Ve || {}), x = /* @__PURE__ */ ((e) => (e.COLUMN_RESIZE = "column-resize", e.COLUMN_RESIZING = "column-resizing", e.SORT = "sort", e.SELECT_ALL_ROWS = "select-all-rows", e.SELECT_ALL_ACROSS_PAGES = "select-all-across-pages", e.COLUMN_MOVE = "column-move", e.COLUMN_UPDATE = "column-update", e.COLUMN_MENU_OPEN = "column-menu-open", e.COLUMN_MENU_CLOSE = "column-menu-close", e.COLUMN_HOVER = "column-hover", e.COLUMN_DRAG_START = "column-dragstart", e.COLUMN_DRAG_ENTER = "column-dragenter", e.COLUMN_DRAG_END = "column-dragend", e.COLUMN_DROP = "column-drop", e))(x || {});
-const an = (e, n) => {
-  const f = I(null), t = I(!1), r = I(void 0), u = e.value.reduce((_, S) => (_[S.field] = null, _), {}), i = Qe(u), h = et(i);
+const al = (e, l) => {
+  const f = R(null), t = R(!1), r = R(void 0), u = e.value.reduce((_, S) => (_[S.field] = null, _), {}), i = Qe(u), h = et(i);
   let v = 0, O = "";
-  const b = R(
+  const b = I(
     () => Object.fromEntries(e.value.map(({ field: _, width: S, minWidth: A }) => [_, { width: S, minWidth: A }]))
   );
-  Al(() => r.value = b.value);
+  Tn(() => r.value = b.value);
   let g = null, N = null;
-  const l = (_) => {
+  const n = (_) => {
     const S = _.clientX - v, A = O, z = r.value[A].width + S;
-    r.value[A].width = z > b.value[A].minWidth ? z : b.value[A].minWidth, n(x.COLUMN_RESIZING, r.value), v = _.clientX;
+    r.value[A].width = z > b.value[A].minWidth ? z : b.value[A].minWidth, l(x.COLUMN_RESIZING, r.value), v = _.clientX;
   }, m = () => {
-    t.value = !1, g == null || g(), N == null || N(), O && n(x.COLUMN_RESIZE, {
+    t.value = !1, g == null || g(), N == null || N(), O && l(x.COLUMN_RESIZE, {
       field: O,
       width: r.value[O].width
     }), g = null, N = null, O = "", v = null;
@@ -59,13 +59,13 @@ const an = (e, n) => {
         m();
         return;
       }
-      O = S, v = A.clientX, g = ft(window, "mousemove", l), N = ft(window, "mouseup", m);
+      O = S, v = A.clientX, g = ft(window, "mousemove", n), N = ft(window, "mouseup", m);
     }
   };
   return ce(
     () => t.value,
     (_, S) => {
-      !_ && S && (n(x.COLUMN_HOVER, f.value), f.value = null);
+      !_ && S && (l(x.COLUMN_HOVER, f.value), f.value = null);
     }
   ), {
     resizeData: r,
@@ -74,7 +74,7 @@ const an = (e, n) => {
     isResizing: t,
     columnHoverEventToEmitAfterResizing: f
   };
-}, rn = 100, Ct = 50, be = "b-select", dn = 32, un = 56, cn = 1, gn = 16, fn = (e, n, f) => {
+}, rl = 100, Ct = 50, be = "b-select", dl = 32, ul = 56, cl = 1, gl = 16, fl = (e, l, f) => {
   const t = {}, r = [], u = (h) => {
     const v = t[h];
     v && v.frozen !== !0 && (t[h].frozen = !0, r.push(h));
@@ -83,19 +83,19 @@ const an = (e, n) => {
     if (r.length === f.length)
       return;
     const h = { min: {}, max: {} };
-    let v = e, O = n, b = 0;
+    let v = e, O = l, b = 0;
     r.forEach((g) => {
       v -= t[g].computedWidth, O -= t[g].flex;
     });
     for (let g = 0, N = f.length; g < N; g += 1) {
-      const l = f[g];
-      if (t[l.field] && t[l.field].frozen === !0)
+      const n = f[g];
+      if (t[n.field] && t[n.field].frozen === !0)
         continue;
-      let o = v / O * l.flex;
-      o < l.minWidth && (b += l.minWidth - o, o = l.minWidth, h.min[l.field] = !0), t[l.field] = {
+      let o = v / O * n.flex;
+      o < n.minWidth && (b += n.minWidth - o, o = n.minWidth, h.min[n.field] = !0), t[n.field] = {
         frozen: !1,
         computedWidth: o,
-        flex: l.flex
+        flex: n.flex
       };
     }
     b > 0 ? Object.keys(h.min).forEach((g) => {
@@ -105,37 +105,37 @@ const an = (e, n) => {
     }), i();
   }
   return i(), t;
-}, ht = (e, n) => {
-  let f = cn;
-  return n && (f += gn * 2), e != null && e.offsetWidth ? e.offsetWidth + f : 0;
-}, vn = (e, n, f, t, r, u) => {
-  const i = I(e.value), h = I(n), v = I(f), O = I(t), b = I(r), g = I(!1);
+}, ht = (e, l) => {
+  let f = cl;
+  return l && (f += gl * 2), e != null && e.offsetWidth ? e.offsetWidth + f : 0;
+}, vl = (e, l, f, t, r, u) => {
+  const i = R(e.value), h = R(l), v = R(f), O = R(t), b = R(r), g = R(!1);
   ce(
     () => e.value,
-    (y, E) => {
+    (E, y) => {
       var M, U;
-      const c = (y == null ? void 0 : y.map(({ field: D }) => D).toString()) === (E == null ? void 0 : E.map(({ field: D }) => D).toString());
+      const c = (E == null ? void 0 : E.map(({ field: P }) => P).toString()) === (y == null ? void 0 : y.map(({ field: P }) => P).toString());
       if (!((M = u == null ? void 0 : u.allowColumnDragAndDrop) != null && M.value) || !c) {
         i.value = e.value;
         return;
       }
-      i.value = ((U = i.value) == null ? void 0 : U.length) === 0 ? e.value : e.value.sort((D, te) => {
-        const K = i.value.findIndex((B) => B.field === D.field), X = i.value.findIndex((B) => B.field === te.field);
+      i.value = ((U = i.value) == null ? void 0 : U.length) === 0 ? e.value : e.value.sort((P, te) => {
+        const K = i.value.findIndex((B) => B.field === P.field), X = i.value.findIndex((B) => B.field === te.field);
         return K === -1 ? 1 : X === -1 ? -1 : K - X;
       });
     }
   );
-  const N = I();
-  let l = null;
-  const m = R(() => {
+  const N = R();
+  let n = null;
+  const m = I(() => {
     var K, X;
-    const y = [];
-    let E = 0, c = 0;
+    const E = [];
+    let y = 0, c = 0;
     const M = {};
     let U = i.value.filter((B) => B.visible !== !1);
-    const D = i.value.filter((B) => B.visible === !1);
+    const P = i.value.filter((B) => B.visible === !1);
     if ((K = u == null ? void 0 : u.hasSelectableColumn) != null && K.value) {
-      const B = (X = u == null ? void 0 : u.hasSelectableAcrossPages) != null && X.value ? un : dn;
+      const B = (X = u == null ? void 0 : u.hasSelectableAcrossPages) != null && X.value ? ul : dl;
       U = [
         {
           field: be,
@@ -151,84 +151,84 @@ const an = (e, n) => {
     U.forEach((B) => {
       const W = { ...B };
       let ge;
-      W.flex && W.flex > 0 ? (E += W.flex, ge = 0, y.push(W)) : ge = Math.max(
-        (W == null ? void 0 : W.width) ?? rn,
+      W.flex && W.flex > 0 ? (y += W.flex, ge = 0, E.push(W)) : ge = Math.max(
+        (W == null ? void 0 : W.width) ?? rl,
         (W == null ? void 0 : W.minWidth) ?? Ct
       ), c += ge, W.width = ge, W.minWidth = (W == null ? void 0 : W.minWidth) ?? Ct, M[W.field] = W;
     });
     const te = Math.max(N.value - c, 0);
-    if (E > 0 && N.value > 0) {
-      const B = fn(te, E, y);
+    if (y > 0 && N.value > 0) {
+      const B = fl(te, y, E);
       Object.keys(B).forEach((W) => {
         M[W].width = B[W].computedWidth;
       });
     }
-    return D.forEach((B) => {
+    return P.forEach((B) => {
       const W = { ...B };
       M[W.field] = W;
     }), Object.values(M);
-  }), o = I(void 0), _ = (y) => {
-    o.value = { ...o.value, ...y };
+  }), o = R(void 0), _ = (E) => {
+    o.value = { ...o.value, ...E };
   }, S = async () => {
-    i.value.some((y) => y == null ? void 0 : y.autoWidth) && (g.value = !0, await re(), await re(), i == null || i.value.filter((y) => y == null ? void 0 : y.autoWidth).forEach(({ field: y, minWidth: E }) => {
-      var D, te, K, X;
+    i.value.some((E) => E == null ? void 0 : E.autoWidth) && (g.value = !0, await re(), await re(), i == null || i.value.filter((E) => E == null ? void 0 : E.autoWidth).forEach(({ field: E, minWidth: y }) => {
+      var P, te, K, X;
       const c = ht(
-        (D = O.value) == null ? void 0 : D[y],
+        (P = O.value) == null ? void 0 : P[E],
         (te = u == null ? void 0 : u.hasColumnPanel) == null ? void 0 : te.value
-      ), M = (X = (K = b.value) == null ? void 0 : K[y]) == null ? void 0 : X.reduce(
+      ), M = (X = (K = b.value) == null ? void 0 : K[E]) == null ? void 0 : X.reduce(
         (B, W) => Math.max(B, ht(W)),
         0
       ), U = Math.max(c, M ?? 0);
-      (E === void 0 || U > E) && _({
-        [y]: {
+      (y === void 0 || U > y) && _({
+        [E]: {
           width: U
         }
       });
     }), g.value = !1);
   };
   ce([() => i.value, () => h.value], async () => {
-    i.value.some((y) => y == null ? void 0 : y.autoWidth) && await S();
+    i.value.some((E) => E == null ? void 0 : E.autoWidth) && await S();
   });
-  const A = R(
-    () => m.value.map((y) => {
-      var E, c;
+  const A = I(
+    () => m.value.map((E) => {
+      var y, c;
       return {
-        ...y,
+        ...E,
         // Override column width with resized ones
-        width: ((c = (E = o.value) == null ? void 0 : E[y.field]) == null ? void 0 : c.width) ?? y.width
+        width: ((c = (y = o.value) == null ? void 0 : y[E.field]) == null ? void 0 : c.width) ?? E.width
       };
     })
-  ), z = R(
+  ), z = I(
     () => {
-      var y;
-      return (y = A.value) == null ? void 0 : y.filter(({ visible: E }) => E !== !1).reduce((E, c) => c.width + E, 0);
+      var E;
+      return (E = A.value) == null ? void 0 : E.filter(({ visible: y }) => y !== !1).reduce((y, c) => c.width + y, 0);
     }
-  ), j = R(
+  ), j = I(
     () => N.value <= z.value
-  ), fe = R(() => ({
+  ), fe = I(() => ({
     width: N.value > z.value ? "100%" : "fit-content"
   }));
   return tt(() => {
-    var y;
+    var E;
     re(() => {
       v.value && (N.value = v.value.getBoundingClientRect().width);
-      const E = ce(
+      const y = ce(
         v,
         () => {
-          v.value && (re(() => E()), l = Wt(v.value, ({ width: c }) => {
+          v.value && (re(() => y()), n = Wt(v.value, ({ width: c }) => {
             N.value = c;
           }));
         },
         { immediate: !0 }
       );
-    }), (y = document == null ? void 0 : document.fonts) != null && y.ready ? document.fonts.ready.then(() => {
+    }), (E = document == null ? void 0 : document.fonts) != null && E.ready ? document.fonts.ready.then(() => {
       S();
     }) : S();
   }), Ut(() => {
-    l == null || l.disconnect();
-  }), Tl(() => {
-    var y;
-    b.value && ((y = Object.keys(b.value)) == null ? void 0 : y.length) > 0 && Object.keys(b.value).forEach((c) => {
+    n == null || n.disconnect();
+  }), wn(() => {
+    var E;
+    b.value && ((E = Object.keys(b.value)) == null ? void 0 : E.length) > 0 && Object.keys(b.value).forEach((c) => {
       b.value[c] = [];
     });
   }), {
@@ -239,15 +239,15 @@ const an = (e, n) => {
     isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: j,
     columns: i
   };
-}, mn = (e, n, f, t, r) => {
-  const u = I(e.value ?? []), i = Qe({
+}, ml = (e, l, f, t, r) => {
+  const u = R(e.value ?? []), i = Qe({
     allItemsSelected: !1,
     isIndeterminate: !1
   }), h = () => {
-    n($.SELECT, u.value), n($.UPDATE_SELECTION, u.value);
+    l($.SELECT, u.value), l($.UPDATE_SELECTION, u.value);
   }, v = (g) => {
-    var l, m, o, _, S;
-    if (u.value = g, ((l = f.value) == null ? void 0 : l.length) > 0 && ((m = f.value) == null ? void 0 : m.filter((A) => !r(A)).every((A) => u.value.includes(t(A))))) {
+    var n, m, o, _, S;
+    if (u.value = g, ((n = f.value) == null ? void 0 : n.length) > 0 && ((m = f.value) == null ? void 0 : m.filter((A) => !r(A)).every((A) => u.value.includes(t(A))))) {
       i.allItemsSelected = !0;
       const A = ((o = f.value) == null ? void 0 : o.length) > 0 && f.value.every((z) => u.value.includes(t(z)));
       i.isIndeterminate = !A;
@@ -255,9 +255,9 @@ const an = (e, n) => {
       i.allItemsSelected = !1, i.isIndeterminate = ((_ = u.value) == null ? void 0 : _.length) > 0 && ((S = f.value) == null ? void 0 : S.length) > 0 && f.value.some((A) => u.value.includes(t(A)));
   }, O = (g) => {
     re(() => {
-      var N, l, m;
+      var N, n, m;
       if (i.allItemsSelected = g, g) {
-        u.value = (l = (N = f.value) == null ? void 0 : N.filter((_) => !r(_))) == null ? void 0 : l.map((_) => t(_));
+        u.value = (n = (N = f.value) == null ? void 0 : N.filter((_) => !r(_))) == null ? void 0 : n.map((_) => t(_));
         const o = ((m = f.value) == null ? void 0 : m.length) > 0 && f.value.every((_) => u.value.includes(t(_)));
         i.isIndeterminate = u.value.length > 0 && !o;
       } else
@@ -281,12 +281,12 @@ const an = (e, n) => {
       v(u.value);
     }
   ), { onAllRowSelect: O, onRowSelect: b, allItemsSelectedState: i, selectedItems: u };
-}, Cn = (e, n, f) => ({ isSorting: (i) => e.value.some((h) => h.field === i), getSortingDirection: (i) => {
+}, Cl = (e, l, f) => ({ isSorting: (i) => e.value.some((h) => h.field === i), getSortingDirection: (i) => {
   var h;
   return (h = e.value.find((v) => v.field === i)) == null ? void 0 : h.direction;
 }, sortByColumnField: (i) => {
   var O;
-  if (!n.value.some((b) => b.field === i && b.sortable))
+  if (!l.value.some((b) => b.field === i && b.sortable))
     return;
   const v = [{
     field: i,
@@ -295,115 +295,115 @@ const an = (e, n) => {
   f(x.SORT, v);
 } });
 var Q = ((e) => (e[e.ARROW_DOWN = Ce.ARROW_DOWN] = "ARROW_DOWN", e[e.ARROW_UP = Ce.ARROW_UP] = "ARROW_UP", e[e.ARROW_LEFT = Ce.ARROW_LEFT] = "ARROW_LEFT", e[e.ARROW_RIGHT = Ce.ARROW_RIGHT] = "ARROW_RIGHT", e[e.PAGE_UP = Ce.PAGE_UP] = "PAGE_UP", e[e.PAGE_DOWN = Ce.PAGE_DOWN] = "PAGE_DOWN", e[e.END = Ce.END] = "END", e[e.HOME = Ce.HOME] = "HOME", e))(Q || {});
-const hn = (e, n, f) => {
-  const t = R(() => {
-    const l = n.value.filter(({ visible: m }) => m !== !1);
-    return f.value ? l.length + 1 : l.length;
-  }), r = R(
-    () => [...Object.values(e.value)].flat(1).sort((l, m) => {
-      const o = Number(l.getAttribute("data-cellindex")), _ = Number(m.getAttribute("data-cellindex"));
+const hl = (e, l, f) => {
+  const t = I(() => {
+    const n = l.value.filter(({ visible: m }) => m !== !1);
+    return f.value ? n.length + 1 : n.length;
+  }), r = I(
+    () => [...Object.values(e.value)].flat(1).sort((n, m) => {
+      const o = Number(n.getAttribute("data-cellindex")), _ = Number(m.getAttribute("data-cellindex"));
       return o > _ ? 1 : _ > o ? -1 : 0;
     })
-  ), u = (l) => Math.floor(l / t.value), i = (l, m, o) => {
-    const _ = r.value.length - 1, S = t.value - 1, A = u(l), z = l - t.value * A;
+  ), u = (n) => Math.floor(n / t.value), i = (n, m, o) => {
+    const _ = r.value.length - 1, S = t.value - 1, A = u(n), z = n - t.value * A;
     return {
       [Q.PAGE_UP]: z,
       [Q.PAGE_DOWN]: _ - S + z,
       [Q.END]: o ? _ : t.value * A + S,
       [Q.HOME]: o ? 0 : t.value * A
     }[m];
-  }, h = (l, m) => {
+  }, h = (n, m) => {
     const _ = {
       [Q.ARROW_DOWN]: t.value,
       [Q.ARROW_UP]: -t.value,
       [Q.ARROW_LEFT]: -1,
       [Q.ARROW_RIGHT]: 1
-    }[m], S = l + _;
-    return S < 0 || S >= r.value.length ? l : S;
-  }, v = (l) => [
+    }[m], S = n + _;
+    return S < 0 || S >= r.value.length ? n : S;
+  }, v = (n) => [
     Q.PAGE_UP,
     Q.PAGE_DOWN,
     Q.END,
     Q.HOME
-  ].includes(l), O = (l, m, o) => {
-    const _ = r.value.indexOf(l);
+  ].includes(n), O = (n, m, o) => {
+    const _ = r.value.indexOf(n);
     return v(m) ? i(_, m, o) : h(_, m);
-  }, b = (l, m, o) => {
-    if (!r.value.includes(l))
+  }, b = (n, m, o) => {
+    if (!r.value.includes(n))
       return;
-    const _ = O(l, m, o);
+    const _ = O(n, m, o);
     r.value[_].focus();
-  }, g = (l) => l in Q;
+  }, g = (n) => n in Q;
   return {
     isNavigationKeyCode: g,
     focusOnNextGridcell: b,
-    navigationInput: (l) => {
-      const { ctrlKey: m, keyCode: o, target: _ } = l;
+    navigationInput: (n) => {
+      const { ctrlKey: m, keyCode: o, target: _ } = n;
       Object.values(e.value).flat(1).includes(_) && g(o) && b(_, o, m);
     }
   };
-}, _n = 90, pn = (e, n, f, t, r) => {
-  const u = I(e), i = I(n), h = I(f), v = I(t), O = R(() => u.value !== "none"), b = R(() => u.value === "automatic"), g = () => {
+}, _l = 90, pl = (e, l, f, t, r) => {
+  const u = R(e), i = R(l), h = R(f), v = R(t), O = I(() => u.value !== "none"), b = I(() => u.value === "automatic"), g = () => {
     r($.UPDATE_SHOW_MORE);
   };
   return ce(
     () => i.value,
     () => {
-      b.value && h.value.offsetHeight / i.value * 100 > _n && !v.value && g();
+      b.value && h.value.offsetHeight / i.value * 100 > _l && !v.value && g();
     }
   ), { isLazyLoad: O, isInfiniteScroll: b, verticalScrollPosition: i, emitLazyLoadEvent: g };
-}, Ln = (e, n, f) => {
-  const t = I(e), r = I(n), u = Qe({
+}, Ll = (e, l, f) => {
+  const t = R(e), r = R(l), u = Qe({
     dragging: null,
     dragToLeft: null,
     target: null
-  }), i = (l, m = 0) => {
-    const o = t.value.findIndex((A) => A.field === l.field), _ = o + m;
+  }), i = (n, m = 0) => {
+    const o = t.value.findIndex((A) => A.field === n.field), _ = o + m;
     if (_ < 0 || _ > t.value.length - 1)
       return;
     const S = [...t.value];
     S.splice(_, 0, S.splice(o, 1)[0]), f($.COLUMNS, S), f($.UPDATE_COLUMNS, S);
-  }, h = (l, m) => {
-    u.dragging = l, m.dataTransfer.setData("text", ""), m.dataTransfer.dropEffect = "move";
-  }, v = (l, m) => {
-    u.target = l;
+  }, h = (n, m) => {
+    u.dragging = n, m.dataTransfer.setData("text", ""), m.dataTransfer.dropEffect = "move";
+  }, v = (n, m) => {
+    u.target = n;
     const o = m.currentTarget.getBoundingClientRect(), _ = o.left + o.width / 2, S = m.clientX ?? 0;
     u.dragToLeft = S <= _;
-  }, O = (l) => {
+  }, O = (n) => {
     var m, o;
-    if (((m = u.dragging) == null ? void 0 : m.field) !== l.field) {
-      const _ = t.value.findIndex((y) => {
-        var E;
-        return y.field === ((E = u.dragging) == null ? void 0 : E.field);
-      }), S = t.value.findIndex((y) => y.field === l.field), A = u.dragToLeft ? S : S + 1, z = A > _ ? A - 1 : A;
+    if (((m = u.dragging) == null ? void 0 : m.field) !== n.field) {
+      const _ = t.value.findIndex((E) => {
+        var y;
+        return E.field === ((y = u.dragging) == null ? void 0 : y.field);
+      }), S = t.value.findIndex((E) => E.field === n.field), A = u.dragToLeft ? S : S + 1, z = A > _ ? A - 1 : A;
       let j = [...t.value];
       j.splice(
         z === -1 ? 0 : z,
         0,
         j.splice(_, 1)[0]
       );
-      const fe = t.value.findIndex((y) => !(y != null && y.frozen));
-      ((o = u.dragging) == null ? void 0 : o.frozen) !== l.frozen && A !== fe && (j = j.map(
-        (y) => {
-          var E;
-          return ((E = u.dragging) == null ? void 0 : E.field) === y.field ? { ...y, frozen: !!(l != null && l.frozen) } : y;
+      const fe = t.value.findIndex((E) => !(E != null && E.frozen));
+      ((o = u.dragging) == null ? void 0 : o.frozen) !== n.frozen && A !== fe && (j = j.map(
+        (E) => {
+          var y;
+          return ((y = u.dragging) == null ? void 0 : y.field) === E.field ? { ...E, frozen: !!(n != null && n.frozen) } : E;
         }
       )), f($.COLUMNS, j), f($.UPDATE_COLUMNS, j);
     }
     u.dragging = null, u.target = null;
   }, b = () => {
     u.dragging = null, u.dragToLeft = null, u.target = null;
-  }, g = R(() => r.value ? {
-    [x.COLUMN_DRAG_START]: (l, m) => h(l, m),
-    [x.COLUMN_DRAG_ENTER]: (l, m) => v(l, m),
-    [x.COLUMN_DROP]: (l) => O(l),
+  }, g = I(() => r.value ? {
+    [x.COLUMN_DRAG_START]: (n, m) => h(n, m),
+    [x.COLUMN_DRAG_ENTER]: (n, m) => v(n, m),
+    [x.COLUMN_DROP]: (n) => O(n),
     [x.COLUMN_DRAG_END]: () => b()
-  } : {}), N = R(() => (l) => r.value ? {
+  } : {}), N = I(() => (n) => r.value ? {
     dragenter: (m) => {
-      m.preventDefault(), v(l, m);
+      m.preventDefault(), v(n, m);
     },
     drop: () => {
-      O(l);
+      O(n);
     },
     dragover: (m) => {
       m.preventDefault();
@@ -417,22 +417,22 @@ const hn = (e, n, f) => {
     draggingEventsForRowCell: N,
     onMoveColumnByOffset: i
   };
-}, Sn = (e, n) => {
-  const f = I(e), t = R(
+}, Sl = (e, l) => {
+  const f = R(e), t = I(
     () => [...f.value].sort((g, N) => g.frozen === N.frozen ? 0 : g.frozen ? -1 : 1)
-  ), r = R(
+  ), r = I(
     () => t.value.filter((g) => g.frozen && g.visible !== !1)
-  ), u = R(
+  ), u = I(
     () => t.value.filter((g) => !g.frozen && g.visible !== !1)
-  ), i = R(
+  ), i = I(
     () => [
       { columnSet: r.value, id: "frozen", isFrozenColumns: !0 },
       { columnSet: u.value, id: "unfrozen" }
     ].filter(({ columnSet: g }) => g.length)
-  ), h = R(
+  ), h = I(
     () => f.value.filter((g) => (g == null ? void 0 : g.visible) !== !1 && (g == null ? void 0 : g.field) !== be).length === 1
-  ), v = (g) => n($.UPDATE_CONDENSED, g), O = (g) => {
-    n($.COLUMNS, g), n($.UPDATE_COLUMNS, g);
+  ), v = (g) => l($.UPDATE_CONDENSED, g), O = (g) => {
+    l($.COLUMNS, g), l($.UPDATE_COLUMNS, g);
   };
   return {
     // Values
@@ -444,16 +444,16 @@ const hn = (e, n, f) => {
     onConfigSettingsColumnsUpdate: O,
     onConfigSettingsColumnUpdate: (g) => {
       const N = t.value.map(
-        (l) => (l == null ? void 0 : l.field) === g.field ? g : l
+        (n) => (n == null ? void 0 : n.field) === g.field ? g : n
       );
       O(N);
     }
   };
-}, _t = (e, n) => {
-  const f = I(0);
+}, _t = (e, l) => {
+  const f = R(0);
   let t = null;
   const r = () => {
-    e != null && e.value && n.value && (f.value = e.value.offsetHeight);
+    e != null && e.value && l.value && (f.value = e.value.offsetHeight);
   };
   return tt(() => {
     re(() => {
@@ -467,9 +467,9 @@ const hn = (e, n, f) => {
         { immediate: !0 }
       );
       ce(
-        n,
+        l,
         () => {
-          n.value ? r() : f.value = 0;
+          l.value ? r() : f.value = 0;
         },
         { immediate: !0 }
       );
@@ -477,16 +477,16 @@ const hn = (e, n, f) => {
   }), Ut(() => {
     t == null || t.disconnect();
   }), f;
-}, bn = (e, n, f) => {
-  const t = I(0), r = I(!1), u = I(!1);
+}, bl = (e, l, f) => {
+  const t = R(0), r = R(!1), u = R(!1);
   return ce(
     () => t.value,
     () => {
-      e.value.scrollLeft = t.value, n.value.scrollLeft = t.value, r.value = !!t.value, u.value = n.value.scrollWidth - n.value.offsetWidth > t.value;
+      e.value.scrollLeft = t.value, l.value.scrollLeft = t.value, r.value = !!t.value, u.value = l.value.scrollWidth - l.value.offsetWidth > t.value;
     }
   ), tt(async () => {
     var v, O;
-    await re(), await re(), ((v = n.value) == null ? void 0 : v.offsetWidth) < ((O = n.value) == null ? void 0 : O.scrollWidth) && (u.value = !0);
+    await re(), await re(), ((v = l.value) == null ? void 0 : v.offsetWidth) < ((O = l.value) == null ? void 0 : O.scrollWidth) && (u.value = !0);
   }), {
     // Values
     scrollLeftPosition: t,
@@ -502,8 +502,8 @@ const hn = (e, n, f) => {
       }));
     }
   };
-}, En = (e, n, f, t) => {
-  const r = I(null), u = R(() => {
+}, yl = (e, l, f, t) => {
+  const r = R(null), u = I(() => {
     var o, _, S, A;
     if (!r.value || r.value.field === be)
       return {
@@ -512,12 +512,12 @@ const hn = (e, n, f) => {
         noBorderLeft: !1,
         noBorderRight: !1
       };
-    const i = (_ = (o = e.value.find((z) => z.isFrozenColumns)) == null ? void 0 : o.columnSet) == null ? void 0 : _.filter((z) => z.field !== be), h = e.value.find((z) => !(z != null && z.isFrozenColumns)), v = r.value.frozen && (i == null ? void 0 : i[0].field) === r.value.field, O = !r.value.frozen && ((S = h == null ? void 0 : h.columnSet) == null ? void 0 : S[0].field) === r.value.field, b = (n.value || f.value) && v, g = (n.value || f.value) && !i && O, N = i && O, l = (i == null ? void 0 : i.length) > 0 && r.value.frozen && (i == null ? void 0 : i[i.length - 1].field) === r.value.field, m = f.value && t.value && !r.value.frozen && ((A = h == null ? void 0 : h.columnSet) == null ? void 0 : A[h.columnSet.length - 1].field) === r.value.field;
+    const i = (_ = (o = e.value.find((z) => z.isFrozenColumns)) == null ? void 0 : o.columnSet) == null ? void 0 : _.filter((z) => z.field !== be), h = e.value.find((z) => !(z != null && z.isFrozenColumns)), v = r.value.frozen && (i == null ? void 0 : i[0].field) === r.value.field, O = !r.value.frozen && ((S = h == null ? void 0 : h.columnSet) == null ? void 0 : S[0].field) === r.value.field, b = (l.value || f.value) && v, g = (l.value || f.value) && !i && O, N = i && O, n = (i == null ? void 0 : i.length) > 0 && r.value.frozen && (i == null ? void 0 : i[i.length - 1].field) === r.value.field, m = f.value && t.value && !r.value.frozen && ((A = h == null ? void 0 : h.columnSet) == null ? void 0 : A[h.columnSet.length - 1].field) === r.value.field;
     return {
       hoveredOverColumnField: r.value.field,
       isSeparatorOffset: m,
       noBorderLeft: !!b || !!g || !!N,
-      noBorderRight: !!l || !!m
+      noBorderRight: !!n || !!m
     };
   });
   return {
@@ -526,12 +526,12 @@ const hn = (e, n, f) => {
   };
 };
 let pt = 0;
-const yn = {
+const El = {
   beforeCreate() {
     this.uuid = pt.toString(), pt += 1;
   }
-}, On = { key: 0 }, In = ["clip-path"], Rn = ["id"];
-function An(e, n, f, t, r, u) {
+}, Ol = { key: 0 }, Rl = ["clip-path"], Il = ["id"];
+function Al(e, l, f, t, r, u) {
   return d(), L("svg", Y({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
@@ -539,35 +539,35 @@ function An(e, n, f, t, r, u) {
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (d(), L("title", On, V(e.$attrs["svg-title"]), 1)) : k("", !0),
+    e.$attrs["svg-title"] ? (d(), L("title", Ol, V(e.$attrs["svg-title"]), 1)) : k("", !0),
     C("g", {
       fill: "#00112C",
       "clip-path": "url(#uia-icons-16-arrow_up_down_sort__a" + e.uuid + ")"
-    }, n[0] || (n[0] = [
+    }, l[0] || (l[0] = [
       C("path", { d: "M9.06077 4.00011L5.00011 -0.0605469L0.939453 4.00011L2.00011 5.06077L4.25 2.81089V10.75H5.75V2.81066L8.00011 5.06077L9.06077 4.00011Z" }, null, -1),
       C("path", { d: "M10.25 13.1893L8.00011 10.9395L6.93945 12.0001L11.0001 16.0608L15.0608 12.0001L14.0001 10.9395L11.75 13.1896V5.25H10.25V13.1893Z" }, null, -1)
-    ]), 8, In),
+    ]), 8, Rl),
     C("defs", null, [
       C("clipPath", {
         id: "uia-icons-16-arrow_up_down_sort__a" + e.uuid
-      }, n[1] || (n[1] = [
+      }, l[1] || (l[1] = [
         C("rect", {
           width: "16",
           height: "16",
           fill: "#fff"
         }, null, -1)
-      ]), 8, Rn)
+      ]), 8, Il)
     ])
   ], 16);
 }
-const Tn = /* @__PURE__ */ q(yn, [["render", An]]);
+const Tl = /* @__PURE__ */ q(El, [["render", Al]]);
 let Lt = 0;
-const wn = {
+const wl = {
   beforeCreate() {
     this.uuid = Lt.toString(), Lt += 1;
   }
-}, $n = { key: 0 };
-function Nn(e, n, f, t, r, u) {
+}, $l = { key: 0 };
+function Nl(e, l, f, t, r, u) {
   return d(), L("svg", Y({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
@@ -575,21 +575,21 @@ function Nn(e, n, f, t, r, u) {
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (d(), L("title", $n, V(e.$attrs["svg-title"]), 1)) : k("", !0),
-    n[0] || (n[0] = C("path", {
+    e.$attrs["svg-title"] ? (d(), L("title", $l, V(e.$attrs["svg-title"]), 1)) : k("", !0),
+    l[0] || (l[0] = C("path", {
       fill: "#00112C",
       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"
     }, null, -1))
   ], 16);
 }
-const Mn = /* @__PURE__ */ q(wn, [["render", Nn]]);
+const Ml = /* @__PURE__ */ q(wl, [["render", Nl]]);
 let St = 0;
-const Un = {
+const Ul = {
   beforeCreate() {
     this.uuid = St.toString(), St += 1;
   }
-}, kn = { key: 0 }, Dn = ["clip-path"], Pn = ["id"];
-function Fn(e, n, f, t, r, u) {
+}, kl = { key: 0 }, Pl = ["clip-path"], Dl = ["id"];
+function Fl(e, l, f, t, r, u) {
   return d(), L("svg", Y({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
@@ -597,37 +597,37 @@ function Fn(e, n, f, t, r, u) {
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (d(), L("title", kn, V(e.$attrs["svg-title"]), 1)) : k("", !0),
+    e.$attrs["svg-title"] ? (d(), L("title", kl, V(e.$attrs["svg-title"]), 1)) : k("", !0),
     C("g", {
       "clip-path": "url(#uia-icons-16-freeze__a" + e.uuid + ")"
-    }, n[0] || (n[0] = [
+    }, l[0] || (l[0] = [
       C("path", {
         fill: "#00112C",
         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"
       }, null, -1)
-    ]), 8, Dn),
+    ]), 8, Pl),
     C("defs", null, [
       C("clipPath", {
         id: "uia-icons-16-freeze__a" + e.uuid
-      }, n[1] || (n[1] = [
+      }, l[1] || (l[1] = [
         C("rect", {
           width: "16",
           height: "16",
           fill: "#fff",
           transform: "matrix(1 0 0 -1 0 16)"
         }, null, -1)
-      ]), 8, Pn)
+      ]), 8, Dl)
     ])
   ], 16);
 }
-const Zt = /* @__PURE__ */ q(Un, [["render", Fn]]);
+const Zt = /* @__PURE__ */ q(Ul, [["render", Fl]]);
 let bt = 0;
-const zn = {
+const zl = {
   beforeCreate() {
     this.uuid = bt.toString(), bt += 1;
   }
-}, Wn = { key: 0 };
-function Hn(e, n, f, t, r, u) {
+}, Wl = { key: 0 };
+function Hl(e, l, f, t, r, u) {
   return d(), L("svg", Y({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
@@ -635,29 +635,29 @@ function Hn(e, n, f, t, r, u) {
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (d(), L("title", Wn, V(e.$attrs["svg-title"]), 1)) : k("", !0),
-    n[0] || (n[0] = C("path", {
+    e.$attrs["svg-title"] ? (d(), L("title", Wl, V(e.$attrs["svg-title"]), 1)) : k("", !0),
+    l[0] || (l[0] = C("path", {
       fill: "#00112C",
       d: "M2.99035 14.0608L14.051 3.00011L12.9903 1.93945L1.92969 13.0001L2.99035 14.0608Z"
     }, null, -1)),
-    n[1] || (n[1] = C("path", {
+    l[1] || (l[1] = C("path", {
       fill: "#00112C",
       d: "M13.9404 5.23L12.8704 6.3C13.4704 6.97 13.9004 7.62 14.1304 8C13.4704 9.07 11.2504 12.25 8.00039 12.25C7.67039 12.25 7.34039 12.22 7.03039 12.14L5.80039 13.37C6.48039 13.61 7.21039 13.75 8.00039 13.75C12.7425 13.75 15.4838 8.69421 15.6649 8.36011C15.6671 8.35603 15.6689 8.35265 15.6704 8.35L15.8504 8L15.6704 7.65C15.6204 7.55 15.0204 6.43 13.9404 5.23Z"
     }, null, -1)),
-    n[2] || (n[2] = C("path", {
+    l[2] || (l[2] = C("path", {
       fill: "#00112C",
       d: "M8.96039 3.85C8.65039 3.78 8.33039 3.75 8.00039 3.75C4.75039 3.75 2.53039 6.93 1.87039 8C2.10039 8.38 2.53039 9.02 3.12039 9.69L2.06039 10.75C0.98039 9.56 0.380391 8.45 0.330391 8.35L0.150391 8L0.330391 7.65C0.331838 7.64735 0.333668 7.64397 0.33588 7.63989C0.517034 7.30578 3.25829 2.25 8.00039 2.25C8.79039 2.25 9.52039 2.39 10.1904 2.62L8.96039 3.85Z"
     }, null, -1))
   ], 16);
 }
-const Gn = /* @__PURE__ */ q(zn, [["render", Hn]]);
-let Et = 0;
-const Vn = {
+const Gl = /* @__PURE__ */ q(zl, [["render", Hl]]);
+let yt = 0;
+const Vl = {
   beforeCreate() {
-    this.uuid = Et.toString(), Et += 1;
+    this.uuid = yt.toString(), yt += 1;
   }
-}, Bn = { key: 0 }, Zn = ["clip-path"], xn = ["id"];
-function jn(e, n, f, t, r, u) {
+}, Bl = { key: 0 }, Zl = ["clip-path"], xl = ["id"];
+function jl(e, l, f, t, r, u) {
   return d(), L("svg", Y({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
@@ -665,37 +665,37 @@ function jn(e, n, f, t, r, u) {
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (d(), L("title", Bn, V(e.$attrs["svg-title"]), 1)) : k("", !0),
+    e.$attrs["svg-title"] ? (d(), L("title", Bl, V(e.$attrs["svg-title"]), 1)) : k("", !0),
     C("g", {
       fill: "#00112C",
       "clip-path": "url(#uia-icons-16-sort_ascending__a" + e.uuid + ")"
-    }, n[0] || (n[0] = [
+    }, l[0] || (l[0] = [
       C("path", { 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" }, null, -1),
       C("path", { d: "M6.75 7.25H1.25V8.75H6.75V7.25Z" }, null, -1),
       C("path", { d: "M1.25 11.25H8.75V12.75H1.25V11.25Z" }, null, -1),
       C("path", { d: "M6.75 3.25H1.25V4.75H6.75V3.25Z" }, null, -1)
-    ]), 8, Zn),
+    ]), 8, Zl),
     C("defs", null, [
       C("clipPath", {
         id: "uia-icons-16-sort_ascending__a" + e.uuid
-      }, n[1] || (n[1] = [
+      }, l[1] || (l[1] = [
         C("rect", {
           width: "16",
           height: "16",
           fill: "#fff"
         }, null, -1)
-      ]), 8, xn)
+      ]), 8, xl)
     ])
   ], 16);
 }
-const qn = /* @__PURE__ */ q(Vn, [["render", jn]]);
-let yt = 0;
-const Yn = {
+const ql = /* @__PURE__ */ q(Vl, [["render", jl]]);
+let Et = 0;
+const Yl = {
   beforeCreate() {
-    this.uuid = yt.toString(), yt += 1;
+    this.uuid = Et.toString(), Et += 1;
   }
-}, Xn = { key: 0 }, Kn = ["clip-path"], Jn = ["id"];
-function Qn(e, n, f, t, r, u) {
+}, Xl = { key: 0 }, Kl = ["clip-path"], Jl = ["id"];
+function Ql(e, l, f, t, r, u) {
   return d(), L("svg", Y({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
@@ -703,37 +703,37 @@ function Qn(e, n, f, t, r, u) {
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (d(), L("title", Xn, V(e.$attrs["svg-title"]), 1)) : k("", !0),
+    e.$attrs["svg-title"] ? (d(), L("title", Xl, V(e.$attrs["svg-title"]), 1)) : k("", !0),
     C("g", {
       fill: "#00112C",
       "clip-path": "url(#uia-icons-16-sort_descending__a" + e.uuid + ")"
-    }, n[0] || (n[0] = [
+    }, l[0] || (l[0] = [
       C("path", { 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" }, null, -1),
       C("path", { d: "M6.75 7.25H1.25V8.75H6.75V7.25Z" }, null, -1),
       C("path", { d: "M1.25 3.25H9.09V4.75H1.25V3.25Z" }, null, -1),
       C("path", { d: "M6.75 11.25H1.25V12.75H6.75V11.25Z" }, null, -1)
-    ]), 8, Kn),
+    ]), 8, Kl),
     C("defs", null, [
       C("clipPath", {
         id: "uia-icons-16-sort_descending__a" + e.uuid
-      }, n[1] || (n[1] = [
+      }, l[1] || (l[1] = [
         C("rect", {
           width: "16",
           height: "16",
           fill: "#fff"
         }, null, -1)
-      ]), 8, Jn)
+      ]), 8, Jl)
     ])
   ], 16);
 }
-const es = /* @__PURE__ */ q(Yn, [["render", Qn]]);
+const es = /* @__PURE__ */ q(Yl, [["render", Ql]]);
 let Ot = 0;
 const ts = {
   beforeCreate() {
     this.uuid = Ot.toString(), Ot += 1;
   }
-}, ls = { key: 0 };
-function ns(e, n, f, t, r, u) {
+}, ns = { key: 0 };
+function ls(e, l, f, t, r, u) {
   return d(), L("svg", Y({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
@@ -741,25 +741,25 @@ function ns(e, n, f, t, r, u) {
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (d(), L("title", ls, V(e.$attrs["svg-title"]), 1)) : k("", !0),
-    n[0] || (n[0] = C("path", {
+    e.$attrs["svg-title"] ? (d(), L("title", ns, V(e.$attrs["svg-title"]), 1)) : k("", !0),
+    l[0] || (l[0] = C("path", {
       fill: "#00112C",
       d: "M8 5.25C6.48122 5.25 5.25 6.48122 5.25 8C5.25 9.51878 6.48122 10.75 8 10.75C9.51878 10.75 10.75 9.51878 10.75 8C10.75 6.48122 9.51878 5.25 8 5.25ZM6.75 8C6.75 7.30964 7.30964 6.75 8 6.75C8.69036 6.75 9.25 7.30964 9.25 8C9.25 8.69036 8.69036 9.25 8 9.25C7.30964 9.25 6.75 8.69036 6.75 8Z"
     }, null, -1)),
-    n[1] || (n[1] = C("path", {
+    l[1] || (l[1] = C("path", {
       fill: "#00112C",
       d: "M7.99964 2.25C5.50387 2.25 3.57073 3.66588 2.3086 4.9806C1.6704 5.64539 1.18078 6.30745 0.850599 6.80272C0.685043 7.05106 0.558349 7.2593 0.471981 7.40748C0.428769 7.48162 0.395568 7.54087 0.372564 7.58275C0.36106 7.60369 0.352097 7.6203 0.345701 7.63227L0.338032 7.64672L0.335646 7.65126L0.334488 7.65348L0.154297 8L0.334225 8.34601L0.999638 8C0.334225 8.34601 0.334814 8.34715 0.334814 8.34715L0.335646 8.34874L0.338032 8.35328L0.345701 8.36773C0.352097 8.3797 0.36106 8.39631 0.372564 8.41725C0.395568 8.45913 0.428769 8.51838 0.471981 8.59252C0.558349 8.7407 0.685043 8.94894 0.850599 9.19728C1.18078 9.69255 1.6704 10.3546 2.3086 11.0194C3.57073 12.3341 5.50387 13.75 7.99964 13.75C10.4954 13.75 12.4285 12.3341 13.6907 11.0194C14.3289 10.3546 14.8185 9.69255 15.1487 9.19728C15.3142 8.94894 15.4409 8.7407 15.5273 8.59252C15.5705 8.51838 15.6037 8.45913 15.6267 8.41725C15.6382 8.39631 15.6472 8.3797 15.6536 8.36773L15.6612 8.35328L15.6636 8.34874L15.6648 8.34652L15.845 8L15.6651 7.65399L14.9996 8C15.6651 7.65399 15.6645 7.65285 15.6645 7.65285L15.6636 7.65126L15.6612 7.64672L15.6536 7.63227C15.6472 7.6203 15.6382 7.60369 15.6267 7.58275C15.6037 7.54087 15.5705 7.48162 15.5273 7.40748C15.4409 7.2593 15.3142 7.05106 15.1487 6.80272C14.8185 6.30745 14.3289 5.64539 13.6907 4.9806C12.4285 3.66588 10.4954 2.25 7.99964 2.25ZM14.9996 8L15.6648 8.34652C15.6648 8.34652 15.6651 8.34601 14.9996 8ZM0.999638 8L0.334488 7.65348C0.334488 7.65348 0.334225 7.65399 0.999638 8ZM2.09867 8.36522C2.00649 8.22694 1.92852 8.10363 1.86519 8C1.92852 7.89637 2.00649 7.77306 2.09867 7.63478C2.39349 7.19255 2.82887 6.60461 3.39068 6.0194C4.52855 4.83412 6.09541 3.75 7.99964 3.75C9.90387 3.75 11.4707 4.83412 12.6086 6.0194C13.1704 6.60461 13.6058 7.19255 13.9006 7.63478C13.9928 7.77306 14.0708 7.89637 14.1341 8C14.0708 8.10363 13.9928 8.22694 13.9006 8.36522C13.6058 8.80745 13.1704 9.39539 12.6086 9.9806C11.4707 11.1659 9.90387 12.25 7.99964 12.25C6.09541 12.25 4.52855 11.1659 3.39068 9.9806C2.82887 9.39539 2.39349 8.80745 2.09867 8.36522Z"
     }, null, -1))
   ], 16);
 }
-const ss = /* @__PURE__ */ q(ts, [["render", ns]]);
-let It = 0;
+const ss = /* @__PURE__ */ q(ts, [["render", ls]]);
+let Rt = 0;
 const is = {
   beforeCreate() {
-    this.uuid = It.toString(), It += 1;
+    this.uuid = Rt.toString(), Rt += 1;
   }
 }, os = { key: 0 };
-function as(e, n, f, t, r, u) {
+function as(e, l, f, t, r, u) {
   return d(), L("svg", Y({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
@@ -768,7 +768,7 @@ function as(e, n, f, t, r, u) {
     fill: "none"
   }), [
     e.$attrs["svg-title"] ? (d(), L("title", os, V(e.$attrs["svg-title"]), 1)) : k("", !0),
-    n[0] || (n[0] = C("path", {
+    l[0] || (l[0] = C("path", {
       fill: "#00112C",
       d: "M8 11.25L12.5 5.25H3.5L8 11.25Z"
     }, null, -1))
@@ -789,6 +789,22 @@ const rs = /* @__PURE__ */ q(is, [["render", as]]), xt = {
     showColumn: "Show column",
     unfreezeColumn: "Unfreeze column",
     columnActions: "{name} column actions"
+  },
+  "pt-BR": {
+    freezeColumn: "Congelar coluna",
+    hideColumn: "Ocultar coluna",
+    moveColumnLeft: "Mover coluna para a esquerda",
+    moveColumnRight: "Mover coluna para a direita",
+    selectAll: "Selecionar tudo",
+    unfreezeColumn: "Descongelar coluna"
+  },
+  "ja-JP": {
+    freezeColumn: "列を固定",
+    hideColumn: "列を非表示",
+    moveColumnLeft: "列を左へ移動",
+    moveColumnRight: "列を右へ移動",
+    selectAll: "すべて選択",
+    unfreezeColumn: "列の固定を解除"
   }
 }, ds = ["aria-colindex", "aria-label", "aria-sort", "data-testid", "draggable", "tabindex"], us = ["aria-label"], cs = { class: "b-data-grid-columns__label" }, gs = {
   key: 0,
@@ -924,34 +940,34 @@ const rs = /* @__PURE__ */ q(is, [["render", as]]), xt = {
     }
   },
   emits: ["column-hover"],
-  setup(e, { expose: n, emit: f }) {
-    const t = e, r = f, u = 100, { t: i } = Ee({ messages: xt }), { columns: h, sortBy: v } = et(t), O = I({}), b = I({}), g = I(), N = I(), l = (s) => r(x.SELECT_ALL_ROWS, s), m = (s) => s.field === be, o = R(() => [
+  setup(e, { expose: l, emit: f }) {
+    const t = e, r = f, u = 100, { t: i } = ye({ messages: xt }), { columns: h, sortBy: v } = et(t), O = R({}), b = R({}), g = R(), N = R(), n = (s) => r(x.SELECT_ALL_ROWS, s), m = (s) => s.field === be, o = I(() => [
       {
         text: i("selectPage"),
-        handler: () => l(!0)
+        handler: () => n(!0)
       },
       {
         text: i("selectAll"),
         handler: () => r(x.SELECT_ALL_ACROSS_PAGES)
       }
-    ]), { startResize: _, isResizing: S, columnHoverEventToEmitAfterResizing: A } = an(h, r), { isSorting: z, getSortingDirection: j, sortByColumnField: fe } = Cn(v, h, r), y = (s) => {
+    ]), { startResize: _, isResizing: S, columnHoverEventToEmitAfterResizing: A } = al(h, r), { isSorting: z, getSortingDirection: j, sortByColumnField: fe } = Cl(v, h, r), E = (s) => {
       var ie;
       if (!s.sortable)
         return null;
-      const P = (ie = t.sortBy.find(({ field: J }) => J === s.field)) == null ? void 0 : ie.direction;
-      return P ? {
+      const D = (ie = t.sortBy.find(({ field: J }) => J === s.field)) == null ? void 0 : ie.direction;
+      return D ? {
         [pe.ASCENDING]: Ve.ASCENDING,
         [pe.DESCENDING]: Ve.DESCENDING
-      }[P] : Ve.NONE;
-    }, E = R(() => (s) => t.hasDraggableColumns ? {
-      dragstart: (P) => {
-        r(x.COLUMN_DRAG_START, s, P);
+      }[D] : Ve.NONE;
+    }, y = I(() => (s) => t.hasDraggableColumns ? {
+      dragstart: (D) => {
+        r(x.COLUMN_DRAG_START, s, D);
       },
-      dragover: (P) => {
-        P.preventDefault();
+      dragover: (D) => {
+        D.preventDefault();
       },
-      dragenter: (P) => {
-        P.preventDefault(), r(x.COLUMN_DRAG_ENTER, s, P);
+      dragenter: (D) => {
+        D.preventDefault(), r(x.COLUMN_DRAG_ENTER, s, D);
       },
       drop: () => {
         r(x.COLUMN_DROP, s);
@@ -959,17 +975,17 @@ const rs = /* @__PURE__ */ q(is, [["render", as]]), xt = {
       dragend: () => {
         r(x.COLUMN_DRAG_END);
       }
-    } : {}), c = R(() => (s) => [
+    } : {}), c = I(() => (s) => [
       {
         text: i("moveColumnLeft"),
         handler: () => r(x.COLUMN_MOVE, s, -1),
-        icon: nn,
+        icon: sl,
         disabled: t.columns[0].field === s.field
       },
       {
         text: i("moveColumnRight"),
         handler: () => r(x.COLUMN_MOVE, s, 1),
-        icon: Mn,
+        icon: Ml,
         disabled: t.columns[t.columns.length - 1].field === s.field
       },
       {
@@ -985,7 +1001,7 @@ const rs = /* @__PURE__ */ q(is, [["render", as]]), xt = {
             visible: (s == null ? void 0 : s.visible) === !1
           });
         },
-        icon: (s == null ? void 0 : s.visible) !== !1 ? Gn : ss,
+        icon: (s == null ? void 0 : s.visible) !== !1 ? Gl : ss,
         disabled: (s == null ? void 0 : s.mandatory) || (s == null ? void 0 : s.visible) !== !1 && t.isOnlyOneVisibleColumn
       }
     ]), M = (s) => {
@@ -995,8 +1011,8 @@ const rs = /* @__PURE__ */ q(is, [["render", as]]), xt = {
         g.value = "";
       }, u);
       N.value = s;
-    }, D = (s) => {
-      let P = {
+    }, P = (s) => {
+      let D = {
         mouseenter: () => {
           M(s), S.value ? A.value = s : r("column-hover", s);
         },
@@ -1005,19 +1021,19 @@ const rs = /* @__PURE__ */ q(is, [["render", as]]), xt = {
         },
         focus: () => M(s)
       };
-      return m(s) || (P = {
-        ...P,
-        ...E.value(s)
-      }), P;
-    }, te = (s) => s.infoIconTooltip || s.sortable || t.hasColumnPanel, K = (s, P) => {
+      return m(s) || (D = {
+        ...D,
+        ...y.value(s)
+      }), D;
+    }, te = (s) => s.infoIconTooltip || s.sortable || t.hasColumnPanel, K = (s, D) => {
       var T;
-      ((T = O.value) == null ? void 0 : T[P]) === void 0 && (O.value = { ...O.value, [P]: null }), s !== null && (O.value[P] = s);
-    }, X = R(() => {
-      var P;
+      ((T = O.value) == null ? void 0 : T[D]) === void 0 && (O.value = { ...O.value, [D]: null }), s !== null && (O.value[D] = s);
+    }, X = I(() => {
+      var D;
       const s = {
         "b-data-grid-columns--is-measuring": t.isMeasuringColumnWidths
       };
-      return (P = h.value[0]) != null && P.frozen ? {
+      return (D = h.value[0]) != null && D.frozen ? {
         ...s,
         "b-data-grid-columns--frozen": !0,
         "b-data-grid-columns--frozen-separator": t.showFrozenColumnsSeparator,
@@ -1026,13 +1042,13 @@ const rs = /* @__PURE__ */ q(is, [["render", as]]), xt = {
         ...s,
         "b-data-grid-columns--unfrozen": !0
       };
-    }), B = (s, P) => s && P === 0 ? gt.BOTTOM_START : gt.BOTTOM_END, W = (s, P) => {
+    }), B = (s, D) => s && D === 0 ? gt.BOTTOM_START : gt.BOTTOM_END, W = (s, D) => {
       var T, ie, J, Te, me, we, $e, Ne, Me, Oe;
       return {
         "b-data-grid-columns__column--column-hovered": s.field === t.hoveredOverColumnState.hoveredOverColumnField,
         "b-data-grid-columns__column--column-hovered-no-border-left": s.field === t.hoveredOverColumnState.hoveredOverColumnField && t.hoveredOverColumnState.noBorderLeft,
         "b-data-grid-columns__column--column-hovered-no-border-right": s.field === t.hoveredOverColumnState.hoveredOverColumnField && t.hoveredOverColumnState.noBorderRight,
-        "b-data-grid-columns__column--last-frozen-frozen-column": t.isFrozenColumns && P === h.value.length - 1,
+        "b-data-grid-columns__column--last-frozen-frozen-column": t.isFrozenColumns && D === h.value.length - 1,
         "b-data-grid-columns__column--sortable": s.sortable,
         "b-data-grid-columns__column--padding-left-unset": ((T = s == null ? void 0 : s.padding) == null ? void 0 : T.left) === !1,
         "b-data-grid-columns__column--padding-right-unset": ((ie = s == null ? void 0 : s.padding) == null ? void 0 : ie.right) === !1,
@@ -1050,12 +1066,12 @@ const rs = /* @__PURE__ */ q(is, [["render", as]]), xt = {
     }), Ae = (s) => ({
       "b-data-grid-columns__column-separator-container--is-resizeable": t.hasResizableColumns,
       "b-data-grid-columns__column-separator-container--is-offset": t.hoveredOverColumnState.hoveredOverColumnField === s.field && t.hoveredOverColumnState.isSeparatorOffset
-    }), Ye = R(() => ({
+    }), Ye = I(() => ({
       "b-data-grid-columns__column-header--truncated": t.truncateColumnHeaders
     }));
-    return n({
+    return l({
       columnHeaderRefs: O
-    }), (s, P) => (d(), L("div", {
+    }), (s, D) => (d(), L("div", {
       class: se(["b-data-grid-columns", X.value]),
       "data-testid": "data-grid-columns"
     }, [
@@ -1065,21 +1081,21 @@ const rs = /* @__PURE__ */ q(is, [["render", as]]), xt = {
         ref: (J) => K(J, T.field),
         "aria-colindex": ie + 1,
         "aria-label": T.label,
-        "aria-sort": y(T),
+        "aria-sort": E(T),
         class: [W(T, ie), "b-data-grid-columns__column"],
         "data-testid": `${T.field}-column-header`,
         draggable: e.hasDraggableColumns && !a(S) && !m(T),
         role: "columnheader",
         tabindex: T.sortable || e.hasColumnPanel || T.infoIconTooltip ? "0" : "-1",
         style: { width: T.autoWidth && e.isMeasuringColumnWidths ? "auto" : `${T.width}px` }
-      }, Ze(D(T), !0)), [
+      }, Ze(P(T), !0)), [
         m(T) ? (d(), L("div", Cs, [
           Z(a(Bt), {
             "model-value": e.allItemsSelectedState.allItemsSelected,
             "data-testid": "checkbox-select-all",
             indeterminate: e.allItemsSelectedState.isIndeterminate,
             value: "data-grid-select-all",
-            "onUpdate:modelValue": l
+            "onUpdate:modelValue": n
           }, null, 8, ["model-value", "indeterminate"]),
           e.selectableAcrossPages ? (d(), F(a(Ke), {
             key: 0,
@@ -1109,7 +1125,7 @@ const rs = /* @__PURE__ */ q(is, [["render", as]]), xt = {
               class: se(["b-data-grid-columns__column-header", Ye.value])
             }, {
               default: G(() => [
-                ye(s.$slots, `head-${T.field}`, { column: T }, () => [
+                Ee(s.$slots, `head-${T.field}`, { column: T }, () => [
                   C("span", cs, V(T.label), 1)
                 ], !0)
               ]),
@@ -1120,7 +1136,7 @@ const rs = /* @__PURE__ */ q(is, [["render", as]]), xt = {
               class: se(["b-data-grid-columns__column-actions", qe(T)])
             }, [
               T.infoIconTooltip ? (d(), L("div", gs, [
-                Z(a(en), {
+                Z(a(tl), {
                   "tooltip-text": T.infoIconTooltip
                 }, null, 8, ["tooltip-text"])
               ])) : k("", !0),
@@ -1132,13 +1148,13 @@ const rs = /* @__PURE__ */ q(is, [["render", as]]), xt = {
                   onClick: (J) => a(fe)(T.field)
                 }, {
                   iconLeft: G(() => [
-                    a(j)(T.field) ? a(j)(T.field) === a(pe).ASCENDING ? (d(), F(a(qn), {
+                    a(j)(T.field) ? a(j)(T.field) === a(pe).ASCENDING ? (d(), F(a(ql), {
                       key: 1,
                       "svg-title": a(i)("sortColumnInDescendingOrder", { name: T.label })
                     }, null, 8, ["svg-title"])) : a(j)(T.field) === a(pe).DESCENDING ? (d(), F(a(es), {
                       key: 2,
                       "svg-title": a(i)("sortColumnInAscendingOrder", { name: T.label })
-                    }, null, 8, ["svg-title"])) : k("", !0) : (d(), F(a(Tn), {
+                    }, null, 8, ["svg-title"])) : k("", !0) : (d(), F(a(Tl), {
                       key: 0,
                       "svg-title": a(i)("sortColumn", { name: T.label })
                     }, null, 8, ["svg-title"]))
@@ -1155,8 +1171,8 @@ const rs = /* @__PURE__ */ q(is, [["render", as]]), xt = {
                 "menu-position": B(e.hasFirstColumnPanelRightAligned, ie),
                 "menu-fixed-positioning": !0,
                 button: { variant: "tertiary", condensed: !0 },
-                onOpen: P[0] || (P[0] = (J) => s.$emit(a(x).COLUMN_MENU_OPEN)),
-                onClose: P[1] || (P[1] = (J) => s.$emit(a(x).COLUMN_MENU_CLOSE))
+                onOpen: D[0] || (D[0] = (J) => s.$emit(a(x).COLUMN_MENU_OPEN)),
+                onClose: D[1] || (D[1] = (J) => s.$emit(a(x).COLUMN_MENU_CLOSE))
               }, null, 8, ["data", "menu-position"])) : k("", !0)
             ], 2)) : k("", !0)
           ], 10, us),
@@ -1165,7 +1181,7 @@ const rs = /* @__PURE__ */ q(is, [["render", as]]), xt = {
             class: se(["b-data-grid-columns__column-separator-container", Ae(T)]),
             role: "presentation",
             onMousedown: (J) => a(_)(e.hasResizableColumns, T.field, J),
-            onClick: P[2] || (P[2] = wl(() => {
+            onClick: D[2] || (D[2] = $n(() => {
             }, ["stop"]))
           }, [
             !e.isFrozenColumns || e.isFrozenColumns && ie !== a(h).length - 1 ? (d(), L("div", ms)) : k("", !0)
@@ -1176,13 +1192,13 @@ const rs = /* @__PURE__ */ q(is, [["render", as]]), xt = {
   }
 }), ps = /* @__PURE__ */ q(_s, [["__scopeId", "data-v-cc5ac630"]]);
 var _e = /* @__PURE__ */ ((e) => (e.CONFIG_SETTINGS = "config-settings", e.UPDATE_COLUMNS = "update:columns", e))(_e || {});
-let Rt = 0;
+let It = 0;
 const Ls = {
   beforeCreate() {
-    this.uuid = Rt.toString(), Rt += 1;
+    this.uuid = It.toString(), It += 1;
   }
-}, Ss = { key: 0 }, bs = ["clip-path"], Es = ["id"];
-function ys(e, n, f, t, r, u) {
+}, Ss = { key: 0 }, bs = ["clip-path"], ys = ["id"];
+function Es(e, l, f, t, r, u) {
   return d(), L("svg", Y({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
@@ -1194,29 +1210,29 @@ function ys(e, n, f, t, r, u) {
     C("g", {
       fill: "#00112C",
       "clip-path": "url(#uia-icons-16-settings__a" + e.uuid + ")"
-    }, n[0] || (n[0] = [
+    }, l[0] || (l[0] = [
       C("path", { d: "M8 5.25C6.48122 5.25 5.25 6.48122 5.25 8C5.25 9.51878 6.48122 10.75 8 10.75C9.51878 10.75 10.75 9.51878 10.75 8C10.75 6.48122 9.51878 5.25 8 5.25ZM6.75 8C6.75 7.30964 7.30964 6.75 8 6.75C8.69036 6.75 9.25 7.30964 9.25 8C9.25 8.69036 8.69036 9.25 8 9.25C7.30964 9.25 6.75 8.69036 6.75 8Z" }, null, -1),
       C("path", { d: "M6.84701 0.973015L6.59985 0.35083L5.9537 0.526056C4.64534 0.880867 3.48225 1.56808 2.55285 2.48641L2.07533 2.95826L2.49158 3.48495C2.79648 3.87074 2.85279 4.419 2.58992 4.87589C2.32905 5.32931 1.82436 5.55631 1.33473 5.48726L0.677319 5.39455L0.505539 6.03586C0.33838 6.65992 0.25 7.32519 0.25 7.99991C0.25 8.67463 0.33838 9.3399 0.505539 9.96396L0.677319 10.6053L1.33473 10.5126C1.82436 10.4435 2.32905 10.6705 2.58992 11.1239C2.85279 11.5808 2.79648 12.1291 2.49158 12.5149L2.07533 13.0416L2.55285 13.5134C3.48225 14.4317 4.64534 15.119 5.9537 15.4738L6.59985 15.649L6.84701 15.0268C7.02659 14.5748 7.47549 14.2499 8 14.2499C8.52452 14.2499 8.97341 14.5748 9.15299 15.0268L9.40016 15.649L10.0463 15.4738C11.3547 15.119 12.5177 14.4317 13.4471 13.5134L13.9247 13.0416L13.5084 12.5149C13.2035 12.1291 13.1472 11.5808 13.4101 11.1239C13.671 10.6705 14.1756 10.4435 14.6653 10.5126L15.3227 10.6053L15.4945 9.96396C15.6616 9.3399 15.75 8.67463 15.75 7.99991C15.75 7.32519 15.6616 6.65992 15.4945 6.03586L15.3227 5.39455L14.6653 5.48726C14.1756 5.55631 13.671 5.32931 13.4101 4.87589C13.1472 4.419 13.2035 3.87074 13.5084 3.48495L13.9247 2.95826L13.4471 2.48641C12.5177 1.56808 11.3547 0.880867 10.0463 0.526056L9.40016 0.35083L9.15299 0.973015C8.97341 1.42506 8.52452 1.74991 8 1.74991C7.47549 1.74991 7.02659 1.42506 6.84701 0.973015ZM3.89008 5.62393C4.33946 4.84286 4.36394 3.9353 4.03405 3.16853C4.55803 2.73795 5.15349 2.39116 5.80146 2.14902C6.30062 2.81653 7.10051 3.24991 8 3.24991C8.89949 3.24991 9.69938 2.81653 10.1985 2.14902C10.8465 2.39116 11.442 2.73795 11.966 3.16853C11.6361 3.9353 11.6605 4.84287 12.1099 5.62393C12.5612 6.40839 13.3382 6.88092 14.1658 6.97982C14.221 7.31075 14.25 7.65319 14.25 7.99991C14.25 8.34663 14.221 8.68908 14.1658 9.02001C13.3382 9.11891 12.5612 9.59143 12.1099 10.3759C11.6605 11.157 11.6361 12.0645 11.9659 12.8313C11.442 13.2619 10.8465 13.6087 10.1985 13.8508C9.69938 13.1833 8.89949 12.7499 8 12.7499C7.10051 12.7499 6.30062 13.1833 5.80146 13.8508C5.15349 13.6087 4.55803 13.2619 4.03405 12.8313C4.36394 12.0645 4.33946 11.157 3.89008 10.3759C3.43875 9.59143 2.66177 9.1189 1.8342 9.02C1.77896 8.68908 1.75 8.34663 1.75 7.99991C1.75 7.65319 1.77896 7.31074 1.8342 6.97982C2.66177 6.88092 3.43875 6.40839 3.89008 5.62393Z" }, null, -1)
     ]), 8, bs),
     C("defs", null, [
       C("clipPath", {
         id: "uia-icons-16-settings__a" + e.uuid
-      }, n[1] || (n[1] = [
+      }, l[1] || (l[1] = [
         C("rect", {
           width: "16",
           height: "16",
           fill: "#fff"
         }, null, -1)
-      ]), 8, Es)
+      ]), 8, ys)
     ])
   ], 16);
 }
-const Os = /* @__PURE__ */ q(Ls, [["render", ys]]), At = {
+const Os = /* @__PURE__ */ q(Ls, [["render", Es]]), At = {
   "en-US": {
     toggleColumnVisibility: "Toggle {label} column visibility",
     toggleColumnFreeze: "Toggle {label} column freeze"
   }
-}, Is = Le({
+}, Rs = Le({
   i18n: { messages: At },
   name: "bento-data-grid",
   components: {
@@ -1240,22 +1256,22 @@ const Os = /* @__PURE__ */ q(Ls, [["render", ys]]), At = {
     }
   },
   emits: ["visible-column", "updated-column"],
-  setup(e, { emit: n }) {
-    const { t: f } = Ee({ messages: At }), t = I(!1), r = R(() => {
+  setup(e, { emit: l }) {
+    const { t: f } = ye({ messages: At }), t = R(!1), r = I(() => {
       var g;
       return (g = e.column) == null ? void 0 : g.frozen;
-    }), u = R(() => {
+    }), u = I(() => {
       var g;
       return ((g = e.column) == null ? void 0 : g.visible) !== !1;
     }), i = () => {
-      n("visible-column", { ...e.column, visible: !u.value });
+      l("visible-column", { ...e.column, visible: !u.value });
     }, h = () => {
-      n("updated-column", { ...e.column, frozen: !r.value });
+      l("updated-column", { ...e.column, frozen: !r.value });
     }, v = () => {
       r.value || (t.value = !0);
     }, O = () => {
       r.value || (t.value = !1);
-    }, b = R(() => ({
+    }, b = I(() => ({
       "b-data-grid-config-settings-column-row__freeze-icon--frozen": r.value
     }));
     return {
@@ -1274,12 +1290,12 @@ const Os = /* @__PURE__ */ q(Ls, [["render", ys]]), At = {
     };
   }
 });
-function Rs(e, n, f, t, r, u) {
+function Is(e, l, f, t, r, u) {
   const i = ae("bento-toggle"), h = ae("bento-freeze-icon");
   return d(), L("div", {
     class: "b-data-grid-config-settings-column-row",
-    onMouseover: n[0] || (n[0] = (...v) => e.showFreezeIcon && e.showFreezeIcon(...v)),
-    onMouseleave: n[1] || (n[1] = (...v) => e.hideFreezeIcon && e.hideFreezeIcon(...v))
+    onMouseover: l[0] || (l[0] = (...v) => e.showFreezeIcon && e.showFreezeIcon(...v)),
+    onMouseleave: l[1] || (l[1] = (...v) => e.hideFreezeIcon && e.hideFreezeIcon(...v))
   }, [
     Z(i, {
       "aria-label": e.t("toggleColumnVisibility", { label: e.column.label }),
@@ -1293,47 +1309,57 @@ function Rs(e, n, f, t, r, u) {
       ]),
       _: 1
     }, 8, ["aria-label", "disabled", "value", "onInput"]),
-    lt(Z(h, {
+    nt(Z(h, {
       "aria-label": e.t("toggleColumnFreeze", { label: e.column.label }),
       class: se(["b-data-grid-config-settings-column-row__freeze-icon", e.freezeIconConditionalClasses]),
       onClick: e.toggleColumnFreeze
     }, null, 8, ["aria-label", "class", "onClick"]), [
-      [$l, e.isColumnFrozen || e.isFreezeIconOptionShown]
+      [Nn, e.isColumnFrozen || e.isFreezeIconOptionShown]
     ])
   ], 32);
 }
-const As = /* @__PURE__ */ q(Is, [["render", Rs], ["__scopeId", "data-v-bb87a729"]]), Tt = {
+const As = /* @__PURE__ */ q(Rs, [["render", Is], ["__scopeId", "data-v-bb87a729"]]), Tt = {
   "en-US": {
     closeConfigSettingsPanel: "Close configuration settings panel",
-    configSettingsPanel: "Configuration settings Panel",
-    displayOptions: "Display options",
-    condensed: "Condensed",
-    condensedToggle: "Condensed toggle",
-    size: "Size",
-    toggleConfigSettingsPanelVisibility: "Toggle Configuration settings panel visibility",
+    closeSearch: "Close search",
     columns: "Columns",
-    showAllColumns: "Show all columns ({numberOfColumns})",
     columnVisibilitySearchFilter: "Column visibility search filter",
+    condensed: "Condensed",
+    condensedToggle: "Condensed toggle",
+    configSettingsPanel: "Configuration settings Panel",
+    displayOptions: "Display options",
+    noColumnsMatch: "No columns match this search",
     search: "Search",
-    closeSearch: "Close search",
-    noColumnsMatch: "No columns match this search"
+    showAllColumns: "Show all columns ({numberOfColumns})",
+    size: "Size",
+    toggleConfigSettingsPanelVisibility: "Toggle Configuration settings panel visibility"
+  },
+  "pt-BR": {
+    condensed: "Condensado",
+    search: "Buscar",
+    size: "Tamanho"
+  },
+  "ja-JP": {
+    condensed: "凝縮",
+    search: "検索",
+    size: "サイズ"
   }
 }, Ts = Le({
   i18n: { messages: Tt },
   name: "bento-data-grid",
   components: {
     BentoButton: Ht,
-    BentoCrossIcon: Pt,
-    BentoPopover: ql,
+    BentoCrossIcon: Dt,
+    BentoPopover: Yn,
     BentoSettingsIcon: Os,
     BentoToggleButton: Vt,
     BentoDataGridConfigSettingsConfigRow: As,
-    BentoSearchBar: Yl,
-    BentoSearchIcon: Ql,
+    BentoSearchBar: Xn,
+    BentoSearchIcon: el,
     BentoToggle: Gt,
     BentoTypography: xe
   },
-  directives: { BentoClickOutsideDirective: Kl },
+  directives: { BentoClickOutsideDirective: Jn },
   props: {
     /**
      * Column definitions
@@ -1351,41 +1377,41 @@ const As = /* @__PURE__ */ q(Is, [["render", Rs], ["__scopeId", "data-v-bb87a729
     }
   },
   emits: [_e.CONFIG_SETTINGS, _e.UPDATE_COLUMNS],
-  setup(e, { emit: n }) {
-    const { t: f } = Ee({ messages: Tt }), t = I(null), r = Jl("data-grid-config-settings-popover"), u = I(null), i = I(!1), h = I(!0), v = I(null), O = I(""), b = kt(e, "columns"), g = I(!1), N = Xl(O, b), l = () => {
+  setup(e, { emit: l }) {
+    const { t: f } = ye({ messages: Tt }), t = R(null), r = Qn("data-grid-config-settings-popover"), u = R(null), i = R(!1), h = R(!0), v = R(null), O = R(""), b = kt(e, "columns"), g = R(!1), N = Kn(O, b), n = () => {
       O.value = "";
-    }, m = R(
-      () => !e.columns.some((E) => E.visible === !1 && !E.mandatory)
+    }, m = I(
+      () => !e.columns.some((y) => y.visible === !1 && !y.mandatory)
     ), o = () => {
-      l(), g.value = !g.value, g.value ? re(() => {
-        var E;
-        return (E = u.value.$refs.bentoInputField) == null ? void 0 : E.focusInput();
+      n(), g.value = !g.value, g.value ? re(() => {
+        var y;
+        return (y = u.value.$refs.bentoInputField) == null ? void 0 : y.focusInput();
       }) : re(() => {
-        var E, c;
-        return (c = (E = v == null ? void 0 : v.value) == null ? void 0 : E.$el) == null ? void 0 : c.focus();
+        var y, c;
+        return (c = (y = v == null ? void 0 : v.value) == null ? void 0 : y.$el) == null ? void 0 : c.focus();
       }), h.value = m.value;
-    }, _ = (E) => E.mandatory ?? !1, S = (E) => {
+    }, _ = (y) => y.mandatory ?? !1, S = (y) => {
       const c = e.columns.map((M) => ({
         ...M,
-        visible: E.field === M.field ? E.visible : M.visible
+        visible: y.field === M.field ? y.visible : M.visible
       }));
-      n(_e.UPDATE_COLUMNS, c);
-    }, A = (E) => {
-      E ? n(
+      l(_e.UPDATE_COLUMNS, c);
+    }, A = (y) => {
+      y ? l(
         _e.UPDATE_COLUMNS,
         e.columns.map((c) => ({ ...c, visible: !0 }))
-      ) : n(
+      ) : l(
         _e.UPDATE_COLUMNS,
         e.columns.map((c) => ({ ...c, visible: (c == null ? void 0 : c.mandatory) === !0 }))
       );
-    }, z = (E) => {
+    }, z = (y) => {
       const c = e.columns.map((M) => ({
         ...M,
-        frozen: E.field === M.field ? !!(E != null && E.frozen) : !!(M != null && M.frozen)
+        frozen: y.field === M.field ? !!(y != null && y.frozen) : !!(M != null && M.frozen)
       }));
-      n(_e.UPDATE_COLUMNS, c);
-    }, j = (E) => {
-      i.value = E, h.value = m.value;
+      l(_e.UPDATE_COLUMNS, c);
+    }, j = (y) => {
+      i.value = y, h.value = m.value;
     };
     return {
       // Values
@@ -1401,9 +1427,9 @@ const As = /* @__PURE__ */ q(Is, [["render", Rs], ["__scopeId", "data-v-bb87a729
       DATAGRID_SELECT_FIELD_NAME: be,
       // Methods
       setConfigSettingsPanelVisibility: j,
-      emitCondensedToggle: (E) => n(_e.CONFIG_SETTINGS, E),
+      emitCondensedToggle: (y) => l(_e.CONFIG_SETTINGS, y),
       toggleAllColumnVisibility: A,
-      clearAction: l,
+      clearAction: n,
       toggleColumnFilter: o,
       emitVisibleColumns: S,
       emitFrozenColumns: z,
@@ -1416,16 +1442,16 @@ const As = /* @__PURE__ */ q(Is, [["render", Rs], ["__scopeId", "data-v-bb87a729
 }), ws = { class: "b-data-grid-config-settings" }, $s = { class: "b-data-grid-config-settings__button-and-separator" }, Ns = {
   ref: "configSettingsButtonRef",
   class: "b-data-grid-config-settings__button-container"
-}, Ms = { class: "b-data-grid-config-settings__panel-header" }, Us = { class: "b-data-grid-config-settings__condensed-view-settings" }, ks = { class: "b-data-grid-config-settings__column-visibility-settings" }, Ds = { class: "b-data-grid-config-settings__column-visibility-header" }, Ps = {
+}, Ms = { class: "b-data-grid-config-settings__panel-header" }, Us = { class: "b-data-grid-config-settings__condensed-view-settings" }, ks = { class: "b-data-grid-config-settings__column-visibility-settings" }, Ps = { class: "b-data-grid-config-settings__column-visibility-header" }, Ds = {
   key: 0,
   class: "b-data-grid-config-settings__column-visibility-search"
 }, Fs = {
   key: 1,
   class: "b-data-grid-config-settings__column-visibility-show-all"
 }, zs = { class: "b-data-grid-config-settings__column-visibility-toggles" };
-function Ws(e, n, f, t, r, u) {
-  const i = ae("bento-settings-icon"), h = ae("bento-toggle-button"), v = ae("bento-typography"), O = ae("bento-cross-icon"), b = ae("bento-button"), g = ae("bento-toggle"), N = ae("bento-search-icon"), l = ae("bento-search-bar"), m = ae("bento-data-grid-config-settings-config-row"), o = ae("bento-popover"), _ = Nl("bento-click-outside-directive");
-  return lt((d(), L("div", ws, [
+function Ws(e, l, f, t, r, u) {
+  const i = ae("bento-settings-icon"), h = ae("bento-toggle-button"), v = ae("bento-typography"), O = ae("bento-cross-icon"), b = ae("bento-button"), g = ae("bento-toggle"), N = ae("bento-search-icon"), n = ae("bento-search-bar"), m = ae("bento-data-grid-config-settings-config-row"), o = ae("bento-popover"), _ = Mn("bento-click-outside-directive");
+  return nt((d(), L("div", ws, [
     C("div", $s, [
       C("div", Ns, [
         Z(h, {
@@ -1433,7 +1459,7 @@ function Ws(e, n, f, t, r, u) {
           variant: "tertiary",
           condensed: "",
           toggled: e.isConfigSettingsPanelOpen,
-          onClick: n[0] || (n[0] = (S) => e.setConfigSettingsPanelVisibility(!e.isConfigSettingsPanelOpen))
+          onClick: l[0] || (l[0] = (S) => e.setConfigSettingsPanelVisibility(!e.isConfigSettingsPanelOpen))
         }, {
           iconLeft: G(() => [
             Z(i, {
@@ -1466,7 +1492,7 @@ function Ws(e, n, f, t, r, u) {
           }),
           Z(b, {
             variant: "tertiary",
-            onClick: n[1] || (n[1] = (S) => e.setConfigSettingsPanelVisibility(!1))
+            onClick: l[1] || (l[1] = (S) => e.setConfigSettingsPanelVisibility(!1))
           }, {
             iconLeft: G(() => [
               Z(O, {
@@ -1500,7 +1526,7 @@ function Ws(e, n, f, t, r, u) {
           }, 8, ["aria-label", "value", "onInput"])
         ]),
         C("div", ks, [
-          C("div", Ds, [
+          C("div", Ps, [
             Z(v, {
               class: "b-data-grid-config-settings__column-visibility-title",
               el: "span",
@@ -1538,12 +1564,12 @@ function Ws(e, n, f, t, r, u) {
               _: 1
             }, 8, ["onClick"]))
           ]),
-          e.isColumnVisibilityFilterShown ? (d(), L("div", Ps, [
-            Z(l, {
+          e.isColumnVisibilityFilterShown ? (d(), L("div", Ds, [
+            Z(n, {
               ref: "searchBarRef",
               value: e.searchTerm,
               "input-field-aria-label": e.t("columnVisibilitySearchFilter").toString(),
-              onInput: n[2] || (n[2] = (S) => e.searchTerm = S),
+              onInput: l[2] || (l[2] = (S) => e.searchTerm = S),
               onClear: e.clearAction,
               onEscapePressed: e.toggleColumnFilter
             }, null, 8, ["value", "input-field-aria-label", "onClear", "onEscapePressed"])
@@ -1594,11 +1620,19 @@ const Hs = /* @__PURE__ */ q(Ts, [["render", Ws], ["__scopeId", "data-v-e2bc2576
   "en-US": {
     gettingYourData: "Getting your data",
     loading: "Loading",
+    selectRow: "Select row",
     showMore: "Show more",
     sortAscending: "{field} sort ascending",
     sortDescending: "{field} sort descending",
-    sortInactive: "{field} sort inactive",
-    selectRow: "Select row"
+    sortInactive: "{field} sort inactive"
+  },
+  "pt-BR": {
+    loading: "Carregando",
+    showMore: "Mostrar mais"
+  },
+  "ja-JP": {
+    loading: "読み込み中",
+    showMore: "表示内容を増やす"
   }
 }, Gs = { class: "b-data-grid-lazy-load" }, Vs = {
   i18n: { messages: je }
@@ -1610,7 +1644,7 @@ const Hs = /* @__PURE__ */ q(Ts, [["render", Ws], ["__scopeId", "data-v-e2bc2576
     isInfiniteScroll: { type: Boolean }
   },
   setup(e) {
-    const { t: n } = Ee({ messages: je });
+    const { t: l } = ye({ messages: je });
     return (f, t) => (d(), L("div", Gs, [
       f.loading && f.isInfiniteScroll ? (d(), F(a(Ft), { key: 0 })) : k("", !0),
       f.loading && !f.isInfiniteScroll ? (d(), F(a(vt), {
@@ -1619,7 +1653,7 @@ const Hs = /* @__PURE__ */ q(Ts, [["render", Ws], ["__scopeId", "data-v-e2bc2576
         state: a(mt).LOADING
       }, {
         default: G(() => [
-          ee(V(a(n)("loading")), 1)
+          ee(V(a(l)("loading")), 1)
         ]),
         _: 1
       }, 8, ["state"])) : k("", !0),
@@ -1630,7 +1664,7 @@ const Hs = /* @__PURE__ */ q(Ts, [["render", Ws], ["__scopeId", "data-v-e2bc2576
         onClick: t[0] || (t[0] = (r) => f.$emit(a($).UPDATE_SHOW_MORE))
       }, {
         default: G(() => [
-          ee(V(a(n)("showMore")), 1)
+          ee(V(a(l)("showMore")), 1)
         ]),
         _: 1
       }, 8, ["state"])) : k("", !0)
@@ -1643,7 +1677,7 @@ const xs = {
     this.uuid = wt.toString(), wt += 1;
   }
 }, js = { key: 0 };
-function qs(e, n, f, t, r, u) {
+function qs(e, l, f, t, r, u) {
   return d(), L("svg", Y({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
@@ -1652,7 +1686,7 @@ function qs(e, n, f, t, r, u) {
     fill: "none"
   }), [
     e.$attrs["svg-title"] ? (d(), L("title", js, V(e.$attrs["svg-title"]), 1)) : k("", !0),
-    n[0] || (n[0] = C("path", {
+    l[0] || (l[0] = C("path", {
       fill: "#00112C",
       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"
     }, null, -1))
@@ -1665,7 +1699,7 @@ const Xs = {
     this.uuid = $t.toString(), $t += 1;
   }
 }, Ks = { key: 0 };
-function Js(e, n, f, t, r, u) {
+function Js(e, l, f, t, r, u) {
   return d(), L("svg", Y({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
@@ -1674,7 +1708,7 @@ function Js(e, n, f, t, r, u) {
     fill: "none"
   }), [
     e.$attrs["svg-title"] ? (d(), L("title", Ks, V(e.$attrs["svg-title"]), 1)) : k("", !0),
-    n[0] || (n[0] = C("path", {
+    l[0] || (l[0] = C("path", {
       fill: "#00112C",
       d: "M2.93933 11.9999L10.1893 4.74989H5.24999V3.24989H12.75V10.7499H11.25V5.81055L3.99999 13.0605L2.93933 11.9999Z"
     }, null, -1))
@@ -1686,6 +1720,18 @@ const Nt = /* @__PURE__ */ q(Xs, [["render", Js]]), jt = {
     edit: "Edit",
     open: "Open",
     more: "More"
+  },
+  "pt-BR": {
+    copy: "Copiar",
+    edit: "Editar",
+    open: "Abrir",
+    more: "Mais"
+  },
+  "ja-JP": {
+    copy: "コピー",
+    edit: "編集",
+    open: "を開く",
+    more: "表示を増やす"
   }
 }, Qs = { class: "b-data-grid-cell-actions" }, ei = {
   class: "b-data-grid-cell-actions__actions",
@@ -1693,7 +1739,7 @@ const Nt = /* @__PURE__ */ q(Xs, [["render", Js]]), jt = {
 }, ti = {
   i18n: { messages: jt },
   name: "data-grid-cell-actions"
-}, li = /* @__PURE__ */ Le({
+}, ni = /* @__PURE__ */ Le({
   ...ti,
   props: {
     /**
@@ -1720,15 +1766,15 @@ const Nt = /* @__PURE__ */ q(Xs, [["render", Js]]), jt = {
     }
   },
   emits: ["menu-item-click-close"],
-  setup(e, { emit: n }) {
-    const { t: f } = Ee({ messages: jt }), t = e, r = n, u = R(() => {
-      var l;
-      return ((l = t.cellActions) == null ? void 0 : l.length) > 2 && zt(
+  setup(e, { emit: l }) {
+    const { t: f } = ye({ messages: jt }), t = e, r = l, u = I(() => {
+      var n;
+      return ((n = t.cellActions) == null ? void 0 : n.length) > 2 && zt(
         "WARNING: BentoDataGrid Cell actions can only have a maximum of 2 actions, if you need more consider using the menuData property instead."
       ), t.cellActions.slice(0, 2);
-    }), i = R(() => (l, m) => {
-      if (!(!m && l.isShort || m && !l.isShort))
-        switch (l.variant) {
+    }), i = I(() => (n, m) => {
+      if (!(!m && n.isShort || m && !n.isShort))
+        switch (n.variant) {
           case "copy":
             return f("copy");
           case "edit":
@@ -1738,23 +1784,23 @@ const Nt = /* @__PURE__ */ q(Xs, [["render", Js]]), jt = {
           case "more":
             return f("more");
           default:
-            return l.title;
+            return n.title;
         }
-    }), h = (l) => (l == null ? void 0 : l.event) !== void 0 ? {
-      click: () => l.event(t.rowDataItem, t.columnKey)
-    } : {}, v = (l) => ({
-      ...l,
+    }), h = (n) => (n == null ? void 0 : n.event) !== void 0 ? {
+      click: () => n.event(t.rowDataItem, t.columnKey)
+    } : {}, v = (n) => ({
+      ...n,
       handler: () => {
-        l != null && l.handler && typeof l.handler == "function" && (l == null || l.handler()), l != null && l.event && typeof l.event == "function" && (l == null || l.event(t.rowDataItem, t.columnKey));
+        n != null && n.handler && typeof n.handler == "function" && (n == null || n.handler()), n != null && n.event && typeof n.event == "function" && (n == null || n.event(t.rowDataItem, t.columnKey));
       }
-    }), O = (l) => l.map((m) => {
+    }), O = (n) => n.map((m) => {
       const o = m;
       return o != null && o.items && (o.items = O(o.items)), { ...v(o) };
-    }), b = (l) => {
+    }), b = (n) => {
       var m, o;
-      return (l == null ? void 0 : l.getCopyData) !== void 0 ? l.getCopyData(t.rowDataItem, t.columnKey) : (o = (m = t.rowDataItem) == null ? void 0 : m[t.columnKey]) == null ? void 0 : o.toString();
-    }, g = (l) => l.iconRight || ((l == null ? void 0 : l.variant) === "more" || (l == null ? void 0 : l.variant) === "open") && !l.isShort, N = (l) => l.iconLeft || (l == null ? void 0 : l.variant) === "more";
-    return (l, m) => (d(), F(Ml, {
+      return (n == null ? void 0 : n.getCopyData) !== void 0 ? n.getCopyData(t.rowDataItem, t.columnKey) : (o = (m = t.rowDataItem) == null ? void 0 : m[t.columnKey]) == null ? void 0 : o.toString();
+    }, g = (n) => n.iconRight || ((n == null ? void 0 : n.variant) === "more" || (n == null ? void 0 : n.variant) === "open") && !n.isShort, N = (n) => n.iconLeft || (n == null ? void 0 : n.variant) === "more";
+    return (n, m) => (d(), F(Un, {
       name: "b-data-grid-cell-actions__animation",
       appear: ""
     }, {
@@ -1780,10 +1826,10 @@ const Nt = /* @__PURE__ */ q(Xs, [["render", Js]]), jt = {
                 N(o) ? {
                   name: "iconLeft",
                   fn: G(() => [
-                    (o == null ? void 0 : o.variant) === "more" ? (d(), F(a(tn), {
+                    (o == null ? void 0 : o.variant) === "more" ? (d(), F(a(nl), {
                       key: 0,
                       "svg-title": i.value(o, !0)
-                    }, null, 8, ["svg-title"])) : (d(), F(Re(o.iconLeft), {
+                    }, null, 8, ["svg-title"])) : (d(), F(Ie(o.iconLeft), {
                       key: 1,
                       "svg-title": i.value(o, !0)
                     }, null, 8, ["svg-title"]))
@@ -1803,14 +1849,14 @@ const Nt = /* @__PURE__ */ q(Xs, [["render", Js]]), jt = {
                     (o == null ? void 0 : o.variant) === "open" ? (d(), F(a(Nt), {
                       key: 0,
                       "svg-title": i.value(o, !0)
-                    }, null, 8, ["svg-title"])) : (d(), F(Re(o.iconRight), {
+                    }, null, 8, ["svg-title"])) : (d(), F(Ie(o.iconRight), {
                       key: 1,
                       "svg-title": o.title
                     }, null, 8, ["svg-title"]))
                   ]),
                   key: "2"
                 } : void 0
-              ]), 1032, ["data", "button"])) : o.variant === "copy" ? (d(), F(a(sn), {
+              ]), 1032, ["data", "button"])) : o.variant === "copy" ? (d(), F(a(il), {
                 key: 1,
                 text: b(o),
                 "button-text": i.value(o),
@@ -1832,7 +1878,7 @@ const Nt = /* @__PURE__ */ q(Xs, [["render", Js]]), jt = {
                     (o == null ? void 0 : o.variant) === "edit" ? (d(), F(a(Ys), {
                       key: 0,
                       "svg-title": i.value(o, !0)
-                    }, null, 8, ["svg-title"])) : (d(), F(Re(o.iconLeft), {
+                    }, null, 8, ["svg-title"])) : (d(), F(Ie(o.iconLeft), {
                       key: 1,
                       "svg-title": o.title
                     }, null, 8, ["svg-title"]))
@@ -1852,7 +1898,7 @@ const Nt = /* @__PURE__ */ q(Xs, [["render", Js]]), jt = {
                     (o == null ? void 0 : o.variant) === "open" ? (d(), F(a(Nt), {
                       key: 0,
                       "svg-title": i.value(o, !0)
-                    }, null, 8, ["svg-title"])) : (d(), F(Re(o.iconRight), {
+                    }, null, 8, ["svg-title"])) : (d(), F(Ie(o.iconRight), {
                       key: 1,
                       "svg-title": o.title
                     }, null, 8, ["svg-title"]))
@@ -1867,8 +1913,8 @@ const Nt = /* @__PURE__ */ q(Xs, [["render", Js]]), jt = {
       _: 1
     }));
   }
-}), ni = /* @__PURE__ */ q(li, [["__scopeId", "data-v-da2fa02e"]]);
-var ne = /* @__PURE__ */ ((e) => (e.COLUMN_HOVERED = "column-hovered", e.COLUMN_HOVERED_NO_BORDER_LEFT = "column-hovered-no-border-left", e.COLUMN_HOVERED_NO_BORDER_RIGHT = "column-hovered-no-border-right", e.CONDENSED = "condensed", e.FROZEN = "frozen", e.IS_COLUMN_REORDERING = "is-column-re-ordering", e.IS_COLUMN_REORDERING_TARGET_LEFT = "is-column-re-order-target-left", e.IS_COLUMN_REORDERING_TARGET_RIGHT = "is-column-re-order-target-right", e.LAST_FROZEN_COLUMN_CELL = "last-frozen-column-cell", e.NUMERIC = "numeric", e.OVERFLOW_ELLIPSIS = "overflow-ellipsis", e.PADDING_LEFT_UNSET = "padding-left-unset", e.PADDING_RIGHT_UNSET = "padding-right-unset", e))(ne || {});
+}), li = /* @__PURE__ */ q(ni, [["__scopeId", "data-v-da2fa02e"]]);
+var le = /* @__PURE__ */ ((e) => (e.COLUMN_HOVERED = "column-hovered", e.COLUMN_HOVERED_NO_BORDER_LEFT = "column-hovered-no-border-left", e.COLUMN_HOVERED_NO_BORDER_RIGHT = "column-hovered-no-border-right", e.CONDENSED = "condensed", e.FROZEN = "frozen", e.IS_COLUMN_REORDERING = "is-column-re-ordering", e.IS_COLUMN_REORDERING_TARGET_LEFT = "is-column-re-order-target-left", e.IS_COLUMN_REORDERING_TARGET_RIGHT = "is-column-re-order-target-right", e.LAST_FROZEN_COLUMN_CELL = "last-frozen-column-cell", e.NUMERIC = "numeric", e.OVERFLOW_ELLIPSIS = "overflow-ellipsis", e.PADDING_LEFT_UNSET = "padding-left-unset", e.PADDING_RIGHT_UNSET = "padding-right-unset", e))(le || {});
 const qt = {
   "en-US": {
     selectRow: "Select row"
@@ -1966,11 +2012,11 @@ const qt = {
     }
   },
   emits: ["on-frozen-columns-key-press", "select-row", "register-row-cell-element", "cell-hovered"],
-  setup(e, { expose: n, emit: f }) {
-    const t = Dt(), r = on(t), { t: u } = Ee({ messages: qt }), i = e, h = f, v = I(null), O = I(null), b = I(!1), g = I([]), N = R(() => {
+  setup(e, { expose: l, emit: f }) {
+    const t = Pt(), r = ol(t), { t: u } = ye({ messages: qt }), i = e, h = f, v = R(null), O = R(null), b = R(!1), g = R([]), N = I(() => {
       var c;
       return !!((c = i.rowData) != null && c[i.column.field]);
-    }), l = (c, M) => (c == null ? void 0 : c.overflow) === Je.ELLIPSIS ? `${M}` : void 0, m = (c) => c ?? "-", o = (c) => i.columnSets.slice(0, c).reduce((M, { columnSet: U }) => M + U.length, 0), _ = (c, M) => c + o(M), S = (c, M, U) => o() * c + _(M, U), A = (c) => {
+    }), n = (c, M) => (c == null ? void 0 : c.overflow) === Je.ELLIPSIS ? `${M}` : void 0, m = (c) => c ?? "-", o = (c) => i.columnSets.slice(0, c).reduce((M, { columnSet: U }) => M + U.length, 0), _ = (c, M) => c + o(M), S = (c, M, U) => o() * c + _(M, U), A = (c) => {
       var M;
       (c === null || !v.value.contains(c) && !((M = g.value) != null && M.map((U) => U.value).some((U) => U === c || (U == null ? void 0 : U.contains(c))))) && (b.value = !1);
     }, z = () => {
@@ -1979,16 +2025,16 @@ const qt = {
       const U = { ...{
         ...i.draggingEventsForRowCell(c)
       } };
-      return c.frozen && (U.keyup = (D) => h("on-frozen-columns-key-press", D), U.keydown = (D) => h("on-frozen-columns-key-press", D)), c.cellActions && (U.mouseenter = () => {
+      return c.frozen && (U.keyup = (P) => h("on-frozen-columns-key-press", P), U.keydown = (P) => h("on-frozen-columns-key-press", P)), c.cellActions && (U.mouseenter = () => {
         b.value = !0;
-      }, U.mouseleave = (D) => {
-        b.value = !1, A(D == null ? void 0 : D.relatedTarget);
-      }, U.mouseleave = (D) => {
-        A(D == null ? void 0 : D.relatedTarget);
-      }, U.focus = (D) => {
+      }, U.mouseleave = (P) => {
+        b.value = !1, A(P == null ? void 0 : P.relatedTarget);
+      }, U.mouseleave = (P) => {
+        A(P == null ? void 0 : P.relatedTarget);
+      }, U.focus = (P) => {
         b.value = !0;
-      }, U.focusout = (D) => {
-        A(D == null ? void 0 : D.relatedTarget);
+      }, U.focusout = (P) => {
+        A(P == null ? void 0 : P.relatedTarget);
       }), U;
     };
     ce(
@@ -1996,7 +2042,7 @@ const qt = {
       () => {
         b.value === !0 ? h("cell-hovered", i.rowIndex) : h("cell-hovered", -1);
       }
-    ), Ul(ln, {
+    ), kn(ll, {
       registerMenuContainerElement: (c) => {
         g.value.push(c);
       },
@@ -2004,24 +2050,24 @@ const qt = {
         v.value.contains(c == null ? void 0 : c.relatedTarget) || (b.value = !1);
       }
     });
-    const E = (c) => {
-      var M, U, D, te, K, X, B;
+    const y = (c) => {
+      var M, U, P, te, K, X, B;
       return {
-        [`b-data-grid-cell--${ne.COLUMN_HOVERED}`]: (c == null ? void 0 : c.field) === i.hoveredOverColumnState.hoveredOverColumnField,
-        [`b-data-grid-cell--${ne.COLUMN_HOVERED_NO_BORDER_LEFT}`]: (c == null ? void 0 : c.field) === i.hoveredOverColumnState.hoveredOverColumnField && i.hoveredOverColumnState.noBorderLeft,
-        [`b-data-grid-cell--${ne.COLUMN_HOVERED_NO_BORDER_RIGHT}`]: (c == null ? void 0 : c.field) === i.hoveredOverColumnState.hoveredOverColumnField && i.hoveredOverColumnState.noBorderRight,
-        [`b-data-grid-cell--${ne.PADDING_LEFT_UNSET}`]: ((M = c == null ? void 0 : c.padding) == null ? void 0 : M.left) === !1,
-        [`b-data-grid-cell--${ne.PADDING_RIGHT_UNSET}`]: ((U = c == null ? void 0 : c.padding) == null ? void 0 : U.right) === !1,
-        [`b-data-grid-cell--${ne.NUMERIC}`]: c == null ? void 0 : c.numeric,
-        [`b-data-grid-cell--${ne.CONDENSED}`]: i.condensed,
-        [`b-data-grid-cell--${ne.OVERFLOW_ELLIPSIS}`]: (c == null ? void 0 : c.overflow) === Je.ELLIPSIS,
-        [`b-data-grid-cell--${ne.IS_COLUMN_REORDERING}`]: ((D = i.draggingColumns.dragging) == null ? void 0 : D.field) === c.field,
-        [`b-data-grid-cell--${ne.IS_COLUMN_REORDERING_TARGET_LEFT}`]: ((te = i.draggingColumns.target) == null ? void 0 : te.field) === c.field && ((K = i.draggingColumns) == null ? void 0 : K.dragToLeft),
-        [`b-data-grid-cell--${ne.IS_COLUMN_REORDERING_TARGET_RIGHT}`]: ((X = i.draggingColumns.target) == null ? void 0 : X.field) === c.field && !((B = i.draggingColumns) != null && B.dragToLeft),
-        [`b-data-grid-cell--${ne.FROZEN}`]: c == null ? void 0 : c.frozen
+        [`b-data-grid-cell--${le.COLUMN_HOVERED}`]: (c == null ? void 0 : c.field) === i.hoveredOverColumnState.hoveredOverColumnField,
+        [`b-data-grid-cell--${le.COLUMN_HOVERED_NO_BORDER_LEFT}`]: (c == null ? void 0 : c.field) === i.hoveredOverColumnState.hoveredOverColumnField && i.hoveredOverColumnState.noBorderLeft,
+        [`b-data-grid-cell--${le.COLUMN_HOVERED_NO_BORDER_RIGHT}`]: (c == null ? void 0 : c.field) === i.hoveredOverColumnState.hoveredOverColumnField && i.hoveredOverColumnState.noBorderRight,
+        [`b-data-grid-cell--${le.PADDING_LEFT_UNSET}`]: ((M = c == null ? void 0 : c.padding) == null ? void 0 : M.left) === !1,
+        [`b-data-grid-cell--${le.PADDING_RIGHT_UNSET}`]: ((U = c == null ? void 0 : c.padding) == null ? void 0 : U.right) === !1,
+        [`b-data-grid-cell--${le.NUMERIC}`]: c == null ? void 0 : c.numeric,
+        [`b-data-grid-cell--${le.CONDENSED}`]: i.condensed,
+        [`b-data-grid-cell--${le.OVERFLOW_ELLIPSIS}`]: (c == null ? void 0 : c.overflow) === Je.ELLIPSIS,
+        [`b-data-grid-cell--${le.IS_COLUMN_REORDERING}`]: ((P = i.draggingColumns.dragging) == null ? void 0 : P.field) === c.field,
+        [`b-data-grid-cell--${le.IS_COLUMN_REORDERING_TARGET_LEFT}`]: ((te = i.draggingColumns.target) == null ? void 0 : te.field) === c.field && ((K = i.draggingColumns) == null ? void 0 : K.dragToLeft),
+        [`b-data-grid-cell--${le.IS_COLUMN_REORDERING_TARGET_RIGHT}`]: ((X = i.draggingColumns.target) == null ? void 0 : X.field) === c.field && !((B = i.draggingColumns) != null && B.dragToLeft),
+        [`b-data-grid-cell--${le.FROZEN}`]: c == null ? void 0 : c.frozen
       };
     };
-    return n({
+    return l({
       gridcellRef: v
     }), (c, M) => {
       var U;
@@ -2031,7 +2077,7 @@ const qt = {
         ref: v,
         "data-testid": `cell-${e.column.field}`,
         "data-cellindex": S(e.rowIndex, e.colIndex, e.columnSetIndex),
-        class: ["b-data-grid-cell", E(e.column)],
+        class: ["b-data-grid-cell", y(e.column)],
         role: "gridcell",
         tabindex: S(e.rowIndex, e.colIndex, e.columnSetIndex) === 0 ? "0" : "-1",
         "aria-colindex": _(e.colIndex, e.columnSetIndex) + 1,
@@ -2042,16 +2088,16 @@ const qt = {
         e.column.field !== a(be) ? (d(), L(ue, { key: 0 }, [
           Z(a(xe), { el: "div" }, {
             default: G(() => [
-              ye(c.$slots, `item-${e.column.field}`, { item: e.rowData }, () => [
+              Ee(c.$slots, `item-${e.column.field}`, { item: e.rowData }, () => [
                 C("span", {
-                  title: l(e.column, e.rowData[e.column.field])
+                  title: n(e.column, e.rowData[e.column.field])
                 }, V(m(e.rowData[e.column.field])), 9, ii)
               ], !0)
             ]),
             _: 3
           }),
           ((U = e.column.cellActions) == null ? void 0 : U.length) > 0 ? (d(), L("div", oi, [
-            b.value && (N.value || a(r)(`item-${e.column.field}`)) ? (d(), F(ni, {
+            b.value && (N.value || a(r)(`item-${e.column.field}`)) ? (d(), F(li, {
               key: 0,
               ref_key: "cellActionsRef",
               ref: O,
@@ -2068,7 +2114,7 @@ const qt = {
           "model-value": e.selectedItems,
           disabled: e.isDataItemDisabled(e.rowData),
           value: e.getDataItemId(e.rowData),
-          "onUpdate:modelValue": M[0] || (M[0] = (D) => c.$emit("select-row", D))
+          "onUpdate:modelValue": M[0] || (M[0] = (P) => c.$emit("select-row", P))
         }, null, 8, ["aria-label", "model-value", "disabled", "value"]))
       ], 16, si);
     };
@@ -2080,7 +2126,7 @@ const ui = {
     this.uuid = Mt.toString(), Mt += 1;
   }
 }, ci = { key: 0 }, gi = ["clip-path"], fi = ["id"];
-function vi(e, n, f, t, r, u) {
+function vi(e, l, f, t, r, u) {
   return d(), L("svg", Y({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
@@ -2091,7 +2137,7 @@ function vi(e, n, f, t, r, u) {
     e.$attrs["svg-title"] ? (d(), L("title", ci, V(e.$attrs["svg-title"]), 1)) : k("", !0),
     C("g", {
       "clip-path": "url(#uia-icons-16-warning_circle_fill__a" + e.uuid + ")"
-    }, n[0] || (n[0] = [
+    }, l[0] || (l[0] = [
       C("path", {
         fill: "#00112C",
         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"
@@ -2100,7 +2146,7 @@ function vi(e, n, f, t, r, u) {
     C("defs", null, [
       C("clipPath", {
         id: "uia-icons-16-warning_circle_fill__a" + e.uuid
-      }, n[1] || (n[1] = [
+      }, l[1] || (l[1] = [
         C("rect", {
           width: "16",
           height: "16",
@@ -2119,47 +2165,47 @@ const mi = /* @__PURE__ */ q(ui, [["render", vi]]), Ci = ["aria-label"], hi = {}
     variant: { default: "no-value" }
   },
   setup(e) {
-    const n = e, f = R(() => {
-      switch (n.variant) {
+    const l = e, f = I(() => {
+      switch (l.variant) {
         case "checkmark":
-          return Pl;
+          return Fn;
         case "warning":
-          return Fl;
+          return zn;
         case "error":
           return mi;
         case "cross":
-          return Pt;
+          return Dt;
         case "no-value":
           return ct;
         default:
           return ct;
       }
-    }), t = R(() => ({
-      "b-data-grid-static-icon--colored": n.colored && n.variant !== "no-value"
-    })), r = R(() => `b-data-grid-static-icon__${n.variant}`), u = R(() => Wl.AUTO);
-    return (i, h) => lt((d(), L("div", {
+    }), t = I(() => ({
+      "b-data-grid-static-icon--colored": l.colored && l.variant !== "no-value"
+    })), r = I(() => `b-data-grid-static-icon__${l.variant}`), u = I(() => Hn.AUTO);
+    return (i, h) => nt((d(), L("div", {
       "aria-label": i.tooltipText,
       class: se(["b-data-grid-static-icon", t.value]),
       tabindex: "0"
     }, [
-      (d(), F(Re(f.value), {
+      (d(), F(Ie(f.value), {
         class: se(r.value),
         "svg-title": i.tooltipText
       }, null, 8, ["class", "svg-title"]))
     ], 10, Ci)), [
-      [a(zl), i.tooltipText, u.value]
+      [a(Wn), i.tooltipText, u.value]
     ]);
   }
 }), Co = /* @__PURE__ */ q(_i, [["__scopeId", "data-v-3ee55e9a"]]), pi = ["aria-rowcount", "aria-colcount", "aria-label"], Li = {
   key: 1,
   class: "b-data-grid__header"
-}, Si = ["tabindex"], bi = ["tabindex", "aria-busy"], Ei = {
+}, Si = ["tabindex"], bi = ["tabindex", "aria-busy"], yi = {
   key: 0,
   class: "b-data-grid__loading"
-}, yi = {
+}, Ei = {
   key: 1,
   class: "b-data-grid__empty-state"
-}, Oi = ["aria-rowindex", "aria-selected", "onClick"], Ii = ["data-testid"], Ri = {
+}, Oi = ["aria-rowindex", "aria-selected", "onClick"], Ri = ["data-testid"], Ii = {
   key: 4,
   class: "b-data-grid__footer"
 }, Ai = {
@@ -2400,10 +2446,10 @@ const mi = /* @__PURE__ */ q(ui, [["render", vi]]), Ci = ["aria-label"], hi = {}
     $.SELECT_ALL_ACROSS_PAGES,
     $.SORT
   ],
-  setup(e, { expose: n, emit: f }) {
-    const t = e, r = Dt(), u = I(null), i = I(), h = I({}), v = I(null), O = I(null), b = I(), g = I(null), {
+  setup(e, { expose: l, emit: f }) {
+    const t = e, r = Pt(), u = R(null), i = R(), h = R({}), v = R(null), O = R(null), b = R(), g = R(null), {
       allowColumnDragAndDrop: N,
-      columns: l,
+      columns: n,
       columnPanel: m,
       data: o,
       lazyLoadType: _,
@@ -2412,31 +2458,31 @@ const mi = /* @__PURE__ */ q(ui, [["render", vi]]), Ci = ["aria-label"], hi = {}
       loading: z,
       selectableAcrossPages: j,
       outline: fe
-    } = et(t), y = I(-1), { t: E } = Ee({ messages: je }), c = R(() => X.value.filter((p) => p.frozen).length), M = ut(
-      jl,
+    } = et(t), E = R(-1), { t: y } = ye({ messages: je }), c = I(() => X.value.filter((p) => p.frozen).length), M = ut(
+      qn,
       () => ({
         isDataGridTemplate: !1,
-        stickyTabs: I(!1),
-        tabsRef: I(null)
+        stickyTabs: R(!1),
+        tabsRef: R(null)
       })
-    ), { isDataGridTemplate: U, stickyTabs: D, tabsRef: te } = M(), K = R(() => t.fitContent || U ? 0 : null), {
+    ), { isDataGridTemplate: U, stickyTabs: P, tabsRef: te } = M(), K = I(() => t.fitContent || U ? 0 : null), {
       columnDefs: X,
       onColumnWidthOverride: B,
       gridColumnWidthStyle: W,
       isMeasuringColumnWidths: ge,
       isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: qe,
       columns: Ae
-    } = vn(l, o, u, h, v, {
+    } = vl(n, o, u, h, v, {
       hasColumnPanel: m,
       hasSelectableColumn: S,
       hasSelectableAcrossPages: j,
       allowColumnDragAndDrop: N
     }), Ye = f, s = (p, ...w) => {
       (p === $.COLUMNS || p === $.UPDATE_COLUMNS) && ([Ae.value] = w), Ye(p, ...w);
-    }, P = _t(te, D), T = R(
-      () => t.stickyFilters ? `${P.value}px` : null
-    ), ie = _t(O, kt(t, "stickyFilters")), J = R(
-      () => `${ie.value + P.value}px`
+    }, D = _t(te, P), T = I(
+      () => t.stickyFilters ? `${D.value}px` : null
+    ), ie = _t(O, kt(t, "stickyFilters")), J = I(
+      () => `${ie.value + D.value}px`
     ), {
       sortedColumns: Te,
       columnSets: me,
@@ -2444,117 +2490,117 @@ const mi = /* @__PURE__ */ q(ui, [["render", vi]]), Ci = ["aria-label"], hi = {}
       onConfigSettingsUpdate: $e,
       onConfigSettingsColumnsUpdate: Ne,
       onConfigSettingsColumnUpdate: Me
-    } = Sn(X, s), { hoveredOverColumn: Oe, hoveredOverColumnState: nt } = En(
+    } = Sl(X, s), { hoveredOverColumn: Oe, hoveredOverColumnState: lt } = yl(
       me,
       S,
       fe,
       qe
-    ), { draggingColumns: Xe, draggingEventsForColumns: Yt, draggingEventsForRowCell: Xt, onMoveColumnByOffset: Kt } = Ln(Te, N, s), { onAllRowSelect: st, onRowSelect: Jt, selectedItems: Ue, allItemsSelectedState: Qt } = mn(
+    ), { draggingColumns: Xe, draggingEventsForColumns: Yt, draggingEventsForRowCell: Xt, onMoveColumnByOffset: Kt } = Ll(Te, N, s), { onAllRowSelect: st, onRowSelect: Jt, selectedItems: Ue, allItemsSelectedState: Qt } = ml(
       A,
       s,
       o,
       t.getDataItemId,
       t.isDataItemDisabled
-    ), { navigationInput: it } = hn(v, l, S), { isLazyLoad: ke, isInfiniteScroll: el, verticalScrollPosition: tl, emitLazyLoadEvent: ll } = pn(
+    ), { navigationInput: it } = hl(v, n, S), { isLazyLoad: ke, isInfiniteScroll: en, verticalScrollPosition: tn, emitLazyLoadEvent: nn } = pl(
       _,
       g,
       u,
       z,
       s
-    ), { updateScrollPosition: De, updateScrollPositionOnFrozenColumnsNavigation: nl, hasLeftOverflow: Pe, hasRightOverflow: sl } = bn(u, i, tl), il = () => {
+    ), { updateScrollPosition: Pe, updateScrollPositionOnFrozenColumnsNavigation: ln, hasLeftOverflow: De, hasRightOverflow: sn } = bl(u, i, tn), on = () => {
       b.value.isClearAllVisible ? b.value.clearAllFilters() : b.value.isResetAllVisible && b.value.resetAllFilters();
-    }, ol = R(() => {
+    }, an = I(() => {
       var p, w;
       return {
         ...t.emptyState,
         variant: ((p = t.emptyState) == null ? void 0 : p.variant) === "embedded" || ((w = t.emptyState) == null ? void 0 : w.variant) === "basic" ? t.emptyState.variant : "basic"
       };
-    }), al = R(() => ({
+    }), rn = I(() => ({
       [`b-data-grid--${he.OUTLINE}`]: t.outline,
       [`b-data-grid--${he.SCROLL}`]: t.fitContent || ke.value,
       [`b-data-grid--${he.STICKY_FILTERS}`]: t.filters && t.stickyFilters,
-      [`b-data-grid--${he.OVERFLOW_SHADOW_LEFT}`]: Pe.value && !c.value,
-      [`b-data-grid--${he.OVERFLOW_SHADOW_RIGHT}`]: sl.value,
+      [`b-data-grid--${he.OVERFLOW_SHADOW_LEFT}`]: De.value && !c.value,
+      [`b-data-grid--${he.OVERFLOW_SHADOW_RIGHT}`]: sn.value,
       [`b-data-grid--${he.NO_SPACING_TOP}`]: t.noSpacingTop
-    })), rl = R(() => me.value.findIndex((p) => p.columnSet.length)), dl = (p, w) => {
+    })), dn = I(() => me.value.findIndex((p) => p.columnSet.length)), un = (p, w) => {
       var oe;
       return {
         "b-data-grid__row--disabled": t.isDataItemDisabled(p),
         "b-data-grid__row--row-clicks-enabled": t.allowRowClicks,
         "b-data-grid__cell--is-re-ordering": ((oe = Xe.target) == null ? void 0 : oe.field) !== void 0,
         "b-data-grid__row--highlighted": t.highlightedRows.includes(t.getDataItemId(p)) || Ue.value.includes(t.getDataItemId(p)),
-        "b-data-grid__row--hovered": y.value === w
+        "b-data-grid__row--hovered": E.value === w
       };
-    }, ot = R(() => !(t.selectable && c.value === 1) || Pe.value), ul = (p) => ({
+    }, ot = I(() => !(t.selectable && c.value === 1) || De.value), cn = (p) => ({
       "b-data-grid__row-cell-set--frozen": p,
-      [`b-data-grid__row-cell-set--${he.OVERFLOW_SHADOW_LEFT}`]: p && Pe.value,
+      [`b-data-grid__row-cell-set--${he.OVERFLOW_SHADOW_LEFT}`]: p && De.value,
       "b-data-grid__row-cell-set--frozen-separator": p && ot.value,
       "b-data-grid__row-cell-set--unfrozen": !p,
       "b-data-grid__row-cell-set--is-measuring": ge.value
-    }), cl = R(() => ({
+    }), gn = I(() => ({
       "b-data-grid__filters--sticky": !!t.stickyFilters || U
-    })), gl = R(() => {
-      var p, w, oe, H, le, de;
+    })), fn = I(() => {
+      var p, w, oe, H, ne, de;
       return {
         "b-data-grid__pagination--padding-left-unset": ((oe = (w = (p = t.columns) == null ? void 0 : p[0]) == null ? void 0 : w.padding) == null ? void 0 : oe.left) === !1,
-        "b-data-grid__pagination--padding-right-unset": ((de = (le = (H = t.columns) == null ? void 0 : H[t.columns.length - 1]) == null ? void 0 : le.padding) == null ? void 0 : de.right) === !1,
+        "b-data-grid__pagination--padding-right-unset": ((de = (ne = (H = t.columns) == null ? void 0 : H[t.columns.length - 1]) == null ? void 0 : ne.padding) == null ? void 0 : de.right) === !1,
         "b-data-grid__pagination--sticky": !!t.stickyPagination || U
       };
-    }), fl = (p) => {
+    }), vn = (p) => {
       const w = p;
       p !== null && (w != null && w.columnHeaderRefs) && Object.entries(w == null ? void 0 : w.columnHeaderRefs).forEach(([oe, H]) => {
         h.value[oe] = H;
       });
-    }, vl = (p, w, oe) => {
-      var le;
+    }, mn = (p, w, oe) => {
+      var ne;
       const H = p;
-      ((le = v.value) == null ? void 0 : le[w]) === void 0 && (v.value = { ...v.value, [w]: [] }), p !== null && (H != null && H.gridcellRef) && (v.value[w][oe] = H.gridcellRef);
-    }, ml = (p, w) => {
+      ((ne = v.value) == null ? void 0 : ne[w]) === void 0 && (v.value = { ...v.value, [w]: [] }), p !== null && (H != null && H.gridcellRef) && (v.value[w][oe] = H.gridcellRef);
+    }, Cn = (p, w) => {
       t.allowRowClicks && s($.ROW_CLICK, p, w);
-    }, Cl = (p) => {
-      y.value = p;
-    }, hl = R(() => !!t.selectableAcrossPages && !!t.pagination), at = Vl({
-      label: r != null && r.header ? Bl(r)("header") : null,
+    }, hn = (p) => {
+      E.value = p;
+    }, _n = I(() => !!t.selectableAcrossPages && !!t.pagination), at = Bn({
+      label: r != null && r.header ? Zn(r)("header") : null,
       defaultFallback: "data grid"
-    }), _l = (p) => {
+    }), pn = (p) => {
       if (!t.selectable)
         return null;
       const w = t.getDataItemId(p);
       return Ue.value.includes(w).toString();
-    }, rt = R(() => {
+    }, rt = I(() => {
       var p;
       return ((p = Ue.value) == null ? void 0 : p.length) ?? 0;
-    }), pl = R(() => t.bulkActions && rt.value > 0), Ll = (p) => s($.COLUMN_RESIZE, p), Sl = (p) => {
+    }), Ln = I(() => t.bulkActions && rt.value > 0), Sn = (p) => s($.COLUMN_RESIZE, p), bn = (p) => {
       s($.UPDATE_SORT_BY, p), s($.SORT, p);
-    }, bl = (p, w) => {
+    }, yn = (p, w) => {
       s($.NAVIGATE, p), s($.UPDATE_PAGINATION, {
         ...t.pagination,
         size: w,
         page: p
       });
-    }, El = (p) => {
+    }, En = (p) => {
       s($.ITEMS_PAGE, p);
-    }, yl = () => {
+    }, On = () => {
       s($.FILTER_SEARCH_CLEAR);
-    }, Ol = (p) => {
+    }, Rn = (p) => {
       s($.UPDATE_FILTER_SEARCH_TERM, p), s($.FILTER_SEARCH_INPUT, p);
     };
-    return R(() => l.value.some((p) => p.mandatory)).value || zt(
+    return I(() => n.value.some((p) => p.mandatory)).value || zt(
       "WARNING: At least one BentoDataGrid column should be set as mandatory to ensure data is always displayed correctly."
-    ), ut(xl, () => null)(t.tabTitle), n({ onEmptyStateClearResetButtonClick: il }), (p, w) => {
+    ), ut(jn, () => null)(t.tabTitle), l({ onEmptyStateClearResetButtonClick: on }), (p, w) => {
       var oe;
       return d(), L("div", {
-        class: se(["b-data-grid", al.value]),
+        class: se(["b-data-grid", rn.value]),
         role: "grid",
         "aria-rowcount": a(o).length,
-        "aria-colcount": a(l).length,
+        "aria-colcount": a(n).length,
         "aria-label": a(at)
       }, [
         e.filters ? (d(), L("div", {
           key: 0,
           ref_key: "filtersRef",
           ref: O,
-          class: se(["b-data-grid__filters", cl.value]),
+          class: se(["b-data-grid__filters", gn.value]),
           style: He({ top: T.value })
         }, [
           e.filters ? (d(), F(Ge, {
@@ -2564,14 +2610,14 @@ const mi = /* @__PURE__ */ q(ui, [["render", vi]]), Ci = ["aria-label"], hi = {}
             config: e.filters,
             "filter-values": e.filterValues,
             "search-term": e.filterSearchTerm,
-            onSearchInput: Ol,
-            onSearchClear: yl,
+            onSearchInput: Rn,
+            onSearchClear: On,
             onInput: w[0] || (w[0] = (H) => p.$emit(a($).UPDATE_FILTERS, H)),
             "onUpdate:filterValues": w[1] || (w[1] = (H) => p.$emit(a($).UPDATE_FILTER_VALUES, H))
           }, null, 8, ["config", "filter-values", "search-term"])) : k("", !0)
         ], 6)) : k("", !0),
         p.$slots.header ? (d(), L("div", Li, [
-          ye(p.$slots, "header", {}, void 0, !0)
+          Ee(p.$slots, "header", {}, void 0, !0)
         ])) : k("", !0),
         C("div", {
           class: "b-data-grid__column-headers",
@@ -2592,18 +2638,18 @@ const mi = /* @__PURE__ */ q(ui, [["render", vi]]), Ci = ["aria-label"], hi = {}
             class: "b-data-grid__columns-row",
             tabindex: K.value,
             onScroll: w[4] || (w[4] = //@ts-ignore
-            (...H) => a(De) && a(De)(...H))
+            (...H) => a(Pe) && a(Pe)(...H))
           }, [
             C("div", {
               style: He(a(W)),
               class: "b-data-grid__columns",
               role: "row"
             }, [
-              (d(!0), L(ue, null, ve(a(me), ({ columnSet: H, id: le, isFrozenColumns: de }, Fe) => (d(), L(ue, null, [
+              (d(!0), L(ue, null, ve(a(me), ({ columnSet: H, id: ne, isFrozenColumns: de }, Fe) => (d(), L(ue, null, [
                 H != null && H.length ? (d(), F(a(ps), Y({
-                  key: `data-grid-columns-${le}`,
+                  key: `data-grid-columns-${ne}`,
                   ref_for: !0,
-                  ref: (Se) => fl(Se),
+                  ref: (Se) => vn(Se),
                   columns: H,
                   "has-resizable-columns": e.hasResizableColumns,
                   "sort-by": e.sortBy,
@@ -2613,27 +2659,27 @@ const mi = /* @__PURE__ */ q(ui, [["render", vi]]), Ci = ["aria-label"], hi = {}
                   "dragging-columns": a(Xe),
                   "has-draggable-columns": a(N),
                   "has-column-panel": a(m),
-                  "has-left-overflow": a(Pe),
-                  "has-first-column-panel-right-aligned": Fe === rl.value,
-                  "hovered-over-column-state": a(nt),
+                  "has-left-overflow": a(De),
+                  "has-first-column-panel-right-aligned": Fe === dn.value,
+                  "hovered-over-column-state": a(lt),
                   "is-measuring-column-widths": a(ge),
                   "is-only-one-visible-column": a(we),
-                  "selectable-across-pages": hl.value,
+                  "selectable-across-pages": _n.value,
                   "truncate-column-headers": e.truncateColumnHeaders
                 }, Ze(a(Yt)), {
                   onColumnHover: w[2] || (w[2] = (Se) => Oe.value = Se),
                   onColumnMove: a(Kt),
                   onColumnUpdate: a(Me),
-                  onColumnResize: Ll,
+                  onColumnResize: Sn,
                   onColumnResizing: a(B),
                   onSelectAllRows: a(st),
                   onSelectAllAcrossPages: w[3] || (w[3] = (Se) => s(a($).SELECT_ALL_ACROSS_PAGES)),
-                  onSort: Sl
+                  onSort: bn
                 }), Be({ _: 2 }, [
                   ve(a(r), (Se, ze) => ({
                     name: ze,
-                    fn: G((Ie) => [
-                      ye(p.$slots, ze, Y({ ref_for: !0 }, Ie), void 0, !0)
+                    fn: G((Re) => [
+                      Ee(p.$slots, ze, Y({ ref_for: !0 }, Re), void 0, !0)
                     ])
                   }))
                 ]), 1040, ["columns", "has-resizable-columns", "sort-by", "all-items-selected-state", "is-frozen-columns", "show-frozen-columns-separator", "dragging-columns", "has-draggable-columns", "has-column-panel", "has-left-overflow", "has-first-column-panel-right-aligned", "hovered-over-column-state", "is-measuring-column-widths", "is-only-one-visible-column", "selectable-across-pages", "truncate-column-headers", "onColumnMove", "onColumnUpdate", "onColumnResizing", "onSelectAllRows"])) : k("", !0)
@@ -2650,9 +2696,9 @@ const mi = /* @__PURE__ */ q(ui, [["render", vi]]), Ci = ["aria-label"], hi = {}
           "aria-busy": a(z),
           "aria-live": "polite",
           onScroll: w[7] || (w[7] = //@ts-ignore
-          (...H) => a(De) && a(De)(...H))
+          (...H) => a(Pe) && a(Pe)(...H))
         }, [
-          a(z) && !a(ke) ? (d(), L("div", Ei, [
+          a(z) && !a(ke) ? (d(), L("div", yi, [
             Z(a(Ft), {
               class: "b-data-grid__loading-indicator",
               large: ""
@@ -2662,12 +2708,12 @@ const mi = /* @__PURE__ */ q(ui, [["render", vi]]), Ci = ["aria-label"], hi = {}
               variant: "caption"
             }, {
               default: G(() => [
-                ee(V(a(E)("gettingYourData")), 1)
+                ee(V(a(y)("gettingYourData")), 1)
               ]),
               _: 1
             })
-          ])) : ((oe = a(o)) == null ? void 0 : oe.length) === 0 && e.emptyState ? (d(), L("div", yi, [
-            Z(a(Zl), kl(Dl(ol.value)), null, 16)
+          ])) : ((oe = a(o)) == null ? void 0 : oe.length) === 0 && e.emptyState ? (d(), L("div", Ei, [
+            Z(a(xn), Pn(Dn(an.value)), null, 16)
           ])) : (d(), L("div", {
             key: 2,
             class: "b-data-grid__rows",
@@ -2675,52 +2721,52 @@ const mi = /* @__PURE__ */ q(ui, [["render", vi]]), Ci = ["aria-label"], hi = {}
             onKeydown: w[6] || (w[6] = //@ts-ignore
             (...H) => a(it) && a(it)(...H))
           }, [
-            (d(!0), L(ue, null, ve(a(o), (H, le) => (d(), L("div", {
-              key: le,
+            (d(!0), L(ue, null, ve(a(o), (H, ne) => (d(), L("div", {
+              key: ne,
               style: He(a(W)),
-              class: se(["b-data-grid__row", dl(H, le)]),
+              class: se(["b-data-grid__row", un(H, ne)]),
               role: "row",
-              "aria-rowindex": le + 1,
-              "aria-selected": _l(H),
-              onClick: (de) => ml(H, de)
+              "aria-rowindex": ne + 1,
+              "aria-selected": pn(H),
+              onClick: (de) => Cn(H, de)
             }, [
               (d(!0), L(ue, null, ve(a(me), ({ columnSet: de, id: Fe, isFrozenColumns: Se }, ze) => (d(), L(ue, null, [
                 de != null && de.length ? (d(), L("div", {
                   key: `data-grid-rows-${Fe}`,
-                  class: se(["b-data-grid__cells", ul(Se)]),
+                  class: se(["b-data-grid__cells", cn(Se)]),
                   "data-testid": `data-grid-${Fe}-rows`
                 }, [
-                  (d(!0), L(ue, null, ve(de, (Ie, Il) => (d(), F(a(di), {
-                    key: `cell-${Ie.field}`,
+                  (d(!0), L(ue, null, ve(de, (Re, In) => (d(), F(a(di), {
+                    key: `cell-${Re.field}`,
                     ref_for: !0,
-                    ref: (We) => vl(We, Ie.field, le),
-                    column: Ie,
+                    ref: (We) => mn(We, Re.field, ne),
+                    column: Re,
                     "column-set-index": ze,
-                    "col-index": Il,
+                    "col-index": In,
                     "column-sets": a(me),
                     condensed: e.condensed,
                     "dragging-columns": a(Xe),
                     "dragging-events-for-row-cell": a(Xt),
                     "get-data-item-id": e.getDataItemId,
-                    "hovered-over-column-state": a(nt),
+                    "hovered-over-column-state": a(lt),
                     "is-data-item-disabled": e.isDataItemDisabled,
                     "is-measuring-column-widths": a(ge),
                     "row-data": H,
-                    "row-index": le,
+                    "row-index": ne,
                     "selected-items": a(Ue),
                     onCellHover: w[5] || (w[5] = (We) => Oe.value = We),
-                    onOnFrozenColumnsKeyPress: a(nl),
+                    onOnFrozenColumnsKeyPress: a(ln),
                     onSelectRow: a(Jt),
-                    onCellHovered: Cl
+                    onCellHovered: hn
                   }, Be({ _: 2 }, [
                     ve(a(r), (We, dt) => ({
                       name: dt,
-                      fn: G((Rl) => [
-                        ye(p.$slots, dt, Y({ ref_for: !0 }, Rl), void 0, !0)
+                      fn: G((An) => [
+                        Ee(p.$slots, dt, Y({ ref_for: !0 }, An), void 0, !0)
                       ])
                     }))
                   ]), 1032, ["column", "column-set-index", "col-index", "column-sets", "condensed", "dragging-columns", "dragging-events-for-row-cell", "get-data-item-id", "hovered-over-column-state", "is-data-item-disabled", "is-measuring-column-widths", "row-data", "row-index", "selected-items", "onOnFrozenColumnsKeyPress", "onSelectRow"]))), 128))
-                ], 10, Ii)) : k("", !0)
+                ], 10, Ri)) : k("", !0)
               ], 64))), 256))
             ], 14, Oi))), 128))
           ], 32))
@@ -2728,24 +2774,24 @@ const mi = /* @__PURE__ */ q(ui, [["render", vi]]), Ci = ["aria-label"], hi = {}
         a(ke) ? (d(), F(a(Zs), {
           key: 2,
           loading: a(z),
-          "is-infinite-scroll": a(el),
-          "onUpdate:showMore": a(ll)
+          "is-infinite-scroll": a(en),
+          "onUpdate:showMore": a(nn)
         }, null, 8, ["loading", "is-infinite-scroll", "onUpdate:showMore"])) : k("", !0),
         e.pagination && !a(ke) ? (d(), L("div", {
           key: 3,
           "data-testid": "pagination-container",
-          class: se(["b-data-grid__pagination", gl.value])
+          class: se(["b-data-grid__pagination", fn.value])
         }, [
-          Z(a(Gl), Y(e.pagination, {
+          Z(a(Vn), Y(e.pagination, {
             "aria-label": `${a(at)} navigation`,
-            onNavigate: bl,
-            onItemsPage: El
+            onNavigate: yn,
+            onItemsPage: En
           }), null, 16, ["aria-label"])
         ], 2)) : k("", !0),
-        p.$slots.footer ? (d(), L("div", Ri, [
-          ye(p.$slots, "footer", {}, void 0, !0)
+        p.$slots.footer ? (d(), L("div", Ii, [
+          Ee(p.$slots, "footer", {}, void 0, !0)
         ])) : k("", !0),
-        pl.value ? (d(), F(a(Hl), {
+        Ln.value ? (d(), F(a(Gn), {
           key: 5,
           actions: e.bulkActions,
           "item-counter": rt.value,
@@ -2765,4 +2811,4 @@ export {
   $ as e,
   Ve as f
 };
-//# sourceMappingURL=data-grid.DUwLxtW_.js.map
+//# sourceMappingURL=data-grid.Bv5TA_zR.js.map