@adyen/bento-vue3 1.69.0 → 1.70.0

package/dist/chunks/{data-grid.aEQt05d9.js → data-grid.DMOTTywp.js}

@@ -1,44 +1,44 @@
-import { ref as A, onMounted as Ke, nextTick as Ce, watch as ye, onUnmounted as nn, reactive as vt, toRefs as mt, computed as b, watchEffect as al, onBeforeUpdate as il, createElementBlock as L, openBlock as u, mergeProps as le, createCommentVNode as B, createElementVNode as O, toDisplayString as X, defineComponent as $e, normalizeClass as ce, Fragment as ve, renderList as pe, unref as o, toHandlers as lt, createBlock as W, withCtx as G, createVNode as J, renderSlot as Ie, withModifiers as rl, normalizeStyle as Me, resolveComponent as Re, withDirectives as ht, createTextVNode as ue, vShow as dl, toRef as dt, resolveDirective as ul, Transition as ln, createSlots as Ve, resolveDynamicComponent as je, useSlots as Ct, provide as on, inject as ut, withKeys as Dt, normalizeProps as cl, guardReactiveProps as fl } from "vue";
+import { ref as A, onMounted as Ke, nextTick as Ce, watch as ye, onUnmounted as nn, reactive as vt, toRefs as mt, computed as b, watchEffect as al, onBeforeUpdate as il, createElementBlock as S, openBlock as u, mergeProps as le, createCommentVNode as B, createElementVNode as O, toDisplayString as X, defineComponent as $e, normalizeClass as ce, Fragment as ve, renderList as pe, unref as o, toHandlers as lt, createBlock as W, withCtx as G, createVNode as J, renderSlot as Ie, withModifiers as rl, normalizeStyle as Me, resolveComponent as Re, withDirectives as ht, createTextVNode as ue, vShow as dl, toRef as dt, resolveDirective as ul, Transition as ln, createSlots as Ve, resolveDynamicComponent as je, useSlots as Ct, provide as on, inject as ut, withKeys as Dt, normalizeProps as cl, guardReactiveProps as fl } from "vue";
 import { C as gl } from "./checkmark-circle-fill._6-d40ru.js";
-import { W as vl } from "./warning-filled.AiUbXzzg.js";
+import { W as vl } from "./warning-filled.BMGD0G-_.js";
 /* empty css              */
 import { _ as ie } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import { C as sn } from "./cross.B92GxFTY.js";
 import { N as kt } from "./minus-small.DYIyF5XW.js";
-import { E as Ae, b as ml, T as hl, B as Cl } from "./tooltip.Dww8NiUR.js";
-import { d as wl } from "./popper-container.idDrquM6.js";
-import { B as _l } from "./dashed-underline.CyZEW1LZ.js";
-import { B as Ye, p as an } from "./typography.CFHvBR7L.js";
+import { E as Ae, b as ml, T as hl, B as Cl } from "./tooltip.lBnko9QV.js";
+import { d as wl } from "./popper-container.CgJzEQ7N.js";
+import { B as _l } from "./dashed-underline.2OYxO-Rh.js";
+import { B as Ye, p as an } from "./typography.yBEME_Gu.js";
 import { u as Ue } from "./i18n.B6g5VX0q.js";
-import { B as bl } from "./action-bar.CbO7oNER.js";
-import { B as yl } from "./pagination.BuYH2_62.js";
-import { B as wt } from "./loading-indicator.BmAQqPP2.js";
+import { B as bl } from "./action-bar.CweA2FeY.js";
+import { B as yl } from "./pagination.DW_HPEIu.js";
+import { B as wt } from "./loading-indicator.VHi5tbZa.js";
 import { u as _t } from "./use-has-slot.B7eQSabc.js";
 import { u as El } from "./aria-label.CaUURpnB.js";
 import { g as pl } from "./get-slot-text.DQlZEsId.js";
-import { B as rt } from "./filter-bar.D6n7Srr5.js";
-import { B as Sl } from "./empty-state.YNNEDsnK.js";
-import { E as Ll } from "./tabs.keys.Cb4Vw5Jh.js";
+import { B as rt } from "./filter-bar.uUpoP-XZ.js";
+import { B as Ll } from "./empty-state.BTaeZdQu.js";
+import { E as Sl } from "./tabs.keys.Cb4Vw5Jh.js";
 import { D as Rl } from "./data-grid-template.keys.2_AkxuNT.js";
 import { o as bt } from "./resize.Bqks3WUm.js";
-import { f as ct, c as yt, h as Al, a as Mt, b as zt, O as Ol, D as Tl } from "./toggle-button.ByyLw0Yf.js";
-import { B as rn } from "./button.wMNce6wZ.js";
-import { B as dn } from "./toggle.CjEL1ko8.js";
-import { B as Nl } from "./search-bar.RGL70u_Y.js";
-import { u as Il } from "./dropdown.Co86azLK.js";
-import { B as $l } from "./directive.Cbdox5VL.js";
+import { f as ct, c as yt, h as Al, a as Mt, b as zt, O as Ol, D as Tl } from "./toggle-button.CQl9HneO.js";
+import { B as rn } from "./button.C-MAa6ut.js";
+import { B as dn } from "./toggle.C8k7NQ7y.js";
+import { B as Nl } from "./search-bar.CvAi2t3-.js";
+import { B as Il } from "./directive.Cbdox5VL.js";
+import { u as $l } from "./dropdown.agfzvJZE.js";
 import { g as ft } from "./generate-uid.NJ8tVoha.js";
 import { S as Dl } from "./search.PczW-onY.js";
-import { B as tt } from "./checkbox.C62ek8A8.js";
-import { B as kl } from "./info-icon.DKnzFXy1.js";
-import { B as Ut } from "./popover.types.BQILgzhs.js";
-import { A as Ml } from "./dialog-page.BJaRwRhF.js";
+import { B as tt } from "./checkbox.M6lKj2hQ.js";
+import { B as kl } from "./info-icon.Bl0iKUfC.js";
+import { B as Ut } from "./popover.types.COM6oQgq.js";
+import { A as Ml } from "./dialog-page.VSJgHY3C.js";
 import { H as zl, S as Ul } from "./show.CT4Augxb.js";
 import { l as Ft } from "./events.CMzGybJJ.js";
 import { b as un } from "./focus-trap.rjp24a37.js";
 import { u as Fl } from "./use-expandable-content-height.GkjjbmPy.js";
-import { E as Pl } from "./link.Di0rtpOj.js";
-import { C as Bl } from "./copy.-8xjj6Hr.js";
+import { E as Pl } from "./link.cwPmWlsk.js";
+import { C as Bl } from "./copy.C4DAAiPw.js";
 import { C as Wl } from "./chevron-down.DCQ6ZLaq.js";
 import { C as Hl } from "./chevron-up.kfuLRpZb.js";
 import "../assets/data-grid.css";
