@adyen/bento-vue3 1.40.0 → 1.41.0

package/dist/chunks/{data-grid.DR-w_KKU.js → data-grid.BC2tOBxm.js}

@@ -1,149 +1,149 @@
-import { ref as O, reactive as Xe, toRefs as Ke, computed as w, watchEffect as An, watch as ce, onMounted as Je, nextTick as ue, onUnmounted as kt, onBeforeUpdate as Rn, openBlock as u, createElementBlock as E, mergeProps as X, toDisplayString as x, createCommentVNode as k, createElementVNode as p, defineComponent as Ce, normalizeClass as oe, Fragment as fe, renderList as me, unref as o, toHandlers as Ge, createVNode as q, createBlock as z, withCtx as W, renderSlot as Ee, withModifiers as Tn, resolveComponent as de, createTextVNode as le, withDirectives as Qe, vShow as Nn, toRef as Ut, resolveDirective as $n, Transition as zt, createSlots as Re, resolveDynamicComponent as Ie, useSlots as et, provide as Dn, normalizeStyle as Ae, inject as ct, normalizeProps as Mn, guardReactiveProps as kn } from "vue";
-import { C as Un } from "./checkmark-circle-fill.ChV7Jy6r.js";
-import { W as zn } from "./warning-filled.Dm_HhqzW.js";
-import { _ as K } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { C as Ft } from "./cross.OvPfvoqX.js";
-import { N as ft } from "./checkbox-input.D8ZUqd4m.js";
-import { l as gt } from "./events.FNmSWp_P.js";
-import { K as _e, B as Fn } from "./tooltip.BEl_LdFo.js";
-import { c as Pn } from "./popper-container.types.BCZMbVFD.js";
-import { B as Bn } from "./action-bar.CNH2XWmk.js";
-import { B as Wn } from "./pagination.B-OihXTg.js";
-import { B as Pt } from "./loading-indicator.N_WV9Gwz.js";
-import { B as Ve, p as Bt } from "./typography.DNzU41ah.js";
-import { u as Hn } from "./aria-label.CaUURpnB.js";
-import { g as Gn } from "./get-slot-text.D5WBGjic.js";
-import { u as we } from "./i18n.CPGoe9tN.js";
-import { B as Vn } from "./empty-state.CpXSj1aU.js";
-import { B as We } from "./filter-bar.DiW13x-f.js";
-import { E as xn } from "./tabs.keys.Bc2pSKRw.js";
-import { D as Zn } from "./data-grid-template.keys.2_AkxuNT.js";
+import { ref as I, reactive as Xe, toRefs as Ke, computed as O, watchEffect as kn, watch as ce, onMounted as Je, nextTick as ue, onUnmounted as zt, onBeforeUpdate as zn, openBlock as u, createElementBlock as E, mergeProps as Y, toDisplayString as j, createCommentVNode as M, createElementVNode as p, defineComponent as he, normalizeClass as ne, Fragment as fe, renderList as Ce, unref as l, toHandlers as He, createVNode as q, createBlock as U, withCtx as G, renderSlot as be, withModifiers as Un, resolveComponent as de, createTextVNode as oe, withDirectives as Qe, vShow as Fn, toRef as Ut, resolveDirective as Pn, Transition as Ft, createSlots as $e, resolveDynamicComponent as Ne, useSlots as et, provide as Bn, normalizeStyle as Ie, inject as ft, normalizeProps as Wn, guardReactiveProps as Gn } from "vue";
+import { C as Hn } from "./checkmark-circle-fill.ChV7Jy6r.js";
+import { W as Vn } from "./warning-filled.Dm_HhqzW.js";
+import { _ as X } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import { C as Pt } from "./cross.OvPfvoqX.js";
+import { N as gt } from "./checkbox-input.D8ZUqd4m.js";
+import { l as vt } from "./events.FNmSWp_P.js";
+import { K as Le, B as xn } from "./tooltip.BEl_LdFo.js";
+import { c as Zn } from "./popper-container.types.BCZMbVFD.js";
+import { B as jn } from "./action-bar.BZIBGja0.js";
+import { B as qn } from "./pagination.D_4FRHE9.js";
+import { B as Bt } from "./loading-indicator.N_WV9Gwz.js";
+import { B as Ve, p as Wt } from "./typography.DNzU41ah.js";
+import { u as Yn } from "./aria-label.CaUURpnB.js";
+import { g as Xn } from "./get-slot-text.D5WBGjic.js";
+import { u as Oe } from "./i18n.CPGoe9tN.js";
+import { B as Kn } from "./empty-state.CpXSj1aU.js";
+import { B as We } from "./filter-bar.pKcJryD3.js";
+import { E as Jn } from "./tabs.keys.Bc2pSKRw.js";
+import { D as Qn } from "./data-grid-template.keys.2_AkxuNT.js";
 import { o as tt } from "./resize.Bqks3WUm.js";
-import { a as vt, B as jn } from "./popover.HArIkKve.js";
-import { B as Wt } from "./button.pwNCxwPu.js";
+import { a as mt, B as el } from "./popover.HArIkKve.js";
+import { B as Gt } from "./button.pwNCxwPu.js";
 import { B as Ht } from "./toggle.Bme9eaeR.js";
-import { B as qn } from "./search-bar.DN-QKFlJ.js";
-import { u as Yn } from "./dropdown.DBxpqjEM.js";
-import { B as Xn } from "./directive.O3yEdalv.js";
-import { g as Gt } from "./generate-uid.D-HFI38h.js";
-import { S as Kn } from "./search.EnLryD8V.js";
+import { B as tl } from "./search-bar.D_4u91te.js";
+import { u as nl } from "./dropdown.CMKdLPHi.js";
+import { B as ll } from "./directive.O3yEdalv.js";
+import { g as Vt } from "./generate-uid.D-HFI38h.js";
+import { S as sl } from "./search.EnLryD8V.js";
 import { B as nt } from "./toggle-button.Bf77_tMh.js";
-import { B as Vt } from "./checkbox.DfUxRkJe.js";
-import { B as Jn } from "./info-icon.CNPSAUM6.js";
-import { B as qe, O as Qn, D as el } from "./menu.DXVN_WLr.js";
-import { A as tl } from "./dialog-page.CnDOg98_.js";
-import { u as xt } from "./use-has-slot.B7eQSabc.js";
-import { u as nl } from "./use-expandable-content-height.GkjjbmPy.js";
-import { C as ll } from "./copy.dbbJppdL.js";
-import { C as sl, a as ol } from "./chevron-up.DQZG_BP3.js";
-import { B as mt, a as Ct } from "./loading-button.CHujR70I.js";
+import { B as xt } from "./checkbox.DdMkyTo5.js";
+import { B as ol } from "./info-icon.CNPSAUM6.js";
+import { B as qe, O as il, D as al } from "./menu.DXVN_WLr.js";
+import { A as rl } from "./dialog-page.CnDOg98_.js";
+import { u as Zt } from "./use-has-slot.B7eQSabc.js";
+import { u as dl } from "./use-expandable-content-height.GkjjbmPy.js";
+import { C as ul } from "./copy.dbbJppdL.js";
+import { C as cl, a as fl } from "./chevron-up.DQZG_BP3.js";
+import { B as Ct, a as ht } from "./loading-button.CHujR70I.js";
 import "../assets/data-grid.css";
