@adyen/bento-vue2 1.64.0 → 1.65.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (64) hide show
  1. package/dist/assets/accordion-item.css +1 -1
  2. package/dist/assets/action-bar.css +1 -1
  3. package/dist/assets/base-modal.css +1 -1
  4. package/dist/assets/card.css +1 -1
  5. package/dist/assets/data-grid.css +1 -1
  6. package/dist/assets/date-picker.css +1 -1
  7. package/dist/assets/dialog-page.css +1 -1
  8. package/dist/assets/dropdown.css +1 -1
  9. package/dist/assets/file-uploader.css +1 -1
  10. package/dist/assets/inspector.css +1 -1
  11. package/dist/assets/menu.css +1 -1
  12. package/dist/assets/modal-fullscreen.css +1 -1
  13. package/dist/assets/popover.css +1 -1
  14. package/dist/assets/sidepanel.css +1 -1
  15. package/dist/assets/use-cached-selected-values.css +1 -1
  16. package/dist/chunks/{code-snippet.C7eh-7Vy.js → code-snippet.W8Zp0zQP.js} +2 -2
  17. package/dist/chunks/{code-snippet.C7eh-7Vy.js.map → code-snippet.W8Zp0zQP.js.map} +1 -1
  18. package/dist/chunks/{data-grid.o64ltIur.js → data-grid.D4oeTUhn.js} +65 -59
  19. package/dist/chunks/{data-grid.o64ltIur.js.map → data-grid.D4oeTUhn.js.map} +1 -1
  20. package/dist/chunks/{date-picker.Ba-lHyXs.js → date-picker.k0g6anfy.js} +28 -28
  21. package/dist/chunks/{date-picker.Ba-lHyXs.js.map → date-picker.k0g6anfy.js.map} +1 -1
  22. package/dist/chunks/{date-range-picker.BER92nnT.js → date-range-picker.D9lyIoO-.js} +20 -20
  23. package/dist/chunks/{date-range-picker.BER92nnT.js.map → date-range-picker.D9lyIoO-.js.map} +1 -1
  24. package/dist/chunks/{dropdown-tag.uNZs7yVF.js → dropdown-tag.DKhxBV52.js} +2 -2
  25. package/dist/chunks/{dropdown-tag.uNZs7yVF.js.map → dropdown-tag.DKhxBV52.js.map} +1 -1
  26. package/dist/chunks/{dropdown.DZ1Ndonr.js → dropdown.DV7uhHNP.js} +250 -239
  27. package/dist/chunks/dropdown.DV7uhHNP.js.map +1 -0
  28. package/dist/chunks/{filter-bar.BMDvL9EW.js → filter-bar.BxDEplt3.js} +7 -7
  29. package/dist/chunks/{filter-bar.BMDvL9EW.js.map → filter-bar.BxDEplt3.js.map} +1 -1
  30. package/dist/chunks/{header-with-views.CEfKLlVv.js → header-with-views.Ds9mcwmp.js} +2 -2
  31. package/dist/chunks/{header-with-views.CEfKLlVv.js.map → header-with-views.Ds9mcwmp.js.map} +1 -1
  32. package/dist/chunks/{input-field-password.DI7W4ehj.js → input-field-password.Bloa-rqx.js} +3 -3
  33. package/dist/chunks/{input-field-password.DI7W4ehj.js.map → input-field-password.Bloa-rqx.js.map} +1 -1
  34. package/dist/chunks/{input-field-phone-number.BXbNxQeN.js → input-field-phone-number.B3qzZKuP.js} +3 -3
  35. package/dist/chunks/{input-field-phone-number.BXbNxQeN.js.map → input-field-phone-number.B3qzZKuP.js.map} +1 -1
  36. package/dist/chunks/{input-field.-Pgtuotm.js → input-field.B_3nZFYz.js} +2 -2
  37. package/dist/chunks/{input-field.-Pgtuotm.js.map → input-field.B_3nZFYz.js.map} +1 -1
  38. package/dist/chunks/{pagination.CoM4szsH.js → pagination.Cl7SzoId.js} +2 -2
  39. package/dist/chunks/{pagination.CoM4szsH.js.map → pagination.Cl7SzoId.js.map} +1 -1
  40. package/dist/chunks/{search-bar.BhQdvBh8.js → search-bar.CadVBoj0.js} +3 -3
  41. package/dist/chunks/{search-bar.BhQdvBh8.js.map → search-bar.CadVBoj0.js.map} +1 -1
  42. package/dist/chunks/{secondary-nav.CItGT9T3.js → secondary-nav.OwimHNCb.js} +2 -2
  43. package/dist/chunks/{secondary-nav.CItGT9T3.js.map → secondary-nav.OwimHNCb.js.map} +1 -1
  44. package/dist/chunks/use-cached-selected-values.DNOmzQVy.js +1280 -0
  45. package/dist/chunks/{use-cached-selected-values.C1CeSurp.js.map → use-cached-selected-values.DNOmzQVy.js.map} +1 -1
  46. package/dist/code-snippet.js +1 -1
  47. package/dist/data-grid.js +1 -1
  48. package/dist/date-picker.js +1 -1
  49. package/dist/date-range-picker.js +1 -1
  50. package/dist/dropdown.js +3 -3
  51. package/dist/filter-bar.js +1 -1
  52. package/dist/header-with-views.js +1 -1
  53. package/dist/index.js +15 -15
  54. package/dist/input-field-password.js +1 -1
  55. package/dist/input-field-phone-number.js +1 -1
  56. package/dist/input-field.js +1 -1
  57. package/dist/internal.js +1 -1
  58. package/dist/pagination.js +1 -1
  59. package/dist/search-bar.js +2 -2
  60. package/dist/secondary-nav.js +1 -1
  61. package/dist/web-types.json +1 -1
  62. package/package.json +7 -6
  63. package/dist/chunks/dropdown.DZ1Ndonr.js.map +0 -1
  64. package/dist/chunks/use-cached-selected-values.C1CeSurp.js +0 -1271
