@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.
- package/dist/assets/accordion-item.css +1 -1
- package/dist/assets/action-bar.css +1 -1
- package/dist/assets/base-modal.css +1 -1
- package/dist/assets/card.css +1 -1
- package/dist/assets/data-grid.css +1 -1
- package/dist/assets/date-picker.css +1 -1
- package/dist/assets/dialog-page.css +1 -1
- package/dist/assets/dropdown.css +1 -1
- package/dist/assets/file-uploader.css +1 -1
- package/dist/assets/inspector.css +1 -1
- package/dist/assets/menu.css +1 -1
- package/dist/assets/modal-fullscreen.css +1 -1
- package/dist/assets/popover.css +1 -1
- package/dist/assets/sidepanel.css +1 -1
- package/dist/assets/use-cached-selected-values.css +1 -1
- package/dist/chunks/{code-snippet.C7eh-7Vy.js → code-snippet.W8Zp0zQP.js} +2 -2
- package/dist/chunks/{code-snippet.C7eh-7Vy.js.map → code-snippet.W8Zp0zQP.js.map} +1 -1
- package/dist/chunks/{data-grid.o64ltIur.js → data-grid.D4oeTUhn.js} +65 -59
- package/dist/chunks/{data-grid.o64ltIur.js.map → data-grid.D4oeTUhn.js.map} +1 -1
- package/dist/chunks/{date-picker.Ba-lHyXs.js → date-picker.k0g6anfy.js} +28 -28
- package/dist/chunks/{date-picker.Ba-lHyXs.js.map → date-picker.k0g6anfy.js.map} +1 -1
- package/dist/chunks/{date-range-picker.BER92nnT.js → date-range-picker.D9lyIoO-.js} +20 -20
- package/dist/chunks/{date-range-picker.BER92nnT.js.map → date-range-picker.D9lyIoO-.js.map} +1 -1
- package/dist/chunks/{dropdown-tag.uNZs7yVF.js → dropdown-tag.DKhxBV52.js} +2 -2
- package/dist/chunks/{dropdown-tag.uNZs7yVF.js.map → dropdown-tag.DKhxBV52.js.map} +1 -1
- package/dist/chunks/{dropdown.DZ1Ndonr.js → dropdown.DV7uhHNP.js} +250 -239
- package/dist/chunks/dropdown.DV7uhHNP.js.map +1 -0
- package/dist/chunks/{filter-bar.BMDvL9EW.js → filter-bar.BxDEplt3.js} +7 -7
- package/dist/chunks/{filter-bar.BMDvL9EW.js.map → filter-bar.BxDEplt3.js.map} +1 -1
- package/dist/chunks/{header-with-views.CEfKLlVv.js → header-with-views.Ds9mcwmp.js} +2 -2
- package/dist/chunks/{header-with-views.CEfKLlVv.js.map → header-with-views.Ds9mcwmp.js.map} +1 -1
- package/dist/chunks/{input-field-password.DI7W4ehj.js → input-field-password.Bloa-rqx.js} +3 -3
- package/dist/chunks/{input-field-password.DI7W4ehj.js.map → input-field-password.Bloa-rqx.js.map} +1 -1
- package/dist/chunks/{input-field-phone-number.BXbNxQeN.js → input-field-phone-number.B3qzZKuP.js} +3 -3
- package/dist/chunks/{input-field-phone-number.BXbNxQeN.js.map → input-field-phone-number.B3qzZKuP.js.map} +1 -1
- package/dist/chunks/{input-field.-Pgtuotm.js → input-field.B_3nZFYz.js} +2 -2
- package/dist/chunks/{input-field.-Pgtuotm.js.map → input-field.B_3nZFYz.js.map} +1 -1
- package/dist/chunks/{pagination.CoM4szsH.js → pagination.Cl7SzoId.js} +2 -2
- package/dist/chunks/{pagination.CoM4szsH.js.map → pagination.Cl7SzoId.js.map} +1 -1
- package/dist/chunks/{search-bar.BhQdvBh8.js → search-bar.CadVBoj0.js} +3 -3
- package/dist/chunks/{search-bar.BhQdvBh8.js.map → search-bar.CadVBoj0.js.map} +1 -1
- package/dist/chunks/{secondary-nav.CItGT9T3.js → secondary-nav.OwimHNCb.js} +2 -2
- package/dist/chunks/{secondary-nav.CItGT9T3.js.map → secondary-nav.OwimHNCb.js.map} +1 -1
- package/dist/chunks/use-cached-selected-values.DNOmzQVy.js +1280 -0
- package/dist/chunks/{use-cached-selected-values.C1CeSurp.js.map → use-cached-selected-values.DNOmzQVy.js.map} +1 -1
- package/dist/code-snippet.js +1 -1
- package/dist/data-grid.js +1 -1
- package/dist/date-picker.js +1 -1
- package/dist/date-range-picker.js +1 -1
- package/dist/dropdown.js +3 -3
- package/dist/filter-bar.js +1 -1
- package/dist/header-with-views.js +1 -1
- package/dist/index.js +15 -15
- package/dist/input-field-password.js +1 -1
- package/dist/input-field-phone-number.js +1 -1
- package/dist/input-field.js +1 -1
- package/dist/internal.js +1 -1
- package/dist/pagination.js +1 -1
- package/dist/search-bar.js +2 -2
- package/dist/secondary-nav.js +1 -1
- package/dist/web-types.json +1 -1
- package/package.json +7 -6
- package/dist/chunks/dropdown.DZ1Ndonr.js.map +0 -1
- 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.
|
|
15
|
-
import { B as
|
|
16
|
-
import { u as
|
|
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.
|
|
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
|
|
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
|
|
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.
|
|
44
|
-
import { u as Qn } from "./dropdown.
|
|
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 = [],
|
|
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 =
|
|
722
|
+
const Et = Ps.exports;
|
|
723
723
|
let it = 0;
|
|
724
|
-
const
|
|
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
|
-
|
|
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) === ((
|
|
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:
|
|
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
|
-
},
|
|
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
|
|
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 =
|
|
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 =
|
|
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,
|
|
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,
|
|
2089
|
-
const b = (
|
|
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
|
|
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
|
|
2098
|
+
return !P && le;
|
|
2099
2099
|
}
|
|
2100
2100
|
return !1;
|
|
2101
2101
|
}), I = (b, F) => {
|
|
2102
|
-
const
|
|
2103
|
-
b !== null && (
|
|
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
|
|
2113
|
-
for (let le = 0; le <
|
|
2114
|
-
if ((
|
|
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
|
-
|
|
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,
|
|
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 && ((
|
|
2135
|
-
}, m = () => e.columnSets.reduce((b, { columnSet: F }) => b + F.length, 0), L = () => m() * e.rowIndex + m(), { updateContentHeight: M, contentHeight: i } =
|
|
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
|
-
((
|
|
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:
|
|
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
|
|
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
|
-
"
|
|
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 =
|
|
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
|
-
|
|
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:
|
|
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
|
-
}),
|
|
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,
|
|
2736
|
+
} = ws(K, P), { hoveredOverColumn: Mt, hoveredOverColumnState: Bt } = bs(
|
|
2731
2737
|
Ee,
|
|
2732
2738
|
g,
|
|
2733
2739
|
H,
|
|
2734
2740
|
ue
|
|
2735
|
-
), { draggingColumns:
|
|
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],
|
|
2814
|
-
|
|
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 &&
|
|
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) =>
|
|
2829
|
-
|
|
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
|
-
|
|
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
|
-
|
|
2843
|
+
P(T.ITEMS_PAGE, x);
|
|
2838
2844
|
}, hn = () => {
|
|
2839
|
-
|
|
2845
|
+
P(T.FILTER_SEARCH_CLEAR);
|
|
2840
2846
|
}, pn = (x) => {
|
|
2841
|
-
|
|
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:
|
|
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.
|
|
2900
|
+
//# sourceMappingURL=data-grid.D4oeTUhn.js.map
|