-var Ye = /* @__PURE__ */ ((e) => (e.WRAP = "wrap", e.ELLIPSIS = "ellipsis", e))(Ye || {}), pe = /* @__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))(pe || {}), Se = /* @__PURE__ */ ((e) => (e.ASCENDING = "asc", e.DESCENDING = "desc", e))(Se || {}), $ = /* @__PURE__ */ ((e) => (e.COLUMNS = "columns", e.COLUMN_RESIZE = "column-resize", e.ITEMS_PAGE = "items-page", e.NAVIGATE = "navigate", e.FILTER_SEARCH_INPUT = "filter-search-input", e.FILTER_SEARCH_CLEAR = "filter-search-clear", e.UPDATE_COLUMNS = "update:columns", e.UPDATE_CONDENSED = "update:condensed", e.UPDATE_FILTERS = "update:filters", e.UPDATE_FILTER_VALUES = "update:filter-values", e.UPDATE_FILTER_SEARCH_TERM = "update:filter-search-term", e.UPDATE_PAGINATION = "update:pagination", e.UPDATE_SELECTION = "update:selection", e.UPDATE_SHOW_MORE = "update:show-more", e.UPDATE_SORT_BY = "update:sort-by", e.ROW_CLICK = "row-click", e.SELECT = "select", e.SELECT_ALL_ACROSS_PAGES = "select-all-across-pages", e.SORT = "sort", e))($ || {}), He = /* @__PURE__ */ ((e) => (e.ASCENDING = "ascending", e.DESCENDING = "descending", e.NONE = "none", e))(He || {}), Y = /* @__PURE__ */ ((e) => (e.COLUMN_RESIZE = "column-resize", e.COLUMN_RESIZING = "column-resizing", e.SORT = "sort", e.SELECT_ALL_ROWS = "select-all-rows", e.SELECT_ALL_ACROSS_PAGES = "select-all-across-pages", e.COLUMN_MOVE = "column-move", e.COLUMN_UPDATE = "column-update", e.COLUMN_MENU_OPEN = "column-menu-open", e.COLUMN_MENU_CLOSE = "column-menu-close", e.COLUMN_HOVER = "column-hover", e.COLUMN_DRAG_START = "column-dragstart", e.COLUMN_DRAG_ENTER = "column-dragenter", e.COLUMN_DRAG_END = "column-dragend", e.COLUMN_DROP = "column-drop", e))(Y || {});
-const il = (e, l) => {
-  const c = O(null), t = O(!1), d = O(void 0), i = e.value.reduce((L, S) => (L[S.field] = null, L), {}), s = Xe(i), _ = Ke(s);
-  let g = 0, b = "";
-  const y = w(
-    () => Object.fromEntries(e.value.map(({ field: L, width: S, minWidth: A }) => [L, { width: S, minWidth: A }]))
+var Ye = /* @__PURE__ */ ((e) => (e.WRAP = "wrap", e.ELLIPSIS = "ellipsis", e))(Ye || {}), Ee = /* @__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))(Ee || {}), Se = /* @__PURE__ */ ((e) => (e.ASCENDING = "asc", e.DESCENDING = "desc", e))(Se || {}), $ = /* @__PURE__ */ ((e) => (e.COLUMNS = "columns", e.COLUMN_RESIZE = "column-resize", e.ITEMS_PAGE = "items-page", e.NAVIGATE = "navigate", e.FILTER_SEARCH_INPUT = "filter-search-input", e.FILTER_SEARCH_CLEAR = "filter-search-clear", e.UPDATE_COLUMNS = "update:columns", e.UPDATE_CONDENSED = "update:condensed", e.UPDATE_FILTERS = "update:filters", e.UPDATE_FILTER_VALUES = "update:filter-values", e.UPDATE_FILTER_SEARCH_TERM = "update:filter-search-term", e.UPDATE_PAGINATION = "update:pagination", e.UPDATE_SELECTION = "update:selection", e.UPDATE_SHOW_MORE = "update:show-more", e.UPDATE_SORT_BY = "update:sort-by", e.ROW_CLICK = "row-click", e.SELECT = "select", e.SELECT_ALL_ACROSS_PAGES = "select-all-across-pages", e.SORT = "sort", e))($ || {}), Ge = /* @__PURE__ */ ((e) => (e.ASCENDING = "ascending", e.DESCENDING = "descending", e.NONE = "none", e))(Ge || {}), K = /* @__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))(K || {});
+const gl = (e, o) => {
+  const f = I(null), t = I(!1), r = I(void 0), i = e.value.reduce((_, w) => (_[w.field] = null, _), {}), s = Xe(i), h = Ke(s);
+  let C = 0, y = "";
+  const b = O(
+    () => Object.fromEntries(e.value.map(({ field: _, width: w, minWidth: A }) => [_, { width: w, minWidth: A }]))
   );
-  An(() => d.value = y.value);
-  let f = null, N = null;
-  const n = (L) => {
-    const S = L.clientX - g, A = b, P = d.value[A].width + S;
-    d.value[A].width = P > y.value[A].minWidth ? P : y.value[A].minWidth, l(Y.COLUMN_RESIZING, d.value), g = L.clientX;
-  }, C = () => {
-    t.value = !1, f == null || f(), N == null || N(), b && l(Y.COLUMN_RESIZE, {
-      field: b,
-      width: d.value[b].width
-    }), f = null, N = null, b = "", g = null;
-  }, a = (L, S, A) => {
-    if (A.preventDefault(), L) {
+  kn(() => r.value = b.value);
+  let c = null, S = null;
+  const n = (_) => {
+    const w = _.clientX - C, A = y, F = r.value[A].width + w;
+    r.value[A].width = F > b.value[A].minWidth ? F : b.value[A].minWidth, o(K.COLUMN_RESIZING, r.value), C = _.clientX;
+  }, g = () => {
+    t.value = !1, c == null || c(), S == null || S(), y && o(K.COLUMN_RESIZE, {
+      field: y,
+      width: r.value[y].width
+    }), c = null, S = null, y = "", C = null;
+  }, a = (_, w, A) => {
+    if (A.preventDefault(), _) {
       if (t.value = !0, A.buttons !== 1) {
-        C();
+        g();
         return;
       }
-      b = S, g = A.clientX, f = gt(window, "mousemove", n), N = gt(window, "mouseup", C);
+      y = w, C = A.clientX, c = vt(window, "mousemove", n), S = vt(window, "mouseup", g);
     }
   };
   return ce(
     () => t.value,
-    (L, S) => {
-      !L && S && (l(Y.COLUMN_HOVER, c.value), c.value = null);
+    (_, w) => {
+      !_ && w && (o(K.COLUMN_HOVER, f.value), f.value = null);
     }
   ), {
-    resizeData: d,
-    allColumnRefs: _,
+    resizeData: r,
+    allColumnRefs: h,
     startResize: a,
     isResizing: t,
-    columnHoverEventToEmitAfterResizing: c
+    columnHoverEventToEmitAfterResizing: f
   };
-}, al = 100, ht = 50, se = "b-actions-column", rl = 32, dl = 56, ul = 56, cl = 80, fl = 36, gl = 1, Zt = 16, vl = 20, ml = (e, l, c) => {
-  const t = {}, d = [], i = (_) => {
-    const g = t[_];
-    g && g.frozen !== !0 && (t[_].frozen = !0, d.push(_));
+}, vl = 100, _t = 50, ie = "b-actions-column", ml = 32, Cl = 56, hl = 56, _l = 80, Ll = 36, pl = 1, jt = 16, El = 20, bl = (e, o, f) => {
+  const t = {}, r = [], i = (h) => {
+    const C = t[h];
+    C && C.frozen !== !0 && (t[h].frozen = !0, r.push(h));
   };
   function s() {
-    if (d.length === c.length)
+    if (r.length === f.length)
       return;
-    const _ = { min: {}, max: {} };
-    let g = e, b = l, y = 0;
-    d.forEach((f) => {
-      g -= t[f].computedWidth, b -= t[f].flex;
+    const h = { min: {}, max: {} };
+    let C = e, y = o, b = 0;
+    r.forEach((c) => {
+      C -= t[c].computedWidth, y -= t[c].flex;
     });
-    for (let f = 0, N = c.length; f < N; f += 1) {
-      const n = c[f];
+    for (let c = 0, S = f.length; c < S; c += 1) {
+      const n = f[c];
       if (t[n.field] && t[n.field].frozen === !0)
         continue;
-      let a = g / b * n.flex;
-      a < n.minWidth && (y += n.minWidth - a, a = n.minWidth, _.min[n.field] = !0), t[n.field] = {
+      let a = C / y * n.flex;
+      a < n.minWidth && (b += n.minWidth - a, a = n.minWidth, h.min[n.field] = !0), t[n.field] = {
         frozen: !1,
         computedWidth: a,
         flex: n.flex
       };
     }
-    y > 0 ? Object.keys(_.min).forEach((f) => {
-      i(f);
-    }) : c.forEach(({ field: f }) => {
-      i(f);
+    b > 0 ? Object.keys(h.min).forEach((c) => {
+      i(c);
+    }) : f.forEach(({ field: c }) => {
+      i(c);
     }), s();
   }
   return s(), t;
-}, _t = (e, l) => {
-  let c = gl;
-  return l && (c += Zt * 2), e != null && e.offsetWidth ? e.offsetWidth + c : 0;
-}, Cl = (e) => {
-  var l, c, t, d;
-  return (l = e == null ? void 0 : e.hasNestedContent) != null && l.value ? (c = e == null ? void 0 : e.hasSelectableColumn) != null && c.value ? (t = e == null ? void 0 : e.hasSelectableAcrossPages) != null && t.value ? cl : ul : fl : (d = e == null ? void 0 : e.hasSelectableAcrossPages) != null && d.value ? dl : rl;
-}, hl = (e, l, c, t, d, i) => {
-  const s = O(e.value), _ = O(l), g = O(c), b = O(t), y = O(d), f = O(!1);
+}, Lt = (e, o) => {
+  let f = pl;
+  return o && (f += jt * 2), e != null && e.offsetWidth ? e.offsetWidth + f : 0;
+}, Sl = (e) => {
+  var o, f, t, r;
+  return (o = e == null ? void 0 : e.hasNestedContent) != null && o.value ? (f = e == null ? void 0 : e.hasSelectableColumn) != null && f.value ? (t = e == null ? void 0 : e.hasSelectableAcrossPages) != null && t.value ? _l : hl : Ll : (r = e == null ? void 0 : e.hasSelectableAcrossPages) != null && r.value ? Cl : ml;
+}, yl = (e, o, f, t, r, i) => {
+  const s = I(e.value), h = I(o), C = I(f), y = I(t), b = I(r), c = I(!1);
   ce(
     () => e.value,
-    (m, h) => {
-      var G, J;
-      const D = (m == null ? void 0 : m.map(({ field: v }) => v).toString()) === (h == null ? void 0 : h.map(({ field: v }) => v).toString());
-      if (!((G = i == null ? void 0 : i.allowColumnDragAndDrop) != null && G.value) || !D) {
+    (v, L) => {
+      var H, J;
+      const D = (v == null ? void 0 : v.map(({ field: m }) => m).toString()) === (L == null ? void 0 : L.map(({ field: m }) => m).toString());
+      if (!((H = i == null ? void 0 : i.allowColumnDragAndDrop) != null && H.value) || !D) {
         s.value = e.value;
         return;
       }
-      s.value = ((J = s.value) == null ? void 0 : J.length) === 0 ? e.value : e.value.sort((v, H) => {
-        const U = s.value.findIndex((V) => V.field === v.field), M = s.value.findIndex((V) => V.field === H.field);
-        return U === -1 ? 1 : M === -1 ? -1 : U - M;
+      s.value = ((J = s.value) == null ? void 0 : J.length) === 0 ? e.value : e.value.sort((m, B) => {
+        const k = s.value.findIndex((V) => V.field === m.field), N = s.value.findIndex((V) => V.field === B.field);
+        return k === -1 ? 1 : N === -1 ? -1 : k - N;
       });
     }
   );
-  const N = O();
+  const S = I();
   let n = null;
-  const C = w(() => {
-    var U, M;
-    const m = [];
-    let h = 0, D = 0;
-    const G = {};
+  const g = O(() => {
+    var k, N;
+    const v = [];
+    let L = 0, D = 0;
+    const H = {};
     let J = s.value.filter((V) => V.visible !== !1);
-    const v = s.value.filter((V) => V.visible === !1);
-    if ((U = i == null ? void 0 : i.hasSelectableColumn) != null && U.value || (M = i == null ? void 0 : i.hasNestedContent) != null && M.value) {
-      const V = Cl(i);
+    const m = s.value.filter((V) => V.visible === !1);
+    if ((k = i == null ? void 0 : i.hasSelectableColumn) != null && k.value || (N = i == null ? void 0 : i.hasNestedContent) != null && N.value) {
+      const V = Sl(i);
       J = [
         {
-          field: se,
+          field: ie,
           label: "",
           minWidth: V,
           width: V,
@@ -154,312 +154,313 @@ const il = (e, l) => {
       ];
     }
     J.forEach((V) => {
-      const B = { ...V };
-      let ae;
-      B.flex && B.flex > 0 ? (h += B.flex, ae = 0, m.push(B)) : ae = Math.max(
-        (B == null ? void 0 : B.width) ?? al,
-        (B == null ? void 0 : B.minWidth) ?? ht
-      ), D += ae, B.width = ae, B.minWidth = (B == null ? void 0 : B.minWidth) ?? ht, G[B.field] = B;
+      const P = { ...V };
+      let ge;
+      P.flex && P.flex > 0 ? (L += P.flex, ge = 0, v.push(P)) : ge = Math.max(
+        (P == null ? void 0 : P.width) ?? vl,
+        (P == null ? void 0 : P.minWidth) ?? _t
+      ), D += ge, P.width = ge, P.minWidth = (P == null ? void 0 : P.minWidth) ?? _t, H[P.field] = P;
     });
-    const H = Math.max(N.value - D, 0);
-    if (h > 0 && N.value > 0) {
-      const V = ml(H, h, m);
-      Object.keys(V).forEach((B) => {
-        G[B].width = V[B].computedWidth;
+    const B = Math.max(S.value - D, 0);
+    if (L > 0 && S.value > 0) {
+      const V = bl(B, L, v);
+      Object.keys(V).forEach((P) => {
+        H[P].width = V[P].computedWidth;
       });
     }
-    return v.forEach((V) => {
-      const B = { ...V };
-      G[B.field] = B;
-    }), Object.values(G);
-  }), a = O(void 0), L = (m) => {
-    a.value = { ...a.value, ...m };
-  }, S = async () => {
-    s.value.some((m) => m == null ? void 0 : m.autoWidth) && (f.value = !0, await ue(), await ue(), s == null || s.value.filter((m) => m == null ? void 0 : m.autoWidth).forEach(({ field: m, minWidth: h }) => {
-      var v, H, U, M;
-      const D = _t(
-        (v = b.value) == null ? void 0 : v[m],
-        (H = i == null ? void 0 : i.hasColumnPanel) == null ? void 0 : H.value
-      ), G = (M = (U = y.value) == null ? void 0 : U[m]) == null ? void 0 : M.reduce(
-        (V, B) => Math.max(V, _t(B)),
+    return m.forEach((V) => {
+      const P = { ...V };
+      H[P.field] = P;
+    }), Object.values(H);
+  }), a = I(void 0), _ = (v) => {
+    a.value = { ...a.value, ...v };
+  }, w = async () => {
+    s.value.some((v) => v == null ? void 0 : v.autoWidth) && (c.value = !0, await ue(), await ue(), s == null || s.value.filter((v) => v == null ? void 0 : v.autoWidth).forEach(({ field: v, minWidth: L }) => {
+      var m, B, k, N;
+      const D = Lt(
+        (m = y.value) == null ? void 0 : m[v],
+        (B = i == null ? void 0 : i.hasColumnPanel) == null ? void 0 : B.value
+      ), H = (N = (k = b.value) == null ? void 0 : k[v]) == null ? void 0 : N.reduce(
+        (V, P) => Math.max(V, Lt(P)),
         0
-      ), J = Math.max(D, G ?? 0);
-      (h === void 0 || J > h) && L({
-        [m]: {
+      ), J = Math.max(D, H ?? 0);
+      (L === void 0 || J > L) && _({
+        [v]: {
           width: J
         }
       });
-    }), f.value = !1);
+    }), c.value = !1);
   };
-  ce([() => s.value, () => _.value], async () => {
-    s.value.some((m) => m == null ? void 0 : m.autoWidth) && await S();
+  ce([() => s.value, () => h.value], async () => {
+    s.value.some((v) => v == null ? void 0 : v.autoWidth) && await w();
   });
-  const A = w(
-    () => C.value.map((m) => {
-      var h, D;
+  const A = O(
+    () => g.value.map((v) => {
+      var L, D;
       return {
-        ...m,
+        ...v,
         // Override column width with resized ones
-        width: ((D = (h = a.value) == null ? void 0 : h[m.field]) == null ? void 0 : D.width) ?? m.width
+        width: ((D = (L = a.value) == null ? void 0 : L[v.field]) == null ? void 0 : D.width) ?? v.width
       };
     })
-  ), P = w(
+  ), F = O(
     () => {
-      var m;
-      return (m = A.value) == null ? void 0 : m.filter(({ visible: h }) => h !== !1).reduce((h, D) => D.width + h, 0);
+      var v;
+      return (v = A.value) == null ? void 0 : v.filter(({ visible: L }) => L !== !1).reduce((L, D) => D.width + L, 0);
     }
-  ), j = w(
-    () => N.value <= P.value
-  ), ie = w(() => ({
-    width: N.value > P.value ? "100%" : "fit-content"
+  ), x = O(
+    () => S.value <= F.value
+  ), ae = O(() => ({
+    width: S.value > F.value ? "100%" : "fit-content"
   }));
   return Je(() => {
-    var h;
-    const m = i != null && i.isDataGridTemplate ? vl : 0;
+    var L;
+    const v = i != null && i.isDataGridTemplate ? El : 0;
     ue(() => {
-      g.value && (N.value = g.value.getBoundingClientRect().width - m);
+      C.value && (S.value = C.value.getBoundingClientRect().width - v);
       const D = ce(
-        g,
+        C,
         () => {
-          g.value && (ue(() => D()), n = tt(g.value, ({ width: G }) => {
-            N.value = G - m;
+          C.value && (ue(() => D()), n = tt(C.value, ({ width: H }) => {
+            S.value = H - v;
           }));
         },
         { immediate: !0 }
       );
-    }), (h = document == null ? void 0 : document.fonts) != null && h.ready ? document.fonts.ready.then(() => {
-      S();
-    }) : S();
-  }), kt(() => {
+    }), (L = document == null ? void 0 : document.fonts) != null && L.ready ? document.fonts.ready.then(() => {
+      w();
+    }) : w();
+  }), zt(() => {
     n == null || n.disconnect();
-  }), Rn(() => {
-    var m;
-    y.value && ((m = Object.keys(y.value)) == null ? void 0 : m.length) > 0 && Object.keys(y.value).forEach((D) => {
-      y.value[D] = [];
+  }), zn(() => {
+    var v;
+    b.value && ((v = Object.keys(b.value)) == null ? void 0 : v.length) > 0 && Object.keys(b.value).forEach((D) => {
+      b.value[D] = [];
     });
   }), {
     columnDefs: A,
-    gridColumnWidthStyle: ie,
-    onColumnWidthOverride: L,
-    isMeasuringColumnWidths: f,
-    isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: j,
-    columns: s
+    gridColumnWidthStyle: ae,
+    onColumnWidthOverride: _,
+    isMeasuringColumnWidths: c,
+    isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: x,
+    columns: s,
+    totalWidthOfAllColumns: F
   };
-}, _l = (e, l, c, t, d) => {
-  const i = O(e.value ?? []), s = Xe({
+}, wl = (e, o, f, t, r) => {
+  const i = I(e.value ?? []), s = Xe({
     allItemsSelected: !1,
     isIndeterminate: !1
-  }), _ = () => {
-    l($.SELECT, i.value), l($.UPDATE_SELECTION, i.value);
-  }, g = (f) => {
-    var n, C, a, L, S;
-    if (i.value = f, ((n = c.value) == null ? void 0 : n.length) > 0 && ((C = c.value) == null ? void 0 : C.filter((A) => !d(A)).every((A) => i.value.includes(t(A))))) {
+  }), h = () => {
+    o($.SELECT, i.value), o($.UPDATE_SELECTION, i.value);
+  }, C = (c) => {
+    var n, g, a, _, w;
+    if (i.value = c, ((n = f.value) == null ? void 0 : n.length) > 0 && ((g = f.value) == null ? void 0 : g.filter((A) => !r(A)).every((A) => i.value.includes(t(A))))) {
       s.allItemsSelected = !0;
-      const A = ((a = c.value) == null ? void 0 : a.length) > 0 && c.value.every((P) => i.value.includes(t(P)));
+      const A = ((a = f.value) == null ? void 0 : a.length) > 0 && f.value.every((F) => i.value.includes(t(F)));
       s.isIndeterminate = !A;
     } else
-      s.allItemsSelected = !1, s.isIndeterminate = ((L = i.value) == null ? void 0 : L.length) > 0 && ((S = c.value) == null ? void 0 : S.length) > 0 && c.value.some((A) => i.value.includes(t(A)));
-  }, b = (f) => {
+      s.allItemsSelected = !1, s.isIndeterminate = ((_ = i.value) == null ? void 0 : _.length) > 0 && ((w = f.value) == null ? void 0 : w.length) > 0 && f.value.some((A) => i.value.includes(t(A)));
+  }, y = (c) => {
     ue(() => {
-      var N, n, C;
-      if (s.allItemsSelected = f, f) {
-        i.value = (n = (N = c.value) == null ? void 0 : N.filter((L) => !d(L))) == null ? void 0 : n.map((L) => t(L));
-        const a = ((C = c.value) == null ? void 0 : C.length) > 0 && c.value.every((L) => i.value.includes(t(L)));
+      var S, n, g;
+      if (s.allItemsSelected = c, c) {
+        i.value = (n = (S = f.value) == null ? void 0 : S.filter((_) => !r(_))) == null ? void 0 : n.map((_) => t(_));
+        const a = ((g = f.value) == null ? void 0 : g.length) > 0 && f.value.every((_) => i.value.includes(t(_)));
         s.isIndeterminate = i.value.length > 0 && !a;
       } else
         i.value = [], s.isIndeterminate = !1;
-      _();
+      h();
     });
-  }, y = (f) => {
+  }, b = (c) => {
     ue(() => {
-      g(f), _();
+      C(c), h();
     });
   };
   return ce(
     () => e.value,
     () => {
-      g(e.value ?? []);
+      C(e.value ?? []);
     },
     { immediate: !0 }
   ), ce(
-    () => c.value,
+    () => f.value,
     () => {
-      g(i.value);
+      C(i.value);
     }
-  ), { onAllRowSelect: b, onRowSelect: y, allItemsSelectedState: s, selectedItems: i };
-}, Ll = (e, l, c) => ({ isSorting: (s) => e.value.some((_) => _.field === s), getSortingDirection: (s) => {
-  var _;
-  return (_ = e.value.find((g) => g.field === s)) == null ? void 0 : _.direction;
+  ), { onAllRowSelect: y, onRowSelect: b, allItemsSelectedState: s, selectedItems: i };
+}, Ol = (e, o, f) => ({ isSorting: (s) => e.value.some((h) => h.field === s), getSortingDirection: (s) => {
+  var h;
+  return (h = e.value.find((C) => C.field === s)) == null ? void 0 : h.direction;
 }, sortByColumnField: (s) => {
-  var b;
-  if (!l.value.some((y) => y.field === s && y.sortable))
+  var y;
+  if (!o.value.some((b) => b.field === s && b.sortable))
     return;
-  const g = [{
+  const C = [{
     field: s,
-    direction: ((b = e.value.find((y) => y.field === s)) == null ? void 0 : b.direction) === Se.ASCENDING ? Se.DESCENDING : Se.ASCENDING
+    direction: ((y = e.value.find((b) => b.field === s)) == null ? void 0 : y.direction) === Se.ASCENDING ? Se.DESCENDING : Se.ASCENDING
   }];
-  c(Y.SORT, g);
+  f("sort", C);
 } });
-var ne = ((e) => (e[e.ARROW_DOWN = _e.ARROW_DOWN] = "ARROW_DOWN", e[e.ARROW_UP = _e.ARROW_UP] = "ARROW_UP", e[e.ARROW_LEFT = _e.ARROW_LEFT] = "ARROW_LEFT", e[e.ARROW_RIGHT = _e.ARROW_RIGHT] = "ARROW_RIGHT", e[e.PAGE_UP = _e.PAGE_UP] = "PAGE_UP", e[e.PAGE_DOWN = _e.PAGE_DOWN] = "PAGE_DOWN", e[e.END = _e.END] = "END", e[e.HOME = _e.HOME] = "HOME", e))(ne || {});
-const pl = (e, l, c) => {
-  const t = w(() => {
-    const n = l.value.filter(({ visible: C }) => C !== !1);
-    return c.value ? n.length + 1 : n.length;
-  }), d = w(
-    () => [...Object.values(e.value)].flat(1).sort((n, C) => {
-      const a = Number(n.getAttribute("data-cellindex")), L = Number(C.getAttribute("data-cellindex"));
-      return a > L ? 1 : L > a ? -1 : 0;
+var se = ((e) => (e[e.ARROW_DOWN = Le.ARROW_DOWN] = "ARROW_DOWN", e[e.ARROW_UP = Le.ARROW_UP] = "ARROW_UP", e[e.ARROW_LEFT = Le.ARROW_LEFT] = "ARROW_LEFT", e[e.ARROW_RIGHT = Le.ARROW_RIGHT] = "ARROW_RIGHT", e[e.PAGE_UP = Le.PAGE_UP] = "PAGE_UP", e[e.PAGE_DOWN = Le.PAGE_DOWN] = "PAGE_DOWN", e[e.END = Le.END] = "END", e[e.HOME = Le.HOME] = "HOME", e))(se || {});
+const Il = (e, o, f) => {
+  const t = O(() => {
+    const n = o.value.filter(({ visible: g }) => g !== !1);
+    return f.value ? n.length + 1 : n.length;
+  }), r = O(
+    () => [...Object.values(e.value)].flat(1).sort((n, g) => {
+      const a = Number(n.getAttribute("data-cellindex")), _ = Number(g.getAttribute("data-cellindex"));
+      return a > _ ? 1 : _ > a ? -1 : 0;
     })
-  ), i = (n) => Math.floor(n / t.value), s = (n, C, a) => {
-    const L = d.value.length - 1, S = t.value - 1, A = i(n), P = n - t.value * A;
+  ), i = (n) => Math.floor(n / t.value), s = (n, g, a) => {
+    const _ = r.value.length - 1, w = t.value - 1, A = i(n), F = n - t.value * A;
     return {
-      [ne.PAGE_UP]: P,
-      [ne.PAGE_DOWN]: L - S + P,
-      [ne.END]: a ? L : t.value * A + S,
-      [ne.HOME]: a ? 0 : t.value * A
-    }[C];
-  }, _ = (n, C) => {
-    const L = {
-      [ne.ARROW_DOWN]: t.value,
-      [ne.ARROW_UP]: -t.value,
-      [ne.ARROW_LEFT]: -1,
-      [ne.ARROW_RIGHT]: 1
-    }[C], S = n + L;
-    return S < 0 || S >= d.value.length ? n : S;
-  }, g = (n) => [
-    ne.PAGE_UP,
-    ne.PAGE_DOWN,
-    ne.END,
-    ne.HOME
-  ].includes(n), b = (n, C, a) => {
-    const L = d.value.indexOf(n);
-    return g(C) ? s(L, C, a) : _(L, C);
-  }, y = (n, C, a) => {
-    if (!d.value.includes(n))
+      [se.PAGE_UP]: F,
+      [se.PAGE_DOWN]: _ - w + F,
+      [se.END]: a ? _ : t.value * A + w,
+      [se.HOME]: a ? 0 : t.value * A
+    }[g];
+  }, h = (n, g) => {
+    const _ = {
+      [se.ARROW_DOWN]: t.value,
+      [se.ARROW_UP]: -t.value,
+      [se.ARROW_LEFT]: -1,
+      [se.ARROW_RIGHT]: 1
+    }[g], w = n + _;
+    return w < 0 || w >= r.value.length ? n : w;
+  }, C = (n) => [
+    se.PAGE_UP,
+    se.PAGE_DOWN,
+    se.END,
+    se.HOME
+  ].includes(n), y = (n, g, a) => {
+    const _ = r.value.indexOf(n);
+    return C(g) ? s(_, g, a) : h(_, g);
+  }, b = (n, g, a) => {
+    if (!r.value.includes(n))
       return;
-    const L = b(n, C, a);
-    d.value[L].focus();
-  }, f = (n) => n in ne;
+    const _ = y(n, g, a);
+    r.value[_].focus();
+  }, c = (n) => n in se;
   return {
-    isNavigationKeyCode: f,
-    focusOnNextGridcell: y,
+    isNavigationKeyCode: c,
+    focusOnNextGridcell: b,
     navigationInput: (n) => {
-      const { ctrlKey: C, keyCode: a, target: L } = n;
-      Object.values(e.value).flat(1).includes(L) && f(a) && y(L, a, C);
+      const { ctrlKey: g, keyCode: a, target: _ } = n;
+      Object.values(e.value).flat(1).includes(_) && c(a) && b(_, a, g);
     }
   };
-}, El = 90, Sl = (e, l, c, t, d) => {
-  const i = O(e), s = O(l), _ = O(c), g = O(t), b = w(() => i.value !== "none"), y = w(() => i.value === "automatic"), f = () => {
-    d($.UPDATE_SHOW_MORE);
+}, Al = 90, Rl = (e, o, f, t, r) => {
+  const i = I(e), s = I(o), h = I(f), C = I(t), y = O(() => i.value !== "none"), b = O(() => i.value === "automatic"), c = () => {
+    r($.UPDATE_SHOW_MORE);
   };
   return ce(
     () => s.value,
     () => {
-      y.value && _.value.offsetHeight / s.value * 100 > El && !g.value && f();
+      b.value && h.value.offsetHeight / s.value * 100 > Al && !C.value && c();
     }
-  ), { isLazyLoad: b, isInfiniteScroll: y, verticalScrollPosition: s, emitLazyLoadEvent: f };
-}, bl = (e, l, c) => {
-  const t = O(e), d = O(l), i = Xe({
+  ), { isLazyLoad: y, isInfiniteScroll: b, verticalScrollPosition: s, emitLazyLoadEvent: c };
+}, Tl = (e, o, f) => {
+  const t = I(e), r = I(o), i = Xe({
     dragging: null,
     dragToLeft: null,
     target: null
-  }), s = (n, C = 0) => {
-    const a = t.value.findIndex((A) => A.field === n.field), L = a + C;
-    if (L < 0 || L > t.value.length - 1)
+  }), s = (n, g = 0) => {
+    const a = t.value.findIndex((A) => A.field === n.field), _ = a + g;
+    if (_ < 0 || _ > t.value.length - 1)
       return;
-    const S = [...t.value];
-    S.splice(L, 0, S.splice(a, 1)[0]), c($.COLUMNS, S), c($.UPDATE_COLUMNS, S);
-  }, _ = (n, C) => {
-    i.dragging = n, C.dataTransfer.setData("text", ""), C.dataTransfer.dropEffect = "move";
-  }, g = (n, C) => {
+    const w = [...t.value];
+    w.splice(_, 0, w.splice(a, 1)[0]), f($.COLUMNS, w), f($.UPDATE_COLUMNS, w);
+  }, h = (n, g) => {
+    i.dragging = n, g.dataTransfer.setData("text", ""), g.dataTransfer.dropEffect = "move";
+  }, C = (n, g) => {
     i.target = n;
-    const a = C.currentTarget.getBoundingClientRect(), L = a.left + a.width / 2, S = C.clientX ?? 0;
-    i.dragToLeft = S <= L;
-  }, b = (n) => {
-    var C, a;
-    if (((C = i.dragging) == null ? void 0 : C.field) !== n.field) {
-      const L = t.value.findIndex((m) => {
-        var h;
-        return m.field === ((h = i.dragging) == null ? void 0 : h.field);
-      }), S = t.value.findIndex((m) => m.field === n.field), A = i.dragToLeft ? S : S + 1, P = A > L ? A - 1 : A;
-      let j = [...t.value];
-      j.splice(
-        P === -1 ? 0 : P,
+    const a = g.currentTarget.getBoundingClientRect(), _ = a.left + a.width / 2, w = g.clientX ?? 0;
+    i.dragToLeft = w <= _;
+  }, y = (n) => {
+    var g, a;
+    if (((g = i.dragging) == null ? void 0 : g.field) !== n.field) {
+      const _ = t.value.findIndex((v) => {
+        var L;
+        return v.field === ((L = i.dragging) == null ? void 0 : L.field);
+      }), w = t.value.findIndex((v) => v.field === n.field), A = i.dragToLeft ? w : w + 1, F = A > _ ? A - 1 : A;
+      let x = [...t.value];
+      x.splice(
+        F === -1 ? 0 : F,
         0,
-        j.splice(L, 1)[0]
+        x.splice(_, 1)[0]
       );
-      const ie = t.value.findIndex((m) => !(m != null && m.frozen));
-      ((a = i.dragging) == null ? void 0 : a.frozen) !== n.frozen && A !== ie && (j = j.map(
-        (m) => {
-          var h;
-          return ((h = i.dragging) == null ? void 0 : h.field) === m.field ? { ...m, frozen: !!(n != null && n.frozen) } : m;
+      const ae = t.value.findIndex((v) => !(v != null && v.frozen));
+      ((a = i.dragging) == null ? void 0 : a.frozen) !== n.frozen && A !== ae && (x = x.map(
+        (v) => {
+          var L;
+          return ((L = i.dragging) == null ? void 0 : L.field) === v.field ? { ...v, frozen: !!(n != null && n.frozen) } : v;
         }
-      )), c($.COLUMNS, j), c($.UPDATE_COLUMNS, j);
+      )), f($.COLUMNS, x), f($.UPDATE_COLUMNS, x);
     }
     i.dragging = null, i.target = null;
-  }, y = () => {
+  }, b = () => {
     i.dragging = null, i.dragToLeft = null, i.target = null;
-  }, f = w(() => d.value ? {
-    [Y.COLUMN_DRAG_START]: (n, C) => _(n, C),
-    [Y.COLUMN_DRAG_ENTER]: (n, C) => g(n, C),
-    [Y.COLUMN_DROP]: (n) => b(n),
-    [Y.COLUMN_DRAG_END]: () => y()
-  } : {}), N = w(() => (n) => d.value ? {
-    dragenter: (C) => {
-      C.preventDefault(), g(n, C);
+  }, c = O(() => r.value ? {
+    [K.COLUMN_DRAG_START]: (n, g) => h(n, g),
+    [K.COLUMN_DRAG_ENTER]: (n, g) => C(n, g),
+    [K.COLUMN_DROP]: (n) => y(n),
+    [K.COLUMN_DRAG_END]: () => b()
+  } : {}), S = O(() => (n) => r.value ? {
+    dragenter: (g) => {
+      g.preventDefault(), C(n, g);
     },
     drop: () => {
-      b(n);
+      y(n);
     },
-    dragover: (C) => {
-      C.preventDefault();
+    dragover: (g) => {
+      g.preventDefault();
     }
   } : {});
   return {
     // Values
     draggingColumns: i,
     // Methods
-    draggingEventsForColumns: f,
-    draggingEventsForRowCell: N,
+    draggingEventsForColumns: c,
+    draggingEventsForRowCell: S,
     onMoveColumnByOffset: s
   };
-}, yl = (e, l) => {
-  const c = O(e), t = w(
-    () => [...c.value].sort((f, N) => f.frozen === N.frozen ? 0 : f.frozen ? -1 : 1)
-  ), d = w(
-    () => t.value.filter((f) => f.frozen && f.visible !== !1)
-  ), i = w(
-    () => t.value.filter((f) => !f.frozen && f.visible !== !1)
-  ), s = w(
+}, Nl = (e, o) => {
+  const f = I(e), t = O(
+    () => [...f.value].sort((c, S) => c.frozen === S.frozen ? 0 : c.frozen ? -1 : 1)
+  ), r = O(
+    () => t.value.filter((c) => c.frozen && c.visible !== !1)
+  ), i = O(
+    () => t.value.filter((c) => !c.frozen && c.visible !== !1)
+  ), s = O(
     () => [
-      { columnSet: d.value, id: "frozen", isFrozenColumns: !0 },
+      { columnSet: r.value, id: "frozen", isFrozenColumns: !0 },
       { columnSet: i.value, id: "unfrozen" }
-    ].filter(({ columnSet: f }) => f.length)
-  ), _ = w(
-    () => c.value.filter((f) => (f == null ? void 0 : f.visible) !== !1 && (f == null ? void 0 : f.field) !== se).length === 1
-  ), g = (f) => l($.UPDATE_CONDENSED, f), b = (f) => {
-    l($.COLUMNS, f), l($.UPDATE_COLUMNS, f);
+    ].filter(({ columnSet: c }) => c.length)
+  ), h = O(
+    () => f.value.filter((c) => (c == null ? void 0 : c.visible) !== !1 && (c == null ? void 0 : c.field) !== ie).length === 1
+  ), C = (c) => o($.UPDATE_CONDENSED, c), y = (c) => {
+    o($.COLUMNS, c), o($.UPDATE_COLUMNS, c);
   };
   return {
     // Values
     columnSets: s,
-    isOnlyOneVisibleColumn: _,
+    isOnlyOneVisibleColumn: h,
     sortedColumns: t,
     // Methods
-    onConfigSettingsUpdate: g,
-    onConfigSettingsColumnsUpdate: b,
-    onConfigSettingsColumnUpdate: (f) => {
-      const N = t.value.map(
-        (n) => (n == null ? void 0 : n.field) === f.field ? f : n
+    onConfigSettingsUpdate: C,
+    onConfigSettingsColumnsUpdate: y,
+    onConfigSettingsColumnUpdate: (c) => {
+      const S = t.value.map(
+        (n) => (n == null ? void 0 : n.field) === c.field ? c : n
       );
-      b(N);
+      y(S);
     }
   };
-}, Lt = (e, l) => {
-  const c = O(0);
+}, pt = (e, o) => {
+  const f = I(0);
   let t = null;
-  const d = () => {
-    e != null && e.value && l.value && (c.value = e.value.offsetHeight);
+  const r = () => {
+    e != null && e.value && o.value && (f.value = e.value.offsetHeight);
   };
   return Je(() => {
     ue(() => {
@@ -467,320 +468,335 @@ const pl = (e, l, c) => {
         e,
         () => {
           e != null && e.value && (ue(() => i()), t = tt(e.value, () => {
-            d();
+            r();
           }));
         },
         { immediate: !0 }
       );
       ce(
-        l,
+        o,
         () => {
-          l.value ? d() : c.value = 0;
+          o.value ? r() : f.value = 0;
         },
         { immediate: !0 }
       );
     });
-  }), kt(() => {
+  }), zt(() => {
     t == null || t.disconnect();
-  }), c;
-}, wl = (e, l, c) => {
-  const t = O(0), d = O(!1), i = O(!1);
-  return ce(
-    () => t.value,
+  }), f;
+}, $l = (e, o, f, t, r) => {
+  const i = I(0), s = I(!1), h = I(!1);
+  ce(
+    () => i.value,
     () => {
-      e.value.scrollLeft = t.value, l.value.scrollLeft = t.value, d.value = !!t.value, i.value = l.value.scrollWidth - l.value.offsetWidth > t.value;
+      e.value.scrollLeft = i.value, o.value.scrollLeft = i.value, s.value = !!i.value, h.value = o.value.scrollWidth - o.value.offsetWidth > i.value;
     }
   ), Je(async () => {
-    var g, b;
-    await ue(), await ue(), ((g = l.value) == null ? void 0 : g.offsetWidth) < ((b = l.value) == null ? void 0 : b.scrollWidth) && (i.value = !0);
-  }), {
+    var S, n;
+    await ue(), await ue(), ((S = o.value) == null ? void 0 : S.offsetWidth) < ((n = o.value) == null ? void 0 : n.scrollWidth) && (h.value = !0);
+  });
+  const C = (S) => {
+    if (i.value = S.target.scrollLeft, f.value = e.value.scrollHeight - S.target.scrollTop, t != null && t.value) {
+      const n = S.target.scrollLeft;
+      t.value.scrollLeft !== n && (t.value.scrollLeft = n);
+    }
+  }, y = (S) => {
+    S.key !== "Tab" && S.key !== "ArrowRight" && S.key !== "ArrowLeft" || (S.preventDefault(), e.value.scrollLeft = 0, e.value.style.overflowX = "hidden", setTimeout(() => {
+      e.value.style.overflowX = "auto";
+    }));
+  }, b = (S) => {
+    const n = S.target.scrollLeft;
+    e.value.scrollLeft !== n && (e.value.scrollLeft = n);
+  }, c = O(() => {
+    var S, n, g;
+    return {
+      "b-data-grid__horizontal-scrollbar--sticky-pagination": ((S = r == null ? void 0 : r.pagination) == null ? void 0 : S.value) && ((n = r == null ? void 0 : r.stickyPagination) == null ? void 0 : n.value) && !((g = r == null ? void 0 : r.isLazyLoad) != null && g.value)
+    };
+  });
+  return {
     // Values
-    scrollLeftPosition: t,
-    hasLeftOverflow: d,
-    hasRightOverflow: i,
+    scrollLeftPosition: i,
+    hasLeftOverflow: s,
+    hasRightOverflow: h,
+    horizontalScrollbarConditionalClasses: c,
     // Methods
-    updateScrollPosition: (g) => {
-      t.value = g.target.scrollLeft, c.value = e.value.scrollHeight - g.target.scrollTop;
-    },
-    updateScrollPositionOnFrozenColumnsNavigation: (g) => {
-      g.key !== "Tab" && g.key !== "ArrowRight" && g.key !== "ArrowLeft" || (g.preventDefault(), e.value.scrollLeft = 0, e.value.style.overflowX = "hidden", setTimeout(() => {
-        e.value.style.overflowX = "auto";
-      }));
-    }
+    updateScrollPosition: C,
+    updateScrollPositionOnFrozenColumnsNavigation: y,
+    syncVirtualScrollerWithBody: b
   };
-}, Ol = (e, l, c, t) => {
-  const d = O(null), i = w(() => {
-    var a, L, S, A;
-    if (!d.value || d.value.field === se)
+}, Dl = (e, o, f, t) => {
+  const r = I(null), i = O(() => {
+    var a, _, w, A;
+    if (!r.value || r.value.field === ie)
       return {
         hoveredOverColumnField: "",
         isSeparatorOffset: !1,
         noBorderLeft: !1,
         noBorderRight: !1
       };
-    const s = (L = (a = e.value.find((P) => P.isFrozenColumns)) == null ? void 0 : a.columnSet) == null ? void 0 : L.filter((P) => P.field !== se), _ = e.value.find((P) => !(P != null && P.isFrozenColumns)), g = d.value.frozen && (s == null ? void 0 : s[0].field) === d.value.field, b = !d.value.frozen && ((S = _ == null ? void 0 : _.columnSet) == null ? void 0 : S[0].field) === d.value.field, y = (l.value || c.value) && g, f = (l.value || c.value) && !s && b, N = s && b, n = (s == null ? void 0 : s.length) > 0 && d.value.frozen && (s == null ? void 0 : s[s.length - 1].field) === d.value.field, C = c.value && t.value && !d.value.frozen && ((A = _ == null ? void 0 : _.columnSet) == null ? void 0 : A[_.columnSet.length - 1].field) === d.value.field;
+    const s = (_ = (a = e.value.find((F) => F.isFrozenColumns)) == null ? void 0 : a.columnSet) == null ? void 0 : _.filter((F) => F.field !== ie), h = e.value.find((F) => !(F != null && F.isFrozenColumns)), C = r.value.frozen && (s == null ? void 0 : s[0].field) === r.value.field, y = !r.value.frozen && ((w = h == null ? void 0 : h.columnSet) == null ? void 0 : w[0].field) === r.value.field, b = (o.value || f.value) && C, c = (o.value || f.value) && !s && y, S = s && y, n = (s == null ? void 0 : s.length) > 0 && r.value.frozen && (s == null ? void 0 : s[s.length - 1].field) === r.value.field, g = f.value && t.value && !r.value.frozen && ((A = h == null ? void 0 : h.columnSet) == null ? void 0 : A[h.columnSet.length - 1].field) === r.value.field;
     return {
-      hoveredOverColumnField: d.value.field,
-      isSeparatorOffset: C,
-      noBorderLeft: !!y || !!f || !!N,
-      noBorderRight: !!n || !!C
+      hoveredOverColumnField: r.value.field,
+      isSeparatorOffset: g,
+      noBorderLeft: !!b || !!c || !!S,
+      noBorderRight: !!n || !!g
     };
   });
   return {
-    hoveredOverColumn: d,
+    hoveredOverColumn: r,
     hoveredOverColumnState: i
   };
 };
-let pt = 0;
-const Il = {
+let Et = 0;
+const Ml = {
   beforeCreate() {
-    this.uuid = pt.toString(), pt += 1;
+    this.uuid = Et.toString(), Et += 1;
   }
-}, Al = { key: 0 }, Rl = ["clip-path"], Tl = ["id"];
-function Nl(e, l, c, t, d, i) {
-  return u(), E("svg", X({ role: "img" }, e.$attrs, {
+}, kl = { key: 0 }, zl = ["clip-path"], Ul = ["id"];
+function Fl(e, o, f, t, r, i) {
+  return u(), E("svg", Y({ 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"] ? (u(), E("title", Al, x(e.$attrs["svg-title"]), 1)) : k("", !0),
+    e.$attrs["svg-title"] ? (u(), E("title", kl, j(e.$attrs["svg-title"]), 1)) : M("", !0),
     p("g", {
       fill: "#00112C",
       "clip-path": "url(#uia-icons-16-arrow_up_down_sort__a" + e.uuid + ")"
-    }, l[0] || (l[0] = [
+    }, o[0] || (o[0] = [
       p("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),
       p("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, Rl),
+    ]), 8, zl),
     p("defs", null, [
       p("clipPath", {
         id: "uia-icons-16-arrow_up_down_sort__a" + e.uuid
-      }, l[1] || (l[1] = [
+      }, o[1] || (o[1] = [
         p("rect", {
           width: "16",
           height: "16",
           fill: "#fff"
         }, null, -1)
-      ]), 8, Tl)
+      ]), 8, Ul)
     ])
   ], 16);
 }
-const $l = /* @__PURE__ */ K(Il, [["render", Nl]]);
-let Et = 0;
-const Dl = {
+const Pl = /* @__PURE__ */ X(Ml, [["render", Fl]]);
+let bt = 0;
+const Bl = {
   beforeCreate() {
-    this.uuid = Et.toString(), Et += 1;
+    this.uuid = bt.toString(), bt += 1;
   }
-}, Ml = { key: 0 };
-function kl(e, l, c, t, d, i) {
-  return u(), E("svg", X({ role: "img" }, e.$attrs, {
+}, Wl = { key: 0 };
+function Gl(e, o, f, t, r, i) {
+  return u(), E("svg", Y({ 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"] ? (u(), E("title", Ml, x(e.$attrs["svg-title"]), 1)) : k("", !0),
-    l[0] || (l[0] = p("path", {
+    e.$attrs["svg-title"] ? (u(), E("title", Wl, j(e.$attrs["svg-title"]), 1)) : M("", !0),
+    o[0] || (o[0] = p("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 Ul = /* @__PURE__ */ K(Dl, [["render", kl]]);
+const Hl = /* @__PURE__ */ X(Bl, [["render", Gl]]);
 let St = 0;
-const zl = {
+const Vl = {
   beforeCreate() {
     this.uuid = St.toString(), St += 1;
   }
-}, Fl = { key: 0 }, Pl = ["clip-path"], Bl = ["id"];
-function Wl(e, l, c, t, d, i) {
-  return u(), E("svg", X({ role: "img" }, e.$attrs, {
+}, xl = { key: 0 }, Zl = ["clip-path"], jl = ["id"];
+function ql(e, o, f, t, r, i) {
+  return u(), E("svg", Y({ 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"] ? (u(), E("title", Fl, x(e.$attrs["svg-title"]), 1)) : k("", !0),
+    e.$attrs["svg-title"] ? (u(), E("title", xl, j(e.$attrs["svg-title"]), 1)) : M("", !0),
     p("g", {
       "clip-path": "url(#uia-icons-16-freeze__a" + e.uuid + ")"
-    }, l[0] || (l[0] = [
+    }, o[0] || (o[0] = [
       p("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, Pl),
+    ]), 8, Zl),
     p("defs", null, [
       p("clipPath", {
         id: "uia-icons-16-freeze__a" + e.uuid
-      }, l[1] || (l[1] = [
+      }, o[1] || (o[1] = [
         p("rect", {
           width: "16",
           height: "16",
           fill: "#fff",
           transform: "matrix(1 0 0 -1 0 16)"
         }, null, -1)
-      ]), 8, Bl)
+      ]), 8, jl)
     ])
   ], 16);
 }
-const jt = /* @__PURE__ */ K(zl, [["render", Wl]]);
-let bt = 0;
-const Hl = {
+const qt = /* @__PURE__ */ X(Vl, [["render", ql]]);
+let yt = 0;
+const Yl = {
   beforeCreate() {
-    this.uuid = bt.toString(), bt += 1;
+    this.uuid = yt.toString(), yt += 1;
   }
-}, Gl = { key: 0 };
-function Vl(e, l, c, t, d, i) {
-  return u(), E("svg", X({ role: "img" }, e.$attrs, {
+}, Xl = { key: 0 };
+function Kl(e, o, f, t, r, i) {
+  return u(), E("svg", Y({ 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"] ? (u(), E("title", Gl, x(e.$attrs["svg-title"]), 1)) : k("", !0),
-    l[0] || (l[0] = p("path", {
+    e.$attrs["svg-title"] ? (u(), E("title", Xl, j(e.$attrs["svg-title"]), 1)) : M("", !0),
+    o[0] || (o[0] = p("path", {
       fill: "#00112C",
       d: "M2.99035 14.0608L14.051 3.00011L12.9903 1.93945L1.92969 13.0001L2.99035 14.0608Z"
     }, null, -1)),
-    l[1] || (l[1] = p("path", {
+    o[1] || (o[1] = p("path", {
       fill: "#00112C",
       d: "M13.9404 5.23L12.8704 6.3C13.4704 6.97 13.9004 7.62 14.1304 8C13.4704 9.07 11.2504 12.25 8.00039 12.25C7.67039 12.25 7.34039 12.22 7.03039 12.14L5.80039 13.37C6.48039 13.61 7.21039 13.75 8.00039 13.75C12.7425 13.75 15.4838 8.69421 15.6649 8.36011C15.6671 8.35603 15.6689 8.35265 15.6704 8.35L15.8504 8L15.6704 7.65C15.6204 7.55 15.0204 6.43 13.9404 5.23Z"
     }, null, -1)),
-    l[2] || (l[2] = p("path", {
+    o[2] || (o[2] = p("path", {
       fill: "#00112C",
       d: "M8.96039 3.85C8.65039 3.78 8.33039 3.75 8.00039 3.75C4.75039 3.75 2.53039 6.93 1.87039 8C2.10039 8.38 2.53039 9.02 3.12039 9.69L2.06039 10.75C0.98039 9.56 0.380391 8.45 0.330391 8.35L0.150391 8L0.330391 7.65C0.331838 7.64735 0.333668 7.64397 0.33588 7.63989C0.517034 7.30578 3.25829 2.25 8.00039 2.25C8.79039 2.25 9.52039 2.39 10.1904 2.62L8.96039 3.85Z"
     }, null, -1))
   ], 16);
 }
-const xl = /* @__PURE__ */ K(Hl, [["render", Vl]]);
-let yt = 0;
-const Zl = {
+const Jl = /* @__PURE__ */ X(Yl, [["render", Kl]]);
+let wt = 0;
+const Ql = {
   beforeCreate() {
-    this.uuid = yt.toString(), yt += 1;
+    this.uuid = wt.toString(), wt += 1;
   }
-}, jl = { key: 0 }, ql = ["clip-path"], Yl = ["id"];
-function Xl(e, l, c, t, d, i) {
-  return u(), E("svg", X({ role: "img" }, e.$attrs, {
+}, es = { key: 0 }, ts = ["clip-path"], ns = ["id"];
+function ls(e, o, f, t, r, i) {
+  return u(), E("svg", Y({ 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"] ? (u(), E("title", jl, x(e.$attrs["svg-title"]), 1)) : k("", !0),
+    e.$attrs["svg-title"] ? (u(), E("title", es, j(e.$attrs["svg-title"]), 1)) : M("", !0),
     p("g", {
       fill: "#00112C",
       "clip-path": "url(#uia-icons-16-sort_ascending__a" + e.uuid + ")"
-    }, l[0] || (l[0] = [
+    }, o[0] || (o[0] = [
       p("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),
       p("path", { d: "M6.75 7.25H1.25V8.75H6.75V7.25Z" }, null, -1),
       p("path", { d: "M1.25 11.25H8.75V12.75H1.25V11.25Z" }, null, -1),
       p("path", { d: "M6.75 3.25H1.25V4.75H6.75V3.25Z" }, null, -1)
-    ]), 8, ql),
+    ]), 8, ts),
     p("defs", null, [
       p("clipPath", {
         id: "uia-icons-16-sort_ascending__a" + e.uuid
-      }, l[1] || (l[1] = [
+      }, o[1] || (o[1] = [
         p("rect", {
           width: "16",
           height: "16",
           fill: "#fff"
         }, null, -1)
-      ]), 8, Yl)
+      ]), 8, ns)
     ])
   ], 16);
 }
-const Kl = /* @__PURE__ */ K(Zl, [["render", Xl]]);
-let wt = 0;
-const Jl = {
+const ss = /* @__PURE__ */ X(Ql, [["render", ls]]);
+let Ot = 0;
+const os = {
   beforeCreate() {
-    this.uuid = wt.toString(), wt += 1;
+    this.uuid = Ot.toString(), Ot += 1;
   }
-}, Ql = { key: 0 }, es = ["clip-path"], ts = ["id"];
-function ns(e, l, c, t, d, i) {
-  return u(), E("svg", X({ role: "img" }, e.$attrs, {
+}, is = { key: 0 }, as = ["clip-path"], rs = ["id"];
+function ds(e, o, f, t, r, i) {
+  return u(), E("svg", Y({ 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"] ? (u(), E("title", Ql, x(e.$attrs["svg-title"]), 1)) : k("", !0),
+    e.$attrs["svg-title"] ? (u(), E("title", is, j(e.$attrs["svg-title"]), 1)) : M("", !0),
     p("g", {
       fill: "#00112C",
       "clip-path": "url(#uia-icons-16-sort_descending__a" + e.uuid + ")"
-    }, l[0] || (l[0] = [
+    }, o[0] || (o[0] = [
       p("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),
       p("path", { d: "M6.75 7.25H1.25V8.75H6.75V7.25Z" }, null, -1),
       p("path", { d: "M1.25 3.25H9.09V4.75H1.25V3.25Z" }, null, -1),
       p("path", { d: "M6.75 11.25H1.25V12.75H6.75V11.25Z" }, null, -1)
-    ]), 8, es),
+    ]), 8, as),
     p("defs", null, [
       p("clipPath", {
         id: "uia-icons-16-sort_descending__a" + e.uuid
-      }, l[1] || (l[1] = [
+      }, o[1] || (o[1] = [
         p("rect", {
           width: "16",
           height: "16",
           fill: "#fff"
         }, null, -1)
-      ]), 8, ts)
+      ]), 8, rs)
     ])
   ], 16);
 }
-const ls = /* @__PURE__ */ K(Jl, [["render", ns]]);
-let Ot = 0;
-const ss = {
+const us = /* @__PURE__ */ X(os, [["render", ds]]);
+let It = 0;
+const cs = {
   beforeCreate() {
-    this.uuid = Ot.toString(), Ot += 1;
+    this.uuid = It.toString(), It += 1;
   }
-}, os = { key: 0 };
-function is(e, l, c, t, d, i) {
-  return u(), E("svg", X({ role: "img" }, e.$attrs, {
+}, fs = { key: 0 };
+function gs(e, o, f, t, r, i) {
+  return u(), E("svg", Y({ 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"] ? (u(), E("title", os, x(e.$attrs["svg-title"]), 1)) : k("", !0),
-    l[0] || (l[0] = p("path", {
+    e.$attrs["svg-title"] ? (u(), E("title", fs, j(e.$attrs["svg-title"]), 1)) : M("", !0),
+    o[0] || (o[0] = p("path", {
       fill: "#00112C",
       d: "M8 5.25C6.48122 5.25 5.25 6.48122 5.25 8C5.25 9.51878 6.48122 10.75 8 10.75C9.51878 10.75 10.75 9.51878 10.75 8C10.75 6.48122 9.51878 5.25 8 5.25ZM6.75 8C6.75 7.30964 7.30964 6.75 8 6.75C8.69036 6.75 9.25 7.30964 9.25 8C9.25 8.69036 8.69036 9.25 8 9.25C7.30964 9.25 6.75 8.69036 6.75 8Z"
     }, null, -1)),
-    l[1] || (l[1] = p("path", {
+    o[1] || (o[1] = p("path", {
       fill: "#00112C",
       d: "M7.99964 2.25C5.50387 2.25 3.57073 3.66588 2.3086 4.9806C1.6704 5.64539 1.18078 6.30745 0.850599 6.80272C0.685043 7.05106 0.558349 7.2593 0.471981 7.40748C0.428769 7.48162 0.395568 7.54087 0.372564 7.58275C0.36106 7.60369 0.352097 7.6203 0.345701 7.63227L0.338032 7.64672L0.335646 7.65126L0.334488 7.65348L0.154297 8L0.334225 8.34601L0.999638 8C0.334225 8.34601 0.334814 8.34715 0.334814 8.34715L0.335646 8.34874L0.338032 8.35328L0.345701 8.36773C0.352097 8.3797 0.36106 8.39631 0.372564 8.41725C0.395568 8.45913 0.428769 8.51838 0.471981 8.59252C0.558349 8.7407 0.685043 8.94894 0.850599 9.19728C1.18078 9.69255 1.6704 10.3546 2.3086 11.0194C3.57073 12.3341 5.50387 13.75 7.99964 13.75C10.4954 13.75 12.4285 12.3341 13.6907 11.0194C14.3289 10.3546 14.8185 9.69255 15.1487 9.19728C15.3142 8.94894 15.4409 8.7407 15.5273 8.59252C15.5705 8.51838 15.6037 8.45913 15.6267 8.41725C15.6382 8.39631 15.6472 8.3797 15.6536 8.36773L15.6612 8.35328L15.6636 8.34874L15.6648 8.34652L15.845 8L15.6651 7.65399L14.9996 8C15.6651 7.65399 15.6645 7.65285 15.6645 7.65285L15.6636 7.65126L15.6612 7.64672L15.6536 7.63227C15.6472 7.6203 15.6382 7.60369 15.6267 7.58275C15.6037 7.54087 15.5705 7.48162 15.5273 7.40748C15.4409 7.2593 15.3142 7.05106 15.1487 6.80272C14.8185 6.30745 14.3289 5.64539 13.6907 4.9806C12.4285 3.66588 10.4954 2.25 7.99964 2.25ZM14.9996 8L15.6648 8.34652C15.6648 8.34652 15.6651 8.34601 14.9996 8ZM0.999638 8L0.334488 7.65348C0.334488 7.65348 0.334225 7.65399 0.999638 8ZM2.09867 8.36522C2.00649 8.22694 1.92852 8.10363 1.86519 8C1.92852 7.89637 2.00649 7.77306 2.09867 7.63478C2.39349 7.19255 2.82887 6.60461 3.39068 6.0194C4.52855 4.83412 6.09541 3.75 7.99964 3.75C9.90387 3.75 11.4707 4.83412 12.6086 6.0194C13.1704 6.60461 13.6058 7.19255 13.9006 7.63478C13.9928 7.77306 14.0708 7.89637 14.1341 8C14.0708 8.10363 13.9928 8.22694 13.9006 8.36522C13.6058 8.80745 13.1704 9.39539 12.6086 9.9806C11.4707 11.1659 9.90387 12.25 7.99964 12.25C6.09541 12.25 4.52855 11.1659 3.39068 9.9806C2.82887 9.39539 2.39349 8.80745 2.09867 8.36522Z"
     }, null, -1))
   ], 16);
 }
-const as = /* @__PURE__ */ K(ss, [["render", is]]);
-let It = 0;
-const rs = {
+const vs = /* @__PURE__ */ X(cs, [["render", gs]]);
+let At = 0;
+const ms = {
   beforeCreate() {
-    this.uuid = It.toString(), It += 1;
+    this.uuid = At.toString(), At += 1;
   }
-}, ds = { key: 0 };
-function us(e, l, c, t, d, i) {
-  return u(), E("svg", X({ role: "img" }, e.$attrs, {
+}, Cs = { key: 0 };
+function hs(e, o, f, t, r, i) {
+  return u(), E("svg", Y({ 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"] ? (u(), E("title", ds, x(e.$attrs["svg-title"]), 1)) : k("", !0),
-    l[0] || (l[0] = p("path", {
+    e.$attrs["svg-title"] ? (u(), E("title", Cs, j(e.$attrs["svg-title"]), 1)) : M("", !0),
+    o[0] || (o[0] = p("path", {
       fill: "#00112C",
       d: "M8 11.25L12.5 5.25H3.5L8 11.25Z"
     }, null, -1))
   ], 16);
 }
-const cs = /* @__PURE__ */ K(rs, [["render", us]]), qt = {
+const _s = /* @__PURE__ */ X(ms, [["render", hs]]), Yt = {
   "en-US": {
     sortColumn: "Sort {name} column",
     sortColumnInAscendingOrder: "Sort {name} column in ascending order",
@@ -812,23 +828,23 @@ const cs = /* @__PURE__ */ K(rs, [["render", us]]), qt = {
     selectAll: "すべて選択",
     unfreezeColumn: "列の固定を解除"
   }
-}, fs = ["aria-colindex", "aria-label", "aria-sort", "data-testid", "draggable", "tabindex"], gs = {
+}, Ls = ["aria-colindex", "aria-label", "aria-sort", "data-testid", "draggable", "tabindex"], ps = {
   key: 0,
   class: "b-data-grid-columns__select-column"
-}, vs = ["aria-label"], ms = { class: "b-data-grid-columns__label" }, Cs = {
+}, Es = ["aria-label"], bs = { class: "b-data-grid-columns__label" }, Ss = {
   key: 0,
   class: "b-data-grid-columns__column-info-icon"
-}, hs = {
+}, ys = {
   key: 1,
   class: "b-data-grid-columns__column-sort"
-}, _s = ["data-testid", "onMousedown"], Ls = {
+}, ws = ["data-testid", "onMousedown"], Os = {
   key: 0,
   class: "b-data-grid-columns__column-separator"
-}, ps = {
-  i18n: { messages: qt },
+}, Is = {
+  i18n: { messages: Yt },
   name: "data-grid-columns"
-}, Es = /* @__PURE__ */ Ce({
-  ...ps,
+}, As = /* @__PURE__ */ he({
+  ...Is,
   props: {
     /**
      * Column definitions using 'key' to relate to data object.
@@ -952,165 +968,165 @@ const cs = /* @__PURE__ */ K(rs, [["render", us]]), qt = {
       default: !1
     }
   },
-  emits: ["column-hover"],
-  setup(e, { expose: l, emit: c }) {
-    const t = e, d = c, i = 100, { t: s } = we({ messages: qt }), { columns: _, sortBy: g } = Ke(t), b = O({}), y = O({}), f = O(), N = O(), n = (r) => d(Y.SELECT_ALL_ROWS, r), C = (r) => r.field === se, a = w(() => [
+  emits: ["sort", "column-hover"],
+  setup(e, { expose: o, emit: f }) {
+    const t = e, r = f, i = 100, { t: s } = Oe({ messages: Yt }), { columns: h, sortBy: C } = Ke(t), y = I({}), b = I({}), c = I(), S = I(), n = (d) => r(K.SELECT_ALL_ROWS, d), g = (d) => d.field === ie, a = O(() => [
       {
         text: s("selectPage"),
         handler: () => n(!0)
       },
       {
         text: s("selectAll"),
-        handler: () => d(Y.SELECT_ALL_ACROSS_PAGES)
+        handler: () => r(K.SELECT_ALL_ACROSS_PAGES)
       }
-    ]), { startResize: L, isResizing: S, columnHoverEventToEmitAfterResizing: A } = il(_, d), { isSorting: P, getSortingDirection: j, sortByColumnField: ie } = Ll(g, _, d), m = (r) => {
+    ]), { startResize: _, isResizing: w, columnHoverEventToEmitAfterResizing: A } = gl(h, r), { isSorting: F, getSortingDirection: x, sortByColumnField: ae } = Ol(C, h, r), v = (d) => {
       var re;
-      if (!r.sortable)
+      if (!d.sortable)
         return null;
-      const R = (re = t.sortBy.find(({ field: ee }) => ee === r.field)) == null ? void 0 : re.direction;
-      return R ? {
-        [Se.ASCENDING]: He.ASCENDING,
-        [Se.DESCENDING]: He.DESCENDING
-      }[R] : He.NONE;
-    }, h = w(() => (r) => t.hasDraggableColumns ? {
-      dragstart: (R) => {
-        d(Y.COLUMN_DRAG_START, r, R);
+      const W = (re = t.sortBy.find(({ field: te }) => te === d.field)) == null ? void 0 : re.direction;
+      return W ? {
+        [Se.ASCENDING]: Ge.ASCENDING,
+        [Se.DESCENDING]: Ge.DESCENDING
+      }[W] : Ge.NONE;
+    }, L = O(() => (d) => t.hasDraggableColumns ? {
+      dragstart: (W) => {
+        r(K.COLUMN_DRAG_START, d, W);
       },
-      dragover: (R) => {
-        R.preventDefault();
+      dragover: (W) => {
+        W.preventDefault();
       },
-      dragenter: (R) => {
-        R.preventDefault(), d(Y.COLUMN_DRAG_ENTER, r, R);
+      dragenter: (W) => {
+        W.preventDefault(), r(K.COLUMN_DRAG_ENTER, d, W);
       },
       drop: () => {
-        d(Y.COLUMN_DROP, r);
+        r(K.COLUMN_DROP, d);
       },
       dragend: () => {
-        d(Y.COLUMN_DRAG_END);
+        r(K.COLUMN_DRAG_END);
       }
-    } : {}), D = w(() => (r) => [
+    } : {}), D = O(() => (d) => [
       {
         text: s("moveColumnLeft"),
-        handler: () => d(Y.COLUMN_MOVE, r, -1),
-        icon: tl,
-        disabled: t.columns[0].field === r.field
+        handler: () => r(K.COLUMN_MOVE, d, -1),
+        icon: rl,
+        disabled: t.columns[0].field === d.field
       },
       {
         text: s("moveColumnRight"),
-        handler: () => d(Y.COLUMN_MOVE, r, 1),
-        icon: Ul,
-        disabled: t.columns[t.columns.length - 1].field === r.field
+        handler: () => r(K.COLUMN_MOVE, d, 1),
+        icon: Hl,
+        disabled: t.columns[t.columns.length - 1].field === d.field
       },
       {
-        text: r != null && r.frozen ? s("unfreezeColumn") : s("freezeColumn"),
-        handler: () => d(Y.COLUMN_UPDATE, { ...r, frozen: !(r != null && r.frozen) }),
-        icon: jt
+        text: d != null && d.frozen ? s("unfreezeColumn") : s("freezeColumn"),
+        handler: () => r(K.COLUMN_UPDATE, { ...d, frozen: !(d != null && d.frozen) }),
+        icon: qt
       },
       {
-        text: (r == null ? void 0 : r.visible) !== !1 ? s("hideColumn") : s("showColumn"),
+        text: (d == null ? void 0 : d.visible) !== !1 ? s("hideColumn") : s("showColumn"),
         handler: () => {
-          d(Y.COLUMN_UPDATE, {
-            ...r,
-            visible: (r == null ? void 0 : r.visible) === !1
+          r(K.COLUMN_UPDATE, {
+            ...d,
+            visible: (d == null ? void 0 : d.visible) === !1
           });
         },
-        icon: (r == null ? void 0 : r.visible) !== !1 ? xl : as,
-        disabled: (r == null ? void 0 : r.mandatory) || (r == null ? void 0 : r.visible) !== !1 && t.isOnlyOneVisibleColumn
+        icon: (d == null ? void 0 : d.visible) !== !1 ? Jl : vs,
+        disabled: (d == null ? void 0 : d.mandatory) || (d == null ? void 0 : d.visible) !== !1 && t.isOnlyOneVisibleColumn
       }
-    ]), G = (r) => {
-      f.value = r.field, N.value && clearTimeout(N.value);
+    ]), H = (d) => {
+      c.value = d.field, S.value && clearTimeout(S.value);
     }, J = () => {
-      const r = setTimeout(() => {
-        f.value = "";
+      const d = setTimeout(() => {
+        c.value = "";
       }, i);
-      N.value = r;
-    }, v = (r) => {
-      let R = {
+      S.value = d;
+    }, m = (d) => {
+      let W = {
         mouseenter: () => {
-          G(r), S.value ? A.value = r : d("column-hover", r);
+          H(d), w.value ? A.value = d : r("column-hover", d);
         },
         mouseleave: () => {
-          J(), S.value ? A.value = null : d("column-hover", null);
+          J(), w.value ? A.value = null : r("column-hover", null);
         },
-        focus: () => G(r)
+        focus: () => H(d)
       };
-      return C(r) || (R = {
-        ...R,
-        ...h.value(r)
-      }), R;
-    }, H = (r) => r.infoIconTooltip || r.sortable || t.hasColumnPanel, U = (r, R) => {
+      return g(d) || (W = {
+        ...W,
+        ...L.value(d)
+      }), W;
+    }, B = (d) => d.infoIconTooltip || d.sortable || t.hasColumnPanel, k = (d, W) => {
       var T;
-      ((T = b.value) == null ? void 0 : T[R]) === void 0 && (b.value = { ...b.value, [R]: null }), r !== null && (b.value[R] = r);
-    }, M = w(() => {
-      var R;
-      const r = {
+      ((T = y.value) == null ? void 0 : T[W]) === void 0 && (y.value = { ...y.value, [W]: null }), d !== null && (y.value[W] = d);
+    }, N = O(() => {
+      var W;
+      const d = {
         "b-data-grid-columns--is-measuring": t.isMeasuringColumnWidths
       };
-      return (R = _.value[0]) != null && R.frozen ? {
-        ...r,
+      return (W = h.value[0]) != null && W.frozen ? {
+        ...d,
         "b-data-grid-columns--frozen": !0,
         "b-data-grid-columns--frozen-separator": t.showFrozenColumnsSeparator,
         "b-data-grid-columns--overflow-shadow-left": t.hasLeftOverflow
       } : {
-        ...r,
+        ...d,
         "b-data-grid-columns--unfrozen": !0
       };
-    }), V = (r, R) => r && R === 0 ? vt.BOTTOM_START : vt.BOTTOM_END, B = (r, R) => {
-      var T, re, ee, Ne, $e, ye, De, Me, ke, Ue;
+    }), V = (d, W) => d && W === 0 ? mt.BOTTOM_START : mt.BOTTOM_END, P = (d, W) => {
+      var T, re, te, Q, Ae, Me, ke, ze, Ue, we;
       return {
-        "b-data-grid-columns__column--column-hovered": r.field === t.hoveredOverColumnState.hoveredOverColumnField,
-        "b-data-grid-columns__column--column-hovered-no-border-left": r.field === t.hoveredOverColumnState.hoveredOverColumnField && t.hoveredOverColumnState.noBorderLeft,
-        "b-data-grid-columns__column--column-hovered-no-border-right": r.field === t.hoveredOverColumnState.hoveredOverColumnField && t.hoveredOverColumnState.noBorderRight,
-        "b-data-grid-columns__column--last-frozen-frozen-column": t.isFrozenColumns && R === _.value.length - 1,
-        "b-data-grid-columns__column--sortable": r.sortable,
-        "b-data-grid-columns__column--padding-left-unset": ((T = r == null ? void 0 : r.padding) == null ? void 0 : T.left) === !1,
-        "b-data-grid-columns__column--padding-right-unset": ((re = r == null ? void 0 : r.padding) == null ? void 0 : re.right) === !1,
-        "b-data-grid-columns__column--numeric": r == null ? void 0 : r.numeric,
-        "b-data-grid-columns__column--frozen": r == null ? void 0 : r.frozen,
-        "b-data-grid-columns__column--is-re-ordering": (r == null ? void 0 : r.field) === ((Ne = (ee = t.draggingColumns) == null ? void 0 : ee.dragging) == null ? void 0 : Ne.field),
-        "b-data-grid-columns__column--is-re-ordering-target-left": (r == null ? void 0 : r.field) === ((ye = ($e = t.draggingColumns) == null ? void 0 : $e.target) == null ? void 0 : ye.field) && ((De = t.draggingColumns) == null ? void 0 : De.dragToLeft),
-        "b-data-grid-columns__column--is-re-ordering-target-right": (r == null ? void 0 : r.field) === ((ke = (Me = t.draggingColumns) == null ? void 0 : Me.target) == null ? void 0 : ke.field) && !((Ue = t.draggingColumns) != null && Ue.dragToLeft),
-        "b-data-grid-columns__column--with-sorting-or-column-panel": r.sortable || r.infoIconTooltip || t.hasColumnPanel && f.value === r.field || t.selectableAcrossPages
+        "b-data-grid-columns__column--column-hovered": d.field === t.hoveredOverColumnState.hoveredOverColumnField,
+        "b-data-grid-columns__column--column-hovered-no-border-left": d.field === t.hoveredOverColumnState.hoveredOverColumnField && t.hoveredOverColumnState.noBorderLeft,
+        "b-data-grid-columns__column--column-hovered-no-border-right": d.field === t.hoveredOverColumnState.hoveredOverColumnField && t.hoveredOverColumnState.noBorderRight,
+        "b-data-grid-columns__column--last-frozen-frozen-column": t.isFrozenColumns && W === h.value.length - 1,
+        "b-data-grid-columns__column--sortable": d.sortable,
+        "b-data-grid-columns__column--padding-left-unset": ((T = d == null ? void 0 : d.padding) == null ? void 0 : T.left) === !1,
+        "b-data-grid-columns__column--padding-right-unset": ((re = d == null ? void 0 : d.padding) == null ? void 0 : re.right) === !1,
+        "b-data-grid-columns__column--numeric": d == null ? void 0 : d.numeric,
+        "b-data-grid-columns__column--frozen": d == null ? void 0 : d.frozen,
+        "b-data-grid-columns__column--is-re-ordering": (d == null ? void 0 : d.field) === ((Q = (te = t.draggingColumns) == null ? void 0 : te.dragging) == null ? void 0 : Q.field),
+        "b-data-grid-columns__column--is-re-ordering-target-left": (d == null ? void 0 : d.field) === ((Me = (Ae = t.draggingColumns) == null ? void 0 : Ae.target) == null ? void 0 : Me.field) && ((ke = t.draggingColumns) == null ? void 0 : ke.dragToLeft),
+        "b-data-grid-columns__column--is-re-ordering-target-right": (d == null ? void 0 : d.field) === ((Ue = (ze = t.draggingColumns) == null ? void 0 : ze.target) == null ? void 0 : Ue.field) && !((we = t.draggingColumns) != null && we.dragToLeft),
+        "b-data-grid-columns__column--with-sorting-or-column-panel": d.sortable || d.infoIconTooltip || t.hasColumnPanel && c.value === d.field || t.selectableAcrossPages
       };
-    }, ae = (r) => ({
-      "b-data-grid-columns__column-header-and-actions--numeric": r == null ? void 0 : r.numeric
-    }), be = (r) => ({
-      "b-data-grid-columns__column-actions--numeric": r == null ? void 0 : r.numeric
-    }), Ze = (r) => ({
+    }, ge = (d) => ({
+      "b-data-grid-columns__column-header-and-actions--numeric": d == null ? void 0 : d.numeric
+    }), ye = (d) => ({
+      "b-data-grid-columns__column-actions--numeric": d == null ? void 0 : d.numeric
+    }), Ze = (d) => ({
       "b-data-grid-columns__column-separator-container--is-resizeable": t.hasResizableColumns,
-      "b-data-grid-columns__column-separator-container--is-offset": t.hoveredOverColumnState.hoveredOverColumnField === r.field && t.hoveredOverColumnState.isSeparatorOffset
-    }), Te = w(() => ({
+      "b-data-grid-columns__column-separator-container--is-offset": t.hoveredOverColumnState.hoveredOverColumnField === d.field && t.hoveredOverColumnState.isSeparatorOffset
+    }), De = O(() => ({
       "b-data-grid-columns__column-header--truncated": t.truncateColumnHeaders
     }));
-    return l({
-      columnHeaderRefs: b
-    }), (r, R) => (u(), E("div", {
-      class: oe(["b-data-grid-columns", M.value]),
+    return o({
+      columnHeaderRefs: y
+    }), (d, W) => (u(), E("div", {
+      class: ne(["b-data-grid-columns", N.value]),
       "data-testid": "data-grid-columns"
     }, [
-      (u(!0), E(fe, null, me(o(_), (T, re) => (u(), E("div", X({
+      (u(!0), E(fe, null, Ce(l(h), (T, re) => (u(), E("div", Y({
         key: T.field,
         ref_for: !0,
-        ref: (ee) => U(ee, T.field),
+        ref: (te) => k(te, T.field),
         "aria-colindex": re + 1,
         "aria-label": T.label,
-        "aria-sort": m(T),
-        class: [B(T, re), "b-data-grid-columns__column"],
+        "aria-sort": v(T),
+        class: [P(T, re), "b-data-grid-columns__column"],
         "data-testid": `${T.field}-column-header`,
-        draggable: e.hasDraggableColumns && !o(S) && !C(T),
+        draggable: e.hasDraggableColumns && !l(w) && !g(T),
         role: "columnheader",
         tabindex: T.sortable || e.hasColumnPanel || T.infoIconTooltip ? "0" : "-1",
         style: { width: T.autoWidth && e.isMeasuringColumnWidths ? "auto" : `${T.width}px` }
-      }, Ge(v(T), !0)), [
-        C(T) && e.selectable ? (u(), E("div", gs, [
-          q(o(Vt), {
+      }, He(m(T), !0)), [
+        g(T) && e.selectable ? (u(), E("div", ps, [
+          q(l(xt), {
             "model-value": e.allItemsSelectedState.allItemsSelected,
             "data-testid": "checkbox-select-all",
             indeterminate: e.allItemsSelectedState.isIndeterminate,
             value: "data-grid-select-all",
             "onUpdate:modelValue": n
           }, null, 8, ["model-value", "indeterminate"]),
-          e.selectableAcrossPages ? (u(), z(o(qe), {
+          e.selectableAcrossPages ? (u(), U(l(qe), {
             key: 0,
             class: "b-data-grid-columns__select-column-menu",
             data: a.value,
@@ -1118,138 +1134,138 @@ const cs = /* @__PURE__ */ K(rs, [["render", us]]), qt = {
             "menu-fixed-positioning": "",
             button: { variant: "tertiary", condensed: !0 }
           }, {
-            iconLeft: W(() => [
-              q(o(cs), {
-                "svg-title": o(s)("selectionMenu")
+            iconLeft: G(() => [
+              q(l(_s), {
+                "svg-title": l(s)("selectionMenu")
               }, null, 8, ["svg-title"])
             ]),
             _: 1
-          }, 8, ["data"])) : k("", !0)
+          }, 8, ["data"])) : M("", !0)
         ])) : (u(), E(fe, { key: 1 }, [
           p("div", {
-            "aria-label": o(s)("columnActions", { name: T.label }),
+            "aria-label": l(s)("columnActions", { name: T.label }),
             "aria-live": "polite",
             role: "region",
-            class: oe(["b-data-grid-columns__column-header-and-actions", ae(T)])
+            class: ne(["b-data-grid-columns__column-header-and-actions", ge(T)])
           }, [
-            q(o(Ve), {
+            q(l(Ve), {
               el: "div",
               strongest: "",
-              class: oe(["b-data-grid-columns__column-header", Te.value])
+              class: ne(["b-data-grid-columns__column-header", De.value])
             }, {
-              default: W(() => [
-                Ee(r.$slots, `head-${T.field}`, { column: T }, () => [
-                  p("span", ms, x(T.label), 1)
+              default: G(() => [
+                be(d.$slots, `head-${T.field}`, { column: T }, () => [
+                  p("span", bs, j(T.label), 1)
                 ], !0)
               ]),
               _: 2
             }, 1032, ["class"]),
-            H(T) ? (u(), E("div", {
+            B(T) ? (u(), E("div", {
               key: 0,
-              class: oe(["b-data-grid-columns__column-actions", be(T)])
+              class: ne(["b-data-grid-columns__column-actions", ye(T)])
             }, [
-              T.infoIconTooltip ? (u(), E("div", Cs, [
-                q(o(Jn), {
+              T.infoIconTooltip ? (u(), E("div", Ss, [
+                q(l(ol), {
                   "tooltip-text": T.infoIconTooltip
                 }, null, 8, ["tooltip-text"])
-              ])) : k("", !0),
-              T.sortable ? (u(), E("div", hs, [
-                q(o(nt), {
+              ])) : M("", !0),
+              T.sortable ? (u(), E("div", ys, [
+                q(l(nt), {
                   condensed: "",
-                  toggled: o(P)(T.field),
+                  toggled: l(F)(T.field),
                   variant: "tertiary",
-                  onClick: (ee) => o(ie)(T.field)
+                  onClick: (te) => l(ae)(T.field)
                 }, {
-                  iconLeft: W(() => [
-                    o(j)(T.field) ? o(j)(T.field) === o(Se).ASCENDING ? (u(), z(o(Kl), {
+                  iconLeft: G(() => [
+                    l(x)(T.field) ? l(x)(T.field) === l(Se).ASCENDING ? (u(), U(l(ss), {
                       key: 1,
-                      "svg-title": o(s)("sortColumnInDescendingOrder", { name: T.label })
-                    }, null, 8, ["svg-title"])) : o(j)(T.field) === o(Se).DESCENDING ? (u(), z(o(ls), {
+                      "svg-title": l(s)("sortColumnInDescendingOrder", { name: T.label })
+                    }, null, 8, ["svg-title"])) : l(x)(T.field) === l(Se).DESCENDING ? (u(), U(l(us), {
                       key: 2,
-                      "svg-title": o(s)("sortColumnInAscendingOrder", { name: T.label })
-                    }, null, 8, ["svg-title"])) : k("", !0) : (u(), z(o($l), {
+                      "svg-title": l(s)("sortColumnInAscendingOrder", { name: T.label })
+                    }, null, 8, ["svg-title"])) : M("", !0) : (u(), U(l(Pl), {
                       key: 0,
-                      "svg-title": o(s)("sortColumn", { name: T.label })
+                      "svg-title": l(s)("sortColumn", { name: T.label })
                     }, null, 8, ["svg-title"]))
                   ]),
                   _: 2
                 }, 1032, ["toggled", "onClick"])
-              ])) : k("", !0),
-              e.hasColumnPanel && f.value === T.field ? (u(), z(o(qe), {
+              ])) : M("", !0),
+              e.hasColumnPanel && c.value === T.field ? (u(), U(l(qe), {
                 key: 2,
                 ref_for: !0,
-                ref: (ee) => y.value[T.field] = ee,
+                ref: (te) => b.value[T.field] = te,
                 class: "b-data-grid-columns__menu",
                 data: D.value(T),
                 "menu-position": V(e.hasFirstColumnPanelRightAligned, re),
                 "menu-fixed-positioning": !0,
                 button: { variant: "tertiary", condensed: !0 },
-                onOpen: R[0] || (R[0] = (ee) => r.$emit(o(Y).COLUMN_MENU_OPEN)),
-                onClose: R[1] || (R[1] = (ee) => r.$emit(o(Y).COLUMN_MENU_CLOSE))
-              }, null, 8, ["data", "menu-position"])) : k("", !0)
-            ], 2)) : k("", !0)
-          ], 10, vs),
+                onOpen: W[0] || (W[0] = (te) => d.$emit(l(K).COLUMN_MENU_OPEN)),
+                onClose: W[1] || (W[1] = (te) => d.$emit(l(K).COLUMN_MENU_CLOSE))
+              }, null, 8, ["data", "menu-position"])) : M("", !0)
+            ], 2)) : M("", !0)
+          ], 10, Es),
           p("div", {
             "data-testid": `data-grid-column-${T.field}`,
-            class: oe(["b-data-grid-columns__column-separator-container", Ze(T)]),
+            class: ne(["b-data-grid-columns__column-separator-container", Ze(T)]),
             role: "presentation",
-            onMousedown: (ee) => o(L)(e.hasResizableColumns, T.field, ee),
-            onClick: R[2] || (R[2] = Tn(() => {
+            onMousedown: (te) => l(_)(e.hasResizableColumns, T.field, te),
+            onClick: W[2] || (W[2] = Un(() => {
             }, ["stop"]))
           }, [
-            !e.isFrozenColumns || e.isFrozenColumns && re !== o(_).length - 1 ? (u(), E("div", Ls)) : k("", !0)
-          ], 42, _s)
+            !e.isFrozenColumns || e.isFrozenColumns && re !== l(h).length - 1 ? (u(), E("div", Os)) : M("", !0)
+          ], 42, ws)
         ], 64))
-      ], 16, fs))), 128))
+      ], 16, Ls))), 128))
     ], 2));
   }
-}), Ss = /* @__PURE__ */ K(Es, [["__scopeId", "data-v-5b6aca7d"]]);
-var Le = /* @__PURE__ */ ((e) => (e.CONFIG_SETTINGS = "config-settings", e.UPDATE_COLUMNS = "update:columns", e))(Le || {});
-let At = 0;
-const bs = {
+}), Rs = /* @__PURE__ */ X(As, [["__scopeId", "data-v-5b48d3ec"]]);
+var pe = /* @__PURE__ */ ((e) => (e.CONFIG_SETTINGS = "config-settings", e.UPDATE_COLUMNS = "update:columns", e))(pe || {});
+let Rt = 0;
+const Ts = {
   beforeCreate() {
-    this.uuid = At.toString(), At += 1;
+    this.uuid = Rt.toString(), Rt += 1;
   }
-}, ys = { key: 0 }, ws = ["clip-path"], Os = ["id"];
-function Is(e, l, c, t, d, i) {
-  return u(), E("svg", X({ role: "img" }, e.$attrs, {
+}, Ns = { key: 0 }, $s = ["clip-path"], Ds = ["id"];
+function Ms(e, o, f, t, r, i) {
+  return u(), E("svg", Y({ 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"] ? (u(), E("title", ys, x(e.$attrs["svg-title"]), 1)) : k("", !0),
+    e.$attrs["svg-title"] ? (u(), E("title", Ns, j(e.$attrs["svg-title"]), 1)) : M("", !0),
     p("g", {
       fill: "#00112C",
       "clip-path": "url(#uia-icons-16-settings__a" + e.uuid + ")"
-    }, l[0] || (l[0] = [
+    }, o[0] || (o[0] = [
       p("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),
       p("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, ws),
+    ]), 8, $s),
     p("defs", null, [
       p("clipPath", {
         id: "uia-icons-16-settings__a" + e.uuid
-      }, l[1] || (l[1] = [
+      }, o[1] || (o[1] = [
         p("rect", {
           width: "16",
           height: "16",
           fill: "#fff"
         }, null, -1)
-      ]), 8, Os)
+      ]), 8, Ds)
     ])
   ], 16);
 }
-const As = /* @__PURE__ */ K(bs, [["render", Is]]), Rt = {
+const ks = /* @__PURE__ */ X(Ts, [["render", Ms]]), Tt = {
   "en-US": {
     toggleColumnVisibility: "Toggle {label} column visibility",
     toggleColumnFreeze: "Toggle {label} column freeze"
   }
-}, Rs = Ce({
-  i18n: { messages: Rt },
+}, zs = he({
+  i18n: { messages: Tt },
   name: "bento-data-grid",
   components: {
-    BentoFreezeIcon: jt,
+    BentoFreezeIcon: qt,
     BentoToggle: Ht
   },
   props: {
@@ -1269,46 +1285,46 @@ const As = /* @__PURE__ */ K(bs, [["render", Is]]), Rt = {
     }
   },
   emits: ["visible-column", "updated-column"],
-  setup(e, { emit: l }) {
-    const { t: c } = we({ messages: Rt }), t = O(!1), d = w(() => {
-      var f;
-      return (f = e.column) == null ? void 0 : f.frozen;
-    }), i = w(() => {
-      var f;
-      return ((f = e.column) == null ? void 0 : f.visible) !== !1;
+  setup(e, { emit: o }) {
+    const { t: f } = Oe({ messages: Tt }), t = I(!1), r = O(() => {
+      var c;
+      return (c = e.column) == null ? void 0 : c.frozen;
+    }), i = O(() => {
+      var c;
+      return ((c = e.column) == null ? void 0 : c.visible) !== !1;
     }), s = () => {
-      l("visible-column", { ...e.column, visible: !i.value });
-    }, _ = () => {
-      l("updated-column", { ...e.column, frozen: !d.value });
-    }, g = () => {
-      d.value || (t.value = !0);
-    }, b = () => {
-      d.value || (t.value = !1);
-    }, y = w(() => ({
-      "b-data-grid-config-settings-column-row__freeze-icon--frozen": d.value
+      o("visible-column", { ...e.column, visible: !i.value });
+    }, h = () => {
+      o("updated-column", { ...e.column, frozen: !r.value });
+    }, C = () => {
+      r.value || (t.value = !0);
+    }, y = () => {
+      r.value || (t.value = !1);
+    }, b = O(() => ({
+      "b-data-grid-config-settings-column-row__freeze-icon--frozen": r.value
     }));
     return {
       // Values
       isFreezeIconOptionShown: t,
-      isColumnFrozen: d,
-      freezeIconConditionalClasses: y,
+      isColumnFrozen: r,
+      freezeIconConditionalClasses: b,
       isColumnVisible: i,
       // Methods
       toggleColumnVisibility: s,
-      showFreezeIcon: g,
-      hideFreezeIcon: b,
-      toggleColumnFreeze: _,
+      showFreezeIcon: C,
+      hideFreezeIcon: y,
+      toggleColumnFreeze: h,
       // Translations
-      t: c
+      t: f
     };
   }
 });
-function Ts(e, l, c, t, d, i) {
-  const s = de("bento-toggle"), _ = de("bento-freeze-icon");
+function Us(e, o, f, t, r, i) {
+  const s = de("bento-toggle"), h = de("bento-freeze-icon");
   return u(), E("div", {
     class: "b-data-grid-config-settings-column-row",
-    onMouseover: l[0] || (l[0] = (...g) => e.showFreezeIcon && e.showFreezeIcon(...g)),
-    onMouseleave: l[1] || (l[1] = (...g) => e.hideFreezeIcon && e.hideFreezeIcon(...g))
+    onMouseover: o[0] || (o[0] = (...C) => e.showFreezeIcon && e.showFreezeIcon(...C)),
+    onMouseleave: o[1] || (o[1] = (...C) => e.hideFreezeIcon && e.hideFreezeIcon(...C))
   }, [
     q(s, {
       "aria-label": e.t("toggleColumnVisibility", { label: e.column.label }),
@@ -1317,21 +1333,21 @@ function Ts(e, l, c, t, d, i) {
       value: e.isColumnVisible,
       onInput: e.toggleColumnVisibility
     }, {
-      default: W(() => [
-        le(x(e.column.label), 1)
+      default: G(() => [
+        oe(j(e.column.label), 1)
       ]),
       _: 1
     }, 8, ["aria-label", "disabled", "value", "onInput"]),
-    Qe(q(_, {
+    Qe(q(h, {
       "aria-label": e.t("toggleColumnFreeze", { label: e.column.label }),
-      class: oe(["b-data-grid-config-settings-column-row__freeze-icon", e.freezeIconConditionalClasses]),
+      class: ne(["b-data-grid-config-settings-column-row__freeze-icon", e.freezeIconConditionalClasses]),
       onClick: e.toggleColumnFreeze
     }, null, 8, ["aria-label", "class", "onClick"]), [
-      [Nn, e.isColumnFrozen || e.isFreezeIconOptionShown]
+      [Fn, e.isColumnFrozen || e.isFreezeIconOptionShown]
     ])
   ], 32);
 }
-const Ns = /* @__PURE__ */ K(Rs, [["render", Ts], ["__scopeId", "data-v-bb87a729"]]), Tt = {
+const Fs = /* @__PURE__ */ X(zs, [["render", Us], ["__scopeId", "data-v-bb87a729"]]), Nt = {
   "en-US": {
     closeConfigSettingsPanel: "Close configuration settings panel",
     closeSearch: "Close search",
@@ -1357,22 +1373,22 @@ const Ns = /* @__PURE__ */ K(Rs, [["render", Ts], ["__scopeId", "data-v-bb87a729
     search: "検索",
     size: "サイズ"
   }
-}, $s = Ce({
-  i18n: { messages: Tt },
+}, Ps = he({
+  i18n: { messages: Nt },
   name: "bento-data-grid",
   components: {
-    BentoButton: Wt,
-    BentoCrossIcon: Ft,
-    BentoPopover: jn,
-    BentoSettingsIcon: As,
+    BentoButton: Gt,
+    BentoCrossIcon: Pt,
+    BentoPopover: el,
+    BentoSettingsIcon: ks,
     BentoToggleButton: nt,
-    BentoDataGridConfigSettingsConfigRow: Ns,
-    BentoSearchBar: qn,
-    BentoSearchIcon: Kn,
+    BentoDataGridConfigSettingsConfigRow: Fs,
+    BentoSearchBar: tl,
+    BentoSearchIcon: sl,
     BentoToggle: Ht,
     BentoTypography: Ve
   },
-  directives: { BentoClickOutsideDirective: Xn },
+  directives: { BentoClickOutsideDirective: ll },
   props: {
     /**
      * Column definitions
@@ -1389,92 +1405,92 @@ const Ns = /* @__PURE__ */ K(Rs, [["render", Ts], ["__scopeId", "data-v-bb87a729
       default: !1
     }
   },
-  emits: [Le.CONFIG_SETTINGS, Le.UPDATE_COLUMNS],
-  setup(e, { emit: l }) {
-    const { t: c } = we({ messages: Tt }), t = O(null), d = Gt("data-grid-config-settings-popover"), i = O(null), s = O(!1), _ = O(!0), g = O(null), b = O(""), y = Ut(e, "columns"), f = O(!1), N = Yn(b, y), n = () => {
-      b.value = "";
-    }, C = w(
-      () => !e.columns.some((h) => h.visible === !1 && !h.mandatory)
+  emits: [pe.CONFIG_SETTINGS, pe.UPDATE_COLUMNS],
+  setup(e, { emit: o }) {
+    const { t: f } = Oe({ messages: Nt }), t = I(null), r = Vt("data-grid-config-settings-popover"), i = I(null), s = I(!1), h = I(!0), C = I(null), y = I(""), b = Ut(e, "columns"), c = I(!1), S = nl(y, b), n = () => {
+      y.value = "";
+    }, g = O(
+      () => !e.columns.some((L) => L.visible === !1 && !L.mandatory)
     ), a = () => {
-      n(), f.value = !f.value, f.value ? ue(() => {
-        var h;
-        return (h = i.value.$refs.bentoInputField) == null ? void 0 : h.focusInput();
+      n(), c.value = !c.value, c.value ? ue(() => {
+        var L;
+        return (L = i.value.$refs.bentoInputField) == null ? void 0 : L.focusInput();
       }) : ue(() => {
-        var h, D;
-        return (D = (h = g == null ? void 0 : g.value) == null ? void 0 : h.$el) == null ? void 0 : D.focus();
-      }), _.value = C.value;
-    }, L = (h) => h.mandatory ?? !1, S = (h) => {
-      const D = e.columns.map((G) => ({
-        ...G,
-        visible: h.field === G.field ? h.visible : G.visible
+        var L, D;
+        return (D = (L = C == null ? void 0 : C.value) == null ? void 0 : L.$el) == null ? void 0 : D.focus();
+      }), h.value = g.value;
+    }, _ = (L) => L.mandatory ?? !1, w = (L) => {
+      const D = e.columns.map((H) => ({
+        ...H,
+        visible: L.field === H.field ? L.visible : H.visible
       }));
-      l(Le.UPDATE_COLUMNS, D);
-    }, A = (h) => {
-      h ? l(
-        Le.UPDATE_COLUMNS,
+      o(pe.UPDATE_COLUMNS, D);
+    }, A = (L) => {
+      L ? o(
+        pe.UPDATE_COLUMNS,
         e.columns.map((D) => ({ ...D, visible: !0 }))
-      ) : l(
-        Le.UPDATE_COLUMNS,
+      ) : o(
+        pe.UPDATE_COLUMNS,
         e.columns.map((D) => ({ ...D, visible: (D == null ? void 0 : D.mandatory) === !0 }))
       );
-    }, P = (h) => {
-      const D = e.columns.map((G) => ({
-        ...G,
-        frozen: h.field === G.field ? !!(h != null && h.frozen) : !!(G != null && G.frozen)
+    }, F = (L) => {
+      const D = e.columns.map((H) => ({
+        ...H,
+        frozen: L.field === H.field ? !!(L != null && L.frozen) : !!(H != null && H.frozen)
       }));
-      l(Le.UPDATE_COLUMNS, D);
-    }, j = (h) => {
-      s.value = h, _.value = C.value;
+      o(pe.UPDATE_COLUMNS, D);
+    }, x = (L) => {
+      s.value = L, h.value = g.value;
     };
     return {
       // Values
       configSettingsButtonRef: t,
-      popoverId: d,
+      popoverId: r,
       isConfigSettingsPanelOpen: s,
-      allColumnsVisbilityToggleState: _,
-      filteredColumnVisibilityColumns: N,
-      searchTerm: b,
-      isColumnVisibilityFilterShown: f,
+      allColumnsVisbilityToggleState: h,
+      filteredColumnVisibilityColumns: S,
+      searchTerm: y,
+      isColumnVisibilityFilterShown: c,
       searchBarRef: i,
-      searchButtonRef: g,
-      DATAGRID_ACTIONS_COLUMN_FIELD_NAME: se,
+      searchButtonRef: C,
+      DATAGRID_ACTIONS_COLUMN_FIELD_NAME: ie,
       // Methods
-      setConfigSettingsPanelVisibility: j,
-      emitCondensedToggle: (h) => l(Le.CONFIG_SETTINGS, h),
+      setConfigSettingsPanelVisibility: x,
+      emitCondensedToggle: (L) => o(pe.CONFIG_SETTINGS, L),
       toggleAllColumnVisibility: A,
       clearAction: n,
       toggleColumnFilter: a,
-      emitVisibleColumns: S,
-      emitFrozenColumns: P,
-      onClickOutside: () => j(!1),
-      isColumnVisibilityToggleDisabled: L,
+      emitVisibleColumns: w,
+      emitFrozenColumns: F,
+      onClickOutside: () => x(!1),
+      isColumnVisibilityToggleDisabled: _,
       // Translations
-      t: c
+      t: f
     };
   }
-}), Ds = { class: "b-data-grid-config-settings" }, Ms = { class: "b-data-grid-config-settings__button-and-separator" }, ks = {
+}), Bs = { class: "b-data-grid-config-settings" }, Ws = { class: "b-data-grid-config-settings__button-and-separator" }, Gs = {
   ref: "configSettingsButtonRef",
   class: "b-data-grid-config-settings__button-container"
-}, Us = { class: "b-data-grid-config-settings__panel-header" }, zs = { class: "b-data-grid-config-settings__condensed-view-settings" }, Fs = { class: "b-data-grid-config-settings__column-visibility-settings" }, Ps = { class: "b-data-grid-config-settings__column-visibility-header" }, Bs = {
+}, Hs = { class: "b-data-grid-config-settings__panel-header" }, Vs = { class: "b-data-grid-config-settings__condensed-view-settings" }, xs = { class: "b-data-grid-config-settings__column-visibility-settings" }, Zs = { class: "b-data-grid-config-settings__column-visibility-header" }, js = {
   key: 0,
   class: "b-data-grid-config-settings__column-visibility-search"
-}, Ws = {
+}, qs = {
   key: 1,
   class: "b-data-grid-config-settings__column-visibility-show-all"
-}, Hs = { class: "b-data-grid-config-settings__column-visibility-toggles" };
-function Gs(e, l, c, t, d, i) {
-  const s = de("bento-settings-icon"), _ = de("bento-toggle-button"), g = de("bento-typography"), b = de("bento-cross-icon"), y = de("bento-button"), f = de("bento-toggle"), N = de("bento-search-icon"), n = de("bento-search-bar"), C = de("bento-data-grid-config-settings-config-row"), a = de("bento-popover"), L = $n("bento-click-outside-directive");
-  return Qe((u(), E("div", Ds, [
-    p("div", Ms, [
-      p("div", ks, [
-        q(_, {
+}, Ys = { class: "b-data-grid-config-settings__column-visibility-toggles" };
+function Xs(e, o, f, t, r, i) {
+  const s = de("bento-settings-icon"), h = de("bento-toggle-button"), C = de("bento-typography"), y = de("bento-cross-icon"), b = de("bento-button"), c = de("bento-toggle"), S = de("bento-search-icon"), n = de("bento-search-bar"), g = de("bento-data-grid-config-settings-config-row"), a = de("bento-popover"), _ = Pn("bento-click-outside-directive");
+  return Qe((u(), E("div", Bs, [
+    p("div", Ws, [
+      p("div", Gs, [
+        q(h, {
           "aria-controls": e.isConfigSettingsPanelOpen ? e.popoverId : null,
           variant: "tertiary",
           condensed: "",
           toggled: e.isConfigSettingsPanelOpen,
-          onClick: l[0] || (l[0] = (S) => e.setConfigSettingsPanelVisibility(!e.isConfigSettingsPanelOpen))
+          onClick: o[0] || (o[0] = (w) => e.setConfigSettingsPanelVisibility(!e.isConfigSettingsPanelOpen))
         }, {
-          iconLeft: W(() => [
+          iconLeft: G(() => [
             q(s, {
               "svg-title": e.t("toggleConfigSettingsPanelVisibility")
             }, null, 8, ["svg-title"])
@@ -1483,7 +1499,7 @@ function Gs(e, l, c, t, d, i) {
         }, 8, ["aria-controls", "toggled"])
       ], 512)
     ]),
-    e.configSettingsButtonRef ? (u(), z(a, {
+    e.configSettingsButtonRef ? (u(), U(a, {
       key: 0,
       id: e.popoverId,
       open: e.isConfigSettingsPanelOpen,
@@ -1492,144 +1508,144 @@ function Gs(e, l, c, t, d, i) {
       "target-element": e.configSettingsButtonRef,
       position: "bottom-end"
     }, {
-      default: W(() => [
-        p("div", Us, [
-          q(g, {
+      default: G(() => [
+        p("div", Hs, [
+          q(C, {
             el: "span",
             strongest: ""
           }, {
-            default: W(() => [
-              le(x(e.t("displayOptions")), 1)
+            default: G(() => [
+              oe(j(e.t("displayOptions")), 1)
             ]),
             _: 1
           }),
-          q(y, {
+          q(b, {
             variant: "tertiary",
-            onClick: l[1] || (l[1] = (S) => e.setConfigSettingsPanelVisibility(!1))
+            onClick: o[1] || (o[1] = (w) => e.setConfigSettingsPanelVisibility(!1))
           }, {
-            iconLeft: W(() => [
-              q(b, {
+            iconLeft: G(() => [
+              q(y, {
                 "svg-title": e.t("closeConfigSettingsPanel")
               }, null, 8, ["svg-title"])
             ]),
             _: 1
           })
         ]),
-        p("div", zs, [
-          q(g, {
+        p("div", Vs, [
+          q(C, {
             class: "b-data-grid-config-settings__condensed-view-title",
             el: "span",
             stronger: ""
           }, {
-            default: W(() => [
-              le(x(e.t("size")), 1)
+            default: G(() => [
+              oe(j(e.t("size")), 1)
             ]),
             _: 1
           }),
-          q(f, {
+          q(c, {
             "label-position": "after",
             "aria-label": e.t("condensedToggle"),
             value: e.condensed,
             onInput: e.emitCondensedToggle
           }, {
-            default: W(() => [
-              le(x(e.t("condensed")), 1)
+            default: G(() => [
+              oe(j(e.t("condensed")), 1)
             ]),
             _: 1
           }, 8, ["aria-label", "value", "onInput"])
         ]),
-        p("div", Fs, [
-          p("div", Ps, [
-            q(g, {
+        p("div", xs, [
+          p("div", Zs, [
+            q(C, {
               class: "b-data-grid-config-settings__column-visibility-title",
               el: "span",
               stronger: ""
             }, {
-              default: W(() => [
-                le(x(e.t("columns")), 1)
+              default: G(() => [
+                oe(j(e.t("columns")), 1)
               ]),
               _: 1
             }),
-            e.isColumnVisibilityFilterShown ? (u(), z(y, {
+            e.isColumnVisibilityFilterShown ? (u(), U(b, {
               key: 1,
               variant: "tertiary",
               onClick: e.toggleColumnFilter
             }, {
-              iconLeft: W(() => [
-                q(b)
+              iconLeft: G(() => [
+                q(y)
               ]),
-              default: W(() => [
-                le(" " + x(e.t("closeSearch")), 1)
+              default: G(() => [
+                oe(" " + j(e.t("closeSearch")), 1)
               ]),
               _: 1
-            }, 8, ["onClick"])) : (u(), z(y, {
+            }, 8, ["onClick"])) : (u(), U(b, {
               key: 0,
               ref: "searchButtonRef",
               variant: "tertiary",
               onClick: e.toggleColumnFilter
             }, {
-              iconLeft: W(() => [
-                q(N)
+              iconLeft: G(() => [
+                q(S)
               ]),
-              default: W(() => [
-                le(x(e.t("search")), 1)
+              default: G(() => [
+                oe(j(e.t("search")), 1)
               ]),
               _: 1
             }, 8, ["onClick"]))
           ]),
-          e.isColumnVisibilityFilterShown ? (u(), E("div", Bs, [
+          e.isColumnVisibilityFilterShown ? (u(), E("div", js, [
             q(n, {
               ref: "searchBarRef",
               value: e.searchTerm,
               "input-field-aria-label": e.t("columnVisibilitySearchFilter").toString(),
-              onInput: l[2] || (l[2] = (S) => e.searchTerm = S),
+              onInput: o[2] || (o[2] = (w) => e.searchTerm = w),
               onClear: e.clearAction,
               onEscapePressed: e.toggleColumnFilter
             }, null, 8, ["value", "input-field-aria-label", "onClear", "onEscapePressed"])
-          ])) : (u(), E("div", Ws, [
-            q(f, {
+          ])) : (u(), E("div", qs, [
+            q(c, {
               "label-position": "after",
               value: e.allColumnsVisbilityToggleState,
               onInput: e.toggleAllColumnVisibility
             }, {
-              default: W(() => [
-                le(x(e.t("showAllColumns", { numberOfColumns: e.columns.length })), 1)
+              default: G(() => [
+                oe(j(e.t("showAllColumns", { numberOfColumns: e.columns.length })), 1)
               ]),
               _: 1
             }, 8, ["value", "onInput"])
           ])),
-          p("div", Hs, [
-            (u(!0), E(fe, null, me(e.filteredColumnVisibilityColumns, (S) => (u(), E("div", {
-              key: S.field
+          p("div", Ys, [
+            (u(!0), E(fe, null, Ce(e.filteredColumnVisibilityColumns, (w) => (u(), E("div", {
+              key: w.field
             }, [
-              S.field !== e.DATAGRID_ACTIONS_COLUMN_FIELD_NAME ? (u(), z(C, {
+              w.field !== e.DATAGRID_ACTIONS_COLUMN_FIELD_NAME ? (u(), U(g, {
                 key: 0,
-                column: S,
-                "is-column-visibility-toggle-disabled": e.isColumnVisibilityToggleDisabled(S),
+                column: w,
+                "is-column-visibility-toggle-disabled": e.isColumnVisibilityToggleDisabled(w),
                 onVisibleColumn: e.emitVisibleColumns,
                 onUpdatedColumn: e.emitFrozenColumns
-              }, null, 8, ["column", "is-column-visibility-toggle-disabled", "onVisibleColumn", "onUpdatedColumn"])) : k("", !0)
+              }, null, 8, ["column", "is-column-visibility-toggle-disabled", "onVisibleColumn", "onUpdatedColumn"])) : M("", !0)
             ]))), 128)),
-            e.filteredColumnVisibilityColumns.length === 0 ? (u(), z(g, {
+            e.filteredColumnVisibilityColumns.length === 0 ? (u(), U(C, {
               key: 0,
               el: "span",
               class: "b-data-grid-config-settings__column-visibility-empty-search-message"
             }, {
-              default: W(() => [
-                le(x(e.t("noColumnsMatch")), 1)
+              default: G(() => [
+                oe(j(e.t("noColumnsMatch")), 1)
               ]),
               _: 1
-            })) : k("", !0)
+            })) : M("", !0)
           ])
         ])
       ]),
       _: 1
-    }, 8, ["id", "open", "aria-label", "target-element"])) : k("", !0)
+    }, 8, ["id", "open", "aria-label", "target-element"])) : M("", !0)
   ])), [
-    [L, e.onClickOutside]
+    [_, e.onClickOutside]
   ]);
 }
-const Vs = /* @__PURE__ */ K($s, [["render", Gs], ["__scopeId", "data-v-f5950a53"]]), xe = {
+const Ks = /* @__PURE__ */ X(Ps, [["render", Xs], ["__scopeId", "data-v-f5950a53"]]), xe = {
   "en-US": {
     gettingYourData: "Getting your data",
     loading: "Loading",
@@ -1647,87 +1663,87 @@ const Vs = /* @__PURE__ */ K($s, [["render", Gs], ["__scopeId", "data-v-f5950a53
     loading: "読み込み中",
     showMore: "表示内容を増やす"
   }
-}, xs = { class: "b-data-grid-lazy-load" }, Zs = {
+}, Js = { class: "b-data-grid-lazy-load" }, Qs = {
   i18n: { messages: xe }
-}, js = /* @__PURE__ */ Ce({
-  ...Zs,
+}, eo = /* @__PURE__ */ he({
+  ...Qs,
   __name: "data-grid-lazy-load",
   props: {
     loading: { type: Boolean },
     isInfiniteScroll: { type: Boolean }
   },
   setup(e) {
-    const { t: l } = we({ messages: xe });
-    return (c, t) => (u(), E("div", xs, [
-      c.loading && c.isInfiniteScroll ? (u(), z(o(Pt), { key: 0 })) : k("", !0),
-      c.loading && !c.isInfiniteScroll ? (u(), z(o(mt), {
+    const { t: o } = Oe({ messages: xe });
+    return (f, t) => (u(), E("div", Js, [
+      f.loading && f.isInfiniteScroll ? (u(), U(l(Bt), { key: 0 })) : M("", !0),
+      f.loading && !f.isInfiniteScroll ? (u(), U(l(Ct), {
         key: 1,
         variant: "secondary",
-        state: o(Ct).LOADING
+        state: l(ht).LOADING
       }, {
-        default: W(() => [
-          le(x(o(l)("loading")), 1)
+        default: G(() => [
+          oe(j(l(o)("loading")), 1)
         ]),
         _: 1
-      }, 8, ["state"])) : k("", !0),
-      !c.loading && !c.isInfiniteScroll ? (u(), z(o(mt), {
+      }, 8, ["state"])) : M("", !0),
+      !f.loading && !f.isInfiniteScroll ? (u(), U(l(Ct), {
         key: 2,
-        state: o(Ct).START,
+        state: l(ht).START,
         variant: "secondary",
-        onClick: t[0] || (t[0] = (d) => c.$emit(o($).UPDATE_SHOW_MORE))
+        onClick: t[0] || (t[0] = (r) => f.$emit(l($).UPDATE_SHOW_MORE))
       }, {
-        default: W(() => [
-          le(x(o(l)("showMore")), 1)
+        default: G(() => [
+          oe(j(l(o)("showMore")), 1)
         ]),
         _: 1
-      }, 8, ["state"])) : k("", !0)
+      }, 8, ["state"])) : M("", !0)
     ]));
   }
-}), qs = /* @__PURE__ */ K(js, [["__scopeId", "data-v-a4824c2d"]]);
-let Nt = 0;
-const Ys = {
+}), to = /* @__PURE__ */ X(eo, [["__scopeId", "data-v-a4824c2d"]]);
+let $t = 0;
+const no = {
   beforeCreate() {
-    this.uuid = Nt.toString(), Nt += 1;
+    this.uuid = $t.toString(), $t += 1;
   }
-}, Xs = { key: 0 };
-function Ks(e, l, c, t, d, i) {
-  return u(), E("svg", X({ role: "img" }, e.$attrs, {
+}, lo = { key: 0 };
+function so(e, o, f, t, r, i) {
+  return u(), E("svg", Y({ 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"] ? (u(), E("title", Xs, x(e.$attrs["svg-title"]), 1)) : k("", !0),
-    l[0] || (l[0] = p("path", {
+    e.$attrs["svg-title"] ? (u(), E("title", lo, j(e.$attrs["svg-title"]), 1)) : M("", !0),
+    o[0] || (o[0] = p("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 Js = /* @__PURE__ */ K(Ys, [["render", Ks]]);
-let $t = 0;
-const Qs = {
+const oo = /* @__PURE__ */ X(no, [["render", so]]);
+let Dt = 0;
+const io = {
   beforeCreate() {
-    this.uuid = $t.toString(), $t += 1;
+    this.uuid = Dt.toString(), Dt += 1;
   }
-}, eo = { key: 0 };
-function to(e, l, c, t, d, i) {
-  return u(), E("svg", X({ role: "img" }, e.$attrs, {
+}, ao = { key: 0 };
+function ro(e, o, f, t, r, i) {
+  return u(), E("svg", Y({ 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"] ? (u(), E("title", eo, x(e.$attrs["svg-title"]), 1)) : k("", !0),
-    l[0] || (l[0] = p("path", {
+    e.$attrs["svg-title"] ? (u(), E("title", ao, j(e.$attrs["svg-title"]), 1)) : M("", !0),
+    o[0] || (o[0] = p("path", {
       fill: "#00112C",
       d: "M2.93933 11.9999L10.1893 4.74989H5.24999V3.24989H12.75V10.7499H11.25V5.81055L3.99999 13.0605L2.93933 11.9999Z"
     }, null, -1))
   ], 16);
 }
-const Dt = /* @__PURE__ */ K(Qs, [["render", to]]), Yt = {
+const Mt = /* @__PURE__ */ X(io, [["render", ro]]), Xt = {
   "en-US": {
     copy: "Copy",
     edit: "Edit",
@@ -1746,14 +1762,14 @@ const Dt = /* @__PURE__ */ K(Qs, [["render", to]]), Yt = {
     open: "を開く",
     more: "表示を増やす"
   }
-}, no = { class: "b-data-grid-cell-actions" }, lo = {
+}, uo = { class: "b-data-grid-cell-actions" }, co = {
   class: "b-data-grid-cell-actions__actions",
   role: "group"
-}, so = {
-  i18n: { messages: Yt },
+}, fo = {
+  i18n: { messages: Xt },
   name: "data-grid-cell-actions"
-}, oo = /* @__PURE__ */ Ce({
-  ...so,
+}, go = /* @__PURE__ */ he({
+  ...fo,
   props: {
     /**
      * Column definitions using 'key' to relate to data object.
@@ -1779,70 +1795,70 @@ const Dt = /* @__PURE__ */ K(Qs, [["render", to]]), Yt = {
     }
   },
   emits: ["menu-item-click-close"],
-  setup(e, { emit: l }) {
-    const { t: c } = we({ messages: Yt }), t = e, d = l, i = w(() => {
+  setup(e, { emit: o }) {
+    const { t: f } = Oe({ messages: Xt }), t = e, r = o, i = O(() => {
       var n;
-      return ((n = t.cellActions) == null ? void 0 : n.length) > 2 && Bt(
+      return ((n = t.cellActions) == null ? void 0 : n.length) > 2 && Wt(
         "WARNING: BentoDataGrid Cell actions can only have a maximum of 2 actions, if you need more consider using the menuData property instead."
       ), t.cellActions.slice(0, 2);
-    }), s = w(() => (n, C) => {
-      if (!(!C && n.isShort || C && !n.isShort))
+    }), s = O(() => (n, g) => {
+      if (!(!g && n.isShort || g && !n.isShort))
         switch (n.variant) {
           case "copy":
-            return c("copy");
+            return f("copy");
           case "edit":
-            return c("edit");
+            return f("edit");
           case "open":
-            return c("open");
+            return f("open");
           case "more":
-            return c("more");
+            return f("more");
           default:
             return n.title;
         }
-    }), _ = (n) => (n == null ? void 0 : n.event) !== void 0 ? {
+    }), h = (n) => (n == null ? void 0 : n.event) !== void 0 ? {
       click: () => n.event(t.rowDataItem, t.columnKey)
-    } : {}, g = (n) => ({
+    } : {}, C = (n) => ({
       ...n,
       handler: () => {
         n != null && n.handler && typeof n.handler == "function" && (n == null || n.handler()), n != null && n.event && typeof n.event == "function" && (n == null || n.event(t.rowDataItem, t.columnKey));
       }
-    }), b = (n) => n.map((C) => {
-      const a = C;
-      return a != null && a.items && (a.items = b(a.items)), { ...g(a) };
-    }), y = (n) => {
-      var C, a;
-      return (n == null ? void 0 : n.getCopyData) !== void 0 ? n.getCopyData(t.rowDataItem, t.columnKey) : (a = (C = t.rowDataItem) == null ? void 0 : C[t.columnKey]) == null ? void 0 : a.toString();
-    }, f = (n) => n.iconRight || ((n == null ? void 0 : n.variant) === "more" || (n == null ? void 0 : n.variant) === "open") && !n.isShort, N = (n) => n.iconLeft || (n == null ? void 0 : n.variant) === "more";
-    return (n, C) => (u(), z(zt, {
+    }), y = (n) => n.map((g) => {
+      const a = g;
+      return a != null && a.items && (a.items = y(a.items)), { ...C(a) };
+    }), b = (n) => {
+      var g, a;
+      return (n == null ? void 0 : n.getCopyData) !== void 0 ? n.getCopyData(t.rowDataItem, t.columnKey) : (a = (g = t.rowDataItem) == null ? void 0 : g[t.columnKey]) == null ? void 0 : a.toString();
+    }, c = (n) => n.iconRight || ((n == null ? void 0 : n.variant) === "more" || (n == null ? void 0 : n.variant) === "open") && !n.isShort, S = (n) => n.iconLeft || (n == null ? void 0 : n.variant) === "more";
+    return (n, g) => (u(), U(Ft, {
       name: "b-data-grid-cell-actions__animation",
       appear: ""
     }, {
-      default: W(() => [
-        p("div", no, [
-          C[1] || (C[1] = p("div", { class: "b-data-grid-cell-actions__background-gradient" }, null, -1)),
-          p("div", lo, [
-            (u(!0), E(fe, null, me(i.value, (a, L) => (u(), E("div", {
-              key: L,
+      default: G(() => [
+        p("div", uo, [
+          g[1] || (g[1] = p("div", { class: "b-data-grid-cell-actions__background-gradient" }, null, -1)),
+          p("div", co, [
+            (u(!0), E(fe, null, Ce(i.value, (a, _) => (u(), E("div", {
+              key: _,
               class: "b-data-grid-cell-actions__action"
             }, [
-              a.menuData ? (u(), z(o(qe), {
+              a.menuData ? (u(), U(l(qe), {
                 key: 0,
-                data: b(a.menuData),
+                data: y(a.menuData),
                 button: {
                   condensed: !0,
                   variant: "secondary",
                   disabled: a.disabled
                 },
                 teleport: "",
-                onMenuItemClick: C[0] || (C[0] = (S) => d("menu-item-click-close"))
-              }, Re({ _: 2 }, [
-                N(a) ? {
+                onMenuItemClick: g[0] || (g[0] = (w) => r("menu-item-click-close"))
+              }, $e({ _: 2 }, [
+                S(a) ? {
                   name: "iconLeft",
-                  fn: W(() => [
-                    (a == null ? void 0 : a.variant) === "more" ? (u(), z(o(Qn), {
+                  fn: G(() => [
+                    (a == null ? void 0 : a.variant) === "more" ? (u(), U(l(il), {
                       key: 0,
                       "svg-title": s.value(a, !0)
-                    }, null, 8, ["svg-title"])) : (u(), z(Ie(a.iconLeft), {
+                    }, null, 8, ["svg-title"])) : (u(), U(Ne(a.iconLeft), {
                       key: 1,
                       "svg-title": s.value(a, !0)
                     }, null, 8, ["svg-title"]))
@@ -1851,47 +1867,47 @@ const Dt = /* @__PURE__ */ K(Qs, [["render", to]]), Yt = {
                 } : void 0,
                 a != null && a.isShort ? void 0 : {
                   name: "default",
-                  fn: W(() => [
-                    le(x(s.value(a)), 1)
+                  fn: G(() => [
+                    oe(j(s.value(a)), 1)
                   ]),
                   key: "1"
                 },
-                f(a) ? {
+                c(a) ? {
                   name: "iconRight",
-                  fn: W(() => [
-                    (a == null ? void 0 : a.variant) === "open" ? (u(), z(o(Dt), {
+                  fn: G(() => [
+                    (a == null ? void 0 : a.variant) === "open" ? (u(), U(l(Mt), {
                       key: 0,
                       "svg-title": s.value(a, !0)
-                    }, null, 8, ["svg-title"])) : (u(), z(Ie(a.iconRight), {
+                    }, null, 8, ["svg-title"])) : (u(), U(Ne(a.iconRight), {
                       key: 1,
                       "svg-title": a.title
                     }, null, 8, ["svg-title"]))
                   ]),
                   key: "2"
                 } : void 0
-              ]), 1032, ["data", "button"])) : a.variant === "copy" ? (u(), z(o(ll), {
+              ]), 1032, ["data", "button"])) : a.variant === "copy" ? (u(), U(l(ul), {
                 key: 1,
-                text: y(a),
+                text: b(a),
                 "button-text": s.value(a),
                 button: {
                   condensed: !0,
                   variant: "secondary"
                 }
-              }, null, 8, ["text", "button-text"])) : (u(), z(o(Wt), X({
+              }, null, 8, ["text", "button-text"])) : (u(), U(l(Gt), Y({
                 key: 2,
                 condensed: "",
                 variant: "secondary",
                 critical: a.critical,
                 disabled: a.disabled,
                 link: a.link
-              }, Ge(_(a))), Re({ _: 2 }, [
+              }, He(h(a))), $e({ _: 2 }, [
                 a.iconLeft || a.variant === "edit" ? {
                   name: "iconLeft",
-                  fn: W(() => [
-                    (a == null ? void 0 : a.variant) === "edit" ? (u(), z(o(Js), {
+                  fn: G(() => [
+                    (a == null ? void 0 : a.variant) === "edit" ? (u(), U(l(oo), {
                       key: 0,
                       "svg-title": s.value(a, !0)
-                    }, null, 8, ["svg-title"])) : (u(), z(Ie(a.iconLeft), {
+                    }, null, 8, ["svg-title"])) : (u(), U(Ne(a.iconLeft), {
                       key: 1,
                       "svg-title": a.title
                     }, null, 8, ["svg-title"]))
@@ -1900,18 +1916,18 @@ const Dt = /* @__PURE__ */ K(Qs, [["render", to]]), Yt = {
                 } : void 0,
                 a != null && a.isShort ? void 0 : {
                   name: "default",
-                  fn: W(() => [
-                    le(x(s.value(a)), 1)
+                  fn: G(() => [
+                    oe(j(s.value(a)), 1)
                   ]),
                   key: "1"
                 },
                 a.iconRight || a.variant === "open" ? {
                   name: "iconRight",
-                  fn: W(() => [
-                    (a == null ? void 0 : a.variant) === "open" ? (u(), z(o(Dt), {
+                  fn: G(() => [
+                    (a == null ? void 0 : a.variant) === "open" ? (u(), U(l(Mt), {
                       key: 0,
                       "svg-title": s.value(a, !0)
-                    }, null, 8, ["svg-title"])) : (u(), z(Ie(a.iconRight), {
+                    }, null, 8, ["svg-title"])) : (u(), U(Ne(a.iconRight), {
                       key: 1,
                       "svg-title": a.title
                     }, null, 8, ["svg-title"]))
@@ -1926,22 +1942,22 @@ const Dt = /* @__PURE__ */ K(Qs, [["render", to]]), Yt = {
       _: 1
     }));
   }
-}), io = /* @__PURE__ */ K(oo, [["__scopeId", "data-v-da2fa02e"]]);
-var Q = /* @__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))(Q || {});
-const Xt = {
+}), vo = /* @__PURE__ */ X(go, [["__scopeId", "data-v-da2fa02e"]]);
+var ee = /* @__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))(ee || {});
+const Kt = {
   "en-US": {
     collapseNestedContent: "Collapse nested content",
     expandNestedContent: "Expand nested content",
     selectRow: "Select row"
   }
-}, ao = ["aria-hidden", "data-testid", "data-cellindex", "tabindex", "aria-colindex"], ro = ["title"], uo = {
+}, mo = ["aria-hidden", "data-testid", "data-cellindex", "tabindex", "aria-colindex"], Co = ["title"], ho = {
   key: 0,
   class: "b-data-grid-cell__cell-actions"
-}, co = {
-  i18n: { messages: Xt },
+}, _o = {
+  i18n: { messages: Kt },
   name: "data-grid-cell"
-}, fo = /* @__PURE__ */ Ce({
-  ...co,
+}, Lo = /* @__PURE__ */ he({
+  ..._o,
   props: {
     draggingEventsForRowCell: {
       type: Function,
@@ -2055,101 +2071,101 @@ const Xt = {
     }
   },
   emits: ["on-frozen-columns-key-press", "select-row", "register-row-cell-element", "cell-hovered", "nested-content-toggled"],
-  setup(e, { expose: l, emit: c }) {
-    const t = et(), d = xt(t), { t: i } = we({ messages: Xt }), s = e, _ = c, g = O(null), b = O(null), y = O(!1), f = O([]), N = w(() => {
-      var v;
-      return !!((v = s.rowData) != null && v[s.column.field]);
-    }), n = w(
-      () => s.column.field === se ? s.nestedRowsElementIds.join(" ") : ""
-    ), C = w(
-      () => s.column.field === se && !s.selectable && !s.nestedContent
-    ), a = (v, H) => (v == null ? void 0 : v.overflow) === Ye.ELLIPSIS ? `${H}` : void 0, L = (v) => v ?? "-", S = (v) => s.columnSets.slice(0, v).reduce((H, { columnSet: U }) => H + U.length, 0), A = (v, H) => v + S(H), P = (v, H, U) => S() * v + A(H, U), j = (v) => {
-      var H;
-      (v === null || !g.value.contains(v) && !((H = f.value) != null && H.map((U) => U.value).some((U) => U === v || (U == null ? void 0 : U.contains(v))))) && (y.value = !1);
-    }, ie = () => {
-      y.value = !1;
-    }, m = (v) => {
-      const U = { ...{
-        ...s.draggingEventsForRowCell(v)
+  setup(e, { expose: o, emit: f }) {
+    const t = et(), r = Zt(t), { t: i } = Oe({ messages: Kt }), s = e, h = f, C = I(null), y = I(null), b = I(!1), c = I([]), S = O(() => {
+      var m;
+      return !!((m = s.rowData) != null && m[s.column.field]);
+    }), n = O(
+      () => s.column.field === ie ? s.nestedRowsElementIds.join(" ") : ""
+    ), g = O(
+      () => s.column.field === ie && !s.selectable && !s.nestedContent
+    ), a = (m, B) => (m == null ? void 0 : m.overflow) === Ye.ELLIPSIS ? `${B}` : void 0, _ = (m) => m ?? "-", w = (m) => s.columnSets.slice(0, m).reduce((B, { columnSet: k }) => B + k.length, 0), A = (m, B) => m + w(B), F = (m, B, k) => w() * m + A(B, k), x = (m) => {
+      var B;
+      (m === null || !C.value.contains(m) && !((B = c.value) != null && B.map((k) => k.value).some((k) => k === m || (k == null ? void 0 : k.contains(m))))) && (b.value = !1);
+    }, ae = () => {
+      b.value = !1;
+    }, v = (m) => {
+      const k = { ...{
+        ...s.draggingEventsForRowCell(m)
       } };
-      return v.frozen && (U.keyup = (M) => _("on-frozen-columns-key-press", M), U.keydown = (M) => _("on-frozen-columns-key-press", M)), v.cellActions && (U.mouseenter = () => {
-        y.value = !0;
-      }, U.mouseleave = (M) => {
-        y.value = !1, j(M == null ? void 0 : M.relatedTarget);
-      }, U.mouseleave = (M) => {
-        j(M == null ? void 0 : M.relatedTarget);
-      }, U.focus = (M) => {
-        y.value = !0;
-      }, U.focusout = (M) => {
-        j(M == null ? void 0 : M.relatedTarget);
-      }), U;
-    }, h = () => {
-      _("nested-content-toggled");
+      return m.frozen && (k.keyup = (N) => h("on-frozen-columns-key-press", N), k.keydown = (N) => h("on-frozen-columns-key-press", N)), m.cellActions && (k.mouseenter = () => {
+        b.value = !0;
+      }, k.mouseleave = (N) => {
+        b.value = !1, x(N == null ? void 0 : N.relatedTarget);
+      }, k.mouseleave = (N) => {
+        x(N == null ? void 0 : N.relatedTarget);
+      }, k.focus = (N) => {
+        b.value = !0;
+      }, k.focusout = (N) => {
+        x(N == null ? void 0 : N.relatedTarget);
+      }), k;
+    }, L = () => {
+      h("nested-content-toggled");
     };
     ce(
-      () => y.value,
+      () => b.value,
       () => {
-        y.value === !0 ? _("cell-hovered", s.rowIndex) : _("cell-hovered", -1);
+        b.value === !0 ? h("cell-hovered", s.rowIndex) : h("cell-hovered", -1);
       }
-    ), Dn(el, {
-      registerMenuContainerElement: (v) => {
-        f.value.push(v);
+    ), Bn(al, {
+      registerMenuContainerElement: (m) => {
+        c.value.push(m);
       },
-      menuMouseLeave: (v) => {
-        g.value.contains(v == null ? void 0 : v.relatedTarget) || (y.value = !1);
+      menuMouseLeave: (m) => {
+        C.value.contains(m == null ? void 0 : m.relatedTarget) || (b.value = !1);
       }
     });
-    const J = (v) => {
-      var H, U, M, V, B, ae, be;
+    const J = (m) => {
+      var B, k, N, V, P, ge, ye;
       return {
-        [`b-data-grid-cell--${Q.COLUMN_HOVERED}`]: (v == null ? void 0 : v.field) === s.hoveredOverColumnState.hoveredOverColumnField,
-        [`b-data-grid-cell--${Q.COLUMN_HOVERED_NO_BORDER_LEFT}`]: (v == null ? void 0 : v.field) === s.hoveredOverColumnState.hoveredOverColumnField && s.hoveredOverColumnState.noBorderLeft,
-        [`b-data-grid-cell--${Q.COLUMN_HOVERED_NO_BORDER_RIGHT}`]: (v == null ? void 0 : v.field) === s.hoveredOverColumnState.hoveredOverColumnField && s.hoveredOverColumnState.noBorderRight,
-        [`b-data-grid-cell--${Q.PADDING_LEFT_UNSET}`]: ((H = v == null ? void 0 : v.padding) == null ? void 0 : H.left) === !1,
-        [`b-data-grid-cell--${Q.PADDING_RIGHT_UNSET}`]: ((U = v == null ? void 0 : v.padding) == null ? void 0 : U.right) === !1,
-        [`b-data-grid-cell--${Q.NUMERIC}`]: v == null ? void 0 : v.numeric,
-        [`b-data-grid-cell--${Q.CONDENSED}`]: s.condensed,
-        [`b-data-grid-cell--${Q.OVERFLOW_ELLIPSIS}`]: (v == null ? void 0 : v.overflow) === Ye.ELLIPSIS,
-        [`b-data-grid-cell--${Q.IS_COLUMN_REORDERING}`]: ((M = s.draggingColumns.dragging) == null ? void 0 : M.field) === v.field,
-        [`b-data-grid-cell--${Q.IS_COLUMN_REORDERING_TARGET_LEFT}`]: ((V = s.draggingColumns.target) == null ? void 0 : V.field) === v.field && ((B = s.draggingColumns) == null ? void 0 : B.dragToLeft),
-        [`b-data-grid-cell--${Q.IS_COLUMN_REORDERING_TARGET_RIGHT}`]: ((ae = s.draggingColumns.target) == null ? void 0 : ae.field) === v.field && !((be = s.draggingColumns) != null && be.dragToLeft),
-        [`b-data-grid-cell--${Q.FROZEN}`]: v == null ? void 0 : v.frozen,
-        [`b-data-grid-cell--${Q.NESTED_CONTENT_ENABLED}`]: s.nestedContent,
-        [`b-data-grid-cell--${Q.ACTION_COL_NESTED_CONTENT_ENABLED}`]: s.nestedContent && !s.selectable && v.field === se,
-        [`b-data-grid-cell--${Q.ACTION_COL_NESTED_CONTENT_AND_SELECTION_ENABLED}`]: s.nestedContent && s.selectable && v.field === se,
-        [`b-data-grid-cell--${Q.ACTION_COL_SELECTION_ENABLED}`]: v.field === se && s.selectable
+        [`b-data-grid-cell--${ee.COLUMN_HOVERED}`]: (m == null ? void 0 : m.field) === s.hoveredOverColumnState.hoveredOverColumnField,
+        [`b-data-grid-cell--${ee.COLUMN_HOVERED_NO_BORDER_LEFT}`]: (m == null ? void 0 : m.field) === s.hoveredOverColumnState.hoveredOverColumnField && s.hoveredOverColumnState.noBorderLeft,
+        [`b-data-grid-cell--${ee.COLUMN_HOVERED_NO_BORDER_RIGHT}`]: (m == null ? void 0 : m.field) === s.hoveredOverColumnState.hoveredOverColumnField && s.hoveredOverColumnState.noBorderRight,
+        [`b-data-grid-cell--${ee.PADDING_LEFT_UNSET}`]: ((B = m == null ? void 0 : m.padding) == null ? void 0 : B.left) === !1,
+        [`b-data-grid-cell--${ee.PADDING_RIGHT_UNSET}`]: ((k = m == null ? void 0 : m.padding) == null ? void 0 : k.right) === !1,
+        [`b-data-grid-cell--${ee.NUMERIC}`]: m == null ? void 0 : m.numeric,
+        [`b-data-grid-cell--${ee.CONDENSED}`]: s.condensed,
+        [`b-data-grid-cell--${ee.OVERFLOW_ELLIPSIS}`]: (m == null ? void 0 : m.overflow) === Ye.ELLIPSIS,
+        [`b-data-grid-cell--${ee.IS_COLUMN_REORDERING}`]: ((N = s.draggingColumns.dragging) == null ? void 0 : N.field) === m.field,
+        [`b-data-grid-cell--${ee.IS_COLUMN_REORDERING_TARGET_LEFT}`]: ((V = s.draggingColumns.target) == null ? void 0 : V.field) === m.field && ((P = s.draggingColumns) == null ? void 0 : P.dragToLeft),
+        [`b-data-grid-cell--${ee.IS_COLUMN_REORDERING_TARGET_RIGHT}`]: ((ge = s.draggingColumns.target) == null ? void 0 : ge.field) === m.field && !((ye = s.draggingColumns) != null && ye.dragToLeft),
+        [`b-data-grid-cell--${ee.FROZEN}`]: m == null ? void 0 : m.frozen,
+        [`b-data-grid-cell--${ee.NESTED_CONTENT_ENABLED}`]: s.nestedContent,
+        [`b-data-grid-cell--${ee.ACTION_COL_NESTED_CONTENT_ENABLED}`]: s.nestedContent && !s.selectable && m.field === ie,
+        [`b-data-grid-cell--${ee.ACTION_COL_NESTED_CONTENT_AND_SELECTION_ENABLED}`]: s.nestedContent && s.selectable && m.field === ie,
+        [`b-data-grid-cell--${ee.ACTION_COL_SELECTION_ENABLED}`]: m.field === ie && s.selectable
       };
     };
-    return l({
-      gridcellRef: g
-    }), (v, H) => {
-      var U;
-      return u(), E("div", X({
+    return o({
+      gridcellRef: C
+    }), (m, B) => {
+      var k;
+      return u(), E("div", Y({
         key: `cell-${e.column.field}`,
         ref_key: "gridcellRef",
-        ref: g,
-        "aria-hidden": C.value,
+        ref: C,
+        "aria-hidden": g.value,
         "data-testid": `cell-${e.column.field}`,
-        "data-cellindex": P(e.rowIndex, e.colIndex, e.columnSetIndex),
+        "data-cellindex": F(e.rowIndex, e.colIndex, e.columnSetIndex),
         class: ["b-data-grid-cell", J(e.column)],
         role: "gridcell",
-        tabindex: P(e.rowIndex, e.colIndex, e.columnSetIndex) === 0 ? "0" : "-1",
+        tabindex: F(e.rowIndex, e.colIndex, e.columnSetIndex) === 0 ? "0" : "-1",
         "aria-colindex": A(e.colIndex, e.columnSetIndex) + 1,
         style: {
           width: e.column.autoWidth && e.isMeasuringColumnWidths ? "auto" : `${e.column.width}px`
         }
-      }, Ge(m(e.column), !0)), [
-        e.column.field === o(se) ? (u(), E(fe, { key: 0 }, [
-          e.selectable ? (u(), z(o(Vt), {
+      }, He(v(e.column), !0)), [
+        e.column.field === l(ie) ? (u(), E(fe, { key: 0 }, [
+          e.selectable ? (u(), U(l(xt), {
             key: 0,
             class: "b-data-grid-cell__select-cell",
-            "aria-label": o(i)("selectRow"),
+            "aria-label": l(i)("selectRow"),
             "model-value": e.selectedItems,
             disabled: e.isDataItemDisabled(e.rowData),
             value: e.getDataItemId(e.rowData),
-            "onUpdate:modelValue": H[0] || (H[0] = (M) => v.$emit("select-row", M))
-          }, null, 8, ["aria-label", "model-value", "disabled", "value"])) : k("", !0),
-          e.nestedContent ? (u(), z(o(nt), {
+            "onUpdate:modelValue": B[0] || (B[0] = (N) => m.$emit("select-row", N))
+          }, null, 8, ["aria-label", "model-value", "disabled", "value"])) : M("", !0),
+          e.nestedContent ? (u(), U(l(nt), {
             key: 1,
             ref: "menuButtonRef",
             "aria-haspopup": "true",
@@ -2157,51 +2173,51 @@ const Xt = {
             condensed: "",
             variant: "tertiary",
             toggled: e.isNestedContentExpanded,
-            onClick: h
+            onClick: L
           }, {
-            iconLeft: W(() => [
-              e.isNestedContentExpanded ? (u(), z(o(sl), {
+            iconLeft: G(() => [
+              e.isNestedContentExpanded ? (u(), U(l(cl), {
                 key: 0,
                 class: "b-accordion-item__icon",
-                "svg-title": o(i)("collapseNestedContent")
-              }, null, 8, ["svg-title"])) : (u(), z(o(ol), {
+                "svg-title": l(i)("collapseNestedContent")
+              }, null, 8, ["svg-title"])) : (u(), U(l(fl), {
                 key: 1,
                 class: "b-accordion-item__icon",
-                "svg-title": o(i)("expandNestedContent")
+                "svg-title": l(i)("expandNestedContent")
               }, null, 8, ["svg-title"]))
             ]),
             _: 1
-          }, 8, ["aria-controls", "toggled"])) : k("", !0)
+          }, 8, ["aria-controls", "toggled"])) : M("", !0)
         ], 64)) : (u(), E(fe, { key: 1 }, [
-          q(o(Ve), { el: "div" }, {
-            default: W(() => [
-              Ee(v.$slots, `item-${e.column.field}`, { item: e.rowData }, () => [
+          q(l(Ve), { el: "div" }, {
+            default: G(() => [
+              be(m.$slots, `item-${e.column.field}`, { item: e.rowData }, () => [
                 p("span", {
                   title: a(e.column, e.rowData[e.column.field])
-                }, x(L(e.rowData[e.column.field])), 9, ro)
+                }, j(_(e.rowData[e.column.field])), 9, Co)
               ], !0)
             ]),
             _: 3
           }),
-          ((U = e.column.cellActions) == null ? void 0 : U.length) > 0 ? (u(), E("div", uo, [
-            y.value && (N.value || o(d)(`item-${e.column.field}`)) ? (u(), z(io, {
+          ((k = e.column.cellActions) == null ? void 0 : k.length) > 0 ? (u(), E("div", ho, [
+            b.value && (S.value || l(r)(`item-${e.column.field}`)) ? (u(), U(vo, {
               key: 0,
               ref_key: "cellActionsRef",
-              ref: b,
+              ref: y,
               "cell-actions": e.column.cellActions,
               "column-key": e.column.field,
               "row-data-item": e.rowData,
-              onMenuItemClickClose: ie
-            }, null, 8, ["cell-actions", "column-key", "row-data-item"])) : k("", !0)
-          ])) : k("", !0)
+              onMenuItemClickClose: ae
+            }, null, 8, ["cell-actions", "column-key", "row-data-item"])) : M("", !0)
+          ])) : M("", !0)
         ], 64))
-      ], 16, ao);
+      ], 16, mo);
     };
   }
-}), go = /* @__PURE__ */ K(fo, [["__scopeId", "data-v-0450eb4d"]]), vo = { class: "b-data-grid-row-container" }, mo = ["aria-selected"], Co = ["data-testid"], ho = ["id"], _o = {
+}), po = /* @__PURE__ */ X(Lo, [["__scopeId", "data-v-0450eb4d"]]), Eo = { class: "b-data-grid-row-container" }, bo = ["aria-selected"], So = ["data-testid"], yo = ["id"], wo = {
   name: "data-grid-row"
-}, Lo = /* @__PURE__ */ Ce({
-  ..._o,
+}, Oo = /* @__PURE__ */ he({
+  ...wo,
   props: {
     /**
      * When true, will emit a 'rowClick' event when a row is clicked. Will add cursor: pointer to rows.
@@ -2351,85 +2367,85 @@ const Xt = {
     }
   },
   emits: ["cell-hovered", "on-frozen-columns-key-press", "select-row", "row-click"],
-  setup(e, { expose: l, emit: c }) {
-    const t = et(), d = xt(t), i = e, s = c, _ = O({}), g = O(!1), b = O(), y = Gt("nested-content-slot"), f = w(() => {
+  setup(e, { expose: o, emit: f }) {
+    const t = et(), r = Zt(t), i = e, s = f, h = I({}), C = I(!1), y = I(), b = Vt("nested-content-slot"), c = O(() => {
       if (i.hasNestedContent) {
-        const m = g.value.toString();
+        const v = C.value.toString();
         return {
-          "aria-expanded": i.shouldShowNestedContent(i.rowData) ? m : void 0,
+          "aria-expanded": i.shouldShowNestedContent(i.rowData) ? v : void 0,
           "aria-level": "1",
           "aria-posinset": i.rowIndex + 1,
           "aria-setsize": i.rowSetSize
         };
       }
       return { "aria-rowindex": i.rowIndex + 1 };
-    }), N = (m, h) => {
-      const D = m;
-      m !== null && (D != null && D.gridcellRef) && (_.value[h] = D.gridcellRef);
-    }, n = (m) => {
+    }), S = (v, L) => {
+      const D = v;
+      v !== null && (D != null && D.gridcellRef) && (h.value[L] = D.gridcellRef);
+    }, n = (v) => {
       if (!i.selectable)
         return null;
-      const h = i.getDataItemId(m);
-      return i.selectedItems.includes(h).toString();
-    }, C = (m) => {
-      i.allowRowClicks && s("row-click", i.rowData, m);
-    }, { updateContentHeight: a, contentHeight: L } = nl(b, g), S = w(() => {
+      const L = i.getDataItemId(v);
+      return i.selectedItems.includes(L).toString();
+    }, g = (v) => {
+      i.allowRowClicks && s("row-click", i.rowData, v);
+    }, { updateContentHeight: a, contentHeight: _ } = dl(y, C), w = O(() => {
       if (i.hasNestedContent)
         return {
-          paddingLeft: `${_.value[se].clientWidth + Zt}px`,
-          "max-height": i.hasNestedContent && L.value ? L.value : 0
+          paddingLeft: `${h.value[ie].clientWidth + jt}px`,
+          "max-height": i.hasNestedContent && _.value ? _.value : 0
         };
     });
     ce(
-      () => b.value,
+      () => y.value,
       () => {
-        let m = null;
-        !m && b.value && (m = tt(b.value, () => {
-          b.value && a();
+        let v = null;
+        !v && y.value && (v = tt(y.value, () => {
+          y.value && a();
         }));
       }
     );
     const A = () => {
-      g.value = !g.value, a();
-    }, P = (m, h) => ({
-      "b-data-grid-row-container__row--disabled": i.isDataItemDisabled(m),
+      C.value = !C.value, a();
+    }, F = (v, L) => ({
+      "b-data-grid-row-container__row--disabled": i.isDataItemDisabled(v),
       "b-data-grid-row-container__row--row-clicks-enabled": i.allowRowClicks,
-      "b-data-grid-row-container__row--highlighted": i.highlightedRows.includes(i.getDataItemId(m)) || i.selectedItems.includes(i.getDataItemId(m)),
-      "b-data-grid-row-container__row--hovered": i.hoveredRowIndex === h,
-      "b-data-grid-row-container__row--is-last-child": i.isRowLastChild && !g.value
-    }), j = (m) => ({
-      "b-data-grid-row-container__row-cell-set--frozen": m,
-      [`b-data-grid-row-container__row-cell-set--${pe.OVERFLOW_SHADOW_LEFT}`]: m && i.hasLeftOverflow,
-      "b-data-grid-row-container__row-cell-set--frozen-separator": m && i.showFrozenColumnsSeparator,
-      "b-data-grid-row-container__row-cell-set--unfrozen": !m,
+      "b-data-grid-row-container__row--highlighted": i.highlightedRows.includes(i.getDataItemId(v)) || i.selectedItems.includes(i.getDataItemId(v)),
+      "b-data-grid-row-container__row--hovered": i.hoveredRowIndex === L,
+      "b-data-grid-row-container__row--is-last-child": i.isRowLastChild && !C.value
+    }), x = (v) => ({
+      "b-data-grid-row-container__row-cell-set--frozen": v,
+      [`b-data-grid-row-container__row-cell-set--${Ee.OVERFLOW_SHADOW_LEFT}`]: v && i.hasLeftOverflow,
+      "b-data-grid-row-container__row-cell-set--frozen-separator": v && i.showFrozenColumnsSeparator,
+      "b-data-grid-row-container__row-cell-set--unfrozen": !v,
       "b-data-grid-row-container__row-cell-set--is-measuring": i.isMeasuringColumnWidths
-    }), ie = w(() => ({
+    }), ae = O(() => ({
       "b-data-grid-row-container__row-nested-slot--is-last-child": i.isRowLastChild
     }));
-    return l({
-      gridcellRefs: _
-    }), (m, h) => (u(), E("div", vo, [
-      (u(), E("div", X(f.value, {
+    return o({
+      gridcellRefs: h
+    }), (v, L) => (u(), E("div", Eo, [
+      (u(), E("div", Y(c.value, {
         key: e.rowIndex,
-        class: ["b-data-grid-row-container__row", P(e.rowData, e.rowIndex)],
+        class: ["b-data-grid-row-container__row", F(e.rowData, e.rowIndex)],
         role: "row",
         "aria-selected": n(e.rowData),
-        onClick: C
+        onClick: g
       }), [
-        (u(!0), E(fe, null, me(e.columnSets, ({ columnSet: D, id: G, isFrozenColumns: J }, v) => (u(), E(fe, null, [
+        (u(!0), E(fe, null, Ce(e.columnSets, ({ columnSet: D, id: H, isFrozenColumns: J }, m) => (u(), E(fe, null, [
           D != null && D.length ? (u(), E("div", {
-            key: `data-grid-rows-${G}`,
-            class: oe(["b-data-grid-row-container__cells", j(J)]),
-            "data-testid": `data-grid-${G}-rows`
+            key: `data-grid-rows-${H}`,
+            class: ne(["b-data-grid-row-container__cells", x(J)]),
+            "data-testid": `data-grid-${H}-rows`
           }, [
-            (u(!0), E(fe, null, me(D, (H, U) => (u(), z(o(go), {
-              key: `cell-${H.field}`,
+            (u(!0), E(fe, null, Ce(D, (B, k) => (u(), U(l(po), {
+              key: `cell-${B.field}`,
               ref_for: !0,
-              ref: (M) => N(M, H.field),
+              ref: (N) => S(N, B.field),
               class: "b-data-grid-row-container__cell",
-              column: H,
-              "column-set-index": v,
-              "col-index": U,
+              column: B,
+              "column-set-index": m,
+              "col-index": k,
               "column-sets": e.columnSets,
               condensed: e.condensed,
               "dragging-columns": e.draggingColumns,
@@ -2438,95 +2454,95 @@ const Xt = {
               "hovered-over-column-state": e.hoveredOverColumnState,
               "is-data-item-disabled": e.isDataItemDisabled,
               "is-measuring-column-widths": e.isMeasuringColumnWidths,
-              "is-nested-content-expanded": g.value,
+              "is-nested-content-expanded": C.value,
               "nested-content": e.hasNestedContent && e.shouldShowNestedContent(e.rowData),
-              "nested-rows-element-ids": [o(y)],
+              "nested-rows-element-ids": [l(b)],
               "row-data": e.rowData,
               "row-index": e.rowIndex,
               selectable: e.selectable,
               "selected-items": e.selectedItems,
-              onCellHovered: h[0] || (h[0] = (M) => s("cell-hovered", M)),
-              onOnFrozenColumnsKeyPress: h[1] || (h[1] = (M) => s("on-frozen-columns-key-press", M)),
-              onSelectRow: h[2] || (h[2] = (M) => s("select-row", M)),
+              onCellHovered: L[0] || (L[0] = (N) => s("cell-hovered", N)),
+              onOnFrozenColumnsKeyPress: L[1] || (L[1] = (N) => s("on-frozen-columns-key-press", N)),
+              onSelectRow: L[2] || (L[2] = (N) => s("select-row", N)),
               onNestedContentToggled: A
-            }, Re({ _: 2 }, [
-              me(o(t), (M, V) => ({
+            }, $e({ _: 2 }, [
+              Ce(l(t), (N, V) => ({
                 name: V,
-                fn: W((B) => [
-                  Ee(m.$slots, V, X({ ref_for: !0 }, B), void 0, !0)
+                fn: G((P) => [
+                  be(v.$slots, V, Y({ ref_for: !0 }, P), 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", "selectable", "selected-items"]))), 128))
-          ], 10, Co)) : k("", !0)
+          ], 10, So)) : M("", !0)
         ], 64))), 256))
-      ], 16, mo)),
-      e.hasNestedContent && o(d)("nested-slot") ? (u(), z(zt, {
+      ], 16, bo)),
+      e.hasNestedContent && l(r)("nested-slot") ? (u(), U(Ft, {
         key: `${e.rowIndex}-nest-content`,
         name: "b-data-grid-row-container__animation--nested-content"
       }, {
-        default: W(() => [
-          g.value ? (u(), E("div", {
+        default: G(() => [
+          C.value ? (u(), E("div", {
             key: 0,
-            id: o(y),
+            id: l(b),
             "aria-level": "2",
             "aria-posinset": "1",
             "aria-setsize": "1",
-            class: oe(["b-data-grid-row-container__row-nested-slot", ie.value]),
+            class: ne(["b-data-grid-row-container__row-nested-slot", ae.value]),
             role: "row",
             tabindex: "-1",
-            style: Ae(S.value)
+            style: Ie(w.value)
           }, [
             p("div", {
               ref_key: "nestedContentRef",
-              ref: b
+              ref: y
             }, [
-              Ee(m.$slots, "nested-slot", { item: e.rowData }, void 0, !0)
+              be(v.$slots, "nested-slot", { item: e.rowData }, void 0, !0)
             ], 512)
-          ], 14, ho)) : k("", !0)
+          ], 14, yo)) : M("", !0)
         ]),
         _: 3
-      })) : k("", !0)
+      })) : M("", !0)
     ]));
   }
-}), po = /* @__PURE__ */ K(Lo, [["__scopeId", "data-v-fca272f7"]]);
-let Mt = 0;
-const Eo = {
+}), Io = /* @__PURE__ */ X(Oo, [["__scopeId", "data-v-fca272f7"]]);
+let kt = 0;
+const Ao = {
   beforeCreate() {
-    this.uuid = Mt.toString(), Mt += 1;
+    this.uuid = kt.toString(), kt += 1;
   }
-}, So = { key: 0 }, bo = ["clip-path"], yo = ["id"];
-function wo(e, l, c, t, d, i) {
-  return u(), E("svg", X({ role: "img" }, e.$attrs, {
+}, Ro = { key: 0 }, To = ["clip-path"], No = ["id"];
+function $o(e, o, f, t, r, i) {
+  return u(), E("svg", Y({ 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"] ? (u(), E("title", So, x(e.$attrs["svg-title"]), 1)) : k("", !0),
+    e.$attrs["svg-title"] ? (u(), E("title", Ro, j(e.$attrs["svg-title"]), 1)) : M("", !0),
     p("g", {
       "clip-path": "url(#uia-icons-16-warning_circle_fill__a" + e.uuid + ")"
-    }, l[0] || (l[0] = [
+    }, o[0] || (o[0] = [
       p("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, bo),
+    ]), 8, To),
     p("defs", null, [
       p("clipPath", {
         id: "uia-icons-16-warning_circle_fill__a" + e.uuid
-      }, l[1] || (l[1] = [
+      }, o[1] || (o[1] = [
         p("rect", {
           width: "16",
           height: "16",
           fill: "#fff"
         }, null, -1)
-      ]), 8, yo)
+      ]), 8, No)
     ])
   ], 16);
 }
-const Oo = /* @__PURE__ */ K(Eo, [["render", wo]]), Io = ["aria-label"], Ao = {}, Ro = /* @__PURE__ */ Ce({
-  ...Ao,
+const Do = /* @__PURE__ */ X(Ao, [["render", $o]]), Mo = ["aria-label"], ko = {}, zo = /* @__PURE__ */ he({
+  ...ko,
   __name: "data-grid-static-icon",
   props: {
     colored: { type: Boolean, default: !1 },
@@ -2534,54 +2550,54 @@ const Oo = /* @__PURE__ */ K(Eo, [["render", wo]]), Io = ["aria-label"], Ao = {}
     variant: { default: "no-value" }
   },
   setup(e) {
-    const l = e, c = w(() => {
-      switch (l.variant) {
+    const o = e, f = O(() => {
+      switch (o.variant) {
         case "checkmark":
-          return Un;
+          return Hn;
         case "warning":
-          return zn;
+          return Vn;
         case "error":
-          return Oo;
+          return Do;
         case "cross":
-          return Ft;
+          return Pt;
         case "no-value":
-          return ft;
+          return gt;
         default:
-          return ft;
+          return gt;
       }
-    }), t = w(() => ({
-      "b-data-grid-static-icon--colored": l.colored && l.variant !== "no-value"
-    })), d = w(() => `b-data-grid-static-icon__${l.variant}`), i = w(() => Pn.AUTO);
-    return (s, _) => Qe((u(), E("div", {
+    }), t = O(() => ({
+      "b-data-grid-static-icon--colored": o.colored && o.variant !== "no-value"
+    })), r = O(() => `b-data-grid-static-icon__${o.variant}`), i = O(() => Zn.AUTO);
+    return (s, h) => Qe((u(), E("div", {
       "aria-label": s.tooltipText,
-      class: oe(["b-data-grid-static-icon", t.value]),
+      class: ne(["b-data-grid-static-icon", t.value]),
       tabindex: "0"
     }, [
-      (u(), z(Ie(c.value), {
-        class: oe(d.value),
+      (u(), U(Ne(f.value), {
+        class: ne(r.value),
         "svg-title": s.tooltipText
       }, null, 8, ["class", "svg-title"]))
-    ], 10, Io)), [
-      [o(Fn), s.tooltipText, i.value]
+    ], 10, Mo)), [
+      [l(xn), s.tooltipText, i.value]
     ]);
   }
-}), Oi = /* @__PURE__ */ K(Ro, [["__scopeId", "data-v-3ee55e9a"]]), To = ["aria-rowcount", "aria-colcount", "aria-label", "role"], No = {
+}), Di = /* @__PURE__ */ X(zo, [["__scopeId", "data-v-3ee55e9a"]]), Uo = ["aria-rowcount", "aria-colcount", "aria-label", "role"], Fo = {
   key: 1,
   class: "b-data-grid__header"
-}, $o = ["tabindex"], Do = ["tabindex", "aria-busy"], Mo = {
+}, Po = ["tabindex"], Bo = ["tabindex", "aria-busy"], Wo = {
   key: 0,
   class: "b-data-grid__loading"
-}, ko = {
+}, Go = {
   key: 1,
   class: "b-data-grid__empty-state"
-}, Uo = {
-  key: 4,
+}, Ho = {
+  key: 5,
   class: "b-data-grid__footer"
-}, zo = {
+}, Vo = {
   i18n: { messages: xe },
   name: "bento-data-grid"
-}, Fo = /* @__PURE__ */ Ce({
-  ...zo,
+}, xo = /* @__PURE__ */ he({
+  ...Vo,
   props: {
     /**
      * When true, will emit a 'rowClick' event when a row is clicked. Will add cursor: pointer to rows.
@@ -2747,6 +2763,13 @@ const Oo = /* @__PURE__ */ K(Eo, [["render", wo]]), Io = ["aria-label"], Ao = {}
       type: Boolean,
       default: !1
     },
+    /**
+     * Sticks the horizontal scrollbar to the bottom of the screen if the data-grid is larger than the screen height.
+     */
+    stickyHorizontalScrollbar: {
+      type: Boolean,
+      default: !1
+    },
     /**
      * Make pagination stick to the bottom of the page when the data-grid is bigger than the screen.
      * Because styles have to be applied to pagination container element, this has to be a data-grid prop (rather than a pagination prop).
@@ -2829,348 +2852,378 @@ const Oo = /* @__PURE__ */ K(Eo, [["render", wo]]), Io = ["aria-label"], Ao = {}
     $.SELECT_ALL_ACROSS_PAGES,
     $.SORT
   ],
-  setup(e, { expose: l, emit: c }) {
-    const t = e, d = et(), i = O(null), s = O(), _ = O({}), g = O(null), b = O(null), y = O(), f = O(null), {
-      allowColumnDragAndDrop: N,
-      columns: n,
-      columnPanel: C,
-      data: a,
-      lazyLoadType: L,
-      selectable: S,
-      selection: A,
-      loading: P,
-      selectableAcrossPages: j,
-      outline: ie,
-      hasNestedContent: m
-    } = Ke(t), h = O(-1), { t: D } = we({ messages: xe }), G = w(() => V.value.filter((I) => I.frozen).length), J = ct(
-      Zn,
+  setup(e, { expose: o, emit: f }) {
+    const t = e, r = et(), i = I(null), s = I(), h = I({}), C = I(null), y = I(null), b = I(), c = I(null), S = I(null), {
+      allowColumnDragAndDrop: n,
+      columns: g,
+      columnPanel: a,
+      data: _,
+      lazyLoadType: w,
+      loading: A,
+      hasNestedContent: F,
+      selectable: x,
+      selection: ae,
+      selectableAcrossPages: v,
+      stickyPagination: L,
+      outline: D,
+      pagination: H
+    } = Ke(t), J = I(-1), { t: m } = Oe({ messages: xe }), B = O(() => ye.value.filter((R) => R.frozen).length), k = ft(
+      Qn,
       () => ({
         isDataGridTemplate: !1,
-        stickyTabs: O(!1),
-        tabsRef: O(null)
+        stickyTabs: I(!1),
+        tabsRef: I(null)
       })
-    ), { isDataGridTemplate: v, stickyTabs: H, tabsRef: U } = J(), M = w(() => t.fitContent || v ? 0 : null), {
-      columnDefs: V,
-      onColumnWidthOverride: B,
-      gridColumnWidthStyle: ae,
-      isMeasuringColumnWidths: be,
-      isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: Ze,
-      columns: Te
-    } = hl(n, a, i, _, g, {
-      hasColumnPanel: C,
-      hasSelectableColumn: S,
-      hasSelectableAcrossPages: j,
-      hasNestedContent: m,
-      allowColumnDragAndDrop: N,
-      isDataGridTemplate: v
-    }), r = c, R = (I, ...F) => {
-      (I === $.COLUMNS || I === $.UPDATE_COLUMNS) && ([Te.value] = F), r(I, ...F);
-    }, T = Lt(U, H), re = w(
-      () => t.stickyFilters ? `${T.value}px` : null
-    ), ee = Lt(b, Ut(t, "stickyFilters")), Ne = w(
-      () => `${ee.value + T.value}px`
+    ), { isDataGridTemplate: N, stickyTabs: V, tabsRef: P } = k(), ge = O(() => t.fitContent || N ? 0 : null), {
+      columnDefs: ye,
+      onColumnWidthOverride: Ze,
+      gridColumnWidthStyle: De,
+      isMeasuringColumnWidths: d,
+      isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: W,
+      columns: T,
+      totalWidthOfAllColumns: re
+    } = yl(g, _, i, h, C, {
+      hasColumnPanel: a,
+      hasSelectableColumn: x,
+      hasSelectableAcrossPages: v,
+      hasNestedContent: F,
+      allowColumnDragAndDrop: n,
+      isDataGridTemplate: N
+    }), te = f, Q = (R, ...z) => {
+      (R === $.COLUMNS || R === $.UPDATE_COLUMNS) && ([T.value] = z), te(R, ...z);
+    }, Ae = pt(P, V), Me = O(
+      () => t.stickyFilters ? `${Ae.value}px` : null
+    ), ke = pt(y, Ut(t, "stickyFilters")), ze = O(
+      () => `${ke.value + Ae.value}px`
     ), {
-      sortedColumns: $e,
-      columnSets: ye,
-      isOnlyOneVisibleColumn: De,
-      onConfigSettingsUpdate: Me,
-      onConfigSettingsColumnsUpdate: ke,
-      onConfigSettingsColumnUpdate: Ue
-    } = yl(V, R), { hoveredOverColumn: Kt, hoveredOverColumnState: lt } = Ol(
-      ye,
-      S,
-      ie,
-      Ze
-    ), { draggingColumns: st, draggingEventsForColumns: Jt, draggingEventsForRowCell: Qt, onMoveColumnByOffset: en } = bl($e, N, R), { onAllRowSelect: ot, onRowSelect: tn, selectedItems: it, allItemsSelectedState: nn } = _l(
-      A,
-      R,
-      a,
+      sortedColumns: Ue,
+      columnSets: we,
+      isOnlyOneVisibleColumn: Jt,
+      onConfigSettingsUpdate: Qt,
+      onConfigSettingsColumnsUpdate: en,
+      onConfigSettingsColumnUpdate: tn
+    } = Nl(ye, Q), { hoveredOverColumn: nn, hoveredOverColumnState: lt } = Dl(
+      we,
+      x,
+      D,
+      W
+    ), { draggingColumns: st, draggingEventsForColumns: ln, draggingEventsForRowCell: sn, onMoveColumnByOffset: on } = Tl(Ue, n, Q), { onAllRowSelect: ot, onRowSelect: an, selectedItems: it, allItemsSelectedState: rn } = wl(
+      ae,
+      Q,
+      _,
       t.getDataItemId,
       t.isDataItemDisabled
-    ), { navigationInput: at } = pl(g, n, S), { isLazyLoad: ze, isInfiniteScroll: ln, verticalScrollPosition: sn, emitLazyLoadEvent: on } = Sl(
-      L,
-      f,
+    ), { navigationInput: at } = Il(C, g, x), { isLazyLoad: Re, isInfiniteScroll: dn, verticalScrollPosition: un, emitLazyLoadEvent: cn } = Rl(
+      w,
+      c,
       i,
-      P,
-      R
-    ), { updateScrollPosition: Fe, updateScrollPositionOnFrozenColumnsNavigation: an, hasLeftOverflow: Pe, hasRightOverflow: rn } = wl(i, s, sn), dn = () => {
-      y.value.isClearAllVisible ? y.value.clearAllFilters() : y.value.isResetAllVisible && y.value.resetAllFilters();
-    }, un = w(() => {
-      var I, F;
+      A,
+      Q
+    ), {
+      updateScrollPosition: Fe,
+      updateScrollPositionOnFrozenColumnsNavigation: fn,
+      syncVirtualScrollerWithBody: rt,
+      hasLeftOverflow: Pe,
+      hasRightOverflow: gn,
+      horizontalScrollbarConditionalClasses: vn
+    } = $l(i, s, un, S, {
+      isLazyLoad: Re,
+      pagination: H,
+      stickyPagination: L
+    }), mn = () => {
+      b.value.isClearAllVisible ? b.value.clearAllFilters() : b.value.isResetAllVisible && b.value.resetAllFilters();
+    }, Cn = O(() => {
+      var R, z;
       return {
         ...t.emptyState,
-        variant: ((I = t.emptyState) == null ? void 0 : I.variant) === "embedded" || ((F = t.emptyState) == null ? void 0 : F.variant) === "basic" ? t.emptyState.variant : "basic"
+        variant: ((R = t.emptyState) == null ? void 0 : R.variant) === "embedded" || ((z = t.emptyState) == null ? void 0 : z.variant) === "basic" ? t.emptyState.variant : "basic"
       };
-    }), cn = w(() => ({
-      [`b-data-grid--${pe.OUTLINE}`]: t.outline,
-      [`b-data-grid--${pe.SCROLL}`]: t.fitContent || ze.value,
-      [`b-data-grid--${pe.STICKY_FILTERS}`]: t.filters && t.stickyFilters,
-      [`b-data-grid--${pe.OVERFLOW_SHADOW_LEFT}`]: Pe.value && !G.value,
-      [`b-data-grid--${pe.OVERFLOW_SHADOW_RIGHT}`]: rn.value,
-      [`b-data-grid--${pe.NO_SPACING_TOP}`]: t.noSpacingTop
-    })), fn = w(() => ye.value.findIndex((I) => I.columnSet.length)), rt = w(() => !((t.selectable || t.hasNestedContent) && G.value === 1) || Pe.value), gn = w(() => ({
-      "b-data-grid__filters--sticky": !!t.stickyFilters || v
-    })), vn = w(() => {
-      var I, F, te, Z, ge, ve;
+    }), hn = O(() => ({
+      [`b-data-grid--${Ee.OUTLINE}`]: t.outline,
+      [`b-data-grid--${Ee.SCROLL}`]: t.fitContent || Re.value,
+      [`b-data-grid--${Ee.STICKY_FILTERS}`]: t.filters && t.stickyFilters,
+      [`b-data-grid--${Ee.OVERFLOW_SHADOW_LEFT}`]: Pe.value && !B.value,
+      [`b-data-grid--${Ee.OVERFLOW_SHADOW_RIGHT}`]: gn.value,
+      [`b-data-grid--${Ee.NO_SPACING_TOP}`]: t.noSpacingTop
+    })), _n = O(() => ({
+      "b-data-grid__body--sticky-horizontal-scrollbar": t.stickyHorizontalScrollbar
+    })), Ln = O(() => we.value.findIndex((R) => R.columnSet.length)), dt = O(() => !((t.selectable || t.hasNestedContent) && B.value === 1) || Pe.value), pn = O(() => ({
+      "b-data-grid__filters--sticky": !!t.stickyFilters || N
+    })), En = O(() => {
+      var R, z, le, Z, ve, me;
       return {
-        "b-data-grid__pagination--padding-left-unset": ((te = (F = (I = t.columns) == null ? void 0 : I[0]) == null ? void 0 : F.padding) == null ? void 0 : te.left) === !1,
-        "b-data-grid__pagination--padding-right-unset": ((ve = (ge = (Z = t.columns) == null ? void 0 : Z[t.columns.length - 1]) == null ? void 0 : ge.padding) == null ? void 0 : ve.right) === !1,
-        "b-data-grid__pagination--sticky": !!t.stickyPagination || v
+        "b-data-grid__pagination--padding-left-unset": ((le = (z = (R = t.columns) == null ? void 0 : R[0]) == null ? void 0 : z.padding) == null ? void 0 : le.left) === !1,
+        "b-data-grid__pagination--padding-right-unset": ((me = (ve = (Z = t.columns) == null ? void 0 : Z[t.columns.length - 1]) == null ? void 0 : ve.padding) == null ? void 0 : me.right) === !1,
+        "b-data-grid__pagination--sticky": !!t.stickyPagination || N
       };
-    }), mn = (I) => {
-      const F = I;
-      I !== null && (F != null && F.columnHeaderRefs) && Object.entries(F == null ? void 0 : F.columnHeaderRefs).forEach(([te, Z]) => {
-        _.value[te] = Z;
+    }), bn = (R) => {
+      const z = R;
+      R !== null && (z != null && z.columnHeaderRefs) && Object.entries(z == null ? void 0 : z.columnHeaderRefs).forEach(([le, Z]) => {
+        h.value[le] = Z;
       });
-    }, Cn = (I, F) => {
-      const te = I;
-      I !== null && (te != null && te.gridcellRefs) && Object.entries(te == null ? void 0 : te.gridcellRefs).map(([Z, ge]) => {
-        var ve;
-        ((ve = g.value) == null ? void 0 : ve[Z]) === void 0 && (g.value = { ...g.value, [Z]: [] }), g.value[Z][F] = ge;
+    }, Sn = (R, z) => {
+      const le = R;
+      R !== null && (le != null && le.gridcellRefs) && Object.entries(le == null ? void 0 : le.gridcellRefs).map(([Z, ve]) => {
+        var me;
+        ((me = C.value) == null ? void 0 : me[Z]) === void 0 && (C.value = { ...C.value, [Z]: [] }), C.value[Z][z] = ve;
       });
-    }, hn = (I, F) => {
-      t.allowRowClicks && R($.ROW_CLICK, I, F);
-    }, _n = (I) => {
-      h.value = I;
-    }, Ln = w(() => !!t.selectableAcrossPages && !!t.pagination), pn = w(() => t.hasNestedContent ? "treegrid" : "grid"), dt = Hn({
-      label: d != null && d.header ? Gn(d)("header") : null,
+    }, yn = (R, z) => {
+      t.allowRowClicks && Q($.ROW_CLICK, R, z);
+    }, wn = (R) => {
+      J.value = R;
+    }, On = O(() => !!t.selectableAcrossPages && !!t.pagination), In = O(() => t.hasNestedContent ? "treegrid" : "grid"), ut = Yn({
+      label: r != null && r.header ? Xn(r)("header") : null,
       defaultFallback: "data grid"
-    }), ut = w(() => {
-      var I;
-      return ((I = it.value) == null ? void 0 : I.length) ?? 0;
-    }), En = w(() => t.bulkActions && ut.value > 0), Sn = (I) => R($.COLUMN_RESIZE, I), bn = (I) => {
-      R($.UPDATE_SORT_BY, I), R($.SORT, I);
-    }, yn = (I, F) => {
-      R($.NAVIGATE, I), R($.UPDATE_PAGINATION, {
+    }), ct = O(() => {
+      var R;
+      return ((R = it.value) == null ? void 0 : R.length) ?? 0;
+    }), An = O(() => t.bulkActions && ct.value > 0), Rn = (R) => Q($.COLUMN_RESIZE, R), Tn = (R) => {
+      Q($.UPDATE_SORT_BY, R), Q($.SORT, R);
+    }, Nn = (R, z) => {
+      Q($.NAVIGATE, R), Q($.UPDATE_PAGINATION, {
         ...t.pagination,
-        size: F,
-        page: I
+        size: z,
+        page: R
       });
-    }, wn = (I) => {
-      R($.ITEMS_PAGE, I);
-    }, On = () => {
-      R($.FILTER_SEARCH_CLEAR);
-    }, In = (I) => {
-      R($.UPDATE_FILTER_SEARCH_TERM, I), R($.FILTER_SEARCH_INPUT, I);
+    }, $n = (R) => {
+      Q($.ITEMS_PAGE, R);
+    }, Dn = () => {
+      Q($.FILTER_SEARCH_CLEAR);
+    }, Mn = (R) => {
+      Q($.UPDATE_FILTER_SEARCH_TERM, R), Q($.FILTER_SEARCH_INPUT, R);
     };
-    return w(() => n.value.some((I) => I.mandatory)).value || Bt(
+    return O(() => g.value.some((R) => R.mandatory)).value || Wt(
       "WARNING: At least one BentoDataGrid column should be set as mandatory to ensure data is always displayed correctly."
-    ), ct(xn, () => null)(t.tabTitle), l({ onEmptyStateClearResetButtonClick: dn }), (I, F) => {
-      var te;
+    ), ft(Jn, () => null)(t.tabTitle), o({ onEmptyStateClearResetButtonClick: mn }), (R, z) => {
+      var le;
       return u(), E("div", {
-        class: oe(["b-data-grid", cn.value]),
-        "aria-rowcount": o(a).length,
-        "aria-colcount": o(n).length,
-        "aria-label": o(dt),
-        role: pn.value
+        class: ne(["b-data-grid", hn.value]),
+        "aria-rowcount": l(_).length,
+        "aria-colcount": l(g).length,
+        "aria-label": l(ut),
+        role: In.value
       }, [
         e.filters ? (u(), E("div", {
           key: 0,
           ref_key: "filtersRef",
-          ref: b,
-          class: oe(["b-data-grid__filters", gn.value]),
-          style: Ae({ top: re.value })
+          ref: y,
+          class: ne(["b-data-grid__filters", pn.value]),
+          style: Ie({ top: Me.value })
         }, [
-          e.filters ? (u(), z(We, {
+          e.filters ? (u(), U(We, {
             key: 0,
             ref_key: "filterBarRef",
-            ref: y,
+            ref: b,
             config: e.filters,
             "filter-values": e.filterValues,
             "search-term": e.filterSearchTerm,
-            onSearchInput: In,
-            onSearchClear: On,
-            onInput: F[0] || (F[0] = (Z) => I.$emit(o($).UPDATE_FILTERS, Z)),
-            "onUpdate:filterValues": F[1] || (F[1] = (Z) => I.$emit(o($).UPDATE_FILTER_VALUES, Z))
-          }, null, 8, ["config", "filter-values", "search-term"])) : k("", !0)
-        ], 6)) : k("", !0),
-        I.$slots.header ? (u(), E("div", No, [
-          Ee(I.$slots, "header", {}, void 0, !0)
-        ])) : k("", !0),
+            onSearchInput: Mn,
+            onSearchClear: Dn,
+            onInput: z[0] || (z[0] = (Z) => R.$emit(l($).UPDATE_FILTERS, Z)),
+            "onUpdate:filterValues": z[1] || (z[1] = (Z) => R.$emit(l($).UPDATE_FILTER_VALUES, Z))
+          }, null, 8, ["config", "filter-values", "search-term"])) : M("", !0)
+        ], 6)) : M("", !0),
+        R.$slots.header ? (u(), E("div", Fo, [
+          be(R.$slots, "header", {}, void 0, !0)
+        ])) : M("", !0),
         p("div", {
           class: "b-data-grid__column-headers",
-          style: Ae({ top: Ne.value })
+          style: Ie({ top: ze.value })
         }, [
-          o(C) ? (u(), z(o(Vs), {
+          l(a) ? (u(), U(l(Ks), {
             key: 0,
             class: "b-data-grid__config-settings",
-            columns: o(Te),
+            columns: l(T),
             condensed: e.condensed,
-            onConfigSettings: o(Me),
-            "onUpdate:columns": o(ke)
-          }, null, 8, ["columns", "condensed", "onConfigSettings", "onUpdate:columns"])) : k("", !0),
+            onConfigSettings: l(Qt),
+            "onUpdate:columns": l(en)
+          }, null, 8, ["columns", "condensed", "onConfigSettings", "onUpdate:columns"])) : M("", !0),
           p("div", {
             ref_key: "columnsRef",
             ref: s,
             role: "rowgroup",
             class: "b-data-grid__columns-row",
-            tabindex: M.value,
-            onScroll: F[4] || (F[4] = //@ts-ignore
-            (...Z) => o(Fe) && o(Fe)(...Z))
+            tabindex: ge.value,
+            onScroll: z[4] || (z[4] = //@ts-ignore
+            (...Z) => l(Fe) && l(Fe)(...Z))
           }, [
             p("div", {
-              style: Ae(o(ae)),
+              style: Ie(l(De)),
               class: "b-data-grid__columns",
               role: "row"
             }, [
-              (u(!0), E(fe, null, me(o(ye), ({ columnSet: Z, id: ge, isFrozenColumns: ve }, Be) => (u(), E(fe, null, [
-                Z != null && Z.length ? (u(), z(o(Ss), X({
-                  key: `data-grid-columns-${ge}`,
+              (u(!0), E(fe, null, Ce(l(we), ({ columnSet: Z, id: ve, isFrozenColumns: me }, Be) => (u(), E(fe, null, [
+                Z != null && Z.length ? (u(), U(l(Rs), Y({
+                  key: `data-grid-columns-${ve}`,
                   ref_for: !0,
-                  ref: (he) => mn(he),
+                  ref: (_e) => bn(_e),
                   columns: Z,
                   "has-resizable-columns": e.hasResizableColumns,
                   "sort-by": e.sortBy,
-                  "all-items-selected-state": o(nn),
-                  "is-frozen-columns": ve,
-                  "show-frozen-columns-separator": rt.value,
-                  "dragging-columns": o(st),
-                  "has-draggable-columns": o(N),
-                  "has-column-panel": o(C),
-                  "has-left-overflow": o(Pe),
-                  "has-first-column-panel-right-aligned": Be === fn.value,
-                  "hovered-over-column-state": o(lt),
-                  "is-measuring-column-widths": o(be),
-                  "is-only-one-visible-column": o(De),
-                  selectable: o(S),
-                  "selectable-across-pages": Ln.value,
+                  "all-items-selected-state": l(rn),
+                  "is-frozen-columns": me,
+                  "show-frozen-columns-separator": dt.value,
+                  "dragging-columns": l(st),
+                  "has-draggable-columns": l(n),
+                  "has-column-panel": l(a),
+                  "has-left-overflow": l(Pe),
+                  "has-first-column-panel-right-aligned": Be === Ln.value,
+                  "hovered-over-column-state": l(lt),
+                  "is-measuring-column-widths": l(d),
+                  "is-only-one-visible-column": l(Jt),
+                  selectable: l(x),
+                  "selectable-across-pages": On.value,
                   "truncate-column-headers": e.truncateColumnHeaders
-                }, Ge(o(Jt)), {
-                  onColumnHover: F[2] || (F[2] = (he) => Kt.value = he),
-                  onColumnMove: o(en),
-                  onColumnUpdate: o(Ue),
-                  onColumnResize: Sn,
-                  onColumnResizing: o(B),
-                  onSelectAllRows: o(ot),
-                  onSelectAllAcrossPages: F[3] || (F[3] = (he) => R(o($).SELECT_ALL_ACROSS_PAGES)),
-                  onSort: bn
-                }), Re({ _: 2 }, [
-                  me(o(d), (he, Oe) => ({
-                    name: Oe,
-                    fn: W((je) => [
-                      Ee(I.$slots, Oe, X({ ref_for: !0 }, je), void 0, !0)
+                }, He(l(ln)), {
+                  onColumnHover: z[2] || (z[2] = (_e) => nn.value = _e),
+                  onColumnMove: l(on),
+                  onColumnUpdate: l(tn),
+                  onColumnResize: Rn,
+                  onColumnResizing: l(Ze),
+                  onSelectAllRows: l(ot),
+                  onSelectAllAcrossPages: z[3] || (z[3] = (_e) => Q(l($).SELECT_ALL_ACROSS_PAGES)),
+                  onSort: Tn
+                }), $e({ _: 2 }, [
+                  Ce(l(r), (_e, Te) => ({
+                    name: Te,
+                    fn: G((je) => [
+                      be(R.$slots, Te, Y({ ref_for: !0 }, je), 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)
+                ]), 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"])) : M("", !0)
               ], 64))), 256))
             ], 4)
-          ], 40, $o)
+          ], 40, Po)
         ], 4),
         p("div", {
           ref_key: "body",
           ref: i,
           "data-testid": "data-grid-body",
-          class: "b-data-grid__body",
-          tabindex: o(P) ? "0" : "-1",
-          "aria-busy": o(P),
+          class: ne(["b-data-grid__body", _n.value]),
+          tabindex: l(A) ? "0" : "-1",
+          "aria-busy": l(A),
           "aria-live": "polite",
-          onScroll: F[6] || (F[6] = //@ts-ignore
-          (...Z) => o(Fe) && o(Fe)(...Z))
+          onScroll: z[6] || (z[6] = //@ts-ignore
+          (...Z) => l(Fe) && l(Fe)(...Z))
         }, [
-          o(P) && !o(ze) ? (u(), E("div", Mo, [
-            q(o(Pt), {
+          l(A) && !l(Re) ? (u(), E("div", Wo, [
+            q(l(Bt), {
               class: "b-data-grid__loading-indicator",
               large: ""
             }),
-            q(o(Ve), {
+            q(l(Ve), {
               el: "span",
               variant: "caption"
             }, {
-              default: W(() => [
-                le(x(o(D)("gettingYourData")), 1)
+              default: G(() => [
+                oe(j(l(m)("gettingYourData")), 1)
               ]),
               _: 1
             })
-          ])) : ((te = o(a)) == null ? void 0 : te.length) === 0 && e.emptyState ? (u(), E("div", ko, [
-            q(o(Vn), Mn(kn(un.value)), null, 16)
+          ])) : ((le = l(_)) == null ? void 0 : le.length) === 0 && e.emptyState ? (u(), E("div", Go, [
+            q(l(Kn), Wn(Gn(Cn.value)), null, 16)
           ])) : (u(), E("div", {
             key: 2,
             class: "b-data-grid__rows",
             role: "rowgroup",
-            onKeydown: F[5] || (F[5] = //@ts-ignore
-            (...Z) => o(at) && o(at)(...Z))
+            onKeydown: z[5] || (z[5] = //@ts-ignore
+            (...Z) => l(at) && l(at)(...Z))
           }, [
-            (u(!0), E(fe, null, me(o(a), (Z, ge) => {
-              var ve, Be;
-              return u(), z(o(po), {
-                key: ge,
+            (u(!0), E(fe, null, Ce(l(_), (Z, ve) => {
+              var me, Be;
+              return u(), U(l(Io), {
+                key: ve,
                 ref_for: !0,
-                ref: (he) => Cn(he, ge),
-                style: Ae(o(ae)),
+                ref: (_e) => Sn(_e, ve),
+                style: Ie(l(De)),
                 "allow-row-clicks": e.allowRowClicks,
-                "column-sets": o(ye),
+                "column-sets": l(we),
                 condensed: e.condensed,
-                "dragging-columns": o(st),
-                "dragging-events-for-row-cell": o(Qt),
+                "dragging-columns": l(st),
+                "dragging-events-for-row-cell": l(sn),
                 "get-data-item-id": e.getDataItemId,
-                "has-nested-content": o(m),
-                "has-left-overflow": o(Pe),
+                "has-nested-content": l(F),
+                "has-left-overflow": l(Pe),
                 "highlighted-rows": e.highlightedRows,
-                "hovered-row-index": h.value,
-                "hovered-over-column-state": o(lt),
+                "hovered-row-index": J.value,
+                "hovered-over-column-state": l(lt),
                 "is-data-item-disabled": e.isDataItemDisabled,
-                "is-row-last-child": ge + 1 === ((ve = o(a)) == null ? void 0 : ve.length),
-                "is-measuring-column-widths": o(be),
+                "is-row-last-child": ve + 1 === ((me = l(_)) == null ? void 0 : me.length),
+                "is-measuring-column-widths": l(d),
                 "row-data": Z,
-                "row-index": ge,
-                "row-set-size": (Be = o(a)) == null ? void 0 : Be.length,
-                "show-frozen-columns-separator": rt.value,
+                "row-index": ve,
+                "row-set-size": (Be = l(_)) == null ? void 0 : Be.length,
+                "show-frozen-columns-separator": dt.value,
                 "should-show-nested-content": e.shouldShowNestedContent,
-                selectable: o(S),
-                "selected-items": o(it),
-                onCellHovered: _n,
-                onRowClick: hn,
-                onOnFrozenColumnsKeyPress: o(an),
-                onSelectRow: o(tn)
-              }, Re({ _: 2 }, [
-                me(o(d), (he, Oe) => ({
-                  name: Oe,
-                  fn: W((je) => [
-                    Ee(I.$slots, Oe, X({ ref_for: !0 }, je), void 0, !0)
+                selectable: l(x),
+                "selected-items": l(it),
+                onCellHovered: wn,
+                onRowClick: yn,
+                onOnFrozenColumnsKeyPress: l(fn),
+                onSelectRow: l(an)
+              }, $e({ _: 2 }, [
+                Ce(l(r), (_e, Te) => ({
+                  name: Te,
+                  fn: G((je) => [
+                    be(R.$slots, Te, Y({ ref_for: !0 }, je), 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-left-overflow", "highlighted-rows", "hovered-row-index", "hovered-over-column-state", "is-data-item-disabled", "is-row-last-child", "is-measuring-column-widths", "row-data", "row-index", "row-set-size", "show-frozen-columns-separator", "should-show-nested-content", "selectable", "selected-items", "onOnFrozenColumnsKeyPress", "onSelectRow"]);
             }), 128))
           ], 32))
-        ], 40, Do),
-        o(ze) ? (u(), z(o(qs), {
+        ], 42, Bo),
+        l(Re) ? (u(), U(l(to), {
           key: 2,
-          loading: o(P),
-          "is-infinite-scroll": o(ln),
-          "onUpdate:showMore": o(on)
-        }, null, 8, ["loading", "is-infinite-scroll", "onUpdate:showMore"])) : k("", !0),
-        e.pagination && !o(ze) ? (u(), E("div", {
+          loading: l(A),
+          "is-infinite-scroll": l(dn),
+          "onUpdate:showMore": l(cn)
+        }, null, 8, ["loading", "is-infinite-scroll", "onUpdate:showMore"])) : M("", !0),
+        e.stickyHorizontalScrollbar ? (u(), E("div", {
           key: 3,
+          ref_key: "virtualHorizontalScrollbarRef",
+          ref: S,
+          class: ne(["b-data-grid__horizontal-scrollbar", l(vn)]),
+          "aria-hidden": "true",
+          "data-testid": "sticky-horizontal-scrollbar",
+          onScroll: z[7] || (z[7] = //@ts-ignore
+          (...Z) => l(rt) && l(rt)(...Z))
+        }, [
+          p("div", {
+            style: Ie({ width: `${l(re)}px`, height: "15px" })
+          }, null, 4)
+        ], 34)) : M("", !0),
+        l(H) && !l(Re) ? (u(), E("div", {
+          key: 4,
           "data-testid": "pagination-container",
-          class: oe(["b-data-grid__pagination", vn.value])
+          class: ne(["b-data-grid__pagination", En.value])
         }, [
-          q(o(Wn), X(e.pagination, {
-            "aria-label": `${o(dt)} navigation`,
-            onNavigate: yn,
-            onItemsPage: wn
+          q(l(qn), Y(l(H), {
+            "aria-label": `${l(ut)} navigation`,
+            onNavigate: Nn,
+            onItemsPage: $n
           }), null, 16, ["aria-label"])
-        ], 2)) : k("", !0),
-        I.$slots.footer ? (u(), E("div", Uo, [
-          Ee(I.$slots, "footer", {}, void 0, !0)
-        ])) : k("", !0),
-        En.value ? (u(), z(o(Bn), {
-          key: 5,
+        ], 2)) : M("", !0),
+        R.$slots.footer ? (u(), E("div", Ho, [
+          be(R.$slots, "footer", {}, void 0, !0)
+        ])) : M("", !0),
+        An.value ? (u(), U(l(jn), {
+          key: 6,
           actions: e.bulkActions,
-          "item-counter": ut.value,
-          "extra-bottom-spacing": e.stickyPagination,
-          onClose: F[7] || (F[7] = (Z) => o(ot)(!1))
-        }, null, 8, ["actions", "item-counter", "extra-bottom-spacing"])) : k("", !0)
-      ], 10, To);
+          "item-counter": ct.value,
+          "extra-bottom-spacing": l(L),
+          onClose: z[8] || (z[8] = (Z) => l(ot)(!1))
+        }, null, 8, ["actions", "item-counter", "extra-bottom-spacing"])) : M("", !0)
+      ], 10, Uo);
     };
   }
-}), Ii = /* @__PURE__ */ K(Fo, [["__scopeId", "data-v-70b059e3"]]);
+}), Mi = /* @__PURE__ */ X(xo, [["__scopeId", "data-v-ab5fef4d"]]);
 export {
   Ye as B,
-  Oi as a,
-  pe as b,
+  Di as a,
+  Ee as b,
   Se as c,
-  Ii as d,
+  Mi as d,
   $ as e,
-  He as f
+  Ge as f
 };
-//# sourceMappingURL=data-grid.DR-w_KKU.js.map
+//# sourceMappingURL=data-grid.BC2tOBxm.js.map