@@ -11,18 +11,18 @@ import { B as Nn } from "./dashed-underline.CEaAmjDa.js";
11
11
  import { B as be, p as Ct } from "./typography.J1v_SPG3.js";
12
12
  import { u as ce } from "./i18n.BQkEbtPM.js";
13
13
  import { B as In } from "./action-bar.DHdrZtmW.js";
14
- import { B as Dn } from "./pagination.CoM4szsH.js";
15
- import { B as $e } from "./loading-indicator.z8COalOc.js";
16
- import { u as Pe } from "./use-has-slot.C9lQZ6nz.js";
14
+ import { B as Dn } from "./pagination.Cl7SzoId.js";
15
+ import { B as Pe } from "./loading-indicator.z8COalOc.js";
16
+ import { u as $e } from "./use-has-slot.C9lQZ6nz.js";
17
17
  import { u as xn } from "./aria-label.CaUURpnB.js";
18
18
  import { g as Fn } from "./get-slot-text.BQS5Olxm.js";
19
- import { B as Te } from "./filter-bar.BMDvL9EW.js";
19
+ import { B as Te } from "./filter-bar.BxDEplt3.js";
20
20
  import { B as Mn } from "./empty-state.mtXfb1BB.js";
21
21
  import { E as Bn } from "./tabs.keys.Bc2pSKRw.js";
22
- import { D as $n } from "./data-grid-template.keys.2_AkxuNT.js";
22
+ import { D as Pn } from "./data-grid-template.keys.2_AkxuNT.js";
23
23
  import { o as Ue } from "./resize.Bqks3WUm.js";
24
24
  import "./index.Cl4_42j5.js";
25
- import { u as Pn } from "./use-expandable-content-height.GkjjbmPy.js";
25
+ import { u as $n } from "./use-expandable-content-height.GkjjbmPy.js";
26
26
  import { g as De } from "./generate-uid.NJ8tVoha.js";
27
27
  import { B as ht } from "./button.hF-nD1Og.js";
28
28
  import { B as pt, O as Un, D as zn } from "./menu.BCD4FW54.js";
@@ -40,8 +40,8 @@ import { A as Yn } from "./dialog-page.CLHZqQeU.js";
40
40
  import { H as Kn, S as Xn } from "./show.B_mKPF6I.js";
41
41
  import { l as Qe } from "./events.CMzGybJJ.js";
42
42
  import { B as bt } from "./toggle.DyXL09-x.js";
43
- import { B as Jn } from "./search-bar.BhQdvBh8.js";
44
- import { u as Qn } from "./dropdown.DZ1Ndonr.js";
43
+ import { B as Jn } from "./search-bar.CadVBoj0.js";
44
+ import { u as Qn } from "./dropdown.DV7uhHNP.js";
45
45
  import { S as es } from "./search.D53Ia3rC.js";
46
46
  import { B as ts } from "./directive.Cbdox5VL.js";
47
47
  import "../assets/data-grid.css";
