@adyen/bento-vue3 1.89.2 → 1.91.0

package/dist/chunks/data-grid.DvMe72LK.js

@@ -0,0 +1,4247 @@
+import { ref as S, onMounted as Je, nextTick as de, watch as Ce, onUnmounted as vn, reactive as At, toRefs as Et, computed as v, watchEffect as pl, onBeforeUpdate as bl, openBlock as c, createElementBlock as E, mergeProps as ee, toDisplayString as q, createCommentVNode as F, createElementVNode as O, defineComponent as Se, inject as Te, normalizeClass as ae, Fragment as fe, renderList as be, unref as l, toHandlers as ft, createBlock as W, withCtx as V, createVNode as j, renderSlot as Oe, withModifiers as wl, normalizeStyle as Le, resolveComponent as we, createTextVNode as re, withDirectives as Xe, vShow as Sl, toRef as wt, resolveDirective as _l, Transition as hn, createSlots as qe, resolveDynamicComponent as je, useSlots as yt, provide as it, withKeys as Bt, normalizeProps as Rl, guardReactiveProps as Al } from "vue";
+import { C as El } from "./checkmark-circle-fill.DugX5fbG.js";
+import { W as yl } from "./warning-filled.BzyK_mMj.js";
+/* empty css              */
+import { _ as oe } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import { C as Cn } from "./cross.CCHdi6v3.js";
+import { N as Wt } from "./minus-small.CnYLTuSv.js";
+import { E as le, b as St, T as Ll, B as Ol } from "./tooltip.DHfG2aRt.js";
+import { b as Tl } from "./popper-container.DMN8n5iC.js";
+import { B as Il } from "./dashed-underline.B50DIXjK.js";
+import { B as Ge, p as pn } from "./typography.B3J6_tYk.js";
+import { u as Me } from "./index.B875RXHM.js";
+import { B as Nl } from "./tag.YN2r-Pp3.js";
+import { B as Dl } from "./action-bar.BPS3wPde.js";
+import { B as Ml } from "./pagination.Cu85Lqms.js";
+import { B as dt } from "./loading-indicator.BPol9I84.js";
+import { u as Lt } from "./use-has-slot.CyMiImRQ.js";
+import { u as zl } from "./use-touch-device.DTqFAbXh.js";
+import { g as ut } from "./generate-uid.DBWe4g6T.js";
+import { a as Fl } from "./filter-bar.Dt-cU3zy.js";
+import { B as Pl } from "./empty-state.DT4sFyjB.js";
+import { E as $l } from "./tabs.keys.B4qGhjp2.js";
+import { D as kl } from "./data-grid-template.keys.VezYtHtM.js";
+import { b as Ul } from "./index.DDwcHPb6.js";
+import { o as Ot } from "./resize.Bqks3WUm.js";
+import { f as _t, c as Tt, h as Bl, a as Vt, b as Gt, O as xt, D as Wl } from "./button-actions.DLiM8KZL.js";
+import { B as bn } from "./button.DWF7FSIw.js";
+import { B as wn } from "./toggle.BQoprdX-.js";
+import { B as Vl } from "./search-bar.p6kHCCvT.js";
+import { B as Gl } from "./directive.C8kY-ZW-.js";
+import { u as xl } from "./dropdown.DHoL50gV.js";
+import { S as Hl } from "./search.ClLmZAgC.js";
+import { B as Sn } from "./checkbox.BPrymcRl.js";
+import { B as Zl } from "./info-icon.B3MDsjMu.js";
+import { D as jl } from "./use-cached-selected-values.Bx8uuky9.js";
+import { B as Ht } from "./popover.types.D8tHtFl3.js";
+import { A as ql } from "./arrow-left.C6UiqO-c.js";
+import { A as Kl } from "./arrow-right.fSdLV_ho.js";
+import { H as Yl, S as Xl } from "./show.BreRPkgL.js";
+import { l as Zt } from "./events.BQOQSSb7.js";
+import { b as _n } from "./focus-trap.BAiM_ywb.js";
+import { E as jt } from "./link.D6D6YGsN.js";
+import { C as qt } from "./copy.CL893i9-.js";
+import { C as Jl } from "./chevron-down.XeE-LBV_.js";
+import { C as Ql } from "./chevron-up.Cmgl2a3x.js";
+import { u as eo } from "./use-expandable-content-height.B5jjRvCz.js";
+import "../assets/data-grid.css";
+const Kt = (e) => {
+  if (!e)
+    return 0;
+  const s = window.getComputedStyle(e);
+  let i = e.offsetHeight;
+  const t = window.getComputedStyle(e, "::after");
+  if (t.content !== "none" && t.position === "absolute") {
+    const n = parseFloat(t.height), o = parseFloat(t.bottom);
+    !isNaN(n) && !isNaN(o) && o < 0 && o + n <= 0 && (i += n);
+  }
+  const r = parseFloat(s.top);
+  return !isNaN(r) && r < 0 && (i += r), i;
+}, Yt = (e, s, i = S(!1), t = null) => {
+  const r = S(0);
+  let n = null, o = null;
+  const f = () => {
+    const a = s.value ? Kt(e.value) : 0, m = i.value && t ? Kt(t.value) : 0;
+    r.value = a + m;
+  };
+  return Je(() => {
+    de(() => {
+      const a = Ce(
+        e,
+        () => {
+          e?.value && (de(() => a()), n = Ot(e.value, f), o = new MutationObserver(f), o.observe(e.value, { attributes: !0, attributeFilter: ["class"] }));
+        },
+        { immediate: !0 }
+      );
+      Ce(
+        [s, i],
+        () => {
+          f();
+        },
+        { immediate: !0 }
+      );
+    });
+  }), vn(() => {
+    n?.disconnect(), o?.disconnect();
+  }), r;
+};
+var Rt = /* @__PURE__ */ ((e) => (e.WRAP = "wrap", e.ELLIPSIS = "ellipsis", e))(Rt || {}), ne = /* @__PURE__ */ ((e) => (e.COLUMN_RESIZE = "column-resize", e.COLUMN_RESIZING = "column-resizing", e.SELECT_ALL_ROWS = "select-all-rows", e.SELECT_ALL_ACROSS_PAGES = "select-all-across-pages", e.SELECT_ALL_CURRENT_RESULTS = "select-all-current-results", e.DESELECT_ALL = "deselect-all", e.DESELECT_ALL_CURRENT_RESULTS = "deselect-all-current-results", e.COLUMN_MOVE = "column-move", e.COLUMN_UPDATE = "column-update", e.COLUMN_MENU_OPEN = "column-menu-open", e.COLUMN_MENU_CLOSE = "column-menu-close", e.COLUMN_HOVER = "column-hover", e.COLUMN_DRAG_START = "column-dragstart", e.COLUMN_DRAG_ENTER = "column-dragenter", e.COLUMN_DRAG_END = "column-dragend", e.COLUMN_DROP = "column-drop", e))(ne || {}), ye = /* @__PURE__ */ ((e) => (e.OUTLINE = "outline", e.SCROLL = "scroll", e.STICKY_FILTERS = "sticky-filters", e.OVERFLOW_SHADOW_LEFT = "overflow-shadow-left", e.OVERFLOW_SHADOW_RIGHT = "overflow-shadow-right", e.NO_SPACING_TOP = "no-spacing-top", e.FIT_CONTENT = "fit-content", e.ZEBRA_ROWS = "zebra-rows", e))(ye || {}), Fe = /* @__PURE__ */ ((e) => (e.ASCENDING = "asc", e.DESCENDING = "desc", e))(Fe || {}), N = /* @__PURE__ */ ((e) => (e.CELL_FOCUS = "cell-focus", e.COLUMNS = "columns", e.COLUMN_RESIZE = "column-resize", e.ITEMS_PAGE = "items-page", e.NAVIGATE = "navigate", e.NESTED_CONTENT_TOGGLED = "nested-content-toggled", e.FILTER_SEARCH_INPUT = "filter-search-input", e.FILTER_SEARCH_CLEAR = "filter-search-clear", e.UPDATE_COLUMNS = "update:columns", e.UPDATE_CONDENSED = "update:condensed", e.UPDATE_FILTERS = "update:filters", e.UPDATE_FILTER_VALUES = "update:filter-values", e.UPDATE_FILTER_VALUES_OBJECT = "update:filter-values-object", e.UPDATE_FILTER_SEARCH_TERM = "update:filter-search-term", e.UPDATE_PAGINATION = "update:pagination", e.UPDATE_SELECTION = "update:selection", e.UPDATE_SHOW_MORE = "update:show-more", e.UPDATE_SORT_BY = "update:sort-by", e.UPDATE_ZEBRA_ROWS = "update:zebra-rows", e.ROW_CLICK = "row-click", e.SELECT = "select", e.SELECT_ALL_ACROSS_PAGES = "select-all-across-pages", e.SELECT_ALL_CURRENT_RESULTS = "select-all-current-results", e.DESELECT_ALL_CURRENT_RESULTS = "deselect-all-current-results", e.SORT = "sort", e))(N || {}), rt = /* @__PURE__ */ ((e) => (e.ASCENDING = "ascending", e.DESCENDING = "descending", e.NONE = "none", e))(rt || {});
+const to = (e, s) => {
+  const i = S(null), t = S(!1), r = S(void 0), n = e.value.reduce((_, D) => (_[D.field] = null, _), {}), o = At(n), f = Et(o);
+  let a = 0, m = "";
+  const R = v(
+    () => Object.fromEntries(e.value.map(({ field: _, width: D, minWidth: y }) => [_, { width: D, minWidth: y }]))
+  );
+  pl(() => r.value = R.value);
+  let p = null, I = null;
+  const A = (_) => {
+    const D = _.clientX - a, y = m, z = r.value[y].width + D;
+    r.value[y].width = z > R.value[y].minWidth ? z : R.value[y].minWidth, s(ne.COLUMN_RESIZING, r.value), a = _.clientX;
+  }, g = () => {
+    t.value = !1, p?.(), I?.(), m && s(ne.COLUMN_RESIZE, {
+      field: m,
+      width: r.value[m].width
+    }), p = null, I = null, m = "", a = null;
+  }, L = (_, D, y) => {
+    if (y.preventDefault(), _) {
+      if (t.value = !0, y.buttons !== 1) {
+        g();
+        return;
+      }
+      m = D, a = y.clientX, p = Zt(window, "mousemove", A), I = Zt(window, "mouseup", g);
+    }
+  };
+  return Ce(
+    () => t.value,
+    (_, D) => {
+      !_ && D && (s(ne.COLUMN_HOVER, i.value), i.value = null);
+    }
+  ), {
+    resizeData: r,
+    allColumnRefs: f,
+    startResize: L,
+    isResizing: t,
+    columnHoverEventToEmitAfterResizing: i
+  };
+}, no = 100, Xt = 50, he = "b-actions-column", lo = 42, oo = 56, so = 56, ao = 80, io = 36, ro = 1, Rn = 16, uo = 20, co = (e, s, i) => {
+  const t = {}, r = [], n = (f) => {
+    const a = t[f];
+    a && a.frozen !== !0 && (t[f].frozen = !0, r.push(f));
+  };
+  function o() {
+    if (r.length === i.length)
+      return;
+    const f = { min: {} };
+    let a = e, m = s, R = 0;
+    r.forEach((p) => {
+      a -= t[p].computedWidth, m -= t[p].flex;
+    });
+    for (let p = 0, I = i.length; p < I; p += 1) {
+      const A = i[p];
+      if (t[A.field] && t[A.field].frozen === !0)
+        continue;
+      let L = a / m * A.flex;
+      L < A.minWidth && (R += A.minWidth - L, L = A.minWidth, f.min[A.field] = !0), t[A.field] = {
+        frozen: !1,
+        computedWidth: L,
+        flex: A.flex
+      };
+    }
+    R > 0 ? Object.keys(f.min).forEach((p) => {
+      n(p);
+    }) : i.forEach(({ field: p }) => {
+      n(p);
+    }), o();
+  }
+  return o(), t;
+}, Jt = (e, s) => {
+  let i = ro;
+  return s && (i += Rn * 2), e?.offsetWidth ? e.offsetWidth + i : 0;
+}, go = (e) => e?.hasNestedContent?.value || e?.hasNestedRows?.value ? e?.hasSelectableColumn?.value ? e?.hasSelectableAcrossPages?.value ? ao : so : io : e?.hasSelectableAcrossPages?.value ? oo : lo, fo = (e, s, i, t, r, n) => {
+  const o = S(e.value), f = S(s), a = S(i), m = S(t), R = S(r), p = S(!1), I = S(0);
+  Ce(
+    () => e.value,
+    (d, b) => {
+      const P = d?.map(({ field: B }) => B).toString() === b?.map(({ field: B }) => B).toString();
+      if (!n?.allowColumnDragAndDrop?.value || !P) {
+        o.value = e.value;
+        return;
+      }
+      o.value = o.value?.length === 0 ? e.value : e.value.sort((B, Z) => {
+        const J = o.value.findIndex((X) => X.field === B.field), K = o.value.findIndex((X) => X.field === Z.field);
+        return J === -1 ? 1 : K === -1 ? -1 : J - K;
+      });
+    }
+  );
+  const A = S();
+  let g = null;
+  const L = v(() => {
+    const d = [];
+    let b = 0, P = 0;
+    const B = {};
+    let Z = o.value.filter((X) => X.visible !== !1);
+    const J = o.value.filter((X) => X.visible === !1);
+    if (n?.hasSelectableColumn?.value || n?.hasNestedContent?.value || n?.hasNestedRows?.value) {
+      const X = go(n);
+      Z = [
+        {
+          field: he,
+          label: "",
+          minWidth: X,
+          width: X,
+          frozen: !0,
+          padding: { left: !1, right: !1 }
+        },
+        ...Z
+      ];
+    }
+    Z.forEach((X) => {
+      const Y = { ...X };
+      let ge;
+      Y.flex && Y.flex > 0 ? (b += Y.flex, ge = 0, d.push(Y)) : ge = Math.max(
+        Y?.width ?? no,
+        Y?.minWidth ?? Xt
+      ), P += ge, Y.width = ge, Y.minWidth = Y?.minWidth ?? Xt, B[Y.field] = Y;
+    }), P += I.value;
+    const K = Math.max(A.value - P, 0);
+    if (b > 0 && A.value > 0) {
+      const X = co(K, b, d);
+      Object.keys(X).forEach((Y) => {
+        B[Y].width = X[Y].computedWidth;
+      });
+    }
+    return J.forEach((X) => {
+      const Y = { ...X };
+      B[Y.field] = Y;
+    }), Object.values(B);
+  }), _ = S(void 0), D = (d) => {
+    _.value = { ..._.value, ...d };
+  }, y = async () => {
+    o.value.some((d) => d?.autoWidth) && (p.value = !0, await de(), await de(), o?.value.filter((d) => d?.autoWidth).forEach(({ field: d, minWidth: b }) => {
+      const P = Jt(
+        m.value?.[d],
+        n?.hasColumnPanel?.value
+      ), B = R.value?.[d]?.reduce(
+        (J, K) => Math.max(J, Jt(K)),
+        0
+      ), Z = Math.max(P, B ?? 0);
+      (b === void 0 || Z > b) && D({
+        [d]: {
+          width: Z
+        }
+      });
+    }), p.value = !1);
+  };
+  Ce([() => o.value, () => f.value], async () => {
+    o.value.some((d) => d?.autoWidth) && await y();
+  });
+  const z = v(
+    () => L.value.map((d) => ({
+      ...d,
+      // Override column width with resized ones
+      width: _.value?.[d.field]?.width ?? d.width
+    }))
+  ), C = v(
+    () => z.value?.filter(({ visible: d }) => d !== !1).reduce((d, b) => b.width + d, 0) + I.value
+  ), M = v(
+    () => A.value <= C.value
+  ), u = v(() => ({
+    width: A.value > C.value ? "100%" : "fit-content"
+  }));
+  return Je(() => {
+    const d = n?.isDataGridTemplate ? uo : 0;
+    de(() => {
+      a.value && (A.value = a.value.getBoundingClientRect().width - d);
+      const b = Ce(
+        a,
+        () => {
+          a.value && (de(() => b()), g = Ot(a.value, ({ width: P }) => {
+            A.value = P - d;
+          }));
+        },
+        { immediate: !0 }
+      );
+    }), document?.fonts?.ready ? document.fonts.ready.then(() => {
+      y();
+    }) : y();
+  }), vn(() => {
+    g?.disconnect();
+  }), bl(() => {
+    R.value && Object.keys(R.value)?.length > 0 && Object.keys(R.value).forEach((b) => {
+      R.value[b] = [];
+    });
+  }), {
+    columnDefs: z,
+    gridRowWidthStyle: u,
+    onColumnWidthOverride: D,
+    isMeasuringColumnWidths: p,
+    isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: M,
+    columns: o,
+    totalWidthOfAllColumns: C,
+    rowActionsMaxWidth: I
+  };
+}, mo = (e, s, i, t, r, n, o) => {
+  const f = S(e.value ?? []), a = At({
+    allItemsSelected: !1,
+    isIndeterminate: !1
+  }), m = v(
+    () => i.value.flatMap((d) => [d, d?.children?.length > 0 ? d?.children : []]).flat()
+  ), R = v(
+    () => i.value?.length > 0 && m.value?.every((d) => f.value.includes(t(d)))
+  ), p = v(
+    () => i.value?.length > 0 && m.value?.filter((d) => !r(d)).every((d) => f.value.includes(t(d)))
+  ), I = v(
+    () => i.value?.length > 0 && !m.value?.some((d) => f.value.includes(t(d)))
+  ), A = v(
+    () => i.value?.length > 0 && !m.value?.filter((d) => !r(d)).some((d) => f.value.includes(t(d)))
+  ), g = v(() => !n?.value || o?.value?.totalCount === void 0 ? !1 : f.value.length >= o.value.totalCount && p.value), L = () => {
+    s(N.SELECT, f.value), s(N.UPDATE_SELECTION, f.value);
+  }, _ = (d) => {
+    f.value = d, R.value ? (a.allItemsSelected = !0, a.isIndeterminate = !1) : (a.allItemsSelected = !1, a.isIndeterminate = f.value?.length > 0 && i.value?.length > 0 && i.value.some(
+      (b) => f.value.includes(t(b)) || b?.children?.some((P) => f.value.includes(t(P)))
+    ));
+  }, D = (d) => {
+    de(() => {
+      a.allItemsSelected = d;
+      const b = m.value?.filter(
+        (P) => !r(P) && (P?.children === void 0 || P.children.every((B) => !r(B)))
+      )?.map((P) => t(P)) ?? [];
+      d ? (f.value = [.../* @__PURE__ */ new Set([...f.value, ...b])], a.isIndeterminate = !R.value) : (f.value = f.value.filter((P) => !b.includes(P)), a.isIndeterminate = !I.value), L();
+    });
+  }, y = () => {
+    de(() => {
+      _([]), L();
+    });
+  }, z = (d, b) => {
+    de(() => {
+      _(b?.children?.length > 0 ? C(d, b) : d), L();
+    });
+  }, C = (d, b) => {
+    const P = t(b), B = b.children?.filter((Z) => !r(Z)).map((Z) => t(Z));
+    if (d.includes(P)) {
+      const Z = d;
+      return B.forEach((J) => {
+        Z.includes(J) || Z.push(J);
+      }), Z;
+    }
+    return d.filter((Z) => !B.includes(Z));
+  }, M = (d, b, P) => {
+    de(() => {
+      const B = t(b);
+      d.includes(t(P)) ? _(
+        !d.includes(B) && b?.children?.every((Z) => d.includes(t(Z))) ? [...d, B] : d
+      ) : _(
+        d.includes(B) && !b?.children?.every((Z) => d.includes(t(Z))) ? d.filter((Z) => Z !== B) : d
+      ), L();
+    });
+  }, u = v(() => g.value ? "all" : p.value ? "page" : !f.value || f.value.length === 0 ? "none" : A.value ? "unselected-page" : "single");
+  return Ce(
+    () => e.value,
+    () => {
+      _(e.value ?? []);
+    },
+    { immediate: !0 }
+  ), Ce(
+    () => i.value,
+    () => {
+      const d = i.value.filter((b) => f.value.includes(t(b))).flatMap(
+        (b) => b?.children?.length > 0 ? b.children.map((P) => t(P)).filter((P) => !f.value.includes(P)) : []
+      );
+      d?.length > 0 ? (_([...f.value, ...d]), L()) : _(f.value);
+    }
+  ), {
+    onAllRowSelect: D,
+    onRowSelect: z,
+    onNestedRowSelect: M,
+    onDeselectAll: y,
+    allItemsSelectedState: a,
+    selectedItems: f,
+    selectionState: u
+  };
+}, vo = (e, s, i) => ({ isSorting: (o) => e.value.some((f) => f.field === o), getSortingDirection: (o) => e.value.find((f) => f.field === o)?.direction, sortByColumnField: (o) => {
+  if (!s.value.some((m) => m.field === o && m.sortable))
+    return;
+  const a = [{
+    field: o,
+    direction: e.value.find((m) => m.field === o)?.direction === Fe.ASCENDING ? Fe.DESCENDING : Fe.ASCENDING
+  }];
+  i("sort", a);
+} });
+var ve = ((e) => (e[e.ARROW_DOWN = le.ARROW_DOWN] = "ARROW_DOWN", e[e.ARROW_UP = le.ARROW_UP] = "ARROW_UP", e[e.ARROW_LEFT = le.ARROW_LEFT] = "ARROW_LEFT", e[e.ARROW_RIGHT = le.ARROW_RIGHT] = "ARROW_RIGHT", e[e.PAGE_UP = le.PAGE_UP] = "PAGE_UP", e[e.PAGE_DOWN = le.PAGE_DOWN] = "PAGE_DOWN", e[e.END = le.END] = "END", e[e.HOME = le.HOME] = "HOME", e))(ve || {});
+const It = "b-row-actions-column", ho = (e, s, i, t, r, n) => {
+  const o = v(() => n.value || t.value ? !0 : i.value.some((y) => y.infoIconTooltip || y.sortable)), f = v(() => {
+    let y = i.value.filter(({ visible: z }) => z !== !1);
+    return r.value && (y = [
+      ...y,
+      { field: It, label: "" }
+    ]), y;
+  }), a = v(() => f.value.length), m = v(() => {
+    if (!e.value)
+      return [];
+    const y = Object.keys(e.value)[0];
+    if (!y || !e.value[y])
+      return [];
+    const z = [];
+    if (o.value)
+      for (const M of f.value) {
+        const u = s.value[M.field];
+        z.push(u);
+      }
+    const C = e.value[y].length;
+    for (let M = 0; M < C; M++)
+      for (const u of f.value) {
+        const d = e.value[u.field];
+        d?.[M] && z.push(d[M]);
+      }
+    return z;
+  }), R = (y) => Math.floor(y / a.value), p = (y, z, C) => {
+    const M = m.value.length - 1, u = a.value - 1, d = R(y), b = y - a.value * d;
+    return {
+      [ve.PAGE_UP]: b + (o.value ? a.value : 0),
+      [ve.PAGE_DOWN]: M - u + b,
+      [ve.END]: C ? M : a.value * d + u,
+      [ve.HOME]: C ? o.value ? a.value : 0 : a.value * d
+    }[z];
+  }, I = (y, z) => {
+    const C = R(y), u = {
+      [ve.ARROW_DOWN]: a.value,
+      [ve.ARROW_UP]: C === 0 && !o.value ? 0 : -a.value,
+      [ve.ARROW_LEFT]: -1,
+      [ve.ARROW_RIGHT]: 1
+    }[z], d = y + u;
+    return d < 0 || d >= m.value.length ? y : d;
+  }, A = (y) => [
+    ve.PAGE_UP,
+    ve.PAGE_DOWN,
+    ve.END,
+    ve.HOME
+  ].includes(y), g = (y, z, C) => {
+    const M = m.value.indexOf(y);
+    return A(z) ? p(M, z, C) : I(M, z);
+  }, L = (y, z, C) => {
+    if (!m.value.includes(y))
+      return;
+    const M = g(y, z, C);
+    m.value[M].focus();
+  }, _ = (y) => y in ve;
+  return {
+    isNavigationKeyCode: _,
+    focusOnNextGridcell: L,
+    navigationInput: (y) => {
+      const { ctrlKey: z, key: C, target: M } = y, u = C;
+      let d = M;
+      d.getAttribute("role") !== "menuitem" && (m.value.includes(d) || (d = M.closest('[role="gridcell"], [role="columnheader"]')), m.value.includes(d) && _(u) && L(d, u, z));
+    }
+  };
+}, Co = 90, po = (e, s, i, t, r) => {
+  const n = S(e), o = S(s), f = S(i), a = S(t), m = v(() => n.value !== "none"), R = v(() => n.value === "automatic"), p = () => {
+    r(N.UPDATE_SHOW_MORE);
+  };
+  return Ce(
+    () => o.value,
+    () => {
+      R.value && f.value.offsetHeight / o.value * 100 > Co && !a.value && p();
+    }
+  ), { isLazyLoad: m, isInfiniteScroll: R, verticalScrollPosition: o, emitLazyLoadEvent: p };
+}, bo = (e, s, i) => {
+  const t = S(e), r = S(s), n = At({
+    dragging: null,
+    dragToLeft: null,
+    target: null
+  }), o = (A, g = 0) => {
+    const L = t.value.findIndex((y) => y.field === A.field), _ = L + g;
+    if (_ < 0 || _ > t.value.length - 1)
+      return;
+    const D = [...t.value];
+    D.splice(_, 0, D.splice(L, 1)[0]), i(N.COLUMNS, D), i(N.UPDATE_COLUMNS, D);
+  }, f = (A, g) => {
+    n.dragging = A, g.dataTransfer.setData("text", ""), g.dataTransfer.dropEffect = "move";
+  }, a = (A, g) => {
+    n.target = A;
+    const L = g.currentTarget.getBoundingClientRect(), _ = L.left + L.width / 2, D = g.clientX ?? 0;
+    n.dragToLeft = D <= _;
+  }, m = (A) => {
+    if (n.dragging?.field !== A.field) {
+      const g = t.value.findIndex((C) => C.field === n.dragging?.field), L = t.value.findIndex((C) => C.field === A.field), _ = n.dragToLeft ? L : L + 1, D = _ > g ? _ - 1 : _;
+      let y = [...t.value];
+      y.splice(
+        D === -1 ? 0 : D,
+        0,
+        y.splice(g, 1)[0]
+      );
+      const z = t.value.findIndex((C) => !C?.frozen);
+      n.dragging?.frozen !== A.frozen && _ !== z && (y = y.map(
+        (C) => n.dragging?.field === C.field ? { ...C, frozen: !!A?.frozen } : C
+      )), i(N.COLUMNS, y), i(N.UPDATE_COLUMNS, y);
+    }
+    n.dragging = null, n.target = null;
+  }, R = () => {
+    n.dragging = null, n.dragToLeft = null, n.target = null;
+  }, p = v(() => r.value ? {
+    [ne.COLUMN_DRAG_START]: (A, g) => f(A, g),
+    [ne.COLUMN_DRAG_ENTER]: (A, g) => a(A, g),
+    [ne.COLUMN_DROP]: (A) => m(A),
+    [ne.COLUMN_DRAG_END]: () => R()
+  } : {}), I = v(() => (A) => r.value ? {
+    dragenter: (g) => {
+      g.preventDefault(), a(A, g);
+    },
+    drop: () => {
+      m(A);
+    },
+    dragover: (g) => {
+      g.preventDefault();
+    }
+  } : {});
+  return {
+    // Values
+    draggingColumns: n,
+    // Methods
+    draggingEventsForColumns: p,
+    draggingEventsForRowCell: I,
+    onMoveColumnByOffset: o
+  };
+}, wo = (e, s, i) => {
+  const t = S(e), r = S(s.value), n = v(
+    () => [...t.value].sort((g, L) => g.frozen === L.frozen ? 0 : g.frozen ? -1 : 1)
+  ), o = v(
+    () => n.value.filter((g) => g.frozen && g.visible !== !1)
+  ), f = v(
+    () => n.value.filter((g) => !g.frozen && g.visible !== !1)
+  ), a = v(
+    () => [
+      { columnSet: o.value, id: "frozen", isFrozenColumns: !0 },
+      { columnSet: f.value, id: "unfrozen" }
+    ].filter(({ columnSet: g }) => g.length)
+  ), m = v(
+    () => t.value.filter((g) => g?.visible !== !1 && g?.field !== he).length === 1
+  ), R = (g) => i(N.UPDATE_CONDENSED, g), p = (g) => {
+    r.value = g, i(N.UPDATE_ZEBRA_ROWS, g);
+  }, I = (g) => {
+    i(N.COLUMNS, g), i(N.UPDATE_COLUMNS, g);
+  }, A = (g) => {
+    const L = n.value.map(
+      (_) => _?.field === g.field ? g : _
+    );
+    I(L);
+  };
+  return Ce(s, (g) => {
+    r.value = g;
+  }), {
+    // Values
+    columnSets: a,
+    isOnlyOneVisibleColumn: m,
+    internalZebraRows: r,
+    sortedColumns: n,
+    // Methods
+    onConfigSettingsColumnsUpdate: I,
+    onConfigSettingsColumnUpdate: A,
+    onConfigSettingsCondensedUpdate: R,
+    onConfigSettingsZebraRowsUpdate: p
+  };
+}, So = (e, s, i, t, r, n, o) => {
+  const f = S(0), a = S(!1), m = S(!1);
+  Ce([() => f.value, () => n.value], ([g]) => {
+    e.value.scrollLeft = g, s.value.scrollLeft = g, a.value = !!g, m.value = s.value.scrollWidth - s.value.offsetWidth > g;
+  }), Je(async () => {
+    await de(), await de(), s.value?.offsetWidth < s.value?.scrollWidth && (m.value = !0);
+  });
+  const R = (g) => {
+    if (f.value = g.target.scrollLeft, i.value = e.value.scrollHeight - g.target.scrollTop, t?.value) {
+      const L = g.target.scrollLeft;
+      t.value.scrollLeft !== L && (t.value.scrollLeft = L);
+    }
+  }, p = (g) => {
+    g.key === "Tab" || g.key !== "ArrowRight" && g.key !== "ArrowLeft" || (g.preventDefault(), e.value.scrollLeft = 0, e.value.style.overflowX = "hidden", setTimeout(() => {
+      e.value && (e.value.style.overflowX = "auto");
+    }));
+  }, I = (g) => {
+    const L = g.target.scrollLeft;
+    e.value.scrollLeft !== L && (e.value.scrollLeft = L);
+  }, A = v(() => o?.pagination?.value && (o?.stickyPagination?.value || o?.isDataGridTemplate) && !o?.isLazyLoad?.value ? { bottom: `${(r.value?.clientHeight ?? 0) + 1}px` } : {});
+  return {
+    // Values
+    scrollLeftPosition: f,
+    hasLeftOverflow: a,
+    hasRightOverflow: m,
+    horizontalScrollbarConditionalStyles: A,
+    // Methods
+    updateScrollPosition: R,
+    updateScrollPositionOnFrozenColumnsNavigation: p,
+    syncVirtualScrollerWithBody: I
+  };
+}, _o = (e, s, i, t) => {
+  const r = S(null), n = v(() => {
+    if (!r.value || r.value.field === he)
+      return {
+        hoveredOverColumnField: "",
+        isSeparatorOffset: !1,
+        noBorderLeft: !1,
+        noBorderRight: !1
+      };
+    const o = e.value.find((L) => L.isFrozenColumns)?.columnSet?.filter((L) => L.field !== he), f = e.value.find((L) => !L?.isFrozenColumns), a = r.value.frozen && o?.[0].field === r.value.field, m = !r.value.frozen && f?.columnSet?.[0].field === r.value.field, R = (s.value || i.value) && a, p = (s.value || i.value) && !o && m, I = o && m, A = o?.length > 0 && r.value.frozen && o?.[o.length - 1].field === r.value.field, g = i.value && t.value && !r.value.frozen && f?.columnSet?.[f.columnSet.length - 1].field === r.value.field;
+    return {
+      hoveredOverColumnField: r.value.field,
+      isSeparatorOffset: g,
+      noBorderLeft: !!R || !!p || !!I,
+      noBorderRight: !!A || !!g
+    };
+  });
+  return {
+    hoveredOverColumn: r,
+    hoveredOverColumnState: n
+  };
+}, ct = (e, s) => {
+  const t = _n(e).filter((r) => r.node !== e);
+  if (t?.length > 0) {
+    const r = s?.last ? t.length - 1 : 0;
+    return t[r].node.focus(), !0;
+  }
+  return !1;
+}, Re = (e) => {
+  const i = _n(e)?.filter((t) => t.node !== e);
+  if (i?.length > 0)
+    return i.forEach((t) => t.node.setAttribute("tabindex", "-1")), i;
+}, gt = (e) => {
+  e?.length > 0 && e.forEach((s) => s?.node.setAttribute("tabindex", "0"));
+}, Qt = (e) => {
+  const s = window.getSelection();
+  if (!s || !s.rangeCount)
+    return;
+  const i = s.getRangeAt(0).cloneContents(), t = i.textContent?.trim();
+  if (!t)
+    return;
+  const r = i.querySelectorAll('[role="row"]');
+  let n = "<table>", o = "";
+  const f = (a) => {
+    a.forEach((m) => {
+      const R = m.closest("[role]").getAttribute("role") === "gridcell" ? "td" : "th", p = m.textContent.trim();
+      p && (n += `<${R}>${p}</${R}>`, o += `${p}	`);
+    });
+  };
+  if (!r.length) {
+    const a = i.querySelectorAll(
+      '[role="gridcell"] > .b-typography:first-of-type, [role="columnheader"] .b-typography'
+    );
+    if (a.length)
+      n += "<tr>", f(a), n += "</tr>";
+    else {
+      e?.preventDefault(), navigator.clipboard.writeText(t);
+      return;
+    }
+  }
+  r.forEach((a) => {
+    const m = a.querySelectorAll(
+      '[role="gridcell"] > .b-typography:first-of-type, [role="columnheader"] .b-typography'
+    );
+    if (n += "<tr>", m.length)
+      f(m);
+    else {
+      const R = a.textContent.trim();
+      n += `<td>${R}</td>`, o += `${R}	`;
+    }
+    n += "</tr>", o += `
+`;
+  }), n += "</table>", e?.preventDefault(), navigator.clipboard.write([
+    new ClipboardItem({
+      "text/html": new Blob([n], { type: "text/html" }),
+      "text/plain": new Blob([o || t], { type: "text/plain" })
+    })
+  ]);
+};
+let en = 0;
+const Ro = {
+  beforeCreate() {
+    this.uuid = en.toString(), en += 1;
+  }
+}, Ao = { key: 0 }, Eo = ["clip-path"], yo = ["id"];
+function Lo(e, s, i, t, r, n) {
+  return c(), E("svg", ee({ role: "img" }, e.$attrs, {
+    class: "ui-assets-icons-16",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    fill: "none"
+  }), [
+    e.$attrs["svg-title"] ? (c(), E("title", Ao, q(e.$attrs["svg-title"]), 1)) : F("", !0),
+    O("g", {
+      fill: "#001222",
+      "clip-path": "url(#uia-ui-assets/icons-16-arrow_up_down_sort__a" + e.uuid + ")"
+    }, s[0] || (s[0] = [
+      O("path", { d: "M9.06077 4.00011L5.00011 -0.0605469L0.939453 4.00011L2.00011 5.06077L4.25 2.81089V10.75H5.75V2.81066L8.00011 5.06077L9.06077 4.00011Z" }, null, -1),
+      O("path", { d: "M10.25 13.1893L8.00011 10.9395L6.93945 12.0001L11.0001 16.0608L15.0608 12.0001L14.0001 10.9395L11.75 13.1896V5.25H10.25V13.1893Z" }, null, -1)
+    ]), 8, Eo),
+    O("defs", null, [
+      O("clipPath", {
+        id: "uia-ui-assets/icons-16-arrow_up_down_sort__a" + e.uuid
+      }, s[1] || (s[1] = [
+        O("rect", {
+          width: "16",
+          height: "16",
+          fill: "#fff"
+        }, null, -1)
+      ]), 8, yo)
+    ])
+  ], 16);
+}
+const Oo = /* @__PURE__ */ oe(Ro, [["render", Lo]]);
+let tn = 0;
+const To = {
+  beforeCreate() {
+    this.uuid = tn.toString(), tn += 1;
+  }
+}, Io = { key: 0 }, No = ["clip-path"], Do = ["id"];
+function Mo(e, s, i, t, r, n) {
+  return c(), E("svg", ee({ role: "img" }, e.$attrs, {
+    class: "ui-assets-icons-16",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    fill: "none"
+  }), [
+    e.$attrs["svg-title"] ? (c(), E("title", Io, q(e.$attrs["svg-title"]), 1)) : F("", !0),
+    O("g", {
+      "clip-path": "url(#uia-ui-assets/icons-16-freeze__a" + e.uuid + ")"
+    }, s[0] || (s[0] = [
+      O("path", {
+        fill: "#001222",
+        d: "M10.5605 14.5L9.94434 13.8838C9.6002 13.5397 9.18722 13.3072 8.75 13.1836V10.9336L10.1689 10.1162L11.6865 10.9941L12.1094 12.5605C12.1146 12.5821 12.1182 12.6044 12.124 12.626L12.1553 12.7441L12.3496 13.4688L13.7988 13.0801L13.6162 12.4004L13.6201 12.3984L13.5547 12.1592C13.4254 11.5178 13.8153 10.878 14.4561 10.7061L14.5742 10.6748L15.2988 10.4805L14.9102 9.03125L14.2295 9.21387L14.2285 9.20996L13.5049 9.40625L12.4346 9.69531L10.9199 8.81836V7.18262L12.8633 6.05762C13.1889 6.37496 13.597 6.61697 14.0674 6.74316L14.1855 6.77441L14.9102 6.96875L15.2988 5.52051L14.5742 5.32617L14.4561 5.29395C13.7894 5.11503 13.3935 4.4294 13.5723 3.7627L13.6045 3.64453L13.7988 2.91992L12.3496 2.53125L12.1553 3.25586L12.124 3.37402C11.9979 3.84406 12.0018 4.31824 12.1133 4.75879L10.1689 5.88477L8.75 5.06738V2.81738C9.18731 2.69384 9.60013 2.46036 9.94434 2.11621L10.5605 1.5L9.5 0.439453L8.88379 1.05566C8.39567 1.54362 7.60433 1.54362 7.11621 1.05566L6.5 0.439453L5.43945 1.5L6.05566 2.11621C6.39987 2.46036 6.81269 2.69384 7.25 2.81738V5.06738L5.83105 5.88477L3.88574 4.75879C3.99724 4.31819 4.00207 3.84412 3.87598 3.37402L3.84473 3.25586L3.65039 2.53125L2.20117 2.91992L2.39551 3.64453L2.42773 3.7627C2.60651 4.42942 2.21066 5.11507 1.54395 5.29395L1.42578 5.32617L0.701172 5.52051L1.08984 6.96875L1.81445 6.77441L1.93262 6.74316C2.40275 6.61703 2.81018 6.37474 3.13574 6.05762L5.08008 7.18262V8.81836L3.13574 9.94336C2.81015 9.62622 2.40287 9.38399 1.93262 9.25781L1.81445 9.22559L1.08984 9.03125L0.701172 10.4805L1.42578 10.6748L1.54395 10.7061C2.2106 10.8849 2.60644 11.5706 2.42773 12.2373L2.39551 12.3555L2.20117 13.0801L3.65039 13.4688L3.84473 12.7441L3.87598 12.626C4.00207 12.1559 3.99723 11.6817 3.88574 11.2412L5.83105 10.1162L7.25 10.9336V13.1836C6.81278 13.3072 6.3998 13.5397 6.05566 13.8838L5.43945 14.5L6.5 15.5605L7.11621 14.9443C7.60433 14.4564 8.39567 14.4564 8.88379 14.9443L9.5 15.5605L10.5605 14.5ZM6.58008 8.81641V7.18262L8 6.36426L9.41992 7.18262V8.81641L8 9.63477L6.58008 8.81641Z"
+      }, null, -1)
+    ]), 8, No),
+    O("defs", null, [
+      O("clipPath", {
+        id: "uia-ui-assets/icons-16-freeze__a" + e.uuid
+      }, s[1] || (s[1] = [
+        O("rect", {
+          width: "16",
+          height: "16",
+          fill: "#fff",
+          transform: "matrix(1 0 0 -1 0 16)"
+        }, null, -1)
+      ]), 8, Do)
+    ])
+  ], 16);
+}
+const An = /* @__PURE__ */ oe(To, [["render", Mo]]);
+let nn = 0;
+const zo = {
+  beforeCreate() {
+    this.uuid = nn.toString(), nn += 1;
+  }
+}, Fo = { key: 0 }, Po = ["clip-path"], $o = ["id"];
+function ko(e, s, i, t, r, n) {
+  return c(), E("svg", ee({ role: "img" }, e.$attrs, {
+    class: "ui-assets-icons-16",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    fill: "none"
+  }), [
+    e.$attrs["svg-title"] ? (c(), E("title", Fo, q(e.$attrs["svg-title"]), 1)) : F("", !0),
+    O("g", {
+      fill: "#001222",
+      "clip-path": "url(#uia-ui-assets/icons-16-sort_ascending__a" + e.uuid + ")"
+    }, s[0] || (s[0] = [
+      O("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),
+      O("path", { d: "M6.75 7.25H1.25V8.75H6.75V7.25Z" }, null, -1),
+      O("path", { d: "M1.25 11.25H8.75V12.75H1.25V11.25Z" }, null, -1),
+      O("path", { d: "M6.75 3.25H1.25V4.75H6.75V3.25Z" }, null, -1)
+    ]), 8, Po),
+    O("defs", null, [
+      O("clipPath", {
+        id: "uia-ui-assets/icons-16-sort_ascending__a" + e.uuid
+      }, s[1] || (s[1] = [
+        O("rect", {
+          width: "16",
+          height: "16",
+          fill: "#fff"
+        }, null, -1)
+      ]), 8, $o)
+    ])
+  ], 16);
+}
+const Uo = /* @__PURE__ */ oe(zo, [["render", ko]]);
+let ln = 0;
+const Bo = {
+  beforeCreate() {
+    this.uuid = ln.toString(), ln += 1;
+  }
+}, Wo = { key: 0 }, Vo = ["clip-path"], Go = ["id"];
+function xo(e, s, i, t, r, n) {
+  return c(), E("svg", ee({ role: "img" }, e.$attrs, {
+    class: "ui-assets-icons-16",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    fill: "none"
+  }), [
+    e.$attrs["svg-title"] ? (c(), E("title", Wo, q(e.$attrs["svg-title"]), 1)) : F("", !0),
+    O("g", {
+      fill: "#001222",
+      "clip-path": "url(#uia-ui-assets/icons-16-sort_descending__a" + e.uuid + ")"
+    }, s[0] || (s[0] = [
+      O("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),
+      O("path", { d: "M6.75 7.25H1.25V8.75H6.75V7.25Z" }, null, -1),
+      O("path", { d: "M1.25 3.25H9.09V4.75H1.25V3.25Z" }, null, -1),
+      O("path", { d: "M6.75 11.25H1.25V12.75H6.75V11.25Z" }, null, -1)
+    ]), 8, Vo),
+    O("defs", null, [
+      O("clipPath", {
+        id: "uia-ui-assets/icons-16-sort_descending__a" + e.uuid
+      }, s[1] || (s[1] = [
+        O("rect", {
+          width: "16",
+          height: "16",
+          fill: "#fff"
+        }, null, -1)
+      ]), 8, Go)
+    ])
+  ], 16);
+}
+const Ho = /* @__PURE__ */ oe(Bo, [["render", xo]]);
+let on = 0;
+const Zo = {
+  beforeCreate() {
+    this.uuid = on.toString(), on += 1;
+  }
+}, jo = { key: 0 };
+function qo(e, s, i, t, r, n) {
+  return c(), E("svg", ee({ role: "img" }, e.$attrs, {
+    class: "ui-assets-icons-16",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    fill: "none"
+  }), [
+    e.$attrs["svg-title"] ? (c(), E("title", jo, q(e.$attrs["svg-title"]), 1)) : F("", !0),
+    s[0] || (s[0] = O("path", {
+      fill: "#001222",
+      d: "M8 11.25L12.5 5.25H3.5L8 11.25Z"
+    }, null, -1))
+  ], 16);
+}
+const Ko = /* @__PURE__ */ oe(Zo, [["render", qo]]), En = {
+  "de-DE": { columnActions: "{name}-Spaltenaktionen", deselectAll: "Alle abwählen", deselectAllCurrentResults: "Alle in den aktuellen Ergebnissen abwählen", deselectPage: "Diese Seite abwählen", freezeColumn: "Spalte einfrieren", hideColumn: "Spalte ausblenden", moveColumnLeft: "Spalte nach links verschieben", moveColumnRight: "Spalte nach rechts verschieben", rowActionsColumn: "Spaltenaktionen für Zeilen", selectAll: "Alle auswählen", selectAllCurrentResults: "Alle in den aktuellen Ergebnissen auswählen", selectAllMenu: "Menü „Alle auswählen“", selectPage: "Diese Seite auswählen", selectionMenu: "Auswahlmenü", showColumn: "Spalte anzeigen", sortColumn: "Spalte {name} sortieren", sortColumnInAscendingOrder: "Spalte {name} in aufsteigender Reihenfolge sortieren", sortColumnInDescendingOrder: "Spalte {name} in absteigender Reihenfolge sortieren", unfreezeColumn: "Spalte einfrieren aufheben" },
+  "en-GB": { columnActions: "{name} column actions", deselectAll: "Deselect all", deselectAllCurrentResults: "Deselect all from current results", deselectPage: "Deselect this page", freezeColumn: "Freeze column", hideColumn: "Hide column", moveColumnLeft: "Move column left", moveColumnRight: "Move column to the right", rowActionsColumn: "Row actions column", selectAll: "Select all", selectAllCurrentResults: "Select all in current results", selectAllMenu: "Select all menu", selectPage: "Select this page", selectionMenu: "Selection menu", showColumn: "Show column", sortColumn: "Sort {name} column", sortColumnInAscendingOrder: "Sort {name} column in ascending order", sortColumnInDescendingOrder: "Sort {name} column in descending order", unfreezeColumn: "Unfreeze column" },
+  "en-US": { columnActions: "{name} column actions", deselectAll: "Deselect all", deselectAllCurrentResults: "Deselect all in current results", deselectPage: "Deselect this page", freezeColumn: "Freeze column", hideColumn: "Hide column", moveColumnLeft: "Move column left", moveColumnRight: "Move column right", rowActionsColumn: "Row actions column", selectAll: "Select all", selectAllCurrentResults: "Select all in current results", selectAllMenu: "Select all menu", selectPage: "Select this page", selectionMenu: "Selection menu", showColumn: "Show column", sortColumn: "Sort {name} column", sortColumnInAscendingOrder: "Sort {name} column in ascending order", sortColumnInDescendingOrder: "Sort {name} column in descending order", unfreezeColumn: "Unfreeze column" },
+  "es-ES": { columnActions: "{name} acciones de columna", deselectAll: "Deseleccionar todo", deselectAllCurrentResults: "Deseleccionar todo en los resultados actuales", deselectPage: "Deseleccionar esta página", freezeColumn: "Congelar columna", hideColumn: "Ocultar columna", moveColumnLeft: "Mover la columna a la izquierda", moveColumnRight: "Mover la columna a la derecha", rowActionsColumn: "Columna de acciones de fila", selectAll: "Seleccionar todo", selectAllCurrentResults: "Seleccionar todos los resultados actuales", selectAllMenu: "Seleccionar todos los menús", selectPage: "Seleccionar esta página", selectionMenu: "Menú de selección", showColumn: "Mostrar columna", sortColumn: "Ordenar la columna {name}", sortColumnInAscendingOrder: "Ordenar la columna {name} en orden ascendente", sortColumnInDescendingOrder: "Ordenar la columna {name} en orden descendente", unfreezeColumn: "Descongelar columna" },
+  "es-MX": { columnActions: "Acciones de columna {name}", deselectAll: "Eliminar la selección de todo", deselectAllCurrentResults: "Eliminar la selección de todo en los resultados actuales", deselectPage: "Eliminar la selección de esta página", freezeColumn: "Inmovilizar columna", hideColumn: "Ocultar columna", moveColumnLeft: "Mover columna a la izquierda", moveColumnRight: "Mover columna a la derecha", rowActionsColumn: "Columna de acciones de fila", selectAll: "Seleccionar todo", selectAllCurrentResults: "Seleccionar todo en los resultados actuales", selectAllMenu: "Seleccionar todo el menú", selectPage: "Seleccionar esta página", selectionMenu: "Menú de selección", showColumn: "Mostrar columna", sortColumn: "Ordenar la columna {name}", sortColumnInAscendingOrder: "Ordenar la columna {name} en orden ascendente", sortColumnInDescendingOrder: "Ordenar la columna {name} en orden descendente", unfreezeColumn: "Movilizar columna" },
+  "fr-FR": { columnActions: "Actions de la colonne {name}", deselectAll: "Tout désélectionner", deselectAllCurrentResults: "Tout désélectionner dans les résultats actuels", deselectPage: "Désélectionner cette page", freezeColumn: "Figer la colonne", hideColumn: "Masquer la colonne", moveColumnLeft: "Déplacer la colonne vers la gauche", moveColumnRight: "Déplacer la colonne vers la droite", rowActionsColumn: "Colonne des actions de ligne", selectAll: "Tout sélectionner", selectAllCurrentResults: "Tout sélectionner dans les résultats actuels", selectAllMenu: "Sélectionner tout le menu", selectPage: "Sélectionner cette page", selectionMenu: "Menu de sélection", showColumn: "Afficher la colonne", sortColumn: "Trier la colonne {name}", sortColumnInAscendingOrder: "Trier la colonne {name} dans l'ordre croissant", sortColumnInDescendingOrder: "Trier la colonne {name} dans l'ordre décroissant", unfreezeColumn: "Libérer la colonne" },
+  "it-IT": { columnActions: "azioni sulla colonna {name}", deselectAll: "Deseleziona tutti", deselectAllCurrentResults: "Deseleziona tutti i risultati attuali", deselectPage: "Deseleziona questa pagina", freezeColumn: "Blocca colonna", hideColumn: "Nascondi colonna", moveColumnLeft: "Sposta colonna a sinistra", moveColumnRight: "Sposta colonna a destra", rowActionsColumn: "Colonna delle azioni sulle righe", selectAll: "Seleziona tutto", selectAllCurrentResults: "Seleziona tutto nei risultati correnti", selectAllMenu: "Seleziona tutti i menu", selectPage: "Seleziona questa pagina", selectionMenu: "Menu di selezione", showColumn: "Mostra colonna", sortColumn: "Ordina la colonna {name}", sortColumnInAscendingOrder: "Ordina la colonna {name} in ordine crescente", sortColumnInDescendingOrder: "Ordina la colonna {name} in ordine decrescente", unfreezeColumn: "Sblocca colonna" },
+  "ja-JP": { columnActions: "{name}列のアクション", deselectAll: "すべての選択を解除", deselectAllCurrentResults: "現在の結果の選択をすべて解除", deselectPage: "このページの選択を解除", freezeColumn: "列を固定", hideColumn: "列を非表示", moveColumnLeft: "列を左に移動", moveColumnRight: "列を右に移動", rowActionsColumn: "行アクション列", selectAll: "すべて選択", selectAllCurrentResults: "現在の結果をすべて選択", selectAllMenu: "すべてのメニューを選択", selectPage: "このページを選択", selectionMenu: "選択メニュー", showColumn: "列を表示", sortColumn: "{name}列を並べ替え", sortColumnInAscendingOrder: "{name}列を昇順に並べ替え", sortColumnInDescendingOrder: "{name}列を降順に並べ替え", unfreezeColumn: "列の固定を解除" },
+  "pt-BR": { columnActions: "Ações da coluna {name}", deselectAll: "Desmarcar tudo", deselectAllCurrentResults: "Desmarcar tudo nos resultados atuais", deselectPage: "Desmarcar esta página", freezeColumn: "Congelar coluna", hideColumn: "Ocultar coluna", moveColumnLeft: "Mover coluna para a esquerda", moveColumnRight: "Mover a coluna para a direita", rowActionsColumn: "Coluna de ações da linha", selectAll: "Selecionar tudo", selectAllCurrentResults: "Selecionar tudo nos resultados atuais", selectAllMenu: "Selecionar todo o menu", selectPage: "Selecionar esta página", selectionMenu: "Menu de seleção", showColumn: "Mostrar coluna", sortColumn: "Classificar coluna {name}", sortColumnInAscendingOrder: "Classificar coluna {name} em ordem crescente", sortColumnInDescendingOrder: "Classificar coluna {name} em ordem decrescente", unfreezeColumn: "Liberar coluna" },
+  "zh-CN": { columnActions: "{name} 列操作", deselectAll: "取消所有选择", deselectAllCurrentResults: "取消当前结果中的所有选择", deselectPage: "取消选择此页面", freezeColumn: "冻结列", hideColumn: "隐藏列", moveColumnLeft: "将列向左移动", moveColumnRight: "将列向右移动", rowActionsColumn: "行操作列", selectAll: "全部选择", selectAllCurrentResults: "选择当前结果的全部", selectAllMenu: "选择全部菜单", selectPage: "选择此页", selectionMenu: "选择菜单", showColumn: "显示列", sortColumn: "排序 {name} 列", sortColumnInAscendingOrder: "按升序排列 {name} 列", sortColumnInDescendingOrder: "按降序排序 {name} 列", unfreezeColumn: "取消冻结列" }
+}, yn = /* @__PURE__ */ Symbol("data-grid slashed zero key"), Qe = /* @__PURE__ */ Symbol("data-grid small container key"), mt = /* @__PURE__ */ Symbol("data-grid touch device key"), Yo = ["aria-colindex", "aria-label", "aria-sort", "data-testid", "draggable", "tabindex"], Xo = { class: "b-data-grid-columns__select-column-menu-button" }, Jo = ["aria-label"], Qo = { class: "b-data-grid-columns__label" }, es = {
+  key: 0,
+  class: "b-data-grid-columns__column-info-icon"
+}, ts = {
+  key: 1,
+  class: "b-data-grid-columns__column-sort"
+}, ns = ["data-testid", "onMousedown"], ls = {
+  key: 0,
+  class: "b-data-grid-columns__column-separator"
+}, os = ["aria-label", "aria-colindex", "tabindex"], ss = {
+  i18n: { messages: En },
+  name: "data-grid-columns"
+}, as = /* @__PURE__ */ Se({
+  ...ss,
+  props: {
+    /**
+     * Column definitions using 'key' to relate to data object.
+     */
+    columns: {
+      type: Array,
+      required: !0
+    },
+    /**
+     * Columns being dragged, contains dragging column and a target column
+     */
+    draggingColumns: {
+      type: Object,
+      default: void 0
+    },
+    /**
+     * Determines the state of the current results: { filtered: boolean, allItemsVisible: boolean } to render the correct select all menu options
+     */
+    visibleRowsState: {
+      type: Object,
+      default: void 0
+    },
+    /**
+     * Toggle the columns draggable events.
+     */
+    hasDraggableColumns: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * If resize is enabled
+     */
+    hasResizableColumns: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * Signifies if the column panel is enabled.
+     */
+    hasColumnPanel: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * If set to true, aligns the first column panel to the right of its button.
+     */
+    hasFirstColumnPanelRightAligned: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * If the data grid has overflow on the left side
+     */
+    hasLeftOverflow: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * The column hovered over state and whether the hovered over column should show a border right or left.
+     */
+    hoveredOverColumnState: {
+      type: Object,
+      required: !0
+    },
+    /**
+     * Toggled to true when the DataGrid has auto width columns and is measuring the
+     */
+    isMeasuringColumnWidths: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Used to disable hiding the last visible column.
+     */
+    isOnlyOneVisibleColumn: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * If these columns are frozen (pinned) columns
+     */
+    isFrozenColumns: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Show frozen columns separator
+     */
+    showFrozenColumnsSeparator: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * The column all items selected state
+     */
+    allItemsSelectedState: {
+      type: Object,
+      default: void 0
+    },
+    /**
+     * Determines if the user has enabled row selection
+     */
+    selectable: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Adds an extra option when selecting all, to select items in other pages too
+     */
+    selectableAcrossPages: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Determines which state of row selection is currently active. Used to display the "Select all" menu options.
+     */
+    selectionState: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Sortby handles proper rendering of sort icon in header. Sorting currently is only supported server side.
+     * It does make sure the currently sorted column has a more visible sort icon, and the sort icon points in the right direction.
+     */
+    sortBy: {
+      type: Array,
+      // NOTE: is an array to allow multi-sorting in the future
+      default: () => []
+    },
+    /**
+     * Truncates all data grid column headers
+     */
+    truncateColumnHeaders: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * The maximum width of the row actions in all rows
+     */
+    rowActionsMaximumWidth: {
+      type: Number,
+      default: 0
+    }
+  },
+  emits: ["sort", "column-hover"],
+  setup(e, { expose: s, emit: i }) {
+    const t = e, r = i, n = 100, { t: o } = Me({ messages: En }), { columns: f, sortBy: a } = Et(t), m = S(), R = S({}), p = S({}), I = S(), A = S(), g = v(
+      () => t.columns.some((h) => h.sortable || t.hasColumnPanel || h.infoIconTooltip)
+    ), L = (h) => r(ne.SELECT_ALL_ROWS, h), _ = (h) => h.field === he, D = v(() => t.selectionState === "all"), y = v(
+      () => [
+        {
+          text: o("selectPage"),
+          handler: () => L(!0),
+          disabled: t.selectionState === "page" || t.selectionState === "all"
+        },
+        t.visibleRowsState?.filtered ? {
+          text: o("selectAllCurrentResults"),
+          handler: () => r(ne.SELECT_ALL_CURRENT_RESULTS),
+          addDivider: t.selectionState !== "none",
+          disabled: t.selectionState === "all"
+        } : {
+          text: o("selectAll"),
+          handler: () => r(ne.SELECT_ALL_ACROSS_PAGES),
+          addDivider: t.selectionState !== "none",
+          disabled: t.selectionState === "all"
+        },
+        t.selectionState !== "none" && {
+          text: o("deselectPage"),
+          handler: () => L(!1),
+          addDivider: !t.visibleRowsState?.filtered,
+          // otherwise divider shown in deselect all in current results
+          disabled: t.selectionState === "unselected-page"
+        },
+        t.visibleRowsState?.filtered && t.selectionState !== "none" && {
+          text: o("deselectAllCurrentResults"),
+          handler: () => r(ne.DESELECT_ALL_CURRENT_RESULTS),
+          addDivider: !0,
+          disabled: t.selectionState === "unselected-page" && t.visibleRowsState.allRowsVisible
+        },
+        t.selectionState !== "none" && {
+          text: o("deselectAll"),
+          handler: () => r(ne.DESELECT_ALL)
+        }
+      ].filter(Boolean)
+    ), { startResize: z, isResizing: C, columnHoverEventToEmitAfterResizing: M } = to(f, r), { isSorting: u, getSortingDirection: d, sortByColumnField: b } = vo(a, f, r), P = (h) => {
+      if (!h.sortable)
+        return null;
+      const H = t.sortBy.find(({ field: pe }) => pe === h.field)?.direction;
+      return H ? {
+        [Fe.ASCENDING]: rt.ASCENDING,
+        [Fe.DESCENDING]: rt.DESCENDING
+      }[H] : rt.NONE;
+    }, B = v(() => (h) => t.hasDraggableColumns ? {
+      dragstart: (H) => {
+        r(ne.COLUMN_DRAG_START, h, H);
+      },
+      dragover: (H) => {
+        H.preventDefault();
+      },
+      dragenter: (H) => {
+        H.preventDefault(), r(ne.COLUMN_DRAG_ENTER, h, H);
+      },
+      drop: () => {
+        r(ne.COLUMN_DROP, h);
+      },
+      dragend: () => {
+        r(ne.COLUMN_DRAG_END);
+      }
+    } : {}), Z = v(
+      () => (h) => [
+        {
+          text: o("moveColumnLeft"),
+          handler: () => r(ne.COLUMN_MOVE, h, -1),
+          icon: ql,
+          disabled: t.columns[0].field === h.field
+        },
+        {
+          text: o("moveColumnRight"),
+          handler: () => r(ne.COLUMN_MOVE, h, 1),
+          icon: Kl,
+          disabled: t.columns[t.columns.length - 1].field === h.field
+        },
+        !Ae.value && {
+          text: h?.frozen ? o("unfreezeColumn") : o("freezeColumn"),
+          handler: () => r(ne.COLUMN_UPDATE, { ...h, frozen: !h?.frozen }),
+          icon: An
+        },
+        {
+          text: h?.visible !== !1 ? o("hideColumn") : o("showColumn"),
+          handler: () => {
+            r(ne.COLUMN_UPDATE, {
+              ...h,
+              visible: h?.visible === !1
+            });
+          },
+          icon: h?.visible !== !1 ? Yl : Xl,
+          disabled: h?.mandatory || h?.visible !== !1 && t.isOnlyOneVisibleColumn
+        }
+      ].filter(Boolean)
+    ), J = (h) => {
+      I.value = h.field, A.value && clearTimeout(A.value);
+    }, K = (h) => {
+      const H = setTimeout(() => {
+        h.field === I.value && (I.value = "");
+      }, n);
+      A.value = H;
+    }, X = (h) => {
+      let H = {
+        mouseenter: () => {
+          J(h), C.value ? M.value = h : r("column-hover", h);
+        },
+        mouseleave: () => {
+          K(h), C.value ? M.value = null : r("column-hover", null);
+        },
+        focus: () => {
+          J(h), _(h) && ct(R.value[h.field]);
+        },
+        focusout: ($) => {
+          m.value?.contains($?.relatedTarget) || K(h);
+        }
+      };
+      return _(h) || (H = {
+        ...H,
+        ...B.value(h)
+      }), H;
+    }, Y = (h) => h.infoIconTooltip || h.sortable || t.hasColumnPanel, ge = (h, H) => {
+      R.value?.[H] === void 0 && (R.value = { ...R.value, [H]: null }), h !== null && (R.value[H] = h);
+    }, Ae = Te(
+      Qe,
+      v(() => !1)
+    ), xe = Te(mt, S(!1)), Pe = v(() => {
+      const h = {
+        "b-data-grid-columns--is-measuring": t.isMeasuringColumnWidths
+      };
+      return f.value[0]?.frozen && !Ae.value ? {
+        ...h,
+        "b-data-grid-columns--frozen": !0,
+        "b-data-grid-columns--frozen-separator": t.showFrozenColumnsSeparator,
+        "b-data-grid-columns--overflow-shadow-left": t.hasLeftOverflow
+      } : {
+        ...h,
+        "b-data-grid-columns--unfrozen": !0
+      };
+    }), $e = v(() => ({
+      "b-data-grid-columns__select-column--all": t.selectableAcrossPages
+    })), ke = (h, H) => h && H === 0 ? Ht.BOTTOM_START : Ht.BOTTOM_END, Ue = (h, H) => ({
+      "b-data-grid-columns__column--column-hovered": h.field === t.hoveredOverColumnState.hoveredOverColumnField,
+      "b-data-grid-columns__column--column-hovered-no-border-left": h.field === t.hoveredOverColumnState.hoveredOverColumnField && t.hoveredOverColumnState.noBorderLeft,
+      "b-data-grid-columns__column--column-hovered-no-border-right": h.field === t.hoveredOverColumnState.hoveredOverColumnField && t.hoveredOverColumnState.noBorderRight,
+      "b-data-grid-columns__column--last-frozen-frozen-column": t.isFrozenColumns && H === f.value.length - 1,
+      "b-data-grid-columns__column--sortable": h.sortable,
+      "b-data-grid-columns__column--padding-left-unset": h?.padding?.left === !1,
+      "b-data-grid-columns__column--padding-right-unset": h?.padding?.right === !1,
+      "b-data-grid-columns__column--numeric": h?.numeric,
+      "b-data-grid-columns__column--frozen": h?.frozen,
+      "b-data-grid-columns__column--is-re-ordering": h?.field === t.draggingColumns?.dragging?.field,
+      "b-data-grid-columns__column--is-re-ordering-target-left": h?.field === t.draggingColumns?.target?.field && t.draggingColumns?.dragToLeft,
+      "b-data-grid-columns__column--is-re-ordering-target-right": h?.field === t.draggingColumns?.target?.field && !t.draggingColumns?.dragToLeft,
+      "b-data-grid-columns__column--with-sorting-or-column-panel": h.sortable || h.infoIconTooltip || t.hasColumnPanel || t.selectableAcrossPages,
+      "b-data-grid-columns--small-container": Ae.value
+    }), Be = (h) => ({
+      "b-data-grid-columns__column-header-and-actions--numeric": h?.numeric
+    }), Ie = (h) => ({
+      "b-data-grid-columns__column-actions--numeric": h?.numeric
+    }), k = (h) => ({
+      "b-data-grid-columns__column-separator-container--is-resizeable": t.hasResizableColumns,
+      "b-data-grid-columns__column-separator-container--is-offset": t.hoveredOverColumnState.hoveredOverColumnField === h.field && t.hoveredOverColumnState.isSeparatorOffset
+    }), te = v(() => ({
+      "b-data-grid-columns__column-header--truncated": t.truncateColumnHeaders
+    })), se = (h) => ({
+      "b-data-grid-columns__menu--hovered": I.value === h.field || xe.value
+    });
+    return s({
+      columnHeaderRefs: R
+    }), (h, H) => (c(), E("div", {
+      ref_key: "allColumnsRef",
+      ref: m,
+      class: ae(["b-data-grid-columns", Pe.value]),
+      "data-testid": "data-grid-columns"
+    }, [
+      (c(!0), E(fe, null, be(l(f), ($, pe) => (c(), E("div", ee({
+        key: $.field,
+        ref_for: !0,
+        ref: (me) => ge(me, $.field),
+        "aria-colindex": pe + 1,
+        "aria-label": $.label,
+        "aria-sort": P($),
+        class: [Ue($, pe), "b-data-grid-columns__column"],
+        "data-testid": `${$.field}-column-header`,
+        draggable: e.hasDraggableColumns && !l(C) && !_($),
+        role: "columnheader",
+        tabindex: $.sortable || e.hasColumnPanel || $.infoIconTooltip ? "0" : "-1",
+        style: { width: $.autoWidth && e.isMeasuringColumnWidths ? "auto" : `${$.width}px` }
+      }, ft(X($), !0)), [
+        _($) && e.selectable ? (c(), E("div", {
+          key: 0,
+          class: ae(["b-data-grid-columns__select-column", $e.value])
+        }, [
+          e.selectableAcrossPages ? F("", !0) : (c(), W(l(Sn), {
+            key: 0,
+            "aria-label": l(o)("selectAll"),
+            "model-value": e.allItemsSelectedState.allItemsSelected,
+            "data-testid": "checkbox-select-all",
+            indeterminate: e.allItemsSelectedState.isIndeterminate,
+            value: "data-grid-select-all",
+            "onUpdate:modelValue": L
+          }, null, 8, ["aria-label", "model-value", "indeterminate"])),
+          e.selectableAcrossPages ? (c(), W(l(_t), {
+            key: 1,
+            button: { variant: "tertiary", condensed: !0, "aria-label": l(o)("selectAllMenu") },
+            data: y.value,
+            class: "b-data-grid-columns__select-column-menu",
+            "disable-arrow-down-opening-menu": "",
+            "menu-fixed-positioning": "",
+            "menu-position": "bottom-start"
+          }, {
+            iconLeft: V(() => [
+              O("div", Xo, [
+                j(l(jl), {
+                  indeterminate: e.allItemsSelectedState.isIndeterminate,
+                  checked: e.allItemsSelectedState.allItemsSelected,
+                  "all-selected": D.value,
+                  class: "b-data-grid-columns__select-column-menu-checkbox",
+                  "data-testid": "checkbox-select-all"
+                }, null, 8, ["indeterminate", "checked", "all-selected"]),
+                j(l(Ko), {
+                  "svg-title": l(o)("selectionMenu"),
+                  "aria-hidden": "true"
+                }, null, 8, ["svg-title"])
+              ])
+            ]),
+            _: 1
+          }, 8, ["button", "data"])) : F("", !0)
+        ], 2)) : (c(), E(fe, { key: 1 }, [
+          O("div", {
+            "aria-label": l(o)("columnActions", { name: $.label }),
+            "aria-live": "polite",
+            role: "region",
+            class: ae(["b-data-grid-columns__column-header-and-actions", Be($)])
+          }, [
+            j(l(Ge), {
+              el: "div",
+              strongest: "",
+              class: ae(["b-data-grid-columns__column-header", te.value])
+            }, {
+              default: V(() => [
+                Oe(h.$slots, `head-${$.field}`, { column: $ }, () => [
+                  O("span", Qo, q($.label), 1)
+                ], !0)
+              ]),
+              _: 2
+            }, 1032, ["class"]),
+            Y($) ? (c(), E("div", {
+              key: 0,
+              class: ae(["b-data-grid-columns__column-actions", Ie($)])
+            }, [
+              $.infoIconTooltip ? (c(), E("div", es, [
+                j(l(Zl), {
+                  "tooltip-text": $.infoIconTooltip
+                }, null, 8, ["tooltip-text"])
+              ])) : F("", !0),
+              $.sortable ? (c(), E("div", ts, [
+                j(l(Tt), {
+                  condensed: "",
+                  toggled: l(u)($.field),
+                  variant: "tertiary",
+                  onClick: (me) => l(b)($.field)
+                }, {
+                  iconLeft: V(() => [
+                    l(d)($.field) ? l(d)($.field) === l(Fe).ASCENDING ? (c(), W(l(Uo), {
+                      key: 1,
+                      "svg-title": l(o)("sortColumnInDescendingOrder", { name: $.label })
+                    }, null, 8, ["svg-title"])) : l(d)($.field) === l(Fe).DESCENDING ? (c(), W(l(Ho), {
+                      key: 2,
+                      "svg-title": l(o)("sortColumnInAscendingOrder", { name: $.label })
+                    }, null, 8, ["svg-title"])) : F("", !0) : (c(), W(l(Oo), {
+                      key: 0,
+                      "svg-title": l(o)("sortColumn", { name: $.label })
+                    }, null, 8, ["svg-title"]))
+                  ]),
+                  _: 2
+                }, 1032, ["toggled", "onClick"])
+              ])) : F("", !0),
+              e.hasColumnPanel ? (c(), W(l(_t), {
+                key: 2,
+                ref_for: !0,
+                ref: (me) => p.value[$.field] = me,
+                class: ae(["b-data-grid-columns__menu", se($)]),
+                "disable-arrow-down-opening-menu": "",
+                data: Z.value($),
+                "menu-position": ke(e.hasFirstColumnPanelRightAligned, pe),
+                "menu-fixed-positioning": !0,
+                button: { variant: "tertiary", condensed: !0 },
+                onOpen: H[0] || (H[0] = (me) => h.$emit(l(ne).COLUMN_MENU_OPEN)),
+                onClose: H[1] || (H[1] = (me) => h.$emit(l(ne).COLUMN_MENU_CLOSE))
+              }, null, 8, ["class", "data", "menu-position"])) : F("", !0)
+            ], 2)) : F("", !0)
+          ], 10, Jo),
+          O("div", {
+            "data-testid": `data-grid-column-${$.field}`,
+            class: ae(["b-data-grid-columns__column-separator-container", k($)]),
+            role: "presentation",
+            onMousedown: (me) => l(z)(e.hasResizableColumns, $.field, me),
+            onClick: H[2] || (H[2] = wl(() => {
+            }, ["stop"]))
+          }, [
+            !e.isFrozenColumns || e.isFrozenColumns && pe !== l(f).length - 1 ? (c(), E("div", ls)) : F("", !0)
+          ], 42, ns)
+        ], 64))
+      ], 16, Yo))), 128)),
+      e.rowActionsMaximumWidth && !e.isFrozenColumns ? (c(), E(fe, { key: 0 }, [
+        H[3] || (H[3] = O("div", {
+          role: "presentation",
+          class: "b-data-grid-columns__row-actions-filler"
+        }, null, -1)),
+        O("div", {
+          ref: ($) => ge($, l(It)),
+          "aria-label": l(o)("rowActionsColumn"),
+          "aria-colindex": l(f).length + 1,
+          class: "b-data-grid-columns__column",
+          role: "columnheader",
+          tabindex: g.value ? "0" : "-1",
+          style: Le({ minWidth: `${e.rowActionsMaximumWidth}px` })
+        }, null, 12, os)
+      ], 64)) : F("", !0)
+    ], 2));
+  }
+}), is = /* @__PURE__ */ oe(as, [["__scopeId", "data-v-80ba53c8"]]);
+var Ee = /* @__PURE__ */ ((e) => (e.UPDATE_CONDENSED = "update:condensed", e.UPDATE_COLUMNS = "update:columns", e.UPDATE_ZEBRA_ROWS = "update:zebra-rows", e))(Ee || {});
+let sn = 0;
+const rs = {
+  beforeCreate() {
+    this.uuid = sn.toString(), sn += 1;
+  }
+}, ds = { key: 0 }, us = ["clip-path"], cs = ["id"];
+function gs(e, s, i, t, r, n) {
+  return c(), E("svg", ee({ role: "img" }, e.$attrs, {
+    class: "ui-assets-icons-16",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    fill: "none"
+  }), [
+    e.$attrs["svg-title"] ? (c(), E("title", ds, q(e.$attrs["svg-title"]), 1)) : F("", !0),
+    O("g", {
+      fill: "#001222",
+      "clip-path": "url(#uia-ui-assets/icons-16-settings__a" + e.uuid + ")"
+    }, s[0] || (s[0] = [
+      O("path", { d: "M8 5.25C6.48122 5.25 5.25 6.48122 5.25 8C5.25 9.51878 6.48122 10.75 8 10.75C9.51878 10.75 10.75 9.51878 10.75 8C10.75 6.48122 9.51878 5.25 8 5.25ZM6.75 8C6.75 7.30964 7.30964 6.75 8 6.75C8.69036 6.75 9.25 7.30964 9.25 8C9.25 8.69036 8.69036 9.25 8 9.25C7.30964 9.25 6.75 8.69036 6.75 8Z" }, null, -1),
+      O("path", { d: "M6.84701 0.973015L6.59985 0.35083L5.9537 0.526056C4.64534 0.880867 3.48225 1.56808 2.55285 2.48641L2.07533 2.95826L2.49158 3.48495C2.79648 3.87074 2.85279 4.419 2.58992 4.87589C2.32905 5.32931 1.82436 5.55631 1.33473 5.48726L0.677319 5.39455L0.505539 6.03586C0.33838 6.65992 0.25 7.32519 0.25 7.99991C0.25 8.67463 0.33838 9.3399 0.505539 9.96396L0.677319 10.6053L1.33473 10.5126C1.82436 10.4435 2.32905 10.6705 2.58992 11.1239C2.85279 11.5808 2.79648 12.1291 2.49158 12.5149L2.07533 13.0416L2.55285 13.5134C3.48225 14.4317 4.64534 15.119 5.9537 15.4738L6.59985 15.649L6.84701 15.0268C7.02659 14.5748 7.47549 14.2499 8 14.2499C8.52452 14.2499 8.97341 14.5748 9.15299 15.0268L9.40016 15.649L10.0463 15.4738C11.3547 15.119 12.5177 14.4317 13.4471 13.5134L13.9247 13.0416L13.5084 12.5149C13.2035 12.1291 13.1472 11.5808 13.4101 11.1239C13.671 10.6705 14.1756 10.4435 14.6653 10.5126L15.3227 10.6053L15.4945 9.96396C15.6616 9.3399 15.75 8.67463 15.75 7.99991C15.75 7.32519 15.6616 6.65992 15.4945 6.03586L15.3227 5.39455L14.6653 5.48726C14.1756 5.55631 13.671 5.32931 13.4101 4.87589C13.1472 4.419 13.2035 3.87074 13.5084 3.48495L13.9247 2.95826L13.4471 2.48641C12.5177 1.56808 11.3547 0.880867 10.0463 0.526056L9.40016 0.35083L9.15299 0.973015C8.97341 1.42506 8.52452 1.74991 8 1.74991C7.47549 1.74991 7.02659 1.42506 6.84701 0.973015ZM3.89008 5.62393C4.33946 4.84286 4.36394 3.9353 4.03405 3.16853C4.55803 2.73795 5.15349 2.39116 5.80146 2.14902C6.30062 2.81653 7.10051 3.24991 8 3.24991C8.89949 3.24991 9.69938 2.81653 10.1985 2.14902C10.8465 2.39116 11.442 2.73795 11.966 3.16853C11.6361 3.9353 11.6605 4.84287 12.1099 5.62393C12.5612 6.40839 13.3382 6.88092 14.1658 6.97982C14.221 7.31075 14.25 7.65319 14.25 7.99991C14.25 8.34663 14.221 8.68908 14.1658 9.02001C13.3382 9.11891 12.5612 9.59143 12.1099 10.3759C11.6605 11.157 11.6361 12.0645 11.9659 12.8313C11.442 13.2619 10.8465 13.6087 10.1985 13.8508C9.69938 13.1833 8.89949 12.7499 8 12.7499C7.10051 12.7499 6.30062 13.1833 5.80146 13.8508C5.15349 13.6087 4.55803 13.2619 4.03405 12.8313C4.36394 12.0645 4.33946 11.157 3.89008 10.3759C3.43875 9.59143 2.66177 9.1189 1.8342 9.02C1.77896 8.68908 1.75 8.34663 1.75 7.99991C1.75 7.65319 1.77896 7.31074 1.8342 6.97982C2.66177 6.88092 3.43875 6.40839 3.89008 5.62393Z" }, null, -1)
+    ]), 8, us),
+    O("defs", null, [
+      O("clipPath", {
+        id: "uia-ui-assets/icons-16-settings__a" + e.uuid
+      }, s[1] || (s[1] = [
+        O("rect", {
+          width: "16",
+          height: "16",
+          fill: "#fff"
+        }, null, -1)
+      ]), 8, cs)
+    ])
+  ], 16);
+}
+const fs = /* @__PURE__ */ oe(rs, [["render", gs]]), an = {
+  "de-DE": { toggleColumnFreeze: "{label} Spaltenfixierung umschalten", toggleColumnVisibility: "Sichtbarkeit der Spalte {label} umschalten" },
+  "en-GB": { toggleColumnFreeze: "Toggle {label} column freeze", toggleColumnVisibility: "Toggle {label} column visibility" },
+  "en-US": { toggleColumnFreeze: "Toggle {label} column freeze", toggleColumnVisibility: "Toggle {label} column visibility" },
+  "es-ES": { toggleColumnFreeze: "Alternar la congelación de la columna {label}", toggleColumnVisibility: "Mostrar/ocultar la visibilidad de la columna {label}" },
+  "es-MX": { toggleColumnFreeze: "Alternar la congelación de la columna {label}", toggleColumnVisibility: "Mostrar/ocultar la visibilidad de la columna {label}" },
+  "fr-FR": { toggleColumnFreeze: "Activer/désactiver le figement de la colonne {label}", toggleColumnVisibility: "Activer/désactiver la visibilité de la colonne {label}" },
+  "it-IT": { toggleColumnFreeze: "Attiva/disattiva il blocco delle colonne {label}", toggleColumnVisibility: "Attiva la visibilità delle colonne {label}" },
+  "ja-JP": { toggleColumnFreeze: "{label}列の固定を切り替え", toggleColumnVisibility: "{label}列の表示を切り替え" },
+  "pt-BR": { toggleColumnFreeze: "Alternar congelamento da coluna {label}", toggleColumnVisibility: "Alternar visibilidade da coluna {label}" },
+  "zh-CN": { toggleColumnFreeze: "切换 {label} 列冻结", toggleColumnVisibility: "切换 {label} 列的可见性" }
+}, ms = Se({
+  i18n: { messages: an },
+  name: "bento-data-grid",
+  components: {
+    BentoFreezeIcon: An,
+    BentoToggle: wn
+  },
+  props: {
+    /**
+     * Is column visibitlity toggle disabled
+     */
+    isColumnVisibilityToggleDisabled: {
+      type: Boolean,
+      required: !0
+    },
+    /**
+     * Column definition
+     */
+    column: {
+      type: Object,
+      required: !0
+    }
+  },
+  emits: ["visible-column", "updated-column"],
+  setup(e, { emit: s }) {
+    const { t: i } = Me({ messages: an }), t = S(!1), r = v(() => e.column?.frozen), n = v(() => e.column?.visible !== !1), o = Te(
+      Qe,
+      v(() => !1)
+    ), f = () => {
+      s("visible-column", { ...e.column, visible: !n.value });
+    }, a = () => {
+      s("updated-column", { ...e.column, frozen: !r.value });
+    }, m = () => {
+      r.value || (t.value = !0);
+    }, R = () => {
+      r.value || (t.value = !1);
+    }, p = v(() => ({
+      "b-data-grid-config-settings-column-row__freeze-icon--frozen": r.value
+    }));
+    return {
+      // Values
+      isFreezeIconOptionShown: t,
+      isColumnFrozen: r,
+      freezeIconConditionalClasses: p,
+      isColumnVisible: n,
+      isSmallContainer: o,
+      // Methods
+      toggleColumnVisibility: f,
+      showFreezeIcon: m,
+      hideFreezeIcon: R,
+      toggleColumnFreeze: a,
+      // Translations
+      t: i
+    };
+  }
+});
+function vs(e, s, i, t, r, n) {
+  const o = we("bento-toggle"), f = we("bento-freeze-icon");
+  return c(), E("div", {
+    class: "b-data-grid-config-settings-column-row",
+    onMouseover: s[0] || (s[0] = (...a) => e.showFreezeIcon && e.showFreezeIcon(...a)),
+    onMouseleave: s[1] || (s[1] = (...a) => e.hideFreezeIcon && e.hideFreezeIcon(...a))
+  }, [
+    j(o, {
+      "aria-label": e.t("toggleColumnVisibility", { label: e.column.label }),
+      disabled: e.isColumnVisibilityToggleDisabled,
+      "label-position": "after",
+      value: e.isColumnVisible,
+      onInput: e.toggleColumnVisibility
+    }, {
+      default: V(() => [
+        re(q(e.column.label), 1)
+      ]),
+      _: 1
+    }, 8, ["aria-label", "disabled", "value", "onInput"]),
+    Xe(j(f, {
+      "aria-label": e.t("toggleColumnFreeze", { label: e.column.label }),
+      class: ae(["b-data-grid-config-settings-column-row__freeze-icon", e.freezeIconConditionalClasses]),
+      onClick: e.toggleColumnFreeze
+    }, null, 8, ["aria-label", "class", "onClick"]), [
+      [Sl, (e.isColumnFrozen || e.isFreezeIconOptionShown) && !e.isSmallContainer]
+    ])
+  ], 32);
+}
+const hs = /* @__PURE__ */ oe(ms, [["render", vs], ["__scopeId", "data-v-0769d049"]]), rn = {
+  "de-DE": { appearance: "Erscheinungsbild", closeConfigSettingsPanel: "Konfigurations-Einstellungen-Panel schließen", closeSearch: "Suche schließen", columnVisibilitySearchFilter: "Suchfilter für die Spaltensichtbarkeit", columns: "Spalten", condensed: "Kompakt", condensedToggle: "Umschalter für Kompakt", configSettingsPanel: "Konfigurationseinstellungen-Panel", displayOptions: "Anzeigeoptionen", noColumnsMatch: "Keine Spalten entsprechen dieser Suche", search: "Suche", showAllColumns: "Alle Spalten anzeigen ({numberOfColumns})", toggleConfigSettingsPanelVisibility: "Konfigurationsmenü ein- oder ausblenden", zebraRows: "Zebramuster", zebraRowsToggle: "Zebramuster schalten" },
+  "en-GB": { appearance: "Appearance", closeConfigSettingsPanel: "Close configuration settings panel", closeSearch: "Close search", columnVisibilitySearchFilter: "Column visibility search filter", columns: "Columns", condensed: "Condensed", condensedToggle: "Condensed toggle", configSettingsPanel: "Configuration settings Panel", displayOptions: "Display options", noColumnsMatch: "No columns match this search", search: "Search", showAllColumns: "Show all columns ({numberOfColumns})", toggleConfigSettingsPanelVisibility: "Toggle Configuration settings panel visibility", zebraRows: "Zebra rows", zebraRowsToggle: "Zebra rows toggle" },
+  "en-US": { appearance: "Appearance", closeConfigSettingsPanel: "Close configuration settings panel", closeSearch: "Close search", columnVisibilitySearchFilter: "Column visibility search filter", columns: "Columns", condensed: "Condensed", condensedToggle: "Condensed toggle", configSettingsPanel: "Configuration settings Panel", displayOptions: "Display options", noColumnsMatch: "No columns match this search", search: "Search", showAllColumns: "Show all columns ({numberOfColumns})", toggleConfigSettingsPanelVisibility: "Toggle Configuration settings panel visibility", zebraRows: "Zebra rows", zebraRowsToggle: "Zebra rows toggle" },
+  "es-ES": { appearance: "Aspecto", closeConfigSettingsPanel: "Cerrar el panel de ajustes de configuración", closeSearch: "Cerrar búsqueda", columnVisibilitySearchFilter: "Filtro de búsqueda de visibilidad en columnas", columns: "Columnas", condensed: "Condensado", condensedToggle: "Interruptor condensado", configSettingsPanel: "Panel de ajustes de configuración", displayOptions: "Opciones de visualización", noColumnsMatch: "Ninguna columna corresponde a esta búsqueda", search: "Buscar", showAllColumns: "Mostrar todas las columnas ({numberOfColumns})", toggleConfigSettingsPanelVisibility: "Mostrar/ocultar el panel de ajustes", zebraRows: "Filas de cebra", zebraRowsToggle: "Alternar filas de cebra" },
+  "es-MX": { appearance: "Aspecto", closeConfigSettingsPanel: "Cerrar el panel de ajustes de configuración", closeSearch: "Cerrar búsqueda", columnVisibilitySearchFilter: "Filtro de búsqueda de visibilidad en columnas", columns: "Columnas", condensed: "Condensado", condensedToggle: "Botón de alternancia condensado", configSettingsPanel: "Panel de ajustes de configuración", displayOptions: "Opciones de visualización", noColumnsMatch: "No hay columnas que coincidan con esta búsqueda", search: "Buscar", showAllColumns: "Mostrar todas las columnas ({numberOfColumns})", toggleConfigSettingsPanelVisibility: "Mostrar/ocultar el panel de ajustes de configuración", zebraRows: "Filas cebra", zebraRowsToggle: "Botón de alternancia de filas cebra" },
+  "fr-FR": { appearance: "Apparence", closeConfigSettingsPanel: "Fermer le panneau des paramètres de configuration", closeSearch: "Fermer la recherche", columnVisibilitySearchFilter: "Filtre de recherche de visibilité des colonnes", columns: "Colonnes", condensed: "Condensé", condensedToggle: "Activer/désactiver l'affichage condensé", configSettingsPanel: "Panneau des paramètres de configuration", displayOptions: "Options d'affichage", noColumnsMatch: "Aucune colonne ne correspond à cette recherche", search: "Rechercher", showAllColumns: "Afficher toutes les colonnes ({numberOfColumns})", toggleConfigSettingsPanelVisibility: "Afficher/masquer le panneau des paramètres de configuration", zebraRows: "Lignes alternées", zebraRowsToggle: "Activer/désactiver les lignes alternées" },
+  "it-IT": { appearance: "Aspetto", closeConfigSettingsPanel: "Chiudi il pannello delle impostazioni di configurazione", closeSearch: "Chiudi ricerca", columnVisibilitySearchFilter: "Filtro di ricerca per la visibilità delle colonne", columns: "Colonne", condensed: "In formato ridotto", condensedToggle: "Interruttore in formato ridotto", configSettingsPanel: "Pannello delle impostazioni di configurazione", displayOptions: "Opzioni di visualizzazione", noColumnsMatch: "Nessuna colonna corrisponde a questa ricerca", search: "Cerca", showAllColumns: "Mostra tutte le colonne ({numberOfColumns})", toggleConfigSettingsPanelVisibility: "Attiva/disattiva la visibilità del pannello delle impostazioni di configurazione", zebraRows: "Righe zebra", zebraRowsToggle: "Attiva/disattiva righe in stile zebra" },
+  "ja-JP": { appearance: "外観", closeConfigSettingsPanel: "構成設定パネルを閉じる", closeSearch: "検索を閉じる", columnVisibilitySearchFilter: "列の表示設定検索フィルター", columns: "列", condensed: "簡略化", condensedToggle: "簡略化を切り替え", configSettingsPanel: "構成設定パネル", displayOptions: "表示オプション", noColumnsMatch: "この検索に一致する列はありません", search: "検索", showAllColumns: "すべての列を表示 ({numberOfColumns})", toggleConfigSettingsPanelVisibility: "構成設定パネルの表示を切り替え", zebraRows: "1行おきに色を設定", zebraRowsToggle: "1行おきに色を設定の切り替え" },
+  "pt-BR": { appearance: "Aparência", closeConfigSettingsPanel: "Fechar painel de configurações", closeSearch: "Fechar busca", columnVisibilitySearchFilter: "Filtro de busca de visibilidade da coluna", columns: "Colunas", condensed: "Condensado", condensedToggle: "Alternância condensada", configSettingsPanel: "Painel de configurações", displayOptions: "Opções de exibição", noColumnsMatch: "Nenhuma coluna corresponde a esta busca", search: "Busca", showAllColumns: "Mostrar todas as colunas ({numberOfColumns})", toggleConfigSettingsPanelVisibility: "Alternar a visibilidade do painel de configurações", zebraRows: "Linhas alternadas", zebraRowsToggle: "Alternar linhas alternadas" },
+  "zh-CN": { appearance: "外观", closeConfigSettingsPanel: "关闭配置设置面板", closeSearch: "关闭搜索", columnVisibilitySearchFilter: "列可见性搜索筛选器", columns: "列", condensed: "扼要", condensedToggle: "扼要切换", configSettingsPanel: "配置设置面板", displayOptions: "显示选项", noColumnsMatch: "没有符合此搜索条件的列", search: "搜索", showAllColumns: "显示所有列 ({numberOfColumns})", toggleConfigSettingsPanelVisibility: "切换配置设置面板的可见性", zebraRows: "斑马条纹行", zebraRowsToggle: "斑马条纹行切换" }
+}, Cs = Se({
+  i18n: { messages: rn },
+  name: "bento-data-grid",
+  components: {
+    BentoButton: bn,
+    BentoCrossIcon: Cn,
+    BentoPopover: Bl,
+    BentoSettingsIcon: fs,
+    BentoToggleButton: Tt,
+    BentoDataGridConfigSettingsConfigRow: hs,
+    BentoSearchBar: Vl,
+    BentoSearchIcon: Hl,
+    BentoToggle: wn,
+    BentoTypography: Ge
+  },
+  directives: { BentoClickOutsideDirective: Gl },
+  props: {
+    /**
+     * Column definitions
+     */
+    columns: {
+      type: Array,
+      required: !0
+    },
+    /**
+     * Sets the row cells to the condensed padding state.
+     */
+    condensed: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Sets a different background color for even rows.
+     */
+    zebraRows: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [
+    Ee.UPDATE_CONDENSED,
+    Ee.UPDATE_COLUMNS,
+    Ee.UPDATE_ZEBRA_ROWS
+  ],
+  setup(e, { emit: s }) {
+    const { t: i } = Me({ messages: rn }), t = S(null), r = ut("data-grid-config-settings-popover"), n = S(null), o = S(!1), f = S(!0), a = S(null), m = S(""), R = wt(e, "columns"), p = S(!1), I = xl(m, R), A = () => {
+      m.value = "";
+    }, g = v(
+      () => !e.columns.some((b) => b.visible === !1 && !b.mandatory)
+    ), L = () => {
+      A(), p.value = !p.value, p.value ? de(() => n.value.$refs.bentoInputField?.focusInput()) : de(() => a?.value?.$el?.focus()), f.value = g.value;
+    }, _ = (b) => b.mandatory ?? !1, D = (b) => {
+      const P = e.columns.map((B) => ({
+        ...B,
+        visible: b.field === B.field ? b.visible : B.visible
+      }));
+      s(Ee.UPDATE_COLUMNS, P);
+    }, y = (b) => {
+      b ? s(
+        Ee.UPDATE_COLUMNS,
+        e.columns.map((P) => ({ ...P, visible: !0 }))
+      ) : s(
+        Ee.UPDATE_COLUMNS,
+        e.columns.map((P) => ({ ...P, visible: P?.mandatory === !0 }))
+      );
+    }, z = (b) => {
+      const P = e.columns.map((B) => ({
+        ...B,
+        frozen: b.field === B.field ? !!b?.frozen : !!B?.frozen
+      }));
+      s(Ee.UPDATE_COLUMNS, P);
+    }, C = (b) => {
+      o.value = b, f.value = g.value;
+    };
+    return {
+      // Values
+      configSettingsButtonRef: t,
+      popoverId: r,
+      isConfigSettingsPanelOpen: o,
+      allColumnsVisbilityToggleState: f,
+      filteredColumnVisibilityColumns: I,
+      searchTerm: m,
+      isColumnVisibilityFilterShown: p,
+      searchBarRef: n,
+      searchButtonRef: a,
+      DATAGRID_ACTIONS_COLUMN_FIELD_NAME: he,
+      // Methods
+      setConfigSettingsPanelVisibility: C,
+      emitCondensedToggle: (b) => s(Ee.UPDATE_CONDENSED, b),
+      toggleAllColumnVisibility: y,
+      clearAction: A,
+      toggleColumnFilter: L,
+      emitVisibleColumns: D,
+      emitFrozenColumns: z,
+      onClickOutside: () => C(!1),
+      isColumnVisibilityToggleDisabled: _,
+      emitZebraRowsToggle: (b) => s(Ee.UPDATE_ZEBRA_ROWS, b),
+      // Translations
+      t: i
+    };
+  }
+}), ps = { class: "b-data-grid-config-settings" }, bs = { class: "b-data-grid-config-settings__button-and-separator" }, ws = {
+  ref: "configSettingsButtonRef",
+  class: "b-data-grid-config-settings__button-container"
+}, Ss = { class: "b-data-grid-config-settings__panel-header" }, _s = { class: "b-data-grid-config-settings__appearance" }, Rs = { class: "b-data-grid-config-settings__appearance-button" }, As = { class: "b-data-grid-config-settings__appearance-button" }, Es = { class: "b-data-grid-config-settings__column-visibility-settings" }, ys = { class: "b-data-grid-config-settings__column-visibility-header" }, Ls = {
+  key: 0,
+  class: "b-data-grid-config-settings__column-visibility-search"
+}, Os = {
+  key: 1,
+  class: "b-data-grid-config-settings__column-visibility-show-all"
+}, Ts = { class: "b-data-grid-config-settings__column-visibility-toggles" };
+function Is(e, s, i, t, r, n) {
+  const o = we("bento-settings-icon"), f = we("bento-toggle-button"), a = we("bento-typography"), m = we("bento-cross-icon"), R = we("bento-button"), p = we("bento-toggle"), I = we("bento-search-icon"), A = we("bento-search-bar"), g = we("bento-data-grid-config-settings-config-row"), L = we("bento-popover"), _ = _l("bento-click-outside-directive");
+  return Xe((c(), E("div", ps, [
+    O("div", bs, [
+      O("div", ws, [
+        j(f, {
+          "aria-controls": e.isConfigSettingsPanelOpen ? e.popoverId : null,
+          variant: "tertiary",
+          condensed: "",
+          toggled: e.isConfigSettingsPanelOpen,
+          onClick: s[0] || (s[0] = (D) => e.setConfigSettingsPanelVisibility(!e.isConfigSettingsPanelOpen))
+        }, {
+          iconLeft: V(() => [
+            j(o, {
+              "svg-title": e.t("toggleConfigSettingsPanelVisibility")
+            }, null, 8, ["svg-title"])
+          ]),
+          _: 1
+        }, 8, ["aria-controls", "toggled"])
+      ], 512)
+    ]),
+    e.configSettingsButtonRef ? (c(), W(L, {
+      key: 0,
+      id: e.popoverId,
+      open: e.isConfigSettingsPanelOpen,
+      class: "b-data-grid-config-settings__panel",
+      "aria-label": e.t("configSettingsPanel"),
+      "target-element": e.configSettingsButtonRef,
+      position: "bottom-end"
+    }, {
+      default: V(() => [
+        O("div", Ss, [
+          j(a, {
+            el: "span",
+            strongest: ""
+          }, {
+            default: V(() => [
+              re(q(e.t("displayOptions")), 1)
+            ]),
+            _: 1
+          }),
+          j(R, {
+            variant: "tertiary",
+            onClick: s[1] || (s[1] = (D) => e.setConfigSettingsPanelVisibility(!1))
+          }, {
+            iconLeft: V(() => [
+              j(m, {
+                "svg-title": e.t("closeConfigSettingsPanel")
+              }, null, 8, ["svg-title"])
+            ]),
+            _: 1
+          })
+        ]),
+        O("div", _s, [
+          j(a, {
+            class: "b-data-grid-config-settings__appearance-title",
+            el: "span",
+            stronger: ""
+          }, {
+            default: V(() => [
+              re(q(e.t("appearance")), 1)
+            ]),
+            _: 1
+          }),
+          O("div", Rs, [
+            j(p, {
+              "label-position": "after",
+              "aria-label": e.t("condensedToggle"),
+              value: e.condensed,
+              onInput: e.emitCondensedToggle
+            }, {
+              default: V(() => [
+                re(q(e.t("condensed")), 1)
+              ]),
+              _: 1
+            }, 8, ["aria-label", "value", "onInput"])
+          ]),
+          O("div", As, [
+            j(p, {
+              "label-position": "after",
+              "aria-label": e.t("zebraRowsToggle"),
+              value: e.zebraRows,
+              onInput: e.emitZebraRowsToggle
+            }, {
+              default: V(() => [
+                re(q(e.t("zebraRows")), 1)
+              ]),
+              _: 1
+            }, 8, ["aria-label", "value", "onInput"])
+          ])
+        ]),
+        O("div", Es, [
+          O("div", ys, [
+            j(a, {
+              class: "b-data-grid-config-settings__column-visibility-title",
+              el: "span",
+              stronger: ""
+            }, {
+              default: V(() => [
+                re(q(e.t("columns")), 1)
+              ]),
+              _: 1
+            }),
+            e.isColumnVisibilityFilterShown ? (c(), W(R, {
+              key: 1,
+              variant: "tertiary",
+              onClick: e.toggleColumnFilter
+            }, {
+              iconLeft: V(() => [
+                j(m)
+              ]),
+              default: V(() => [
+                re(" " + q(e.t("closeSearch")), 1)
+              ]),
+              _: 1
+            }, 8, ["onClick"])) : (c(), W(R, {
+              key: 0,
+              ref: "searchButtonRef",
+              variant: "tertiary",
+              onClick: e.toggleColumnFilter
+            }, {
+              iconLeft: V(() => [
+                j(I)
+              ]),
+              default: V(() => [
+                re(q(e.t("search")), 1)
+              ]),
+              _: 1
+            }, 8, ["onClick"]))
+          ]),
+          e.isColumnVisibilityFilterShown ? (c(), E("div", Ls, [
+            j(A, {
+              ref: "searchBarRef",
+              value: e.searchTerm,
+              "input-field-aria-label": e.t("columnVisibilitySearchFilter").toString(),
+              onInput: s[2] || (s[2] = (D) => e.searchTerm = D),
+              onClear: e.clearAction,
+              onEscapePressed: e.toggleColumnFilter
+            }, null, 8, ["value", "input-field-aria-label", "onClear", "onEscapePressed"])
+          ])) : (c(), E("div", Os, [
+            j(p, {
+              "label-position": "after",
+              value: e.allColumnsVisbilityToggleState,
+              onInput: e.toggleAllColumnVisibility
+            }, {
+              default: V(() => [
+                re(q(e.t("showAllColumns", { numberOfColumns: e.columns.length })), 1)
+              ]),
+              _: 1
+            }, 8, ["value", "onInput"])
+          ])),
+          O("div", Ts, [
+            (c(!0), E(fe, null, be(e.filteredColumnVisibilityColumns, (D) => (c(), E("div", {
+              key: D.field
+            }, [
+              D.field !== e.DATAGRID_ACTIONS_COLUMN_FIELD_NAME ? (c(), W(g, {
+                key: 0,
+                column: D,
+                "is-column-visibility-toggle-disabled": e.isColumnVisibilityToggleDisabled(D),
+                onVisibleColumn: e.emitVisibleColumns,
+                onUpdatedColumn: e.emitFrozenColumns
+              }, null, 8, ["column", "is-column-visibility-toggle-disabled", "onVisibleColumn", "onUpdatedColumn"])) : F("", !0)
+            ]))), 128)),
+            e.filteredColumnVisibilityColumns.length === 0 ? (c(), W(a, {
+              key: 0,
+              el: "span",
+              class: "b-data-grid-config-settings__column-visibility-empty-search-message"
+            }, {
+              default: V(() => [
+                re(q(e.t("noColumnsMatch")), 1)
+              ]),
+              _: 1
+            })) : F("", !0)
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["id", "open", "aria-label", "target-element"])) : F("", !0)
+  ])), [
+    [_, e.onClickOutside]
+  ]);
+}
+const Ns = /* @__PURE__ */ oe(Cs, [["render", Is], ["__scopeId", "data-v-01dda331"]]), vt = {
+  "de-DE": { filterBar: "Filter", gettingYourData: "Ihre Daten werden abgerufen", loading: "Laden", noResults: "Keine Ergebnisse", pagination: "Paginierung", selectRow: "Zeile auswählen", showMore: "Mehr anzeigen", sortAscending: "{field} aufsteigend sortieren", sortDescending: "{field} absteigend sortieren", sortInactive: "{field} Sortierung inaktiv" },
+  "en-GB": { filterBar: "Filters", gettingYourData: "Getting your data", loading: "Loading", noResults: "No results", pagination: "Pagination", selectRow: "Select row", showMore: "Show more", sortAscending: "{field} sort ascending", sortDescending: "{field} sort descending", sortInactive: "{field} sort inactive" },
+  "en-US": { filterBar: "Filters", gettingYourData: "Getting your data", loading: "Loading", noResults: "No results", pagination: "Pagination", selectRow: "Select row", showMore: "Show more", sortAscending: "{field} sort ascending", sortDescending: "{field} sort descending", sortInactive: "{field} sort inactive" },
+  "es-ES": { filterBar: "Filtros", gettingYourData: "Obtención de tus datos", loading: "Cargando", noResults: "No hay resultados", pagination: "Paginación", selectRow: "Seleccionar fila", showMore: "Mostrar más", sortAscending: "Ordenamiento de {field} ascendente", sortDescending: "Ordenamiento de {field} descendente", sortInactive: "Ordenamiento de {field} inactivo" },
+  "es-MX": { filterBar: "Filtros", gettingYourData: "Obtener tus datos", loading: "Cargando", noResults: "No hay resultados", pagination: "Paginación", selectRow: "Seleccionar fila", showMore: "Mostrar más", sortAscending: "Ordenamiento de {field} ascendente", sortDescending: "Ordenamiento de {field} descendente", sortInactive: "Ordenamiento de {field} inactivo" },
+  "fr-FR": { filterBar: "Filtres", gettingYourData: "Obtenir vos données", loading: "Chargement", noResults: "Aucun résultat", pagination: "Pagination", selectRow: "Sélectionner une ligne", showMore: "Afficher plus", sortAscending: "Tri de {field} par ordre croissant", sortDescending: "{field} trier par ordre décroissant", sortInactive: "Tri de {field} inactif" },
+  "it-IT": { filterBar: "Filtri", gettingYourData: "Ottenimento dei dati", loading: "Caricamento", noResults: "Nessun risultato", pagination: "Paginazione", selectRow: "Seleziona riga", showMore: "Mostra di più", sortAscending: "{field} ordine crescente", sortDescending: "{field} ordine decrescente", sortInactive: "{field} ordine inattivo" },
+  "ja-JP": { filterBar: "フィルター", gettingYourData: "データの取得", loading: "読み込み中", noResults: "結果なし", pagination: "ページネーション", selectRow: "行を選択", showMore: "もっと見る", sortAscending: "{field}昇順で並べ替え", sortDescending: "{field}降順で並べ替え", sortInactive: "{field}の並べ替えが無効" },
+  "pt-BR": { filterBar: "Filtros", gettingYourData: "Obtendo seus dados", loading: "Carregando", noResults: "Nenhum resultado", pagination: "Paginação", selectRow: "Selecionar linha", showMore: "Mostrar mais", sortAscending: "{field} ordenar em ordem ascendente", sortDescending: "{field} ordenar em ordem decrescente", sortInactive: "{field} ordenação inativa" },
+  "zh-CN": { filterBar: "筛选器", gettingYourData: "获取数据", loading: "正在加载", noResults: "没有结果", pagination: "分页", selectRow: "选择行", showMore: "显示更多", sortAscending: "{field} 升序排序", sortDescending: "{field} 降序排序", sortInactive: "{field} 排序未激活" }
+}, Ds = { class: "b-data-grid-lazy-load" }, Ms = {
+  i18n: { messages: vt }
+}, zs = /* @__PURE__ */ Se({
+  ...Ms,
+  __name: "data-grid-lazy-load",
+  props: {
+    loading: { type: Boolean },
+    isInfiniteScroll: { type: Boolean }
+  },
+  setup(e) {
+    const { t: s } = Me({ messages: vt });
+    return (i, t) => (c(), E("div", Ds, [
+      i.loading && i.isInfiniteScroll ? (c(), W(l(dt), { key: 0 })) : F("", !0),
+      i.loading && !i.isInfiniteScroll ? (c(), W(l(Vt), {
+        key: 1,
+        variant: "secondary",
+        state: l(Gt).LOADING
+      }, {
+        default: V(() => [
+          re(q(l(s)("loading")), 1)
+        ]),
+        _: 1
+      }, 8, ["state"])) : F("", !0),
+      !i.loading && !i.isInfiniteScroll ? (c(), W(l(Vt), {
+        key: 2,
+        state: l(Gt).START,
+        variant: "secondary",
+        onClick: t[0] || (t[0] = (r) => i.$emit(l(N).UPDATE_SHOW_MORE))
+      }, {
+        default: V(() => [
+          re(q(l(s)("showMore")), 1)
+        ]),
+        _: 1
+      }, 8, ["state"])) : F("", !0)
+    ]));
+  }
+}), Fs = /* @__PURE__ */ oe(zs, [["__scopeId", "data-v-a4824c2d"]]), dn = () => {
+  const e = document.activeElement;
+  return e ? e.matches(":focus-visible") || e.matches(".focus-visible") : !1;
+}, Ps = ({ gridcellRef: e }) => {
+  const s = S(!1), i = S(!1), t = S(), r = S([]), n = S(!1), o = S(!1), f = S(!1), a = S(!1), m = S(!1), R = v(() => (t.value?.length ?? 0) > 1), p = (u) => u ? e.value?.contains(u) ? !0 : r.value?.map((d) => d.value).some((d) => d === u || d?.contains(u)) : !1, I = (u) => {
+    p(u) || (s.value = !1);
+  }, A = () => {
+    a.value = !0, setTimeout(() => {
+      e.value?.contains(document.activeElement) && e.value?.focus();
+    }, 0);
+  }, g = () => {
+    o.value = !1, n.value = !1, m.value = !0, Re(e.value), e.value?.focus();
+  }, L = () => {
+    const u = e.value?.closest('[role="grid"]');
+    if (!u)
+      return null;
+    const d = document.createTreeWalker(document.body, NodeFilter.SHOW_ELEMENT, {
+      acceptNode(b) {
+        return u.contains(b) ? NodeFilter.FILTER_REJECT : b.tabIndex >= 0 && !b.hasAttribute("disabled") ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+      }
+    });
+    return d.currentNode = u, d.nextNode();
+  }, _ = () => {
+    if (n.value || o.value)
+      return !0;
+    const u = document.activeElement;
+    return !!(u && u !== e.value && e.value?.contains(u));
+  };
+  return {
+    shouldShowCellActions: s,
+    isFocused: i,
+    focusableItems: t,
+    childrenMenuContainerElements: r,
+    hasInteractiveElFocusedInside: n,
+    cellInteractionMode: o,
+    isNavigatingAway: f,
+    isReturningFromMenu: a,
+    isMultiWidgetCell: R,
+    isFocusWithinCellOrMenu: p,
+    hideCellActionsIfLeft: I,
+    onMenuClose: A,
+    exitInteractionMode: g,
+    findNextFocusableAfterGrid: L,
+    hasChildFocusedInside: _,
+    handleFocus: async (u) => {
+      if (!dn())
+        return;
+      i.value = !0, document.activeElement === e.value && (o.value = !1, n.value = !1), u(), !R.value && !a.value && !m.value && (gt(t.value), await de(), ct(e.value) && (n.value = !0)), a.value = !1, m.value = !1;
+    },
+    handleFocusout: (u) => {
+      dn() && (p(u.relatedTarget) || (n.value = !1, o.value = !1, f.value = !1));
+    },
+    handleKeydown: (u) => {
+      const d = document.activeElement, b = d === e.value;
+      if (!b && !!d && !!e.value?.contains(d) && (u.key === le.ENTER || u.key === " " || u.key === le.F2)) {
+        u.stopPropagation();
+        return;
+      }
+      if (b && (t.value?.length ?? 0) > 0 && (u.key === le.ENTER || u.key === le.F2)) {
+        u.stopPropagation(), u.preventDefault(), o.value ? g() : (o.value = !0, gt(t.value), de(() => {
+          ct(e.value) && (n.value = !0);
+        }));
+        return;
+      }
+      if (u.key === le.ESCAPE && _()) {
+        u.stopPropagation(), u.preventDefault(), g();
+        return;
+      }
+      const B = _();
+      if ((o.value || R.value && s.value && B) && u.key !== le.TAB) {
+        if (u.stopPropagation(), u.key === le.ARROW_LEFT || u.key === le.ARROW_RIGHT) {
+          const J = t.value?.findIndex((K) => K.node === document.activeElement);
+          if (J !== void 0 && J >= 0) {
+            const K = u.key === le.ARROW_RIGHT ? J + 1 : J - 1;
+            K >= 0 && K < t.value.length ? (Re(e.value), t.value[K].node.setAttribute("tabindex", "0"), t.value[K].node.focus()) : g(), u.preventDefault();
+          }
+        }
+        return;
+      }
+      if (u.key === le.TAB && B) {
+        u.preventDefault(), u.stopPropagation(), f.value = !0;
+        const J = L();
+        setTimeout(() => {
+          n.value = !1, s.value = !1, de(() => J?.focus());
+        }, 0);
+        return;
+      }
+      u.key !== le.TAB && (B && (f.value = !0), n.value = !1, i.value = !1, s.value = !1, Re(e.value));
+    },
+    handleCellActionsFocus: async (u, d) => {
+      if (f.value) {
+        f.value = !1;
+        return;
+      }
+      u(d), await de(), s.value = !0;
+    },
+    handleCellActionsFocusout: (u, d) => {
+      const b = f.value;
+      u(d), b || I(d?.relatedTarget);
+    }
+  };
+};
+let un = 0;
+const $s = {
+  beforeCreate() {
+    this.uuid = un.toString(), un += 1;
+  }
+}, ks = { key: 0 };
+function Us(e, s, i, t, r, n) {
+  return c(), E("svg", ee({ role: "img" }, e.$attrs, {
+    class: "ui-assets-icons-16",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    fill: "none"
+  }), [
+    e.$attrs["svg-title"] ? (c(), E("title", ks, q(e.$attrs["svg-title"]), 1)) : F("", !0),
+    s[0] || (s[0] = O("path", {
+      fill: "#001222",
+      d: "M9.38867 2.21717C10.4626 1.14323 12.2044 1.14323 13.2783 2.21717L13.7832 2.72205C14.857 3.79601 14.8571 5.53782 13.7832 6.6117L5.64355 14.7504H1.25V10.3558L9.38867 2.21717ZM2.75 10.9769V13.2504H5.02246L11.2715 6.9994L8.99902 4.72693L2.75 10.9769ZM12.2168 3.27772C11.7286 2.78987 10.9373 2.78967 10.4492 3.27772L10.0596 3.66639L12.332 5.93885L12.7217 5.55018C13.2098 5.06203 13.2098 4.27076 12.7217 3.7826L12.2168 3.27772Z"
+    }, null, -1))
+  ], 16);
+}
+const cn = /* @__PURE__ */ oe($s, [["render", Us]]), Ln = {
+  "de-DE": { copy: "Kopieren", edit: "Bearbeiten", more: "Mehr", open: "Offen" },
+  "en-GB": { copy: "Copy", edit: "Edit", more: "More", open: "Open" },
+  "en-US": { copy: "Copy", edit: "Edit", more: "More", open: "Open" },
+  "es-ES": { copy: "Copiar", edit: "Editar", more: "Más", open: "Abrir" },
+  "es-MX": { copy: "Copiar", edit: "Editar", more: "Más", open: "Abrir" },
+  "fr-FR": { copy: "Copier", edit: "Modifier", more: "Plus", open: "Ouvrir" },
+  "it-IT": { copy: "Copia", edit: "Modifica", more: "Altro", open: "Apri" },
+  "ja-JP": { copy: "コピー", edit: "編集", more: "その他", open: "開く" },
+  "pt-BR": { copy: "Copiar", edit: "Editar", more: "Mais", open: "Abrir" },
+  "zh-CN": { copy: "复制", edit: "编辑", more: "更多", open: "打开" }
+}, Bs = { class: "b-data-grid-cell-actions" }, Ws = {
+  i18n: { messages: Ln },
+  name: "data-grid-cell-actions"
+}, Vs = /* @__PURE__ */ Se({
+  ...Ws,
+  props: {
+    /**
+     * Column definitions using 'key' to relate to data object.
+     */
+    cellActions: {
+      type: [Array, Function],
+      required: !0,
+      validator: (e) => e?.length <= 2
+    },
+    /**
+     * The column field key.
+     */
+    columnKey: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Disables any opening of the cell actions menus using the down arrow key.
+     */
+    disableArrowDownOpeningMenu: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Set to true if the datagrid has been scrolled and the right side has overflowing space.
+     */
+    hasRightOverflow: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Set to true if the row has a darker background when zebra rows is enabled.
+     */
+    hasZebraBackground: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Set to true if the row is selected.
+     */
+    isSelected: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Set to true if the row is highlighted.
+     */
+    isHighlighted: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Set if set to true will teleport the action menu component
+     */
+    teleportMenu: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * The row data item object.
+     */
+    rowDataItem: {
+      type: Object,
+      required: !0
+    }
+  },
+  emits: ["menu-open", "menu-close", "menu-item-click"],
+  setup(e, { emit: s }) {
+    const { t: i } = Me({ messages: Ln }), t = e, r = s, n = Te(mt, S(!1)), o = (C) => {
+      if ("text" in C && C.text !== void 0)
+        return C.text;
+      switch (C.variant) {
+        case "copy":
+          return i("copy");
+        case "edit":
+          return i("edit");
+        case "open":
+          return i("open");
+        case "more":
+          return i("more");
+        default:
+          return C.title;
+      }
+    }, f = (C) => {
+      switch (C.variant) {
+        case "copy":
+          return qt;
+        case "edit":
+          return cn;
+        case "open":
+          return jt;
+        default:
+          return;
+      }
+    }, a = v(() => t.columnKey === void 0), m = v(() => ({
+      "b-data-grid-cell-actions__background-gradient--with-row-actions-and-overflow": a.value && t.hasRightOverflow,
+      "b-data-grid-cell-actions__background-gradient--zebra": t.hasZebraBackground,
+      "b-data-grid-cell-actions__background-gradient--highlighted": t.isHighlighted,
+      "b-data-grid-cell-actions__background-gradient--selected": t.isSelected
+    })), R = v(() => ({
+      "b-data-grid-cell-actions__actions--with-row-actions": a.value,
+      "b-data-grid-cell-actions__actions--zebra": t.hasZebraBackground,
+      "b-data-grid-cell-actions__actions--highlighted": t.isHighlighted,
+      "b-data-grid-cell-actions__actions--selected": t.isSelected,
+      "b-data-grid-cell-actions__actions--zebra-hover": !a.value && t.hasZebraBackground,
+      "b-data-grid-cell-actions__actions--highlighted-hover": !a.value && t.isHighlighted,
+      "b-data-grid-cell-actions__actions--selected-hover": !a.value && t.isSelected
+    })), p = v(() => !a.value || a.value && t.hasRightOverflow);
+    function I(C) {
+      return typeof C == "function";
+    }
+    const A = v(() => {
+      const C = I(t.cellActions) ? t.cellActions?.(t.rowDataItem, t.columnKey) : t.cellActions;
+      if (n.value && !a.value && C) {
+        const M = [];
+        return C.forEach((u) => {
+          u.menuData ? u.menuData.forEach((d) => {
+            M.push(d);
+          }) : M.push({
+            text: o(u),
+            event: u.event,
+            critical: u.critical,
+            disabled: u.disabled,
+            icon: f(u)
+          });
+        }), [
+          {
+            variant: "more",
+            isShort: !0,
+            iconLeft: xt,
+            menuData: D(M)
+          }
+        ];
+      }
+      return !n.value && C?.length > 2 && pn(
+        "WARNING: BentoDataGrid Cell actions can only have a maximum of 2 actions, if you need more consider using the menuData property instead."
+      ), C?.slice(0, 2);
+    }), g = v(() => (C, M) => {
+      if (!(!M && C.isShort || M && !C.isShort))
+        switch (C.variant) {
+          case "copy":
+            return i("copy");
+          case "edit":
+            return i("edit");
+          case "open":
+            return i("open");
+          case "more":
+            return i("more");
+          default:
+            return C.title;
+        }
+    }), L = (C) => C?.event !== void 0 ? {
+      click: (M) => {
+        M.stopPropagation(), C.event(t.rowDataItem, t.columnKey);
+      }
+    } : {}, _ = (C) => ({
+      ...C,
+      handler: () => {
+        C?.handler && typeof C.handler == "function" && C?.handler(), C?.event && typeof C.event == "function" && C?.event(t.rowDataItem, t.columnKey);
+      }
+    }), D = (C) => C.map((M) => {
+      const u = M;
+      return u?.items && (u.items = D(u.items)), { ..._(u) };
+    }), y = (C) => C?.getCopyData !== void 0 ? C.getCopyData(t.rowDataItem, t.columnKey) : t.columnKey ? t.rowDataItem?.[t.columnKey]?.toString() : "", z = (C) => C.iconLeft || C?.variant === "more";
+    return (C, M) => (c(), W(hn, {
+      name: "b-data-grid-cell-actions__animation",
+      appear: ""
+    }, {
+      default: V(() => [
+        O("div", Bs, [
+          p.value && !l(n) ? (c(), E("div", {
+            key: 0,
+            class: ae(["b-data-grid-cell-actions__background-gradient", m.value])
+          }, null, 2)) : F("", !0),
+          O("div", {
+            class: ae(["b-data-grid-cell-actions__actions", R.value]),
+            role: "group"
+          }, [
+            (c(!0), E(fe, null, be(A.value, (u, d) => (c(), E("div", {
+              key: d,
+              class: "b-data-grid-cell-actions__action"
+            }, [
+              u.menuData ? Xe((c(), W(l(_t), {
+                key: 0,
+                data: D(u.menuData),
+                button: {
+                  condensed: !0,
+                  variant: "secondary",
+                  disabled: u.disabled
+                },
+                "disable-arrow-down-opening-menu": e.disableArrowDownOpeningMenu,
+                teleport: e.teleportMenu,
+                onOpen: M[0] || (M[0] = (b) => r("menu-open")),
+                onClose: M[1] || (M[1] = (b) => r("menu-close")),
+                onMenuItemClick: M[2] || (M[2] = (b) => r("menu-item-click"))
+              }, qe({ _: 2 }, [
+                z(u) ? {
+                  name: "iconLeft",
+                  fn: V(() => [
+                    u?.variant === "more" ? (c(), W(l(xt), {
+                      key: 0,
+                      "svg-title": g.value(u, !0)
+                    }, null, 8, ["svg-title"])) : (c(), W(je(u.iconLeft), {
+                      key: 1,
+                      "svg-title": g.value(u, !0)
+                    }, null, 8, ["svg-title"]))
+                  ]),
+                  key: "0"
+                } : void 0,
+                u?.isShort ? void 0 : {
+                  name: "default",
+                  fn: V(() => [
+                    re(q(g.value(u)), 1)
+                  ]),
+                  key: "1"
+                }
+              ]), 1032, ["data", "button", "disable-arrow-down-opening-menu", "teleport"])), [
+                [l(St), u.tooltipText, u.tooltipPosition]
+              ]) : u.variant === "copy" ? (c(), W(l(qt), {
+                key: 1,
+                text: y(u),
+                "button-text": g.value(u),
+                button: {
+                  condensed: !0,
+                  variant: "secondary"
+                }
+              }, null, 8, ["text", "button-text"])) : Xe((c(), W(l(bn), ee({
+                key: 2,
+                condensed: "",
+                variant: "secondary",
+                critical: u.critical,
+                disabled: u.disabled,
+                link: u.link
+              }, ft(L(u))), qe({ _: 2 }, [
+                u.iconLeft || u.variant === "edit" ? {
+                  name: "iconLeft",
+                  fn: V(() => [
+                    u?.variant === "edit" ? (c(), W(l(cn), {
+                      key: 0,
+                      "svg-title": g.value(u, !0)
+                    }, null, 8, ["svg-title"])) : (c(), W(je(u.iconLeft), {
+                      key: 1,
+                      "svg-title": u.title
+                    }, null, 8, ["svg-title"]))
+                  ]),
+                  key: "0"
+                } : void 0,
+                u?.isShort ? void 0 : {
+                  name: "default",
+                  fn: V(() => [
+                    re(q(g.value(u)), 1)
+                  ]),
+                  key: "1"
+                },
+                u.iconRight || u.variant === "open" ? {
+                  name: "iconRight",
+                  fn: V(() => [
+                    u?.variant === "open" ? (c(), W(l(jt), {
+                      key: 0,
+                      "svg-title": g.value(u, !0)
+                    }, null, 8, ["svg-title"])) : (c(), W(je(u.iconRight), {
+                      key: 1,
+                      "svg-title": u.title
+                    }, null, 8, ["svg-title"]))
+                  ]),
+                  key: "2"
+                } : void 0
+              ]), 1040, ["critical", "disabled", "link"])), [
+                [l(St), u.tooltipText, u.tooltipPosition]
+              ])
+            ]))), 128))
+          ], 2)
+        ])
+      ]),
+      _: 1
+    }));
+  }
+}), On = /* @__PURE__ */ oe(Vs, [["__scopeId", "data-v-426bb810"]]);
+var ce = /* @__PURE__ */ ((e) => (e.ACTION_COL_NESTED_CONTENT_AND_SELECTION_ENABLED = "action-col-nested-content-and-selection-enabled", e.ACTION_COL_NESTED_CONTENT_ENABLED = "action-col-nested-content-enabled", e.ACTION_COL_SELECTION_ENABLED = "action-col-selection-enabled", e.COLUMN_HOVERED = "column-hovered", e.COLUMN_HOVERED_NO_BORDER_LEFT = "column-hovered-no-border-left", e.COLUMN_HOVERED_NO_BORDER_RIGHT = "column-hovered-no-border-right", e.CONDENSED = "condensed", e.FROZEN = "frozen", e.IS_COLUMN_REORDERING = "is-column-re-ordering", e.IS_COLUMN_REORDERING_TARGET_LEFT = "is-column-re-order-target-left", e.IS_COLUMN_REORDERING_TARGET_RIGHT = "is-column-re-order-target-right", e.LAST_FROZEN_COLUMN_CELL = "last-frozen-column-cell", e.NESTED_CONTENT_ENABLED = "nested-content-toggle-enabled", e.NUMERIC = "numeric", e.OVERFLOW_ELLIPSIS = "overflow-ellipsis", e.PADDING_LEFT_UNSET = "padding-left-unset", e.PADDING_RIGHT_UNSET = "padding-right-unset", e.SLASHED_ZERO = "slashed-zero", e))(ce || {});
+const Tn = {
+  "de-DE": { collapseNestedContent: "Verschachtelte Inhalte ausblenden", expandNestedContent: "Verschachtelten Inhalt anzeigen", selectRow: "Zeile auswählen" },
+  "en-GB": { collapseNestedContent: "Collapse nested content", expandNestedContent: "Expand nested content", selectRow: "Select row" },
+  "en-US": { collapseNestedContent: "Collapse nested content", expandNestedContent: "Expand nested content", selectRow: "Select row" },
+  "es-ES": { collapseNestedContent: "Colapsar contenido anidado", expandNestedContent: "Ampliar contenido anidado", selectRow: "Seleccionar fila" },
+  "es-MX": { collapseNestedContent: "Colapsar contenido anidado", expandNestedContent: "Expandir contenido anidado", selectRow: "Seleccionar fila" },
+  "fr-FR": { collapseNestedContent: "Réduire le contenu imbriqué", expandNestedContent: "Développer le contenu imbriqué", selectRow: "Sélectionner une ligne" },
+  "it-IT": { collapseNestedContent: "Comprimi i contenuti annidati", expandNestedContent: "Espandi i contenuti annidati", selectRow: "Seleziona riga" },
+  "ja-JP": { collapseNestedContent: "ネストされたコンテンツを折りたたむ", expandNestedContent: "ネストされたコンテンツを展開", selectRow: "行を選択" },
+  "pt-BR": { collapseNestedContent: "Recolher conteúdo aninhado", expandNestedContent: "Expandir conteúdo aninhado", selectRow: "Selecionar linha" },
+  "zh-CN": { collapseNestedContent: "折叠嵌套内容", expandNestedContent: "展开嵌套内容", selectRow: "选择行" }
+}, Gs = ["aria-hidden", "data-testid", "data-cellindex", "tabindex", "aria-colindex"], xs = ["title"], Hs = {
+  key: 0,
+  class: "b-data-grid-cell__cell-actions"
+}, Zs = {
+  i18n: { messages: Tn },
+  name: "data-grid-cell"
+}, js = /* @__PURE__ */ Se({
+  ...Zs,
+  props: {
+    draggingEventsForRowCell: {
+      type: Function,
+      required: !0
+    },
+    /**
+     * The columns sets including
+     */
+    columnSets: {
+      type: Array,
+      required: !0
+    },
+    /**
+     * The columns set we are iterating over
+     */
+    column: {
+      type: Object,
+      required: !0
+    },
+    colIndex: {
+      type: Number,
+      required: !0
+    },
+    columnSetIndex: {
+      type: Number,
+      required: !0
+    },
+    /**
+     * Sets the row cells to the condensed padding state.
+     */
+    condensed: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Columns being dragged, contains dragging column and a target column
+     */
+    draggingColumns: {
+      type: Object,
+      default: void 0
+    },
+    /**
+     * A customisable method to retrieve a unique identifier for a data item in the array of data supplied.
+     * This is used selecting and performance reasons and must exist in each data item.
+     */
+    getDataItemId: {
+      type: Function,
+      default: (e) => e.id
+    },
+    /**
+     * Set to true if the cell has a darker background when zebra rows is enabled.
+     */
+    hasZebraBackground: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Set to true if the row is selected.
+     */
+    isSelected: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Set to true if the row is highlighted.
+     */
+    isHighlighted: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * The column hovered over state and whether the hovered over column should show a border right or left.
+     */
+    hoveredOverColumnState: {
+      type: Object,
+      required: !0
+    },
+    /**
+     * A customisable method to determine if a row is not selectable.
+     * The default is that every row is selectable.
+     */
+    isDataItemDisabled: {
+      type: Function,
+      default: () => !1
+    },
+    isMeasuringColumnWidths: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Determines if the nested content is visible.
+     */
+    isNestedContentExpanded: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Determines if the nest content slot is enabled for this data row.
+     */
+    nestedContent: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * The IDs of the rows this cell controls to show / hide them.
+     */
+    nestedRowsElementIds: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * The row data object
+     */
+    rowData: {
+      type: Object,
+      required: !0
+    },
+    rowIndex: {
+      type: Number,
+      required: !0
+    },
+    /**
+     * The row selection checkbox indeterminate state.
+     */
+    selectionIsIndeterminate: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Determines if the row selection is enabled.
+     */
+    selectable: {
+      type: Boolean,
+      default: !1
+    },
+    selectedItems: {
+      type: Array,
+      required: !0
+    }
+  },
+  emits: ["on-frozen-columns-key-press", "select-row", "register-row-cell-element", "cell-hovered", "nested-content-toggled", "cell-focus"],
+  setup(e, { expose: s, emit: i }) {
+    const t = yt(), r = Lt(t), { t: n } = Me({ messages: Tn }), o = e, f = i, a = S(null), m = S(null), R = S(!1), {
+      shouldShowCellActions: p,
+      isFocused: I,
+      focusableItems: A,
+      childrenMenuContainerElements: g,
+      hasInteractiveElFocusedInside: L,
+      onMenuClose: _,
+      hideCellActionsIfLeft: D,
+      handleFocus: y,
+      handleFocusout: z,
+      handleKeydown: C,
+      handleCellActionsFocus: M,
+      handleCellActionsFocusout: u
+    } = Ps({ gridcellRef: a }), d = v(() => !!o.rowData?.[o.column.field]), b = v(
+      () => o.column.field === he && o.nestedRowsElementIds?.length > 0 ? o.nestedRowsElementIds.join(" ") : void 0
+    ), P = v(
+      () => o.column.field === he && !o.selectable && !o.nestedContent
+    ), B = v(() => !P.value && (Y(o.rowIndex, o.colIndex, o.columnSetIndex) === 0 && !R.value || I.value) ? "0" : (o.column.field === he, "-1")), Z = (k, te) => k?.overflow === Rt.ELLIPSIS ? `${te}` : void 0, J = (k) => k ?? "-", K = (k) => o.columnSets.slice(0, k).reduce((te, { columnSet: se }) => te + se.length, 0), X = (k, te) => k + K(te), Y = (k, te, se) => K() * k + X(te, se), ge = (k) => {
+      const te = {
+        ...o.draggingEventsForRowCell(k),
+        focus: async () => {
+          R.value = !0, await y(() => {
+            f("cell-focus", {
+              rowData: o.rowData,
+              column: o.column,
+              rowIndex: o.rowIndex,
+              colIndex: X(o.colIndex, o.columnSetIndex)
+            });
+          });
+        },
+        focusout: z,
+        keydown: C
+      }, se = { ...te };
+      return k.frozen && (se.keyup = (h) => f("on-frozen-columns-key-press", h), se.keydown = (h) => {
+        te.keydown(h), f("on-frozen-columns-key-press", h);
+      }), k.cellActions && (se.mouseenter = () => {
+        p.value = !0;
+      }, se.mouseleave = (h) => {
+        D(h?.relatedTarget);
+      }, se.focus = async (h) => {
+        await M(te.focus, h);
+      }, se.focusout = (h) => {
+        u(te.focusout, h);
+      }), se;
+    };
+    Je(() => {
+      A.value = Re(a.value);
+    });
+    const Ae = () => {
+      f("nested-content-toggled");
+    };
+    Ce(
+      () => p.value,
+      async () => {
+        p.value === !0 ? (f("cell-hovered", o.rowIndex), await de(), A.value = Re(a.value), I.value && gt(A.value)) : f("cell-hovered", -1);
+      }
+    ), it(Wl, {
+      registerMenuContainerElement: (k) => {
+        g.value.push(k);
+      },
+      menuMouseLeave: (k) => {
+        a.value.contains(k?.relatedTarget) || (p.value = !1);
+      }
+    });
+    const $e = Te(yn, S(!1)), ke = Te(
+      Qe,
+      v(() => !1)
+    ), Ue = Te(mt, S(!1)), Be = (k) => ({
+      [`b-data-grid-cell--${ce.COLUMN_HOVERED}`]: k?.field === o.hoveredOverColumnState.hoveredOverColumnField,
+      [`b-data-grid-cell--${ce.COLUMN_HOVERED_NO_BORDER_LEFT}`]: k?.field === o.hoveredOverColumnState.hoveredOverColumnField && o.hoveredOverColumnState.noBorderLeft,
+      [`b-data-grid-cell--${ce.COLUMN_HOVERED_NO_BORDER_RIGHT}`]: k?.field === o.hoveredOverColumnState.hoveredOverColumnField && o.hoveredOverColumnState.noBorderRight,
+      [`b-data-grid-cell--${ce.PADDING_LEFT_UNSET}`]: k?.padding?.left === !1,
+      [`b-data-grid-cell--${ce.PADDING_RIGHT_UNSET}`]: k?.padding?.right === !1,
+      [`b-data-grid-cell--${ce.NUMERIC}`]: k?.numeric,
+      [`b-data-grid-cell--${ce.CONDENSED}`]: o.condensed,
+      [`b-data-grid-cell--${ce.OVERFLOW_ELLIPSIS}`]: k?.overflow === Rt.ELLIPSIS,
+      [`b-data-grid-cell--${ce.IS_COLUMN_REORDERING}`]: o.draggingColumns.dragging?.field === k.field,
+      [`b-data-grid-cell--${ce.IS_COLUMN_REORDERING_TARGET_LEFT}`]: o.draggingColumns.target?.field === k.field && o.draggingColumns?.dragToLeft,
+      [`b-data-grid-cell--${ce.IS_COLUMN_REORDERING_TARGET_RIGHT}`]: o.draggingColumns.target?.field === k.field && !o.draggingColumns?.dragToLeft,
+      [`b-data-grid-cell--${ce.FROZEN}`]: k?.frozen,
+      [`b-data-grid-cell--${ce.NESTED_CONTENT_ENABLED}`]: o.nestedContent,
+      [`b-data-grid-cell--${ce.ACTION_COL_NESTED_CONTENT_ENABLED}`]: o.nestedContent && !o.selectable && k.field === he,
+      [`b-data-grid-cell--${ce.ACTION_COL_NESTED_CONTENT_AND_SELECTION_ENABLED}`]: o.nestedContent && o.selectable && k.field === he,
+      [`b-data-grid-cell--${ce.ACTION_COL_SELECTION_ENABLED}`]: k.field === he && o.selectable,
+      [`b-data-grid-cell--${ce.SLASHED_ZERO}`]: $e.value,
+      "b-data-grid-cell--small-container": ke.value
+    }), Ie = v(() => ({
+      "b-data-grid-cell__cell-content--is-focused-on-inside-interactive-element": L.value
+    }));
+    return s({
+      gridcellRef: a
+    }), (k, te) => (c(), E("div", ee({
+      key: `cell-${e.column.field}`,
+      ref_key: "gridcellRef",
+      ref: a,
+      "aria-hidden": P.value,
+      "data-testid": `cell-${e.column.field}`,
+      "data-cellindex": Y(e.rowIndex, e.colIndex, e.columnSetIndex),
+      class: ["b-data-grid-cell", Be(e.column)],
+      role: "gridcell",
+      tabindex: B.value,
+      "aria-colindex": X(e.colIndex, e.columnSetIndex) + 1,
+      style: {
+        width: e.column.autoWidth && e.isMeasuringColumnWidths ? "auto" : `${e.column.width}px`
+      }
+    }, ft(ge(e.column), !0)), [
+      e.column.field === l(he) ? (c(), E(fe, { key: 0 }, [
+        e.selectable ? (c(), W(l(Sn), {
+          key: 0,
+          class: "b-data-grid-cell__select-cell",
+          "aria-label": l(n)("selectRow"),
+          disabled: e.isDataItemDisabled(e.rowData),
+          indeterminate: e.selectionIsIndeterminate,
+          "model-value": e.selectedItems,
+          value: e.getDataItemId(e.rowData),
+          tabindex: l(I) ? 0 : -1,
+          "onUpdate:modelValue": te[0] || (te[0] = (se) => k.$emit("select-row", se))
+        }, null, 8, ["aria-label", "disabled", "indeterminate", "model-value", "value", "tabindex"])) : F("", !0),
+        e.nestedContent ? (c(), W(l(Tt), {
+          key: 1,
+          ref: "menuButtonRef",
+          "aria-haspopup": "true",
+          "aria-controls": b.value,
+          condensed: "",
+          variant: "tertiary",
+          toggled: e.isNestedContentExpanded,
+          onClick: Ae
+        }, {
+          iconLeft: V(() => [
+            e.isNestedContentExpanded ? (c(), W(l(Ql), {
+              key: 0,
+              class: "b-accordion-item__icon",
+              "svg-title": l(n)("collapseNestedContent")
+            }, null, 8, ["svg-title"])) : (c(), W(l(Jl), {
+              key: 1,
+              class: "b-accordion-item__icon",
+              "svg-title": l(n)("expandNestedContent")
+            }, null, 8, ["svg-title"]))
+          ]),
+          _: 1
+        }, 8, ["aria-controls", "toggled"])) : F("", !0)
+      ], 64)) : (c(), E(fe, { key: 1 }, [
+        j(l(Ge), {
+          el: "div",
+          class: ae(["b-data-grid-cell__cell-content", Ie.value]),
+          "data-testid": "cell-content"
+        }, {
+          default: V(() => [
+            Oe(k.$slots, `item-${e.column.field}`, {
+              item: e.rowData,
+              rowIndex: e.rowIndex
+            }, () => [
+              O("span", {
+                title: Z(e.column, e.rowData[e.column.field])
+              }, q(J(e.rowData[e.column.field])), 9, xs)
+            ], !0)
+          ]),
+          _: 3
+        }, 8, ["class"]),
+        e.column.cellActions?.length > 0 ? (c(), E("div", Hs, [
+          (l(p) || l(Ue)) && (d.value || l(r)(`item-${e.column.field}`)) ? (c(), W(On, {
+            key: 0,
+            ref_key: "cellActionsRef",
+            ref: m,
+            "cell-actions": e.column.cellActions,
+            "column-key": e.column.field,
+            "row-data-item": e.rowData,
+            "has-zebra-background": e.hasZebraBackground,
+            "is-highlighted": e.isHighlighted,
+            "is-selected": e.isSelected,
+            "teleport-menu": "",
+            onMenuItemClick: l(_)
+          }, null, 8, ["cell-actions", "column-key", "row-data-item", "has-zebra-background", "is-highlighted", "is-selected", "onMenuItemClick"])) : F("", !0)
+        ])) : F("", !0)
+      ], 64))
+    ], 16, Gs));
+  }
+}), qs = /* @__PURE__ */ oe(js, [["__scopeId", "data-v-71530750"]]), Ks = {
+  class: "b-data-grid-row-container",
+  role: "presentation"
+}, Ys = ["id", "aria-selected"], Xs = ["data-testid"], Js = ["aria-colindex", "data-cellindex"], Qs = {
+  key: 0,
+  class: "b-data-grid-row-container__row-nested-rows-loading-container"
+}, ea = {
+  key: 0,
+  class: "b-data-grid-row-container__row-nested-rows-loading-container"
+}, ta = { key: 1 }, na = {
+  name: "data-grid-row"
+}, la = /* @__PURE__ */ Se({
+  ...na,
+  props: {
+    /**
+     * Row actions property that generates which button to show in row actions area
+     */
+    rowActions: {
+      type: [Function, Array],
+      default: void 0
+    },
+    /**
+     * When true, will emit a 'rowClick' event when a row is clicked. Will add cursor: pointer to rows.
+     */
+    allowRowClicks: { type: Boolean, default: !1 },
+    /**
+     * The columns sets including
+     */
+    columnSets: {
+      type: Array,
+      required: !0
+    },
+    /**
+     * Sets the row cells to the condensed padding state.
+     */
+    condensed: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Columns being dragged, contains dragging column and a target column
+     */
+    draggingColumns: {
+      type: Object,
+      default: void 0
+    },
+    /**
+     * Dragging event handlers for each row cell
+     */
+    draggingEventsForRowCell: {
+      type: Function,
+      required: !0
+    },
+    /**
+     * A customisable method to retrieve a unique identifier for a data item in the array of data supplied.
+     * This is used selecting and performance reasons and must exist in each data item.
+     */
+    getDataItemId: {
+      type: Function,
+      default: (e) => e.id
+    },
+    /**
+     * Set to true if the datagrid has been scrolled and the left side has overflowing space.
+     */
+    hasLeftOverflow: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Enables the nested content slot functionality.
+     */
+    hasNestedContent: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Enables the nested content slot functionality.
+     */
+    hasNestedRows: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Set to true if the datagrid has been scrolled and the right side has overflowing space.
+     */
+    hasRightOverflow: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Highlighted row IDs.
+     */
+    highlightedRows: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * The row index of a currently hovered row.
+     */
+    hoveredRowIndex: {
+      type: Number,
+      default: -1
+    },
+    /**
+     * The column hovered over state and whether the hovered over column should show a border right or left.
+     */
+    hoveredOverColumnState: {
+      type: Object,
+      required: !0
+    },
+    /**
+     * A customisable method to determine if a row is not selectable.
+     * The default is that every row is selectable.
+     */
+    isDataItemDisabled: {
+      type: Function,
+      default: () => !1
+    },
+    /**
+     * If the row is of an even number.
+     * Rows are 0th based index e.g. index 0 is an odd-numbered row.
+     */
+    isRowEven: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * If the row is the last child in it's parent container.
+     */
+    isRowLastChild: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * If columns are being measured for the autoWidth functionality.
+     */
+    isMeasuringColumnWidths: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Determines if this row is nested inside another row.
+     */
+    isNestedRow: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * The maximum width of the row actions in all rows
+     */
+    rowActionsMaximumWidth: {
+      type: Number,
+      default: 0
+    },
+    /**
+     * The row data object
+     */
+    rowData: {
+      type: Object,
+      required: !0
+    },
+    /**
+     * The row index.
+     */
+    rowIndex: {
+      type: Number,
+      required: !0
+    },
+    /**
+     * The row ID to be using for the ID attribute.
+     */
+    rowId: {
+      type: Number,
+      default: void 0
+    },
+    /**
+     * The number of rows that this row is within.
+     */
+    rowSetSize: {
+      type: Number,
+      default: 0
+    },
+    /**
+     * Determines whether to render frozen seperator on the row.
+     */
+    showFrozenColumnsSeparator: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Determines if the row selection is enabled.
+     */
+    selectable: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * The array of IDs for the selected rows.
+     */
+    selectedItems: {
+      type: Array,
+      required: !0
+    },
+    /**
+     * Enables / Disables the nested-content slot
+     */
+    shouldShowNestedContent: {
+      type: Function,
+      default: (e) => !0
+    },
+    /**
+     * Returns the nested rows for a given BentoDatagridDataItem.
+     */
+    shouldShowNestedRows: {
+      type: Function,
+      default: (e) => !0
+    }
+  },
+  emits: ["cell-hovered", "on-frozen-columns-key-press", "select-row", "select-nested-row", "row-click", "nested-content-toggled", "cell-focus"],
+  setup(e, { expose: s, emit: i }) {
+    const t = yt(), r = Lt(t), n = e, o = i, f = (w, T) => !w || !T ? !1 : !!(T.compareDocumentPosition(w) & Node.DOCUMENT_POSITION_FOLLOWING), a = S({}), m = S(!1), R = S(), p = S(), I = S([]), A = ut("nested-content-slot"), g = S(!1), L = S(!1), _ = S(), D = () => {
+      const w = p.value;
+      return Array.isArray(w) ? w[0] : w;
+    };
+    Je(() => {
+      const w = D();
+      w && (_.value = Re(w));
+    });
+    const y = v(() => n.shouldShowNestedRows(n.rowData)), z = v(
+      () => !n.isNestedRow && n.hasNestedRows && y.value && n.rowData?.children?.length > 0
+    ), C = v(
+      () => !n.isNestedRow && n.hasNestedRows && y.value && (n.rowData?.children === void 0 || n?.rowData?.children.length === 0)
+    ), M = v(
+      () => n.hasNestedContent && n.shouldShowNestedContent(n.rowData) || n.hasNestedRows && y.value && !n.isNestedRow
+    ), u = v(() => {
+      if (n.hasNestedContent || n.hasNestedRows) {
+        const w = m.value.toString();
+        return {
+          "aria-expanded": M.value ? w : void 0,
+          "aria-level": n.isNestedRow ? "2" : "1",
+          "aria-posinset": n.rowIndex + 1,
+          "aria-setsize": n.rowSetSize
+        };
+      }
+      return { "aria-rowindex": n.rowIndex + 1 };
+    }), d = v(() => {
+      if (C.value)
+        return {
+          "aria-busy": "true",
+          "aria-live": "polite"
+        };
+      if (!(z.value || !n.hasNestedContent || !n.shouldShowNestedContent(n.rowData)))
+        return {
+          "aria-level": n.isNestedRow ? "3" : "2",
+          "aria-posinset": "1",
+          "aria-setsize": "1",
+          id: A,
+          role: "row",
+          tabindex: "-1"
+        };
+    }), b = v(() => z.value ? n.rowData?.children?.reduce((w, T, ie) => (w[ie] = ut("nested-row"), w), {}) : []), P = v(() => {
+      if (m.value) {
+        if (n.hasNestedContent && n.shouldShowNestedContent(n.rowData))
+          return [A];
+        if (z.value && Object.keys(b.value)?.length > 0) {
+          const w = Object.values(b.value);
+          if (w?.length > 0)
+            return w;
+        }
+        return [];
+      }
+    }), B = v(() => {
+      const w = n.rowData?.children?.map((T) => n.getDataItemId(T));
+      if (w?.length > 0) {
+        const T = w.every((x) => n?.selectedItems?.includes(x)), ie = w.some((x) => n?.selectedItems?.includes(x));
+        return !T && ie;
+      }
+      return !1;
+    }), Z = (w, T) => {
+      const ie = w;
+      w !== null && ie?.gridcellRef && (a.value[T] = ie.gridcellRef);
+    }, J = (w, T) => {
+      w !== null && (I.value[T] = w);
+    }, K = (w) => b.value[w], X = (w) => {
+      if (!n.selectable)
+        return null;
+      const T = n.getDataItemId(w);
+      return n.selectedItems.includes(T).toString();
+    }, Y = (w, T) => {
+      o("row-click", w, T);
+    }, ge = (w) => {
+      if (!n.allowRowClicks)
+        return;
+      let T = !1;
+      const ie = ["button", "input", "a"];
+      for (let x = 0; x < ie.length; x++)
+        if (w?.target?.closest(ie[x])) {
+          T = !0;
+          break;
+        }
+      T || Y(n.rowData, w);
+    }, Ae = (w) => {
+      o("select-row", w, n.rowData);
+    }, xe = (w, T) => {
+      o("select-nested-row", T, n.rowData, w);
+    }, Pe = () => {
+      g.value = !0;
+    }, $e = () => {
+      g.value = !1;
+    }, ke = (w) => {
+      if (L.value) {
+        L.value = !1;
+        return;
+      }
+      const T = D();
+      if (!T || !_.value?.length)
+        return;
+      const ie = f(w.relatedTarget, T), x = _.value.length - 1, ue = ie ? _.value[x] : _.value[0];
+      gt([ue]), ct(T, { last: ie });
+    }, Ue = () => {
+      const w = D();
+      w && Re(w);
+    }, Be = (w) => {
+      const T = D();
+      if (w.key === le.ESCAPE) {
+        T && Re(T), L.value = !0, T?.focus(), w.stopPropagation(), w.preventDefault();
+        return;
+      }
+      w.key !== le.TAB && T && Re(T), w.key === le.ARROW_RIGHT && _.value?.length > 1 && _.value[0].node === document.activeElement ? (T && Re(T), _.value[1].node.setAttribute("tabindex", "0"), _.value[1].node.focus(), w.stopPropagation(), w.preventDefault()) : w.key === le.ARROW_LEFT && _.value?.length > 1 && _.value[1].node === document.activeElement && (T && Re(T), _.value[0].node.setAttribute("tabindex", "0"), _.value[0].node.focus(), w.stopPropagation(), w.preventDefault());
+    }, Ie = () => n.columnSets.reduce((w, { columnSet: T }) => w + T.length, 0), k = () => Ie() * n.rowIndex + Ie(), { updateContentHeight: te, contentHeight: se } = eo(R, m), h = v(() => {
+      if (n.hasNestedContent || n.hasNestedRows)
+        return {
+          paddingLeft: `${z.value || C.value ? 0 : a.value[he].offsetWidth + Rn}px`,
+          "max-height": (n.hasNestedContent || n.hasNestedRows) && se.value && !se?.value?.includes("null") ? se.value : 0
+        };
+    });
+    Ce(
+      () => R.value,
+      () => {
+        let w = null;
+        !w && R.value && (w = Ot(R.value, () => {
+          R.value && te();
+        }));
+      }
+    );
+    const H = () => {
+      m.value = !m.value, te(), o("nested-content-toggled", n.rowData);
+    };
+    Ce(
+      () => n.rowData?.children,
+      (w, T) => {
+        n?.rowData?.children?.length > 0 && T === void 0 && !m.value && te();
+      }
+    );
+    const $ = Te(
+      Qe,
+      v(() => !1)
+    ), pe = (w) => n.highlightedRows.includes(n.getDataItemId(w)), me = (w) => n.selectedItems.includes(n.getDataItemId(w)), ht = (w, T) => ({
+      "b-data-grid-row-container__row--disabled": n.isDataItemDisabled(w),
+      "b-data-grid-row-container__row--row-clicks-enabled": n.allowRowClicks,
+      "b-data-grid-row-container__row--highlighted": pe(w),
+      "b-data-grid-row-container__row--selected": me(w),
+      "b-data-grid-row-container__row--hovered": n.hoveredRowIndex === T,
+      "b-data-grid-row-container__row--is-last-child": n.isRowLastChild && !m.value,
+      "b-data-grid-row-container__row--nested-row": n.isNestedRow,
+      "b-data-grid-row-container__row--zebra": n.isRowEven
+    }), et = (w, T) => ({
+      "b-data-grid-row-container__row-cell-set--frozen": w && !T,
+      [`b-data-grid-row-container__row-cell-set--${ye.OVERFLOW_SHADOW_LEFT}`]: !T && w && n.hasLeftOverflow,
+      "b-data-grid-row-container__row-cell-set--frozen-separator": !T && w && n.showFrozenColumnsSeparator,
+      "b-data-grid-row-container__row-cell-set--unfrozen": !w || T,
+      "b-data-grid-row-container__row-cell-set--is-measuring": n.isMeasuringColumnWidths
+    }), Ke = v(() => ({
+      "b-data-grid-row-container__row-nested-slot--is-last-child": n.isRowLastChild,
+      "b-data-grid-row-container__row-nested-slot": !z.value && n.shouldShowNestedContent(n.rowData)
+    })), Ye = v(() => ({
+      "b-data-grid-row-container__row-actions-container--row-actions-menu-open": g.value
+    })), tt = v(() => ({
+      minWidth: `${n.rowActionsMaximumWidth}px`
+    }));
+    return s({
+      gridcellRefs: a,
+      isNestedContentShown: m,
+      nestedRowRefs: I,
+      rowActionsRef: p
+    }), (w, T) => (c(), E("div", Ks, [
+      (c(), E("div", ee(u.value, {
+        id: e.rowId?.toString(),
+        key: e.rowIndex,
+        class: ["b-data-grid-row-container__row", ht(e.rowData, e.rowIndex)],
+        role: "row",
+        "aria-selected": X(e.rowData),
+        onClick: ge,
+        onKeyup: [
+          Bt(ge, ["enter"]),
+          Bt(ge, ["space"])
+        ]
+      }), [
+        (c(!0), E(fe, null, be(e.columnSets, ({ columnSet: ie, id: x, isFrozenColumns: ue }, He) => (c(), E(fe, null, [
+          ie?.length ? (c(), E("div", {
+            key: `data-grid-rows-${x}`,
+            class: ae(["b-data-grid-row-container__cells", et(ue, l($))]),
+            "data-testid": `data-grid-${x}-rows`
+          }, [
+            (c(!0), E(fe, null, be(ie, (We, nt) => (c(), W(qs, {
+              key: `cell-${We.field}`,
+              ref_for: !0,
+              ref: (_e) => Z(_e, We.field),
+              class: "b-data-grid-row-container__cell",
+              column: We,
+              "column-set-index": He,
+              "col-index": nt,
+              "column-sets": e.columnSets,
+              condensed: e.condensed,
+              "dragging-columns": e.draggingColumns,
+              "dragging-events-for-row-cell": e.draggingEventsForRowCell,
+              "get-data-item-id": e.getDataItemId,
+              "has-zebra-background": e.isRowEven,
+              "is-highlighted": pe(e.rowData),
+              "is-selected": me(e.rowData),
+              "hovered-over-column-state": e.hoveredOverColumnState,
+              "is-data-item-disabled": e.isDataItemDisabled,
+              "is-measuring-column-widths": e.isMeasuringColumnWidths,
+              "is-nested-content-expanded": m.value,
+              "nested-content": M.value,
+              "nested-rows-element-ids": P.value,
+              "row-data": e.rowData,
+              "row-index": e.rowIndex,
+              "selection-is-indeterminate": B.value,
+              selectable: e.selectable,
+              "selected-items": e.selectedItems,
+              onCellHovered: T[0] || (T[0] = (_e) => o("cell-hovered", _e)),
+              onCellFocus: T[1] || (T[1] = (_e) => o("cell-focus", _e)),
+              onOnFrozenColumnsKeyPress: T[2] || (T[2] = (_e) => o("on-frozen-columns-key-press", _e)),
+              onSelectRow: Ae,
+              onNestedContentToggled: H
+            }, qe({ _: 2 }, [
+              be(l(t), (_e, Ve) => ({
+                name: Ve,
+                fn: V((Ct) => [
+                  Oe(w.$slots, Ve, ee({ ref_for: !0 }, Ct), void 0, !0)
+                ])
+              }))
+            ]), 1032, ["column", "column-set-index", "col-index", "column-sets", "condensed", "dragging-columns", "dragging-events-for-row-cell", "get-data-item-id", "has-zebra-background", "is-highlighted", "is-selected", "hovered-over-column-state", "is-data-item-disabled", "is-measuring-column-widths", "is-nested-content-expanded", "nested-content", "nested-rows-element-ids", "row-data", "row-index", "selection-is-indeterminate", "selectable", "selected-items"]))), 128))
+          ], 10, Xs)) : F("", !0),
+          !ue && e.rowActions ? (c(), E("div", {
+            key: `data-grid-row-actions-${x}`,
+            ref_for: !0,
+            ref_key: "rowActionsRef",
+            ref: p,
+            "aria-colindex": Ie().toString(),
+            class: ae(["b-data-grid-row-container__row-actions-container", Ye.value]),
+            style: Le(tt.value),
+            "data-cellindex": k(),
+            tabindex: "-1",
+            role: "gridcell",
+            onFocus: ke,
+            "on:focusOut": Ue,
+            onKeydown: Be
+          }, [
+            j(On, {
+              class: "b-data-grid-row-container__row-actions",
+              "disable-arrow-down-opening-menu": "",
+              "cell-actions": e.rowActions,
+              "has-right-overflow": e.hasRightOverflow,
+              "row-data-item": e.rowData,
+              "has-zebra-background": e.isRowEven,
+              "is-highlighted": pe(e.rowData),
+              "is-selected": me(e.rowData),
+              "teleport-menu": "",
+              onMenuOpen: Pe,
+              onMenuClose: $e
+            }, null, 8, ["cell-actions", "has-right-overflow", "row-data-item", "has-zebra-background", "is-highlighted", "is-selected"])
+          ], 46, Js)) : F("", !0)
+        ], 64))), 256))
+      ], 16, Ys)),
+      e.hasNestedContent && l(r)("nested-slot") && e.shouldShowNestedContent(e.rowData) || e.hasNestedRows && y.value ? (c(), W(hn, {
+        key: `${e.rowIndex}-nest-content`,
+        name: "b-data-grid-row-container__animation--nested-content"
+      }, {
+        default: V(() => [
+          m.value && z.value ? (c(), E("div", {
+            key: 0,
+            class: ae(Ke.value),
+            "data-testid": "nested-content-container",
+            style: Le(h.value),
+            role: "presentation"
+          }, [
+            O("div", {
+              ref_key: "nestedContentRef",
+              ref: R
+            }, [
+              C.value ? (c(), E("div", Qs, [
+                j(l(dt))
+              ])) : F("", !0),
+              (c(!0), E(fe, null, be(e.rowData.children, (ie, x) => (c(), W(In, ee({ ref_for: !0 }, n, {
+                id: K(x),
+                key: `child-${x}`,
+                ref_for: !0,
+                ref: (ue) => J(ue, x),
+                "row-data": ie,
+                "row-index": x,
+                "row-set-size": e.rowData.children.length,
+                "is-nested-row": "",
+                onCellHovered: T[3] || (T[3] = (ue) => o("cell-hovered", ue)),
+                onCellFocus: T[4] || (T[4] = (ue) => o("cell-focus", ue)),
+                onRowClick: Y,
+                onOnFrozenColumnsKeyPress: T[5] || (T[5] = (ue) => o("on-frozen-columns-key-press", ue)),
+                onSelectRow: (ue) => xe(ie, ue)
+              }), qe({ _: 2 }, [
+                be(l(t), (ue, He) => ({
+                  name: He,
+                  fn: V((We) => [
+                    Oe(w.$slots, He, ee({ ref_for: !0 }, We), void 0, !0)
+                  ])
+                }))
+              ]), 1040, ["id", "row-data", "row-index", "row-set-size", "onSelectRow"]))), 128))
+            ], 512)
+          ], 6)) : m.value ? (c(), E("div", ee({ key: 1 }, d.value, {
+            class: Ke.value,
+            "data-testid": "nested-content-container",
+            style: h.value,
+            role: "row",
+            tabindex: "-1"
+          }), [
+            O("div", {
+              ref_key: "nestedContentRef",
+              ref: R,
+              role: "gridcell"
+            }, [
+              C.value ? (c(), E("div", ea, [
+                j(l(dt))
+              ])) : l(r)("nested-slot") && e.shouldShowNestedContent(e.rowData) ? (c(), E("div", ta, [
+                Oe(w.$slots, "nested-slot", { item: e.rowData }, void 0, !0)
+              ])) : F("", !0)
+            ], 512)
+          ], 16)) : F("", !0)
+        ]),
+        _: 3
+      })) : F("", !0)
+    ]));
+  }
+}), In = /* @__PURE__ */ oe(la, [["__scopeId", "data-v-49e28d71"]]);
+let gn = 0;
+const oa = {
+  beforeCreate() {
+    this.uuid = gn.toString(), gn += 1;
+  }
+}, sa = { key: 0 }, aa = ["clip-path"], ia = ["id"];
+function ra(e, s, i, t, r, n) {
+  return c(), E("svg", ee({ role: "img" }, e.$attrs, {
+    class: "ui-assets-icons-16",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    fill: "none"
+  }), [
+    e.$attrs["svg-title"] ? (c(), E("title", sa, q(e.$attrs["svg-title"]), 1)) : F("", !0),
+    O("g", {
+      "clip-path": "url(#uia-ui-assets/icons-16-warning_circle_fill__a" + e.uuid + ")"
+    }, s[0] || (s[0] = [
+      O("path", {
+        fill: "#001222",
+        d: "M8 0.25C12.2802 0.25 15.75 3.71979 15.75 8C15.75 12.2802 12.2802 15.75 8 15.75C3.71979 15.75 0.25 12.2802 0.25 8C0.25 3.71979 3.71979 0.25 8 0.25ZM8 9.75C7.44772 9.75 7 10.1977 7 10.75C7 11.3023 7.44772 11.75 8 11.75C8.55228 11.75 9 11.3023 9 10.75C9 10.1977 8.55228 9.75 8 9.75ZM7.25 4.25V8.75H8.75V4.25H7.25Z"
+      }, null, -1)
+    ]), 8, aa),
+    O("defs", null, [
+      O("clipPath", {
+        id: "uia-ui-assets/icons-16-warning_circle_fill__a" + e.uuid
+      }, s[1] || (s[1] = [
+        O("rect", {
+          width: "16",
+          height: "16",
+          fill: "#fff"
+        }, null, -1)
+      ]), 8, ia)
+    ])
+  ], 16);
+}
+const da = /* @__PURE__ */ oe(oa, [["render", ra]]), ua = ["aria-label"], ca = {}, ga = /* @__PURE__ */ Se({
+  ...ca,
+  __name: "data-grid-static-icon",
+  props: {
+    colored: { type: Boolean, default: !1 },
+    tooltipText: {},
+    variant: { default: "no-value" }
+  },
+  setup(e) {
+    const s = e, i = v(() => {
+      switch (s.variant) {
+        case "checkmark":
+          return El;
+        case "warning":
+          return yl;
+        case "error":
+          return da;
+        case "cross":
+          return Cn;
+        case "no-value":
+          return Wt;
+        default:
+          return Wt;
+      }
+    }), t = v(() => ({
+      "b-data-grid-static-icon--colored": s.colored && s.variant !== "no-value"
+    })), r = v(() => `b-data-grid-static-icon__${s.variant}`), n = v(() => Tl.AUTO);
+    return (o, f) => Xe((c(), E("div", {
+      "aria-label": o.tooltipText,
+      class: ae(["b-data-grid-static-icon", t.value]),
+      tabindex: "0"
+    }, [
+      (c(), W(je(i.value), {
+        class: ae(r.value),
+        "svg-title": o.tooltipText
+      }, null, 8, ["class", "svg-title"]))
+    ], 10, ua)), [
+      [l(St), o.tooltipText, n.value]
+    ]);
+  }
+}), Pi = /* @__PURE__ */ oe(ga, [["__scopeId", "data-v-b8c9e150"]]), Nn = {
+  "de-DE": { numberResults: "1 Ergebnis | {count} Ergebnisse" },
+  "en-GB": { numberResults: "1 result | {count} results" },
+  "en-US": { numberResults: "1 result | {count} results" },
+  "es-ES": { numberResults: "1 resultado | {count} resultados" },
+  "es-MX": { numberResults: "1 resultado | {count} resultados" },
+  "fr-FR": { numberResults: "1 résultat | {count} résultats" },
+  "it-IT": { numberResults: "1 risultato | {count} risultati" },
+  "ja-JP": { numberResults: "1件の結果 | {count}件の結果" },
+  "pt-BR": { numberResults: "1 resultado | {count} resultados" },
+  "zh-CN": { numberResults: "1 个结果 | {count} 个结果" }
+}, fa = { class: "b-data-grid-summary-cell" }, ma = { class: "b-data-grid-summary-cell__list" }, va = {
+  i18n: { messages: Nn }
+}, ha = /* @__PURE__ */ Se({
+  ...va,
+  __name: "data-grid-summary-cell",
+  props: {
+    label: {},
+    items: {},
+    dashedUnderline: { default: () => ({}) },
+    searchTerm: { default: "" },
+    tooltipText: { default: null }
+  },
+  setup(e) {
+    const { tc: s } = Me({ messages: Nn }), i = e, t = S(), r = v(() => ({
+      popoverPosition: "right",
+      // Setting popover defaults, but they are overriden if used passes dashedUnderline prop
+      popoverTitle: i.label,
+      popoverSize: "small",
+      ...i.dashedUnderline,
+      // We force teleport as this is needed for the popover to appear above all the data grid elements
+      teleport: {
+        disabled: !1
+      }
+    })), n = v(() => i.searchTerm?.toLowerCase() ?? ""), o = (m) => i.searchTerm && m.toLowerCase().includes(n.value) ? "mark" : "span", f = v(() => i.searchTerm ? i.items.filter((m) => m.toLowerCase().includes(n.value)).length : 0), a = v(
+      () => i.tooltipText ?? (f.value > 0 ? s("numberResults", f.value) : "")
+    );
+    return (m, R) => (c(), E("div", fa, [
+      m.items.length > 1 ? (c(), W(l(Il), ee({
+        key: 0,
+        ref_key: "dashedUnderlineRef",
+        ref: t
+      }, r.value), {
+        "popover-content": V(() => [
+          j(l(Ge), { class: "b-data-grid-summary-cell__popover-content" }, {
+            default: V(() => [
+              O("ul", ma, [
+                (c(!0), E(fe, null, be(m.items, (p) => (c(), E("li", { key: p }, [
+                  (c(), W(je(o(p)), null, {
+                    default: V(() => [
+                      re(q(p), 1)
+                    ]),
+                    _: 2
+                  }, 1024))
+                ]))), 128))
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        default: V(() => [
+          re(q(m.label) + " ", 1)
+        ]),
+        _: 1
+      }, 16)) : (c(), E(fe, { key: 1 }, [
+        re(q(m.items[0]), 1)
+      ], 64)),
+      t.value && a.value ? (c(), W(l(Ll), {
+        key: 2,
+        content: a.value,
+        "disabled-focus-trap": !0,
+        position: l(Ol).RIGHT,
+        "fallback-position": ["left", "bottom"],
+        "is-shown": !!a.value,
+        "target-element": t.value
+      }, null, 8, ["content", "position", "is-shown", "target-element"])) : F("", !0)
+    ]));
+  }
+}), $i = /* @__PURE__ */ oe(ha, [["__scopeId", "data-v-5ea6289c"]]), Ca = { class: "b-data-grid-tag-with-text-cell" }, pa = {}, ba = /* @__PURE__ */ Se({
+  ...pa,
+  __name: "data-grid-tag-with-text-cell",
+  props: {
+    tag: {},
+    value: {}
+  },
+  setup(e) {
+    const s = e;
+    return (i, t) => (c(), E("div", Ca, [
+      j(Nl, Rl(Al(s.tag)), null, 16),
+      j(Ge, { el: "span" }, {
+        default: V(() => [
+          re(q(i.value), 1)
+        ]),
+        _: 1
+      })
+    ]));
+  }
+}), ki = /* @__PURE__ */ oe(ba, [["__scopeId", "data-v-b8837a72"]]);
+let fn = 0;
+const wa = {
+  beforeCreate() {
+    this.uuid = fn.toString(), fn += 1;
+  }
+}, Sa = { key: 0 };
+function _a(e, s, i, t, r, n) {
+  return c(), E("svg", ee({ role: "img" }, e.$attrs, {
+    class: "ui-assets-icons-16",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    fill: "none"
+  }), [
+    e.$attrs["svg-title"] ? (c(), E("title", Sa, q(e.$attrs["svg-title"]), 1)) : F("", !0),
+    s[0] || (s[0] = O("path", {
+      fill: "#001222",
+      d: "M12.0605 7L11 8.06055L8.75 5.81055V12.75H7.25V5.81055L5 8.06055L3.93945 7L8 2.93945L12.0605 7Z"
+    }, null, -1))
+  ], 16);
+}
+const Ra = /* @__PURE__ */ oe(wa, [["render", _a]]);
+let mn = 0;
+const Aa = {
+  beforeCreate() {
+    this.uuid = mn.toString(), mn += 1;
+  }
+}, Ea = { key: 0 };
+function ya(e, s, i, t, r, n) {
+  return c(), E("svg", ee({ role: "img" }, e.$attrs, {
+    class: "ui-assets-icons-16",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    fill: "none"
+  }), [
+    e.$attrs["svg-title"] ? (c(), E("title", Ea, q(e.$attrs["svg-title"]), 1)) : F("", !0),
+    s[0] || (s[0] = O("path", {
+      fill: "#001222",
+      d: "M8.75 10.1895L11 7.93945L12.0605 9L8 13.0605L3.93945 9L5 7.93945L7.25 10.1895V3.25H8.75V10.1895Z"
+    }, null, -1))
+  ], 16);
+}
+const La = /* @__PURE__ */ oe(Aa, [["render", ya]]), Dn = {
+  "de-DE": { decrease: "verringern", increase: "erhöhen" },
+  "en-GB": { decrease: "decrease", increase: "increase" },
+  "en-US": { decrease: "decrease", increase: "increase" },
+  "es-ES": { decrease: "disminuir", increase: "aumentar" },
+  "es-MX": { decrease: "disminuir", increase: "aumentar" },
+  "fr-FR": { decrease: "diminuer", increase: "augmentation" },
+  "it-IT": { decrease: "riduci", increase: "aumenta" },
+  "ja-JP": { decrease: "低減", increase: "増加" },
+  "pt-BR": { decrease: "diminuir", increase: "aumentar" },
+  "zh-CN": { decrease: "减少", increase: "增加" }
+}, Oa = {
+  i18n: { messages: Dn }
+}, Ta = /* @__PURE__ */ Se({
+  ...Oa,
+  __name: "data-grid-trend-cell",
+  props: {
+    direction: { default: "none" },
+    variant: { default: "black" },
+    value: {}
+  },
+  setup(e) {
+    const { t: s, locale: i } = Me({ messages: Dn }), t = e, r = v(() => ({
+      [`b-data-grid-trend-cell--${t.variant}`]: t.variant !== "black"
+    })), n = v(() => {
+      switch (t.direction) {
+        case "up":
+          return s("increase");
+        case "down":
+          return s("decrease");
+        default:
+          return null;
+      }
+    }), o = v(() => {
+      switch (t.direction) {
+        case "up":
+          return Ra;
+        case "down":
+          return La;
+        default:
+          return null;
+      }
+    }), f = v(() => {
+      const a = typeof t.value == "string" ? parseFloat(t.value) : t.value;
+      return isNaN(a) ? "" : new Intl.NumberFormat(i.value, {
+        style: "percent",
+        minimumFractionDigits: 0,
+        // Don't force zeros
+        maximumFractionDigits: 10
+        // Cap it reasonably to avoid float artifacts
+      }).format(a / 100);
+    });
+    return (a, m) => (c(), E("div", {
+      class: ae(["b-data-grid-trend-cell", r.value])
+    }, [
+      o.value ? (c(), W(je(o.value), {
+        key: 0,
+        "svg-title": n.value
+      }, null, 8, ["svg-title"])) : F("", !0),
+      j(l(Ge), { el: "span" }, {
+        default: V(() => [
+          re(q(f.value), 1)
+        ]),
+        _: 1
+      })
+    ], 2));
+  }
+}), Ui = /* @__PURE__ */ oe(Ta, [["__scopeId", "data-v-08286f85"]]), Ia = (e, s, i) => {
+  const t = S([]), r = (a, m) => {
+    if (!a?.gridcellRefs)
+      return { count: 0, entries: [], maxWidth: 0 };
+    const R = [];
+    let p = 0;
+    const I = i.value && a?.rowActionsRef;
+    Object.entries(a.gridcellRefs).forEach(([g, L]) => {
+      R.push({ field: g, index: m, el: L });
+    }), I && (R.push({
+      field: It,
+      index: m,
+      el: a.rowActionsRef?.[0]
+    }), p = Math.max(p, a.rowActionsRef?.[0]?.offsetWidth ?? 0));
+    let A = 1;
+    if (a.isNestedContentShown && a.nestedRowRefs?.length > 0)
+      for (let g = 0; g < a.nestedRowRefs.length; g++) {
+        const L = a.nestedRowRefs[g];
+        if (L) {
+          const _ = r(L, m + A);
+          R.push(..._.entries), p = Math.max(p, _.maxWidth), A += _.count;
+        }
+      }
+    return { count: A, entries: R, maxWidth: p };
+  };
+  let n = !1;
+  const o = (a, m) => {
+    a !== null && (t.value[m] = a, n || f());
+  }, f = () => {
+    n = !0;
+    const a = {};
+    let m = 0, R = 0;
+    for (let p = 0; p < t.value.length; p++) {
+      const I = t.value[p];
+      if (I) {
+        const A = r(I, R);
+        A.entries.forEach(({ field: g, index: L, el: _ }) => {
+          a[g] === void 0 && (a[g] = []), a[g][L] = _;
+        }), m = Math.max(m, A.maxWidth), R += A.count;
+      }
+    }
+    e.value = a, s.value = m, n = !1;
+  };
+  return {
+    topLevelRowComponents: t,
+    registerRowCellRefs: o,
+    rebuildGridcellRefs: f
+  };
+}, Na = ["aria-busy"], Da = ["aria-controls", "aria-label"], Ma = {
+  key: 1,
+  class: "b-data-grid__header"
+}, za = ["id", "role", "aria-rowcount", "aria-colcount", "aria-label"], Fa = {
+  key: 0,
+  role: "row"
+}, Pa = {
+  key: 0,
+  class: "b-data-grid__loading"
+}, $a = {
+  key: 0,
+  role: "row",
+  tabindex: "-1"
+}, ka = ["aria-colspan"], Ua = {
+  key: 5,
+  class: "b-data-grid__footer"
+}, Ba = {
+  i18n: { messages: vt },
+  name: "bento-data-grid"
+}, Wa = /* @__PURE__ */ Se({
+  ...Ba,
+  props: {
+    /**
+     * When true, will emit a 'rowClick' event when a row is clicked. Will add cursor: pointer to rows.
+     */
+    allowRowClicks: { type: Boolean, default: !1 },
+    /**
+     * When true, column headers will become draggable, allowing users to rearrange columns.
+     */
+    allowColumnDragAndDrop: { type: Boolean, default: !0 },
+    /**
+     * List of actions that will be rendered in the action bar when user selects items.
+     *
+     * Each object in the list should have a `title`, an `event` and,
+     * optionally, an `icon`.
+     *
+     * The component will display 4 actions and the hide the rest inside a menu.
+     *
+     * @see BentoButton for a list of all the other props supported by each button action.
+     */
+    bulkActions: {
+      type: Array,
+      default: null
+    },
+    /**
+     * Sets the row cells to the condensed padding state.
+     */
+    condensed: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Column definitions using 'key' to relate to data object.
+     */
+    columns: {
+      type: Array,
+      required: !0
+    },
+    /**
+     * Enables / hides the display options panel and the column contextual menu functionality.
+     */
+    columnPanel: { type: Boolean, default: !1 },
+    /**
+     * An array of data objects to display.
+     */
+    data: {
+      type: Array,
+      required: !0
+    },
+    /**
+     * Empty state props that will be passed down to inner empty-state component
+     */
+    emptyState: {
+      type: Object,
+      default: void 0
+    },
+    /**
+     * filter-bar value (i.e. filters) that will be passed down to inner filter-bar component
+     * {@see BentoFilterBarModel}
+     */
+    filters: {
+      // TODO: Change this to BentoFilterBarProps['value'] when the interface is available
+      type: Array,
+      default: void 0
+    },
+    /**
+     * Defines the layout (multi-line or one-line) to be used in the filter bar for different
+     * container sizes:
+     * - Large (>=700px): Always multi-line
+     * - Medium (>=430px & <700px)
+     * - Small (<430px)
+     *
+     * @default
+     * {
+     *    medium: 'multi-line',
+     *    small: 'one-line'
+     * }
+     */
+    filtersContainerSizeLayout: {
+      type: Object,
+      default: void 0
+    },
+    /**
+     * An array of the values for each filter set in `value`.
+     * {@see BentoFilterValues}
+     */
+    filterValues: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * An object of the values for each filter in the filter bar where key is a the field name and the value is the BentoFilterBarValue.
+     *
+     * @example
+     * {
+     *    'company': '200',
+     *    'name': 'some text'
+     * },
+     */
+    filterValuesObject: {
+      type: Object,
+      default: () => {
+      }
+    },
+    // TODO: Move this prop as a part of "config" BentoFilterBarModel = Array<BentoFilterModel | BentoFilterSearchModel> in Bento 2.0.
+    // It was not done now because it's a breaking change for the types.
+    /**
+     * Filter's search bar properties with which the placeholder, hint and other
+     * "bento-search-bar" properties can be set. @see {@link BentoFilterBarSearchBarProps}
+     */
+    filterSearchConfig: {
+      type: Object,
+      default: void 0
+    },
+    /**
+     * Filter bar search term useful to filter all the data by text
+     */
+    filterSearchTerm: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Allows the grid to be rendered inside a confined space.
+     * This makes the data-grid expand to fill the height of its parent container, with the grid body becoming scrollable.
+     */
+    fitContent: { type: Boolean, default: !1 },
+    /**
+     * A customisable method to retrieve a unique identifier for a data item in the array of data supplied.
+     * This is used selecting and performance reasons and must exist in each data item.
+     */
+    getDataItemId: {
+      type: Function,
+      default: (e) => e.id
+    },
+    /**
+     * Row actions propery that generates which button to show in row actions area
+     */
+    rowActions: {
+      type: [Function, Array],
+      default: void 0
+    },
+    /**
+     * If resize is enabled
+     */
+    hasResizableColumns: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * Enables the nested content slot functionality.
+     */
+    hasNestedContent: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Enables the nested content slot functionality.
+     */
+    hasNestedRows: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Highlighted items
+     */
+    highlightedRows: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * A customisable method to determine if a row is not selectable.
+     * The default is that every row is selectable.
+     */
+    isDataItemDisabled: {
+      type: Function,
+      default: () => !1
+    },
+    /**
+     * The type of `Lazy Load`.
+     * Type "automatic" will enable infinite scrolling
+     * Type "button" will enable lazy loading with "Show more" button
+     * @values automatic, button, none
+     */
+    lazyLoadType: {
+      type: String,
+      default: "none",
+      validator: (e) => ["automatic", "button", "none"].includes(e)
+    },
+    /**
+     * If the loading indicator should be shown.
+     */
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Enables / Disables the table's surrounding border.
+     */
+    outline: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Renders the data grid with no top spacing, to render inside containers that already have spacing
+     */
+    noSpacingTop: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Pagination props that will be passed down to inner pagination component
+     */
+    pagination: {
+      type: Object,
+      default: void 0
+    },
+    /**
+     * Adds an extra option when selecting all items that allows user to select items in other pages too.
+     * Needs pagination.totalCount to be set.
+     */
+    selectableAcrossPages: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Renders a font numeric style with slashed zeros instead of normal ones.
+     */
+    slashedZero: { 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).
+     */
+    stickyPagination: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Make data-grid filters stick to the top of the page along with the data-grid headers.
+     * Defaults to true.
+     */
+    stickyFilters: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * Enables / Disables rows to be selected via a checkbox. On select the "select" event will be emitted.
+     */
+    selectable: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Selected items
+     */
+    selection: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * Enables / Disables the nested-content slot
+     */
+    shouldShowNestedContent: {
+      type: Function,
+      default: (e) => !0
+    },
+    /**
+     * Returns the nested rows for a given BentoDatagridDataItem.
+     */
+    shouldShowNestedRows: {
+      type: Function,
+      default: (e) => !0
+    },
+    /**
+     * Sortby handles proper rendering of sort icon in header. Sorting currently is only supported server side.
+     * It does make sure the currently sorted column has a more visible sort icon, and the sort icon points in the right direction.
+     */
+    sortBy: {
+      type: Array,
+      // NOTE: is an array to allow multi-sorting in the future
+      default: () => []
+    },
+    /**
+     * Title of the data grid to be rendered as tab title when a data grid is passed in a tab layout.
+     */
+    tabTitle: {
+      type: String,
+      default: null
+    },
+    /**
+     * Truncates all data grid column headers
+     */
+    truncateColumnHeaders: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Toggles the alternating background color of rows.
+     */
+    zebraRows: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [
+    N.COLUMNS,
+    N.COLUMN_RESIZE,
+    N.ITEMS_PAGE,
+    N.FILTER_SEARCH_INPUT,
+    N.FILTER_SEARCH_CLEAR,
+    N.NAVIGATE,
+    N.NESTED_CONTENT_TOGGLED,
+    N.UPDATE_COLUMNS,
+    N.UPDATE_CONDENSED,
+    N.UPDATE_FILTER_VALUES,
+    N.UPDATE_FILTER_VALUES_OBJECT,
+    N.UPDATE_FILTERS,
+    N.UPDATE_FILTER_SEARCH_TERM,
+    N.UPDATE_SHOW_MORE,
+    N.UPDATE_PAGINATION,
+    N.UPDATE_SELECTION,
+    N.UPDATE_SORT_BY,
+    N.ROW_CLICK,
+    N.SELECT,
+    N.SELECT_ALL_ACROSS_PAGES,
+    N.SELECT_ALL_CURRENT_RESULTS,
+    N.DESELECT_ALL_CURRENT_RESULTS,
+    N.SORT,
+    N.CELL_FOCUS
+  ],
+  setup(e, { expose: s, emit: i }) {
+    const t = e, r = yt(), n = Lt(r), o = S(null), f = S(), a = S({}), m = S(ut("data-grid")), R = S(null), p = S(null), I = S(null), A = S(null), g = S(null), L = S(null), {
+      allowColumnDragAndDrop: _,
+      columns: D,
+      columnPanel: y,
+      data: z,
+      lazyLoadType: C,
+      loading: M,
+      hasNestedContent: u,
+      hasNestedRows: d,
+      selectable: b,
+      selection: P,
+      selectableAcrossPages: B,
+      stickyPagination: Z,
+      outline: J,
+      pagination: K,
+      zebraRows: X
+    } = Et(t), Y = S(-1), { t: ge } = Me({ messages: vt }), Ae = v(() => H.value.filter((U) => U.frozen).length), xe = 550, Pe = S(), { width: $e } = Ul(Pe), ke = v(() => $e.value <= xe);
+    it(Qe, ke);
+    const { isTouchDevice: Ue } = zl();
+    it(mt, Ue);
+    const Be = Te(
+      kl,
+      () => ({
+        additionalContentSlotRef: S(null),
+        isDataGridTemplate: !1,
+        stickyAditionalContent: S(!1),
+        stickyTabs: S(!1),
+        tabsRef: S(null)
+      })
+    ), { additionalContentSlotRef: Ie, isDataGridTemplate: k, stickyTabs: te, tabsRef: se, stickyAdditionalContent: h } = Be(), {
+      columnDefs: H,
+      onColumnWidthOverride: $,
+      gridRowWidthStyle: pe,
+      isMeasuringColumnWidths: me,
+      isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: ht,
+      columns: et,
+      totalWidthOfAllColumns: Ke,
+      rowActionsMaxWidth: Ye
+    } = fo(D, z, o, a, R, {
+      hasColumnPanel: y,
+      hasSelectableColumn: b,
+      hasSelectableAcrossPages: B,
+      hasNestedContent: u,
+      hasNestedRows: d,
+      allowColumnDragAndDrop: _,
+      isDataGridTemplate: k
+    }), tt = v(() => t.rowActions !== void 0), { registerRowCellRefs: w, rebuildGridcellRefs: T } = Ia(
+      R,
+      Ye,
+      tt
+    ), ie = i, x = (U, ...G) => {
+      (U === N.COLUMNS || U === N.UPDATE_COLUMNS) && ([et.value] = G), ie(U, ...G);
+    }, ue = Yt(
+      se,
+      te,
+      h,
+      Ie
+    ), He = v(
+      () => t.stickyFilters ? `${ue.value}px` : null
+    ), We = Yt(p, wt(t, "stickyFilters")), nt = v(
+      () => `${We.value + ue.value}px`
+    ), {
+      sortedColumns: _e,
+      columnSets: Ve,
+      isOnlyOneVisibleColumn: Ct,
+      internalZebraRows: pt,
+      onConfigSettingsColumnsUpdate: Mn,
+      onConfigSettingsColumnUpdate: zn,
+      onConfigSettingsCondensedUpdate: Fn,
+      onConfigSettingsZebraRowsUpdate: Pn
+    } = wo(H, X, x), { hoveredOverColumn: $n, hoveredOverColumnState: Nt } = _o(
+      Ve,
+      b,
+      J,
+      ht
+    ), { draggingColumns: Dt, draggingEventsForColumns: kn, draggingEventsForRowCell: Un, onMoveColumnByOffset: Bn } = bo(_e, _, x), Mt = v(
+      () => t.data?.length > 0 && !!t.selectableAcrossPages && !!t.pagination && t.pagination.totalCount > 0
+    ), {
+      onAllRowSelect: Wn,
+      onRowSelect: Vn,
+      onNestedRowSelect: Gn,
+      onDeselectAll: zt,
+      allItemsSelectedState: xn,
+      selectedItems: bt,
+      selectionState: Hn
+    } = mo(
+      P,
+      x,
+      z,
+      t.getDataItemId,
+      t.isDataItemDisabled,
+      Mt,
+      K
+    ), Zn = v(() => ({
+      filtered: I.value?.isClearAllVisible || I.value?.isResetAllVisible || !!t.filterSearchTerm,
+      allRowsVisible: K.value?.size >= K.value?.totalCount
+    })), { navigationInput: lt } = ho(
+      R,
+      a,
+      _e,
+      b,
+      tt,
+      y
+    ), { isLazyLoad: Ze, isInfiniteScroll: jn, verticalScrollPosition: qn, emitLazyLoadEvent: Kn } = po(
+      C,
+      g,
+      o,
+      M,
+      x
+    ), {
+      updateScrollPosition: ot,
+      updateScrollPositionOnFrozenColumnsNavigation: Yn,
+      syncVirtualScrollerWithBody: Ft,
+      hasLeftOverflow: st,
+      hasRightOverflow: Pt,
+      horizontalScrollbarConditionalStyles: Xn
+    } = So(
+      o,
+      f,
+      qn,
+      L,
+      A,
+      Ke,
+      {
+        isLazyLoad: Ze,
+        pagination: K,
+        stickyPagination: Z,
+        isDataGridTemplate: k
+      }
+    ), Jn = () => {
+      I.value.isClearAllVisible ? I.value.clearAllFilters() : I.value.isResetAllVisible && I.value.resetAllFilters();
+    }, Qn = v(() => ({
+      ...t.emptyState,
+      variant: t.emptyState?.variant === "embedded" || t.emptyState?.variant === "basic" ? t.emptyState.variant : "basic"
+    })), el = v(() => ({
+      [`b-data-grid--${ye.OUTLINE}`]: t.outline,
+      [`b-data-grid--${ye.SCROLL}`]: t.fitContent || Ze.value,
+      [`b-data-grid--${ye.STICKY_FILTERS}`]: t.filters && t.stickyFilters,
+      [`b-data-grid--${ye.OVERFLOW_SHADOW_LEFT}`]: st.value && !Ae.value,
+      [`b-data-grid--${ye.OVERFLOW_SHADOW_RIGHT}`]: Pt.value && t.rowActions === void 0,
+      [`b-data-grid--${ye.NO_SPACING_TOP}`]: t.noSpacingTop,
+      [`b-data-grid--${ye.FIT_CONTENT}`]: t.fitContent,
+      [`b-data-grid--${ye.ZEBRA_ROWS}`]: pt.value,
+      "b-data-grid--lazy-load": Ze.value
+    })), tl = v(() => ({
+      "b-data-grid__body--sticky-horizontal-scrollbar": t.stickyHorizontalScrollbar
+    })), nl = v(() => Ve.value.findIndex((U) => U.columnSet.length)), $t = v(() => !((t.selectable || t.hasNestedContent || t.hasNestedRows) && Ae.value === 1) || st.value), ll = v(() => ({
+      "b-data-grid__filters--sticky": !!t.stickyFilters || k
+    })), ol = v(() => ({
+      "b-data-grid__pagination--padding-left-unset": t.columns?.[0]?.padding?.left === !1,
+      "b-data-grid__pagination--padding-right-unset": t.columns?.[t.columns.length - 1]?.padding?.right === !1,
+      "b-data-grid__pagination--sticky": !!t.stickyPagination || k
+    })), sl = (U) => {
+      const G = U;
+      U !== null && G?.columnHeaderRefs && Object.entries(G?.columnHeaderRefs).forEach(([Q, Ne]) => {
+        a.value[Q] = Ne;
+      });
+    }, al = (U, G) => {
+      t.allowRowClicks && x(N.ROW_CLICK, U, G);
+    }, il = (U) => {
+      x(N.NESTED_CONTENT_TOGGLED, U), de(() => T());
+    }, rl = (U) => {
+      Y.value = U;
+    }, dl = v(() => t.hasNestedContent || t.hasNestedRows ? "treegrid" : "grid"), kt = v(() => bt.value?.length ?? 0), ul = v(() => t.bulkActions && kt.value > 0), cl = (U) => x(N.COLUMN_RESIZE, U), gl = (U) => {
+      x(N.UPDATE_SORT_BY, U), x(N.SORT, U);
+    }, fl = (U, G) => {
+      x(N.NAVIGATE, U), x(N.UPDATE_PAGINATION, {
+        ...t.pagination,
+        size: G,
+        page: U
+      });
+    }, ml = (U) => {
+      x(N.ITEMS_PAGE, U);
+    }, vl = () => {
+      x(N.FILTER_SEARCH_CLEAR);
+    }, hl = (U) => {
+      x(N.UPDATE_FILTER_SEARCH_TERM, U), x(N.FILTER_SEARCH_INPUT, U);
+    };
+    return v(() => D.value.some((U) => U.mandatory)).value || pn(
+      "WARNING: At least one BentoDataGrid column should be set as mandatory to ensure data is always displayed correctly."
+    ), Te($l, () => null)(t.tabTitle), it(yn, wt(t, "slashedZero")), s({ onEmptyStateClearResetButtonClick: Jn }), (U, G) => (c(), E("div", {
+      ref_key: "dataGridRef",
+      ref: Pe,
+      class: ae(["b-data-grid", el.value]),
+      "data-testid": "data-grid",
+      "aria-live": "polite",
+      "aria-busy": l(M),
+      onCopy: G[14] || (G[14] = //@ts-ignore
+      (...Q) => l(Qt) && l(Qt)(...Q))
+    }, [
+      e.filters ? (c(), E("div", {
+        key: 0,
+        ref_key: "filtersRef",
+        ref: p,
+        class: ae(["b-data-grid__filters", ll.value]),
+        style: Le({ top: He.value }),
+        "aria-controls": m.value,
+        "aria-label": l(ge)("filterBar"),
+        role: "region"
+      }, [
+        e.filters ? (c(), W(Fl, {
+          key: 0,
+          ref_key: "filterBarRef",
+          ref: I,
+          config: e.filters,
+          "container-size-layout": e.filtersContainerSizeLayout,
+          "filter-values": e.filterValues,
+          "filter-values-object": e.filterValuesObject,
+          search: e.filterSearchConfig,
+          "search-term": e.filterSearchTerm,
+          onSearchInput: hl,
+          onSearchClear: vl,
+          onInput: G[0] || (G[0] = (Q) => U.$emit(l(N).UPDATE_FILTERS, Q)),
+          "onUpdate:filterValues": G[1] || (G[1] = (Q) => U.$emit(l(N).UPDATE_FILTER_VALUES, Q)),
+          "onUpdate:filterValuesObject": G[2] || (G[2] = (Q) => U.$emit(l(N).UPDATE_FILTER_VALUES_OBJECT, Q))
+        }, null, 8, ["config", "container-size-layout", "filter-values", "filter-values-object", "search", "search-term"])) : F("", !0)
+      ], 14, Da)) : F("", !0),
+      U.$slots.header ? (c(), E("div", Ma, [
+        Oe(U.$slots, "header", {}, void 0, !0)
+      ])) : F("", !0),
+      O("div", {
+        id: m.value,
+        role: dl.value,
+        "aria-rowcount": l(z).length,
+        "aria-colcount": l(D).length,
+        "aria-label": e.emptyState ? l(ge)("noResults") : null,
+        class: "b-data-grid__wrapper",
+        style: Le({ top: nt.value })
+      }, [
+        O("div", {
+          class: "b-data-grid__column-headers",
+          style: Le({ top: nt.value })
+        }, [
+          O("div", {
+            ref_key: "columnsRef",
+            ref: f,
+            role: "rowgroup",
+            class: "b-data-grid__columns-row",
+            onScroll: G[7] || (G[7] = //@ts-ignore
+            (...Q) => l(ot) && l(ot)(...Q)),
+            onKeydown: G[8] || (G[8] = //@ts-ignore
+            (...Q) => l(lt) && l(lt)(...Q))
+          }, [
+            l(y) ? (c(), E("div", Fa, [
+              j(l(Ns), {
+                class: "b-data-grid__config-settings",
+                role: "gridcell",
+                columns: l(et),
+                condensed: e.condensed,
+                "zebra-rows": l(pt),
+                "onUpdate:condensed": l(Fn),
+                "onUpdate:zebraRows": l(Pn),
+                "onUpdate:columns": l(Mn)
+              }, null, 8, ["columns", "condensed", "zebra-rows", "onUpdate:condensed", "onUpdate:zebraRows", "onUpdate:columns"])
+            ])) : F("", !0),
+            O("div", {
+              style: Le(l(pe)),
+              class: "b-data-grid__columns",
+              role: "row"
+            }, [
+              (c(!0), E(fe, null, be(l(Ve), ({ columnSet: Q, id: Ne, isFrozenColumns: ze }, at) => (c(), E(fe, null, [
+                Q?.length ? (c(), W(l(is), ee({
+                  key: `data-grid-columns-${Ne}`,
+                  ref_for: !0,
+                  ref: (De) => sl(De),
+                  columns: Q,
+                  "has-resizable-columns": e.hasResizableColumns,
+                  "sort-by": e.sortBy,
+                  "all-items-selected-state": l(xn),
+                  "is-frozen-columns": ze,
+                  "show-frozen-columns-separator": $t.value,
+                  "dragging-columns": l(Dt),
+                  "has-draggable-columns": l(_),
+                  "has-column-panel": l(y),
+                  "has-left-overflow": l(st),
+                  "has-first-column-panel-right-aligned": at === nl.value,
+                  "hovered-over-column-state": l(Nt),
+                  "is-measuring-column-widths": l(me),
+                  "is-only-one-visible-column": l(Ct),
+                  selectable: l(z)?.length > 0 && l(b),
+                  "selectable-across-pages": Mt.value,
+                  "selected-items": l(bt),
+                  "visible-rows-state": Zn.value,
+                  "selection-state": l(Hn),
+                  "truncate-column-headers": e.truncateColumnHeaders,
+                  "row-actions-maximum-width": l(Ye)
+                }, ft(l(kn)), {
+                  onColumnHover: G[3] || (G[3] = (De) => $n.value = De),
+                  onColumnMove: l(Bn),
+                  onColumnUpdate: l(zn),
+                  onColumnResize: cl,
+                  onColumnResizing: l($),
+                  onSelectAllRows: l(Wn),
+                  onSelectAllAcrossPages: G[4] || (G[4] = (De) => x(l(N).SELECT_ALL_ACROSS_PAGES)),
+                  onSelectAllCurrentResults: G[5] || (G[5] = (De) => x(l(N).SELECT_ALL_CURRENT_RESULTS)),
+                  onDeselectAllCurrentResults: G[6] || (G[6] = (De) => x(l(N).DESELECT_ALL_CURRENT_RESULTS)),
+                  onDeselectAll: l(zt),
+                  onSort: gl
+                }), qe({ _: 2 }, [
+                  be(l(r), (De, Ut) => ({
+                    name: Ut,
+                    fn: V((Cl) => [
+                      Oe(U.$slots, Ut, ee({ ref_for: !0 }, Cl), 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", "selected-items", "visible-rows-state", "selection-state", "truncate-column-headers", "row-actions-maximum-width", "onColumnMove", "onColumnUpdate", "onColumnResizing", "onSelectAllRows", "onDeselectAll"])) : F("", !0)
+              ], 64))), 256))
+            ], 4)
+          ], 544)
+        ], 4),
+        O("div", {
+          ref_key: "body",
+          ref: o,
+          "data-testid": "data-grid-body",
+          class: ae(["b-data-grid__body", tl.value]),
+          onScroll: G[12] || (G[12] = //@ts-ignore
+          (...Q) => l(ot) && l(ot)(...Q))
+        }, [
+          l(M) && !l(Ze) ? (c(), E("div", Pa, [
+            j(l(dt), {
+              class: "b-data-grid__loading-indicator",
+              large: ""
+            }),
+            j(l(Ge), {
+              el: "span",
+              variant: "caption"
+            }, {
+              default: V(() => [
+                re(q(l(ge)("gettingYourData")), 1)
+              ]),
+              _: 1
+            })
+          ])) : (c(), E("div", {
+            key: 1,
+            role: "rowgroup",
+            onKeydown: G[11] || (G[11] = //@ts-ignore
+            (...Q) => l(lt) && l(lt)(...Q))
+          }, [
+            l(z)?.length === 0 && e.emptyState ? (c(), E("div", $a, [
+              O("div", {
+                role: "gridcell",
+                "aria-colspan": l(D).length,
+                tabindex: "-1"
+              }, [
+                j(l(Pl), ee({ class: "b-data-grid__empty-state" }, Qn.value), null, 16)
+              ], 8, ka)
+            ])) : (c(!0), E(fe, { key: 1 }, be(l(z), (Q, Ne) => (c(), W(l(In), {
+              key: Ne,
+              ref_for: !0,
+              ref: (ze) => l(w)(ze, Ne),
+              style: Le(l(pe)),
+              "allow-row-clicks": e.allowRowClicks,
+              "column-sets": l(Ve),
+              condensed: e.condensed,
+              "dragging-columns": l(Dt),
+              "dragging-events-for-row-cell": l(Un),
+              "get-data-item-id": e.getDataItemId,
+              "has-nested-content": l(u),
+              "has-nested-rows": l(d),
+              "has-left-overflow": l(st),
+              "has-right-overflow": l(Pt),
+              "highlighted-rows": e.highlightedRows,
+              "hovered-row-index": Y.value,
+              "hovered-over-column-state": l(Nt),
+              "is-data-item-disabled": e.isDataItemDisabled,
+              "is-row-even": l(pt) ? Ne % 2 !== 0 : !1,
+              "is-row-last-child": Ne + 1 === l(z)?.length,
+              "is-measuring-column-widths": l(me),
+              "row-actions-maximum-width": l(Ye),
+              "row-actions": e.rowActions,
+              "row-data": Q,
+              "row-index": Ne,
+              "row-set-size": l(z)?.length,
+              "show-frozen-columns-separator": $t.value,
+              "should-show-nested-content": e.shouldShowNestedContent,
+              "should-show-nested-rows": e.shouldShowNestedRows,
+              selectable: l(b),
+              "selected-items": l(bt),
+              onCellHovered: rl,
+              onCellFocus: G[9] || (G[9] = (ze) => x(l(N).CELL_FOCUS, ze)),
+              onNestedContentToggled: G[10] || (G[10] = (ze) => il(ze)),
+              onRowClick: al,
+              onOnFrozenColumnsKeyPress: l(Yn),
+              onSelectRow: l(Vn),
+              onSelectNestedRow: l(Gn)
+            }, qe({ _: 2 }, [
+              be(l(r), (ze, at) => ({
+                name: at,
+                fn: V((De) => [
+                  Oe(U.$slots, at, ee({ ref_for: !0 }, De), void 0, !0)
+                ])
+              }))
+            ]), 1032, ["style", "allow-row-clicks", "column-sets", "condensed", "dragging-columns", "dragging-events-for-row-cell", "get-data-item-id", "has-nested-content", "has-nested-rows", "has-left-overflow", "has-right-overflow", "highlighted-rows", "hovered-row-index", "hovered-over-column-state", "is-data-item-disabled", "is-row-even", "is-row-last-child", "is-measuring-column-widths", "row-actions-maximum-width", "row-actions", "row-data", "row-index", "row-set-size", "show-frozen-columns-separator", "should-show-nested-content", "should-show-nested-rows", "selectable", "selected-items", "onOnFrozenColumnsKeyPress", "onSelectRow", "onSelectNestedRow"]))), 128))
+          ], 32))
+        ], 34)
+      ], 12, za),
+      l(Ze) ? (c(), W(l(Fs), {
+        key: 2,
+        loading: l(M),
+        "is-infinite-scroll": l(jn),
+        "onUpdate:showMore": l(Kn)
+      }, null, 8, ["loading", "is-infinite-scroll", "onUpdate:showMore"])) : F("", !0),
+      e.stickyHorizontalScrollbar ? (c(), E("div", {
+        key: 3,
+        ref_key: "virtualHorizontalScrollbarRef",
+        ref: L,
+        class: "b-data-grid__horizontal-scrollbar",
+        "aria-hidden": "true",
+        "data-testid": "sticky-horizontal-scrollbar",
+        style: Le(l(Xn)),
+        onScroll: G[13] || (G[13] = //@ts-ignore
+        (...Q) => l(Ft) && l(Ft)(...Q))
+      }, [
+        O("div", {
+          style: Le({ width: `${l(Ke)}px`, height: "15px" })
+        }, null, 4)
+      ], 36)) : F("", !0),
+      l(K) && !l(Ze) ? (c(), E("div", {
+        key: 4,
+        ref_key: "paginationContainerRef",
+        ref: A,
+        "data-testid": "pagination-container",
+        class: ae(["b-data-grid__pagination", ol.value])
+      }, [
+        j(l(Ml), ee(l(K), {
+          "aria-label": U.$t("pagination"),
+          "aria-controls": m.value,
+          onNavigate: fl,
+          onItemsPage: ml
+        }), {
+          default: V(() => [
+            l(n)("pagination-slot") ? Oe(U.$slots, "pagination-slot", { key: 0 }, void 0, !0) : F("", !0)
+          ]),
+          _: 3
+        }, 16, ["aria-label", "aria-controls"])
+      ], 2)) : F("", !0),
+      U.$slots.footer ? (c(), E("div", Ua, [
+        Oe(U.$slots, "footer", {}, void 0, !0)
+      ])) : F("", !0),
+      ul.value ? (c(), W(l(Dl), {
+        key: 6,
+        actions: e.bulkActions,
+        "item-counter": kt.value,
+        "extra-bottom-spacing": l(Z),
+        onClose: l(zt)
+      }, null, 8, ["actions", "item-counter", "extra-bottom-spacing", "onClose"])) : F("", !0)
+    ], 42, Na));
+  }
+}), Bi = /* @__PURE__ */ oe(Wa, [["__scopeId", "data-v-0ebc8a8d"]]);
+export {
+  Rt as B,
+  Pi as a,
+  $i as b,
+  ki as c,
+  Bi as d,
+  Ui as e,
+  rt as f,
+  N as g,
+  Fe as h,
+  ye as i
+};
+//# sourceMappingURL=data-grid.DvMe72LK.js.map