@adyen/bento-vue3 1.55.1 → 1.56.0

package/dist/chunks/{data-grid.CsyayKK3.js → data-grid.DsZQ-F9m.js}

@@ -1,149 +1,189 @@
-import { ref as T, reactive as nt, toRefs as lt, computed as b, watchEffect as Wn, watch as we, onMounted as ot, nextTick as Ce, onUnmounted as Wt, onBeforeUpdate as Gn, createElementBlock as R, openBlock as c, mergeProps as oe, createCommentVNode as k, createElementVNode as A, toDisplayString as X, defineComponent as Re, normalizeClass as ue, Fragment as _e, renderList as Le, unref as l, toHandlers as xe, createVNode as K, createBlock as B, withCtx as H, renderSlot as Oe, withModifiers as Hn, resolveComponent as Se, withDirectives as st, createTextVNode as ve, vShow as Vn, toRef as Xe, resolveDirective as xn, Transition as Gt, createSlots as Fe, resolveDynamicComponent as Pe, useSlots as it, provide as Ht, inject as Je, normalizeStyle as Me, normalizeProps as Zn, guardReactiveProps as jn } from "vue";
-import { C as qn } from "./checkmark-circle-fill.jicbqe7k.js";
-import { W as Kn } from "./warning-filled.DmHh0nYG.js";
+import { ref as p, onMounted as nt, nextTick as Ce, watch as we, onUnmounted as Gt, reactive as lt, toRefs as ot, computed as L, watchEffect as Vn, onBeforeUpdate as xn, createElementBlock as R, openBlock as f, mergeProps as oe, createCommentVNode as k, createElementVNode as A, toDisplayString as X, defineComponent as Oe, normalizeClass as ce, Fragment as _e, renderList as Le, unref as o, toHandlers as xe, createVNode as Y, createBlock as B, withCtx as V, renderSlot as pe, withModifiers as Zn, resolveComponent as Ee, withDirectives as st, createTextVNode as ve, vShow as jn, toRef as Xe, resolveDirective as qn, Transition as Ht, createSlots as ze, resolveDynamicComponent as Be, useSlots as it, provide as Vt, inject as Je, normalizeStyle as Me, normalizeProps as Kn, guardReactiveProps as Yn } from "vue";
+import { C as Xn } from "./checkmark-circle-fill.jicbqe7k.js";
+import { W as Jn } from "./warning-filled.DmHh0nYG.js";
 /* empty css              */
-import { _ as re } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { C as Vt } from "./cross.CbLEjiVy.js";
+import { _ as de } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import { C as xt } from "./cross.CbLEjiVy.js";
 import { N as St } from "./checkbox-input.CgbJsFXD.js";
-import { l as Lt } from "./events.FNmSWp_P.js";
-import { K as Ae, B as Yn } from "./tooltip.BkBDReK0.js";
-import { c as Xn } from "./popper-container.types.BCZMbVFD.js";
-import { B as Jn } from "./action-bar.CDOaDenE.js";
-import { B as Qn } from "./pagination.C65tc-nX.js";
+import { l as Et } from "./events.FNmSWp_P.js";
+import { K as Ae, B as Qn } from "./tooltip.BkBDReK0.js";
+import { c as el } from "./popper-container.types.BCZMbVFD.js";
+import { B as tl } from "./action-bar.CD5FQjE9.js";
+import { B as nl } from "./pagination.Bi5BwIWq.js";
 import { B as at } from "./loading-indicator.DEepb9Wl.js";
-import { B as Ze, p as xt } from "./typography.DN5eC5ch.js";
+import { B as Ze, p as Zt } from "./typography.DN5eC5ch.js";
 import { u as rt } from "./use-has-slot.B7eQSabc.js";
-import { u as el } from "./aria-label.CaUURpnB.js";
-import { g as tl } from "./get-slot-text.DQlZEsId.js";
-import { u as De } from "./i18n.D9azDLPe.js";
-import { B as Ye } from "./filter-bar.cRJmUX-v.js";
-import { B as nl } from "./empty-state.m0U14LVw.js";
-import { E as ll } from "./tabs.keys.Bc2pSKRw.js";
-import { D as ol } from "./data-grid-template.keys.2_AkxuNT.js";
+import { u as ll } from "./aria-label.CaUURpnB.js";
+import { g as ol } from "./get-slot-text.DQlZEsId.js";
+import { u as $e } from "./i18n.B6g5VX0q.js";
+import { B as Ye } from "./filter-bar.DfIcZ5dX.js";
+import { B as sl } from "./empty-state.DiXLZmQJ.js";
+import { E as il } from "./tabs.keys.Bc2pSKRw.js";
+import { D as al } from "./data-grid-template.keys.2_AkxuNT.js";
 import { o as dt } from "./resize.Bqks3WUm.js";
-import { a as Et, B as sl } from "./popover.DjbACET6.js";
-import { B as Zt } from "./button.DEVuqLVT.js";
-import { B as jt } from "./toggle.hoD_i2Ey.js";
-import { B as il } from "./search-bar.CTn5DIQZ.js";
-import { u as al } from "./dropdown.CQvyjn6d.js";
-import { B as rl } from "./directive.Cbdox5VL.js";
+import { a as Lt, B as rl } from "./popover.R5OM_tFu.js";
+import { B as jt } from "./button.BHZgsGkp.js";
+import { B as qt } from "./toggle.hoD_i2Ey.js";
+import { B as dl } from "./search-bar.DlVK3bBQ.js";
+import { u as ul } from "./dropdown.CVa4_qCe.js";
+import { B as cl } from "./directive.Cbdox5VL.js";
 import { g as Qe } from "./generate-uid.NJ8tVoha.js";
-import { S as dl } from "./search.CW_aTqip.js";
-import { B as ut } from "./toggle-button.D-9TFTy8.js";
-import { B as qt } from "./checkbox.BIaD03Bg.js";
-import { B as ul } from "./info-icon.7uhGVIn5.js";
-import { B as et, O as cl, D as fl } from "./menu.CVMSGvtb.js";
-import { A as gl } from "./dialog-page.BRlAYf5w.js";
-import { H as vl, S as ml } from "./show.ByWWaogc.js";
-import { u as hl } from "./use-expandable-content-height.GkjjbmPy.js";
+import { S as fl } from "./search.CW_aTqip.js";
+import { B as ut } from "./toggle-button.E0VQtyEX.js";
+import { B as Kt } from "./checkbox.Bti_jnp2.js";
+import { B as gl } from "./info-icon.7uhGVIn5.js";
+import { B as et, O as vl, D as ml } from "./menu.B0q9q97N.js";
+import { A as hl } from "./dialog-page.MLFdqTcL.js";
+import { H as Cl, S as _l } from "./show.ByWWaogc.js";
+import { u as wl } from "./use-expandable-content-height.GkjjbmPy.js";
 import { E as bt } from "./link.D3Fq5tt_.js";
-import { C as Cl } from "./copy.MId-I684.js";
-import { C as _l, a as wl } from "./chevron-up.-0oLlHmh.js";
-import { d as pt, e as Ot } from "./button-actions.N99QthUv.js";
+import { C as yl } from "./copy.CfFh4b_c.js";
+import { C as Sl, a as El } from "./chevron-up.-0oLlHmh.js";
+import { d as Rt, e as pt } from "./button-actions.ODJKaCW7.js";
 import "../assets/data-grid.css";