@@ -697,14 +697,14 @@ const co = {
   }
 }, fo = { key: 0 }, go = ["clip-path"], vo = ["id"];
 function mo(e, a, i, t, r, n) {
-  return u(), L("svg", le({ role: "img" }, e.$attrs, {
+  return u(), S("svg", le({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (u(), L("title", fo, X(e.$attrs["svg-title"]), 1)) : B("", !0),
+    e.$attrs["svg-title"] ? (u(), S("title", fo, X(e.$attrs["svg-title"]), 1)) : B("", !0),
     O("g", {
       fill: "#001222",
       "clip-path": "url(#uia-ui-assets/icons-16-arrow_up_down_sort__a" + e.uuid + ")"
@@ -733,14 +733,14 @@ const Co = {
   }
 }, wo = { key: 0 };
 function _o(e, a, i, t, r, n) {
-  return u(), L("svg", le({ role: "img" }, e.$attrs, {
+  return u(), S("svg", le({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (u(), L("title", wo, X(e.$attrs["svg-title"]), 1)) : B("", !0),
+    e.$attrs["svg-title"] ? (u(), S("title", wo, X(e.$attrs["svg-title"]), 1)) : B("", !0),
     a[0] || (a[0] = O("path", {
       fill: "#001222",
       d: "M12.1933 8.7454L7.93903 12.9996L8.99969 14.0603L15.0604 7.99963L8.99969 1.93896L7.93903 2.99963L12.1848 7.24541L1.24902 7.25658L1.25056 8.75658L12.1933 8.7454Z"
@@ -753,22 +753,22 @@ const yo = {
   beforeCreate() {
     this.uuid = Zt.toString(), Zt += 1;
   }
-}, Eo = { key: 0 }, po = ["clip-path"], So = ["id"];
-function Lo(e, a, i, t, r, n) {
-  return u(), L("svg", le({ role: "img" }, e.$attrs, {
+}, Eo = { key: 0 }, po = ["clip-path"], Lo = ["id"];
+function So(e, a, i, t, r, n) {
+  return u(), S("svg", le({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (u(), L("title", Eo, X(e.$attrs["svg-title"]), 1)) : B("", !0),
+    e.$attrs["svg-title"] ? (u(), S("title", Eo, X(e.$attrs["svg-title"]), 1)) : B("", !0),
     O("g", {
       "clip-path": "url(#uia-ui-assets/icons-16-freeze__a" + e.uuid + ")"
     }, a[0] || (a[0] = [
       O("path", {
         fill: "#001222",
-        d: "M7.99989 14.0605L9.49989 15.5605L10.5605 14.4999L8.75 12.6893V10.9334L10.169 10.116L11.6861 10.9939L12.3501 13.4688L13.7988 13.0801L13.2488 11.0301L15.2988 10.4801L14.9101 9.03129L12.4363 9.695L10.9199 8.81745V7.18276L12.4365 6.3051L14.9101 6.96875L15.2988 5.51999L13.2488 4.96999L13.7988 2.91999L12.3501 2.53129L11.686 5.00635L10.1693 5.88407L8.75 5.06648L8.75 3.31043L10.5605 1.49989L9.49989 0.439226L7.99989 1.93923L6.49989 0.439226L5.43923 1.49989L7.25 3.31066V5.06639L5.83078 5.88392L4.31419 5.00626L3.65018 2.53129L2.20141 2.91998L2.384 3.60052L2.38063 3.60143L2.75032 4.97028L0.701408 5.51999L1.0901 6.96875L1.7708 6.78612L1.77173 6.78955L3.56437 6.30541L5.07992 7.18246L5.07992 8.81775L3.564 9.69502L1.0901 9.03129L0.701408 10.4801L2.75141 11.0301L2.20141 13.0801L3.65018 13.4687L4.31414 10.994L5.83106 10.1161L7.25 10.9335V12.6891L5.43923 14.4999L6.49989 15.5605L7.99989 14.0605ZM9.41992 7.18345V8.81644L7.99992 9.63441L6.57992 8.81644L6.57992 7.18345L7.99992 6.36548L9.41992 7.18345Z"
+        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, po),
     O("defs", null, [
@@ -781,11 +781,11 @@ function Lo(e, a, i, t, r, n) {
           fill: "#fff",
           transform: "matrix(1 0 0 -1 0 16)"
         }, null, -1)
-      ]), 8, So)
+      ]), 8, Lo)
     ])
   ], 16);
 }
-const gn = /* @__PURE__ */ ie(yo, [["render", Lo]]);
+const gn = /* @__PURE__ */ ie(yo, [["render", So]]);
 let jt = 0;
 const Ro = {
   beforeCreate() {
@@ -793,14 +793,14 @@ const Ro = {
   }
 }, Ao = { key: 0 }, Oo = ["clip-path"], To = ["id"];
 function No(e, a, i, t, r, n) {
-  return u(), L("svg", le({ role: "img" }, e.$attrs, {
+  return u(), S("svg", le({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (u(), L("title", Ao, X(e.$attrs["svg-title"]), 1)) : B("", !0),
+    e.$attrs["svg-title"] ? (u(), S("title", Ao, X(e.$attrs["svg-title"]), 1)) : B("", !0),
     O("g", {
       fill: "#001222",
       "clip-path": "url(#uia-ui-assets/icons-16-sort_ascending__a" + e.uuid + ")"
@@ -831,14 +831,14 @@ const $o = {
   }
 }, Do = { key: 0 }, ko = ["clip-path"], Mo = ["id"];
 function zo(e, a, i, t, r, n) {
-  return u(), L("svg", le({ role: "img" }, e.$attrs, {
+  return u(), S("svg", le({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (u(), L("title", Do, X(e.$attrs["svg-title"]), 1)) : B("", !0),
+    e.$attrs["svg-title"] ? (u(), S("title", Do, X(e.$attrs["svg-title"]), 1)) : B("", !0),
     O("g", {
       fill: "#001222",
       "clip-path": "url(#uia-ui-assets/icons-16-sort_descending__a" + e.uuid + ")"
@@ -869,14 +869,14 @@ const Fo = {
   }
 }, Po = { key: 0 };
 function Bo(e, a, i, t, r, n) {
-  return u(), L("svg", le({ role: "img" }, e.$attrs, {
+  return u(), S("svg", le({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (u(), L("title", Po, X(e.$attrs["svg-title"]), 1)) : B("", !0),
+    e.$attrs["svg-title"] ? (u(), S("title", Po, X(e.$attrs["svg-title"]), 1)) : B("", !0),
     a[0] || (a[0] = O("path", {
       fill: "#001222",
       d: "M8 11.25L12.5 5.25H3.5L8 11.25Z"
@@ -1187,7 +1187,7 @@ const Wo = /* @__PURE__ */ ie(Fo, [["render", Bo]]), vn = {
     }), he = b(() => ({
       "b-data-grid-columns__select-column--all": t.selectableAcrossPages
     })), ge = (d, H) => d && H === 0 ? Ut.BOTTOM_START : Ut.BOTTOM_END, Q = (d, H) => {
-      var I, se, te, Fe, Ge, S, z, Y, ee, j;
+      var I, se, te, Fe, Ge, L, z, Y, ee, j;
       return {
         "b-data-grid-columns__column--column-hovered": d.field === t.hoveredOverColumnState.hoveredOverColumnField,
         "b-data-grid-columns__column--column-hovered-no-border-left": d.field === t.hoveredOverColumnState.hoveredOverColumnField && t.hoveredOverColumnState.noBorderLeft,
@@ -1199,7 +1199,7 @@ const Wo = /* @__PURE__ */ ie(Fo, [["render", Bo]]), vn = {
         "b-data-grid-columns__column--numeric": d == null ? void 0 : d.numeric,
         "b-data-grid-columns__column--frozen": d == null ? void 0 : d.frozen,
         "b-data-grid-columns__column--is-re-ordering": (d == null ? void 0 : d.field) === ((Fe = (te = t.draggingColumns) == null ? void 0 : te.dragging) == null ? void 0 : Fe.field),
-        "b-data-grid-columns__column--is-re-ordering-target-left": (d == null ? void 0 : d.field) === ((S = (Ge = t.draggingColumns) == null ? void 0 : Ge.target) == null ? void 0 : S.field) && ((z = t.draggingColumns) == null ? void 0 : z.dragToLeft),
+        "b-data-grid-columns__column--is-re-ordering-target-left": (d == null ? void 0 : d.field) === ((L = (Ge = t.draggingColumns) == null ? void 0 : Ge.target) == null ? void 0 : L.field) && ((z = t.draggingColumns) == null ? void 0 : z.dragToLeft),
         "b-data-grid-columns__column--is-re-ordering-target-right": (d == null ? void 0 : d.field) === ((ee = (Y = t.draggingColumns) == null ? void 0 : Y.target) == null ? void 0 : ee.field) && !((j = t.draggingColumns) != null && j.dragToLeft),
         "b-data-grid-columns__column--with-sorting-or-column-panel": d.sortable || d.infoIconTooltip || t.hasColumnPanel && E.value === d.field || t.selectableAcrossPages
       };
@@ -1215,11 +1215,11 @@ const Wo = /* @__PURE__ */ ie(Fo, [["render", Bo]]), vn = {
     }));
     return a({
       columnHeaderRefs: h
-    }), (d, H) => (u(), L("div", {
+    }), (d, H) => (u(), S("div", {
       class: ce(["b-data-grid-columns", me.value]),
       "data-testid": "data-grid-columns"
     }, [
-      (u(!0), L(ve, null, pe(o(g), (I, se) => (u(), L("div", le({
+      (u(!0), S(ve, null, pe(o(g), (I, se) => (u(), S("div", le({
         key: I.field,
         ref_for: !0,
         ref: (te) => we(te, I.field),
@@ -1233,7 +1233,7 @@ const Wo = /* @__PURE__ */ ie(Fo, [["render", Bo]]), vn = {
         tabindex: I.sortable || e.hasColumnPanel || I.infoIconTooltip ? "0" : "-1",
         style: { width: I.autoWidth && e.isMeasuringColumnWidths ? "auto" : `${I.width}px` }
       }, lt(fe(I), !0)), [
-        c(I) && e.selectable ? (u(), L("div", {
+        c(I) && e.selectable ? (u(), S("div", {
           key: 0,
           class: ce(["b-data-grid-columns__select-column", he.value])
         }, [
@@ -1246,7 +1246,7 @@ const Wo = /* @__PURE__ */ ie(Fo, [["render", Bo]]), vn = {
             value: "data-grid-select-all",
             "onUpdate:modelValue": y
           }, null, 8, ["aria-label", "model-value", "indeterminate"])),
-          e.selectableAcrossPages ? (u(), L(ve, { key: 1 }, [
+          e.selectableAcrossPages ? (u(), S(ve, { key: 1 }, [
             e.selectionState === "all" ? (u(), W(o(tt), {
               key: 0,
               "aria-label": o(l)("deselectAll"),
@@ -1284,7 +1284,7 @@ const Wo = /* @__PURE__ */ ie(Fo, [["render", Bo]]), vn = {
               _: 1
             }, 8, ["button", "data"]))
           ], 64)) : B("", !0)
-        ], 2)) : (u(), L(ve, { key: 1 }, [
+        ], 2)) : (u(), S(ve, { key: 1 }, [
           O("div", {
             "aria-label": o(l)("columnActions", { name: I.label }),
             "aria-live": "polite",
@@ -1303,16 +1303,16 @@ const Wo = /* @__PURE__ */ ie(Fo, [["render", Bo]]), vn = {
               ]),
               _: 2
             }, 1032, ["class"]),
-            oe(I) ? (u(), L("div", {
+            oe(I) ? (u(), S("div", {
               key: 0,
               class: ce(["b-data-grid-columns__column-actions", Z(I)])
             }, [
-              I.infoIconTooltip ? (u(), L("div", Zo, [
+              I.infoIconTooltip ? (u(), S("div", Zo, [
                 J(o(kl), {
                   "tooltip-text": I.infoIconTooltip
                 }, null, 8, ["tooltip-text"])
               ])) : B("", !0),
-              I.sortable ? (u(), L("div", jo, [
+              I.sortable ? (u(), S("div", jo, [
                 J(o(yt), {
                   condensed: "",
                   toggled: o(s)(I.field),
@@ -1357,11 +1357,11 @@ const Wo = /* @__PURE__ */ ie(Fo, [["render", Bo]]), vn = {
             onClick: H[3] || (H[3] = rl(() => {
             }, ["stop"]))
           }, [
-            !e.isFrozenColumns || e.isFrozenColumns && se !== o(g).length - 1 ? (u(), L("div", Ko)) : B("", !0)
+            !e.isFrozenColumns || e.isFrozenColumns && se !== o(g).length - 1 ? (u(), S("div", Ko)) : B("", !0)
           ], 42, qo)
         ], 64))
       ], 16, Ho))), 128)),
-      e.rowActionsMaximumWidth && !e.isFrozenColumns ? (u(), L(ve, { key: 0 }, [
+      e.rowActionsMaximumWidth && !e.isFrozenColumns ? (u(), S(ve, { key: 0 }, [
         H[4] || (H[4] = O("div", {
           role: "presentation",
           class: "b-data-grid-columns__row-actions-filler"
@@ -1387,14 +1387,14 @@ const es = {
   }
 }, ts = { key: 0 }, ns = ["clip-path"], ls = ["id"];
 function os(e, a, i, t, r, n) {
-  return u(), L("svg", le({ role: "img" }, e.$attrs, {
+  return u(), S("svg", le({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (u(), L("title", ts, X(e.$attrs["svg-title"]), 1)) : B("", !0),
+    e.$attrs["svg-title"] ? (u(), S("title", ts, X(e.$attrs["svg-title"]), 1)) : B("", !0),
     O("g", {
       fill: "#001222",
       "clip-path": "url(#uia-ui-assets/icons-16-settings__a" + e.uuid + ")"
@@ -1480,7 +1480,7 @@ const ss = /* @__PURE__ */ ie(es, [["render", os]]), Xt = {
 });
 function is(e, a, i, t, r, n) {
   const l = Re("bento-toggle"), g = Re("bento-freeze-icon");
-  return u(), L("div", {
+  return u(), S("div", {
     class: "b-data-grid-config-settings-column-row",
     onMouseover: a[0] || (a[0] = (...f) => e.showFreezeIcon && e.showFreezeIcon(...f)),
     onMouseleave: a[1] || (a[1] = (...f) => e.hideFreezeIcon && e.hideFreezeIcon(...f))
@@ -1549,7 +1549,7 @@ const rs = /* @__PURE__ */ ie(as, [["render", is], ["__scopeId", "data-v-98b791c
     BentoToggle: dn,
     BentoTypography: Ye
   },
-  directives: { BentoClickOutsideDirective: $l },
+  directives: { BentoClickOutsideDirective: Il },
   props: {
     /**
      * Column definitions
@@ -1579,7 +1579,7 @@ const rs = /* @__PURE__ */ ie(as, [["render", is], ["__scopeId", "data-v-98b791c
     Te.UPDATE_ZEBRA_ROWS
   ],
   setup(e, { emit: a }) {
-    const { t: i } = Ue({ messages: Jt }), t = A(null), r = ft("data-grid-config-settings-popover"), n = A(null), l = A(!1), g = A(!0), f = A(null), h = A(""), R = dt(e, "columns"), E = A(!1), U = Il(h, R), y = () => {
+    const { t: i } = Ue({ messages: Jt }), t = A(null), r = ft("data-grid-config-settings-popover"), n = A(null), l = A(!1), g = A(!0), f = A(null), h = A(""), R = dt(e, "columns"), E = A(!1), U = $l(h, R), y = () => {
       h.value = "";
     }, c = b(
       () => !e.columns.some((_) => _.visible === !1 && !_.mandatory)
@@ -1653,7 +1653,7 @@ const rs = /* @__PURE__ */ ie(as, [["render", is], ["__scopeId", "data-v-98b791c
 }, ys = { class: "b-data-grid-config-settings__column-visibility-toggles" };
 function Es(e, a, i, t, r, n) {
   const l = Re("bento-settings-icon"), g = Re("bento-toggle-button"), f = Re("bento-typography"), h = Re("bento-cross-icon"), R = Re("bento-button"), E = Re("bento-toggle"), U = Re("bento-search-icon"), y = Re("bento-search-bar"), c = Re("bento-data-grid-config-settings-config-row"), T = Re("bento-popover"), N = ul("bento-click-outside-directive");
-  return ht((u(), L("div", us, [
+  return ht((u(), S("div", us, [
     O("div", cs, [
       O("div", fs, [
         J(g, {
@@ -1781,7 +1781,7 @@ function Es(e, a, i, t, r, n) {
               _: 1
             }, 8, ["onClick"]))
           ]),
-          e.isColumnVisibilityFilterShown ? (u(), L("div", _s, [
+          e.isColumnVisibilityFilterShown ? (u(), S("div", _s, [
             J(y, {
               ref: "searchBarRef",
               value: e.searchTerm,
@@ -1790,7 +1790,7 @@ function Es(e, a, i, t, r, n) {
               onClear: e.clearAction,
               onEscapePressed: e.toggleColumnFilter
             }, null, 8, ["value", "input-field-aria-label", "onClear", "onEscapePressed"])
-          ])) : (u(), L("div", bs, [
+          ])) : (u(), S("div", bs, [
             J(E, {
               "label-position": "after",
               value: e.allColumnsVisbilityToggleState,
@@ -1803,7 +1803,7 @@ function Es(e, a, i, t, r, n) {
             }, 8, ["value", "onInput"])
           ])),
           O("div", ys, [
-            (u(!0), L(ve, null, pe(e.filteredColumnVisibilityColumns, (v) => (u(), L("div", {
+            (u(!0), S(ve, null, pe(e.filteredColumnVisibilityColumns, (v) => (u(), S("div", {
               key: v.field
             }, [
               v.field !== e.DATAGRID_ACTIONS_COLUMN_FIELD_NAME ? (u(), W(c, {
@@ -1833,7 +1833,7 @@ function Es(e, a, i, t, r, n) {
     [N, e.onClickOutside]
   ]);
 }
-const ps = /* @__PURE__ */ ie(ds, [["render", Es], ["__scopeId", "data-v-b98a9ea1"]]), ot = {
+const ps = /* @__PURE__ */ ie(ds, [["render", Es], ["__scopeId", "data-v-5219be62"]]), ot = {
   "en-US": {
     gettingYourData: "Getting your data",
     loading: "Loading",
@@ -1851,10 +1851,10 @@ const ps = /* @__PURE__ */ ie(ds, [["render", Es], ["__scopeId", "data-v-b98a9ea
     loading: "Carregando",
     showMore: "Mostrar mais"
   }
-}, Ss = { class: "b-data-grid-lazy-load" }, Ls = {
+}, Ls = { class: "b-data-grid-lazy-load" }, Ss = {
   i18n: { messages: ot }
 }, Rs = /* @__PURE__ */ $e({
-  ...Ls,
+  ...Ss,
   __name: "data-grid-lazy-load",
   props: {
     loading: { type: Boolean },
@@ -1862,7 +1862,7 @@ const ps = /* @__PURE__ */ ie(ds, [["render", Es], ["__scopeId", "data-v-b98a9ea
   },
   setup(e) {
     const { t: a } = Ue({ messages: ot });
-    return (i, t) => (u(), L("div", Ss, [
+    return (i, t) => (u(), S("div", Ls, [
       i.loading && i.isInfiniteScroll ? (u(), W(o(wt), { key: 0 })) : B("", !0),
       i.loading && !i.isInfiniteScroll ? (u(), W(o(Mt), {
         key: 1,
@@ -1895,17 +1895,17 @@ const Os = {
   }
 }, Ts = { key: 0 };
 function Ns(e, a, i, t, r, n) {
-  return u(), L("svg", le({ role: "img" }, e.$attrs, {
+  return u(), S("svg", le({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (u(), L("title", Ts, X(e.$attrs["svg-title"]), 1)) : B("", !0),
+    e.$attrs["svg-title"] ? (u(), S("title", Ts, X(e.$attrs["svg-title"]), 1)) : B("", !0),
     a[0] || (a[0] = O("path", {
       fill: "#001222",
-      d: "M12.9243 1.86372C12.0456 0.985043 10.621 0.985041 9.74234 1.86372L1.25 10.3561V14.7501H5.64399L14.1363 6.25772C15.015 5.37904 15.015 3.95442 14.1363 3.07574L12.9243 1.86372ZM10.803 2.92438C11.0959 2.63149 11.5708 2.63149 11.8637 2.92438L13.0757 4.1364C13.3686 4.42929 13.3686 4.90416 13.0757 5.19706L12.3333 5.93947L10.0606 3.6668L10.803 2.92438ZM8.99993 4.72746L11.2726 7.00013L5.02267 13.2501H2.75V10.9774L8.99993 4.72746Z"
+      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);
 }
@@ -2038,7 +2038,7 @@ const Is = /* @__PURE__ */ ie(Os, [["render", Ns]]), mn = {
     }, {
       default: G(() => [
         O("div", $s, [
-          f.value ? (u(), L("div", {
+          f.value ? (u(), S("div", {
             key: 0,
             class: ce(["b-data-grid-cell-actions__background-gradient", l.value])
           }, null, 2)) : B("", !0),
@@ -2046,7 +2046,7 @@ const Is = /* @__PURE__ */ ie(Os, [["render", Ns]]), mn = {
             class: ce(["b-data-grid-cell-actions__actions", g.value]),
             role: "group"
           }, [
-            (u(!0), L(ve, null, pe(R.value, (s, p) => (u(), L("div", {
+            (u(!0), S(ve, null, pe(R.value, (s, p) => (u(), S("div", {
               key: p,
               class: "b-data-grid-cell-actions__action"
             }, [
@@ -2380,7 +2380,7 @@ const en = () => {
       gridcellRef: f
     }), (m, Z) => {
       var q;
-      return u(), L("div", le({
+      return u(), S("div", le({
         key: `cell-${e.column.field}`,
         ref_key: "gridcellRef",
         ref: f,
@@ -2395,7 +2395,7 @@ const en = () => {
           width: e.column.autoWidth && e.isMeasuringColumnWidths ? "auto" : `${e.column.width}px`
         }
       }, lt(fe(e.column), !0)), [
-        e.column.field === o(be) ? (u(), L(ve, { key: 0 }, [
+        e.column.field === o(be) ? (u(), S(ve, { key: 0 }, [
           e.selectable ? (u(), W(o(tt), {
             key: 0,
             class: "b-data-grid-cell__select-cell",
@@ -2430,7 +2430,7 @@ const en = () => {
             ]),
             _: 1
           }, 8, ["aria-controls", "toggled"])) : B("", !0)
-        ], 64)) : (u(), L(ve, { key: 1 }, [
+        ], 64)) : (u(), S(ve, { key: 1 }, [
           J(o(Ye), {
             el: "div",
             class: ce(["b-data-grid-cell__cell-content", Q.value]),
@@ -2448,7 +2448,7 @@ const en = () => {
             ]),
             _: 3
           }, 8, ["class"]),
-          ((q = e.column.cellActions) == null ? void 0 : q.length) > 0 ? (u(), L("div", Us, [
+          ((q = e.column.cellActions) == null ? void 0 : q.length) > 0 ? (u(), S("div", Us, [
             R.value && (T.value || o(r)(`item-${e.column.field}`)) ? (u(), W(hn, {
               key: 0,
               ref_key: "cellActionsRef",
@@ -2685,21 +2685,21 @@ const en = () => {
     });
     const c = b(() => n.shouldShowNestedRows(n.rowData)), T = b(
       () => {
-        var S, z;
-        return !n.isNestedRow && n.hasNestedRows && c.value && ((z = (S = n.rowData) == null ? void 0 : S.children) == null ? void 0 : z.length) > 0;
+        var L, z;
+        return !n.isNestedRow && n.hasNestedRows && c.value && ((z = (L = n.rowData) == null ? void 0 : L.children) == null ? void 0 : z.length) > 0;
       }
     ), N = b(
       () => {
-        var S, z;
-        return !n.isNestedRow && n.hasNestedRows && c.value && (((S = n.rowData) == null ? void 0 : S.children) === void 0 || ((z = n == null ? void 0 : n.rowData) == null ? void 0 : z.children.length) === 0);
+        var L, z;
+        return !n.isNestedRow && n.hasNestedRows && c.value && (((L = n.rowData) == null ? void 0 : L.children) === void 0 || ((z = n == null ? void 0 : n.rowData) == null ? void 0 : z.children.length) === 0);
       }
     ), v = b(
       () => n.hasNestedContent && n.shouldShowNestedContent(n.rowData) || n.hasNestedRows && c.value && !n.isNestedRow
     ), C = b(() => {
       if (n.hasNestedContent || n.hasNestedRows) {
-        const S = f.value.toString();
+        const L = f.value.toString();
         return {
-          "aria-expanded": v.value ? S : void 0,
+          "aria-expanded": v.value ? L : void 0,
           "aria-level": n.isNestedRow ? "2" : "1",
           "aria-posinset": n.rowIndex + 1,
           "aria-setsize": n.rowSetSize
@@ -2722,14 +2722,14 @@ const en = () => {
           tabindex: "-1"
         };
     }), p = b(() => {
-      var S, z;
-      return T.value ? (z = (S = n.rowData) == null ? void 0 : S.children) == null ? void 0 : z.reduce((Y, ee, j) => (Y[j] = ft("nested-row"), Y), {}) : [];
+      var L, z;
+      return T.value ? (z = (L = n.rowData) == null ? void 0 : L.children) == null ? void 0 : z.reduce((Y, ee, j) => (Y[j] = ft("nested-row"), Y), {}) : [];
     }), $ = b(() => {
-      var S;
+      var L;
       if (f.value) {
         if (n.hasNestedContent && n.shouldShowNestedContent(n.rowData))
           return [E];
-        if (T.value && ((S = Object.keys(p.value)) == null ? void 0 : S.length) > 0) {
+        if (T.value && ((L = Object.keys(p.value)) == null ? void 0 : L.length) > 0) {
           const z = Object.values(p.value);
           if ((z == null ? void 0 : z.length) > 0)
             return z;
@@ -2738,67 +2738,67 @@ const en = () => {
       }
     }), k = b(() => {
       var z, Y;
-      const S = (Y = (z = n.rowData) == null ? void 0 : z.children) == null ? void 0 : Y.map((ee) => n.getDataItemId(ee));
-      if ((S == null ? void 0 : S.length) > 0) {
-        const ee = S.every((re) => {
-          var Se;
-          return (Se = n == null ? void 0 : n.selectedItems) == null ? void 0 : Se.includes(re);
-        }), j = S.some((re) => {
-          var Se;
-          return (Se = n == null ? void 0 : n.selectedItems) == null ? void 0 : Se.includes(re);
+      const L = (Y = (z = n.rowData) == null ? void 0 : z.children) == null ? void 0 : Y.map((ee) => n.getDataItemId(ee));
+      if ((L == null ? void 0 : L.length) > 0) {
+        const ee = L.every((re) => {
+          var Le;
+          return (Le = n == null ? void 0 : n.selectedItems) == null ? void 0 : Le.includes(re);
+        }), j = L.some((re) => {
+          var Le;
+          return (Le = n == null ? void 0 : n.selectedItems) == null ? void 0 : Le.includes(re);
         });
         return !ee && j;
       }
       return !1;
-    }), w = (S, z) => {
-      const Y = S;
-      S !== null && (Y != null && Y.gridcellRef) && (g.value[z] = Y.gridcellRef);
-    }, _ = (S) => p.value[S], M = (S) => {
+    }), w = (L, z) => {
+      const Y = L;
+      L !== null && (Y != null && Y.gridcellRef) && (g.value[z] = Y.gridcellRef);
+    }, _ = (L) => p.value[L], M = (L) => {
       if (!n.selectable)
         return null;
-      const z = n.getDataItemId(S);
+      const z = n.getDataItemId(L);
       return n.selectedItems.includes(z).toString();
-    }, x = (S) => {
+    }, x = (L) => {
       var ee;
       if (!n.allowRowClicks)
         return;
       let z = !1;
       const Y = ["button", "input", "a"];
       for (let j = 0; j < Y.length; j++)
-        if ((ee = S == null ? void 0 : S.target) != null && ee.closest(Y[j])) {
+        if ((ee = L == null ? void 0 : L.target) != null && ee.closest(Y[j])) {
           z = !0;
           break;
         }
-      z || l("row-click", n.rowData, S);
-    }, fe = (S) => {
-      l("select-row", S, n.rowData);
-    }, oe = (S, z) => {
-      l("select-nested-row", z, n.rowData, S);
+      z || l("row-click", n.rowData, L);
+    }, fe = (L) => {
+      l("select-row", L, n.rowData);
+    }, oe = (L, z) => {
+      l("select-nested-row", z, n.rowData, L);
     }, we = () => {
       U.value = !0;
     }, me = () => {
       U.value = !1;
     }, he = () => {
-      var S;
-      fn([(S = y.value) == null ? void 0 : S[0]]), Et(R.value);
+      var L;
+      fn([(L = y.value) == null ? void 0 : L[0]]), Et(R.value);
     }, ge = () => {
       He(R.value);
-    }, Q = (S) => {
+    }, Q = (L) => {
       var z, Y;
-      S.key !== Ae.TAB && He(R.value), S.key === Ae.ARROW_RIGHT && ((z = y.value) == null ? void 0 : z.length) > 1 && y.value[0].node === document.activeElement ? (He(R.value), y.value[1].node.setAttribute("tabindex", "0"), y.value[1].node.focus(), S.stopPropagation(), S.preventDefault()) : S.key === Ae.ARROW_LEFT && ((Y = y.value) == null ? void 0 : Y.length) > 1 && y.value[1].node === document.activeElement && (He(R.value), y.value[0].node.setAttribute("tabindex", "0"), y.value[0].node.focus(), S.stopPropagation(), S.preventDefault());
-    }, m = () => n.columnSets.reduce((S, { columnSet: z }) => S + z.length, 0), Z = () => m() * n.rowIndex + m(), { updateContentHeight: q, contentHeight: V } = Fl(h, f), d = b(() => {
-      var S;
+      L.key !== Ae.TAB && He(R.value), L.key === Ae.ARROW_RIGHT && ((z = y.value) == null ? void 0 : z.length) > 1 && y.value[0].node === document.activeElement ? (He(R.value), y.value[1].node.setAttribute("tabindex", "0"), y.value[1].node.focus(), L.stopPropagation(), L.preventDefault()) : L.key === Ae.ARROW_LEFT && ((Y = y.value) == null ? void 0 : Y.length) > 1 && y.value[1].node === document.activeElement && (He(R.value), y.value[0].node.setAttribute("tabindex", "0"), y.value[0].node.focus(), L.stopPropagation(), L.preventDefault());
+    }, m = () => n.columnSets.reduce((L, { columnSet: z }) => L + z.length, 0), Z = () => m() * n.rowIndex + m(), { updateContentHeight: q, contentHeight: V } = Fl(h, f), d = b(() => {
+      var L;
       if (n.hasNestedContent || n.hasNestedRows)
         return {
           paddingLeft: `${T.value || N.value ? 0 : g.value[be].clientWidth + cn}px`,
-          "max-height": (n.hasNestedContent || n.hasNestedRows) && V.value && !((S = V == null ? void 0 : V.value) != null && S.includes("null")) ? V.value : 0
+          "max-height": (n.hasNestedContent || n.hasNestedRows) && V.value && !((L = V == null ? void 0 : V.value) != null && L.includes("null")) ? V.value : 0
         };
     });
     ye(
       () => h.value,
       () => {
-        let S = null;
-        !S && h.value && (S = bt(h.value, () => {
+        let L = null;
+        !L && h.value && (L = bt(h.value, () => {
           h.value && q();
         }));
       }
@@ -2808,27 +2808,27 @@ const en = () => {
     };
     ye(
       () => {
-        var S;
-        return (S = n.rowData) == null ? void 0 : S.children;
+        var L;
+        return (L = n.rowData) == null ? void 0 : L.children;
       },
-      (S, z) => {
+      (L, z) => {
         var Y, ee;
         ((ee = (Y = n == null ? void 0 : n.rowData) == null ? void 0 : Y.children) == null ? void 0 : ee.length) > 0 && z === void 0 && !f.value && q();
       }
     );
-    const I = (S, z) => ({
-      "b-data-grid-row-container__row--disabled": n.isDataItemDisabled(S),
+    const I = (L, z) => ({
+      "b-data-grid-row-container__row--disabled": n.isDataItemDisabled(L),
       "b-data-grid-row-container__row--row-clicks-enabled": n.allowRowClicks,
-      "b-data-grid-row-container__row--highlighted": n.highlightedRows.includes(n.getDataItemId(S)) || n.selectedItems.includes(n.getDataItemId(S)),
+      "b-data-grid-row-container__row--highlighted": n.highlightedRows.includes(n.getDataItemId(L)) || n.selectedItems.includes(n.getDataItemId(L)),
       "b-data-grid-row-container__row--hovered": n.hoveredRowIndex === z,
       "b-data-grid-row-container__row--is-last-child": n.isRowLastChild && !f.value,
       "b-data-grid-row-container__row--nested-row": n.isNestedRow,
       "b-data-grid-row-container__row--zebra": n.isRowEven
-    }), se = (S) => ({
-      "b-data-grid-row-container__row-cell-set--frozen": S,
-      [`b-data-grid-row-container__row-cell-set--${Ne.OVERFLOW_SHADOW_LEFT}`]: S && n.hasLeftOverflow,
-      "b-data-grid-row-container__row-cell-set--frozen-separator": S && n.showFrozenColumnsSeparator,
-      "b-data-grid-row-container__row-cell-set--unfrozen": !S,
+    }), se = (L) => ({
+      "b-data-grid-row-container__row-cell-set--frozen": L,
+      [`b-data-grid-row-container__row-cell-set--${Ne.OVERFLOW_SHADOW_LEFT}`]: L && n.hasLeftOverflow,
+      "b-data-grid-row-container__row-cell-set--frozen-separator": L && n.showFrozenColumnsSeparator,
+      "b-data-grid-row-container__row-cell-set--unfrozen": !L,
       "b-data-grid-row-container__row-cell-set--is-measuring": n.isMeasuringColumnWidths
     }), te = b(() => ({
       "b-data-grid-row-container__row-nested-slot--is-last-child": n.isRowLastChild,
@@ -2841,10 +2841,10 @@ const en = () => {
     return a({
       gridcellRefs: g,
       rowActionsRef: R
-    }), (S, z) => {
+    }), (L, z) => {
       var Y;
-      return u(), L("div", Ws, [
-        (u(), L("div", le(C.value, {
+      return u(), S("div", Ws, [
+        (u(), S("div", le(C.value, {
           id: (Y = e.rowId) == null ? void 0 : Y.toString(),
           key: e.rowIndex,
           class: ["b-data-grid-row-container__row", I(e.rowData, e.rowIndex)],
@@ -2856,19 +2856,19 @@ const en = () => {
             Dt(x, ["space"])
           ]
         }), [
-          (u(!0), L(ve, null, pe(e.columnSets, ({ columnSet: ee, id: j, isFrozenColumns: re }, Se) => (u(), L(ve, null, [
-            ee != null && ee.length ? (u(), L("div", {
+          (u(!0), S(ve, null, pe(e.columnSets, ({ columnSet: ee, id: j, isFrozenColumns: re }, Le) => (u(), S(ve, null, [
+            ee != null && ee.length ? (u(), S("div", {
               key: `data-grid-rows-${j}`,
               class: ce(["b-data-grid-row-container__cells", se(re)]),
               "data-testid": `data-grid-${j}-rows`
             }, [
-              (u(!0), L(ve, null, pe(ee, (Pe, st) => (u(), W(o(Bs), {
+              (u(!0), S(ve, null, pe(ee, (Pe, st) => (u(), W(o(Bs), {
                 key: `cell-${Pe.field}`,
                 ref_for: !0,
                 ref: (De) => w(De, Pe.field),
                 class: "b-data-grid-row-container__cell",
                 column: Pe,
-                "column-set-index": Se,
+                "column-set-index": Le,
                 "col-index": st,
                 "column-sets": e.columnSets,
                 condensed: e.condensed,
@@ -2895,12 +2895,12 @@ const en = () => {
                 pe(o(t), (De, Be) => ({
                   name: Be,
                   fn: G((at) => [
-                    Ie(S.$slots, Be, le({ ref_for: !0 }, at), void 0, !0)
+                    Ie(L.$slots, Be, le({ ref_for: !0 }, at), 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", "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, Gs)) : B("", !0),
-            !re && e.rowActions ? (u(), L("div", {
+            !re && e.rowActions ? (u(), S("div", {
               key: `data-grid-row-actions-${j}`,
               ref_for: !0,
               ref_key: "rowActionsRef",
@@ -2933,7 +2933,7 @@ const en = () => {
           name: "b-data-grid-row-container__animation--nested-content"
         }, {
           default: G(() => [
-            f.value ? (u(), L("div", le({ key: 0 }, s.value, {
+            f.value ? (u(), S("div", le({ key: 0 }, s.value, {
               class: te.value,
               "data-testid": "nested-content-container",
               style: d.value
@@ -2942,9 +2942,9 @@ const en = () => {
                 ref_key: "nestedContentRef",
                 ref: h
               }, [
-                N.value ? (u(), L("div", xs, [
+                N.value ? (u(), S("div", xs, [
                   J(o(wt))
-                ])) : T.value ? (u(!0), L(ve, { key: 1 }, pe(e.rowData.children, (ee, j) => (u(), W(_n, le({ ref_for: !0 }, n, {
+                ])) : T.value ? (u(!0), S(ve, { key: 1 }, pe(e.rowData.children, (ee, j) => (u(), W(_n, le({ ref_for: !0 }, n, {
                   id: _(j),
                   key: `child-${j}`,
                   "row-data": ee,
@@ -2956,14 +2956,14 @@ const en = () => {
                   onOnFrozenColumnsKeyPress: z[4] || (z[4] = (re) => l("on-frozen-columns-key-press", re)),
                   onSelectRow: (re) => oe(ee, re)
                 }), Ve({ _: 2 }, [
-                  pe(o(t), (re, Se) => ({
-                    name: Se,
+                  pe(o(t), (re, Le) => ({
+                    name: Le,
                     fn: G((Pe) => [
-                      Ie(S.$slots, Se, le({ ref_for: !0 }, Pe), void 0, !0)
+                      Ie(L.$slots, Le, le({ ref_for: !0 }, Pe), void 0, !0)
                     ])
                   }))
-                ]), 1040, ["id", "row-data", "row-index", "row-set-size", "onSelectRow"]))), 128)) : o(r)("nested-slot") && e.shouldShowNestedContent(e.rowData) ? (u(), L("div", Zs, [
-                  Ie(S.$slots, "nested-slot", { item: e.rowData }, void 0, !0)
+                ]), 1040, ["id", "row-data", "row-index", "row-set-size", "onSelectRow"]))), 128)) : o(r)("nested-slot") && e.shouldShowNestedContent(e.rowData) ? (u(), S("div", Zs, [
+                  Ie(L.$slots, "nested-slot", { item: e.rowData }, void 0, !0)
                 ])) : B("", !0)
               ], 512)
             ], 16)) : B("", !0)
@@ -2981,20 +2981,20 @@ const Ks = {
   }
 }, Ys = { key: 0 }, Xs = ["clip-path"], Js = ["id"];
 function Qs(e, a, i, t, r, n) {
-  return u(), L("svg", le({ role: "img" }, e.$attrs, {
+  return u(), S("svg", le({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (u(), L("title", Ys, X(e.$attrs["svg-title"]), 1)) : B("", !0),
+    e.$attrs["svg-title"] ? (u(), S("title", Ys, X(e.$attrs["svg-title"]), 1)) : B("", !0),
     O("g", {
       "clip-path": "url(#uia-ui-assets/icons-16-warning_circle_fill__a" + e.uuid + ")"
     }, a[0] || (a[0] = [
       O("path", {
         fill: "#001222",
-        d: "M0.25 8C0.25 3.71979 3.71979 0.25 8 0.25C12.2802 0.25 15.75 3.71979 15.75 8C15.75 12.2802 12.2802 15.75 8 15.75C3.71979 15.75 0.25 12.2802 0.25 8ZM8.75 8.75V4.25H7.25V8.75H8.75ZM8 11.5C8.41421 11.5 8.75 11.1642 8.75 10.75C8.75 10.3358 8.41421 10 8 10C7.58579 10 7.25 10.3358 7.25 10.75C7.25 11.1642 7.58579 11.5 8 11.5Z"
+        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, Xs),
     O("defs", null, [
@@ -3037,7 +3037,7 @@ const ea = /* @__PURE__ */ ie(Ks, [["render", Qs]]), ta = ["aria-label"], na = {
     }), t = b(() => ({
       "b-data-grid-static-icon--colored": a.colored && a.variant !== "no-value"
     })), r = b(() => `b-data-grid-static-icon__${a.variant}`), n = b(() => wl.AUTO);
-    return (l, g) => ht((u(), L("div", {
+    return (l, g) => ht((u(), S("div", {
       "aria-label": l.tooltipText,
       class: ce(["b-data-grid-static-icon", t.value]),
       tabindex: "0"
@@ -3100,7 +3100,7 @@ const ea = /* @__PURE__ */ ie(Ks, [["render", Qs]]), ta = ["aria-label"], na = {
     }), l = (h) => i.searchTerm && h.toLowerCase().includes(n.value) ? "mark" : "span", g = b(() => i.searchTerm ? i.items.filter((h) => h.toLowerCase().includes(n.value)).length : 0), f = b(
       () => i.tooltipText ?? (g.value > 0 ? a("numberResults", g.value) : "")
     );
-    return (h, R) => (u(), L("div", oa, [
+    return (h, R) => (u(), S("div", oa, [
       h.items.length > 1 ? (u(), W(o(_l), le({
         key: 0,
         ref_key: "dashedUnderlineRef",
@@ -3110,7 +3110,7 @@ const ea = /* @__PURE__ */ ie(Ks, [["render", Qs]]), ta = ["aria-label"], na = {
           J(o(Ye), { class: "b-data-grid-summary-cell__popover-content" }, {
             default: G(() => [
               O("ul", sa, [
-                (u(!0), L(ve, null, pe(h.items, (E) => (u(), L("li", { key: E }, [
+                (u(!0), S(ve, null, pe(h.items, (E) => (u(), S("li", { key: E }, [
                   (u(), W(je(l(E)), null, {
                     default: G(() => [
                       ue(X(E), 1)
@@ -3127,7 +3127,7 @@ const ea = /* @__PURE__ */ ie(Ks, [["render", Qs]]), ta = ["aria-label"], na = {
           ue(X(h.label) + " ", 1)
         ]),
         _: 1
-      }, 16)) : (u(), L(ve, { key: 1 }, [
+      }, 16)) : (u(), S(ve, { key: 1 }, [
         ue(X(h.items[0]), 1)
       ], 64)),
       t.value && f.value ? (u(), W(o(hl), {
@@ -3506,7 +3506,7 @@ const ea = /* @__PURE__ */ ie(Ks, [["render", Qs]]), ta = ["aria-label"], na = {
       gridRowWidthStyle: te,
       isMeasuringColumnWidths: Fe,
       isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: Ge,
-      columns: S,
+      columns: L,
       totalWidthOfAllColumns: z,
       rowActionsMaxWidth: Y
     } = eo(N, C, l, f, h, {
@@ -3518,13 +3518,13 @@ const ea = /* @__PURE__ */ ie(Ks, [["render", Qs]]), ta = ["aria-label"], na = {
       allowColumnDragAndDrop: T,
       isDataGridTemplate: Z
     }), ee = i, j = (D, ...P) => {
-      (D === F.COLUMNS || D === F.UPDATE_COLUMNS) && ([S.value] = P), ee(D, ...P);
+      (D === F.COLUMNS || D === F.UPDATE_COLUMNS) && ([L.value] = P), ee(D, ...P);
     }, re = Bt(
       V,
       q,
       d,
       m
-    ), Se = b(
+    ), Le = b(
       () => t.stickyFilters ? `${re.value}px` : null
     ), Pe = Bt(R, dt(t, "stickyFilters")), st = b(
       () => `${Pe.value + re.value}px`
@@ -3536,13 +3536,13 @@ const ea = /* @__PURE__ */ ie(Ks, [["render", Qs]]), ta = ["aria-label"], na = {
       onConfigSettingsColumnsUpdate: yn,
       onConfigSettingsColumnUpdate: En,
       onConfigSettingsCondensedUpdate: pn,
-      onConfigSettingsZebraRowsUpdate: Sn
-    } = io(I, we, j), { hoveredOverColumn: Ln, hoveredOverColumnState: pt } = uo(
+      onConfigSettingsZebraRowsUpdate: Ln
+    } = io(I, we, j), { hoveredOverColumn: Sn, hoveredOverColumnState: pt } = uo(
       Be,
       w,
       fe,
       Ge
-    ), { draggingColumns: St, draggingEventsForColumns: Rn, draggingEventsForRowCell: An, onMoveColumnByOffset: On } = ao(De, T, j), Lt = b(() => !!t.selectableAcrossPages && !!t.pagination), {
+    ), { draggingColumns: Lt, draggingEventsForColumns: Rn, draggingEventsForRowCell: An, onMoveColumnByOffset: On } = ao(De, T, j), St = b(() => !!t.selectableAcrossPages && !!t.pagination), {
       onAllRowSelect: Rt,
       onRowSelect: Tn,
       onNestedRowSelect: Nn,
@@ -3557,7 +3557,7 @@ const ea = /* @__PURE__ */ ie(Ks, [["render", Qs]]), ta = ["aria-label"], na = {
       C,
       t.getDataItemId,
       t.isDataItemDisabled,
-      Lt,
+      St,
       oe
     ), { navigationInput: Je } = lo(
       h,
@@ -3629,11 +3629,11 @@ const ea = /* @__PURE__ */ ie(Ks, [["render", Qs]]), ta = ["aria-label"], na = {
       var K, Ee, Oe, We;
       const ae = D;
       if (D !== null && ae != null && ae.gridcellRefs) {
-        const Le = t.rowActions !== void 0 && (ae == null ? void 0 : ae.rowActionsRef);
+        const Se = t.rowActions !== void 0 && (ae == null ? void 0 : ae.rowActionsRef);
         Object.entries(ae == null ? void 0 : ae.gridcellRefs).map(([ke, Ze]) => {
           var $t;
           (($t = h.value) == null ? void 0 : $t[ke]) === void 0 && (h.value = { ...h.value, [ke]: [] }), h.value[ke][P] = Ze;
-        }), Le && (((K = h.value) == null ? void 0 : K[qe]) === void 0 && (h.value = { ...h.value, [qe]: [] }), h.value[qe][P] = (Ee = ae.rowActionsRef) == null ? void 0 : Ee[0], Y.value = Math.max(
+        }), Se && (((K = h.value) == null ? void 0 : K[qe]) === void 0 && (h.value = { ...h.value, [qe]: [] }), h.value[qe][P] = (Ee = ae.rowActionsRef) == null ? void 0 : Ee[0], Y.value = Math.max(
           Y.value,
           ((We = (Oe = ae.rowActionsRef) == null ? void 0 : Oe[0]) == null ? void 0 : We.offsetWidth) ?? 0
         ));
@@ -3668,9 +3668,9 @@ const ea = /* @__PURE__ */ ie(Ks, [["render", Qs]]), ta = ["aria-label"], na = {
     };
     return b(() => N.value.some((D) => D.mandatory)).value || an(
       "WARNING: At least one BentoDataGrid column should be set as mandatory to ensure data is always displayed correctly."
-    ), ut(Ll, () => null)(t.tabTitle), on(Cn, dt(t, "slashedZero")), a({ onEmptyStateClearResetButtonClick: Bn }), (D, P) => {
+    ), ut(Sl, () => null)(t.tabTitle), on(Cn, dt(t, "slashedZero")), a({ onEmptyStateClearResetButtonClick: Bn }), (D, P) => {
       var ae;
-      return u(), L("div", {
+      return u(), S("div", {
         class: ce(["b-data-grid", Hn.value]),
         "aria-rowcount": o(C).length,
         "aria-colcount": o(N).length,
@@ -3679,12 +3679,12 @@ const ea = /* @__PURE__ */ ie(Ks, [["render", Qs]]), ta = ["aria-label"], na = {
         onCopy: P[11] || (P[11] = //@ts-ignore
         (...K) => o(Gt) && o(Gt)(...K))
       }, [
-        e.filters ? (u(), L("div", {
+        e.filters ? (u(), S("div", {
           key: 0,
           ref_key: "filtersRef",
           ref: R,
           class: ce(["b-data-grid__filters", xn.value]),
-          style: Me({ top: Se.value })
+          style: Me({ top: Le.value })
         }, [
           e.filters ? (u(), W(o(rt), {
             key: 0,
@@ -3701,7 +3701,7 @@ const ea = /* @__PURE__ */ ie(Ks, [["render", Qs]]), ta = ["aria-label"], na = {
             "onUpdate:filterValues": P[1] || (P[1] = (K) => D.$emit(o(F).UPDATE_FILTER_VALUES, K))
           }, null, 8, ["config", "container-size-layout", "filter-values", "search", "search-term"])) : B("", !0)
         ], 6)) : B("", !0),
-        D.$slots.header ? (u(), L("div", da, [
+        D.$slots.header ? (u(), S("div", da, [
           Ie(D.$slots, "header", {}, void 0, !0)
         ])) : B("", !0),
         O("div", {
@@ -3711,11 +3711,11 @@ const ea = /* @__PURE__ */ ie(Ks, [["render", Qs]]), ta = ["aria-label"], na = {
           o(v) ? (u(), W(o(ps), {
             key: 0,
             class: "b-data-grid__config-settings",
-            columns: o(S),
+            columns: o(L),
             condensed: e.condensed,
             "zebra-rows": o(it),
             "onUpdate:condensed": o(pn),
-            "onUpdate:zebraRows": o(Sn),
+            "onUpdate:zebraRows": o(Ln),
             "onUpdate:columns": o(yn)
           }, null, 8, ["columns", "condensed", "zebra-rows", "onUpdate:condensed", "onUpdate:zebraRows", "onUpdate:columns"])) : B("", !0),
           O("div", {
@@ -3734,18 +3734,18 @@ const ea = /* @__PURE__ */ ie(Ks, [["render", Qs]]), ta = ["aria-label"], na = {
               class: "b-data-grid__columns",
               role: "row"
             }, [
-              (u(!0), L(ve, null, pe(o(Be), ({ columnSet: K, id: Ee, isFrozenColumns: Oe }, We) => (u(), L(ve, null, [
+              (u(!0), S(ve, null, pe(o(Be), ({ columnSet: K, id: Ee, isFrozenColumns: Oe }, We) => (u(), S(ve, null, [
                 K != null && K.length ? (u(), W(o(Qo), le({
                   key: `data-grid-columns-${Ee}`,
                   ref_for: !0,
-                  ref: (Le) => jn(Le),
+                  ref: (Se) => jn(Se),
                   columns: K,
                   "has-resizable-columns": e.hasResizableColumns,
                   "sort-by": e.sortBy,
                   "all-items-selected-state": o($n),
                   "is-frozen-columns": Oe,
                   "show-frozen-columns-separator": Tt.value,
-                  "dragging-columns": o(St),
+                  "dragging-columns": o(Lt),
                   "has-draggable-columns": o(T),
                   "has-column-panel": o(v),
                   "has-left-overflow": o(et),
@@ -3754,23 +3754,23 @@ const ea = /* @__PURE__ */ ie(Ks, [["render", Qs]]), ta = ["aria-label"], na = {
                   "is-measuring-column-widths": o(Fe),
                   "is-only-one-visible-column": o(at),
                   selectable: o(w),
-                  "selectable-across-pages": Lt.value,
+                  "selectable-across-pages": St.value,
                   "selected-items": o(Xe),
                   "selection-state": Jn.value,
                   "truncate-column-headers": e.truncateColumnHeaders,
                   "row-actions-maximum-width": o(Y)
                 }, lt(o(Rn)), {
-                  onColumnHover: P[2] || (P[2] = (Le) => Ln.value = Le),
+                  onColumnHover: P[2] || (P[2] = (Se) => Sn.value = Se),
                   onColumnMove: o(On),
                   onColumnUpdate: o(En),
                   onColumnResize: el,
                   onColumnResizing: o(se),
                   onSelectAllRows: o(Rt),
-                  onSelectAllAcrossPages: P[3] || (P[3] = (Le) => j(o(F).SELECT_ALL_ACROSS_PAGES)),
+                  onSelectAllAcrossPages: P[3] || (P[3] = (Se) => j(o(F).SELECT_ALL_ACROSS_PAGES)),
                   onDeselectAll: o(In),
                   onSort: tl
                 }), Ve({ _: 2 }, [
-                  pe(o(r), (Le, ke) => ({
+                  pe(o(r), (Se, ke) => ({
                     name: ke,
                     fn: G((Ze) => [
                       Ie(D.$slots, ke, le({ ref_for: !0 }, Ze), void 0, !0)
@@ -3792,7 +3792,7 @@ const ea = /* @__PURE__ */ ie(Ks, [["render", Qs]]), ta = ["aria-label"], na = {
           onScroll: P[8] || (P[8] = //@ts-ignore
           (...K) => o(Qe) && o(Qe)(...K))
         }, [
-          o(p) && !o(xe) ? (u(), L("div", fa, [
+          o(p) && !o(xe) ? (u(), S("div", fa, [
             J(o(wt), {
               class: "b-data-grid__loading-indicator",
               large: ""
@@ -3806,26 +3806,26 @@ const ea = /* @__PURE__ */ ie(Ks, [["render", Qs]]), ta = ["aria-label"], na = {
               ]),
               _: 1
             })
-          ])) : ((ae = o(C)) == null ? void 0 : ae.length) === 0 && e.emptyState ? (u(), L("div", ga, [
-            J(o(Sl), cl(fl(Wn.value)), null, 16)
-          ])) : (u(), L("div", {
+          ])) : ((ae = o(C)) == null ? void 0 : ae.length) === 0 && e.emptyState ? (u(), S("div", ga, [
+            J(o(Ll), cl(fl(Wn.value)), null, 16)
+          ])) : (u(), S("div", {
             key: 2,
             class: "b-data-grid__rows",
             role: "rowgroup",
             onKeydown: P[7] || (P[7] = //@ts-ignore
             (...K) => o(Je) && o(Je)(...K))
           }, [
-            (u(!0), L(ve, null, pe(o(C), (K, Ee) => {
+            (u(!0), S(ve, null, pe(o(C), (K, Ee) => {
               var Oe, We;
               return u(), W(o(_n), {
                 key: Ee,
                 ref_for: !0,
-                ref: (Le) => qn(Le, Ee),
+                ref: (Se) => qn(Se, Ee),
                 style: Me(o(te)),
                 "allow-row-clicks": e.allowRowClicks,
                 "column-sets": o(Be),
                 condensed: e.condensed,
-                "dragging-columns": o(St),
+                "dragging-columns": o(Lt),
                 "dragging-events-for-row-cell": o(An),
                 "get-data-item-id": e.getDataItemId,
                 "has-nested-content": o($),
@@ -3850,13 +3850,13 @@ const ea = /* @__PURE__ */ ie(Ks, [["render", Qs]]), ta = ["aria-label"], na = {
                 selectable: o(w),
                 "selected-items": o(Xe),
                 onCellHovered: Yn,
-                onNestedContentToggled: P[6] || (P[6] = (Le) => j(o(F).NESTED_CONTENT_TOGGLED, Le)),
+                onNestedContentToggled: P[6] || (P[6] = (Se) => j(o(F).NESTED_CONTENT_TOGGLED, Se)),
                 onRowClick: Kn,
                 onOnFrozenColumnsKeyPress: o(Fn),
                 onSelectRow: o(Tn),
                 onSelectNestedRow: o(Nn)
               }, Ve({ _: 2 }, [
-                pe(o(r), (Le, ke) => ({
+                pe(o(r), (Se, ke) => ({
                   name: ke,
                   fn: G((Ze) => [
                     Ie(D.$slots, ke, le({ ref_for: !0 }, Ze), void 0, !0)
@@ -3872,7 +3872,7 @@ const ea = /* @__PURE__ */ ie(Ks, [["render", Qs]]), ta = ["aria-label"], na = {
           "is-infinite-scroll": o(Mn),
           "onUpdate:showMore": o(Un)
         }, null, 8, ["loading", "is-infinite-scroll", "onUpdate:showMore"])) : B("", !0),
-        e.stickyHorizontalScrollbar ? (u(), L("div", {
+        e.stickyHorizontalScrollbar ? (u(), S("div", {
           key: 3,
           ref_key: "virtualHorizontalScrollbarRef",
           ref: c,
@@ -3887,7 +3887,7 @@ const ea = /* @__PURE__ */ ie(Ks, [["render", Qs]]), ta = ["aria-label"], na = {
             style: Me({ width: `${o(z)}px`, height: "15px" })
           }, null, 4)
         ], 36)) : B("", !0),
-        o(oe) && !o(xe) ? (u(), L("div", {
+        o(oe) && !o(xe) ? (u(), S("div", {
           key: 4,
           ref_key: "paginationContainerRef",
           ref: U,
@@ -3905,7 +3905,7 @@ const ea = /* @__PURE__ */ ie(Ks, [["render", Qs]]), ta = ["aria-label"], na = {
             _: 3
           }, 16, ["aria-label"])
         ], 2)) : B("", !0),
-        D.$slots.footer ? (u(), L("div", va, [
+        D.$slots.footer ? (u(), S("div", va, [
           Ie(D.$slots, "footer", {}, void 0, !0)
         ])) : B("", !0),
         Qn.value ? (u(), W(o(bl), {
@@ -3929,4 +3929,4 @@ export {
   F as f,
   nt as g
 };
-//# sourceMappingURL=data-grid.aEQt05d9.js.map
+//# sourceMappingURL=data-grid.DMOTTywp.js.map