@@ -711,7 +711,7 @@ const Fs = {
711
711
  var Ms = function() {
712
712
  var t = this, n = t._self._c;
713
713
  return n("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? n("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), n("g", { attrs: { "clip-path": "url(#uia-ui-assets/icons-16-freeze__a" + t.uuid + ")" } }, [n("path", { attrs: { 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" } })]), n("defs", [n("clipPath", { attrs: { id: "uia-ui-assets/icons-16-freeze__a" + t.uuid } }, [n("rect", { attrs: { width: "16", height: "16", fill: "#fff", transform: "matrix(1 0 0 -1 0 16)" } })])])]);
714
- }, Bs = [], $s = /* @__PURE__ */ G(
714
+ }, Bs = [], Ps = /* @__PURE__ */ G(
715
715
  Fs,
716
716
  Ms,
717
717
  Bs,
@@ -719,9 +719,9 @@ var Ms = function() {
719
719
  null,
720
720
  null
721
721
  );
722
- const Et = $s.exports;
722
+ const Et = Ps.exports;
723
723
  let it = 0;
724
- const Ps = {
724
+ const $s = {
725
725
  beforeCreate() {
726
726
  this.uuid = it.toString(), it += 1;
727
727
  }
@@ -730,7 +730,7 @@ var Us = function() {
730
730
  var t = this, n = t._self._c;
731
731
  return n("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? n("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), n("g", { attrs: { fill: "#001222", "clip-path": "url(#uia-ui-assets/icons-16-sort_ascending__a" + t.uuid + ")" } }, [n("path", { attrs: { 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" } }), n("path", { attrs: { d: "M6.75 7.25H1.25V8.75H6.75V7.25Z" } }), n("path", { attrs: { d: "M1.25 11.25H8.75V12.75H1.25V11.25Z" } }), n("path", { attrs: { d: "M6.75 3.25H1.25V4.75H6.75V3.25Z" } })]), n("defs", [n("clipPath", { attrs: { id: "uia-ui-assets/icons-16-sort_ascending__a" + t.uuid } }, [n("rect", { attrs: { width: "16", height: "16", fill: "#fff" } })])])]);
732
732
  }, zs = [], ks = /* @__PURE__ */ G(
733
- Ps,
733
+ $s,
734
734
  Us,
735
735
  zs,
736
736
  !1,
@@ -1051,7 +1051,7 @@ const Js = Xs.exports, Qs = {
1051
1051
  "b-data-grid-columns--unfrozen": !0
1052
1052
  };
1053
1053
  }), j = (i, B) => i && B === 0 ? Je.BOTTOM_START : Je.BOTTOM_END, V = (i, B) => {
1054
- var Y, K, Q, ve, me, ue, b, F, P, $;
1054
+ var Y, K, Q, ve, me, ue, b, F, $, P;
1055
1055
  return {
1056
1056
  "b-data-grid-columns__column--column-hovered": i.field === e.hoveredOverColumnState.hoveredOverColumnField,
1057
1057
  "b-data-grid-columns__column--column-hovered-no-border-left": i.field === e.hoveredOverColumnState.hoveredOverColumnField && e.hoveredOverColumnState.noBorderLeft,
@@ -1064,7 +1064,7 @@ const Js = Xs.exports, Qs = {
1064
1064
  "b-data-grid-columns__column--frozen": i == null ? void 0 : i.frozen,
1065
1065
  "b-data-grid-columns__column--is-re-ordering": (i == null ? void 0 : i.field) === ((ve = (Q = e.draggingColumns) == null ? void 0 : Q.dragging) == null ? void 0 : ve.field),
1066
1066
  "b-data-grid-columns__column--is-re-ordering-target-left": (i == null ? void 0 : i.field) === ((ue = (me = e.draggingColumns) == null ? void 0 : me.target) == null ? void 0 : ue.field) && ((b = e.draggingColumns) == null ? void 0 : b.dragToLeft),
1067
- "b-data-grid-columns__column--is-re-ordering-target-right": (i == null ? void 0 : i.field) === ((P = (F = e.draggingColumns) == null ? void 0 : F.target) == null ? void 0 : P.field) && !(($ = e.draggingColumns) != null && $.dragToLeft),
1067
+ "b-data-grid-columns__column--is-re-ordering-target-right": (i == null ? void 0 : i.field) === (($ = (F = e.draggingColumns) == null ? void 0 : F.target) == null ? void 0 : $.field) && !((P = e.draggingColumns) != null && P.dragToLeft),
1068
1068
  "b-data-grid-columns__column--with-sorting-or-column-panel": i.sortable || i.infoIconTooltip || e.hasColumnPanel && R.value === i.field || e.selectableAcrossPages
1069
1069
  };
1070
1070
  }, q = (i) => ({
@@ -1384,7 +1384,7 @@ const yo = bo.exports, Lt = {
1384
1384
  },
1385
1385
  setup(s) {
1386
1386
  const { t } = ce();
1387
- return { __sfc: !0, t, BentoLoadingButton: Zn, BentoLoadingButtonState: Vn, BentoLoadingIndicator: $e, BentoDatagridEvent: T };
1387
+ return { __sfc: !0, t, BentoLoadingButton: Zn, BentoLoadingButtonState: Vn, BentoLoadingIndicator: Pe, BentoDatagridEvent: T };
1388
1388
  }
1389
1389
  });
1390
1390
  var Lo = function() {
@@ -1440,7 +1440,7 @@ const Fo = xo.exports, Mo = {
1440
1440
  }, Bo = {
1441
1441
  i18n: { messages: Mo },
1442
1442
  name: "data-grid-cell-actions"
1443
- }, $o = /* @__PURE__ */ ae({
1443
+ }, Po = /* @__PURE__ */ ae({
1444
1444
  ...Bo,
1445
1445
  props: {
1446
1446
  /**
@@ -1536,7 +1536,7 @@ const Fo = xo.exports, Mo = {
1536
1536
  }, shouldShowMenuIconLeft: (d) => d.iconLeft || (d == null ? void 0 : d.variant) === "more", BentoButton: ht, BentoMenu: pt, Copy: Wn, Edit1Icon: Fo, ExternalLinkIcon: kn, OptionsVerticalIcon: Un };
1537
1537
  }
1538
1538
  });
1539
- var Po = function() {
1539
+ var $o = function() {
1540
1540
  var t = this, n = t._self._c, e = t._self._setupProxy;
1541
1541
  return n("Transition", { attrs: { name: "b-data-grid-cell-actions__animation", appear: "" } }, [n("div", { staticClass: "b-data-grid-cell-actions" }, [e.showGradientElement ? n("div", { staticClass: "b-data-grid-cell-actions__background-gradient", class: e.conditionalCellActionsBackgroundGradientClasses }) : t._e(), n("div", { staticClass: "b-data-grid-cell-actions__actions", class: e.conditionalCellActionsClasses, attrs: { role: "group" } }, t._l(e.computedCellActions, function(o, l) {
1542
1542
  return n("div", { key: l, staticClass: "b-data-grid-cell-actions__action" }, [o.menuData ? n(e.BentoMenu, { attrs: { data: e.transformMenuEvents(o.menuData), button: {
@@ -1565,8 +1565,8 @@ var Po = function() {
1565
1565
  }, proxy: !0 } : null], null, !0) }, e.generateButtonEvents(o)))], 1);
1566
1566
  }), 0)])]);
1567
1567
  }, Uo = [], zo = /* @__PURE__ */ G(
1568
- $o,
1569
1568
  Po,
1569
+ $o,
1570
1570
  Uo,
1571
1571
  !1,
1572
1572
  null,
@@ -1709,7 +1709,7 @@ const ft = () => {
1709
1709
  },
1710
1710
  emits: ["on-frozen-columns-key-press", "select-row", "register-row-cell-element", "cell-hovered", "nested-content-toggled"],
1711
1711
  setup(s, { expose: t, emit: n }) {
1712
- const e = s, o = Be(), l = Pe(o), { t: a } = ce(), f = y(null), _ = y(null), r = y(!1), R = y([]), u = y(!1), E = y(), p = y(!1), c = h(() => {
1712
+ const e = s, o = Be(), l = $e(o), { t: a } = ce(), f = y(null), _ = y(null), r = y(!1), R = y([]), u = y(!1), E = y(), p = y(!1), c = h(() => {
1713
1713
  var m;
1714
1714
  return !!((m = e.rowData) != null && m[e.column.field]);
1715
1715
  }), C = h(
@@ -2027,7 +2027,7 @@ const jo = Zo.exports, qo = {
2027
2027
  },
2028
2028
  emits: ["cell-hovered", "on-frozen-columns-key-press", "select-row", "select-nested-row", "row-click", "nested-content-toggled"],
2029
2029
  setup(s, { expose: t, emit: n }) {
2030
- const e = s, o = Be(), l = Pe(o), a = y({}), f = y(!1), _ = y(), r = y(), R = De("nested-content-slot"), u = y(!1), E = y();
2030
+ const e = s, o = Be(), l = $e(o), a = y({}), f = y(!1), _ = y(), r = y(), R = De("nested-content-slot"), u = y(!1), E = y();
2031
2031
  Se(() => {
2032
2032
  r.value && (E.value = ge(r.value));
2033
2033
  });
@@ -2071,7 +2071,7 @@ const jo = Zo.exports, qo = {
2071
2071
  };
2072
2072
  }), S = h(() => {
2073
2073
  var b, F;
2074
- return c.value ? (F = (b = e.rowData) == null ? void 0 : b.children) == null ? void 0 : F.reduce((P, $, le) => (P[le] = De("nested-row"), P), {}) : [];
2074
+ return c.value ? (F = (b = e.rowData) == null ? void 0 : b.children) == null ? void 0 : F.reduce(($, P, le) => ($[le] = De("nested-row"), $), {}) : [];
2075
2075
  }), A = h(() => {
2076
2076
  var b;
2077
2077
  if (f.value) {
@@ -2085,37 +2085,39 @@ const jo = Zo.exports, qo = {
2085
2085
  return [];
2086
2086
  }
2087
2087
  }), N = h(() => {
2088
- var F, P;
2089
- const b = (P = (F = e.rowData) == null ? void 0 : F.children) == null ? void 0 : P.map(($) => e.getDataItemId($));
2088
+ var F, $;
2089
+ const b = ($ = (F = e.rowData) == null ? void 0 : F.children) == null ? void 0 : $.map((P) => e.getDataItemId(P));
2090
2090
  if ((b == null ? void 0 : b.length) > 0) {
2091
- const $ = b.every((Ce) => {
2091
+ const P = b.every((Ce) => {
2092
2092
  var ie;
2093
2093
  return (ie = e == null ? void 0 : e.selectedItems) == null ? void 0 : ie.includes(Ce);
2094
2094
  }), le = b.some((Ce) => {
2095
2095
  var ie;
2096
2096
  return (ie = e == null ? void 0 : e.selectedItems) == null ? void 0 : ie.includes(Ce);
2097
2097
  });
2098
- return !$ && le;
2098
+ return !P && le;
2099
2099
  }
2100
2100
  return !1;
2101
2101
  }), I = (b, F) => {
2102
- const P = b;
2103
- b !== null && (P != null && P.gridcellRef) && (a.value[F] = P.gridcellRef);
2102
+ const $ = b;
2103
+ b !== null && ($ != null && $.gridcellRef) && (a.value[F] = $.gridcellRef);
2104
2104
  }, g = (b) => S.value[b], O = (b) => {
2105
2105
  if (!e.selectable)
2106
2106
  return null;
2107
2107
  const F = e.getDataItemId(b);
2108
2108
  return e.selectedItems.includes(F).toString();
2109
2109
  }, D = (b) => {
2110
- var $;
2110
+ var P;
2111
+ if (!e.allowRowClicks)
2112
+ return;
2111
2113
  let F = !1;
2112
- const P = ["button", "input", "a"];
2113
- for (let le = 0; le < P.length; le++)
2114
- if (($ = b == null ? void 0 : b.target) != null && $.closest(P[le])) {
2114
+ const $ = ["button", "input", "a"];
2115
+ for (let le = 0; le < $.length; le++)
2116
+ if ((P = b == null ? void 0 : b.target) != null && P.closest($[le])) {
2115
2117
  F = !0;
2116
2118
  break;
2117
2119
  }
2118
- !F && e.allowRowClicks && n("row-click", e.rowData, b);
2120
+ F || n("row-click", e.rowData, b);
2119
2121
  }, z = (b) => {
2120
2122
  n("select-row", b, e.rowData);
2121
2123
  }, H = (b, F) => {
@@ -2130,9 +2132,9 @@ const jo = Zo.exports, qo = {
2130
2132
  }, V = () => {
2131
2133
  ge(r.value);
2132
2134
  }, q = (b) => {
2133
- var F, P;
2134
- b.key !== oe.TAB && ge(r.value), b.key === oe.ARROW_RIGHT && ((F = E.value) == null ? void 0 : F.length) > 1 && E.value[0].node === document.activeElement ? (ge(r.value), E.value[1].node.setAttribute("tabindex", "0"), E.value[1].node.focus(), b.stopPropagation(), b.preventDefault()) : b.key === oe.ARROW_LEFT && ((P = E.value) == null ? void 0 : P.length) > 1 && E.value[1].node === document.activeElement && (ge(r.value), E.value[0].node.setAttribute("tabindex", "0"), E.value[0].node.focus(), b.stopPropagation(), b.preventDefault());
2135
- }, m = () => e.columnSets.reduce((b, { columnSet: F }) => b + F.length, 0), L = () => m() * e.rowIndex + m(), { updateContentHeight: M, contentHeight: i } = Pn(_, f), B = h(() => {
2135
+ var F, $;
2136
+ b.key !== oe.TAB && ge(r.value), b.key === oe.ARROW_RIGHT && ((F = E.value) == null ? void 0 : F.length) > 1 && E.value[0].node === document.activeElement ? (ge(r.value), E.value[1].node.setAttribute("tabindex", "0"), E.value[1].node.focus(), b.stopPropagation(), b.preventDefault()) : b.key === oe.ARROW_LEFT && (($ = E.value) == null ? void 0 : $.length) > 1 && E.value[1].node === document.activeElement && (ge(r.value), E.value[0].node.setAttribute("tabindex", "0"), E.value[0].node.focus(), b.stopPropagation(), b.preventDefault());
2137
+ }, m = () => e.columnSets.reduce((b, { columnSet: F }) => b + F.length, 0), L = () => m() * e.rowIndex + m(), { updateContentHeight: M, contentHeight: i } = $n(_, f), B = h(() => {
2136
2138
  var b;
2137
2139
  if (e.hasNestedContent || e.hasNestedRows)
2138
2140
  return {
@@ -2158,8 +2160,8 @@ const jo = Zo.exports, qo = {
2158
2160
  return (b = e.rowData) == null ? void 0 : b.children;
2159
2161
  },
2160
2162
  (b, F) => {
2161
- var P, $;
2162
- (($ = (P = e == null ? void 0 : e.rowData) == null ? void 0 : P.children) == null ? void 0 : $.length) > 0 && F === void 0 && !f.value && M();
2163
+ var $, P;
2164
+ ((P = ($ = e == null ? void 0 : e.rowData) == null ? void 0 : $.children) == null ? void 0 : P.length) > 0 && F === void 0 && !f.value && M();
2163
2165
  }
2164
2166
  );
2165
2167
  const K = (b, F) => ({
@@ -2186,13 +2188,17 @@ const jo = Zo.exports, qo = {
2186
2188
  return t({
2187
2189
  gridcellRefs: a,
2188
2190
  rowActionsRef: r
2189
- }), { __sfc: !0, slots: o, hasSlot: l, props: e, emit: n, gridcellRefs: a, isNestedContentShown: f, nestedContentRef: _, rowActionsRef: r, nestedContentSlotId: R, isRowActionMenuOpen: u, focusableItems: E, shouldShowNestedRowsBooleanResult: p, shouldShowRenderNestedRows: c, isLoadingNestedRows: C, shouldShowNestedContentToggle: d, ariaRowAttributes: w, nestedContentContainerDivAriaAttributes: v, nestedRowIds: S, allNestedRowIds: A, hasUnSelectedNestedRows: N, registerRowCellRef: I, getRowId: g, getRowAriaSelectedValue: O, onRowClick: D, onRowSelect: z, onNestedRowSelect: H, onRowActionMenuOpen: k, onRowActionMenuClose: X, onRowActionsCellFocus: j, onRowActionsCellFocusOut: V, onRowActionsCellOnKeyDown: q, sumColumnAmountsInColumnSets: m, getRowActionsCellIndex: L, updateContentHeight: M, contentHeight: i, nestedContentStyles: B, nestedContentToggled: Y, conditionalRowClasses: K, conditionalRowSetClasses: Q, conditionalNestedRowClasses: ve, conditionalRowActionsContainerClasses: me, computedRowActionsStyles: ue, DataGridCell: jo, DataGridCellActions: At, BentoLoadingIndicator: $e, DataGridRow: Tt };
2191
+ }), { __sfc: !0, slots: o, hasSlot: l, props: e, emit: n, gridcellRefs: a, isNestedContentShown: f, nestedContentRef: _, rowActionsRef: r, nestedContentSlotId: R, isRowActionMenuOpen: u, focusableItems: E, shouldShowNestedRowsBooleanResult: p, shouldShowRenderNestedRows: c, isLoadingNestedRows: C, shouldShowNestedContentToggle: d, ariaRowAttributes: w, nestedContentContainerDivAriaAttributes: v, nestedRowIds: S, allNestedRowIds: A, hasUnSelectedNestedRows: N, registerRowCellRef: I, getRowId: g, getRowAriaSelectedValue: O, onRowClick: D, onRowSelect: z, onNestedRowSelect: H, onRowActionMenuOpen: k, onRowActionMenuClose: X, onRowActionsCellFocus: j, onRowActionsCellFocusOut: V, onRowActionsCellOnKeyDown: q, sumColumnAmountsInColumnSets: m, getRowActionsCellIndex: L, updateContentHeight: M, contentHeight: i, nestedContentStyles: B, nestedContentToggled: Y, conditionalRowClasses: K, conditionalRowSetClasses: Q, conditionalNestedRowClasses: ve, conditionalRowActionsContainerClasses: me, computedRowActionsStyles: ue, DataGridCell: jo, DataGridCellActions: At, BentoLoadingIndicator: Pe, DataGridRow: Tt };
2190
2192
  }
2191
2193
  });
2192
2194
  var Ko = function() {
2193
2195
  var o;
2194
2196
  var t = this, n = t._self._c, e = t._self._setupProxy;
2195
- return n("div", { staticClass: "b-data-grid-row-container" }, [n("div", t._b({ key: t.rowIndex, staticClass: "b-data-grid-row-container__row", class: e.conditionalRowClasses(t.rowData, t.rowIndex), attrs: { id: (o = t.rowId) == null ? void 0 : o.toString(), role: "row", "aria-selected": e.getRowAriaSelectedValue(t.rowData) }, on: { click: e.onRowClick } }, "div", e.ariaRowAttributes, !1), [t._l(t.columnSets, function({ columnSet: l, id: a, isFrozenColumns: f }, _) {
2197
+ return n("div", { staticClass: "b-data-grid-row-container" }, [n("div", t._b({ key: t.rowIndex, staticClass: "b-data-grid-row-container__row", class: e.conditionalRowClasses(t.rowData, t.rowIndex), attrs: { id: (o = t.rowId) == null ? void 0 : o.toString(), role: "row", "aria-selected": e.getRowAriaSelectedValue(t.rowData) }, on: { click: e.onRowClick, keyup: [function(l) {
2198
+ return !l.type.indexOf("key") && t._k(l.keyCode, "enter", 13, l.key, "Enter") ? null : e.onRowClick.apply(null, arguments);
2199
+ }, function(l) {
2200
+ return !l.type.indexOf("key") && t._k(l.keyCode, "space", 32, l.key, [" ", "Spacebar"]) ? null : e.onRowClick.apply(null, arguments);
2201
+ }] } }, "div", e.ariaRowAttributes, !1), [t._l(t.columnSets, function({ columnSet: l, id: a, isFrozenColumns: f }, _) {
2196
2202
  return [l != null && l.length ? n("div", { key: `data-grid-rows-${a}`, staticClass: "b-data-grid-row-container__cells", class: e.conditionalRowSetClasses(f), attrs: { "data-testid": `data-grid-${a}-rows` } }, t._l(l, function(r, R) {
2197
2203
  return n(e.DataGridCell, { key: `cell-${r.field}`, ref: (u) => e.registerRowCellRef(u, r.field), refInFor: !0, staticClass: "b-data-grid-row-container__cell", attrs: { column: r, "column-set-index": _, "col-index": R, "column-sets": t.columnSets, condensed: t.condensed, "dragging-columns": t.draggingColumns, "dragging-events-for-row-cell": t.draggingEventsForRowCell, "get-data-item-id": t.getDataItemId, "hovered-over-column-state": t.hoveredOverColumnState, "is-data-item-disabled": t.isDataItemDisabled, "is-measuring-column-widths": t.isMeasuringColumnWidths, "is-nested-content-expanded": e.isNestedContentShown, "nested-content": e.shouldShowNestedContentToggle, "nested-rows-element-ids": e.allNestedRowIds, "row-data": t.rowData, "row-index": t.rowIndex, "selection-is-indeterminate": e.hasUnSelectedNestedRows, selectable: t.selectable, "selected-items": t.selectedItems }, on: { "cell-hovered": function(u) {
2198
2204
  return e.emit("cell-hovered", u);
@@ -2225,7 +2231,7 @@ var Ko = function() {
2225
2231
  Xo,
2226
2232
  !1,
2227
2233
  null,
2228
- "8e2a7d99"
2234
+ "4557cada"
2229
2235
  );
2230
2236
  const Tt = Jo.exports;
2231
2237
  let gt = 0;
@@ -2668,7 +2674,7 @@ const ga = _l.exports, vl = {
2668
2674
  T.SORT
2669
2675
  ],
2670
2676
  setup(s, { expose: t, emit: n }) {
2671
- const e = s, o = Be(), l = Pe(o), a = y(null), f = y(), _ = y({}), r = y(null), R = y(null), u = y(), E = y(null), p = y(null), c = y(null), {
2677
+ const e = s, o = Be(), l = $e(o), a = y(null), f = y(), _ = y({}), r = y(null), R = y(null), u = y(), E = y(null), p = y(null), c = y(null), {
2672
2678
  allowColumnDragAndDrop: C,
2673
2679
  columns: d,
2674
2680
  columnPanel: w,
@@ -2684,7 +2690,7 @@ const ga = _l.exports, vl = {
2684
2690
  outline: H,
2685
2691
  pagination: k
2686
2692
  } = Me(e), X = y(-1), { t: j } = ce(), V = h(() => K.value.filter((x) => x.frozen).length), q = Ie(
2687
- $n,
2693
+ Pn,
2688
2694
  () => ({
2689
2695
  additionalContentSlotRef: y(null),
2690
2696
  isDataGridTemplate: !1,
@@ -2700,7 +2706,7 @@ const ga = _l.exports, vl = {
2700
2706
  isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: ue,
2701
2707
  columns: b,
2702
2708
  totalWidthOfAllColumns: F,
2703
- rowActionsMaxWidth: P
2709
+ rowActionsMaxWidth: $
2704
2710
  } = gs(d, v, a, _, r, {
2705
2711
  hasColumnPanel: w,
2706
2712
  hasSelectableColumn: g,
@@ -2709,7 +2715,7 @@ const ga = _l.exports, vl = {
2709
2715
  hasNestedRows: I,
2710
2716
  allowColumnDragAndDrop: C,
2711
2717
  isDataGridTemplate: L
2712
- }), $ = (x, ...U) => {
2718
+ }), P = (x, ...U) => {
2713
2719
  (x === T.COLUMNS || x === T.UPDATE_COLUMNS) && ([b.value] = U), n(x, ...U);
2714
2720
  }, le = tt(
2715
2721
  i,
@@ -2727,14 +2733,14 @@ const ga = _l.exports, vl = {
2727
2733
  onConfigSettingsUpdate: Dt,
2728
2734
  onConfigSettingsColumnsUpdate: xt,
2729
2735
  onConfigSettingsColumnUpdate: Ft
2730
- } = ws(K, $), { hoveredOverColumn: Mt, hoveredOverColumnState: Bt } = bs(
2736
+ } = ws(K, P), { hoveredOverColumn: Mt, hoveredOverColumnState: Bt } = bs(
2731
2737
  Ee,
2732
2738
  g,
2733
2739
  H,
2734
2740
  ue
2735
- ), { draggingColumns: $t, draggingEventsForColumns: Pt, draggingEventsForRowCell: Ut, onMoveColumnByOffset: zt } = ps(Re, C, $), { onAllRowSelect: kt, onRowSelect: Wt, onNestedRowSelect: Gt, selectedItems: We, allItemsSelectedState: Ht } = _s(
2741
+ ), { draggingColumns: Pt, draggingEventsForColumns: $t, draggingEventsForRowCell: Ut, onMoveColumnByOffset: zt } = ps(Re, C, P), { onAllRowSelect: kt, onRowSelect: Wt, onNestedRowSelect: Gt, selectedItems: We, allItemsSelectedState: Ht } = _s(
2736
2742
  O,
2737
- $,
2743
+ P,
2738
2744
  v,
2739
2745
  e.getDataItemId,
2740
2746
  e.isDataItemDisabled
@@ -2750,7 +2756,7 @@ const ga = _l.exports, vl = {
2750
2756
  p,
2751
2757
  a,
2752
2758
  A,
2753
- $
2759
+ P
2754
2760
  ), {
2755
2761
  updateScrollPosition: qt,
2756
2762
  updateScrollPositionOnFrozenColumnsNavigation: Yt,
@@ -2810,13 +2816,13 @@ const ga = _l.exports, vl = {
2810
2816
  Object.entries(J == null ? void 0 : J.gridcellRefs).map(([Oe, Sn]) => {
2811
2817
  var Ke;
2812
2818
  ((Ke = r.value) == null ? void 0 : Ke[Oe]) === void 0 && (r.value = { ...r.value, [Oe]: [] }), r.value[Oe][U] = Sn;
2813
- }), wn && (((fe = r.value) == null ? void 0 : fe[we]) === void 0 && (r.value = { ...r.value, [we]: [] }), r.value[we][U] = (he = J.rowActionsRef) == null ? void 0 : he[0], P.value = Math.max(
2814
- P.value,
2819
+ }), wn && (((fe = r.value) == null ? void 0 : fe[we]) === void 0 && (r.value = { ...r.value, [we]: [] }), r.value[we][U] = (he = J.rowActionsRef) == null ? void 0 : he[0], $.value = Math.max(
2820
+ $.value,
2815
2821
  ((Ye = (pe = J.rowActionsRef) == null ? void 0 : pe[0]) == null ? void 0 : Ye.offsetWidth) ?? 0
2816
2822
  ));
2817
2823
  }
2818
2824
  }, rn = (x, U) => {
2819
- e.allowRowClicks && $(T.ROW_CLICK, x, U);
2825
+ e.allowRowClicks && P(T.ROW_CLICK, x, U);
2820
2826
  }, dn = (x) => {
2821
2827
  X.value = x;
2822
2828
  }, cn = h(() => !!e.selectableAcrossPages && !!e.pagination), un = h(() => e.hasNestedContent || e.hasNestedRows ? "treegrid" : "grid"), fn = xn({
@@ -2825,26 +2831,26 @@ const ga = _l.exports, vl = {
2825
2831
  }), Ze = h(() => {
2826
2832
  var x;
2827
2833
  return ((x = We.value) == null ? void 0 : x.length) ?? 0;
2828
- }), gn = h(() => e.bulkActions && Ze.value > 0), _n = (x) => $(T.COLUMN_RESIZE, x), vn = (x) => {
2829
- $(T.UPDATE_SORT_BY, x), $(T.SORT, x);
2834
+ }), gn = h(() => e.bulkActions && Ze.value > 0), _n = (x) => P(T.COLUMN_RESIZE, x), vn = (x) => {
2835
+ P(T.UPDATE_SORT_BY, x), P(T.SORT, x);
2830
2836
  }, mn = (x, U) => {
2831
- $(T.NAVIGATE, x), $(T.UPDATE_PAGINATION, {
2837
+ P(T.NAVIGATE, x), P(T.UPDATE_PAGINATION, {
2832
2838
  ...e.pagination,
2833
2839
  size: U,
2834
2840
  page: x
2835
2841
  });
2836
2842
  }, Cn = (x) => {
2837
- $(T.ITEMS_PAGE, x);
2843
+ P(T.ITEMS_PAGE, x);
2838
2844
  }, hn = () => {
2839
- $(T.FILTER_SEARCH_CLEAR);
2845
+ P(T.FILTER_SEARCH_CLEAR);
2840
2846
  }, pn = (x) => {
2841
- $(T.UPDATE_FILTER_SEARCH_TERM, x), $(T.FILTER_SEARCH_INPUT, x);
2847
+ P(T.UPDATE_FILTER_SEARCH_TERM, x), P(T.FILTER_SEARCH_INPUT, x);
2842
2848
  }, je = h(() => d.value.some((x) => x.mandatory));
2843
2849
  je.value || Ct(
2844
2850
  "WARNING: At least one BentoDataGrid column should be set as mandatory to ensure data is always displayed correctly."
2845
2851
  );
2846
2852
  const qe = Ie(Bn, () => null);
2847
- return qe(e.tabTitle), vt(Ot, Ne(e, "slashedZero")), t({ onEmptyStateClearResetButtonClick: Ve }), { __sfc: !0, props: e, slots: o, hasSlot: l, body: a, columnsRef: f, columnHeaderRefs: _, gridcellRefs: r, filtersRef: R, filterBarRef: u, paginationContainerRef: E, verticalScrollPositionRef: p, virtualHorizontalScrollbarRef: c, allowColumnDragAndDrop: C, columns: d, columnPanel: w, data: v, lazyLoadType: S, loading: A, hasNestedContent: N, hasNestedRows: I, selectable: g, selection: O, selectableAcrossPages: D, stickyPagination: z, outline: H, pagination: k, hoveredRowIndex: X, t: j, frozenColumnsLength: V, registerDatagridInDataGridTemplate: q, additionalContentSlotRef: m, isDataGridTemplate: L, stickyTabs: M, tabsRef: i, stickyAdditionalContent: B, computedColumnsTabIndex: Y, columnDefs: K, onColumnWidthOverride: Q, gridRowWidthStyle: ve, isMeasuringColumnWidths: me, isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: ue, localColumnsState: b, totalWidthOfAllColumns: F, rowActionsMaxWidth: P, definedEmitsFunction: n, emit: $, stickyFiltersHeight: le, computedStickyFiltersTopPosition: Ce, columnHeadersHeight: ie, computedColumnHeadersTopPosition: Nt, sortedColumns: Re, columnSets: Ee, isOnlyOneVisibleColumn: It, onConfigSettingsUpdate: Dt, onConfigSettingsColumnsUpdate: xt, onConfigSettingsColumnUpdate: Ft, hoveredOverColumn: Mt, hoveredOverColumnState: Bt, draggingColumns: $t, draggingEventsForColumns: Pt, draggingEventsForRowCell: Ut, onMoveColumnByOffset: zt, onAllRowSelect: kt, onRowSelect: Wt, onNestedRowSelect: Gt, selectedItems: We, allItemsSelectedState: Ht, navigationInput: Vt, isLazyLoad: Le, isInfiniteScroll: Zt, verticalScrollPosition: Ge, emitLazyLoadEvent: jt, updateScrollPosition: qt, updateScrollPositionOnFrozenColumnsNavigation: Yt, syncVirtualScrollerWithBody: Kt, hasLeftOverflow: Ae, hasRightOverflow: He, horizontalScrollbarConditionalStyles: Xt, onEmptyStateClearResetButtonClick: Ve, limitedEmptyStateProps: Jt, conditionalGridClasses: Qt, conditionalGridBodyClasses: en, computedColumnPanelAlignment: tn, showFrozenColumnsSeparator: nn, conditionalFilterClasses: sn, conditionalPaginationClasses: on, registerColumnHeaderRefs: ln, registerRowCellRefs: an, onRowClick: rn, onCellHover: dn, selectableAcrossPagesComputed: cn, ariaGridRole: un, ariaGridHeaderText: fn, itemsSelectedCounter: Ze, showActionBar: gn, onColumnResized: _n, onSort: vn, onPaginationNavigate: mn, onItemsPerPageChange: Cn, onSearchTermCleared: hn, onSearchTermInput: pn, hasMandatoryColumn: je, setTitle: qe, BentoActionBar: In, BentoPagination: Dn, BentoLoadingIndicator: $e, BentoTypography: be, BentoDataGridConfigSettings: yo, DataGridColumns: lo, DataGridLazyLoad: To, DataGridRow: Tt, handleClipboard: ys, BentoDatagridEvent: T, BentoFilterBar: Te, BentoEmptyState: Mn };
2853
+ return qe(e.tabTitle), vt(Ot, Ne(e, "slashedZero")), t({ onEmptyStateClearResetButtonClick: Ve }), { __sfc: !0, props: e, slots: o, hasSlot: l, body: a, columnsRef: f, columnHeaderRefs: _, gridcellRefs: r, filtersRef: R, filterBarRef: u, paginationContainerRef: E, verticalScrollPositionRef: p, virtualHorizontalScrollbarRef: c, allowColumnDragAndDrop: C, columns: d, columnPanel: w, data: v, lazyLoadType: S, loading: A, hasNestedContent: N, hasNestedRows: I, selectable: g, selection: O, selectableAcrossPages: D, stickyPagination: z, outline: H, pagination: k, hoveredRowIndex: X, t: j, frozenColumnsLength: V, registerDatagridInDataGridTemplate: q, additionalContentSlotRef: m, isDataGridTemplate: L, stickyTabs: M, tabsRef: i, stickyAdditionalContent: B, computedColumnsTabIndex: Y, columnDefs: K, onColumnWidthOverride: Q, gridRowWidthStyle: ve, isMeasuringColumnWidths: me, isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: ue, localColumnsState: b, totalWidthOfAllColumns: F, rowActionsMaxWidth: $, definedEmitsFunction: n, emit: P, stickyFiltersHeight: le, computedStickyFiltersTopPosition: Ce, columnHeadersHeight: ie, computedColumnHeadersTopPosition: Nt, sortedColumns: Re, columnSets: Ee, isOnlyOneVisibleColumn: It, onConfigSettingsUpdate: Dt, onConfigSettingsColumnsUpdate: xt, onConfigSettingsColumnUpdate: Ft, hoveredOverColumn: Mt, hoveredOverColumnState: Bt, draggingColumns: Pt, draggingEventsForColumns: $t, draggingEventsForRowCell: Ut, onMoveColumnByOffset: zt, onAllRowSelect: kt, onRowSelect: Wt, onNestedRowSelect: Gt, selectedItems: We, allItemsSelectedState: Ht, navigationInput: Vt, isLazyLoad: Le, isInfiniteScroll: Zt, verticalScrollPosition: Ge, emitLazyLoadEvent: jt, updateScrollPosition: qt, updateScrollPositionOnFrozenColumnsNavigation: Yt, syncVirtualScrollerWithBody: Kt, hasLeftOverflow: Ae, hasRightOverflow: He, horizontalScrollbarConditionalStyles: Xt, onEmptyStateClearResetButtonClick: Ve, limitedEmptyStateProps: Jt, conditionalGridClasses: Qt, conditionalGridBodyClasses: en, computedColumnPanelAlignment: tn, showFrozenColumnsSeparator: nn, conditionalFilterClasses: sn, conditionalPaginationClasses: on, registerColumnHeaderRefs: ln, registerRowCellRefs: an, onRowClick: rn, onCellHover: dn, selectableAcrossPagesComputed: cn, ariaGridRole: un, ariaGridHeaderText: fn, itemsSelectedCounter: Ze, showActionBar: gn, onColumnResized: _n, onSort: vn, onPaginationNavigate: mn, onItemsPerPageChange: Cn, onSearchTermCleared: hn, onSearchTermInput: pn, hasMandatoryColumn: je, setTitle: qe, BentoActionBar: In, BentoPagination: Dn, BentoLoadingIndicator: Pe, BentoTypography: be, BentoDataGridConfigSettings: yo, DataGridColumns: lo, DataGridLazyLoad: To, DataGridRow: Tt, handleClipboard: ys, BentoDatagridEvent: T, BentoFilterBar: Te, BentoEmptyState: Mn };
2848
2854
  }
2849
2855
  });
2850
2856
  var Cl = function() {
@@ -2891,4 +2897,4 @@ export {
2891
2897
  T as f,
2892
2898
  ye as g
2893
2899
  };
2894
- //# sourceMappingURL=data-grid.o64ltIur.js.map
2900
+ //# sourceMappingURL=data-grid.D4oeTUhn.js.map