-var tt = /* @__PURE__ */ ((e) => (e.WRAP = "wrap", e.ELLIPSIS = "ellipsis", e))(tt || {}), Te = /* @__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))(Te || {}), Ie = /* @__PURE__ */ ((e) => (e.ASCENDING = "asc", e.DESCENDING = "desc", e))(Ie || {}), D = /* @__PURE__ */ ((e) => (e.COLUMNS = "columns", e.COLUMN_RESIZE = "column-resize", e.ITEMS_PAGE = "items-page", e.NAVIGATE = "navigate", e.NESTED_CONTENT_TOGGLED = "nested-content-toggled", e.FILTER_SEARCH_INPUT = "filter-search-input", e.FILTER_SEARCH_CLEAR = "filter-search-clear", e.UPDATE_COLUMNS = "update:columns", e.UPDATE_CONDENSED = "update:condensed", e.UPDATE_FILTERS = "update:filters", e.UPDATE_FILTER_VALUES = "update:filter-values", e.UPDATE_FILTER_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))(D || {}), Ve = /* @__PURE__ */ ((e) => (e.ASCENDING = "ascending", e.DESCENDING = "descending", e.NONE = "none", e))(Ve || {}), se = /* @__PURE__ */ ((e) => (e.COLUMN_RESIZE = "column-resize", e.COLUMN_RESIZING = "column-resizing", e.SELECT_ALL_ROWS = "select-all-rows", e.SELECT_ALL_ACROSS_PAGES = "select-all-across-pages", e.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))(se || {});
-const yl = (e, i) => {
-  const m = T(null), n = T(!1), s = T(void 0), t = e.value.reduce((S, w) => (S[w.field] = null, S), {}), o = nt(t), L = lt(o);
-  let _ = 0, E = "";
-  const O = b(
-    () => Object.fromEntries(e.value.map(({ field: S, width: w, minWidth: d }) => [S, { width: w, minWidth: d }]))
+const Ot = (e) => {
+  if (!e)
+    return 0;
+  const s = window.getComputedStyle(e);
+  let m = e.offsetHeight;
+  const n = window.getComputedStyle(e, "::after");
+  if (n.content !== "none" && n.position === "absolute") {
+    const t = parseFloat(n.height), l = parseFloat(n.bottom);
+    !isNaN(t) && !isNaN(l) && l < 0 && l + t <= 0 && (m += t);
+  }
+  const r = parseFloat(s.top);
+  return !isNaN(r) && r < 0 && (m += r), m;
+}, At = (e, s, m = p(!1), n = null) => {
+  const r = p(0);
+  let t = null, l = null;
+  const E = () => {
+    const _ = s.value ? Ot(e.value) : 0, b = m.value && n ? Ot(n.value) : 0;
+    r.value = _ + b;
+  };
+  return nt(() => {
+    Ce(() => {
+      const _ = we(
+        e,
+        () => {
+          e != null && e.value && (Ce(() => _()), t = dt(e.value, E), l = new MutationObserver(E), l.observe(e.value, { attributes: !0, attributeFilter: ["class"] }));
+        },
+        { immediate: !0 }
+      );
+      we(
+        [s, m],
+        () => {
+          E();
+        },
+        { immediate: !0 }
+      );
+    });
+  }), Gt(() => {
+    t == null || t.disconnect(), l == null || l.disconnect();
+  }), r;
+};
+var tt = /* @__PURE__ */ ((e) => (e.WRAP = "wrap", e.ELLIPSIS = "ellipsis", e))(tt || {}), Te = /* @__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))(Te || {}), Ie = /* @__PURE__ */ ((e) => (e.ASCENDING = "asc", e.DESCENDING = "desc", e))(Ie || {}), $ = /* @__PURE__ */ ((e) => (e.COLUMNS = "columns", e.COLUMN_RESIZE = "column-resize", e.ITEMS_PAGE = "items-page", e.NAVIGATE = "navigate", e.NESTED_CONTENT_TOGGLED = "nested-content-toggled", e.FILTER_SEARCH_INPUT = "filter-search-input", e.FILTER_SEARCH_CLEAR = "filter-search-clear", e.UPDATE_COLUMNS = "update:columns", e.UPDATE_CONDENSED = "update:condensed", e.UPDATE_FILTERS = "update:filters", e.UPDATE_FILTER_VALUES = "update:filter-values", e.UPDATE_FILTER_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 || {}), ie = /* @__PURE__ */ ((e) => (e.COLUMN_RESIZE = "column-resize", e.COLUMN_RESIZING = "column-resizing", e.SELECT_ALL_ROWS = "select-all-rows", e.SELECT_ALL_ACROSS_PAGES = "select-all-across-pages", e.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))(ie || {});
+const Ll = (e, s) => {
+  const m = p(null), n = p(!1), r = p(void 0), t = e.value.reduce((S, y) => (S[y.field] = null, S), {}), l = lt(t), E = ot(l);
+  let _ = 0, b = "";
+  const O = L(
+    () => Object.fromEntries(e.value.map(({ field: S, width: y, minWidth: d }) => [S, { width: y, minWidth: d }]))
   );
-  Wn(() => s.value = O.value);
-  let f = null, p = null;
+  Vn(() => r.value = O.value);
+  let g = null, D = null;
   const a = (S) => {
-    const w = S.clientX - _, d = E, y = s.value[d].width + w;
-    s.value[d].width = y > O.value[d].minWidth ? y : O.value[d].minWidth, i(se.COLUMN_RESIZING, s.value), _ = S.clientX;
-  }, r = () => {
-    n.value = !1, f == null || f(), p == null || p(), E && i(se.COLUMN_RESIZE, {
-      field: E,
-      width: s.value[E].width
-    }), f = null, p = null, E = "", _ = null;
-  }, h = (S, w, d) => {
+    const y = S.clientX - _, d = b, w = r.value[d].width + y;
+    r.value[d].width = w > O.value[d].minWidth ? w : O.value[d].minWidth, s(ie.COLUMN_RESIZING, r.value), _ = S.clientX;
+  }, i = () => {
+    n.value = !1, g == null || g(), D == null || D(), b && s(ie.COLUMN_RESIZE, {
+      field: b,
+      width: r.value[b].width
+    }), g = null, D = null, b = "", _ = null;
+  }, h = (S, y, d) => {
     if (d.preventDefault(), S) {
       if (n.value = !0, d.buttons !== 1) {
-        r();
+        i();
         return;
       }
-      E = w, _ = d.clientX, f = Lt(window, "mousemove", a), p = Lt(window, "mouseup", r);
+      b = y, _ = d.clientX, g = Et(window, "mousemove", a), D = Et(window, "mouseup", i);
     }
   };
   return we(
     () => n.value,
-    (S, w) => {
-      !S && w && (i(se.COLUMN_HOVER, m.value), m.value = null);
+    (S, y) => {
+      !S && y && (s(ie.COLUMN_HOVER, m.value), m.value = null);
     }
   ), {
-    resizeData: s,
-    allColumnRefs: L,
+    resizeData: r,
+    allColumnRefs: E,
     startResize: h,
     isResizing: n,
     columnHoverEventToEmitAfterResizing: m
   };
-}, Sl = 100, Rt = 50, he = "b-actions-column", Ll = 32, El = 56, bl = 56, pl = 80, Ol = 36, Rl = 1, Kt = 16, Al = 20, Nl = (e, i, m) => {
-  const n = {}, s = [], t = (L) => {
-    const _ = n[L];
-    _ && _.frozen !== !0 && (n[L].frozen = !0, s.push(L));
+}, bl = 100, Nt = 50, he = "b-actions-column", Rl = 32, pl = 56, Ol = 56, Al = 80, Nl = 36, Tl = 1, Yt = 16, Il = 20, $l = (e, s, m) => {
+  const n = {}, r = [], t = (E) => {
+    const _ = n[E];
+    _ && _.frozen !== !0 && (n[E].frozen = !0, r.push(E));
   };
-  function o() {
-    if (s.length === m.length)
+  function l() {
+    if (r.length === m.length)
       return;
-    const L = { min: {} };
-    let _ = e, E = i, O = 0;
-    s.forEach((f) => {
-      _ -= n[f].computedWidth, E -= n[f].flex;
+    const E = { min: {} };
+    let _ = e, b = s, O = 0;
+    r.forEach((g) => {
+      _ -= n[g].computedWidth, b -= n[g].flex;
     });
-    for (let f = 0, p = m.length; f < p; f += 1) {
-      const a = m[f];
+    for (let g = 0, D = m.length; g < D; g += 1) {
+      const a = m[g];
       if (n[a.field] && n[a.field].frozen === !0)
         continue;
-      let h = _ / E * a.flex;
-      h < a.minWidth && (O += a.minWidth - h, h = a.minWidth, L.min[a.field] = !0), n[a.field] = {
+      let h = _ / b * a.flex;
+      h < a.minWidth && (O += a.minWidth - h, h = a.minWidth, E.min[a.field] = !0), n[a.field] = {
         frozen: !1,
         computedWidth: h,
         flex: a.flex
       };
     }
-    O > 0 ? Object.keys(L.min).forEach((f) => {
-      t(f);
-    }) : m.forEach(({ field: f }) => {
-      t(f);
-    }), o();
+    O > 0 ? Object.keys(E.min).forEach((g) => {
+      t(g);
+    }) : m.forEach(({ field: g }) => {
+      t(g);
+    }), l();
   }
-  return o(), n;
-}, At = (e, i) => {
-  let m = Rl;
-  return i && (m += Kt * 2), e != null && e.offsetWidth ? e.offsetWidth + m : 0;
-}, Tl = (e) => {
-  var i, m, n, s, t;
-  return (i = e == null ? void 0 : e.hasNestedContent) != null && i.value || (m = e == null ? void 0 : e.hasNestedRows) != null && m.value ? (n = e == null ? void 0 : e.hasSelectableColumn) != null && n.value ? (s = e == null ? void 0 : e.hasSelectableAcrossPages) != null && s.value ? pl : bl : Ol : (t = e == null ? void 0 : e.hasSelectableAcrossPages) != null && t.value ? El : Ll;
-}, Il = (e, i, m, n, s, t) => {
-  const o = T(e.value), L = T(i), _ = T(m), E = T(n), O = T(s), f = T(!1), p = T(0);
+  return l(), n;
+}, Tt = (e, s) => {
+  let m = Tl;
+  return s && (m += Yt * 2), e != null && e.offsetWidth ? e.offsetWidth + m : 0;
+}, Dl = (e) => {
+  var s, m, n, r, t;
+  return (s = e == null ? void 0 : e.hasNestedContent) != null && s.value || (m = e == null ? void 0 : e.hasNestedRows) != null && m.value ? (n = e == null ? void 0 : e.hasSelectableColumn) != null && n.value ? (r = e == null ? void 0 : e.hasSelectableAcrossPages) != null && r.value ? Al : Ol : Nl : (t = e == null ? void 0 : e.hasSelectableAcrossPages) != null && t.value ? pl : Rl;
+}, kl = (e, s, m, n, r, t) => {
+  const l = p(e.value), E = p(s), _ = p(m), b = p(n), O = p(r), g = p(!1), D = p(0);
   we(
     () => e.value,
     (N, U) => {
       var te, C;
-      const Q = (N == null ? void 0 : N.map(({ field: V }) => V).toString()) === (U == null ? void 0 : U.map(({ field: V }) => V).toString());
-      if (!((te = t == null ? void 0 : t.allowColumnDragAndDrop) != null && te.value) || !Q) {
-        o.value = e.value;
+      const ee = (N == null ? void 0 : N.map(({ field: x }) => x).toString()) === (U == null ? void 0 : U.map(({ field: x }) => x).toString());
+      if (!((te = t == null ? void 0 : t.allowColumnDragAndDrop) != null && te.value) || !ee) {
+        l.value = e.value;
         return;
       }
-      o.value = ((C = o.value) == null ? void 0 : C.length) === 0 ? e.value : e.value.sort((V, z) => {
-        const P = o.value.findIndex((de) => de.field === V.field), ne = o.value.findIndex((de) => de.field === z.field);
-        return P === -1 ? 1 : ne === -1 ? -1 : P - ne;
+      l.value = ((C = l.value) == null ? void 0 : C.length) === 0 ? e.value : e.value.sort((x, F) => {
+        const P = l.value.findIndex((ne) => ne.field === x.field), ue = l.value.findIndex((ne) => ne.field === F.field);
+        return P === -1 ? 1 : ue === -1 ? -1 : P - ue;
       });
     }
   );
-  const a = T();
-  let r = null;
-  const h = b(() => {
-    var P, ne, de;
+  const a = p();
+  let i = null;
+  const h = L(() => {
+    var P, ue, ne;
     const N = [];
-    let U = 0, Q = 0;
+    let U = 0, ee = 0;
     const te = {};
-    let C = o.value.filter((J) => J.visible !== !1);
-    const V = o.value.filter((J) => J.visible === !1);
-    if ((P = t == null ? void 0 : t.hasSelectableColumn) != null && P.value || (ne = t == null ? void 0 : t.hasNestedContent) != null && ne.value || (de = t == null ? void 0 : t.hasNestedRows) != null && de.value) {
-      const J = Tl(t);
+    let C = l.value.filter((J) => J.visible !== !1);
+    const x = l.value.filter((J) => J.visible === !1);
+    if ((P = t == null ? void 0 : t.hasSelectableColumn) != null && P.value || (ue = t == null ? void 0 : t.hasNestedContent) != null && ue.value || (ne = t == null ? void 0 : t.hasNestedRows) != null && ne.value) {
+      const J = Dl(t);
       C = [
         {
           field: he,
@@ -157,77 +197,77 @@ const yl = (e, i) => {
       ];
     }
     C.forEach((J) => {
-      const x = { ...J };
-      let Ee;
-      x.flex && x.flex > 0 ? (U += x.flex, Ee = 0, N.push(x)) : Ee = Math.max(
-        (x == null ? void 0 : x.width) ?? Sl,
-        (x == null ? void 0 : x.minWidth) ?? Rt
-      ), Q += Ee, x.width = Ee, x.minWidth = (x == null ? void 0 : x.minWidth) ?? Rt, te[x.field] = x;
+      const Z = { ...J };
+      let Re;
+      Z.flex && Z.flex > 0 ? (U += Z.flex, Re = 0, N.push(Z)) : Re = Math.max(
+        (Z == null ? void 0 : Z.width) ?? bl,
+        (Z == null ? void 0 : Z.minWidth) ?? Nt
+      ), ee += Re, Z.width = Re, Z.minWidth = (Z == null ? void 0 : Z.minWidth) ?? Nt, te[Z.field] = Z;
     });
-    const z = Math.max(a.value - Q, 0);
+    const F = Math.max(a.value - ee, 0);
     if (U > 0 && a.value > 0) {
-      const J = Nl(z, U, N);
-      Object.keys(J).forEach((x) => {
-        te[x].width = J[x].computedWidth;
+      const J = $l(F, U, N);
+      Object.keys(J).forEach((Z) => {
+        te[Z].width = J[Z].computedWidth;
       });
     }
-    return V.forEach((J) => {
-      const x = { ...J };
-      te[x.field] = x;
+    return x.forEach((J) => {
+      const Z = { ...J };
+      te[Z.field] = Z;
     }), Object.values(te);
-  }), S = T(void 0), w = (N) => {
+  }), S = p(void 0), y = (N) => {
     S.value = { ...S.value, ...N };
   }, d = async () => {
-    o.value.some((N) => N == null ? void 0 : N.autoWidth) && (f.value = !0, await Ce(), await Ce(), o == null || o.value.filter((N) => N == null ? void 0 : N.autoWidth).forEach(({ field: N, minWidth: U }) => {
-      var V, z, P, ne;
-      const Q = At(
-        (V = E.value) == null ? void 0 : V[N],
-        (z = t == null ? void 0 : t.hasColumnPanel) == null ? void 0 : z.value
-      ), te = (ne = (P = O.value) == null ? void 0 : P[N]) == null ? void 0 : ne.reduce(
-        (de, J) => Math.max(de, At(J)),
+    l.value.some((N) => N == null ? void 0 : N.autoWidth) && (g.value = !0, await Ce(), await Ce(), l == null || l.value.filter((N) => N == null ? void 0 : N.autoWidth).forEach(({ field: N, minWidth: U }) => {
+      var x, F, P, ue;
+      const ee = Tt(
+        (x = b.value) == null ? void 0 : x[N],
+        (F = t == null ? void 0 : t.hasColumnPanel) == null ? void 0 : F.value
+      ), te = (ue = (P = O.value) == null ? void 0 : P[N]) == null ? void 0 : ue.reduce(
+        (ne, J) => Math.max(ne, Tt(J)),
         0
-      ), C = Math.max(Q, te ?? 0);
-      (U === void 0 || C > U) && w({
+      ), C = Math.max(ee, te ?? 0);
+      (U === void 0 || C > U) && y({
         [N]: {
           width: C
         }
       });
-    }), f.value = !1);
+    }), g.value = !1);
   };
-  we([() => o.value, () => L.value], async () => {
-    o.value.some((N) => N == null ? void 0 : N.autoWidth) && await d();
+  we([() => l.value, () => E.value], async () => {
+    l.value.some((N) => N == null ? void 0 : N.autoWidth) && await d();
   });
-  const y = b(
+  const w = L(
     () => h.value.map((N) => {
-      var U, Q;
+      var U, ee;
       return {
         ...N,
         // Override column width with resized ones
-        width: ((Q = (U = S.value) == null ? void 0 : U[N.field]) == null ? void 0 : Q.width) ?? N.width
+        width: ((ee = (U = S.value) == null ? void 0 : U[N.field]) == null ? void 0 : ee.width) ?? N.width
       };
     })
-  ), v = b(
+  ), v = L(
     () => {
       var N;
-      return ((N = y.value) == null ? void 0 : N.filter(({ visible: U }) => U !== !1).reduce((U, Q) => Q.width + U, 0)) + p.value;
+      return ((N = w.value) == null ? void 0 : N.filter(({ visible: U }) => U !== !1).reduce((U, ee) => ee.width + U, 0)) + D.value;
     }
-  ), q = b(
+  ), q = L(
     () => a.value <= v.value
-  ), W = b(() => ({
+  ), G = L(() => ({
     width: a.value > v.value ? "100%" : "fit-content"
-  })), M = b(() => ({
-    ...W.value,
-    paddingRight: `${p.value}px`
+  })), M = L(() => ({
+    ...G.value,
+    paddingRight: `${D.value}px`
   }));
-  return ot(() => {
+  return nt(() => {
     var U;
-    const N = t != null && t.isDataGridTemplate ? Al : 0;
+    const N = t != null && t.isDataGridTemplate ? Il : 0;
     Ce(() => {
       _.value && (a.value = _.value.getBoundingClientRect().width - N);
-      const Q = we(
+      const ee = we(
         _,
         () => {
-          _.value && (Ce(() => Q()), r = dt(_.value, ({ width: te }) => {
+          _.value && (Ce(() => ee()), i = dt(_.value, ({ width: te }) => {
             a.value = te - N;
           }));
         },
@@ -236,573 +276,527 @@ const yl = (e, i) => {
     }), (U = document == null ? void 0 : document.fonts) != null && U.ready ? document.fonts.ready.then(() => {
       d();
     }) : d();
-  }), Wt(() => {
-    r == null || r.disconnect();
-  }), Gn(() => {
+  }), Gt(() => {
+    i == null || i.disconnect();
+  }), xn(() => {
     var N;
-    O.value && ((N = Object.keys(O.value)) == null ? void 0 : N.length) > 0 && Object.keys(O.value).forEach((Q) => {
-      O.value[Q] = [];
+    O.value && ((N = Object.keys(O.value)) == null ? void 0 : N.length) > 0 && Object.keys(O.value).forEach((ee) => {
+      O.value[ee] = [];
     });
   }), {
-    columnDefs: y,
+    columnDefs: w,
     gridColumnWidthStyle: M,
-    gridRowWidthStyle: W,
-    onColumnWidthOverride: w,
-    isMeasuringColumnWidths: f,
+    gridRowWidthStyle: G,
+    onColumnWidthOverride: y,
+    isMeasuringColumnWidths: g,
     isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: q,
-    columns: o,
+    columns: l,
     totalWidthOfAllColumns: v,
-    rowActionsMaxWidth: p
+    rowActionsMaxWidth: D
   };
-}, $l = (e, i, m, n, s) => {
-  const t = T(e.value ?? []), o = nt({
+}, Ml = (e, s, m, n, r) => {
+  const t = p(e.value ?? []), l = lt({
     allItemsSelected: !1,
     isIndeterminate: !1
-  }), L = b(
-    () => m.value.flatMap((r) => {
+  }), E = L(
+    () => m.value.flatMap((i) => {
       var h;
-      return [r, ((h = r == null ? void 0 : r.children) == null ? void 0 : h.length) > 0 ? r == null ? void 0 : r.children : []];
+      return [i, ((h = i == null ? void 0 : i.children) == null ? void 0 : h.length) > 0 ? i == null ? void 0 : i.children : []];
     }).flat()
   ), _ = () => {
-    i(D.SELECT, t.value), i(D.UPDATE_SELECTION, t.value);
-  }, E = (r) => {
-    var S, w, d, y, v;
-    if (t.value = r, ((S = m.value) == null ? void 0 : S.length) > 0 && ((w = L.value) == null ? void 0 : w.filter((q) => !s(q)).every((q) => t.value.includes(n(q))))) {
-      o.allItemsSelected = !0;
-      const q = ((d = m.value) == null ? void 0 : d.length) > 0 && m.value.every((W) => t.value.includes(n(W)));
-      o.isIndeterminate = !q;
+    s($.SELECT, t.value), s($.UPDATE_SELECTION, t.value);
+  }, b = (i) => {
+    var S, y, d, w, v;
+    if (t.value = i, ((S = m.value) == null ? void 0 : S.length) > 0 && ((y = E.value) == null ? void 0 : y.filter((q) => !r(q)).every((q) => t.value.includes(n(q))))) {
+      l.allItemsSelected = !0;
+      const q = ((d = m.value) == null ? void 0 : d.length) > 0 && m.value.every((G) => t.value.includes(n(G)));
+      l.isIndeterminate = !q;
     } else
-      o.allItemsSelected = !1, o.isIndeterminate = ((y = t.value) == null ? void 0 : y.length) > 0 && ((v = m.value) == null ? void 0 : v.length) > 0 && m.value.some(
+      l.allItemsSelected = !1, l.isIndeterminate = ((w = t.value) == null ? void 0 : w.length) > 0 && ((v = m.value) == null ? void 0 : v.length) > 0 && m.value.some(
         (q) => {
-          var W;
-          return t.value.includes(n(q)) || ((W = q == null ? void 0 : q.children) == null ? void 0 : W.some((M) => t.value.includes(n(M))));
+          var G;
+          return t.value.includes(n(q)) || ((G = q == null ? void 0 : q.children) == null ? void 0 : G.some((M) => t.value.includes(n(M))));
         }
       );
-  }, O = (r) => {
+  }, O = (i) => {
     Ce(() => {
-      var h, S, w;
-      if (o.allItemsSelected = r, r) {
-        t.value = (S = (h = L.value) == null ? void 0 : h.filter(
-          (y) => !s(y) && ((y == null ? void 0 : y.children) === void 0 || y.children.every((v) => !s(v)))
-        )) == null ? void 0 : S.map((y) => n(y));
-        const d = ((w = m.value) == null ? void 0 : w.length) > 0 && m.value.every((y) => t.value.includes(n(y)));
-        o.isIndeterminate = t.value.length > 0 && !d;
+      var h, S, y;
+      if (l.allItemsSelected = i, i) {
+        t.value = (S = (h = E.value) == null ? void 0 : h.filter(
+          (w) => !r(w) && ((w == null ? void 0 : w.children) === void 0 || w.children.every((v) => !r(v)))
+        )) == null ? void 0 : S.map((w) => n(w));
+        const d = ((y = m.value) == null ? void 0 : y.length) > 0 && m.value.every((w) => t.value.includes(n(w)));
+        l.isIndeterminate = t.value.length > 0 && !d;
       } else
-        t.value = [], o.isIndeterminate = !1;
+        t.value = [], l.isIndeterminate = !1;
       _();
     });
-  }, f = (r, h) => {
+  }, g = (i, h) => {
     Ce(() => {
       var S;
-      E(((S = h == null ? void 0 : h.children) == null ? void 0 : S.length) > 0 ? p(r, h) : r), _();
+      b(((S = h == null ? void 0 : h.children) == null ? void 0 : S.length) > 0 ? D(i, h) : i), _();
     });
-  }, p = (r, h) => {
+  }, D = (i, h) => {
     var d;
-    const S = n(h), w = (d = h.children) == null ? void 0 : d.filter((y) => !s(y)).map((y) => n(y));
-    if (r.includes(S)) {
-      const y = r;
-      return w.forEach((v) => {
-        y.includes(v) || y.push(v);
-      }), y;
+    const S = n(h), y = (d = h.children) == null ? void 0 : d.filter((w) => !r(w)).map((w) => n(w));
+    if (i.includes(S)) {
+      const w = i;
+      return y.forEach((v) => {
+        w.includes(v) || w.push(v);
+      }), w;
     }
-    return r.filter((y) => !w.includes(y));
-  }, a = (r, h, S) => {
+    return i.filter((w) => !y.includes(w));
+  }, a = (i, h, S) => {
     Ce(() => {
-      var d, y;
-      const w = n(h);
-      r.includes(n(S)) ? E(
-        !r.includes(w) && ((d = h == null ? void 0 : h.children) != null && d.every((v) => r.includes(n(v)))) ? [...r, w] : r
-      ) : E(
-        r.includes(w) && !((y = h == null ? void 0 : h.children) != null && y.every((v) => r.includes(n(v)))) ? r.filter((v) => v !== w) : r
+      var d, w;
+      const y = n(h);
+      i.includes(n(S)) ? b(
+        !i.includes(y) && ((d = h == null ? void 0 : h.children) != null && d.every((v) => i.includes(n(v)))) ? [...i, y] : i
+      ) : b(
+        i.includes(y) && !((w = h == null ? void 0 : h.children) != null && w.every((v) => i.includes(n(v)))) ? i.filter((v) => v !== y) : i
       ), _();
     });
   };
   return we(
     () => e.value,
     () => {
-      E(e.value ?? []);
+      b(e.value ?? []);
     },
     { immediate: !0 }
   ), we(
     () => m.value,
     () => {
-      const r = m.value.filter((h) => t.value.includes(n(h))).flatMap(
+      const i = m.value.filter((h) => t.value.includes(n(h))).flatMap(
         (h) => {
           var S;
-          return ((S = h == null ? void 0 : h.children) == null ? void 0 : S.length) > 0 ? h.children.map((w) => n(w)).filter((w) => !t.value.includes(w)) : [];
+          return ((S = h == null ? void 0 : h.children) == null ? void 0 : S.length) > 0 ? h.children.map((y) => n(y)).filter((y) => !t.value.includes(y)) : [];
         }
       );
-      (r == null ? void 0 : r.length) > 0 ? (E([...t.value, ...r]), _()) : E(t.value);
+      (i == null ? void 0 : i.length) > 0 ? (b([...t.value, ...i]), _()) : b(t.value);
     }
-  ), { onAllRowSelect: O, onRowSelect: f, onNestedRowSelect: a, allItemsSelectedState: o, selectedItems: t };
-}, Dl = (e, i, m) => ({ isSorting: (o) => e.value.some((L) => L.field === o), getSortingDirection: (o) => {
-  var L;
-  return (L = e.value.find((_) => _.field === o)) == null ? void 0 : L.direction;
-}, sortByColumnField: (o) => {
+  ), { onAllRowSelect: O, onRowSelect: g, onNestedRowSelect: a, allItemsSelectedState: l, selectedItems: t };
+}, zl = (e, s, m) => ({ isSorting: (l) => e.value.some((E) => E.field === l), getSortingDirection: (l) => {
   var E;
-  if (!i.value.some((O) => O.field === o && O.sortable))
+  return (E = e.value.find((_) => _.field === l)) == null ? void 0 : E.direction;
+}, sortByColumnField: (l) => {
+  var b;
+  if (!s.value.some((O) => O.field === l && O.sortable))
     return;
   const _ = [{
-    field: o,
-    direction: ((E = e.value.find((O) => O.field === o)) == null ? void 0 : E.direction) === Ie.ASCENDING ? Ie.DESCENDING : Ie.ASCENDING
+    field: l,
+    direction: ((b = e.value.find((O) => O.field === l)) == null ? void 0 : b.direction) === Ie.ASCENDING ? Ie.DESCENDING : Ie.ASCENDING
   }];
   m("sort", _);
 } });
 var ge = ((e) => (e[e.ARROW_DOWN = Ae.ARROW_DOWN] = "ARROW_DOWN", e[e.ARROW_UP = Ae.ARROW_UP] = "ARROW_UP", e[e.ARROW_LEFT = Ae.ARROW_LEFT] = "ARROW_LEFT", e[e.ARROW_RIGHT = Ae.ARROW_RIGHT] = "ARROW_RIGHT", e[e.PAGE_UP = Ae.PAGE_UP] = "PAGE_UP", e[e.PAGE_DOWN = Ae.PAGE_DOWN] = "PAGE_DOWN", e[e.END = Ae.END] = "END", e[e.HOME = Ae.HOME] = "HOME", e))(ge || {});
-const kl = (e, i, m) => {
-  const n = b(() => {
-    const a = i.value.filter(({ visible: r }) => r !== !1);
+const Fl = (e, s, m) => {
+  const n = L(() => {
+    const a = s.value.filter(({ visible: i }) => i !== !1);
     return m.value ? a.length + 1 : a.length;
-  }), s = b(
-    () => [...Object.values(e.value)].flat(1).sort((a, r) => {
-      const h = Number(a.getAttribute("data-cellindex")), S = Number(r.getAttribute("data-cellindex"));
+  }), r = L(
+    () => [...Object.values(e.value)].flat(1).sort((a, i) => {
+      const h = Number(a.getAttribute("data-cellindex")), S = Number(i.getAttribute("data-cellindex"));
       return h > S ? 1 : S > h ? -1 : 0;
     })
-  ), t = (a) => Math.floor(a / n.value), o = (a, r, h) => {
-    const S = s.value.length - 1, w = n.value - 1, d = t(a), y = a - n.value * d;
+  ), t = (a) => Math.floor(a / n.value), l = (a, i, h) => {
+    const S = r.value.length - 1, y = n.value - 1, d = t(a), w = a - n.value * d;
     return {
-      [ge.PAGE_UP]: y,
-      [ge.PAGE_DOWN]: S - w + y,
-      [ge.END]: h ? S : n.value * d + w,
+      [ge.PAGE_UP]: w,
+      [ge.PAGE_DOWN]: S - y + w,
+      [ge.END]: h ? S : n.value * d + y,
       [ge.HOME]: h ? 0 : n.value * d
-    }[r];
-  }, L = (a, r) => {
+    }[i];
+  }, E = (a, i) => {
     const S = {
       [ge.ARROW_DOWN]: n.value,
       [ge.ARROW_UP]: -n.value,
       [ge.ARROW_LEFT]: -1,
       [ge.ARROW_RIGHT]: 1
-    }[r], w = a + S;
-    return w < 0 || w >= s.value.length ? a : w;
+    }[i], y = a + S;
+    return y < 0 || y >= r.value.length ? a : y;
   }, _ = (a) => [
     ge.PAGE_UP,
     ge.PAGE_DOWN,
     ge.END,
     ge.HOME
-  ].includes(a), E = (a, r, h) => {
-    const S = s.value.indexOf(a);
-    return _(r) ? o(S, r, h) : L(S, r);
-  }, O = (a, r, h) => {
-    if (!s.value.includes(a))
+  ].includes(a), b = (a, i, h) => {
+    const S = r.value.indexOf(a);
+    return _(i) ? l(S, i, h) : E(S, i);
+  }, O = (a, i, h) => {
+    if (!r.value.includes(a))
       return;
-    const S = E(a, r, h);
-    s.value[S].focus();
-  }, f = (a) => a in ge;
+    const S = b(a, i, h);
+    r.value[S].focus();
+  }, g = (a) => a in ge;
   return {
-    isNavigationKeyCode: f,
+    isNavigationKeyCode: g,
     focusOnNextGridcell: O,
     navigationInput: (a) => {
-      const { ctrlKey: r, keyCode: h, target: S } = a;
-      Object.values(e.value).flat(1).includes(S) && f(h) && O(S, h, r);
+      const { ctrlKey: i, keyCode: h, target: S } = a;
+      Object.values(e.value).flat(1).includes(S) && g(h) && O(S, h, i);
     }
   };
-}, Ml = 90, Fl = (e, i, m, n, s) => {
-  const t = T(e), o = T(i), L = T(m), _ = T(n), E = b(() => t.value !== "none"), O = b(() => t.value === "automatic"), f = () => {
-    s(D.UPDATE_SHOW_MORE);
+}, Ul = 90, Pl = (e, s, m, n, r) => {
+  const t = p(e), l = p(s), E = p(m), _ = p(n), b = L(() => t.value !== "none"), O = L(() => t.value === "automatic"), g = () => {
+    r($.UPDATE_SHOW_MORE);
   };
   return we(
-    () => o.value,
+    () => l.value,
     () => {
-      O.value && L.value.offsetHeight / o.value * 100 > Ml && !_.value && f();
+      O.value && E.value.offsetHeight / l.value * 100 > Ul && !_.value && g();
     }
-  ), { isLazyLoad: E, isInfiniteScroll: O, verticalScrollPosition: o, emitLazyLoadEvent: f };
-}, zl = (e, i, m) => {
-  const n = T(e), s = T(i), t = nt({
+  ), { isLazyLoad: b, isInfiniteScroll: O, verticalScrollPosition: l, emitLazyLoadEvent: g };
+}, Bl = (e, s, m) => {
+  const n = p(e), r = p(s), t = lt({
     dragging: null,
     dragToLeft: null,
     target: null
-  }), o = (a, r = 0) => {
-    const h = n.value.findIndex((d) => d.field === a.field), S = h + r;
+  }), l = (a, i = 0) => {
+    const h = n.value.findIndex((d) => d.field === a.field), S = h + i;
     if (S < 0 || S > n.value.length - 1)
       return;
-    const w = [...n.value];
-    w.splice(S, 0, w.splice(h, 1)[0]), m(D.COLUMNS, w), m(D.UPDATE_COLUMNS, w);
-  }, L = (a, r) => {
-    t.dragging = a, r.dataTransfer.setData("text", ""), r.dataTransfer.dropEffect = "move";
-  }, _ = (a, r) => {
+    const y = [...n.value];
+    y.splice(S, 0, y.splice(h, 1)[0]), m($.COLUMNS, y), m($.UPDATE_COLUMNS, y);
+  }, E = (a, i) => {
+    t.dragging = a, i.dataTransfer.setData("text", ""), i.dataTransfer.dropEffect = "move";
+  }, _ = (a, i) => {
     t.target = a;
-    const h = r.currentTarget.getBoundingClientRect(), S = h.left + h.width / 2, w = r.clientX ?? 0;
-    t.dragToLeft = w <= S;
-  }, E = (a) => {
-    var r, h;
-    if (((r = t.dragging) == null ? void 0 : r.field) !== a.field) {
-      const S = n.value.findIndex((W) => {
+    const h = i.currentTarget.getBoundingClientRect(), S = h.left + h.width / 2, y = i.clientX ?? 0;
+    t.dragToLeft = y <= S;
+  }, b = (a) => {
+    var i, h;
+    if (((i = t.dragging) == null ? void 0 : i.field) !== a.field) {
+      const S = n.value.findIndex((G) => {
         var M;
-        return W.field === ((M = t.dragging) == null ? void 0 : M.field);
-      }), w = n.value.findIndex((W) => W.field === a.field), d = t.dragToLeft ? w : w + 1, y = d > S ? d - 1 : d;
+        return G.field === ((M = t.dragging) == null ? void 0 : M.field);
+      }), y = n.value.findIndex((G) => G.field === a.field), d = t.dragToLeft ? y : y + 1, w = d > S ? d - 1 : d;
       let v = [...n.value];
       v.splice(
-        y === -1 ? 0 : y,
+        w === -1 ? 0 : w,
         0,
         v.splice(S, 1)[0]
       );
-      const q = n.value.findIndex((W) => !(W != null && W.frozen));
+      const q = n.value.findIndex((G) => !(G != null && G.frozen));
       ((h = t.dragging) == null ? void 0 : h.frozen) !== a.frozen && d !== q && (v = v.map(
-        (W) => {
+        (G) => {
           var M;
-          return ((M = t.dragging) == null ? void 0 : M.field) === W.field ? { ...W, frozen: !!(a != null && a.frozen) } : W;
+          return ((M = t.dragging) == null ? void 0 : M.field) === G.field ? { ...G, frozen: !!(a != null && a.frozen) } : G;
         }
-      )), m(D.COLUMNS, v), m(D.UPDATE_COLUMNS, v);
+      )), m($.COLUMNS, v), m($.UPDATE_COLUMNS, v);
     }
     t.dragging = null, t.target = null;
   }, O = () => {
     t.dragging = null, t.dragToLeft = null, t.target = null;
-  }, f = b(() => s.value ? {
-    [se.COLUMN_DRAG_START]: (a, r) => L(a, r),
-    [se.COLUMN_DRAG_ENTER]: (a, r) => _(a, r),
-    [se.COLUMN_DROP]: (a) => E(a),
-    [se.COLUMN_DRAG_END]: () => O()
-  } : {}), p = b(() => (a) => s.value ? {
-    dragenter: (r) => {
-      r.preventDefault(), _(a, r);
+  }, g = L(() => r.value ? {
+    [ie.COLUMN_DRAG_START]: (a, i) => E(a, i),
+    [ie.COLUMN_DRAG_ENTER]: (a, i) => _(a, i),
+    [ie.COLUMN_DROP]: (a) => b(a),
+    [ie.COLUMN_DRAG_END]: () => O()
+  } : {}), D = L(() => (a) => r.value ? {
+    dragenter: (i) => {
+      i.preventDefault(), _(a, i);
     },
     drop: () => {
-      E(a);
+      b(a);
     },
-    dragover: (r) => {
-      r.preventDefault();
+    dragover: (i) => {
+      i.preventDefault();
     }
   } : {});
   return {
     // Values
     draggingColumns: t,
     // Methods
-    draggingEventsForColumns: f,
-    draggingEventsForRowCell: p,
-    onMoveColumnByOffset: o
+    draggingEventsForColumns: g,
+    draggingEventsForRowCell: D,
+    onMoveColumnByOffset: l
   };
-}, Ul = (e, i) => {
-  const m = T(e), n = b(
-    () => [...m.value].sort((f, p) => f.frozen === p.frozen ? 0 : f.frozen ? -1 : 1)
-  ), s = b(
-    () => n.value.filter((f) => f.frozen && f.visible !== !1)
-  ), t = b(
-    () => n.value.filter((f) => !f.frozen && f.visible !== !1)
-  ), o = b(
+}, Wl = (e, s) => {
+  const m = p(e), n = L(
+    () => [...m.value].sort((g, D) => g.frozen === D.frozen ? 0 : g.frozen ? -1 : 1)
+  ), r = L(
+    () => n.value.filter((g) => g.frozen && g.visible !== !1)
+  ), t = L(
+    () => n.value.filter((g) => !g.frozen && g.visible !== !1)
+  ), l = L(
     () => [
-      { columnSet: s.value, id: "frozen", isFrozenColumns: !0 },
+      { columnSet: r.value, id: "frozen", isFrozenColumns: !0 },
       { columnSet: t.value, id: "unfrozen" }
-    ].filter(({ columnSet: f }) => f.length)
-  ), L = b(
-    () => m.value.filter((f) => (f == null ? void 0 : f.visible) !== !1 && (f == null ? void 0 : f.field) !== he).length === 1
-  ), _ = (f) => i(D.UPDATE_CONDENSED, f), E = (f) => {
-    i(D.COLUMNS, f), i(D.UPDATE_COLUMNS, f);
+    ].filter(({ columnSet: g }) => g.length)
+  ), E = L(
+    () => m.value.filter((g) => (g == null ? void 0 : g.visible) !== !1 && (g == null ? void 0 : g.field) !== he).length === 1
+  ), _ = (g) => s($.UPDATE_CONDENSED, g), b = (g) => {
+    s($.COLUMNS, g), s($.UPDATE_COLUMNS, g);
   };
   return {
     // Values
-    columnSets: o,
-    isOnlyOneVisibleColumn: L,
+    columnSets: l,
+    isOnlyOneVisibleColumn: E,
     sortedColumns: n,
     // Methods
     onConfigSettingsUpdate: _,
-    onConfigSettingsColumnsUpdate: E,
-    onConfigSettingsColumnUpdate: (f) => {
-      const p = n.value.map(
-        (a) => (a == null ? void 0 : a.field) === f.field ? f : a
+    onConfigSettingsColumnsUpdate: b,
+    onConfigSettingsColumnUpdate: (g) => {
+      const D = n.value.map(
+        (a) => (a == null ? void 0 : a.field) === g.field ? g : a
       );
-      E(p);
+      b(D);
     }
   };
-}, Nt = (e, i) => {
-  const m = T(0);
-  let n = null, s = null;
-  const t = () => {
-    const o = e.value;
-    if (o && i.value) {
-      const L = window.getComputedStyle(o);
-      let _ = o.offsetHeight;
-      const E = window.getComputedStyle(o, "::after");
-      if (E.content !== "none" && E.position === "absolute") {
-        const p = parseFloat(E.height), a = parseFloat(E.bottom);
-        !isNaN(p) && !isNaN(a) && a < 0 && a + p <= 0 && (_ += p);
-      }
-      const O = window.getComputedStyle(o, "::before");
-      if (O.content !== "none" && O.position === "absolute") {
-        const p = parseFloat(O.height), a = parseFloat(O.top);
-        !isNaN(p) && !isNaN(a) && a < 0 && a + p <= 0 && (_ += p);
-      }
-      const f = parseFloat(L.top);
-      !isNaN(f) && f < 0 && (_ += f), m.value = _;
-    } else
-      m.value = 0;
-  };
-  return ot(() => {
-    Ce(() => {
-      const o = we(
-        e,
-        () => {
-          e != null && e.value && (Ce(() => o()), n = dt(e.value, t), s = new MutationObserver(t), s.observe(e.value, { attributes: !0, attributeFilter: ["class"] }));
-        },
-        { immediate: !0 }
-      );
-      we(
-        i,
-        () => {
-          t();
-        },
-        { immediate: !0 }
-      );
-    });
-  }), Wt(() => {
-    n == null || n.disconnect(), s == null || s.disconnect();
-  }), m;
-}, Pl = (e, i, m, n, s) => {
-  const t = T(0), o = T(!1), L = T(!1);
-  we(
-    () => t.value,
-    () => {
-      e.value.scrollLeft = t.value, i.value.scrollLeft = t.value, o.value = !!t.value, L.value = i.value.scrollWidth - i.value.offsetWidth > t.value;
-    }
-  ), ot(async () => {
-    var p, a;
-    await Ce(), await Ce(), ((p = i.value) == null ? void 0 : p.offsetWidth) < ((a = i.value) == null ? void 0 : a.scrollWidth) && (L.value = !0);
+}, Gl = (e, s, m, n, r, t) => {
+  const l = p(0), E = p(!1), _ = p(!1);
+  we([() => l.value, () => r.value], ([a]) => {
+    e.value.scrollLeft = a, s.value.scrollLeft = a, E.value = !!a, _.value = s.value.scrollWidth - s.value.offsetWidth > a;
+  }), nt(async () => {
+    var a, i;
+    await Ce(), await Ce(), ((a = s.value) == null ? void 0 : a.offsetWidth) < ((i = s.value) == null ? void 0 : i.scrollWidth) && (_.value = !0);
   });
-  const _ = (p) => {
-    if (t.value = p.target.scrollLeft, m.value = e.value.scrollHeight - p.target.scrollTop, n != null && n.value) {
-      const a = p.target.scrollLeft;
-      n.value.scrollLeft !== a && (n.value.scrollLeft = a);
+  const b = (a) => {
+    if (l.value = a.target.scrollLeft, m.value = e.value.scrollHeight - a.target.scrollTop, n != null && n.value) {
+      const i = a.target.scrollLeft;
+      n.value.scrollLeft !== i && (n.value.scrollLeft = i);
     }
-  }, E = (p) => {
-    p.key !== "Tab" && p.key !== "ArrowRight" && p.key !== "ArrowLeft" || (p.preventDefault(), e.value.scrollLeft = 0, e.value.style.overflowX = "hidden", setTimeout(() => {
+  }, O = (a) => {
+    a.key !== "Tab" && a.key !== "ArrowRight" && a.key !== "ArrowLeft" || (a.preventDefault(), e.value.scrollLeft = 0, e.value.style.overflowX = "hidden", setTimeout(() => {
       e.value.style.overflowX = "auto";
     }));
-  }, O = (p) => {
-    const a = p.target.scrollLeft;
-    e.value.scrollLeft !== a && (e.value.scrollLeft = a);
-  }, f = b(() => {
-    var p, a, r;
+  }, g = (a) => {
+    const i = a.target.scrollLeft;
+    e.value.scrollLeft !== i && (e.value.scrollLeft = i);
+  }, D = L(() => {
+    var a, i, h;
     return {
-      "b-data-grid__horizontal-scrollbar--sticky-pagination": ((p = s == null ? void 0 : s.pagination) == null ? void 0 : p.value) && (((a = s == null ? void 0 : s.stickyPagination) == null ? void 0 : a.value) || (s == null ? void 0 : s.isDataGridTemplate)) && !((r = s == null ? void 0 : s.isLazyLoad) != null && r.value)
+      "b-data-grid__horizontal-scrollbar--sticky-pagination": ((a = t == null ? void 0 : t.pagination) == null ? void 0 : a.value) && (((i = t == null ? void 0 : t.stickyPagination) == null ? void 0 : i.value) || (t == null ? void 0 : t.isDataGridTemplate)) && !((h = t == null ? void 0 : t.isLazyLoad) != null && h.value)
     };
   });
   return {
     // Values
-    scrollLeftPosition: t,
-    hasLeftOverflow: o,
-    hasRightOverflow: L,
-    horizontalScrollbarConditionalClasses: f,
+    scrollLeftPosition: l,
+    hasLeftOverflow: E,
+    hasRightOverflow: _,
+    horizontalScrollbarConditionalClasses: D,
     // Methods
-    updateScrollPosition: _,
-    updateScrollPositionOnFrozenColumnsNavigation: E,
-    syncVirtualScrollerWithBody: O
+    updateScrollPosition: b,
+    updateScrollPositionOnFrozenColumnsNavigation: O,
+    syncVirtualScrollerWithBody: g
   };
-}, Bl = (e, i, m, n) => {
-  const s = T(null), t = b(() => {
-    var h, S, w, d;
-    if (!s.value || s.value.field === he)
+}, Hl = (e, s, m, n) => {
+  const r = p(null), t = L(() => {
+    var h, S, y, d;
+    if (!r.value || r.value.field === he)
       return {
         hoveredOverColumnField: "",
         isSeparatorOffset: !1,
         noBorderLeft: !1,
         noBorderRight: !1
       };
-    const o = (S = (h = e.value.find((y) => y.isFrozenColumns)) == null ? void 0 : h.columnSet) == null ? void 0 : S.filter((y) => y.field !== he), L = e.value.find((y) => !(y != null && y.isFrozenColumns)), _ = s.value.frozen && (o == null ? void 0 : o[0].field) === s.value.field, E = !s.value.frozen && ((w = L == null ? void 0 : L.columnSet) == null ? void 0 : w[0].field) === s.value.field, O = (i.value || m.value) && _, f = (i.value || m.value) && !o && E, p = o && E, a = (o == null ? void 0 : o.length) > 0 && s.value.frozen && (o == null ? void 0 : o[o.length - 1].field) === s.value.field, r = m.value && n.value && !s.value.frozen && ((d = L == null ? void 0 : L.columnSet) == null ? void 0 : d[L.columnSet.length - 1].field) === s.value.field;
+    const l = (S = (h = e.value.find((w) => w.isFrozenColumns)) == null ? void 0 : h.columnSet) == null ? void 0 : S.filter((w) => w.field !== he), E = e.value.find((w) => !(w != null && w.isFrozenColumns)), _ = r.value.frozen && (l == null ? void 0 : l[0].field) === r.value.field, b = !r.value.frozen && ((y = E == null ? void 0 : E.columnSet) == null ? void 0 : y[0].field) === r.value.field, O = (s.value || m.value) && _, g = (s.value || m.value) && !l && b, D = l && b, a = (l == null ? void 0 : l.length) > 0 && r.value.frozen && (l == null ? void 0 : l[l.length - 1].field) === r.value.field, i = m.value && n.value && !r.value.frozen && ((d = E == null ? void 0 : E.columnSet) == null ? void 0 : d[E.columnSet.length - 1].field) === r.value.field;
     return {
-      hoveredOverColumnField: s.value.field,
-      isSeparatorOffset: r,
-      noBorderLeft: !!O || !!f || !!p,
-      noBorderRight: !!a || !!r
+      hoveredOverColumnField: r.value.field,
+      isSeparatorOffset: i,
+      noBorderLeft: !!O || !!g || !!D,
+      noBorderRight: !!a || !!i
     };
   });
   return {
-    hoveredOverColumn: s,
+    hoveredOverColumn: r,
     hoveredOverColumnState: t
   };
 };
-let Tt = 0;
-const Wl = {
+let It = 0;
+const Vl = {
   beforeCreate() {
-    this.uuid = Tt.toString(), Tt += 1;
+    this.uuid = It.toString(), It += 1;
   }
-}, Gl = { key: 0 }, Hl = ["clip-path"], Vl = ["id"];
-function xl(e, i, m, n, s, t) {
-  return c(), R("svg", oe({ role: "img" }, e.$attrs, {
+}, xl = { key: 0 }, Zl = ["clip-path"], jl = ["id"];
+function ql(e, s, m, n, r, t) {
+  return f(), R("svg", oe({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (c(), R("title", Gl, X(e.$attrs["svg-title"]), 1)) : k("", !0),
+    e.$attrs["svg-title"] ? (f(), R("title", xl, X(e.$attrs["svg-title"]), 1)) : k("", !0),
     A("g", {
       fill: "#00112C",
       "clip-path": "url(#uia-ui-assets/icons-16-arrow_up_down_sort__a" + e.uuid + ")"
-    }, i[0] || (i[0] = [
+    }, s[0] || (s[0] = [
       A("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),
       A("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, Hl),
+    ]), 8, Zl),
     A("defs", null, [
       A("clipPath", {
         id: "uia-ui-assets/icons-16-arrow_up_down_sort__a" + e.uuid
-      }, i[1] || (i[1] = [
+      }, s[1] || (s[1] = [
         A("rect", {
           width: "16",
           height: "16",
           fill: "#fff"
         }, null, -1)
-      ]), 8, Vl)
+      ]), 8, jl)
     ])
   ], 16);
 }
-const Zl = /* @__PURE__ */ re(Wl, [["render", xl]]);
-let It = 0;
-const jl = {
+const Kl = /* @__PURE__ */ de(Vl, [["render", ql]]);
+let $t = 0;
+const Yl = {
   beforeCreate() {
-    this.uuid = It.toString(), It += 1;
+    this.uuid = $t.toString(), $t += 1;
   }
-}, ql = { key: 0 };
-function Kl(e, i, m, n, s, t) {
-  return c(), R("svg", oe({ role: "img" }, e.$attrs, {
+}, Xl = { key: 0 };
+function Jl(e, s, m, n, r, t) {
+  return f(), R("svg", oe({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (c(), R("title", ql, X(e.$attrs["svg-title"]), 1)) : k("", !0),
-    i[0] || (i[0] = A("path", {
+    e.$attrs["svg-title"] ? (f(), R("title", Xl, X(e.$attrs["svg-title"]), 1)) : k("", !0),
+    s[0] || (s[0] = A("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 Yl = /* @__PURE__ */ re(jl, [["render", Kl]]);
-let $t = 0;
-const Xl = {
+const Ql = /* @__PURE__ */ de(Yl, [["render", Jl]]);
+let Dt = 0;
+const eo = {
   beforeCreate() {
-    this.uuid = $t.toString(), $t += 1;
+    this.uuid = Dt.toString(), Dt += 1;
   }
-}, Jl = { key: 0 }, Ql = ["clip-path"], eo = ["id"];
-function to(e, i, m, n, s, t) {
-  return c(), R("svg", oe({ role: "img" }, e.$attrs, {
+}, to = { key: 0 }, no = ["clip-path"], lo = ["id"];
+function oo(e, s, m, n, r, t) {
+  return f(), R("svg", oe({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (c(), R("title", Jl, X(e.$attrs["svg-title"]), 1)) : k("", !0),
+    e.$attrs["svg-title"] ? (f(), R("title", to, X(e.$attrs["svg-title"]), 1)) : k("", !0),
     A("g", {
       "clip-path": "url(#uia-ui-assets/icons-16-freeze__a" + e.uuid + ")"
-    }, i[0] || (i[0] = [
+    }, s[0] || (s[0] = [
       A("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, Ql),
+    ]), 8, no),
     A("defs", null, [
       A("clipPath", {
         id: "uia-ui-assets/icons-16-freeze__a" + e.uuid
-      }, i[1] || (i[1] = [
+      }, s[1] || (s[1] = [
         A("rect", {
           width: "16",
           height: "16",
           fill: "#fff",
           transform: "matrix(1 0 0 -1 0 16)"
         }, null, -1)
-      ]), 8, eo)
+      ]), 8, lo)
     ])
   ], 16);
 }
-const Yt = /* @__PURE__ */ re(Xl, [["render", to]]);
-let Dt = 0;
-const no = {
+const Xt = /* @__PURE__ */ de(eo, [["render", oo]]);
+let kt = 0;
+const so = {
   beforeCreate() {
-    this.uuid = Dt.toString(), Dt += 1;
+    this.uuid = kt.toString(), kt += 1;
   }
-}, lo = { key: 0 }, oo = ["clip-path"], so = ["id"];
-function io(e, i, m, n, s, t) {
-  return c(), R("svg", oe({ role: "img" }, e.$attrs, {
+}, io = { key: 0 }, ao = ["clip-path"], ro = ["id"];
+function uo(e, s, m, n, r, t) {
+  return f(), R("svg", oe({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (c(), R("title", lo, X(e.$attrs["svg-title"]), 1)) : k("", !0),
+    e.$attrs["svg-title"] ? (f(), R("title", io, X(e.$attrs["svg-title"]), 1)) : k("", !0),
     A("g", {
       fill: "#00112C",
       "clip-path": "url(#uia-ui-assets/icons-16-sort_ascending__a" + e.uuid + ")"
-    }, i[0] || (i[0] = [
+    }, s[0] || (s[0] = [
       A("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),
       A("path", { d: "M6.75 7.25H1.25V8.75H6.75V7.25Z" }, null, -1),
       A("path", { d: "M1.25 11.25H8.75V12.75H1.25V11.25Z" }, null, -1),
       A("path", { d: "M6.75 3.25H1.25V4.75H6.75V3.25Z" }, null, -1)
-    ]), 8, oo),
+    ]), 8, ao),
     A("defs", null, [
       A("clipPath", {
         id: "uia-ui-assets/icons-16-sort_ascending__a" + e.uuid
-      }, i[1] || (i[1] = [
+      }, s[1] || (s[1] = [
         A("rect", {
           width: "16",
           height: "16",
           fill: "#fff"
         }, null, -1)
-      ]), 8, so)
+      ]), 8, ro)
     ])
   ], 16);
 }
-const ao = /* @__PURE__ */ re(no, [["render", io]]);
-let kt = 0;
-const ro = {
+const co = /* @__PURE__ */ de(so, [["render", uo]]);
+let Mt = 0;
+const fo = {
   beforeCreate() {
-    this.uuid = kt.toString(), kt += 1;
+    this.uuid = Mt.toString(), Mt += 1;
   }
-}, uo = { key: 0 }, co = ["clip-path"], fo = ["id"];
-function go(e, i, m, n, s, t) {
-  return c(), R("svg", oe({ role: "img" }, e.$attrs, {
+}, go = { key: 0 }, vo = ["clip-path"], mo = ["id"];
+function ho(e, s, m, n, r, t) {
+  return f(), R("svg", oe({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (c(), R("title", uo, X(e.$attrs["svg-title"]), 1)) : k("", !0),
+    e.$attrs["svg-title"] ? (f(), R("title", go, X(e.$attrs["svg-title"]), 1)) : k("", !0),
     A("g", {
       fill: "#00112C",
       "clip-path": "url(#uia-ui-assets/icons-16-sort_descending__a" + e.uuid + ")"
-    }, i[0] || (i[0] = [
+    }, s[0] || (s[0] = [
       A("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),
       A("path", { d: "M6.75 7.25H1.25V8.75H6.75V7.25Z" }, null, -1),
       A("path", { d: "M1.25 3.25H9.09V4.75H1.25V3.25Z" }, null, -1),
       A("path", { d: "M6.75 11.25H1.25V12.75H6.75V11.25Z" }, null, -1)
-    ]), 8, co),
+    ]), 8, vo),
     A("defs", null, [
       A("clipPath", {
         id: "uia-ui-assets/icons-16-sort_descending__a" + e.uuid
-      }, i[1] || (i[1] = [
+      }, s[1] || (s[1] = [
         A("rect", {
           width: "16",
           height: "16",
           fill: "#fff"
         }, null, -1)
-      ]), 8, fo)
+      ]), 8, mo)
     ])
   ], 16);
 }
-const vo = /* @__PURE__ */ re(ro, [["render", go]]);
-let Mt = 0;
-const mo = {
+const Co = /* @__PURE__ */ de(fo, [["render", ho]]);
+let zt = 0;
+const _o = {
   beforeCreate() {
-    this.uuid = Mt.toString(), Mt += 1;
+    this.uuid = zt.toString(), zt += 1;
   }
-}, ho = { key: 0 };
-function Co(e, i, m, n, s, t) {
-  return c(), R("svg", oe({ role: "img" }, e.$attrs, {
+}, wo = { key: 0 };
+function yo(e, s, m, n, r, t) {
+  return f(), R("svg", oe({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (c(), R("title", ho, X(e.$attrs["svg-title"]), 1)) : k("", !0),
-    i[0] || (i[0] = A("path", {
+    e.$attrs["svg-title"] ? (f(), R("title", wo, X(e.$attrs["svg-title"]), 1)) : k("", !0),
+    s[0] || (s[0] = A("path", {
       fill: "#00112C",
       d: "M8 11.25L12.5 5.25H3.5L8 11.25Z"
     }, null, -1))
   ], 16);
 }
-const _o = /* @__PURE__ */ re(mo, [["render", Co]]), Xt = {
+const So = /* @__PURE__ */ de(_o, [["render", yo]]), Jt = {
   "en-US": {
     columnActions: "{name} column actions",
     freezeColumn: "Freeze column",
@@ -834,23 +828,23 @@ const _o = /* @__PURE__ */ re(mo, [["render", Co]]), Xt = {
     selectAll: "Selecionar tudo",
     unfreezeColumn: "Descongelar coluna"
   }
-}, wo = ["aria-colindex", "aria-label", "aria-sort", "data-testid", "draggable", "tabindex"], yo = {
+}, Eo = ["aria-colindex", "aria-label", "aria-sort", "data-testid", "draggable", "tabindex"], Lo = {
   key: 0,
   class: "b-data-grid-columns__select-column"
-}, So = ["aria-label"], Lo = { class: "b-data-grid-columns__label" }, Eo = {
+}, bo = ["aria-label"], Ro = { class: "b-data-grid-columns__label" }, po = {
   key: 0,
   class: "b-data-grid-columns__column-info-icon"
-}, bo = {
+}, Oo = {
   key: 1,
   class: "b-data-grid-columns__column-sort"
-}, po = ["data-testid", "onMousedown"], Oo = {
+}, Ao = ["data-testid", "onMousedown"], No = {
   key: 0,
   class: "b-data-grid-columns__column-separator"
-}, Ro = {
-  i18n: { messages: Xt },
+}, To = {
+  i18n: { messages: Jt },
   name: "data-grid-columns"
-}, Ao = /* @__PURE__ */ Re({
-  ...Ro,
+}, Io = /* @__PURE__ */ Oe({
+  ...To,
   props: {
     /**
      * Column definitions using 'key' to relate to data object.
@@ -975,100 +969,100 @@ const _o = /* @__PURE__ */ re(mo, [["render", Co]]), Xt = {
     }
   },
   emits: ["sort", "column-hover"],
-  setup(e, { expose: i, emit: m }) {
-    const n = e, s = m, t = 100, { t: o } = De({ messages: Xt }), { columns: L, sortBy: _ } = lt(n), E = T({}), O = T({}), f = T(), p = T(), a = (u) => s(se.SELECT_ALL_ROWS, u), r = (u) => u.field === he, h = b(() => [
+  setup(e, { expose: s, emit: m }) {
+    const n = e, r = m, t = 100, { t: l } = $e({ messages: Jt }), { columns: E, sortBy: _ } = ot(n), b = p({}), O = p({}), g = p(), D = p(), a = (u) => r(ie.SELECT_ALL_ROWS, u), i = (u) => u.field === he, h = L(() => [
       {
-        text: o("selectPage"),
+        text: l("selectPage"),
         handler: () => a(!0)
       },
       {
-        text: o("selectAll"),
-        handler: () => s(se.SELECT_ALL_ACROSS_PAGES)
+        text: l("selectAll"),
+        handler: () => r(ie.SELECT_ALL_ACROSS_PAGES)
       }
-    ]), { startResize: S, isResizing: w, columnHoverEventToEmitAfterResizing: d } = yl(L, s), { isSorting: y, getSortingDirection: v, sortByColumnField: q } = Dl(_, L, s), W = (u) => {
-      var I;
+    ]), { startResize: S, isResizing: y, columnHoverEventToEmitAfterResizing: d } = Ll(E, r), { isSorting: w, getSortingDirection: v, sortByColumnField: q } = zl(_, E, r), G = (u) => {
+      var T;
       if (!u.sortable)
         return null;
-      const G = (I = n.sortBy.find(({ field: Z }) => Z === u.field)) == null ? void 0 : I.direction;
-      return G ? {
+      const W = (T = n.sortBy.find(({ field: H }) => H === u.field)) == null ? void 0 : T.direction;
+      return W ? {
         [Ie.ASCENDING]: Ve.ASCENDING,
         [Ie.DESCENDING]: Ve.DESCENDING
-      }[G] : Ve.NONE;
-    }, M = b(() => (u) => n.hasDraggableColumns ? {
-      dragstart: (G) => {
-        s(se.COLUMN_DRAG_START, u, G);
+      }[W] : Ve.NONE;
+    }, M = L(() => (u) => n.hasDraggableColumns ? {
+      dragstart: (W) => {
+        r(ie.COLUMN_DRAG_START, u, W);
       },
-      dragover: (G) => {
-        G.preventDefault();
+      dragover: (W) => {
+        W.preventDefault();
       },
-      dragenter: (G) => {
-        G.preventDefault(), s(se.COLUMN_DRAG_ENTER, u, G);
+      dragenter: (W) => {
+        W.preventDefault(), r(ie.COLUMN_DRAG_ENTER, u, W);
       },
       drop: () => {
-        s(se.COLUMN_DROP, u);
+        r(ie.COLUMN_DROP, u);
       },
       dragend: () => {
-        s(se.COLUMN_DRAG_END);
+        r(ie.COLUMN_DRAG_END);
       }
-    } : {}), N = b(() => (u) => [
+    } : {}), N = L(() => (u) => [
       {
-        text: o("moveColumnLeft"),
-        handler: () => s(se.COLUMN_MOVE, u, -1),
-        icon: gl,
+        text: l("moveColumnLeft"),
+        handler: () => r(ie.COLUMN_MOVE, u, -1),
+        icon: hl,
         disabled: n.columns[0].field === u.field
       },
       {
-        text: o("moveColumnRight"),
-        handler: () => s(se.COLUMN_MOVE, u, 1),
-        icon: Yl,
+        text: l("moveColumnRight"),
+        handler: () => r(ie.COLUMN_MOVE, u, 1),
+        icon: Ql,
         disabled: n.columns[n.columns.length - 1].field === u.field
       },
       {
-        text: u != null && u.frozen ? o("unfreezeColumn") : o("freezeColumn"),
-        handler: () => s(se.COLUMN_UPDATE, { ...u, frozen: !(u != null && u.frozen) }),
-        icon: Yt
+        text: u != null && u.frozen ? l("unfreezeColumn") : l("freezeColumn"),
+        handler: () => r(ie.COLUMN_UPDATE, { ...u, frozen: !(u != null && u.frozen) }),
+        icon: Xt
       },
       {
-        text: (u == null ? void 0 : u.visible) !== !1 ? o("hideColumn") : o("showColumn"),
+        text: (u == null ? void 0 : u.visible) !== !1 ? l("hideColumn") : l("showColumn"),
         handler: () => {
-          s(se.COLUMN_UPDATE, {
+          r(ie.COLUMN_UPDATE, {
             ...u,
             visible: (u == null ? void 0 : u.visible) === !1
           });
         },
-        icon: (u == null ? void 0 : u.visible) !== !1 ? vl : ml,
+        icon: (u == null ? void 0 : u.visible) !== !1 ? Cl : _l,
         disabled: (u == null ? void 0 : u.mandatory) || (u == null ? void 0 : u.visible) !== !1 && n.isOnlyOneVisibleColumn
       }
     ]), U = (u) => {
-      f.value = u.field, p.value && clearTimeout(p.value);
-    }, Q = () => {
+      g.value = u.field, D.value && clearTimeout(D.value);
+    }, ee = () => {
       const u = setTimeout(() => {
-        f.value = "";
+        g.value = "";
       }, t);
-      p.value = u;
+      D.value = u;
     }, te = (u) => {
-      let G = {
+      let W = {
         mouseenter: () => {
-          U(u), w.value ? d.value = u : s("column-hover", u);
+          U(u), y.value ? d.value = u : r("column-hover", u);
         },
         mouseleave: () => {
-          Q(), w.value ? d.value = null : s("column-hover", null);
+          ee(), y.value ? d.value = null : r("column-hover", null);
         },
         focus: () => U(u)
       };
-      return r(u) || (G = {
-        ...G,
+      return i(u) || (W = {
+        ...W,
         ...M.value(u)
-      }), G;
-    }, C = (u) => u.infoIconTooltip || u.sortable || n.hasColumnPanel, V = (u, G) => {
-      var g;
-      ((g = E.value) == null ? void 0 : g[G]) === void 0 && (E.value = { ...E.value, [G]: null }), u !== null && (E.value[G] = u);
-    }, z = b(() => {
-      var G;
+      }), W;
+    }, C = (u) => u.infoIconTooltip || u.sortable || n.hasColumnPanel, x = (u, W) => {
+      var c;
+      ((c = b.value) == null ? void 0 : c[W]) === void 0 && (b.value = { ...b.value, [W]: null }), u !== null && (b.value[W] = u);
+    }, F = L(() => {
+      var W;
       const u = {
         "b-data-grid-columns--is-measuring": n.isMeasuringColumnWidths
       };
-      return (G = L.value[0]) != null && G.frozen ? {
+      return (W = E.value[0]) != null && W.frozen ? {
         ...u,
         "b-data-grid-columns--frozen": !0,
         "b-data-grid-columns--frozen-separator": n.showFrozenColumnsSeparator,
@@ -1077,63 +1071,63 @@ const _o = /* @__PURE__ */ re(mo, [["render", Co]]), Xt = {
         ...u,
         "b-data-grid-columns--unfrozen": !0
       };
-    }), P = (u, G) => u && G === 0 ? Et.BOTTOM_START : Et.BOTTOM_END, ne = (u, G) => {
-      var g, I, Z, le, ce, ee, fe, Y, $e, be;
+    }), P = (u, W) => u && W === 0 ? Lt.BOTTOM_START : Lt.BOTTOM_END, ue = (u, W) => {
+      var c, T, H, Q, se, le, fe, ye, De, K;
       return {
         "b-data-grid-columns__column--column-hovered": u.field === n.hoveredOverColumnState.hoveredOverColumnField,
         "b-data-grid-columns__column--column-hovered-no-border-left": u.field === n.hoveredOverColumnState.hoveredOverColumnField && n.hoveredOverColumnState.noBorderLeft,
         "b-data-grid-columns__column--column-hovered-no-border-right": u.field === n.hoveredOverColumnState.hoveredOverColumnField && n.hoveredOverColumnState.noBorderRight,
-        "b-data-grid-columns__column--last-frozen-frozen-column": n.isFrozenColumns && G === L.value.length - 1,
+        "b-data-grid-columns__column--last-frozen-frozen-column": n.isFrozenColumns && W === E.value.length - 1,
         "b-data-grid-columns__column--sortable": u.sortable,
-        "b-data-grid-columns__column--padding-left-unset": ((g = u == null ? void 0 : u.padding) == null ? void 0 : g.left) === !1,
-        "b-data-grid-columns__column--padding-right-unset": ((I = u == null ? void 0 : u.padding) == null ? void 0 : I.right) === !1,
+        "b-data-grid-columns__column--padding-left-unset": ((c = u == null ? void 0 : u.padding) == null ? void 0 : c.left) === !1,
+        "b-data-grid-columns__column--padding-right-unset": ((T = u == null ? void 0 : u.padding) == null ? void 0 : T.right) === !1,
         "b-data-grid-columns__column--numeric": u == null ? void 0 : u.numeric,
         "b-data-grid-columns__column--frozen": u == null ? void 0 : u.frozen,
-        "b-data-grid-columns__column--is-re-ordering": (u == null ? void 0 : u.field) === ((le = (Z = n.draggingColumns) == null ? void 0 : Z.dragging) == null ? void 0 : le.field),
-        "b-data-grid-columns__column--is-re-ordering-target-left": (u == null ? void 0 : u.field) === ((ee = (ce = n.draggingColumns) == null ? void 0 : ce.target) == null ? void 0 : ee.field) && ((fe = n.draggingColumns) == null ? void 0 : fe.dragToLeft),
-        "b-data-grid-columns__column--is-re-ordering-target-right": (u == null ? void 0 : u.field) === (($e = (Y = n.draggingColumns) == null ? void 0 : Y.target) == null ? void 0 : $e.field) && !((be = n.draggingColumns) != null && be.dragToLeft),
-        "b-data-grid-columns__column--with-sorting-or-column-panel": u.sortable || u.infoIconTooltip || n.hasColumnPanel && f.value === u.field || n.selectableAcrossPages
+        "b-data-grid-columns__column--is-re-ordering": (u == null ? void 0 : u.field) === ((Q = (H = n.draggingColumns) == null ? void 0 : H.dragging) == null ? void 0 : Q.field),
+        "b-data-grid-columns__column--is-re-ordering-target-left": (u == null ? void 0 : u.field) === ((le = (se = n.draggingColumns) == null ? void 0 : se.target) == null ? void 0 : le.field) && ((fe = n.draggingColumns) == null ? void 0 : fe.dragToLeft),
+        "b-data-grid-columns__column--is-re-ordering-target-right": (u == null ? void 0 : u.field) === ((De = (ye = n.draggingColumns) == null ? void 0 : ye.target) == null ? void 0 : De.field) && !((K = n.draggingColumns) != null && K.dragToLeft),
+        "b-data-grid-columns__column--with-sorting-or-column-panel": u.sortable || u.infoIconTooltip || n.hasColumnPanel && g.value === u.field || n.selectableAcrossPages
       };
-    }, de = (u) => ({
+    }, ne = (u) => ({
       "b-data-grid-columns__column-header-and-actions--numeric": u == null ? void 0 : u.numeric
     }), J = (u) => ({
       "b-data-grid-columns__column-actions--numeric": u == null ? void 0 : u.numeric
-    }), x = (u) => ({
+    }), Z = (u) => ({
       "b-data-grid-columns__column-separator-container--is-resizeable": n.hasResizableColumns,
       "b-data-grid-columns__column-separator-container--is-offset": n.hoveredOverColumnState.hoveredOverColumnField === u.field && n.hoveredOverColumnState.isSeparatorOffset
-    }), Ee = b(() => ({
+    }), Re = L(() => ({
       "b-data-grid-columns__column-header--truncated": n.truncateColumnHeaders
     }));
-    return i({
-      columnHeaderRefs: E
-    }), (u, G) => (c(), R("div", {
-      class: ue(["b-data-grid-columns", z.value]),
+    return s({
+      columnHeaderRefs: b
+    }), (u, W) => (f(), R("div", {
+      class: ce(["b-data-grid-columns", F.value]),
       "data-testid": "data-grid-columns"
     }, [
-      (c(!0), R(_e, null, Le(l(L), (g, I) => (c(), R("div", oe({
-        key: g.field,
+      (f(!0), R(_e, null, Le(o(E), (c, T) => (f(), R("div", oe({
+        key: c.field,
         ref_for: !0,
-        ref: (Z) => V(Z, g.field),
-        "aria-colindex": I + 1,
-        "aria-label": g.label,
-        "aria-sort": W(g),
-        class: [ne(g, I), "b-data-grid-columns__column"],
-        "data-testid": `${g.field}-column-header`,
-        draggable: e.hasDraggableColumns && !l(w) && !r(g),
+        ref: (H) => x(H, c.field),
+        "aria-colindex": T + 1,
+        "aria-label": c.label,
+        "aria-sort": G(c),
+        class: [ue(c, T), "b-data-grid-columns__column"],
+        "data-testid": `${c.field}-column-header`,
+        draggable: e.hasDraggableColumns && !o(y) && !i(c),
         role: "columnheader",
-        tabindex: g.sortable || e.hasColumnPanel || g.infoIconTooltip ? "0" : "-1",
-        style: { width: g.autoWidth && e.isMeasuringColumnWidths ? "auto" : `${g.width}px` }
-      }, xe(te(g), !0)), [
-        r(g) && e.selectable ? (c(), R("div", yo, [
-          K(l(qt), {
-            "aria-label": l(o)("selectAll"),
+        tabindex: c.sortable || e.hasColumnPanel || c.infoIconTooltip ? "0" : "-1",
+        style: { width: c.autoWidth && e.isMeasuringColumnWidths ? "auto" : `${c.width}px` }
+      }, xe(te(c), !0)), [
+        i(c) && e.selectable ? (f(), R("div", Lo, [
+          Y(o(Kt), {
+            "aria-label": o(l)("selectAll"),
             "model-value": e.allItemsSelectedState.allItemsSelected,
             "data-testid": "checkbox-select-all",
             indeterminate: e.allItemsSelectedState.isIndeterminate,
             value: "data-grid-select-all",
             "onUpdate:modelValue": a
           }, null, 8, ["aria-label", "model-value", "indeterminate"]),
-          e.selectableAcrossPages ? (c(), B(l(et), {
+          e.selectableAcrossPages ? (f(), B(o(et), {
             key: 0,
             class: "b-data-grid-columns__select-column-menu",
             data: h.value,
@@ -1141,139 +1135,139 @@ const _o = /* @__PURE__ */ re(mo, [["render", Co]]), Xt = {
             "menu-fixed-positioning": "",
             button: { variant: "tertiary", condensed: !0 }
           }, {
-            iconLeft: H(() => [
-              K(l(_o), {
-                "svg-title": l(o)("selectionMenu")
+            iconLeft: V(() => [
+              Y(o(So), {
+                "svg-title": o(l)("selectionMenu")
               }, null, 8, ["svg-title"])
             ]),
             _: 1
           }, 8, ["data"])) : k("", !0)
-        ])) : (c(), R(_e, { key: 1 }, [
+        ])) : (f(), R(_e, { key: 1 }, [
           A("div", {
-            "aria-label": l(o)("columnActions", { name: g.label }),
+            "aria-label": o(l)("columnActions", { name: c.label }),
             "aria-live": "polite",
             role: "region",
-            class: ue(["b-data-grid-columns__column-header-and-actions", de(g)])
+            class: ce(["b-data-grid-columns__column-header-and-actions", ne(c)])
           }, [
-            K(l(Ze), {
+            Y(o(Ze), {
               el: "div",
               strongest: "",
-              class: ue(["b-data-grid-columns__column-header", Ee.value])
+              class: ce(["b-data-grid-columns__column-header", Re.value])
             }, {
-              default: H(() => [
-                Oe(u.$slots, `head-${g.field}`, { column: g }, () => [
-                  A("span", Lo, X(g.label), 1)
+              default: V(() => [
+                pe(u.$slots, `head-${c.field}`, { column: c }, () => [
+                  A("span", Ro, X(c.label), 1)
                 ], !0)
               ]),
               _: 2
             }, 1032, ["class"]),
-            C(g) ? (c(), R("div", {
+            C(c) ? (f(), R("div", {
               key: 0,
-              class: ue(["b-data-grid-columns__column-actions", J(g)])
+              class: ce(["b-data-grid-columns__column-actions", J(c)])
             }, [
-              g.infoIconTooltip ? (c(), R("div", Eo, [
-                K(l(ul), {
-                  "tooltip-text": g.infoIconTooltip
+              c.infoIconTooltip ? (f(), R("div", po, [
+                Y(o(gl), {
+                  "tooltip-text": c.infoIconTooltip
                 }, null, 8, ["tooltip-text"])
               ])) : k("", !0),
-              g.sortable ? (c(), R("div", bo, [
-                K(l(ut), {
+              c.sortable ? (f(), R("div", Oo, [
+                Y(o(ut), {
                   condensed: "",
-                  toggled: l(y)(g.field),
+                  toggled: o(w)(c.field),
                   variant: "tertiary",
-                  onClick: (Z) => l(q)(g.field)
+                  onClick: (H) => o(q)(c.field)
                 }, {
-                  iconLeft: H(() => [
-                    l(v)(g.field) ? l(v)(g.field) === l(Ie).ASCENDING ? (c(), B(l(ao), {
+                  iconLeft: V(() => [
+                    o(v)(c.field) ? o(v)(c.field) === o(Ie).ASCENDING ? (f(), B(o(co), {
                       key: 1,
-                      "svg-title": l(o)("sortColumnInDescendingOrder", { name: g.label })
-                    }, null, 8, ["svg-title"])) : l(v)(g.field) === l(Ie).DESCENDING ? (c(), B(l(vo), {
+                      "svg-title": o(l)("sortColumnInDescendingOrder", { name: c.label })
+                    }, null, 8, ["svg-title"])) : o(v)(c.field) === o(Ie).DESCENDING ? (f(), B(o(Co), {
                       key: 2,
-                      "svg-title": l(o)("sortColumnInAscendingOrder", { name: g.label })
-                    }, null, 8, ["svg-title"])) : k("", !0) : (c(), B(l(Zl), {
+                      "svg-title": o(l)("sortColumnInAscendingOrder", { name: c.label })
+                    }, null, 8, ["svg-title"])) : k("", !0) : (f(), B(o(Kl), {
                       key: 0,
-                      "svg-title": l(o)("sortColumn", { name: g.label })
+                      "svg-title": o(l)("sortColumn", { name: c.label })
                     }, null, 8, ["svg-title"]))
                   ]),
                   _: 2
                 }, 1032, ["toggled", "onClick"])
               ])) : k("", !0),
-              e.hasColumnPanel && f.value === g.field ? (c(), B(l(et), {
+              e.hasColumnPanel && g.value === c.field ? (f(), B(o(et), {
                 key: 2,
                 ref_for: !0,
-                ref: (Z) => O.value[g.field] = Z,
+                ref: (H) => O.value[c.field] = H,
                 class: "b-data-grid-columns__menu",
-                data: N.value(g),
-                "menu-position": P(e.hasFirstColumnPanelRightAligned, I),
+                data: N.value(c),
+                "menu-position": P(e.hasFirstColumnPanelRightAligned, T),
                 "menu-fixed-positioning": !0,
                 button: { variant: "tertiary", condensed: !0 },
-                onOpen: G[0] || (G[0] = (Z) => u.$emit(l(se).COLUMN_MENU_OPEN)),
-                onClose: G[1] || (G[1] = (Z) => u.$emit(l(se).COLUMN_MENU_CLOSE))
+                onOpen: W[0] || (W[0] = (H) => u.$emit(o(ie).COLUMN_MENU_OPEN)),
+                onClose: W[1] || (W[1] = (H) => u.$emit(o(ie).COLUMN_MENU_CLOSE))
               }, null, 8, ["data", "menu-position"])) : k("", !0)
             ], 2)) : k("", !0)
-          ], 10, So),
+          ], 10, bo),
           A("div", {
-            "data-testid": `data-grid-column-${g.field}`,
-            class: ue(["b-data-grid-columns__column-separator-container", x(g)]),
+            "data-testid": `data-grid-column-${c.field}`,
+            class: ce(["b-data-grid-columns__column-separator-container", Z(c)]),
             role: "presentation",
-            onMousedown: (Z) => l(S)(e.hasResizableColumns, g.field, Z),
-            onClick: G[2] || (G[2] = Hn(() => {
+            onMousedown: (H) => o(S)(e.hasResizableColumns, c.field, H),
+            onClick: W[2] || (W[2] = Zn(() => {
             }, ["stop"]))
           }, [
-            !e.isFrozenColumns || e.isFrozenColumns && I !== l(L).length - 1 ? (c(), R("div", Oo)) : k("", !0)
-          ], 42, po)
+            !e.isFrozenColumns || e.isFrozenColumns && T !== o(E).length - 1 ? (f(), R("div", No)) : k("", !0)
+          ], 42, Ao)
         ], 64))
-      ], 16, wo))), 128))
+      ], 16, Eo))), 128))
     ], 2));
   }
-}), No = /* @__PURE__ */ re(Ao, [["__scopeId", "data-v-cfa55fda"]]);
+}), $o = /* @__PURE__ */ de(Io, [["__scopeId", "data-v-cfa55fda"]]);
 var Ne = /* @__PURE__ */ ((e) => (e.CONFIG_SETTINGS = "config-settings", e.UPDATE_COLUMNS = "update:columns", e))(Ne || {});
 let Ft = 0;
-const To = {
+const Do = {
   beforeCreate() {
     this.uuid = Ft.toString(), Ft += 1;
   }
-}, Io = { key: 0 }, $o = ["clip-path"], Do = ["id"];
-function ko(e, i, m, n, s, t) {
-  return c(), R("svg", oe({ role: "img" }, e.$attrs, {
+}, ko = { key: 0 }, Mo = ["clip-path"], zo = ["id"];
+function Fo(e, s, m, n, r, t) {
+  return f(), R("svg", oe({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (c(), R("title", Io, X(e.$attrs["svg-title"]), 1)) : k("", !0),
+    e.$attrs["svg-title"] ? (f(), R("title", ko, X(e.$attrs["svg-title"]), 1)) : k("", !0),
     A("g", {
       fill: "#00112C",
       "clip-path": "url(#uia-ui-assets/icons-16-settings__a" + e.uuid + ")"
-    }, i[0] || (i[0] = [
+    }, s[0] || (s[0] = [
       A("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),
       A("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, $o),
+    ]), 8, Mo),
     A("defs", null, [
       A("clipPath", {
         id: "uia-ui-assets/icons-16-settings__a" + e.uuid
-      }, i[1] || (i[1] = [
+      }, s[1] || (s[1] = [
         A("rect", {
           width: "16",
           height: "16",
           fill: "#fff"
         }, null, -1)
-      ]), 8, Do)
+      ]), 8, zo)
     ])
   ], 16);
 }
-const Mo = /* @__PURE__ */ re(To, [["render", ko]]), zt = {
+const Uo = /* @__PURE__ */ de(Do, [["render", Fo]]), Ut = {
   "en-US": {
     toggleColumnFreeze: "Toggle {label} column freeze",
     toggleColumnVisibility: "Toggle {label} column visibility"
   }
-}, Fo = Re({
-  i18n: { messages: zt },
+}, Po = Oe({
+  i18n: { messages: Ut },
   name: "bento-data-grid",
   components: {
-    BentoFreezeIcon: Yt,
-    BentoToggle: jt
+    BentoFreezeIcon: Xt,
+    BentoToggle: qt
   },
   props: {
     /**
@@ -1292,69 +1286,69 @@ const Mo = /* @__PURE__ */ re(To, [["render", ko]]), zt = {
     }
   },
   emits: ["visible-column", "updated-column"],
-  setup(e, { emit: i }) {
-    const { t: m } = De({ messages: zt }), n = T(!1), s = b(() => {
-      var f;
-      return (f = e.column) == null ? void 0 : f.frozen;
-    }), t = b(() => {
-      var f;
-      return ((f = e.column) == null ? void 0 : f.visible) !== !1;
-    }), o = () => {
-      i("visible-column", { ...e.column, visible: !t.value });
-    }, L = () => {
-      i("updated-column", { ...e.column, frozen: !s.value });
-    }, _ = () => {
-      s.value || (n.value = !0);
+  setup(e, { emit: s }) {
+    const { t: m } = $e({ messages: Ut }), n = p(!1), r = L(() => {
+      var g;
+      return (g = e.column) == null ? void 0 : g.frozen;
+    }), t = L(() => {
+      var g;
+      return ((g = e.column) == null ? void 0 : g.visible) !== !1;
+    }), l = () => {
+      s("visible-column", { ...e.column, visible: !t.value });
     }, E = () => {
-      s.value || (n.value = !1);
-    }, O = b(() => ({
-      "b-data-grid-config-settings-column-row__freeze-icon--frozen": s.value
+      s("updated-column", { ...e.column, frozen: !r.value });
+    }, _ = () => {
+      r.value || (n.value = !0);
+    }, b = () => {
+      r.value || (n.value = !1);
+    }, O = L(() => ({
+      "b-data-grid-config-settings-column-row__freeze-icon--frozen": r.value
     }));
     return {
       // Values
       isFreezeIconOptionShown: n,
-      isColumnFrozen: s,
+      isColumnFrozen: r,
       freezeIconConditionalClasses: O,
       isColumnVisible: t,
       // Methods
-      toggleColumnVisibility: o,
+      toggleColumnVisibility: l,
       showFreezeIcon: _,
-      hideFreezeIcon: E,
-      toggleColumnFreeze: L,
+      hideFreezeIcon: b,
+      toggleColumnFreeze: E,
       // Translations
       t: m
     };
   }
 });
-function zo(e, i, m, n, s, t) {
-  const o = Se("bento-toggle"), L = Se("bento-freeze-icon");
-  return c(), R("div", {
+function Bo(e, s, m, n, r, t) {
+  const l = Ee("bento-toggle"), E = Ee("bento-freeze-icon");
+  return f(), R("div", {
     class: "b-data-grid-config-settings-column-row",
-    onMouseover: i[0] || (i[0] = (..._) => e.showFreezeIcon && e.showFreezeIcon(..._)),
-    onMouseleave: i[1] || (i[1] = (..._) => e.hideFreezeIcon && e.hideFreezeIcon(..._))
+    onMouseover: s[0] || (s[0] = (..._) => e.showFreezeIcon && e.showFreezeIcon(..._)),
+    onMouseleave: s[1] || (s[1] = (..._) => e.hideFreezeIcon && e.hideFreezeIcon(..._))
   }, [
-    K(o, {
+    Y(l, {
       "aria-label": e.t("toggleColumnVisibility", { label: e.column.label }),
       disabled: e.isColumnVisibilityToggleDisabled,
       "label-position": "after",
       value: e.isColumnVisible,
       onInput: e.toggleColumnVisibility
     }, {
-      default: H(() => [
+      default: V(() => [
         ve(X(e.column.label), 1)
       ]),
       _: 1
     }, 8, ["aria-label", "disabled", "value", "onInput"]),
-    st(K(L, {
+    st(Y(E, {
       "aria-label": e.t("toggleColumnFreeze", { label: e.column.label }),
-      class: ue(["b-data-grid-config-settings-column-row__freeze-icon", e.freezeIconConditionalClasses]),
+      class: ce(["b-data-grid-config-settings-column-row__freeze-icon", e.freezeIconConditionalClasses]),
       onClick: e.toggleColumnFreeze
     }, null, 8, ["aria-label", "class", "onClick"]), [
-      [Vn, e.isColumnFrozen || e.isFreezeIconOptionShown]
+      [jn, e.isColumnFrozen || e.isFreezeIconOptionShown]
     ])
   ], 32);
 }
-const Uo = /* @__PURE__ */ re(Fo, [["render", zo], ["__scopeId", "data-v-bb87a729"]]), Ut = {
+const Wo = /* @__PURE__ */ de(Po, [["render", Bo], ["__scopeId", "data-v-bb87a729"]]), Pt = {
   "en-US": {
     closeConfigSettingsPanel: "Close configuration settings panel",
     closeSearch: "Close search",
@@ -1380,22 +1374,22 @@ const Uo = /* @__PURE__ */ re(Fo, [["render", zo], ["__scopeId", "data-v-bb87a72
     search: "Buscar",
     size: "Tamanho"
   }
-}, Po = Re({
-  i18n: { messages: Ut },
+}, Go = Oe({
+  i18n: { messages: Pt },
   name: "bento-data-grid",
   components: {
-    BentoButton: Zt,
-    BentoCrossIcon: Vt,
-    BentoPopover: sl,
-    BentoSettingsIcon: Mo,
+    BentoButton: jt,
+    BentoCrossIcon: xt,
+    BentoPopover: rl,
+    BentoSettingsIcon: Uo,
     BentoToggleButton: ut,
-    BentoDataGridConfigSettingsConfigRow: Uo,
-    BentoSearchBar: il,
-    BentoSearchIcon: dl,
-    BentoToggle: jt,
+    BentoDataGridConfigSettingsConfigRow: Wo,
+    BentoSearchBar: dl,
+    BentoSearchIcon: fl,
+    BentoToggle: qt,
     BentoTypography: Ze
   },
-  directives: { BentoClickOutsideDirective: rl },
+  directives: { BentoClickOutsideDirective: cl },
   props: {
     /**
      * Column definitions
@@ -1413,92 +1407,92 @@ const Uo = /* @__PURE__ */ re(Fo, [["render", zo], ["__scopeId", "data-v-bb87a72
     }
   },
   emits: [Ne.CONFIG_SETTINGS, Ne.UPDATE_COLUMNS],
-  setup(e, { emit: i }) {
-    const { t: m } = De({ messages: Ut }), n = T(null), s = Qe("data-grid-config-settings-popover"), t = T(null), o = T(!1), L = T(!0), _ = T(null), E = T(""), O = Xe(e, "columns"), f = T(!1), p = al(E, O), a = () => {
-      E.value = "";
-    }, r = b(
+  setup(e, { emit: s }) {
+    const { t: m } = $e({ messages: Pt }), n = p(null), r = Qe("data-grid-config-settings-popover"), t = p(null), l = p(!1), E = p(!0), _ = p(null), b = p(""), O = Xe(e, "columns"), g = p(!1), D = ul(b, O), a = () => {
+      b.value = "";
+    }, i = L(
       () => !e.columns.some((M) => M.visible === !1 && !M.mandatory)
     ), h = () => {
-      a(), f.value = !f.value, f.value ? Ce(() => {
+      a(), g.value = !g.value, g.value ? Ce(() => {
         var M;
         return (M = t.value.$refs.bentoInputField) == null ? void 0 : M.focusInput();
       }) : Ce(() => {
         var M, N;
         return (N = (M = _ == null ? void 0 : _.value) == null ? void 0 : M.$el) == null ? void 0 : N.focus();
-      }), L.value = r.value;
-    }, S = (M) => M.mandatory ?? !1, w = (M) => {
+      }), E.value = i.value;
+    }, S = (M) => M.mandatory ?? !1, y = (M) => {
       const N = e.columns.map((U) => ({
         ...U,
         visible: M.field === U.field ? M.visible : U.visible
       }));
-      i(Ne.UPDATE_COLUMNS, N);
+      s(Ne.UPDATE_COLUMNS, N);
     }, d = (M) => {
-      M ? i(
+      M ? s(
         Ne.UPDATE_COLUMNS,
         e.columns.map((N) => ({ ...N, visible: !0 }))
-      ) : i(
+      ) : s(
         Ne.UPDATE_COLUMNS,
         e.columns.map((N) => ({ ...N, visible: (N == null ? void 0 : N.mandatory) === !0 }))
       );
-    }, y = (M) => {
+    }, w = (M) => {
       const N = e.columns.map((U) => ({
         ...U,
         frozen: M.field === U.field ? !!(M != null && M.frozen) : !!(U != null && U.frozen)
       }));
-      i(Ne.UPDATE_COLUMNS, N);
+      s(Ne.UPDATE_COLUMNS, N);
     }, v = (M) => {
-      o.value = M, L.value = r.value;
+      l.value = M, E.value = i.value;
     };
     return {
       // Values
       configSettingsButtonRef: n,
-      popoverId: s,
-      isConfigSettingsPanelOpen: o,
-      allColumnsVisbilityToggleState: L,
-      filteredColumnVisibilityColumns: p,
-      searchTerm: E,
-      isColumnVisibilityFilterShown: f,
+      popoverId: r,
+      isConfigSettingsPanelOpen: l,
+      allColumnsVisbilityToggleState: E,
+      filteredColumnVisibilityColumns: D,
+      searchTerm: b,
+      isColumnVisibilityFilterShown: g,
       searchBarRef: t,
       searchButtonRef: _,
       DATAGRID_ACTIONS_COLUMN_FIELD_NAME: he,
       // Methods
       setConfigSettingsPanelVisibility: v,
-      emitCondensedToggle: (M) => i(Ne.CONFIG_SETTINGS, M),
+      emitCondensedToggle: (M) => s(Ne.CONFIG_SETTINGS, M),
       toggleAllColumnVisibility: d,
       clearAction: a,
       toggleColumnFilter: h,
-      emitVisibleColumns: w,
-      emitFrozenColumns: y,
+      emitVisibleColumns: y,
+      emitFrozenColumns: w,
       onClickOutside: () => v(!1),
       isColumnVisibilityToggleDisabled: S,
       // Translations
       t: m
     };
   }
-}), Bo = { class: "b-data-grid-config-settings" }, Wo = { class: "b-data-grid-config-settings__button-and-separator" }, Go = {
+}), Ho = { class: "b-data-grid-config-settings" }, Vo = { class: "b-data-grid-config-settings__button-and-separator" }, xo = {
   ref: "configSettingsButtonRef",
   class: "b-data-grid-config-settings__button-container"
-}, Ho = { class: "b-data-grid-config-settings__panel-header" }, Vo = { class: "b-data-grid-config-settings__condensed-view-settings" }, xo = { class: "b-data-grid-config-settings__column-visibility-settings" }, Zo = { class: "b-data-grid-config-settings__column-visibility-header" }, jo = {
+}, Zo = { class: "b-data-grid-config-settings__panel-header" }, jo = { class: "b-data-grid-config-settings__condensed-view-settings" }, qo = { class: "b-data-grid-config-settings__column-visibility-settings" }, Ko = { class: "b-data-grid-config-settings__column-visibility-header" }, Yo = {
   key: 0,
   class: "b-data-grid-config-settings__column-visibility-search"
-}, qo = {
+}, Xo = {
   key: 1,
   class: "b-data-grid-config-settings__column-visibility-show-all"
-}, Ko = { class: "b-data-grid-config-settings__column-visibility-toggles" };
-function Yo(e, i, m, n, s, t) {
-  const o = Se("bento-settings-icon"), L = Se("bento-toggle-button"), _ = Se("bento-typography"), E = Se("bento-cross-icon"), O = Se("bento-button"), f = Se("bento-toggle"), p = Se("bento-search-icon"), a = Se("bento-search-bar"), r = Se("bento-data-grid-config-settings-config-row"), h = Se("bento-popover"), S = xn("bento-click-outside-directive");
-  return st((c(), R("div", Bo, [
-    A("div", Wo, [
-      A("div", Go, [
-        K(L, {
+}, Jo = { class: "b-data-grid-config-settings__column-visibility-toggles" };
+function Qo(e, s, m, n, r, t) {
+  const l = Ee("bento-settings-icon"), E = Ee("bento-toggle-button"), _ = Ee("bento-typography"), b = Ee("bento-cross-icon"), O = Ee("bento-button"), g = Ee("bento-toggle"), D = Ee("bento-search-icon"), a = Ee("bento-search-bar"), i = Ee("bento-data-grid-config-settings-config-row"), h = Ee("bento-popover"), S = qn("bento-click-outside-directive");
+  return st((f(), R("div", Ho, [
+    A("div", Vo, [
+      A("div", xo, [
+        Y(E, {
           "aria-controls": e.isConfigSettingsPanelOpen ? e.popoverId : null,
           variant: "tertiary",
           condensed: "",
           toggled: e.isConfigSettingsPanelOpen,
-          onClick: i[0] || (i[0] = (w) => e.setConfigSettingsPanelVisibility(!e.isConfigSettingsPanelOpen))
+          onClick: s[0] || (s[0] = (y) => e.setConfigSettingsPanelVisibility(!e.isConfigSettingsPanelOpen))
         }, {
-          iconLeft: H(() => [
-            K(o, {
+          iconLeft: V(() => [
+            Y(l, {
               "svg-title": e.t("toggleConfigSettingsPanelVisibility")
             }, null, 8, ["svg-title"])
           ]),
@@ -1506,7 +1500,7 @@ function Yo(e, i, m, n, s, t) {
         }, 8, ["aria-controls", "toggled"])
       ], 512)
     ]),
-    e.configSettingsButtonRef ? (c(), B(h, {
+    e.configSettingsButtonRef ? (f(), B(h, {
       key: 0,
       id: e.popoverId,
       open: e.isConfigSettingsPanelOpen,
@@ -1515,130 +1509,130 @@ function Yo(e, i, m, n, s, t) {
       "target-element": e.configSettingsButtonRef,
       position: "bottom-end"
     }, {
-      default: H(() => [
-        A("div", Ho, [
-          K(_, {
+      default: V(() => [
+        A("div", Zo, [
+          Y(_, {
             el: "span",
             strongest: ""
           }, {
-            default: H(() => [
+            default: V(() => [
               ve(X(e.t("displayOptions")), 1)
             ]),
             _: 1
           }),
-          K(O, {
+          Y(O, {
             variant: "tertiary",
-            onClick: i[1] || (i[1] = (w) => e.setConfigSettingsPanelVisibility(!1))
+            onClick: s[1] || (s[1] = (y) => e.setConfigSettingsPanelVisibility(!1))
           }, {
-            iconLeft: H(() => [
-              K(E, {
+            iconLeft: V(() => [
+              Y(b, {
                 "svg-title": e.t("closeConfigSettingsPanel")
               }, null, 8, ["svg-title"])
             ]),
             _: 1
           })
         ]),
-        A("div", Vo, [
-          K(_, {
+        A("div", jo, [
+          Y(_, {
             class: "b-data-grid-config-settings__condensed-view-title",
             el: "span",
             stronger: ""
           }, {
-            default: H(() => [
+            default: V(() => [
               ve(X(e.t("size")), 1)
             ]),
             _: 1
           }),
-          K(f, {
+          Y(g, {
             "label-position": "after",
             "aria-label": e.t("condensedToggle"),
             value: e.condensed,
             onInput: e.emitCondensedToggle
           }, {
-            default: H(() => [
+            default: V(() => [
               ve(X(e.t("condensed")), 1)
             ]),
             _: 1
           }, 8, ["aria-label", "value", "onInput"])
         ]),
-        A("div", xo, [
-          A("div", Zo, [
-            K(_, {
+        A("div", qo, [
+          A("div", Ko, [
+            Y(_, {
               class: "b-data-grid-config-settings__column-visibility-title",
               el: "span",
               stronger: ""
             }, {
-              default: H(() => [
+              default: V(() => [
                 ve(X(e.t("columns")), 1)
               ]),
               _: 1
             }),
-            e.isColumnVisibilityFilterShown ? (c(), B(O, {
+            e.isColumnVisibilityFilterShown ? (f(), B(O, {
               key: 1,
               variant: "tertiary",
               onClick: e.toggleColumnFilter
             }, {
-              iconLeft: H(() => [
-                K(E)
+              iconLeft: V(() => [
+                Y(b)
               ]),
-              default: H(() => [
+              default: V(() => [
                 ve(" " + X(e.t("closeSearch")), 1)
               ]),
               _: 1
-            }, 8, ["onClick"])) : (c(), B(O, {
+            }, 8, ["onClick"])) : (f(), B(O, {
               key: 0,
               ref: "searchButtonRef",
               variant: "tertiary",
               onClick: e.toggleColumnFilter
             }, {
-              iconLeft: H(() => [
-                K(p)
+              iconLeft: V(() => [
+                Y(D)
               ]),
-              default: H(() => [
+              default: V(() => [
                 ve(X(e.t("search")), 1)
               ]),
               _: 1
             }, 8, ["onClick"]))
           ]),
-          e.isColumnVisibilityFilterShown ? (c(), R("div", jo, [
-            K(a, {
+          e.isColumnVisibilityFilterShown ? (f(), R("div", Yo, [
+            Y(a, {
               ref: "searchBarRef",
               value: e.searchTerm,
               "input-field-aria-label": e.t("columnVisibilitySearchFilter").toString(),
-              onInput: i[2] || (i[2] = (w) => e.searchTerm = w),
+              onInput: s[2] || (s[2] = (y) => e.searchTerm = y),
               onClear: e.clearAction,
               onEscapePressed: e.toggleColumnFilter
             }, null, 8, ["value", "input-field-aria-label", "onClear", "onEscapePressed"])
-          ])) : (c(), R("div", qo, [
-            K(f, {
+          ])) : (f(), R("div", Xo, [
+            Y(g, {
               "label-position": "after",
               value: e.allColumnsVisbilityToggleState,
               onInput: e.toggleAllColumnVisibility
             }, {
-              default: H(() => [
+              default: V(() => [
                 ve(X(e.t("showAllColumns", { numberOfColumns: e.columns.length })), 1)
               ]),
               _: 1
             }, 8, ["value", "onInput"])
           ])),
-          A("div", Ko, [
-            (c(!0), R(_e, null, Le(e.filteredColumnVisibilityColumns, (w) => (c(), R("div", {
-              key: w.field
+          A("div", Jo, [
+            (f(!0), R(_e, null, Le(e.filteredColumnVisibilityColumns, (y) => (f(), R("div", {
+              key: y.field
             }, [
-              w.field !== e.DATAGRID_ACTIONS_COLUMN_FIELD_NAME ? (c(), B(r, {
+              y.field !== e.DATAGRID_ACTIONS_COLUMN_FIELD_NAME ? (f(), B(i, {
                 key: 0,
-                column: w,
-                "is-column-visibility-toggle-disabled": e.isColumnVisibilityToggleDisabled(w),
+                column: y,
+                "is-column-visibility-toggle-disabled": e.isColumnVisibilityToggleDisabled(y),
                 onVisibleColumn: e.emitVisibleColumns,
                 onUpdatedColumn: e.emitFrozenColumns
               }, null, 8, ["column", "is-column-visibility-toggle-disabled", "onVisibleColumn", "onUpdatedColumn"])) : k("", !0)
             ]))), 128)),
-            e.filteredColumnVisibilityColumns.length === 0 ? (c(), B(_, {
+            e.filteredColumnVisibilityColumns.length === 0 ? (f(), B(_, {
               key: 0,
               el: "span",
               class: "b-data-grid-config-settings__column-visibility-empty-search-message"
             }, {
-              default: H(() => [
+              default: V(() => [
                 ve(X(e.t("noColumnsMatch")), 1)
               ]),
               _: 1
@@ -1652,7 +1646,7 @@ function Yo(e, i, m, n, s, t) {
     [S, e.onClickOutside]
   ]);
 }
-const Xo = /* @__PURE__ */ re(Po, [["render", Yo], ["__scopeId", "data-v-f5950a53"]]), je = {
+const es = /* @__PURE__ */ de(Go, [["render", Qo], ["__scopeId", "data-v-f5950a53"]]), je = {
   "en-US": {
     gettingYourData: "Getting your data",
     loading: "Loading",
@@ -1670,65 +1664,65 @@ const Xo = /* @__PURE__ */ re(Po, [["render", Yo], ["__scopeId", "data-v-f5950a5
     loading: "Carregando",
     showMore: "Mostrar mais"
   }
-}, Jo = { class: "b-data-grid-lazy-load" }, Qo = {
+}, ts = { class: "b-data-grid-lazy-load" }, ns = {
   i18n: { messages: je }
-}, es = /* @__PURE__ */ Re({
-  ...Qo,
+}, ls = /* @__PURE__ */ Oe({
+  ...ns,
   __name: "data-grid-lazy-load",
   props: {
     loading: { type: Boolean },
     isInfiniteScroll: { type: Boolean }
   },
   setup(e) {
-    const { t: i } = De({ messages: je });
-    return (m, n) => (c(), R("div", Jo, [
-      m.loading && m.isInfiniteScroll ? (c(), B(l(at), { key: 0 })) : k("", !0),
-      m.loading && !m.isInfiniteScroll ? (c(), B(l(pt), {
+    const { t: s } = $e({ messages: je });
+    return (m, n) => (f(), R("div", ts, [
+      m.loading && m.isInfiniteScroll ? (f(), B(o(at), { key: 0 })) : k("", !0),
+      m.loading && !m.isInfiniteScroll ? (f(), B(o(Rt), {
         key: 1,
         variant: "secondary",
-        state: l(Ot).LOADING
+        state: o(pt).LOADING
       }, {
-        default: H(() => [
-          ve(X(l(i)("loading")), 1)
+        default: V(() => [
+          ve(X(o(s)("loading")), 1)
         ]),
         _: 1
       }, 8, ["state"])) : k("", !0),
-      !m.loading && !m.isInfiniteScroll ? (c(), B(l(pt), {
+      !m.loading && !m.isInfiniteScroll ? (f(), B(o(Rt), {
         key: 2,
-        state: l(Ot).START,
+        state: o(pt).START,
         variant: "secondary",
-        onClick: n[0] || (n[0] = (s) => m.$emit(l(D).UPDATE_SHOW_MORE))
+        onClick: n[0] || (n[0] = (r) => m.$emit(o($).UPDATE_SHOW_MORE))
       }, {
-        default: H(() => [
-          ve(X(l(i)("showMore")), 1)
+        default: V(() => [
+          ve(X(o(s)("showMore")), 1)
         ]),
         _: 1
       }, 8, ["state"])) : k("", !0)
     ]));
   }
-}), ts = /* @__PURE__ */ re(es, [["__scopeId", "data-v-a4824c2d"]]);
-let Pt = 0;
-const ns = {
+}), os = /* @__PURE__ */ de(ls, [["__scopeId", "data-v-a4824c2d"]]);
+let Bt = 0;
+const ss = {
   beforeCreate() {
-    this.uuid = Pt.toString(), Pt += 1;
+    this.uuid = Bt.toString(), Bt += 1;
   }
-}, ls = { key: 0 };
-function os(e, i, m, n, s, t) {
-  return c(), R("svg", oe({ role: "img" }, e.$attrs, {
+}, is = { key: 0 };
+function as(e, s, m, n, r, t) {
+  return f(), R("svg", oe({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (c(), R("title", ls, X(e.$attrs["svg-title"]), 1)) : k("", !0),
-    i[0] || (i[0] = A("path", {
+    e.$attrs["svg-title"] ? (f(), R("title", is, X(e.$attrs["svg-title"]), 1)) : k("", !0),
+    s[0] || (s[0] = A("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))
   ], 16);
 }
-const ss = /* @__PURE__ */ re(ns, [["render", os]]), Jt = {
+const rs = /* @__PURE__ */ de(ss, [["render", as]]), Qt = {
   "en-US": {
     copy: "Copy",
     edit: "Edit",
@@ -1747,11 +1741,11 @@ const ss = /* @__PURE__ */ re(ns, [["render", os]]), Jt = {
     more: "Mais",
     open: "Abrir"
   }
-}, is = { class: "b-data-grid-cell-actions" }, as = {
-  i18n: { messages: Jt },
+}, ds = { class: "b-data-grid-cell-actions" }, us = {
+  i18n: { messages: Qt },
   name: "data-grid-cell-actions"
-}, rs = /* @__PURE__ */ Re({
-  ...as,
+}, cs = /* @__PURE__ */ Oe({
+  ...us,
   props: {
     /**
      * Column definitions using 'key' to relate to data object.
@@ -1791,23 +1785,23 @@ const ss = /* @__PURE__ */ re(ns, [["render", os]]), Jt = {
     }
   },
   emits: ["menu-open", "menu-close", "menu-item-click"],
-  setup(e, { emit: i }) {
-    const { t: m } = De({ messages: Jt }), n = e, s = i, t = b(() => n.columnKey === void 0), o = b(() => ({
+  setup(e, { emit: s }) {
+    const { t: m } = $e({ messages: Qt }), n = e, r = s, t = L(() => n.columnKey === void 0), l = L(() => ({
       "b-data-grid-cell-actions__background-gradient--with-row-actions-and-overflow": t.value && n.hasRightOverflow
-    })), L = b(() => ({
+    })), E = L(() => ({
       "b-data-grid-cell-actions__actions--with-row-actions": t.value
-    })), _ = b(() => !t.value || t.value && n.hasRightOverflow);
-    function E(d) {
+    })), _ = L(() => !t.value || t.value && n.hasRightOverflow);
+    function b(d) {
       return typeof d == "function";
     }
-    const O = b(() => {
-      var y;
-      const d = E(n.cellActions) ? (y = n.cellActions) == null ? void 0 : y.call(n, n.rowDataItem, n.columnKey) : n.cellActions;
-      return (d == null ? void 0 : d.length) > 2 && xt(
+    const O = L(() => {
+      var w;
+      const d = b(n.cellActions) ? (w = n.cellActions) == null ? void 0 : w.call(n, n.rowDataItem, n.columnKey) : n.cellActions;
+      return (d == null ? void 0 : d.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."
       ), d == null ? void 0 : d.slice(0, 2);
-    }), f = b(() => (d, y) => {
-      if (!(!y && d.isShort || y && !d.isShort))
+    }), g = L(() => (d, w) => {
+      if (!(!w && d.isShort || w && !d.isShort))
         switch (d.variant) {
           case "copy":
             return m("copy");
@@ -1820,107 +1814,109 @@ const ss = /* @__PURE__ */ re(ns, [["render", os]]), Jt = {
           default:
             return d.title;
         }
-    }), p = (d) => (d == null ? void 0 : d.event) !== void 0 ? {
-      click: () => d.event(n.rowDataItem, n.columnKey)
+    }), D = (d) => (d == null ? void 0 : d.event) !== void 0 ? {
+      click: (w) => {
+        w.stopPropagation(), d.event(n.rowDataItem, n.columnKey);
+      }
     } : {}, a = (d) => ({
       ...d,
       handler: () => {
         d != null && d.handler && typeof d.handler == "function" && (d == null || d.handler()), d != null && d.event && typeof d.event == "function" && (d == null || d.event(n.rowDataItem, n.columnKey));
       }
-    }), r = (d) => d.map((y) => {
-      const v = y;
-      return v != null && v.items && (v.items = r(v.items)), { ...a(v) };
+    }), i = (d) => d.map((w) => {
+      const v = w;
+      return v != null && v.items && (v.items = i(v.items)), { ...a(v) };
     }), h = (d) => {
-      var y, v;
-      return (d == null ? void 0 : d.getCopyData) !== void 0 ? d.getCopyData(n.rowDataItem, n.columnKey) : n.columnKey ? (v = (y = n.rowDataItem) == null ? void 0 : y[n.columnKey]) == null ? void 0 : v.toString() : "";
-    }, S = (d) => d.iconRight || ((d == null ? void 0 : d.variant) === "more" || (d == null ? void 0 : d.variant) === "open") && !d.isShort, w = (d) => d.iconLeft || (d == null ? void 0 : d.variant) === "more";
-    return (d, y) => (c(), B(Gt, {
+      var w, v;
+      return (d == null ? void 0 : d.getCopyData) !== void 0 ? d.getCopyData(n.rowDataItem, n.columnKey) : n.columnKey ? (v = (w = n.rowDataItem) == null ? void 0 : w[n.columnKey]) == null ? void 0 : v.toString() : "";
+    }, S = (d) => d.iconRight || ((d == null ? void 0 : d.variant) === "more" || (d == null ? void 0 : d.variant) === "open") && !d.isShort, y = (d) => d.iconLeft || (d == null ? void 0 : d.variant) === "more";
+    return (d, w) => (f(), B(Ht, {
       name: "b-data-grid-cell-actions__animation",
       appear: ""
     }, {
-      default: H(() => [
-        A("div", is, [
-          _.value ? (c(), R("div", {
+      default: V(() => [
+        A("div", ds, [
+          _.value ? (f(), R("div", {
             key: 0,
-            class: ue(["b-data-grid-cell-actions__background-gradient", o.value])
+            class: ce(["b-data-grid-cell-actions__background-gradient", l.value])
           }, null, 2)) : k("", !0),
           A("div", {
-            class: ue(["b-data-grid-cell-actions__actions", L.value]),
+            class: ce(["b-data-grid-cell-actions__actions", E.value]),
             role: "group"
           }, [
-            (c(!0), R(_e, null, Le(O.value, (v, q) => (c(), R("div", {
+            (f(!0), R(_e, null, Le(O.value, (v, q) => (f(), R("div", {
               key: q,
               class: "b-data-grid-cell-actions__action"
             }, [
-              v.menuData ? (c(), B(l(et), {
+              v.menuData ? (f(), B(o(et), {
                 key: 0,
-                data: r(v.menuData),
+                data: i(v.menuData),
                 button: {
                   condensed: !0,
                   variant: "secondary",
                   disabled: v.disabled
                 },
                 teleport: e.teleportMenu,
-                onOpen: y[0] || (y[0] = (W) => s("menu-open")),
-                onClose: y[1] || (y[1] = (W) => s("menu-close")),
-                onMenuItemClick: y[2] || (y[2] = (W) => s("menu-item-click"))
-              }, Fe({ _: 2 }, [
-                w(v) ? {
+                onOpen: w[0] || (w[0] = (G) => r("menu-open")),
+                onClose: w[1] || (w[1] = (G) => r("menu-close")),
+                onMenuItemClick: w[2] || (w[2] = (G) => r("menu-item-click"))
+              }, ze({ _: 2 }, [
+                y(v) ? {
                   name: "iconLeft",
-                  fn: H(() => [
-                    (v == null ? void 0 : v.variant) === "more" ? (c(), B(l(cl), {
+                  fn: V(() => [
+                    (v == null ? void 0 : v.variant) === "more" ? (f(), B(o(vl), {
                       key: 0,
-                      "svg-title": f.value(v, !0)
-                    }, null, 8, ["svg-title"])) : (c(), B(Pe(v.iconLeft), {
+                      "svg-title": g.value(v, !0)
+                    }, null, 8, ["svg-title"])) : (f(), B(Be(v.iconLeft), {
                       key: 1,
-                      "svg-title": f.value(v, !0)
+                      "svg-title": g.value(v, !0)
                     }, null, 8, ["svg-title"]))
                   ]),
                   key: "0"
                 } : void 0,
                 v != null && v.isShort ? void 0 : {
                   name: "default",
-                  fn: H(() => [
-                    ve(X(f.value(v)), 1)
+                  fn: V(() => [
+                    ve(X(g.value(v)), 1)
                   ]),
                   key: "1"
                 },
                 S(v) ? {
                   name: "iconRight",
-                  fn: H(() => [
-                    (v == null ? void 0 : v.variant) === "open" ? (c(), B(l(bt), {
+                  fn: V(() => [
+                    (v == null ? void 0 : v.variant) === "open" ? (f(), B(o(bt), {
                       key: 0,
-                      "svg-title": f.value(v, !0)
-                    }, null, 8, ["svg-title"])) : (c(), B(Pe(v.iconRight), {
+                      "svg-title": g.value(v, !0)
+                    }, null, 8, ["svg-title"])) : (f(), B(Be(v.iconRight), {
                       key: 1,
                       "svg-title": v.title
                     }, null, 8, ["svg-title"]))
                   ]),
                   key: "2"
                 } : void 0
-              ]), 1032, ["data", "button", "teleport"])) : v.variant === "copy" ? (c(), B(l(Cl), {
+              ]), 1032, ["data", "button", "teleport"])) : v.variant === "copy" ? (f(), B(o(yl), {
                 key: 1,
                 text: h(v),
-                "button-text": f.value(v),
+                "button-text": g.value(v),
                 button: {
                   condensed: !0,
                   variant: "secondary"
                 }
-              }, null, 8, ["text", "button-text"])) : (c(), B(l(Zt), oe({
+              }, null, 8, ["text", "button-text"])) : (f(), B(o(jt), oe({
                 key: 2,
                 condensed: "",
                 variant: "secondary",
                 critical: v.critical,
                 disabled: v.disabled,
                 link: v.link
-              }, xe(p(v))), Fe({ _: 2 }, [
+              }, xe(D(v))), ze({ _: 2 }, [
                 v.iconLeft || v.variant === "edit" ? {
                   name: "iconLeft",
-                  fn: H(() => [
-                    (v == null ? void 0 : v.variant) === "edit" ? (c(), B(l(ss), {
+                  fn: V(() => [
+                    (v == null ? void 0 : v.variant) === "edit" ? (f(), B(o(rs), {
                       key: 0,
-                      "svg-title": f.value(v, !0)
-                    }, null, 8, ["svg-title"])) : (c(), B(Pe(v.iconLeft), {
+                      "svg-title": g.value(v, !0)
+                    }, null, 8, ["svg-title"])) : (f(), B(Be(v.iconLeft), {
                       key: 1,
                       "svg-title": v.title
                     }, null, 8, ["svg-title"]))
@@ -1929,18 +1925,18 @@ const ss = /* @__PURE__ */ re(ns, [["render", os]]), Jt = {
                 } : void 0,
                 v != null && v.isShort ? void 0 : {
                   name: "default",
-                  fn: H(() => [
-                    ve(X(f.value(v)), 1)
+                  fn: V(() => [
+                    ve(X(g.value(v)), 1)
                   ]),
                   key: "1"
                 },
                 v.iconRight || v.variant === "open" ? {
                   name: "iconRight",
-                  fn: H(() => [
-                    (v == null ? void 0 : v.variant) === "open" ? (c(), B(l(bt), {
+                  fn: V(() => [
+                    (v == null ? void 0 : v.variant) === "open" ? (f(), B(o(bt), {
                       key: 0,
-                      "svg-title": f.value(v, !0)
-                    }, null, 8, ["svg-title"])) : (c(), B(Pe(v.iconRight), {
+                      "svg-title": g.value(v, !0)
+                    }, null, 8, ["svg-title"])) : (f(), B(Be(v.iconRight), {
                       key: 1,
                       "svg-title": v.title
                     }, null, 8, ["svg-title"]))
@@ -1955,22 +1951,22 @@ const ss = /* @__PURE__ */ re(ns, [["render", os]]), Jt = {
       _: 1
     }));
   }
-}), Qt = /* @__PURE__ */ re(rs, [["__scopeId", "data-v-74e8a5fd"]]), en = Symbol("data-grid slashed zero key");
-var ae = /* @__PURE__ */ ((e) => (e.ACTION_COL_NESTED_CONTENT_AND_SELECTION_ENABLED = "action-col-nested-content-and-selection-enabled", e.ACTION_COL_NESTED_CONTENT_ENABLED = "action-col-nested-content-enabled", e.ACTION_COL_SELECTION_ENABLED = "action-col-selection-enabled", e.COLUMN_HOVERED = "column-hovered", e.COLUMN_HOVERED_NO_BORDER_LEFT = "column-hovered-no-border-left", e.COLUMN_HOVERED_NO_BORDER_RIGHT = "column-hovered-no-border-right", e.CONDENSED = "condensed", e.FROZEN = "frozen", e.IS_COLUMN_REORDERING = "is-column-re-ordering", e.IS_COLUMN_REORDERING_TARGET_LEFT = "is-column-re-order-target-left", e.IS_COLUMN_REORDERING_TARGET_RIGHT = "is-column-re-order-target-right", e.LAST_FROZEN_COLUMN_CELL = "last-frozen-column-cell", e.NESTED_CONTENT_ENABLED = "nested-content-toggle-enabled", e.NUMERIC = "numeric", e.OVERFLOW_ELLIPSIS = "overflow-ellipsis", e.PADDING_LEFT_UNSET = "padding-left-unset", e.PADDING_RIGHT_UNSET = "padding-right-unset", e.SLASHED_ZERO = "slashed-zero", e))(ae || {});
-const tn = {
+}), en = /* @__PURE__ */ de(cs, [["__scopeId", "data-v-8787887f"]]), tn = Symbol("data-grid slashed zero key");
+var re = /* @__PURE__ */ ((e) => (e.ACTION_COL_NESTED_CONTENT_AND_SELECTION_ENABLED = "action-col-nested-content-and-selection-enabled", e.ACTION_COL_NESTED_CONTENT_ENABLED = "action-col-nested-content-enabled", e.ACTION_COL_SELECTION_ENABLED = "action-col-selection-enabled", e.COLUMN_HOVERED = "column-hovered", e.COLUMN_HOVERED_NO_BORDER_LEFT = "column-hovered-no-border-left", e.COLUMN_HOVERED_NO_BORDER_RIGHT = "column-hovered-no-border-right", e.CONDENSED = "condensed", e.FROZEN = "frozen", e.IS_COLUMN_REORDERING = "is-column-re-ordering", e.IS_COLUMN_REORDERING_TARGET_LEFT = "is-column-re-order-target-left", e.IS_COLUMN_REORDERING_TARGET_RIGHT = "is-column-re-order-target-right", e.LAST_FROZEN_COLUMN_CELL = "last-frozen-column-cell", e.NESTED_CONTENT_ENABLED = "nested-content-toggle-enabled", e.NUMERIC = "numeric", e.OVERFLOW_ELLIPSIS = "overflow-ellipsis", e.PADDING_LEFT_UNSET = "padding-left-unset", e.PADDING_RIGHT_UNSET = "padding-right-unset", e.SLASHED_ZERO = "slashed-zero", e))(re || {});
+const nn = {
   "en-US": {
     collapseNestedContent: "Collapse nested content",
     expandNestedContent: "Expand nested content",
     selectRow: "Select row"
   }
-}, ds = ["aria-hidden", "data-testid", "data-cellindex", "tabindex", "aria-colindex"], us = ["title"], cs = {
+}, fs = ["aria-hidden", "data-testid", "data-cellindex", "tabindex", "aria-colindex"], gs = ["title"], vs = {
   key: 0,
   class: "b-data-grid-cell__cell-actions"
-}, fs = {
-  i18n: { messages: tn },
+}, ms = {
+  i18n: { messages: nn },
   name: "data-grid-cell"
-}, gs = /* @__PURE__ */ Re({
-  ...fs,
+}, hs = /* @__PURE__ */ Oe({
+  ...ms,
   props: {
     draggingEventsForRowCell: {
       type: Function,
@@ -2091,106 +2087,106 @@ const tn = {
     }
   },
   emits: ["on-frozen-columns-key-press", "select-row", "register-row-cell-element", "cell-hovered", "nested-content-toggled"],
-  setup(e, { expose: i, emit: m }) {
-    const n = it(), s = rt(n), { t } = De({ messages: tn }), o = e, L = m, _ = T(null), E = T(null), O = T(!1), f = T([]), p = b(() => {
+  setup(e, { expose: s, emit: m }) {
+    const n = it(), r = rt(n), { t } = $e({ messages: nn }), l = e, E = m, _ = p(null), b = p(null), O = p(!1), g = p([]), D = L(() => {
       var C;
-      return !!((C = o.rowData) != null && C[o.column.field]);
-    }), a = b(
+      return !!((C = l.rowData) != null && C[l.column.field]);
+    }), a = L(
       () => {
         var C;
-        return o.column.field === he && ((C = o.nestedRowsElementIds) == null ? void 0 : C.length) > 0 ? o.nestedRowsElementIds.join(" ") : void 0;
+        return l.column.field === he && ((C = l.nestedRowsElementIds) == null ? void 0 : C.length) > 0 ? l.nestedRowsElementIds.join(" ") : void 0;
       }
-    ), r = b(
-      () => o.column.field === he && !o.selectable && !o.nestedContent
-    ), h = (C, V) => (C == null ? void 0 : C.overflow) === tt.ELLIPSIS ? `${V}` : void 0, S = (C) => C ?? "-", w = (C) => o.columnSets.slice(0, C).reduce((V, { columnSet: z }) => V + z.length, 0), d = (C, V) => C + w(V), y = (C, V, z) => w() * C + d(V, z), v = (C) => {
-      var V;
-      (C === null || !_.value.contains(C) && !((V = f.value) != null && V.map((z) => z.value).some((z) => z === C || (z == null ? void 0 : z.contains(C))))) && (O.value = !1);
+    ), i = L(
+      () => l.column.field === he && !l.selectable && !l.nestedContent
+    ), h = (C, x) => (C == null ? void 0 : C.overflow) === tt.ELLIPSIS ? `${x}` : void 0, S = (C) => C ?? "-", y = (C) => l.columnSets.slice(0, C).reduce((x, { columnSet: F }) => x + F.length, 0), d = (C, x) => C + y(x), w = (C, x, F) => y() * C + d(x, F), v = (C) => {
+      var x;
+      (C === null || !_.value.contains(C) && !((x = g.value) != null && x.map((F) => F.value).some((F) => F === C || (F == null ? void 0 : F.contains(C))))) && (O.value = !1);
     }, q = () => {
       O.value = !1;
-    }, W = (C) => {
-      const z = { ...{
-        ...o.draggingEventsForRowCell(C)
+    }, G = (C) => {
+      const F = { ...{
+        ...l.draggingEventsForRowCell(C)
       } };
-      return C.frozen && (z.keyup = (P) => L("on-frozen-columns-key-press", P), z.keydown = (P) => L("on-frozen-columns-key-press", P)), C.cellActions && (z.mouseenter = () => {
+      return C.frozen && (F.keyup = (P) => E("on-frozen-columns-key-press", P), F.keydown = (P) => E("on-frozen-columns-key-press", P)), C.cellActions && (F.mouseenter = () => {
         O.value = !0;
-      }, z.mouseleave = (P) => {
+      }, F.mouseleave = (P) => {
         O.value = !1, v(P == null ? void 0 : P.relatedTarget);
-      }, z.mouseleave = (P) => {
+      }, F.mouseleave = (P) => {
         v(P == null ? void 0 : P.relatedTarget);
-      }, z.focus = (P) => {
+      }, F.focus = (P) => {
         O.value = !0;
-      }, z.focusout = (P) => {
+      }, F.focusout = (P) => {
         v(P == null ? void 0 : P.relatedTarget);
-      }), z;
+      }), F;
     }, M = () => {
-      L("nested-content-toggled");
+      E("nested-content-toggled");
     };
     we(
       () => O.value,
       () => {
-        O.value === !0 ? L("cell-hovered", o.rowIndex) : L("cell-hovered", -1);
+        O.value === !0 ? E("cell-hovered", l.rowIndex) : E("cell-hovered", -1);
       }
-    ), Ht(fl, {
+    ), Vt(ml, {
       registerMenuContainerElement: (C) => {
-        f.value.push(C);
+        g.value.push(C);
       },
       menuMouseLeave: (C) => {
         _.value.contains(C == null ? void 0 : C.relatedTarget) || (O.value = !1);
       }
     });
-    const Q = Je(en, T(!1)), te = (C) => {
-      var V, z, P, ne, de, J, x;
+    const ee = Je(tn, p(!1)), te = (C) => {
+      var x, F, P, ue, ne, J, Z;
       return {
-        [`b-data-grid-cell--${ae.COLUMN_HOVERED}`]: (C == null ? void 0 : C.field) === o.hoveredOverColumnState.hoveredOverColumnField,
-        [`b-data-grid-cell--${ae.COLUMN_HOVERED_NO_BORDER_LEFT}`]: (C == null ? void 0 : C.field) === o.hoveredOverColumnState.hoveredOverColumnField && o.hoveredOverColumnState.noBorderLeft,
-        [`b-data-grid-cell--${ae.COLUMN_HOVERED_NO_BORDER_RIGHT}`]: (C == null ? void 0 : C.field) === o.hoveredOverColumnState.hoveredOverColumnField && o.hoveredOverColumnState.noBorderRight,
-        [`b-data-grid-cell--${ae.PADDING_LEFT_UNSET}`]: ((V = C == null ? void 0 : C.padding) == null ? void 0 : V.left) === !1,
-        [`b-data-grid-cell--${ae.PADDING_RIGHT_UNSET}`]: ((z = C == null ? void 0 : C.padding) == null ? void 0 : z.right) === !1,
-        [`b-data-grid-cell--${ae.NUMERIC}`]: C == null ? void 0 : C.numeric,
-        [`b-data-grid-cell--${ae.CONDENSED}`]: o.condensed,
-        [`b-data-grid-cell--${ae.OVERFLOW_ELLIPSIS}`]: (C == null ? void 0 : C.overflow) === tt.ELLIPSIS,
-        [`b-data-grid-cell--${ae.IS_COLUMN_REORDERING}`]: ((P = o.draggingColumns.dragging) == null ? void 0 : P.field) === C.field,
-        [`b-data-grid-cell--${ae.IS_COLUMN_REORDERING_TARGET_LEFT}`]: ((ne = o.draggingColumns.target) == null ? void 0 : ne.field) === C.field && ((de = o.draggingColumns) == null ? void 0 : de.dragToLeft),
-        [`b-data-grid-cell--${ae.IS_COLUMN_REORDERING_TARGET_RIGHT}`]: ((J = o.draggingColumns.target) == null ? void 0 : J.field) === C.field && !((x = o.draggingColumns) != null && x.dragToLeft),
-        [`b-data-grid-cell--${ae.FROZEN}`]: C == null ? void 0 : C.frozen,
-        [`b-data-grid-cell--${ae.NESTED_CONTENT_ENABLED}`]: o.nestedContent,
-        [`b-data-grid-cell--${ae.ACTION_COL_NESTED_CONTENT_ENABLED}`]: o.nestedContent && !o.selectable && C.field === he,
-        [`b-data-grid-cell--${ae.ACTION_COL_NESTED_CONTENT_AND_SELECTION_ENABLED}`]: o.nestedContent && o.selectable && C.field === he,
-        [`b-data-grid-cell--${ae.ACTION_COL_SELECTION_ENABLED}`]: C.field === he && o.selectable,
-        [`b-data-grid-cell--${ae.SLASHED_ZERO}`]: Q.value
+        [`b-data-grid-cell--${re.COLUMN_HOVERED}`]: (C == null ? void 0 : C.field) === l.hoveredOverColumnState.hoveredOverColumnField,
+        [`b-data-grid-cell--${re.COLUMN_HOVERED_NO_BORDER_LEFT}`]: (C == null ? void 0 : C.field) === l.hoveredOverColumnState.hoveredOverColumnField && l.hoveredOverColumnState.noBorderLeft,
+        [`b-data-grid-cell--${re.COLUMN_HOVERED_NO_BORDER_RIGHT}`]: (C == null ? void 0 : C.field) === l.hoveredOverColumnState.hoveredOverColumnField && l.hoveredOverColumnState.noBorderRight,
+        [`b-data-grid-cell--${re.PADDING_LEFT_UNSET}`]: ((x = C == null ? void 0 : C.padding) == null ? void 0 : x.left) === !1,
+        [`b-data-grid-cell--${re.PADDING_RIGHT_UNSET}`]: ((F = C == null ? void 0 : C.padding) == null ? void 0 : F.right) === !1,
+        [`b-data-grid-cell--${re.NUMERIC}`]: C == null ? void 0 : C.numeric,
+        [`b-data-grid-cell--${re.CONDENSED}`]: l.condensed,
+        [`b-data-grid-cell--${re.OVERFLOW_ELLIPSIS}`]: (C == null ? void 0 : C.overflow) === tt.ELLIPSIS,
+        [`b-data-grid-cell--${re.IS_COLUMN_REORDERING}`]: ((P = l.draggingColumns.dragging) == null ? void 0 : P.field) === C.field,
+        [`b-data-grid-cell--${re.IS_COLUMN_REORDERING_TARGET_LEFT}`]: ((ue = l.draggingColumns.target) == null ? void 0 : ue.field) === C.field && ((ne = l.draggingColumns) == null ? void 0 : ne.dragToLeft),
+        [`b-data-grid-cell--${re.IS_COLUMN_REORDERING_TARGET_RIGHT}`]: ((J = l.draggingColumns.target) == null ? void 0 : J.field) === C.field && !((Z = l.draggingColumns) != null && Z.dragToLeft),
+        [`b-data-grid-cell--${re.FROZEN}`]: C == null ? void 0 : C.frozen,
+        [`b-data-grid-cell--${re.NESTED_CONTENT_ENABLED}`]: l.nestedContent,
+        [`b-data-grid-cell--${re.ACTION_COL_NESTED_CONTENT_ENABLED}`]: l.nestedContent && !l.selectable && C.field === he,
+        [`b-data-grid-cell--${re.ACTION_COL_NESTED_CONTENT_AND_SELECTION_ENABLED}`]: l.nestedContent && l.selectable && C.field === he,
+        [`b-data-grid-cell--${re.ACTION_COL_SELECTION_ENABLED}`]: C.field === he && l.selectable,
+        [`b-data-grid-cell--${re.SLASHED_ZERO}`]: ee.value
       };
     };
-    return i({
+    return s({
       gridcellRef: _
-    }), (C, V) => {
-      var z;
-      return c(), R("div", oe({
+    }), (C, x) => {
+      var F;
+      return f(), R("div", oe({
         key: `cell-${e.column.field}`,
         ref_key: "gridcellRef",
         ref: _,
-        "aria-hidden": r.value,
+        "aria-hidden": i.value,
         "data-testid": `cell-${e.column.field}`,
-        "data-cellindex": y(e.rowIndex, e.colIndex, e.columnSetIndex),
+        "data-cellindex": w(e.rowIndex, e.colIndex, e.columnSetIndex),
         class: ["b-data-grid-cell", te(e.column)],
         role: "gridcell",
-        tabindex: y(e.rowIndex, e.colIndex, e.columnSetIndex) === 0 ? "0" : "-1",
+        tabindex: w(e.rowIndex, e.colIndex, e.columnSetIndex) === 0 ? "0" : "-1",
         "aria-colindex": d(e.colIndex, e.columnSetIndex) + 1,
         style: {
           width: e.column.autoWidth && e.isMeasuringColumnWidths ? "auto" : `${e.column.width}px`
         }
-      }, xe(W(e.column), !0)), [
-        e.column.field === l(he) ? (c(), R(_e, { key: 0 }, [
-          e.selectable ? (c(), B(l(qt), {
+      }, xe(G(e.column), !0)), [
+        e.column.field === o(he) ? (f(), R(_e, { key: 0 }, [
+          e.selectable ? (f(), B(o(Kt), {
             key: 0,
             class: "b-data-grid-cell__select-cell",
-            "aria-label": l(t)("selectRow"),
+            "aria-label": o(t)("selectRow"),
             disabled: e.isDataItemDisabled(e.rowData),
             indeterminate: e.selectionIsIndeterminate,
             "model-value": e.selectedItems,
             value: e.getDataItemId(e.rowData),
-            "onUpdate:modelValue": V[0] || (V[0] = (P) => C.$emit("select-row", P))
+            "onUpdate:modelValue": x[0] || (x[0] = (P) => C.$emit("select-row", P))
           }, null, 8, ["aria-label", "disabled", "indeterminate", "model-value", "value"])) : k("", !0),
-          e.nestedContent ? (c(), B(l(ut), {
+          e.nestedContent ? (f(), B(o(ut), {
             key: 1,
             ref: "menuButtonRef",
             "aria-haspopup": "true",
@@ -2200,38 +2196,38 @@ const tn = {
             toggled: e.isNestedContentExpanded,
             onClick: M
           }, {
-            iconLeft: H(() => [
-              e.isNestedContentExpanded ? (c(), B(l(_l), {
+            iconLeft: V(() => [
+              e.isNestedContentExpanded ? (f(), B(o(Sl), {
                 key: 0,
                 class: "b-accordion-item__icon",
-                "svg-title": l(t)("collapseNestedContent")
-              }, null, 8, ["svg-title"])) : (c(), B(l(wl), {
+                "svg-title": o(t)("collapseNestedContent")
+              }, null, 8, ["svg-title"])) : (f(), B(o(El), {
                 key: 1,
                 class: "b-accordion-item__icon",
-                "svg-title": l(t)("expandNestedContent")
+                "svg-title": o(t)("expandNestedContent")
               }, null, 8, ["svg-title"]))
             ]),
             _: 1
           }, 8, ["aria-controls", "toggled"])) : k("", !0)
-        ], 64)) : (c(), R(_e, { key: 1 }, [
-          K(l(Ze), { el: "div" }, {
-            default: H(() => [
-              Oe(C.$slots, `item-${e.column.field}`, {
+        ], 64)) : (f(), R(_e, { key: 1 }, [
+          Y(o(Ze), { el: "div" }, {
+            default: V(() => [
+              pe(C.$slots, `item-${e.column.field}`, {
                 item: e.rowData,
                 rowIndex: e.rowIndex
               }, () => [
                 A("span", {
                   title: h(e.column, e.rowData[e.column.field])
-                }, X(S(e.rowData[e.column.field])), 9, us)
+                }, X(S(e.rowData[e.column.field])), 9, gs)
               ], !0)
             ]),
             _: 3
           }),
-          ((z = e.column.cellActions) == null ? void 0 : z.length) > 0 ? (c(), R("div", cs, [
-            O.value && (p.value || l(s)(`item-${e.column.field}`)) ? (c(), B(Qt, {
+          ((F = e.column.cellActions) == null ? void 0 : F.length) > 0 ? (f(), R("div", vs, [
+            O.value && (D.value || o(r)(`item-${e.column.field}`)) ? (f(), B(en, {
               key: 0,
               ref_key: "cellActionsRef",
-              ref: E,
+              ref: b,
               "cell-actions": e.column.cellActions,
               "column-key": e.column.field,
               "row-data-item": e.rowData,
@@ -2240,16 +2236,16 @@ const tn = {
             }, null, 8, ["cell-actions", "column-key", "row-data-item"])) : k("", !0)
           ])) : k("", !0)
         ], 64))
-      ], 16, ds);
+      ], 16, fs);
     };
   }
-}), vs = /* @__PURE__ */ re(gs, [["__scopeId", "data-v-bf03f2af"]]), ms = { class: "b-data-grid-row-container" }, hs = ["id", "aria-selected"], Cs = ["data-testid"], _s = {
+}), Cs = /* @__PURE__ */ de(hs, [["__scopeId", "data-v-bf03f2af"]]), _s = { class: "b-data-grid-row-container" }, ws = ["id", "aria-selected"], ys = ["data-testid"], Ss = {
   key: 0,
   class: "b-data-grid-row-container__row-nested-rows-loading-container"
-}, ws = { key: 2 }, ys = {
+}, Es = { key: 2 }, Ls = {
   name: "data-grid-row"
-}, Ss = /* @__PURE__ */ Re({
-  ...ys,
+}, bs = /* @__PURE__ */ Oe({
+  ...Ls,
   props: {
     /**
      * Row actions property that generates which button to show in row actions area
@@ -2448,171 +2444,179 @@ const tn = {
     }
   },
   emits: ["cell-hovered", "on-frozen-columns-key-press", "select-row", "select-nested-row", "row-click", "nested-content-toggled"],
-  setup(e, { expose: i, emit: m }) {
-    const n = it(), s = rt(n), t = e, o = m, L = T({}), _ = T(!1), E = T(), O = T(), f = Qe("nested-content-slot"), p = T(!1), a = b(() => t.shouldShowNestedRows(t.rowData)), r = b(
+  setup(e, { expose: s, emit: m }) {
+    const n = it(), r = rt(n), t = e, l = m, E = p({}), _ = p(!1), b = p(), O = p(), g = Qe("nested-content-slot"), D = p(!1), a = L(() => t.shouldShowNestedRows(t.rowData)), i = L(
       () => {
-        var g, I;
-        return !t.isNestedRow && t.hasNestedRows && a.value && ((I = (g = t.rowData) == null ? void 0 : g.children) == null ? void 0 : I.length) > 0;
+        var c, T;
+        return !t.isNestedRow && t.hasNestedRows && a.value && ((T = (c = t.rowData) == null ? void 0 : c.children) == null ? void 0 : T.length) > 0;
       }
-    ), h = b(
+    ), h = L(
       () => {
-        var g, I;
-        return !t.isNestedRow && t.hasNestedRows && a.value && (((g = t.rowData) == null ? void 0 : g.children) === void 0 || ((I = t == null ? void 0 : t.rowData) == null ? void 0 : I.children.length) === 0);
+        var c, T;
+        return !t.isNestedRow && t.hasNestedRows && a.value && (((c = t.rowData) == null ? void 0 : c.children) === void 0 || ((T = t == null ? void 0 : t.rowData) == null ? void 0 : T.children.length) === 0);
       }
-    ), S = b(
+    ), S = L(
       () => t.hasNestedContent && t.shouldShowNestedContent(t.rowData) || t.hasNestedRows && a.value && !t.isNestedRow
-    ), w = b(() => {
+    ), y = L(() => {
       if (t.hasNestedContent || t.hasNestedRows) {
-        const g = _.value.toString();
+        const c = _.value.toString();
         return {
-          "aria-expanded": S.value ? g : void 0,
+          "aria-expanded": S.value ? c : void 0,
           "aria-level": t.isNestedRow ? "2" : "1",
           "aria-posinset": t.rowIndex + 1,
           "aria-setsize": t.rowSetSize
         };
       }
       return { "aria-rowindex": t.rowIndex + 1 };
-    }), d = b(() => {
+    }), d = L(() => {
       if (h.value)
         return {
           "aria-busy": "true",
           "aria-live": "polite"
         };
-      if (!(r.value || !t.hasNestedContent || !t.shouldShowNestedContent(t.rowData)))
+      if (!(i.value || !t.hasNestedContent || !t.shouldShowNestedContent(t.rowData)))
         return {
           "aria-level": t.isNestedRow ? "3" : "2",
           "aria-posinset": "1",
           "aria-setsize": "1",
-          id: f,
+          id: g,
           role: "row",
           tabindex: "-1"
         };
-    }), y = b(() => {
-      var g, I;
-      return r.value ? (I = (g = t.rowData) == null ? void 0 : g.children) == null ? void 0 : I.reduce((Z, le, ce) => (Z[ce] = Qe("nested-row"), Z), {}) : [];
-    }), v = b(() => {
-      var g;
+    }), w = L(() => {
+      var c, T;
+      return i.value ? (T = (c = t.rowData) == null ? void 0 : c.children) == null ? void 0 : T.reduce((H, Q, se) => (H[se] = Qe("nested-row"), H), {}) : [];
+    }), v = L(() => {
+      var c;
       if (_.value) {
         if (t.hasNestedContent && t.shouldShowNestedContent(t.rowData))
-          return [f];
-        if (r.value && ((g = Object.keys(y.value)) == null ? void 0 : g.length) > 0) {
-          const I = Object.values(y.value);
-          if ((I == null ? void 0 : I.length) > 0)
-            return I;
+          return [g];
+        if (i.value && ((c = Object.keys(w.value)) == null ? void 0 : c.length) > 0) {
+          const T = Object.values(w.value);
+          if ((T == null ? void 0 : T.length) > 0)
+            return T;
         }
         return [];
       }
-    }), q = b(() => {
-      var I, Z;
-      const g = (Z = (I = t.rowData) == null ? void 0 : I.children) == null ? void 0 : Z.map((le) => t.getDataItemId(le));
-      if ((g == null ? void 0 : g.length) > 0) {
-        const le = g.every((ee) => {
+    }), q = L(() => {
+      var T, H;
+      const c = (H = (T = t.rowData) == null ? void 0 : T.children) == null ? void 0 : H.map((Q) => t.getDataItemId(Q));
+      if ((c == null ? void 0 : c.length) > 0) {
+        const Q = c.every((le) => {
           var fe;
-          return (fe = t == null ? void 0 : t.selectedItems) == null ? void 0 : fe.includes(ee);
-        }), ce = g.some((ee) => {
+          return (fe = t == null ? void 0 : t.selectedItems) == null ? void 0 : fe.includes(le);
+        }), se = c.some((le) => {
           var fe;
-          return (fe = t == null ? void 0 : t.selectedItems) == null ? void 0 : fe.includes(ee);
+          return (fe = t == null ? void 0 : t.selectedItems) == null ? void 0 : fe.includes(le);
         });
-        return !le && ce;
+        return !Q && se;
       }
       return !1;
-    }), W = (g, I) => {
-      const Z = g;
-      g !== null && (Z != null && Z.gridcellRef) && (L.value[I] = Z.gridcellRef);
-    }, M = (g) => y.value[g], N = (g) => {
+    }), G = (c, T) => {
+      const H = c;
+      c !== null && (H != null && H.gridcellRef) && (E.value[T] = H.gridcellRef);
+    }, M = (c) => w.value[c], N = (c) => {
       if (!t.selectable)
         return null;
-      const I = t.getDataItemId(g);
-      return t.selectedItems.includes(I).toString();
-    }, U = (g) => {
-      !(g.target.type === "checkbox") && t.allowRowClicks && o("row-click", t.rowData, g);
-    }, Q = (g) => {
-      o("select-row", g, t.rowData);
-    }, te = (g, I) => {
-      o("select-nested-row", I, t.rowData, g);
+      const T = t.getDataItemId(c);
+      return t.selectedItems.includes(T).toString();
+    }, U = (c) => {
+      var Q;
+      let T = !1;
+      const H = ["button", "input", "a"];
+      for (let se = 0; se < H.length; se++)
+        if ((Q = c == null ? void 0 : c.target) != null && Q.closest(H[se])) {
+          T = !0;
+          break;
+        }
+      !T && t.allowRowClicks && l("row-click", t.rowData, c);
+    }, ee = (c) => {
+      l("select-row", c, t.rowData);
+    }, te = (c, T) => {
+      l("select-nested-row", T, t.rowData, c);
     }, C = () => {
-      p.value = !0;
-    }, V = () => {
-      p.value = !1;
-    }, { updateContentHeight: z, contentHeight: P } = hl(E, _), ne = b(() => {
-      var g;
+      D.value = !0;
+    }, x = () => {
+      D.value = !1;
+    }, { updateContentHeight: F, contentHeight: P } = wl(b, _), ue = L(() => {
+      var c;
       if (t.hasNestedContent || t.hasNestedRows)
         return {
-          paddingLeft: `${r.value || h.value ? 0 : L.value[he].clientWidth + Kt}px`,
-          "max-height": (t.hasNestedContent || t.hasNestedRows) && P.value && !((g = P == null ? void 0 : P.value) != null && g.includes("null")) ? P.value : 0
+          paddingLeft: `${i.value || h.value ? 0 : E.value[he].clientWidth + Yt}px`,
+          "max-height": (t.hasNestedContent || t.hasNestedRows) && P.value && !((c = P == null ? void 0 : P.value) != null && c.includes("null")) ? P.value : 0
         };
     });
     we(
-      () => E.value,
+      () => b.value,
       () => {
-        let g = null;
-        !g && E.value && (g = dt(E.value, () => {
-          E.value && z();
+        let c = null;
+        !c && b.value && (c = dt(b.value, () => {
+          b.value && F();
         }));
       }
     );
-    const de = () => {
-      _.value = !_.value, z(), o("nested-content-toggled", t.rowData);
+    const ne = () => {
+      _.value = !_.value, F(), l("nested-content-toggled", t.rowData);
     };
     we(
       () => {
-        var g;
-        return (g = t.rowData) == null ? void 0 : g.children;
+        var c;
+        return (c = t.rowData) == null ? void 0 : c.children;
       },
-      (g, I) => {
-        var Z, le;
-        ((le = (Z = t == null ? void 0 : t.rowData) == null ? void 0 : Z.children) == null ? void 0 : le.length) > 0 && I === void 0 && !_.value && z();
+      (c, T) => {
+        var H, Q;
+        ((Q = (H = t == null ? void 0 : t.rowData) == null ? void 0 : H.children) == null ? void 0 : Q.length) > 0 && T === void 0 && !_.value && F();
       }
     );
-    const J = (g, I) => ({
-      "b-data-grid-row-container__row--disabled": t.isDataItemDisabled(g),
+    const J = (c, T) => ({
+      "b-data-grid-row-container__row--disabled": t.isDataItemDisabled(c),
       "b-data-grid-row-container__row--row-clicks-enabled": t.allowRowClicks,
-      "b-data-grid-row-container__row--highlighted": t.highlightedRows.includes(t.getDataItemId(g)) || t.selectedItems.includes(t.getDataItemId(g)),
-      "b-data-grid-row-container__row--hovered": t.hoveredRowIndex === I,
+      "b-data-grid-row-container__row--highlighted": t.highlightedRows.includes(t.getDataItemId(c)) || t.selectedItems.includes(t.getDataItemId(c)),
+      "b-data-grid-row-container__row--hovered": t.hoveredRowIndex === T,
       "b-data-grid-row-container__row--is-last-child": t.isRowLastChild && !_.value,
       "b-data-grid-row-container__row--nested-row": t.isNestedRow
-    }), x = (g) => ({
-      "b-data-grid-row-container__row-cell-set--frozen": g,
-      [`b-data-grid-row-container__row-cell-set--${Te.OVERFLOW_SHADOW_LEFT}`]: g && t.hasLeftOverflow,
-      "b-data-grid-row-container__row-cell-set--frozen-separator": g && t.showFrozenColumnsSeparator,
-      "b-data-grid-row-container__row-cell-set--unfrozen": !g,
+    }), Z = (c) => ({
+      "b-data-grid-row-container__row-cell-set--frozen": c,
+      [`b-data-grid-row-container__row-cell-set--${Te.OVERFLOW_SHADOW_LEFT}`]: c && t.hasLeftOverflow,
+      "b-data-grid-row-container__row-cell-set--frozen-separator": c && t.showFrozenColumnsSeparator,
+      "b-data-grid-row-container__row-cell-set--unfrozen": !c,
       "b-data-grid-row-container__row-cell-set--is-measuring": t.isMeasuringColumnWidths
-    }), Ee = b(() => ({
+    }), Re = L(() => ({
       "b-data-grid-row-container__row-nested-slot--is-last-child": t.isRowLastChild,
-      "b-data-grid-row-container__row-nested-slot": !r.value && t.shouldShowNestedContent(t.rowData)
-    })), u = b(() => ({
-      "b-data-grid-row-container__row-actions-container--row-actions-menu-open": p.value
-    })), G = b(() => ({
+      "b-data-grid-row-container__row-nested-slot": !i.value && t.shouldShowNestedContent(t.rowData)
+    })), u = L(() => ({
+      "b-data-grid-row-container__row-actions-container--row-actions-menu-open": D.value
+    })), W = L(() => ({
       minWidth: `${t.rowActionsMaximumWidth}px`
     }));
-    return i({
-      gridcellRefs: L,
+    return s({
+      gridcellRefs: E,
       rowActionsRef: O
-    }), (g, I) => {
-      var Z;
-      return c(), R("div", ms, [
-        (c(), R("div", oe(w.value, {
-          id: (Z = e.rowId) == null ? void 0 : Z.toString(),
+    }), (c, T) => {
+      var H;
+      return f(), R("div", _s, [
+        (f(), R("div", oe(y.value, {
+          id: (H = e.rowId) == null ? void 0 : H.toString(),
           key: e.rowIndex,
           class: ["b-data-grid-row-container__row", J(e.rowData, e.rowIndex)],
           role: "row",
           "aria-selected": N(e.rowData),
           onClick: U
         }), [
-          (c(!0), R(_e, null, Le(e.columnSets, ({ columnSet: le, id: ce, isFrozenColumns: ee }, fe) => (c(), R(_e, null, [
-            le != null && le.length ? (c(), R("div", {
-              key: `data-grid-rows-${ce}`,
-              class: ue(["b-data-grid-row-container__cells", x(ee)]),
-              "data-testid": `data-grid-${ce}-rows`
+          (f(!0), R(_e, null, Le(e.columnSets, ({ columnSet: Q, id: se, isFrozenColumns: le }, fe) => (f(), R(_e, null, [
+            Q != null && Q.length ? (f(), R("div", {
+              key: `data-grid-rows-${se}`,
+              class: ce(["b-data-grid-row-container__cells", Z(le)]),
+              "data-testid": `data-grid-${se}-rows`
             }, [
-              (c(!0), R(_e, null, Le(le, (Y, $e) => (c(), B(l(vs), {
-                key: `cell-${Y.field}`,
+              (f(!0), R(_e, null, Le(Q, (ye, De) => (f(), B(o(Cs), {
+                key: `cell-${ye.field}`,
                 ref_for: !0,
-                ref: (be) => W(be, Y.field),
+                ref: (K) => G(K, ye.field),
                 class: "b-data-grid-row-container__cell",
-                column: Y,
+                column: ye,
                 "column-set-index": fe,
-                "col-index": $e,
+                "col-index": De,
                 "column-sets": e.columnSets,
                 condensed: e.condensed,
                 "dragging-columns": e.draggingColumns,
@@ -2629,74 +2633,74 @@ const tn = {
                 "selection-is-indeterminate": q.value,
                 selectable: e.selectable,
                 "selected-items": e.selectedItems,
-                onCellHovered: I[0] || (I[0] = (be) => o("cell-hovered", be)),
-                onOnFrozenColumnsKeyPress: I[1] || (I[1] = (be) => o("on-frozen-columns-key-press", be)),
-                onSelectRow: Q,
-                onNestedContentToggled: de
-              }, Fe({ _: 2 }, [
-                Le(l(n), (be, Be) => ({
-                  name: Be,
-                  fn: H((qe) => [
-                    Oe(g.$slots, Be, oe({ ref_for: !0 }, qe), void 0, !0)
+                onCellHovered: T[0] || (T[0] = (K) => l("cell-hovered", K)),
+                onOnFrozenColumnsKeyPress: T[1] || (T[1] = (K) => l("on-frozen-columns-key-press", K)),
+                onSelectRow: ee,
+                onNestedContentToggled: ne
+              }, ze({ _: 2 }, [
+                Le(o(n), (K, Fe) => ({
+                  name: Fe,
+                  fn: V((qe) => [
+                    pe(c.$slots, Fe, oe({ ref_for: !0 }, qe), 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", "is-nested-content-expanded", "nested-content", "nested-rows-element-ids", "row-data", "row-index", "selection-is-indeterminate", "selectable", "selected-items"]))), 128))
-            ], 10, Cs)) : k("", !0),
-            !ee && e.rowActions ? (c(), R("div", {
-              key: `data-grid-row-actions-${ce}`,
+            ], 10, ys)) : k("", !0),
+            !le && e.rowActions ? (f(), R("div", {
+              key: `data-grid-row-actions-${se}`,
               ref_for: !0,
               ref_key: "rowActionsRef",
               ref: O,
-              class: ue(["b-data-grid-row-container__row-actions-container", u.value]),
-              style: Me(G.value)
+              class: ce(["b-data-grid-row-container__row-actions-container", u.value]),
+              style: Me(W.value)
             }, [
-              K(l(Qt), {
+              Y(o(en), {
                 class: "b-data-grid-row-container__row-actions",
                 "cell-actions": e.rowActions,
                 "has-right-overflow": e.hasRightOverflow,
                 "row-data-item": e.rowData,
                 onMenuOpen: C,
-                onMenuClose: V
+                onMenuClose: x
               }, null, 8, ["cell-actions", "has-right-overflow", "row-data-item"])
             ], 6)) : k("", !0)
           ], 64))), 256))
-        ], 16, hs)),
-        e.hasNestedContent && l(s)("nested-slot") && e.shouldShowNestedContent(e.rowData) || e.hasNestedRows && a.value ? (c(), B(Gt, {
+        ], 16, ws)),
+        e.hasNestedContent && o(r)("nested-slot") && e.shouldShowNestedContent(e.rowData) || e.hasNestedRows && a.value ? (f(), B(Ht, {
           key: `${e.rowIndex}-nest-content`,
           name: "b-data-grid-row-container__animation--nested-content"
         }, {
-          default: H(() => [
-            _.value ? (c(), R("div", oe({ key: 0 }, d.value, {
-              class: Ee.value,
+          default: V(() => [
+            _.value ? (f(), R("div", oe({ key: 0 }, d.value, {
+              class: Re.value,
               "data-testid": "nested-content-container",
-              style: ne.value
+              style: ue.value
             }), [
               A("div", {
                 ref_key: "nestedContentRef",
-                ref: E
+                ref: b
               }, [
-                h.value ? (c(), R("div", _s, [
-                  K(l(at))
-                ])) : r.value ? (c(!0), R(_e, { key: 1 }, Le(e.rowData.children, (le, ce) => (c(), B(nn, oe({ ref_for: !0 }, t, {
-                  id: M(ce),
-                  key: `child-${ce}`,
-                  "row-data": le,
-                  "row-index": ce,
+                h.value ? (f(), R("div", Ss, [
+                  Y(o(at))
+                ])) : i.value ? (f(!0), R(_e, { key: 1 }, Le(e.rowData.children, (Q, se) => (f(), B(ln, oe({ ref_for: !0 }, t, {
+                  id: M(se),
+                  key: `child-${se}`,
+                  "row-data": Q,
+                  "row-index": se,
                   "row-set-size": e.rowData.children.length,
                   "is-nested-row": "",
-                  onCellHovered: I[2] || (I[2] = (ee) => o("cell-hovered", ee)),
-                  onRowClick: I[3] || (I[3] = (ee) => o("row-click", ...ee)),
-                  onOnFrozenColumnsKeyPress: I[4] || (I[4] = (ee) => o("on-frozen-columns-key-press", ee)),
-                  onSelectRow: (ee) => te(le, ee)
-                }), Fe({ _: 2 }, [
-                  Le(l(n), (ee, fe) => ({
+                  onCellHovered: T[2] || (T[2] = (le) => l("cell-hovered", le)),
+                  onRowClick: T[3] || (T[3] = (le) => l("row-click", ...le)),
+                  onOnFrozenColumnsKeyPress: T[4] || (T[4] = (le) => l("on-frozen-columns-key-press", le)),
+                  onSelectRow: (le) => te(Q, le)
+                }), ze({ _: 2 }, [
+                  Le(o(n), (le, fe) => ({
                     name: fe,
-                    fn: H((Y) => [
-                      Oe(g.$slots, fe, oe({ ref_for: !0 }, Y), void 0, !0)
+                    fn: V((ye) => [
+                      pe(c.$slots, fe, oe({ ref_for: !0 }, ye), void 0, !0)
                     ])
                   }))
-                ]), 1040, ["id", "row-data", "row-index", "row-set-size", "onSelectRow"]))), 128)) : l(s)("nested-slot") && e.shouldShowNestedContent(e.rowData) ? (c(), R("div", ws, [
-                  Oe(g.$slots, "nested-slot", { item: e.rowData }, void 0, !0)
+                ]), 1040, ["id", "row-data", "row-index", "row-set-size", "onSelectRow"]))), 128)) : o(r)("nested-slot") && e.shouldShowNestedContent(e.rowData) ? (f(), R("div", Es, [
+                  pe(c.$slots, "nested-slot", { item: e.rowData }, void 0, !0)
                 ])) : k("", !0)
               ], 512)
             ], 16)) : k("", !0)
@@ -2706,45 +2710,45 @@ const tn = {
       ]);
     };
   }
-}), nn = /* @__PURE__ */ re(Ss, [["__scopeId", "data-v-eedd717e"]]);
-let Bt = 0;
-const Ls = {
+}), ln = /* @__PURE__ */ de(bs, [["__scopeId", "data-v-ee9e5934"]]);
+let Wt = 0;
+const Rs = {
   beforeCreate() {
-    this.uuid = Bt.toString(), Bt += 1;
+    this.uuid = Wt.toString(), Wt += 1;
   }
-}, Es = { key: 0 }, bs = ["clip-path"], ps = ["id"];
-function Os(e, i, m, n, s, t) {
-  return c(), R("svg", oe({ role: "img" }, e.$attrs, {
+}, ps = { key: 0 }, Os = ["clip-path"], As = ["id"];
+function Ns(e, s, m, n, r, t) {
+  return f(), R("svg", oe({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (c(), R("title", Es, X(e.$attrs["svg-title"]), 1)) : k("", !0),
+    e.$attrs["svg-title"] ? (f(), R("title", ps, X(e.$attrs["svg-title"]), 1)) : k("", !0),
     A("g", {
       "clip-path": "url(#uia-ui-assets/icons-16-warning_circle_fill__a" + e.uuid + ")"
-    }, i[0] || (i[0] = [
+    }, s[0] || (s[0] = [
       A("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"
       }, null, -1)
-    ]), 8, bs),
+    ]), 8, Os),
     A("defs", null, [
       A("clipPath", {
         id: "uia-ui-assets/icons-16-warning_circle_fill__a" + e.uuid
-      }, i[1] || (i[1] = [
+      }, s[1] || (s[1] = [
         A("rect", {
           width: "16",
           height: "16",
           fill: "#fff"
         }, null, -1)
-      ]), 8, ps)
+      ]), 8, As)
     ])
   ], 16);
 }
-const Rs = /* @__PURE__ */ re(Ls, [["render", Os]]), As = ["aria-label"], Ns = {}, Ts = /* @__PURE__ */ Re({
-  ...Ns,
+const Ts = /* @__PURE__ */ de(Rs, [["render", Ns]]), Is = ["aria-label"], $s = {}, Ds = /* @__PURE__ */ Oe({
+  ...$s,
   __name: "data-grid-static-icon",
   props: {
     colored: { type: Boolean, default: !1 },
@@ -2752,54 +2756,54 @@ const Rs = /* @__PURE__ */ re(Ls, [["render", Os]]), As = ["aria-label"], Ns = {
     variant: { default: "no-value" }
   },
   setup(e) {
-    const i = e, m = b(() => {
-      switch (i.variant) {
+    const s = e, m = L(() => {
+      switch (s.variant) {
         case "checkmark":
-          return qn;
+          return Xn;
         case "warning":
-          return Kn;
+          return Jn;
         case "error":
-          return Rs;
+          return Ts;
         case "cross":
-          return Vt;
+          return xt;
         case "no-value":
           return St;
         default:
           return St;
       }
-    }), n = b(() => ({
-      "b-data-grid-static-icon--colored": i.colored && i.variant !== "no-value"
-    })), s = b(() => `b-data-grid-static-icon__${i.variant}`), t = b(() => Xn.AUTO);
-    return (o, L) => st((c(), R("div", {
-      "aria-label": o.tooltipText,
-      class: ue(["b-data-grid-static-icon", n.value]),
+    }), n = L(() => ({
+      "b-data-grid-static-icon--colored": s.colored && s.variant !== "no-value"
+    })), r = L(() => `b-data-grid-static-icon__${s.variant}`), t = L(() => el.AUTO);
+    return (l, E) => st((f(), R("div", {
+      "aria-label": l.tooltipText,
+      class: ce(["b-data-grid-static-icon", n.value]),
       tabindex: "0"
     }, [
-      (c(), B(Pe(m.value), {
-        class: ue(s.value),
-        "svg-title": o.tooltipText
+      (f(), B(Be(m.value), {
+        class: ce(r.value),
+        "svg-title": l.tooltipText
       }, null, 8, ["class", "svg-title"]))
-    ], 10, As)), [
-      [l(Yn), o.tooltipText, t.value]
+    ], 10, Is)), [
+      [o(Qn), l.tooltipText, t.value]
     ]);
   }
-}), Ti = /* @__PURE__ */ re(Ts, [["__scopeId", "data-v-3ee55e9a"]]), Is = ["aria-rowcount", "aria-colcount", "aria-label", "role"], $s = {
+}), Di = /* @__PURE__ */ de(Ds, [["__scopeId", "data-v-3ee55e9a"]]), ks = ["aria-rowcount", "aria-colcount", "aria-label", "role"], Ms = {
   key: 1,
   class: "b-data-grid__header"
-}, Ds = ["tabindex"], ks = ["tabindex", "aria-busy"], Ms = {
+}, zs = ["tabindex"], Fs = ["tabindex", "aria-busy"], Us = {
   key: 0,
   class: "b-data-grid__loading"
-}, Fs = {
+}, Ps = {
   key: 1,
   class: "b-data-grid__empty-state"
-}, zs = {
+}, Bs = {
   key: 5,
   class: "b-data-grid__footer"
-}, Us = {
+}, Ws = {
   i18n: { messages: je },
   name: "bento-data-grid"
-}, Ps = /* @__PURE__ */ Re({
-  ...Us,
+}, Gs = /* @__PURE__ */ Oe({
+  ...Ws,
   props: {
     /**
      * When true, will emit a 'rowClick' event when a row is clicked. Will add cursor: pointer to rows.
@@ -2864,6 +2868,23 @@ const Rs = /* @__PURE__ */ re(Ls, [["render", Os]]), As = ["aria-label"], Ns = {
       type: Array,
       default: void 0
     },
+    /**
+     * Defines the layout (multi-line or one-line) to be used in the filter bar for different
+     * container sizes:
+     * - Large (>=700px): Always multi-line
+     * - Medium (>=430px & <700px)
+     * - Small (<430px)
+     *
+     * @default
+     * {
+     *    medium: 'multi-line',
+     *    small: 'one-line'
+     * }
+     */
+    filtersContainerSizeLayout: {
+      type: Object,
+      default: void 0
+    },
     /**
      * An array of the values for each filter set in `value`.
      * {@see BentoFilterValues}
@@ -3070,421 +3091,429 @@ const Rs = /* @__PURE__ */ re(Ls, [["render", Os]]), As = ["aria-label"], Ns = {
     }
   },
   emits: [
-    D.COLUMNS,
-    D.COLUMN_RESIZE,
-    D.ITEMS_PAGE,
-    D.FILTER_SEARCH_INPUT,
-    D.FILTER_SEARCH_CLEAR,
-    D.NAVIGATE,
-    D.NESTED_CONTENT_TOGGLED,
-    D.UPDATE_COLUMNS,
-    D.UPDATE_CONDENSED,
-    D.UPDATE_FILTER_VALUES,
-    D.UPDATE_FILTERS,
-    D.UPDATE_FILTER_SEARCH_TERM,
-    D.UPDATE_SHOW_MORE,
-    D.UPDATE_PAGINATION,
-    D.UPDATE_SELECTION,
-    D.UPDATE_SORT_BY,
-    D.ROW_CLICK,
-    D.SELECT,
-    D.SELECT_ALL_ACROSS_PAGES,
-    D.SORT
+    $.COLUMNS,
+    $.COLUMN_RESIZE,
+    $.ITEMS_PAGE,
+    $.FILTER_SEARCH_INPUT,
+    $.FILTER_SEARCH_CLEAR,
+    $.NAVIGATE,
+    $.NESTED_CONTENT_TOGGLED,
+    $.UPDATE_COLUMNS,
+    $.UPDATE_CONDENSED,
+    $.UPDATE_FILTER_VALUES,
+    $.UPDATE_FILTERS,
+    $.UPDATE_FILTER_SEARCH_TERM,
+    $.UPDATE_SHOW_MORE,
+    $.UPDATE_PAGINATION,
+    $.UPDATE_SELECTION,
+    $.UPDATE_SORT_BY,
+    $.ROW_CLICK,
+    $.SELECT,
+    $.SELECT_ALL_ACROSS_PAGES,
+    $.SORT
   ],
-  setup(e, { expose: i, emit: m }) {
-    const n = e, s = it(), t = rt(s), o = T(null), L = T(), _ = T({}), E = T(null), O = T(null), f = T(), p = T(null), a = T(null), {
-      allowColumnDragAndDrop: r,
+  setup(e, { expose: s, emit: m }) {
+    const n = e, r = it(), t = rt(r), l = p(null), E = p(), _ = p({}), b = p(null), O = p(null), g = p(), D = p(null), a = p(null), {
+      allowColumnDragAndDrop: i,
       columns: h,
       columnPanel: S,
-      data: w,
+      data: y,
       lazyLoadType: d,
-      loading: y,
+      loading: w,
       hasNestedContent: v,
       hasNestedRows: q,
-      selectable: W,
+      selectable: G,
       selection: M,
       selectableAcrossPages: N,
       stickyPagination: U,
-      outline: Q,
+      outline: ee,
       pagination: te
-    } = lt(n), C = T(-1), { t: V } = De({ messages: je }), z = b(() => Ee.value.filter(($) => $.frozen).length), P = Je(
-      ol,
+    } = ot(n), C = p(-1), { t: x } = $e({ messages: je }), F = L(() => W.value.filter((I) => I.frozen).length), P = Je(
+      al,
       () => ({
+        additionalContentSlotRef: p(null),
         isDataGridTemplate: !1,
-        stickyTabs: T(!1),
-        tabsRef: T(null)
+        stickyAditionalContent: p(!1),
+        stickyTabs: p(!1),
+        tabsRef: p(null)
       })
-    ), { isDataGridTemplate: ne, stickyTabs: de, tabsRef: J } = P(), x = b(() => n.fitContent || ne ? 0 : null), {
-      columnDefs: Ee,
-      onColumnWidthOverride: u,
-      gridColumnWidthStyle: G,
-      gridRowWidthStyle: g,
-      isMeasuringColumnWidths: I,
-      isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: Z,
+    ), { additionalContentSlotRef: ue, isDataGridTemplate: ne, stickyTabs: J, tabsRef: Z, stickyAdditionalContent: Re } = P(), u = L(() => n.fitContent || ne ? 0 : null), {
+      columnDefs: W,
+      onColumnWidthOverride: c,
+      gridColumnWidthStyle: T,
+      gridRowWidthStyle: H,
+      isMeasuringColumnWidths: Q,
+      isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: se,
       columns: le,
-      totalWidthOfAllColumns: ce,
-      rowActionsMaxWidth: ee
-    } = Il(h, w, o, _, E, {
+      totalWidthOfAllColumns: fe,
+      rowActionsMaxWidth: ye
+    } = kl(h, y, l, _, b, {
       hasColumnPanel: S,
-      hasSelectableColumn: W,
+      hasSelectableColumn: G,
       hasSelectableAcrossPages: N,
       hasNestedContent: v,
       hasNestedRows: q,
-      allowColumnDragAndDrop: r,
+      allowColumnDragAndDrop: i,
       isDataGridTemplate: ne
-    }), fe = m, Y = ($, ...F) => {
-      ($ === D.COLUMNS || $ === D.UPDATE_COLUMNS) && ([le.value] = F), fe($, ...F);
-    }, $e = Nt(J, de), be = b(
-      () => n.stickyFilters ? `${$e.value}px` : null
-    ), Be = Nt(O, Xe(n, "stickyFilters")), qe = b(
-      () => `${Be.value + $e.value}px`
+    }), De = m, K = (I, ...z) => {
+      (I === $.COLUMNS || I === $.UPDATE_COLUMNS) && ([le.value] = z), De(I, ...z);
+    }, Fe = At(
+      Z,
+      J,
+      Re,
+      ue
+    ), qe = L(
+      () => n.stickyFilters ? `${Fe.value}px` : null
+    ), on = At(O, Xe(n, "stickyFilters")), sn = L(
+      () => `${on.value + Fe.value}px`
     ), {
-      sortedColumns: ln,
+      sortedColumns: an,
       columnSets: We,
-      isOnlyOneVisibleColumn: on,
-      onConfigSettingsUpdate: sn,
-      onConfigSettingsColumnsUpdate: an,
-      onConfigSettingsColumnUpdate: rn
-    } = Ul(Ee, Y), { hoveredOverColumn: dn, hoveredOverColumnState: ct } = Bl(
+      isOnlyOneVisibleColumn: rn,
+      onConfigSettingsUpdate: dn,
+      onConfigSettingsColumnsUpdate: un,
+      onConfigSettingsColumnUpdate: cn
+    } = Wl(W, K), { hoveredOverColumn: fn, hoveredOverColumnState: ct } = Hl(
       We,
-      W,
-      Q,
-      Z
-    ), { draggingColumns: ft, draggingEventsForColumns: un, draggingEventsForRowCell: cn, onMoveColumnByOffset: fn } = zl(ln, r, Y), { onAllRowSelect: gt, onRowSelect: gn, onNestedRowSelect: vn, selectedItems: vt, allItemsSelectedState: mn } = $l(
+      G,
+      ee,
+      se
+    ), { draggingColumns: ft, draggingEventsForColumns: gn, draggingEventsForRowCell: vn, onMoveColumnByOffset: mn } = Bl(an, i, K), { onAllRowSelect: gt, onRowSelect: hn, onNestedRowSelect: Cn, selectedItems: vt, allItemsSelectedState: _n } = Ml(
       M,
-      Y,
-      w,
+      K,
+      y,
       n.getDataItemId,
       n.isDataItemDisabled
-    ), { navigationInput: mt } = kl(E, h, W), { isLazyLoad: ze, isInfiniteScroll: hn, verticalScrollPosition: Cn, emitLazyLoadEvent: _n } = Fl(
+    ), { navigationInput: mt } = Fl(b, h, G), { isLazyLoad: Ue, isInfiniteScroll: wn, verticalScrollPosition: yn, emitLazyLoadEvent: Sn } = Pl(
       d,
-      p,
-      o,
-      y,
-      Y
+      D,
+      l,
+      w,
+      K
     ), {
       updateScrollPosition: Ge,
-      updateScrollPositionOnFrozenColumnsNavigation: wn,
+      updateScrollPositionOnFrozenColumnsNavigation: En,
       syncVirtualScrollerWithBody: ht,
       hasLeftOverflow: He,
       hasRightOverflow: Ct,
-      horizontalScrollbarConditionalClasses: yn
-    } = Pl(o, L, Cn, a, {
-      isLazyLoad: ze,
+      horizontalScrollbarConditionalClasses: Ln
+    } = Gl(l, E, yn, a, fe, {
+      isLazyLoad: Ue,
       pagination: te,
       stickyPagination: U,
       isDataGridTemplate: ne
-    }), Sn = () => {
-      f.value.isClearAllVisible ? f.value.clearAllFilters() : f.value.isResetAllVisible && f.value.resetAllFilters();
-    }, Ln = b(() => {
-      var $, F;
+    }), bn = () => {
+      g.value.isClearAllVisible ? g.value.clearAllFilters() : g.value.isResetAllVisible && g.value.resetAllFilters();
+    }, Rn = L(() => {
+      var I, z;
       return {
         ...n.emptyState,
-        variant: (($ = n.emptyState) == null ? void 0 : $.variant) === "embedded" || ((F = n.emptyState) == null ? void 0 : F.variant) === "basic" ? n.emptyState.variant : "basic"
+        variant: ((I = n.emptyState) == null ? void 0 : I.variant) === "embedded" || ((z = n.emptyState) == null ? void 0 : z.variant) === "basic" ? n.emptyState.variant : "basic"
       };
-    }), En = b(() => ({
+    }), pn = L(() => ({
       [`b-data-grid--${Te.OUTLINE}`]: n.outline,
-      [`b-data-grid--${Te.SCROLL}`]: n.fitContent || ze.value,
+      [`b-data-grid--${Te.SCROLL}`]: n.fitContent || Ue.value,
       [`b-data-grid--${Te.STICKY_FILTERS}`]: n.filters && n.stickyFilters,
-      [`b-data-grid--${Te.OVERFLOW_SHADOW_LEFT}`]: He.value && !z.value,
+      [`b-data-grid--${Te.OVERFLOW_SHADOW_LEFT}`]: He.value && !F.value,
       [`b-data-grid--${Te.OVERFLOW_SHADOW_RIGHT}`]: Ct.value && n.rowActions === void 0,
       [`b-data-grid--${Te.NO_SPACING_TOP}`]: n.noSpacingTop
-    })), bn = b(() => ({
+    })), On = L(() => ({
       "b-data-grid__body--sticky-horizontal-scrollbar": n.stickyHorizontalScrollbar
-    })), pn = b(() => We.value.findIndex(($) => $.columnSet.length)), _t = b(() => !((n.selectable || n.hasNestedContent || n.hasNestedRows) && z.value === 1) || He.value), On = b(() => ({
+    })), An = L(() => We.value.findIndex((I) => I.columnSet.length)), _t = L(() => !((n.selectable || n.hasNestedContent || n.hasNestedRows) && F.value === 1) || He.value), Nn = L(() => ({
       "b-data-grid__filters--sticky": !!n.stickyFilters || ne
-    })), Rn = b(() => {
-      var $, F, ie, j, ye, pe;
+    })), Tn = L(() => {
+      var I, z, ae, j, Se, be;
       return {
-        "b-data-grid__pagination--padding-left-unset": ((ie = (F = ($ = n.columns) == null ? void 0 : $[0]) == null ? void 0 : F.padding) == null ? void 0 : ie.left) === !1,
-        "b-data-grid__pagination--padding-right-unset": ((pe = (ye = (j = n.columns) == null ? void 0 : j[n.columns.length - 1]) == null ? void 0 : ye.padding) == null ? void 0 : pe.right) === !1,
+        "b-data-grid__pagination--padding-left-unset": ((ae = (z = (I = n.columns) == null ? void 0 : I[0]) == null ? void 0 : z.padding) == null ? void 0 : ae.left) === !1,
+        "b-data-grid__pagination--padding-right-unset": ((be = (Se = (j = n.columns) == null ? void 0 : j[n.columns.length - 1]) == null ? void 0 : Se.padding) == null ? void 0 : be.right) === !1,
         "b-data-grid__pagination--sticky": !!n.stickyPagination || ne
       };
-    }), An = ($) => {
-      const F = $;
-      $ !== null && (F != null && F.columnHeaderRefs) && Object.entries(F == null ? void 0 : F.columnHeaderRefs).forEach(([ie, j]) => {
-        _.value[ie] = j;
+    }), In = (I) => {
+      const z = I;
+      I !== null && (z != null && z.columnHeaderRefs) && Object.entries(z == null ? void 0 : z.columnHeaderRefs).forEach(([ae, j]) => {
+        _.value[ae] = j;
       });
-    }, Nn = ($, F) => {
-      var j, ye;
-      const ie = $;
-      $ !== null && (ie != null && ie.gridcellRefs && Object.entries(ie == null ? void 0 : ie.gridcellRefs).map(([pe, ke]) => {
+    }, $n = (I, z) => {
+      var j, Se;
+      const ae = I;
+      I !== null && (ae != null && ae.gridcellRefs && Object.entries(ae == null ? void 0 : ae.gridcellRefs).map(([be, ke]) => {
         var me;
-        ((me = E.value) == null ? void 0 : me[pe]) === void 0 && (E.value = { ...E.value, [pe]: [] }), E.value[pe][F] = ke;
-      }), n.rowActions !== void 0 && (ie != null && ie.rowActionsRef) && (ee.value = Math.max(
-        ee.value,
-        ((ye = (j = ie.rowActionsRef) == null ? void 0 : j[0]) == null ? void 0 : ye.offsetWidth) ?? 0
+        ((me = b.value) == null ? void 0 : me[be]) === void 0 && (b.value = { ...b.value, [be]: [] }), b.value[be][z] = ke;
+      }), n.rowActions !== void 0 && (ae != null && ae.rowActionsRef) && (ye.value = Math.max(
+        ye.value,
+        ((Se = (j = ae.rowActionsRef) == null ? void 0 : j[0]) == null ? void 0 : Se.offsetWidth) ?? 0
       )));
-    }, Tn = ($, F) => {
-      n.allowRowClicks && Y(D.ROW_CLICK, $, F);
-    }, In = ($) => {
-      C.value = $;
-    }, $n = b(() => !!n.selectableAcrossPages && !!n.pagination), Dn = b(() => n.hasNestedContent || n.hasNestedRows ? "treegrid" : "grid"), wt = el({
-      label: s != null && s.header ? tl(s)("header") : null,
+    }, Dn = (I, z) => {
+      n.allowRowClicks && K($.ROW_CLICK, I, z);
+    }, kn = (I) => {
+      C.value = I;
+    }, Mn = L(() => !!n.selectableAcrossPages && !!n.pagination), zn = L(() => n.hasNestedContent || n.hasNestedRows ? "treegrid" : "grid"), wt = ll({
+      label: r != null && r.header ? ol(r)("header") : null,
       defaultFallback: "data grid"
-    }), yt = b(() => {
-      var $;
-      return (($ = vt.value) == null ? void 0 : $.length) ?? 0;
-    }), kn = b(() => n.bulkActions && yt.value > 0), Mn = ($) => Y(D.COLUMN_RESIZE, $), Fn = ($) => {
-      Y(D.UPDATE_SORT_BY, $), Y(D.SORT, $);
-    }, zn = ($, F) => {
-      Y(D.NAVIGATE, $), Y(D.UPDATE_PAGINATION, {
+    }), yt = L(() => {
+      var I;
+      return ((I = vt.value) == null ? void 0 : I.length) ?? 0;
+    }), Fn = L(() => n.bulkActions && yt.value > 0), Un = (I) => K($.COLUMN_RESIZE, I), Pn = (I) => {
+      K($.UPDATE_SORT_BY, I), K($.SORT, I);
+    }, Bn = (I, z) => {
+      K($.NAVIGATE, I), K($.UPDATE_PAGINATION, {
         ...n.pagination,
-        size: F,
-        page: $
+        size: z,
+        page: I
       });
-    }, Un = ($) => {
-      Y(D.ITEMS_PAGE, $);
-    }, Pn = () => {
-      Y(D.FILTER_SEARCH_CLEAR);
-    }, Bn = ($) => {
-      Y(D.UPDATE_FILTER_SEARCH_TERM, $), Y(D.FILTER_SEARCH_INPUT, $);
+    }, Wn = (I) => {
+      K($.ITEMS_PAGE, I);
+    }, Gn = () => {
+      K($.FILTER_SEARCH_CLEAR);
+    }, Hn = (I) => {
+      K($.UPDATE_FILTER_SEARCH_TERM, I), K($.FILTER_SEARCH_INPUT, I);
     };
-    return b(() => h.value.some(($) => $.mandatory)).value || xt(
+    return L(() => h.value.some((I) => I.mandatory)).value || Zt(
       "WARNING: At least one BentoDataGrid column should be set as mandatory to ensure data is always displayed correctly."
-    ), Je(ll, () => null)(n.tabTitle), Ht(en, Xe(n, "slashedZero")), i({ onEmptyStateClearResetButtonClick: Sn }), ($, F) => {
-      var ie;
-      return c(), R("div", {
-        class: ue(["b-data-grid", En.value]),
-        "aria-rowcount": l(w).length,
-        "aria-colcount": l(h).length,
-        "aria-label": l(wt),
-        role: Dn.value
+    ), Je(il, () => null)(n.tabTitle), Vt(tn, Xe(n, "slashedZero")), s({ onEmptyStateClearResetButtonClick: bn }), (I, z) => {
+      var ae;
+      return f(), R("div", {
+        class: ce(["b-data-grid", pn.value]),
+        "aria-rowcount": o(y).length,
+        "aria-colcount": o(h).length,
+        "aria-label": o(wt),
+        role: zn.value
       }, [
-        e.filters ? (c(), R("div", {
+        e.filters ? (f(), R("div", {
           key: 0,
           ref_key: "filtersRef",
           ref: O,
-          class: ue(["b-data-grid__filters", On.value]),
-          style: Me({ top: be.value })
+          class: ce(["b-data-grid__filters", Nn.value]),
+          style: Me({ top: qe.value })
         }, [
-          e.filters ? (c(), B(l(Ye), {
+          e.filters ? (f(), B(o(Ye), {
             key: 0,
             ref_key: "filterBarRef",
-            ref: f,
+            ref: g,
             config: e.filters,
+            "container-size-layout": e.filtersContainerSizeLayout,
             "filter-values": e.filterValues,
             search: e.filterSearchConfig,
             "search-term": e.filterSearchTerm,
-            onSearchInput: Bn,
-            onSearchClear: Pn,
-            onInput: F[0] || (F[0] = (j) => $.$emit(l(D).UPDATE_FILTERS, j)),
-            "onUpdate:filterValues": F[1] || (F[1] = (j) => $.$emit(l(D).UPDATE_FILTER_VALUES, j))
-          }, null, 8, ["config", "filter-values", "search", "search-term"])) : k("", !0)
+            onSearchInput: Hn,
+            onSearchClear: Gn,
+            onInput: z[0] || (z[0] = (j) => I.$emit(o($).UPDATE_FILTERS, j)),
+            "onUpdate:filterValues": z[1] || (z[1] = (j) => I.$emit(o($).UPDATE_FILTER_VALUES, j))
+          }, null, 8, ["config", "container-size-layout", "filter-values", "search", "search-term"])) : k("", !0)
         ], 6)) : k("", !0),
-        $.$slots.header ? (c(), R("div", $s, [
-          Oe($.$slots, "header", {}, void 0, !0)
+        I.$slots.header ? (f(), R("div", Ms, [
+          pe(I.$slots, "header", {}, void 0, !0)
         ])) : k("", !0),
         A("div", {
           class: "b-data-grid__column-headers",
-          style: Me({ top: qe.value })
+          style: Me({ top: sn.value })
         }, [
-          l(S) ? (c(), B(l(Xo), {
+          o(S) ? (f(), B(o(es), {
             key: 0,
             class: "b-data-grid__config-settings",
-            columns: l(le),
+            columns: o(le),
             condensed: e.condensed,
-            onConfigSettings: l(sn),
-            "onUpdate:columns": l(an)
+            onConfigSettings: o(dn),
+            "onUpdate:columns": o(un)
           }, null, 8, ["columns", "condensed", "onConfigSettings", "onUpdate:columns"])) : k("", !0),
           A("div", {
             ref_key: "columnsRef",
-            ref: L,
+            ref: E,
             role: "rowgroup",
             class: "b-data-grid__columns-row",
-            tabindex: x.value,
-            onScroll: F[4] || (F[4] = //@ts-ignore
-            (...j) => l(Ge) && l(Ge)(...j))
+            tabindex: u.value,
+            onScroll: z[4] || (z[4] = //@ts-ignore
+            (...j) => o(Ge) && o(Ge)(...j))
           }, [
             A("div", {
-              style: Me(l(G)),
+              style: Me(o(T)),
               class: "b-data-grid__columns",
               role: "row"
             }, [
-              (c(!0), R(_e, null, Le(l(We), ({ columnSet: j, id: ye, isFrozenColumns: pe }, ke) => (c(), R(_e, null, [
-                j != null && j.length ? (c(), B(l(No), oe({
-                  key: `data-grid-columns-${ye}`,
+              (f(!0), R(_e, null, Le(o(We), ({ columnSet: j, id: Se, isFrozenColumns: be }, ke) => (f(), R(_e, null, [
+                j != null && j.length ? (f(), B(o($o), oe({
+                  key: `data-grid-columns-${Se}`,
                   ref_for: !0,
-                  ref: (me) => An(me),
+                  ref: (me) => In(me),
                   columns: j,
                   "has-resizable-columns": e.hasResizableColumns,
                   "sort-by": e.sortBy,
-                  "all-items-selected-state": l(mn),
-                  "is-frozen-columns": pe,
+                  "all-items-selected-state": o(_n),
+                  "is-frozen-columns": be,
                   "show-frozen-columns-separator": _t.value,
-                  "dragging-columns": l(ft),
-                  "has-draggable-columns": l(r),
-                  "has-column-panel": l(S),
-                  "has-left-overflow": l(He),
-                  "has-first-column-panel-right-aligned": ke === pn.value,
-                  "hovered-over-column-state": l(ct),
-                  "is-measuring-column-widths": l(I),
-                  "is-only-one-visible-column": l(on),
-                  selectable: l(W),
-                  "selectable-across-pages": $n.value,
+                  "dragging-columns": o(ft),
+                  "has-draggable-columns": o(i),
+                  "has-column-panel": o(S),
+                  "has-left-overflow": o(He),
+                  "has-first-column-panel-right-aligned": ke === An.value,
+                  "hovered-over-column-state": o(ct),
+                  "is-measuring-column-widths": o(Q),
+                  "is-only-one-visible-column": o(rn),
+                  selectable: o(G),
+                  "selectable-across-pages": Mn.value,
                   "truncate-column-headers": e.truncateColumnHeaders
-                }, xe(l(un)), {
-                  onColumnHover: F[2] || (F[2] = (me) => dn.value = me),
-                  onColumnMove: l(fn),
-                  onColumnUpdate: l(rn),
-                  onColumnResize: Mn,
-                  onColumnResizing: l(u),
-                  onSelectAllRows: l(gt),
-                  onSelectAllAcrossPages: F[3] || (F[3] = (me) => Y(l(D).SELECT_ALL_ACROSS_PAGES)),
-                  onSort: Fn
-                }), Fe({ _: 2 }, [
-                  Le(l(s), (me, Ue) => ({
-                    name: Ue,
-                    fn: H((Ke) => [
-                      Oe($.$slots, Ue, oe({ ref_for: !0 }, Ke), void 0, !0)
+                }, xe(o(gn)), {
+                  onColumnHover: z[2] || (z[2] = (me) => fn.value = me),
+                  onColumnMove: o(mn),
+                  onColumnUpdate: o(cn),
+                  onColumnResize: Un,
+                  onColumnResizing: o(c),
+                  onSelectAllRows: o(gt),
+                  onSelectAllAcrossPages: z[3] || (z[3] = (me) => K(o($).SELECT_ALL_ACROSS_PAGES)),
+                  onSort: Pn
+                }), ze({ _: 2 }, [
+                  Le(o(r), (me, Pe) => ({
+                    name: Pe,
+                    fn: V((Ke) => [
+                      pe(I.$slots, Pe, oe({ ref_for: !0 }, Ke), 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", "selectable-across-pages", "truncate-column-headers", "onColumnMove", "onColumnUpdate", "onColumnResizing", "onSelectAllRows"])) : k("", !0)
               ], 64))), 256))
             ], 4)
-          ], 40, Ds)
+          ], 40, zs)
         ], 4),
         A("div", {
           ref_key: "body",
-          ref: o,
+          ref: l,
           "data-testid": "data-grid-body",
-          class: ue(["b-data-grid__body", bn.value]),
-          tabindex: l(y) ? "0" : "-1",
-          "aria-busy": l(y),
+          class: ce(["b-data-grid__body", On.value]),
+          tabindex: o(w) ? "0" : "-1",
+          "aria-busy": o(w),
           "aria-live": "polite",
-          onScroll: F[7] || (F[7] = //@ts-ignore
-          (...j) => l(Ge) && l(Ge)(...j))
+          onScroll: z[7] || (z[7] = //@ts-ignore
+          (...j) => o(Ge) && o(Ge)(...j))
         }, [
-          l(y) && !l(ze) ? (c(), R("div", Ms, [
-            K(l(at), {
+          o(w) && !o(Ue) ? (f(), R("div", Us, [
+            Y(o(at), {
               class: "b-data-grid__loading-indicator",
               large: ""
             }),
-            K(l(Ze), {
+            Y(o(Ze), {
               el: "span",
               variant: "caption"
             }, {
-              default: H(() => [
-                ve(X(l(V)("gettingYourData")), 1)
+              default: V(() => [
+                ve(X(o(x)("gettingYourData")), 1)
               ]),
               _: 1
             })
-          ])) : ((ie = l(w)) == null ? void 0 : ie.length) === 0 && e.emptyState ? (c(), R("div", Fs, [
-            K(l(nl), Zn(jn(Ln.value)), null, 16)
-          ])) : (c(), R("div", {
+          ])) : ((ae = o(y)) == null ? void 0 : ae.length) === 0 && e.emptyState ? (f(), R("div", Ps, [
+            Y(o(sl), Kn(Yn(Rn.value)), null, 16)
+          ])) : (f(), R("div", {
             key: 2,
             class: "b-data-grid__rows",
             role: "rowgroup",
-            onKeydown: F[6] || (F[6] = //@ts-ignore
-            (...j) => l(mt) && l(mt)(...j))
+            onKeydown: z[6] || (z[6] = //@ts-ignore
+            (...j) => o(mt) && o(mt)(...j))
           }, [
-            (c(!0), R(_e, null, Le(l(w), (j, ye) => {
-              var pe, ke;
-              return c(), B(l(nn), {
-                key: ye,
+            (f(!0), R(_e, null, Le(o(y), (j, Se) => {
+              var be, ke;
+              return f(), B(o(ln), {
+                key: Se,
                 ref_for: !0,
-                ref: (me) => Nn(me, ye),
-                style: Me(l(g)),
+                ref: (me) => $n(me, Se),
+                style: Me(o(H)),
                 "allow-row-clicks": e.allowRowClicks,
-                "column-sets": l(We),
+                "column-sets": o(We),
                 condensed: e.condensed,
-                "dragging-columns": l(ft),
-                "dragging-events-for-row-cell": l(cn),
+                "dragging-columns": o(ft),
+                "dragging-events-for-row-cell": o(vn),
                 "get-data-item-id": e.getDataItemId,
-                "has-nested-content": l(v),
-                "has-nested-rows": l(q),
-                "has-left-overflow": l(He),
-                "has-right-overflow": l(Ct),
+                "has-nested-content": o(v),
+                "has-nested-rows": o(q),
+                "has-left-overflow": o(He),
+                "has-right-overflow": o(Ct),
                 "highlighted-rows": e.highlightedRows,
                 "hovered-row-index": C.value,
-                "hovered-over-column-state": l(ct),
+                "hovered-over-column-state": o(ct),
                 "is-data-item-disabled": e.isDataItemDisabled,
-                "is-row-last-child": ye + 1 === ((pe = l(w)) == null ? void 0 : pe.length),
-                "is-measuring-column-widths": l(I),
-                "row-actions-maximum-width": l(ee),
+                "is-row-last-child": Se + 1 === ((be = o(y)) == null ? void 0 : be.length),
+                "is-measuring-column-widths": o(Q),
+                "row-actions-maximum-width": o(ye),
                 "row-actions": e.rowActions,
                 "row-data": j,
-                "row-index": ye,
-                "row-set-size": (ke = l(w)) == null ? void 0 : ke.length,
+                "row-index": Se,
+                "row-set-size": (ke = o(y)) == null ? void 0 : ke.length,
                 "show-frozen-columns-separator": _t.value,
                 "should-show-nested-content": e.shouldShowNestedContent,
                 "should-show-nested-rows": e.shouldShowNestedRows,
-                selectable: l(W),
-                "selected-items": l(vt),
-                onCellHovered: In,
-                onNestedContentToggled: F[5] || (F[5] = (me) => Y(l(D).NESTED_CONTENT_TOGGLED, me)),
-                onRowClick: Tn,
-                onOnFrozenColumnsKeyPress: l(wn),
-                onSelectRow: l(gn),
-                onSelectNestedRow: l(vn)
-              }, Fe({ _: 2 }, [
-                Le(l(s), (me, Ue) => ({
-                  name: Ue,
-                  fn: H((Ke) => [
-                    Oe($.$slots, Ue, oe({ ref_for: !0 }, Ke), void 0, !0)
+                selectable: o(G),
+                "selected-items": o(vt),
+                onCellHovered: kn,
+                onNestedContentToggled: z[5] || (z[5] = (me) => K(o($).NESTED_CONTENT_TOGGLED, me)),
+                onRowClick: Dn,
+                onOnFrozenColumnsKeyPress: o(En),
+                onSelectRow: o(hn),
+                onSelectNestedRow: o(Cn)
+              }, ze({ _: 2 }, [
+                Le(o(r), (me, Pe) => ({
+                  name: Pe,
+                  fn: V((Ke) => [
+                    pe(I.$slots, Pe, oe({ ref_for: !0 }, Ke), void 0, !0)
                   ])
                 }))
               ]), 1032, ["style", "allow-row-clicks", "column-sets", "condensed", "dragging-columns", "dragging-events-for-row-cell", "get-data-item-id", "has-nested-content", "has-nested-rows", "has-left-overflow", "has-right-overflow", "highlighted-rows", "hovered-row-index", "hovered-over-column-state", "is-data-item-disabled", "is-row-last-child", "is-measuring-column-widths", "row-actions-maximum-width", "row-actions", "row-data", "row-index", "row-set-size", "show-frozen-columns-separator", "should-show-nested-content", "should-show-nested-rows", "selectable", "selected-items", "onOnFrozenColumnsKeyPress", "onSelectRow", "onSelectNestedRow"]);
             }), 128))
           ], 32))
-        ], 42, ks),
-        l(ze) ? (c(), B(l(ts), {
+        ], 42, Fs),
+        o(Ue) ? (f(), B(o(os), {
           key: 2,
-          loading: l(y),
-          "is-infinite-scroll": l(hn),
-          "onUpdate:showMore": l(_n)
+          loading: o(w),
+          "is-infinite-scroll": o(wn),
+          "onUpdate:showMore": o(Sn)
         }, null, 8, ["loading", "is-infinite-scroll", "onUpdate:showMore"])) : k("", !0),
-        e.stickyHorizontalScrollbar ? (c(), R("div", {
+        e.stickyHorizontalScrollbar ? (f(), R("div", {
           key: 3,
           ref_key: "virtualHorizontalScrollbarRef",
           ref: a,
-          class: ue(["b-data-grid__horizontal-scrollbar", l(yn)]),
+          class: ce(["b-data-grid__horizontal-scrollbar", o(Ln)]),
           "aria-hidden": "true",
           "data-testid": "sticky-horizontal-scrollbar",
-          onScroll: F[8] || (F[8] = //@ts-ignore
-          (...j) => l(ht) && l(ht)(...j))
+          onScroll: z[8] || (z[8] = //@ts-ignore
+          (...j) => o(ht) && o(ht)(...j))
         }, [
           A("div", {
-            style: Me({ width: `${l(ce)}px`, height: "15px" })
+            style: Me({ width: `${o(fe)}px`, height: "15px" })
           }, null, 4)
         ], 34)) : k("", !0),
-        l(te) && !l(ze) ? (c(), R("div", {
+        o(te) && !o(Ue) ? (f(), R("div", {
           key: 4,
           "data-testid": "pagination-container",
-          class: ue(["b-data-grid__pagination", Rn.value])
+          class: ce(["b-data-grid__pagination", Tn.value])
         }, [
-          K(l(Qn), oe(l(te), {
-            "aria-label": `${l(wt)} navigation`,
-            onNavigate: zn,
-            onItemsPage: Un
+          Y(o(nl), oe(o(te), {
+            "aria-label": `${o(wt)} navigation`,
+            onNavigate: Bn,
+            onItemsPage: Wn
           }), {
-            default: H(() => [
-              l(t)("pagination-slot") ? Oe($.$slots, "pagination-slot", { key: 0 }, void 0, !0) : k("", !0)
+            default: V(() => [
+              o(t)("pagination-slot") ? pe(I.$slots, "pagination-slot", { key: 0 }, void 0, !0) : k("", !0)
             ]),
             _: 3
           }, 16, ["aria-label"])
         ], 2)) : k("", !0),
-        $.$slots.footer ? (c(), R("div", zs, [
-          Oe($.$slots, "footer", {}, void 0, !0)
+        I.$slots.footer ? (f(), R("div", Bs, [
+          pe(I.$slots, "footer", {}, void 0, !0)
         ])) : k("", !0),
-        kn.value ? (c(), B(l(Jn), {
+        Fn.value ? (f(), B(o(tl), {
           key: 6,
           actions: e.bulkActions,
           "item-counter": yt.value,
-          "extra-bottom-spacing": l(U),
-          onClose: F[9] || (F[9] = (j) => l(gt)(!1))
+          "extra-bottom-spacing": o(U),
+          onClose: z[9] || (z[9] = (j) => o(gt)(!1))
         }, null, 8, ["actions", "item-counter", "extra-bottom-spacing"])) : k("", !0)
-      ], 10, Is);
+      ], 10, ks);
     };
   }
-}), Ii = /* @__PURE__ */ re(Ps, [["__scopeId", "data-v-dda536df"]]);
+}), ki = /* @__PURE__ */ de(Gs, [["__scopeId", "data-v-2862ac97"]]);
 export {
   tt as B,
-  Ti as a,
+  Di as a,
   Te as b,
   Ie as c,
-  Ii as d,
-  D as e,
+  ki as d,
+  $ as e,
   Ve as f
 };
-//# sourceMappingURL=data-grid.CsyayKK3.js.map
+//# sourceMappingURL=data-grid.DsZQ-F9m.js.map