@adyen/bento-vue2 1.62.0 → 1.63.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/@types/index.d.ts +181 -235
- package/dist/accordion.js +1 -1
- package/dist/action-bar.js +1 -1
- 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/checkbox-input.css +1 -1
- package/dist/assets/data-grid.css +1 -1
- package/dist/assets/date-range-picker.css +1 -1
- package/dist/assets/dialog-page.css +1 -1
- package/dist/assets/file-uploader.css +1 -1
- package/dist/assets/header-with-views.css +1 -1
- package/dist/assets/inspector.css +1 -1
- package/dist/assets/listbox-option-tag.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/card.js +1 -1
- package/dist/checkbox.js +3 -3
- package/dist/chunks/{accordion-item.D1t0oHlP.js → accordion-item.BNtdoVto.js} +9 -8
- package/dist/chunks/{accordion-item.D1t0oHlP.js.map → accordion-item.BNtdoVto.js.map} +1 -1
- package/dist/chunks/{action-bar.whU1em8H.js → action-bar.Dsp7iRxz.js} +2 -2
- package/dist/chunks/{action-bar.whU1em8H.js.map → action-bar.Dsp7iRxz.js.map} +1 -1
- package/dist/chunks/{button-actions-with-menu.RoaQFPKT.js → button-actions-with-menu.CtW_16tY.js} +2 -2
- package/dist/chunks/{button-actions-with-menu.RoaQFPKT.js.map → button-actions-with-menu.CtW_16tY.js.map} +1 -1
- package/dist/chunks/{calendar.DoOFNX-Z.js → calendar.DbTC35rM.js} +2 -2
- package/dist/chunks/{calendar.DoOFNX-Z.js.map → calendar.DbTC35rM.js.map} +1 -1
- package/dist/chunks/card.CypgT0Ji.js +136 -0
- package/dist/chunks/card.CypgT0Ji.js.map +1 -0
- package/dist/chunks/{checkbox-group.B0IGYf1q.js → checkbox-group.6y92U6AF.js} +2 -2
- package/dist/chunks/{checkbox-group.B0IGYf1q.js.map → checkbox-group.6y92U6AF.js.map} +1 -1
- package/dist/chunks/checkbox-input.CNWigbX4.js +117 -0
- package/dist/chunks/checkbox-input.CNWigbX4.js.map +1 -0
- package/dist/chunks/{checkbox.DkCukYh0.js → checkbox.C9nJVvMq.js} +9 -8
- package/dist/chunks/{checkbox.DkCukYh0.js.map → checkbox.C9nJVvMq.js.map} +1 -1
- package/dist/chunks/chevron-down.eYtgv5ly.js +24 -0
- package/dist/chunks/chevron-down.eYtgv5ly.js.map +1 -0
- package/dist/chunks/{chevron-left.BS24hEFa.js → chevron-right.C--ZOC9j.js} +5 -5
- package/dist/chunks/chevron-right.C--ZOC9j.js.map +1 -0
- package/dist/chunks/chevron-up.d8cwIlA_.js +24 -0
- package/dist/chunks/chevron-up.d8cwIlA_.js.map +1 -0
- package/dist/chunks/{code-snippet.n93oYvH4.js → code-snippet.CBU8Tlbs.js} +2 -2
- package/dist/chunks/{code-snippet.n93oYvH4.js.map → code-snippet.CBU8Tlbs.js.map} +1 -1
- package/dist/chunks/{dashboard-section.BEw-n-XQ.js → dashboard-section.CspNW0CA.js} +3 -3
- package/dist/chunks/{dashboard-section.BEw-n-XQ.js.map → dashboard-section.CspNW0CA.js.map} +1 -1
- package/dist/chunks/{data-grid-template.DGFmCUII.js → data-grid-template.BhzgqkZp.js} +3 -3
- package/dist/chunks/{data-grid-template.DGFmCUII.js.map → data-grid-template.BhzgqkZp.js.map} +1 -1
- package/dist/chunks/{data-grid.BcGRXt9C.js → data-grid.BfsBhYpW.js} +451 -452
- package/dist/chunks/data-grid.BfsBhYpW.js.map +1 -0
- package/dist/chunks/{date-picker.Dc_HdQnr.js → date-picker.CPQ6WLZE.js} +3 -3
- package/dist/chunks/{date-picker.Dc_HdQnr.js.map → date-picker.CPQ6WLZE.js.map} +1 -1
- package/dist/chunks/date-range-picker.CNB28UaM.js +1005 -0
- package/dist/chunks/date-range-picker.CNB28UaM.js.map +1 -0
- package/dist/chunks/{dropdown-default-textbox.7PMxHqoa.js → dropdown-default-textbox.BNuuA4ES.js} +15 -14
- package/dist/chunks/{dropdown-default-textbox.7PMxHqoa.js.map → dropdown-default-textbox.BNuuA4ES.js.map} +1 -1
- package/dist/chunks/{dropdown-tag.qKSu6xYY.js → dropdown-tag.DmVsDrL_.js} +3 -3
- package/dist/chunks/{dropdown-tag.qKSu6xYY.js.map → dropdown-tag.DmVsDrL_.js.map} +1 -1
- package/dist/chunks/{dropdown.BNLPzKbr.js → dropdown.B_PWXFtT.js} +3 -3
- package/dist/chunks/{dropdown.BNLPzKbr.js.map → dropdown.B_PWXFtT.js.map} +1 -1
- package/dist/chunks/es6.n1ewaW31.js.map +1 -1
- package/dist/chunks/{filter-bar.TiqZofNt.js → filter-bar.D6HeYnzZ.js} +15 -14
- package/dist/chunks/{filter-bar.TiqZofNt.js.map → filter-bar.D6HeYnzZ.js.map} +1 -1
- package/dist/chunks/{fixed-scroller.Ctz5dFqz.js → fixed-scroller.XN-jvWqb.js} +12 -12
- package/dist/chunks/fixed-scroller.XN-jvWqb.js.map +1 -0
- package/dist/chunks/{header-with-views.MFHmiIXb.js → header-with-views.Dkn8IDew.js} +270 -270
- package/dist/chunks/header-with-views.Dkn8IDew.js.map +1 -0
- package/dist/chunks/{header.B1PrBQG0.js → header.DNzQO7u-.js} +2 -2
- package/dist/chunks/{header.B1PrBQG0.js.map → header.DNzQO7u-.js.map} +1 -1
- package/dist/chunks/{input-field-password.BlX3Icgt.js → input-field-password.CY3eRVpe.js} +3 -3
- package/dist/chunks/{input-field-password.BlX3Icgt.js.map → input-field-password.CY3eRVpe.js.map} +1 -1
- package/dist/chunks/{input-field-phone-number.Ofvi2A48.js → input-field-phone-number.CN5qZ0VL.js} +3 -3
- package/dist/chunks/{input-field-phone-number.Ofvi2A48.js.map → input-field-phone-number.CN5qZ0VL.js.map} +1 -1
- package/dist/chunks/{input-field.Dck9dAeK.js → input-field.DKhsSYF8.js} +2 -2
- package/dist/chunks/{input-field.Dck9dAeK.js.map → input-field.DKhsSYF8.js.map} +1 -1
- package/dist/chunks/{listbox-option-tag.EzSkn_lM.js → listbox-option-tag.DFmB_TuD.js} +9 -9
- package/dist/chunks/listbox-option-tag.DFmB_TuD.js.map +1 -0
- package/dist/chunks/menu.W_kuhRKI.js +514 -0
- package/dist/chunks/menu.W_kuhRKI.js.map +1 -0
- package/dist/chunks/minus-small.DJacLGTw.js +27 -0
- package/dist/chunks/minus-small.DJacLGTw.js.map +1 -0
- package/dist/chunks/{pagination.BvhUFgsT.js → pagination.DvP8FqiW.js} +2 -2
- package/dist/chunks/{pagination.BvhUFgsT.js.map → pagination.DvP8FqiW.js.map} +1 -1
- package/dist/chunks/{rich-text-editor.BTJpOiYL.js → rich-text-editor.aSOSl4Rz.js} +2 -2
- package/dist/chunks/{rich-text-editor.BTJpOiYL.js.map → rich-text-editor.aSOSl4Rz.js.map} +1 -1
- package/dist/chunks/{search-bar.Ch1dLZAb.js → search-bar.Sh4A8UId.js} +3 -3
- package/dist/chunks/{search-bar.Ch1dLZAb.js.map → search-bar.Sh4A8UId.js.map} +1 -1
- package/dist/chunks/{secondary-nav.DBssP9fQ.js → secondary-nav.BFtGx_IN.js} +2 -2
- package/dist/chunks/{secondary-nav.DBssP9fQ.js.map → secondary-nav.BFtGx_IN.js.map} +1 -1
- package/dist/chunks/{selection-card-group.CjFm-cAm.js → selection-card-group.CrWy35QU.js} +2 -2
- package/dist/chunks/{selection-card-group.CjFm-cAm.js.map → selection-card-group.CrWy35QU.js.map} +1 -1
- package/dist/chunks/{tabs.zkTl2PQR.js → tabs.Dx6teJGW.js} +2 -2
- package/dist/chunks/{tabs.zkTl2PQR.js.map → tabs.Dx6teJGW.js.map} +1 -1
- package/dist/chunks/{tutorial.C9PYfB4z.js → tutorial.BNZh6N3h.js} +2 -2
- package/dist/chunks/{tutorial.C9PYfB4z.js.map → tutorial.BNZh6N3h.js.map} +1 -1
- package/dist/chunks/{use-cached-selected-values.Da6xbfzO.js → use-cached-selected-values.CDBmVxYM.js} +514 -481
- package/dist/chunks/use-cached-selected-values.CDBmVxYM.js.map +1 -0
- package/dist/code-snippet.js +1 -1
- package/dist/dashboard-template.js +1 -1
- package/dist/data-grid-template.js +1 -1
- package/dist/data-grid.js +1 -1
- package/dist/date-picker.js +2 -2
- package/dist/date-range-picker.js +2 -2
- package/dist/dropdown.js +4 -4
- package/dist/filter-bar.js +1 -1
- package/dist/header-with-views.js +1 -1
- package/dist/header.js +1 -1
- package/dist/index.js +31 -31
- 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 +5 -5
- package/dist/menu.js +1 -1
- package/dist/pagination.js +1 -1
- package/dist/rich-text-editor.js +1 -1
- package/dist/search-bar.js +2 -2
- package/dist/secondary-nav.js +1 -1
- package/dist/selection-card.js +1 -1
- package/dist/styles/bento-dark.css +4 -0
- package/dist/styles/bento-light.css +4 -0
- package/dist/styles/bento.css +4 -0
- package/dist/styles/legacy.css +4 -0
- package/dist/styles/styleguide.css +4 -0
- package/dist/tabs.js +1 -1
- package/dist/tutorial.js +1 -1
- package/dist/web-types.json +176 -120
- package/package.json +7 -7
- package/dist/chunks/card.Cu6MicVI.js +0 -123
- package/dist/chunks/card.Cu6MicVI.js.map +0 -1
- package/dist/chunks/checkbox-input.B-4Rw5mp.js +0 -137
- package/dist/chunks/checkbox-input.B-4Rw5mp.js.map +0 -1
- package/dist/chunks/chevron-left.BS24hEFa.js.map +0 -1
- package/dist/chunks/chevron-up.CHK1E4p9.js +0 -43
- package/dist/chunks/chevron-up.CHK1E4p9.js.map +0 -1
- package/dist/chunks/data-grid.BcGRXt9C.js.map +0 -1
- package/dist/chunks/date-range-picker.D6xJAHoB.js +0 -977
- package/dist/chunks/date-range-picker.D6xJAHoB.js.map +0 -1
- package/dist/chunks/fixed-scroller.Ctz5dFqz.js.map +0 -1
- package/dist/chunks/header-with-views.MFHmiIXb.js.map +0 -1
- package/dist/chunks/listbox-option-tag.EzSkn_lM.js.map +0 -1
- package/dist/chunks/menu.CTVbNfuo.js +0 -601
- package/dist/chunks/menu.CTVbNfuo.js.map +0 -1
- package/dist/chunks/use-cached-selected-values.Da6xbfzO.js.map +0 -1
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import { ref as
|
|
1
|
+
import { ref as b, onMounted as Ne, nextTick as ne, watch as te, onUnmounted as ft, reactive as Ie, toRefs as De, computed as C, watchEffect as pn, onBeforeUpdate as wn, defineComponent as ae, toRef as Re, useSlots as xe, provide as gt, inject as Ae } from "vue";
|
|
2
2
|
import { C as Sn } from "./checkmark-circle-fill.BttTCjrM.js";
|
|
3
|
-
import { W as
|
|
3
|
+
import { W as bn } from "./warning-filled.tWOyLUQT.js";
|
|
4
4
|
/* empty css */
|
|
5
5
|
import { n as Z } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
|
|
6
6
|
import { C as _t } from "./cross.CC_B-vG-.js";
|
|
7
|
-
import { N as Ye } from "./
|
|
8
|
-
import { d as
|
|
9
|
-
import { E as re, B as
|
|
7
|
+
import { N as Ye } from "./minus-small.DJacLGTw.js";
|
|
8
|
+
import { d as yn } from "./popper-container.DIFqmRsp.js";
|
|
9
|
+
import { E as re, B as En, a as Ln, T as Rn } from "./tooltip.DyZIyMZN.js";
|
|
10
10
|
import { B as An } from "./dashed-underline.DD24UDCz.js";
|
|
11
11
|
import { B as Ce, p as vt } from "./typography.J1v_SPG3.js";
|
|
12
12
|
import { u as ue } from "./i18n.BQkEbtPM.js";
|
|
13
|
-
import { B as On } from "./action-bar.
|
|
14
|
-
import { B as Tn } from "./pagination.
|
|
13
|
+
import { B as On } from "./action-bar.Dsp7iRxz.js";
|
|
14
|
+
import { B as Tn } from "./pagination.DvP8FqiW.js";
|
|
15
15
|
import { B as Fe } from "./loading-indicator.z8COalOc.js";
|
|
16
16
|
import { u as Me } from "./use-has-slot.C9lQZ6nz.js";
|
|
17
17
|
import { u as Nn } from "./aria-label.CaUURpnB.js";
|
|
18
18
|
import { g as In } from "./get-slot-text.BQS5Olxm.js";
|
|
19
|
-
import { B as
|
|
19
|
+
import { B as Le } from "./filter-bar.D6HeYnzZ.js";
|
|
20
20
|
import { B as Dn } from "./empty-state.mtXfb1BB.js";
|
|
21
21
|
import { E as xn } from "./tabs.keys.Bc2pSKRw.js";
|
|
22
22
|
import { D as Fn } from "./data-grid-template.keys.2_AkxuNT.js";
|
|
@@ -26,11 +26,12 @@ import { b as Mn } from "./focus-trap.C-wIQqpO.js";
|
|
|
26
26
|
import { u as Bn } from "./use-expandable-content-height.GkjjbmPy.js";
|
|
27
27
|
import { g as Oe } from "./generate-uid.NJ8tVoha.js";
|
|
28
28
|
import { B as mt } from "./button.hF-nD1Og.js";
|
|
29
|
-
import { B as Ct, O as $n, D as Pn } from "./menu.
|
|
29
|
+
import { B as Ct, O as $n, D as Pn } from "./menu.W_kuhRKI.js";
|
|
30
30
|
import { E as Un } from "./link.CXy_LoFI.js";
|
|
31
31
|
import { C as zn } from "./copy.Co1MMqtM.js";
|
|
32
|
-
import { B as ht } from "./checkbox.
|
|
33
|
-
import { C as kn
|
|
32
|
+
import { B as ht } from "./checkbox.C9nJVvMq.js";
|
|
33
|
+
import { C as kn } from "./chevron-down.eYtgv5ly.js";
|
|
34
|
+
import { C as Wn } from "./chevron-up.d8cwIlA_.js";
|
|
34
35
|
import { B as $e } from "./toggle-button.DEVVvpkw.js";
|
|
35
36
|
import { e as Gn, d as Hn } from "./button-actions._OIvTdKt.js";
|
|
36
37
|
import { B as Vn } from "./info-icon.G8lKgclf.js";
|
|
@@ -39,8 +40,8 @@ import { A as jn } from "./dialog-page.CLHZqQeU.js";
|
|
|
39
40
|
import { H as qn, S as Yn } from "./show.B_mKPF6I.js";
|
|
40
41
|
import { l as Ke } from "./events.CMzGybJJ.js";
|
|
41
42
|
import { B as pt } from "./toggle.DyXL09-x.js";
|
|
42
|
-
import { B as Xn } from "./search-bar.
|
|
43
|
-
import { u as Kn } from "./dropdown.
|
|
43
|
+
import { B as Xn } from "./search-bar.Sh4A8UId.js";
|
|
44
|
+
import { u as Kn } from "./dropdown.B_PWXFtT.js";
|
|
44
45
|
import { S as Jn } from "./search.D53Ia3rC.js";
|
|
45
46
|
import { B as Qn } from "./directive.Cbdox5VL.js";
|
|
46
47
|
import "../assets/data-grid.css";
|
|
@@ -56,8 +57,8 @@ const Je = (s) => {
|
|
|
56
57
|
}
|
|
57
58
|
const o = parseFloat(t.top);
|
|
58
59
|
return !isNaN(o) && o < 0 && (n += o), n;
|
|
59
|
-
}, Qe = (s, t, n =
|
|
60
|
-
const o =
|
|
60
|
+
}, Qe = (s, t, n = b(!1), e = null) => {
|
|
61
|
+
const o = b(0);
|
|
61
62
|
let l = null, a = null;
|
|
62
63
|
const u = () => {
|
|
63
64
|
const _ = t.value ? Je(s.value) : 0, r = n.value && e ? Je(e.value) : 0;
|
|
@@ -86,39 +87,39 @@ const Je = (s) => {
|
|
|
86
87
|
};
|
|
87
88
|
var Te = /* @__PURE__ */ ((s) => (s.WRAP = "wrap", s.ELLIPSIS = "ellipsis", s))(Te || {}), ce = /* @__PURE__ */ ((s) => (s.OUTLINE = "outline", s.SCROLL = "scroll", s.STICKY_FILTERS = "sticky-filters", s.OVERFLOW_SHADOW_LEFT = "overflow-shadow-left", s.OVERFLOW_SHADOW_RIGHT = "overflow-shadow-right", s.NO_SPACING_TOP = "no-spacing-top", s))(ce || {}), ge = /* @__PURE__ */ ((s) => (s.ASCENDING = "asc", s.DESCENDING = "desc", s))(ge || {}), T = /* @__PURE__ */ ((s) => (s.COLUMNS = "columns", s.COLUMN_RESIZE = "column-resize", s.ITEMS_PAGE = "items-page", s.NAVIGATE = "navigate", s.NESTED_CONTENT_TOGGLED = "nested-content-toggled", s.FILTER_SEARCH_INPUT = "filter-search-input", s.FILTER_SEARCH_CLEAR = "filter-search-clear", s.UPDATE_COLUMNS = "update:columns", s.UPDATE_CONDENSED = "update:condensed", s.UPDATE_FILTERS = "update:filters", s.UPDATE_FILTER_VALUES = "update:filter-values", s.UPDATE_FILTER_SEARCH_TERM = "update:filter-search-term", s.UPDATE_PAGINATION = "update:pagination", s.UPDATE_SELECTION = "update:selection", s.UPDATE_SHOW_MORE = "update:show-more", s.UPDATE_SORT_BY = "update:sort-by", s.ROW_CLICK = "row-click", s.SELECT = "select", s.SELECT_ALL_ACROSS_PAGES = "select-all-across-pages", s.SORT = "sort", s))(T || {}), he = /* @__PURE__ */ ((s) => (s.ASCENDING = "ascending", s.DESCENDING = "descending", s.NONE = "none", s))(he || {}), V = /* @__PURE__ */ ((s) => (s.COLUMN_RESIZE = "column-resize", s.COLUMN_RESIZING = "column-resizing", s.SELECT_ALL_ROWS = "select-all-rows", s.SELECT_ALL_ACROSS_PAGES = "select-all-across-pages", s.COLUMN_MOVE = "column-move", s.COLUMN_UPDATE = "column-update", s.COLUMN_MENU_OPEN = "column-menu-open", s.COLUMN_MENU_CLOSE = "column-menu-close", s.COLUMN_HOVER = "column-hover", s.COLUMN_DRAG_START = "column-dragstart", s.COLUMN_DRAG_ENTER = "column-dragenter", s.COLUMN_DRAG_END = "column-dragend", s.COLUMN_DROP = "column-drop", s))(V || {});
|
|
88
89
|
const es = (s, t) => {
|
|
89
|
-
const n =
|
|
90
|
+
const n = b(null), e = b(!1), o = b(void 0), l = s.value.reduce((i, w) => (i[w.field] = null, i), {}), a = Ie(l), u = De(a);
|
|
90
91
|
let _ = 0, r = "";
|
|
91
|
-
const
|
|
92
|
-
() => Object.fromEntries(s.value.map(({ field:
|
|
92
|
+
const y = C(
|
|
93
|
+
() => Object.fromEntries(s.value.map(({ field: i, width: w, minWidth: v }) => [i, { width: w, minWidth: v }]))
|
|
93
94
|
);
|
|
94
|
-
pn(() => o.value =
|
|
95
|
+
pn(() => o.value = y.value);
|
|
95
96
|
let f = null, A = null;
|
|
96
|
-
const
|
|
97
|
-
const
|
|
98
|
-
o.value[v].width =
|
|
97
|
+
const h = (i) => {
|
|
98
|
+
const w = i.clientX - _, v = r, S = o.value[v].width + w;
|
|
99
|
+
o.value[v].width = S > y.value[v].minWidth ? S : y.value[v].minWidth, t(V.COLUMN_RESIZING, o.value), _ = i.clientX;
|
|
99
100
|
}, c = () => {
|
|
100
101
|
e.value = !1, f == null || f(), A == null || A(), r && t(V.COLUMN_RESIZE, {
|
|
101
102
|
field: r,
|
|
102
103
|
width: o.value[r].width
|
|
103
104
|
}), f = null, A = null, r = "", _ = null;
|
|
104
|
-
},
|
|
105
|
-
if (v.preventDefault(),
|
|
105
|
+
}, m = (i, w, v) => {
|
|
106
|
+
if (v.preventDefault(), i) {
|
|
106
107
|
if (e.value = !0, v.buttons !== 1) {
|
|
107
108
|
c();
|
|
108
109
|
return;
|
|
109
110
|
}
|
|
110
|
-
r =
|
|
111
|
+
r = w, _ = v.clientX, f = Ke(window, "mousemove", h), A = Ke(window, "mouseup", c);
|
|
111
112
|
}
|
|
112
113
|
};
|
|
113
114
|
return te(
|
|
114
115
|
() => e.value,
|
|
115
|
-
(
|
|
116
|
-
!
|
|
116
|
+
(i, w) => {
|
|
117
|
+
!i && w && (t(V.COLUMN_HOVER, n.value), n.value = null);
|
|
117
118
|
}
|
|
118
119
|
), {
|
|
119
120
|
resizeData: o,
|
|
120
121
|
allColumnRefs: u,
|
|
121
|
-
startResize:
|
|
122
|
+
startResize: m,
|
|
122
123
|
isResizing: e,
|
|
123
124
|
columnHoverEventToEmitAfterResizing: n
|
|
124
125
|
};
|
|
@@ -131,22 +132,22 @@ const es = (s, t) => {
|
|
|
131
132
|
if (o.length === n.length)
|
|
132
133
|
return;
|
|
133
134
|
const u = { min: {} };
|
|
134
|
-
let _ = s, r = t,
|
|
135
|
+
let _ = s, r = t, y = 0;
|
|
135
136
|
o.forEach((f) => {
|
|
136
137
|
_ -= e[f].computedWidth, r -= e[f].flex;
|
|
137
138
|
});
|
|
138
139
|
for (let f = 0, A = n.length; f < A; f += 1) {
|
|
139
|
-
const
|
|
140
|
-
if (e[
|
|
140
|
+
const h = n[f];
|
|
141
|
+
if (e[h.field] && e[h.field].frozen === !0)
|
|
141
142
|
continue;
|
|
142
|
-
let
|
|
143
|
-
|
|
143
|
+
let m = _ / r * h.flex;
|
|
144
|
+
m < h.minWidth && (y += h.minWidth - m, m = h.minWidth, u.min[h.field] = !0), e[h.field] = {
|
|
144
145
|
frozen: !1,
|
|
145
|
-
computedWidth:
|
|
146
|
-
flex:
|
|
146
|
+
computedWidth: m,
|
|
147
|
+
flex: h.flex
|
|
147
148
|
};
|
|
148
149
|
}
|
|
149
|
-
|
|
150
|
+
y > 0 ? Object.keys(u.min).forEach((f) => {
|
|
150
151
|
l(f);
|
|
151
152
|
}) : n.forEach(({ field: f }) => {
|
|
152
153
|
l(f);
|
|
@@ -160,28 +161,28 @@ const es = (s, t) => {
|
|
|
160
161
|
var t, n, e, o, l;
|
|
161
162
|
return (t = s == null ? void 0 : s.hasNestedContent) != null && t.value || (n = s == null ? void 0 : s.hasNestedRows) != null && n.value ? (e = s == null ? void 0 : s.hasSelectableColumn) != null && e.value ? (o = s == null ? void 0 : s.hasSelectableAcrossPages) != null && o.value ? ls : os : as : (l = s == null ? void 0 : s.hasSelectableAcrossPages) != null && l.value ? ss : ns;
|
|
162
163
|
}, us = (s, t, n, e, o, l) => {
|
|
163
|
-
const a =
|
|
164
|
+
const a = b(s.value), u = b(t), _ = b(n), r = b(e), y = b(o), f = b(!1), A = b(0);
|
|
164
165
|
te(
|
|
165
166
|
() => s.value,
|
|
166
|
-
(g,
|
|
167
|
+
(g, L) => {
|
|
167
168
|
var G, j;
|
|
168
|
-
const F = (g == null ? void 0 : g.map(({ field: H }) => H).toString()) === (
|
|
169
|
+
const F = (g == null ? void 0 : g.map(({ field: H }) => H).toString()) === (L == null ? void 0 : L.map(({ field: H }) => H).toString());
|
|
169
170
|
if (!((G = l == null ? void 0 : l.allowColumnDragAndDrop) != null && G.value) || !F) {
|
|
170
171
|
a.value = s.value;
|
|
171
172
|
return;
|
|
172
173
|
}
|
|
173
|
-
a.value = ((j = a.value) == null ? void 0 : j.length) === 0 ? s.value : s.value.sort((H,
|
|
174
|
-
const $ = a.value.findIndex((D) => D.field === H.field), x = a.value.findIndex((D) => D.field ===
|
|
174
|
+
a.value = ((j = a.value) == null ? void 0 : j.length) === 0 ? s.value : s.value.sort((H, p) => {
|
|
175
|
+
const $ = a.value.findIndex((D) => D.field === H.field), x = a.value.findIndex((D) => D.field === p.field);
|
|
175
176
|
return $ === -1 ? 1 : x === -1 ? -1 : $ - x;
|
|
176
177
|
});
|
|
177
178
|
}
|
|
178
179
|
);
|
|
179
|
-
const
|
|
180
|
+
const h = b();
|
|
180
181
|
let c = null;
|
|
181
|
-
const
|
|
182
|
+
const m = C(() => {
|
|
182
183
|
var $, x, D;
|
|
183
184
|
const g = [];
|
|
184
|
-
let
|
|
185
|
+
let L = 0, F = 0;
|
|
185
186
|
const G = {};
|
|
186
187
|
let j = a.value.filter((P) => P.visible !== !1);
|
|
187
188
|
const H = a.value.filter((P) => P.visible === !1);
|
|
@@ -202,14 +203,14 @@ const es = (s, t) => {
|
|
|
202
203
|
j.forEach((P) => {
|
|
203
204
|
const M = { ...P };
|
|
204
205
|
let K;
|
|
205
|
-
M.flex && M.flex > 0 ? (
|
|
206
|
+
M.flex && M.flex > 0 ? (L += M.flex, K = 0, g.push(M)) : K = Math.max(
|
|
206
207
|
(M == null ? void 0 : M.width) ?? ts,
|
|
207
208
|
(M == null ? void 0 : M.minWidth) ?? et
|
|
208
209
|
), F += K, M.width = K, M.minWidth = (M == null ? void 0 : M.minWidth) ?? et, G[M.field] = M;
|
|
209
210
|
});
|
|
210
|
-
const
|
|
211
|
-
if (
|
|
212
|
-
const P = ds(
|
|
211
|
+
const p = Math.max(h.value - F, 0);
|
|
212
|
+
if (L > 0 && h.value > 0) {
|
|
213
|
+
const P = ds(p, L, g);
|
|
213
214
|
Object.keys(P).forEach((M) => {
|
|
214
215
|
G[M].width = P[M].computedWidth;
|
|
215
216
|
});
|
|
@@ -218,19 +219,19 @@ const es = (s, t) => {
|
|
|
218
219
|
const M = { ...P };
|
|
219
220
|
G[M.field] = M;
|
|
220
221
|
}), Object.values(G);
|
|
221
|
-
}),
|
|
222
|
-
|
|
222
|
+
}), i = b(void 0), w = (g) => {
|
|
223
|
+
i.value = { ...i.value, ...g };
|
|
223
224
|
}, v = async () => {
|
|
224
|
-
a.value.some((g) => g == null ? void 0 : g.autoWidth) && (f.value = !0, await ne(), a == null || a.value.filter((g) => g == null ? void 0 : g.autoWidth).forEach(({ field: g, minWidth:
|
|
225
|
-
var H,
|
|
225
|
+
a.value.some((g) => g == null ? void 0 : g.autoWidth) && (f.value = !0, await ne(), a == null || a.value.filter((g) => g == null ? void 0 : g.autoWidth).forEach(({ field: g, minWidth: L }) => {
|
|
226
|
+
var H, p, $, x;
|
|
226
227
|
const F = tt(
|
|
227
228
|
(H = r.value) == null ? void 0 : H[g],
|
|
228
|
-
(
|
|
229
|
-
), G = (x = ($ =
|
|
229
|
+
(p = l == null ? void 0 : l.hasColumnPanel) == null ? void 0 : p.value
|
|
230
|
+
), G = (x = ($ = y.value) == null ? void 0 : $[g]) == null ? void 0 : x.reduce(
|
|
230
231
|
(D, P) => Math.max(D, tt(P)),
|
|
231
232
|
0
|
|
232
233
|
), j = Math.max(F, G ?? 0);
|
|
233
|
-
(
|
|
234
|
+
(L === void 0 || j > L) && w({
|
|
234
235
|
[g]: {
|
|
235
236
|
width: j
|
|
236
237
|
}
|
|
@@ -240,119 +241,119 @@ const es = (s, t) => {
|
|
|
240
241
|
te([() => a.value, () => u.value], async () => {
|
|
241
242
|
a.value.some((g) => g == null ? void 0 : g.autoWidth) && await v();
|
|
242
243
|
});
|
|
243
|
-
const
|
|
244
|
-
() =>
|
|
245
|
-
var
|
|
244
|
+
const S = C(
|
|
245
|
+
() => m.value.map((g) => {
|
|
246
|
+
var L, F;
|
|
246
247
|
return {
|
|
247
248
|
...g,
|
|
248
249
|
// Override column width with resized ones
|
|
249
|
-
width: ((F = (
|
|
250
|
+
width: ((F = (L = i.value) == null ? void 0 : L[g.field]) == null ? void 0 : F.width) ?? g.width
|
|
250
251
|
};
|
|
251
252
|
})
|
|
252
|
-
),
|
|
253
|
+
), R = C(
|
|
253
254
|
() => {
|
|
254
255
|
var g;
|
|
255
|
-
return ((g =
|
|
256
|
+
return ((g = S.value) == null ? void 0 : g.filter(({ visible: L }) => L !== !1).reduce((L, F) => F.width + L, 0)) + A.value;
|
|
256
257
|
}
|
|
257
|
-
), O =
|
|
258
|
-
() =>
|
|
259
|
-
), I =
|
|
260
|
-
width:
|
|
258
|
+
), O = C(
|
|
259
|
+
() => h.value <= R.value
|
|
260
|
+
), I = C(() => ({
|
|
261
|
+
width: h.value > R.value ? "100%" : "fit-content"
|
|
261
262
|
}));
|
|
262
263
|
return Ne(() => {
|
|
263
|
-
var
|
|
264
|
+
var L;
|
|
264
265
|
const g = l != null && l.isDataGridTemplate ? rs : 0;
|
|
265
266
|
ne(() => {
|
|
266
|
-
_.value && (
|
|
267
|
+
_.value && (h.value = _.value.getBoundingClientRect().width - g);
|
|
267
268
|
const F = te(
|
|
268
269
|
_,
|
|
269
270
|
() => {
|
|
270
271
|
_.value && (ne(() => F()), c = Be(_.value, ({ width: G }) => {
|
|
271
|
-
|
|
272
|
+
h.value = G - g;
|
|
272
273
|
}));
|
|
273
274
|
},
|
|
274
275
|
{ immediate: !0 }
|
|
275
276
|
);
|
|
276
|
-
}), (
|
|
277
|
+
}), (L = document == null ? void 0 : document.fonts) != null && L.ready ? document.fonts.ready.then(() => {
|
|
277
278
|
v();
|
|
278
279
|
}) : v();
|
|
279
280
|
}), ft(() => {
|
|
280
281
|
c == null || c.disconnect();
|
|
281
282
|
}), wn(() => {
|
|
282
283
|
var g;
|
|
283
|
-
|
|
284
|
-
|
|
284
|
+
y.value && ((g = Object.keys(y.value)) == null ? void 0 : g.length) > 0 && Object.keys(y.value).forEach((F) => {
|
|
285
|
+
y.value[F] = [];
|
|
285
286
|
});
|
|
286
287
|
}), {
|
|
287
|
-
columnDefs:
|
|
288
|
+
columnDefs: S,
|
|
288
289
|
gridRowWidthStyle: I,
|
|
289
|
-
onColumnWidthOverride:
|
|
290
|
+
onColumnWidthOverride: w,
|
|
290
291
|
isMeasuringColumnWidths: f,
|
|
291
292
|
isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: O,
|
|
292
293
|
columns: a,
|
|
293
|
-
totalWidthOfAllColumns:
|
|
294
|
+
totalWidthOfAllColumns: R,
|
|
294
295
|
rowActionsMaxWidth: A
|
|
295
296
|
};
|
|
296
297
|
}, fs = (s, t, n, e, o) => {
|
|
297
|
-
const l =
|
|
298
|
+
const l = b(s.value ?? []), a = Ie({
|
|
298
299
|
allItemsSelected: !1,
|
|
299
300
|
isIndeterminate: !1
|
|
300
|
-
}), u =
|
|
301
|
+
}), u = C(
|
|
301
302
|
() => n.value.flatMap((c) => {
|
|
302
|
-
var
|
|
303
|
-
return [c, ((
|
|
303
|
+
var m;
|
|
304
|
+
return [c, ((m = c == null ? void 0 : c.children) == null ? void 0 : m.length) > 0 ? c == null ? void 0 : c.children : []];
|
|
304
305
|
}).flat()
|
|
305
306
|
), _ = () => {
|
|
306
307
|
t(T.SELECT, l.value), t(T.UPDATE_SELECTION, l.value);
|
|
307
308
|
}, r = (c) => {
|
|
308
|
-
var
|
|
309
|
-
if (l.value = c, ((
|
|
309
|
+
var i, w, v, S, R;
|
|
310
|
+
if (l.value = c, ((i = n.value) == null ? void 0 : i.length) > 0 && ((w = u.value) == null ? void 0 : w.filter((O) => !o(O)).every((O) => l.value.includes(e(O))))) {
|
|
310
311
|
a.allItemsSelected = !0;
|
|
311
312
|
const O = ((v = n.value) == null ? void 0 : v.length) > 0 && n.value.every((I) => l.value.includes(e(I)));
|
|
312
313
|
a.isIndeterminate = !O;
|
|
313
314
|
} else
|
|
314
|
-
a.allItemsSelected = !1, a.isIndeterminate = ((
|
|
315
|
+
a.allItemsSelected = !1, a.isIndeterminate = ((S = l.value) == null ? void 0 : S.length) > 0 && ((R = n.value) == null ? void 0 : R.length) > 0 && n.value.some(
|
|
315
316
|
(O) => {
|
|
316
317
|
var I;
|
|
317
318
|
return l.value.includes(e(O)) || ((I = O == null ? void 0 : O.children) == null ? void 0 : I.some((g) => l.value.includes(e(g))));
|
|
318
319
|
}
|
|
319
320
|
);
|
|
320
|
-
},
|
|
321
|
+
}, y = (c) => {
|
|
321
322
|
ne(() => {
|
|
322
|
-
var
|
|
323
|
+
var m, i, w;
|
|
323
324
|
if (a.allItemsSelected = c, c) {
|
|
324
|
-
l.value = (
|
|
325
|
-
(
|
|
326
|
-
)) == null ? void 0 :
|
|
327
|
-
const v = ((
|
|
325
|
+
l.value = (i = (m = u.value) == null ? void 0 : m.filter(
|
|
326
|
+
(S) => !o(S) && ((S == null ? void 0 : S.children) === void 0 || S.children.every((R) => !o(R)))
|
|
327
|
+
)) == null ? void 0 : i.map((S) => e(S));
|
|
328
|
+
const v = ((w = n.value) == null ? void 0 : w.length) > 0 && n.value.every((S) => l.value.includes(e(S)));
|
|
328
329
|
a.isIndeterminate = l.value.length > 0 && !v;
|
|
329
330
|
} else
|
|
330
331
|
l.value = [], a.isIndeterminate = !1;
|
|
331
332
|
_();
|
|
332
333
|
});
|
|
333
|
-
}, f = (c,
|
|
334
|
+
}, f = (c, m) => {
|
|
334
335
|
ne(() => {
|
|
335
|
-
var
|
|
336
|
-
r(((
|
|
336
|
+
var i;
|
|
337
|
+
r(((i = m == null ? void 0 : m.children) == null ? void 0 : i.length) > 0 ? A(c, m) : c), _();
|
|
337
338
|
});
|
|
338
|
-
}, A = (c,
|
|
339
|
+
}, A = (c, m) => {
|
|
339
340
|
var v;
|
|
340
|
-
const
|
|
341
|
-
if (c.includes(
|
|
342
|
-
const
|
|
343
|
-
return
|
|
344
|
-
|
|
345
|
-
}),
|
|
341
|
+
const i = e(m), w = (v = m.children) == null ? void 0 : v.filter((S) => !o(S)).map((S) => e(S));
|
|
342
|
+
if (c.includes(i)) {
|
|
343
|
+
const S = c;
|
|
344
|
+
return w.forEach((R) => {
|
|
345
|
+
S.includes(R) || S.push(R);
|
|
346
|
+
}), S;
|
|
346
347
|
}
|
|
347
|
-
return c.filter((
|
|
348
|
-
},
|
|
348
|
+
return c.filter((S) => !w.includes(S));
|
|
349
|
+
}, h = (c, m, i) => {
|
|
349
350
|
ne(() => {
|
|
350
|
-
var v,
|
|
351
|
-
const
|
|
352
|
-
c.includes(e(
|
|
353
|
-
!c.includes(
|
|
351
|
+
var v, S;
|
|
352
|
+
const w = e(m);
|
|
353
|
+
c.includes(e(i)) ? r(
|
|
354
|
+
!c.includes(w) && ((v = m == null ? void 0 : m.children) != null && v.every((R) => c.includes(e(R)))) ? [...c, w] : c
|
|
354
355
|
) : r(
|
|
355
|
-
c.includes(
|
|
356
|
+
c.includes(w) && !((S = m == null ? void 0 : m.children) != null && S.every((R) => c.includes(e(R)))) ? c.filter((R) => R !== w) : c
|
|
356
357
|
), _();
|
|
357
358
|
});
|
|
358
359
|
};
|
|
@@ -365,25 +366,25 @@ const es = (s, t) => {
|
|
|
365
366
|
), te(
|
|
366
367
|
() => n.value,
|
|
367
368
|
() => {
|
|
368
|
-
const c = n.value.filter((
|
|
369
|
-
(
|
|
370
|
-
var
|
|
371
|
-
return ((
|
|
369
|
+
const c = n.value.filter((m) => l.value.includes(e(m))).flatMap(
|
|
370
|
+
(m) => {
|
|
371
|
+
var i;
|
|
372
|
+
return ((i = m == null ? void 0 : m.children) == null ? void 0 : i.length) > 0 ? m.children.map((w) => e(w)).filter((w) => !l.value.includes(w)) : [];
|
|
372
373
|
}
|
|
373
374
|
);
|
|
374
375
|
(c == null ? void 0 : c.length) > 0 ? (r([...l.value, ...c]), _()) : r(l.value);
|
|
375
376
|
}
|
|
376
|
-
), { onAllRowSelect:
|
|
377
|
+
), { onAllRowSelect: y, onRowSelect: f, onNestedRowSelect: h, allItemsSelectedState: a, selectedItems: l };
|
|
377
378
|
}, gs = (s, t, n) => ({ isSorting: (a) => s.value.some((u) => u.field === a), getSortingDirection: (a) => {
|
|
378
379
|
var u;
|
|
379
380
|
return (u = s.value.find((_) => _.field === a)) == null ? void 0 : u.direction;
|
|
380
381
|
}, sortByColumnField: (a) => {
|
|
381
382
|
var r;
|
|
382
|
-
if (!t.value.some((
|
|
383
|
+
if (!t.value.some((y) => y.field === a && y.sortable))
|
|
383
384
|
return;
|
|
384
385
|
const _ = [{
|
|
385
386
|
field: a,
|
|
386
|
-
direction: ((r = s.value.find((
|
|
387
|
+
direction: ((r = s.value.find((y) => y.field === a)) == null ? void 0 : r.direction) === ge.ASCENDING ? ge.DESCENDING : ge.ASCENDING
|
|
387
388
|
}];
|
|
388
389
|
n("sort", _);
|
|
389
390
|
} });
|
|
@@ -392,132 +393,132 @@ const me = "b-row-actions-column", Pe = (s) => {
|
|
|
392
393
|
const n = Mn(s).filter((e) => e.node !== s);
|
|
393
394
|
return (n == null ? void 0 : n.length) > 0 ? (n[0].node.focus(), !0) : !1;
|
|
394
395
|
}, _s = (s, t, n, e, o, l) => {
|
|
395
|
-
const a =
|
|
396
|
-
let v = n.value.filter(({ visible:
|
|
396
|
+
const a = C(() => l.value || e.value ? !0 : n.value.some((v) => v.infoIconTooltip || v.sortable)), u = C(() => {
|
|
397
|
+
let v = n.value.filter(({ visible: S }) => S !== !1);
|
|
397
398
|
return o.value && (v = [
|
|
398
399
|
...v,
|
|
399
400
|
{ field: me, label: "" }
|
|
400
401
|
]), v;
|
|
401
|
-
}), _ =
|
|
402
|
+
}), _ = C(() => u.value.length), r = C(() => {
|
|
402
403
|
if (!s.value)
|
|
403
404
|
return [];
|
|
404
405
|
const v = Object.keys(s.value)[0];
|
|
405
406
|
if (!v || !s.value[v])
|
|
406
407
|
return [];
|
|
407
|
-
const
|
|
408
|
+
const S = [];
|
|
408
409
|
if (a.value)
|
|
409
410
|
for (const O of u.value) {
|
|
410
411
|
const I = t.value[O.field];
|
|
411
|
-
|
|
412
|
+
S.push(I);
|
|
412
413
|
}
|
|
413
|
-
const
|
|
414
|
-
for (let O = 0; O <
|
|
414
|
+
const R = s.value[v].length;
|
|
415
|
+
for (let O = 0; O < R; O++)
|
|
415
416
|
for (const I of u.value) {
|
|
416
417
|
const g = s.value[I.field];
|
|
417
|
-
g != null && g[O] &&
|
|
418
|
+
g != null && g[O] && S.push(g[O]);
|
|
418
419
|
}
|
|
419
|
-
return
|
|
420
|
-
}),
|
|
421
|
-
const O = r.value.length - 1, I = _.value - 1, g =
|
|
420
|
+
return S;
|
|
421
|
+
}), y = (v) => Math.floor(v / _.value), f = (v, S, R) => {
|
|
422
|
+
const O = r.value.length - 1, I = _.value - 1, g = y(v), L = v - _.value * g;
|
|
422
423
|
return {
|
|
423
|
-
[J.PAGE_UP]:
|
|
424
|
-
[J.PAGE_DOWN]: O - I +
|
|
425
|
-
[J.END]:
|
|
426
|
-
[J.HOME]:
|
|
427
|
-
}[
|
|
428
|
-
}, A = (v,
|
|
429
|
-
const
|
|
424
|
+
[J.PAGE_UP]: L + (a.value ? _.value : 0),
|
|
425
|
+
[J.PAGE_DOWN]: O - I + L,
|
|
426
|
+
[J.END]: R ? O : _.value * g + I,
|
|
427
|
+
[J.HOME]: R ? a.value ? _.value : 0 : _.value * g
|
|
428
|
+
}[S];
|
|
429
|
+
}, A = (v, S) => {
|
|
430
|
+
const R = y(v), I = {
|
|
430
431
|
[J.ARROW_DOWN]: _.value,
|
|
431
|
-
[J.ARROW_UP]:
|
|
432
|
+
[J.ARROW_UP]: R === 0 && !a.value ? 0 : -_.value,
|
|
432
433
|
[J.ARROW_LEFT]: -1,
|
|
433
434
|
[J.ARROW_RIGHT]: 1
|
|
434
|
-
}[
|
|
435
|
+
}[S], g = v + I;
|
|
435
436
|
return g < 0 || g >= r.value.length ? v : g;
|
|
436
|
-
},
|
|
437
|
+
}, h = (v) => [
|
|
437
438
|
J.PAGE_UP,
|
|
438
439
|
J.PAGE_DOWN,
|
|
439
440
|
J.END,
|
|
440
441
|
J.HOME
|
|
441
|
-
].includes(v), c = (v,
|
|
442
|
+
].includes(v), c = (v, S, R) => {
|
|
442
443
|
const O = r.value.indexOf(v);
|
|
443
|
-
return
|
|
444
|
-
},
|
|
444
|
+
return h(S) ? f(O, S, R) : A(O, S);
|
|
445
|
+
}, m = (v, S, R) => {
|
|
445
446
|
if (!r.value.includes(v))
|
|
446
447
|
return;
|
|
447
|
-
const O = c(v,
|
|
448
|
+
const O = c(v, S, R);
|
|
448
449
|
r.value[O].focus();
|
|
449
|
-
},
|
|
450
|
+
}, i = (v) => v in J;
|
|
450
451
|
return {
|
|
451
|
-
isNavigationKeyCode:
|
|
452
|
-
focusOnNextGridcell:
|
|
452
|
+
isNavigationKeyCode: i,
|
|
453
|
+
focusOnNextGridcell: m,
|
|
453
454
|
navigationInput: (v) => {
|
|
454
|
-
const { ctrlKey:
|
|
455
|
+
const { ctrlKey: S, key: R, target: O } = v, I = R;
|
|
455
456
|
let g = O;
|
|
456
|
-
g.getAttribute("role") !== "menuitem" && (r.value.includes(g) || (g = O.closest('[role="gridcell"], [role="columnheader"]')), r.value.includes(g) &&
|
|
457
|
+
g.getAttribute("role") !== "menuitem" && (r.value.includes(g) || (g = O.closest('[role="gridcell"], [role="columnheader"]')), r.value.includes(g) && i(I) && m(g, I, S));
|
|
457
458
|
}
|
|
458
459
|
};
|
|
459
460
|
}, vs = 90, ms = (s, t, n, e, o) => {
|
|
460
|
-
const l =
|
|
461
|
+
const l = b(s), a = b(t), u = b(n), _ = b(e), r = C(() => l.value !== "none"), y = C(() => l.value === "automatic"), f = () => {
|
|
461
462
|
o(T.UPDATE_SHOW_MORE);
|
|
462
463
|
};
|
|
463
464
|
return te(
|
|
464
465
|
() => a.value,
|
|
465
466
|
() => {
|
|
466
|
-
|
|
467
|
+
y.value && u.value.offsetHeight / a.value * 100 > vs && !_.value && f();
|
|
467
468
|
}
|
|
468
|
-
), { isLazyLoad: r, isInfiniteScroll:
|
|
469
|
+
), { isLazyLoad: r, isInfiniteScroll: y, verticalScrollPosition: a, emitLazyLoadEvent: f };
|
|
469
470
|
}, Cs = (s, t, n) => {
|
|
470
|
-
const e =
|
|
471
|
+
const e = b(s), o = b(t), l = Ie({
|
|
471
472
|
dragging: null,
|
|
472
473
|
dragToLeft: null,
|
|
473
474
|
target: null
|
|
474
|
-
}), a = (
|
|
475
|
-
const
|
|
476
|
-
if (
|
|
475
|
+
}), a = (h, c = 0) => {
|
|
476
|
+
const m = e.value.findIndex((v) => v.field === h.field), i = m + c;
|
|
477
|
+
if (i < 0 || i > e.value.length - 1)
|
|
477
478
|
return;
|
|
478
|
-
const
|
|
479
|
-
|
|
480
|
-
}, u = (
|
|
481
|
-
l.dragging =
|
|
482
|
-
}, _ = (
|
|
483
|
-
l.target =
|
|
484
|
-
const
|
|
485
|
-
l.dragToLeft =
|
|
486
|
-
}, r = (
|
|
487
|
-
var c,
|
|
488
|
-
if (((c = l.dragging) == null ? void 0 : c.field) !==
|
|
489
|
-
const
|
|
479
|
+
const w = [...e.value];
|
|
480
|
+
w.splice(i, 0, w.splice(m, 1)[0]), n(T.COLUMNS, w), n(T.UPDATE_COLUMNS, w);
|
|
481
|
+
}, u = (h, c) => {
|
|
482
|
+
l.dragging = h, c.dataTransfer.setData("text", ""), c.dataTransfer.dropEffect = "move";
|
|
483
|
+
}, _ = (h, c) => {
|
|
484
|
+
l.target = h;
|
|
485
|
+
const m = c.currentTarget.getBoundingClientRect(), i = m.left + m.width / 2, w = c.clientX ?? 0;
|
|
486
|
+
l.dragToLeft = w <= i;
|
|
487
|
+
}, r = (h) => {
|
|
488
|
+
var c, m;
|
|
489
|
+
if (((c = l.dragging) == null ? void 0 : c.field) !== h.field) {
|
|
490
|
+
const i = e.value.findIndex((I) => {
|
|
490
491
|
var g;
|
|
491
492
|
return I.field === ((g = l.dragging) == null ? void 0 : g.field);
|
|
492
|
-
}),
|
|
493
|
-
let
|
|
494
|
-
|
|
495
|
-
|
|
493
|
+
}), w = e.value.findIndex((I) => I.field === h.field), v = l.dragToLeft ? w : w + 1, S = v > i ? v - 1 : v;
|
|
494
|
+
let R = [...e.value];
|
|
495
|
+
R.splice(
|
|
496
|
+
S === -1 ? 0 : S,
|
|
496
497
|
0,
|
|
497
|
-
|
|
498
|
+
R.splice(i, 1)[0]
|
|
498
499
|
);
|
|
499
500
|
const O = e.value.findIndex((I) => !(I != null && I.frozen));
|
|
500
|
-
((
|
|
501
|
+
((m = l.dragging) == null ? void 0 : m.frozen) !== h.frozen && v !== O && (R = R.map(
|
|
501
502
|
(I) => {
|
|
502
503
|
var g;
|
|
503
|
-
return ((g = l.dragging) == null ? void 0 : g.field) === I.field ? { ...I, frozen: !!(
|
|
504
|
+
return ((g = l.dragging) == null ? void 0 : g.field) === I.field ? { ...I, frozen: !!(h != null && h.frozen) } : I;
|
|
504
505
|
}
|
|
505
|
-
)), n(T.COLUMNS,
|
|
506
|
+
)), n(T.COLUMNS, R), n(T.UPDATE_COLUMNS, R);
|
|
506
507
|
}
|
|
507
508
|
l.dragging = null, l.target = null;
|
|
508
|
-
},
|
|
509
|
+
}, y = () => {
|
|
509
510
|
l.dragging = null, l.dragToLeft = null, l.target = null;
|
|
510
|
-
}, f =
|
|
511
|
-
[V.COLUMN_DRAG_START]: (
|
|
512
|
-
[V.COLUMN_DRAG_ENTER]: (
|
|
513
|
-
[V.COLUMN_DROP]: (
|
|
514
|
-
[V.COLUMN_DRAG_END]: () =>
|
|
515
|
-
} : {}), A =
|
|
511
|
+
}, f = C(() => o.value ? {
|
|
512
|
+
[V.COLUMN_DRAG_START]: (h, c) => u(h, c),
|
|
513
|
+
[V.COLUMN_DRAG_ENTER]: (h, c) => _(h, c),
|
|
514
|
+
[V.COLUMN_DROP]: (h) => r(h),
|
|
515
|
+
[V.COLUMN_DRAG_END]: () => y()
|
|
516
|
+
} : {}), A = C(() => (h) => o.value ? {
|
|
516
517
|
dragenter: (c) => {
|
|
517
|
-
c.preventDefault(), _(
|
|
518
|
+
c.preventDefault(), _(h, c);
|
|
518
519
|
},
|
|
519
520
|
drop: () => {
|
|
520
|
-
r(
|
|
521
|
+
r(h);
|
|
521
522
|
},
|
|
522
523
|
dragover: (c) => {
|
|
523
524
|
c.preventDefault();
|
|
@@ -532,18 +533,18 @@ const me = "b-row-actions-column", Pe = (s) => {
|
|
|
532
533
|
onMoveColumnByOffset: a
|
|
533
534
|
};
|
|
534
535
|
}, hs = (s, t) => {
|
|
535
|
-
const n =
|
|
536
|
+
const n = b(s), e = C(
|
|
536
537
|
() => [...n.value].sort((f, A) => f.frozen === A.frozen ? 0 : f.frozen ? -1 : 1)
|
|
537
|
-
), o =
|
|
538
|
+
), o = C(
|
|
538
539
|
() => e.value.filter((f) => f.frozen && f.visible !== !1)
|
|
539
|
-
), l =
|
|
540
|
+
), l = C(
|
|
540
541
|
() => e.value.filter((f) => !f.frozen && f.visible !== !1)
|
|
541
|
-
), a =
|
|
542
|
+
), a = C(
|
|
542
543
|
() => [
|
|
543
544
|
{ columnSet: o.value, id: "frozen", isFrozenColumns: !0 },
|
|
544
545
|
{ columnSet: l.value, id: "unfrozen" }
|
|
545
546
|
].filter(({ columnSet: f }) => f.length)
|
|
546
|
-
), u =
|
|
547
|
+
), u = C(
|
|
547
548
|
() => n.value.filter((f) => (f == null ? void 0 : f.visible) !== !1 && (f == null ? void 0 : f.field) !== ee).length === 1
|
|
548
549
|
), _ = (f) => t(T.UPDATE_CONDENSED, f), r = (f) => {
|
|
549
550
|
t(T.COLUMNS, f), t(T.UPDATE_COLUMNS, f);
|
|
@@ -558,49 +559,49 @@ const me = "b-row-actions-column", Pe = (s) => {
|
|
|
558
559
|
onConfigSettingsColumnsUpdate: r,
|
|
559
560
|
onConfigSettingsColumnUpdate: (f) => {
|
|
560
561
|
const A = e.value.map(
|
|
561
|
-
(
|
|
562
|
+
(h) => (h == null ? void 0 : h.field) === f.field ? f : h
|
|
562
563
|
);
|
|
563
564
|
r(A);
|
|
564
565
|
}
|
|
565
566
|
};
|
|
566
567
|
}, ps = (s, t, n, e, o, l, a) => {
|
|
567
|
-
const u =
|
|
568
|
+
const u = b(0), _ = b(!1), r = b(!1);
|
|
568
569
|
te([() => u.value, () => l.value], ([c]) => {
|
|
569
570
|
s.value.scrollLeft = c, t.value.scrollLeft = c, _.value = !!c, r.value = t.value.scrollWidth - t.value.offsetWidth > c;
|
|
570
571
|
}), Ne(async () => {
|
|
571
|
-
var c,
|
|
572
|
-
await ne(), ((c = t.value) == null ? void 0 : c.offsetWidth) < ((
|
|
572
|
+
var c, m;
|
|
573
|
+
await ne(), ((c = t.value) == null ? void 0 : c.offsetWidth) < ((m = t.value) == null ? void 0 : m.scrollWidth) && (r.value = !0);
|
|
573
574
|
});
|
|
574
|
-
const
|
|
575
|
+
const y = (c) => {
|
|
575
576
|
if (u.value = c.target.scrollLeft, n.value = s.value.scrollHeight - c.target.scrollTop, e != null && e.value) {
|
|
576
|
-
const
|
|
577
|
-
e.value.scrollLeft !==
|
|
577
|
+
const m = c.target.scrollLeft;
|
|
578
|
+
e.value.scrollLeft !== m && (e.value.scrollLeft = m);
|
|
578
579
|
}
|
|
579
580
|
}, f = (c) => {
|
|
580
581
|
c.key !== "Tab" && c.key !== "ArrowRight" && c.key !== "ArrowLeft" || (c.preventDefault(), s.value.scrollLeft = 0, s.value.style.overflowX = "hidden", setTimeout(() => {
|
|
581
582
|
s.value && (s.value.style.overflowX = "auto");
|
|
582
583
|
}));
|
|
583
584
|
}, A = (c) => {
|
|
584
|
-
const
|
|
585
|
-
s.value.scrollLeft !==
|
|
586
|
-
},
|
|
587
|
-
var c,
|
|
588
|
-
return (c = a == null ? void 0 : a.pagination) != null && c.value && ((
|
|
585
|
+
const m = c.target.scrollLeft;
|
|
586
|
+
s.value.scrollLeft !== m && (s.value.scrollLeft = m);
|
|
587
|
+
}, h = C(() => {
|
|
588
|
+
var c, m, i, w;
|
|
589
|
+
return (c = a == null ? void 0 : a.pagination) != null && c.value && ((m = a == null ? void 0 : a.stickyPagination) != null && m.value || a != null && a.isDataGridTemplate) && !((i = a == null ? void 0 : a.isLazyLoad) != null && i.value) ? { bottom: `${(((w = o.value) == null ? void 0 : w.clientHeight) ?? 0) + 1}px` } : {};
|
|
589
590
|
});
|
|
590
591
|
return {
|
|
591
592
|
// Values
|
|
592
593
|
scrollLeftPosition: u,
|
|
593
594
|
hasLeftOverflow: _,
|
|
594
595
|
hasRightOverflow: r,
|
|
595
|
-
horizontalScrollbarConditionalStyles:
|
|
596
|
+
horizontalScrollbarConditionalStyles: h,
|
|
596
597
|
// Methods
|
|
597
|
-
updateScrollPosition:
|
|
598
|
+
updateScrollPosition: y,
|
|
598
599
|
updateScrollPositionOnFrozenColumnsNavigation: f,
|
|
599
600
|
syncVirtualScrollerWithBody: A
|
|
600
601
|
};
|
|
601
602
|
}, ws = (s, t, n, e) => {
|
|
602
|
-
const o =
|
|
603
|
-
var
|
|
603
|
+
const o = b(null), l = C(() => {
|
|
604
|
+
var m, i, w, v;
|
|
604
605
|
if (!o.value || o.value.field === ee)
|
|
605
606
|
return {
|
|
606
607
|
hoveredOverColumnField: "",
|
|
@@ -608,12 +609,12 @@ const me = "b-row-actions-column", Pe = (s) => {
|
|
|
608
609
|
noBorderLeft: !1,
|
|
609
610
|
noBorderRight: !1
|
|
610
611
|
};
|
|
611
|
-
const a = (
|
|
612
|
+
const a = (i = (m = s.value.find((S) => S.isFrozenColumns)) == null ? void 0 : m.columnSet) == null ? void 0 : i.filter((S) => S.field !== ee), u = s.value.find((S) => !(S != null && S.isFrozenColumns)), _ = o.value.frozen && (a == null ? void 0 : a[0].field) === o.value.field, r = !o.value.frozen && ((w = u == null ? void 0 : u.columnSet) == null ? void 0 : w[0].field) === o.value.field, y = (t.value || n.value) && _, f = (t.value || n.value) && !a && r, A = a && r, h = (a == null ? void 0 : a.length) > 0 && o.value.frozen && (a == null ? void 0 : a[a.length - 1].field) === o.value.field, c = n.value && e.value && !o.value.frozen && ((v = u == null ? void 0 : u.columnSet) == null ? void 0 : v[u.columnSet.length - 1].field) === o.value.field;
|
|
612
613
|
return {
|
|
613
614
|
hoveredOverColumnField: o.value.field,
|
|
614
615
|
isSeparatorOffset: c,
|
|
615
|
-
noBorderLeft: !!
|
|
616
|
-
noBorderRight: !!
|
|
616
|
+
noBorderLeft: !!y || !!f || !!A,
|
|
617
|
+
noBorderRight: !!h || !!c
|
|
617
618
|
};
|
|
618
619
|
});
|
|
619
620
|
return {
|
|
@@ -627,20 +628,20 @@ const Ss = {
|
|
|
627
628
|
this.uuid = nt.toString(), nt += 1;
|
|
628
629
|
}
|
|
629
630
|
};
|
|
630
|
-
var
|
|
631
|
+
var bs = function() {
|
|
631
632
|
var t = this, n = t._self._c;
|
|
632
633
|
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-arrow_up_down_sort__a" + t.uuid + ")" } }, [n("path", { attrs: { d: "M9.06077 4.00011L5.00011 -0.0605469L0.939453 4.00011L2.00011 5.06077L4.25 2.81089V10.75H5.75V2.81066L8.00011 5.06077L9.06077 4.00011Z" } }), n("path", { attrs: { d: "M10.25 13.1893L8.00011 10.9395L6.93945 12.0001L11.0001 16.0608L15.0608 12.0001L14.0001 10.9395L11.75 13.1896V5.25H10.25V13.1893Z" } })]), n("defs", [n("clipPath", { attrs: { id: "uia-ui-assets/icons-16-arrow_up_down_sort__a" + t.uuid } }, [n("rect", { attrs: { width: "16", height: "16", fill: "#fff" } })])])]);
|
|
633
|
-
},
|
|
634
|
+
}, ys = [], Es = /* @__PURE__ */ Z(
|
|
634
635
|
Ss,
|
|
635
|
-
ys,
|
|
636
636
|
bs,
|
|
637
|
+
ys,
|
|
637
638
|
!1,
|
|
638
639
|
null,
|
|
639
640
|
null
|
|
640
641
|
);
|
|
641
|
-
const
|
|
642
|
+
const Ls = Es.exports;
|
|
642
643
|
let st = 0;
|
|
643
|
-
const
|
|
644
|
+
const Rs = {
|
|
644
645
|
beforeCreate() {
|
|
645
646
|
this.uuid = st.toString(), st += 1;
|
|
646
647
|
}
|
|
@@ -649,7 +650,7 @@ var As = function() {
|
|
|
649
650
|
var t = this, n = t._self._c;
|
|
650
651
|
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("path", { attrs: { 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" } })]);
|
|
651
652
|
}, Os = [], Ts = /* @__PURE__ */ Z(
|
|
652
|
-
|
|
653
|
+
Rs,
|
|
653
654
|
As,
|
|
654
655
|
Os,
|
|
655
656
|
!1,
|
|
@@ -898,7 +899,7 @@ const Ys = qs.exports, Xs = {
|
|
|
898
899
|
},
|
|
899
900
|
emits: ["sort", "column-hover"],
|
|
900
901
|
setup(s, { expose: t, emit: n }) {
|
|
901
|
-
const e = s, o = 100, { t: l } = ue(), { columns: a, sortBy: u } = De(e), _ =
|
|
902
|
+
const e = s, o = 100, { t: l } = ue(), { columns: a, sortBy: u } = De(e), _ = b({}), r = b({}), y = b(), f = b(), A = (d) => n(V.SELECT_ALL_ROWS, d), h = (d) => d.field === ee, c = C(() => [
|
|
902
903
|
{
|
|
903
904
|
text: l("selectPage"),
|
|
904
905
|
handler: () => A(!0)
|
|
@@ -907,7 +908,7 @@ const Ys = qs.exports, Xs = {
|
|
|
907
908
|
text: l("selectAll"),
|
|
908
909
|
handler: () => n(V.SELECT_ALL_ACROSS_PAGES)
|
|
909
910
|
}
|
|
910
|
-
]), { startResize:
|
|
911
|
+
]), { startResize: m, isResizing: i, columnHoverEventToEmitAfterResizing: w } = es(a, n), { isSorting: v, getSortingDirection: S, sortByColumnField: R } = gs(u, a, n), O = (d) => {
|
|
911
912
|
var se;
|
|
912
913
|
if (!d.sortable)
|
|
913
914
|
return null;
|
|
@@ -916,7 +917,7 @@ const Ys = qs.exports, Xs = {
|
|
|
916
917
|
[ge.ASCENDING]: he.ASCENDING,
|
|
917
918
|
[ge.DESCENDING]: he.DESCENDING
|
|
918
919
|
}[U] : he.NONE;
|
|
919
|
-
}, I =
|
|
920
|
+
}, I = C(() => (d) => e.hasDraggableColumns ? {
|
|
920
921
|
dragstart: (U) => {
|
|
921
922
|
n(V.COLUMN_DRAG_START, d, U);
|
|
922
923
|
},
|
|
@@ -932,7 +933,7 @@ const Ys = qs.exports, Xs = {
|
|
|
932
933
|
dragend: () => {
|
|
933
934
|
n(V.COLUMN_DRAG_END);
|
|
934
935
|
}
|
|
935
|
-
} : {}), g =
|
|
936
|
+
} : {}), g = C(() => (d) => [
|
|
936
937
|
{
|
|
937
938
|
text: l("moveColumnLeft"),
|
|
938
939
|
handler: () => n(V.COLUMN_MOVE, d, -1),
|
|
@@ -961,33 +962,33 @@ const Ys = qs.exports, Xs = {
|
|
|
961
962
|
icon: (d == null ? void 0 : d.visible) !== !1 ? qn : Yn,
|
|
962
963
|
disabled: (d == null ? void 0 : d.mandatory) || (d == null ? void 0 : d.visible) !== !1 && e.isOnlyOneVisibleColumn
|
|
963
964
|
}
|
|
964
|
-
]),
|
|
965
|
-
|
|
965
|
+
]), L = (d) => {
|
|
966
|
+
y.value = d.field, f.value && clearTimeout(f.value);
|
|
966
967
|
}, F = () => {
|
|
967
968
|
const d = setTimeout(() => {
|
|
968
|
-
|
|
969
|
+
y.value = "";
|
|
969
970
|
}, o);
|
|
970
971
|
f.value = d;
|
|
971
972
|
}, G = (d) => {
|
|
972
973
|
let U = {
|
|
973
974
|
mouseenter: () => {
|
|
974
|
-
|
|
975
|
+
L(d), i.value ? w.value = d : n("column-hover", d);
|
|
975
976
|
},
|
|
976
977
|
mouseleave: () => {
|
|
977
|
-
F(),
|
|
978
|
+
F(), i.value ? w.value = null : n("column-hover", null);
|
|
978
979
|
},
|
|
979
980
|
focus: () => {
|
|
980
|
-
|
|
981
|
+
L(d), h(d) && Pe(_.value[d.field]);
|
|
981
982
|
}
|
|
982
983
|
};
|
|
983
|
-
return
|
|
984
|
+
return h(d) || (U = {
|
|
984
985
|
...U,
|
|
985
986
|
...I.value(d)
|
|
986
987
|
}), U;
|
|
987
988
|
}, j = (d) => d.infoIconTooltip || d.sortable || e.hasColumnPanel, H = (d, U) => {
|
|
988
989
|
var oe;
|
|
989
990
|
((oe = _.value) == null ? void 0 : oe[U]) === void 0 && (_.value = { ..._.value, [U]: null }), d !== null && (_.value[U] = d);
|
|
990
|
-
},
|
|
991
|
+
}, p = C(() => {
|
|
991
992
|
var U;
|
|
992
993
|
const d = {
|
|
993
994
|
"b-data-grid-columns--is-measuring": e.isMeasuringColumnWidths
|
|
@@ -1002,7 +1003,7 @@ const Ys = qs.exports, Xs = {
|
|
|
1002
1003
|
"b-data-grid-columns--unfrozen": !0
|
|
1003
1004
|
};
|
|
1004
1005
|
}), $ = (d, U) => d && U === 0 ? Xe.BOTTOM_START : Xe.BOTTOM_END, x = (d, U) => {
|
|
1005
|
-
var oe, se, ie,
|
|
1006
|
+
var oe, se, ie, E, B, k, Y, Q, le, z;
|
|
1006
1007
|
return {
|
|
1007
1008
|
"b-data-grid-columns__column--column-hovered": d.field === e.hoveredOverColumnState.hoveredOverColumnField,
|
|
1008
1009
|
"b-data-grid-columns__column--column-hovered-no-border-left": d.field === e.hoveredOverColumnState.hoveredOverColumnField && e.hoveredOverColumnState.noBorderLeft,
|
|
@@ -1013,10 +1014,10 @@ const Ys = qs.exports, Xs = {
|
|
|
1013
1014
|
"b-data-grid-columns__column--padding-right-unset": ((se = d == null ? void 0 : d.padding) == null ? void 0 : se.right) === !1,
|
|
1014
1015
|
"b-data-grid-columns__column--numeric": d == null ? void 0 : d.numeric,
|
|
1015
1016
|
"b-data-grid-columns__column--frozen": d == null ? void 0 : d.frozen,
|
|
1016
|
-
"b-data-grid-columns__column--is-re-ordering": (d == null ? void 0 : d.field) === ((
|
|
1017
|
+
"b-data-grid-columns__column--is-re-ordering": (d == null ? void 0 : d.field) === ((E = (ie = e.draggingColumns) == null ? void 0 : ie.dragging) == null ? void 0 : E.field),
|
|
1017
1018
|
"b-data-grid-columns__column--is-re-ordering-target-left": (d == null ? void 0 : d.field) === ((k = (B = e.draggingColumns) == null ? void 0 : B.target) == null ? void 0 : k.field) && ((Y = e.draggingColumns) == null ? void 0 : Y.dragToLeft),
|
|
1018
1019
|
"b-data-grid-columns__column--is-re-ordering-target-right": (d == null ? void 0 : d.field) === ((le = (Q = e.draggingColumns) == null ? void 0 : Q.target) == null ? void 0 : le.field) && !((z = e.draggingColumns) != null && z.dragToLeft),
|
|
1019
|
-
"b-data-grid-columns__column--with-sorting-or-column-panel": d.sortable || d.infoIconTooltip || e.hasColumnPanel &&
|
|
1020
|
+
"b-data-grid-columns__column--with-sorting-or-column-panel": d.sortable || d.infoIconTooltip || e.hasColumnPanel && y.value === d.field || e.selectableAcrossPages
|
|
1020
1021
|
};
|
|
1021
1022
|
}, D = (d) => ({
|
|
1022
1023
|
"b-data-grid-columns__column-header-and-actions--numeric": d == null ? void 0 : d.numeric
|
|
@@ -1025,12 +1026,12 @@ const Ys = qs.exports, Xs = {
|
|
|
1025
1026
|
}), M = (d) => ({
|
|
1026
1027
|
"b-data-grid-columns__column-separator-container--is-resizeable": e.hasResizableColumns,
|
|
1027
1028
|
"b-data-grid-columns__column-separator-container--is-offset": e.hoveredOverColumnState.hoveredOverColumnField === d.field && e.hoveredOverColumnState.isSeparatorOffset
|
|
1028
|
-
}), K =
|
|
1029
|
+
}), K = C(() => ({
|
|
1029
1030
|
"b-data-grid-columns__column-header--truncated": e.truncateColumnHeaders
|
|
1030
1031
|
}));
|
|
1031
1032
|
return t({
|
|
1032
1033
|
columnHeaderRefs: _
|
|
1033
|
-
}), { __sfc: !0, props: e, emit: n, CLOSING_CONTEXTUAL_MENU_DELAY_MS: o, t: l, columns: a, sortBy: u, columnHeaderRefs: _, contextMenuRef: r, hoveredColumnField:
|
|
1034
|
+
}), { __sfc: !0, props: e, emit: n, CLOSING_CONTEXTUAL_MENU_DELAY_MS: o, t: l, columns: a, sortBy: u, columnHeaderRefs: _, contextMenuRef: r, hoveredColumnField: y, closingTimeOutId: f, onAllRowSelect: A, isActionsColumn: h, selectAllMenu: c, startResize: m, isResizing: i, columnHoverEventToEmitAfterResizing: w, isSorting: v, getSortingDirection: S, sortByColumnField: R, getSortingColumnDirection: O, draggingEventsForColumn: I, contextualMenuData: g, showContextualMenu: L, hideContextualMenu: F, dataGridColumnEvents: G, hasColumnActions: j, registerColumnsRefs: H, conditionalColumnsClasses: p, computeMenuPosition: $, conditionalColumnClasses: x, conditionalColumnHeaderAndActionsClasses: D, conditionalColumnActionsClasses: P, conditionalColumnSeparatorClasses: M, conditionalColumnHeaderClasses: K, BentoCheckbox: ht, BentoDatagridSortDirection: ge, BentoTypography: Ce, DATAGRID_ROW_ACTIONS_COLUMN_FIELD_NAME: me, BentoInfoIcon: Vn, DatagridColumnsEvent: V, BentoMenu: Ct, BentoToggleButton: $e, ArrowUpAndDownSortIcon: Ls, SortAscendingIcon: Us, SortDescendingIcon: Hs, TriangleDown: Ys };
|
|
1034
1035
|
}
|
|
1035
1036
|
});
|
|
1036
1037
|
var Qs = function() {
|
|
@@ -1111,10 +1112,10 @@ const io = ao.exports, ro = {
|
|
|
1111
1112
|
},
|
|
1112
1113
|
emits: ["visible-column", "updated-column"],
|
|
1113
1114
|
setup(s, { emit: t }) {
|
|
1114
|
-
const { t: n } = ue(), e =
|
|
1115
|
+
const { t: n } = ue(), e = b(!1), o = C(() => {
|
|
1115
1116
|
var f;
|
|
1116
1117
|
return (f = s.column) == null ? void 0 : f.frozen;
|
|
1117
|
-
}), l =
|
|
1118
|
+
}), l = C(() => {
|
|
1118
1119
|
var f;
|
|
1119
1120
|
return ((f = s.column) == null ? void 0 : f.visible) !== !1;
|
|
1120
1121
|
}), a = () => {
|
|
@@ -1125,14 +1126,14 @@ const io = ao.exports, ro = {
|
|
|
1125
1126
|
o.value || (e.value = !0);
|
|
1126
1127
|
}, r = () => {
|
|
1127
1128
|
o.value || (e.value = !1);
|
|
1128
|
-
},
|
|
1129
|
+
}, y = C(() => ({
|
|
1129
1130
|
"b-data-grid-config-settings-column-row__freeze-icon--frozen": o.value
|
|
1130
1131
|
}));
|
|
1131
1132
|
return {
|
|
1132
1133
|
// Values
|
|
1133
1134
|
isFreezeIconOptionShown: e,
|
|
1134
1135
|
isColumnFrozen: o,
|
|
1135
|
-
freezeIconConditionalClasses:
|
|
1136
|
+
freezeIconConditionalClasses: y,
|
|
1136
1137
|
isColumnVisible: l,
|
|
1137
1138
|
// Methods
|
|
1138
1139
|
toggleColumnVisibility: a,
|
|
@@ -1217,39 +1218,39 @@ const _o = go.exports, vo = {
|
|
|
1217
1218
|
},
|
|
1218
1219
|
emits: [de.CONFIG_SETTINGS, de.UPDATE_COLUMNS],
|
|
1219
1220
|
setup(s, { emit: t }) {
|
|
1220
|
-
const { t: n } = ue(), e =
|
|
1221
|
+
const { t: n } = ue(), e = b(null), o = Oe("data-grid-config-settings-popover"), l = b(null), a = b(!1), u = b(!0), _ = b(null), r = b(""), y = Re(s, "columns"), f = b(!1), A = Kn(r, y), h = () => {
|
|
1221
1222
|
r.value = "";
|
|
1222
|
-
}, c =
|
|
1223
|
+
}, c = C(
|
|
1223
1224
|
() => !s.columns.some((g) => g.visible === !1 && !g.mandatory)
|
|
1224
|
-
),
|
|
1225
|
-
|
|
1225
|
+
), m = () => {
|
|
1226
|
+
h(), f.value = !f.value, f.value ? ne(() => {
|
|
1226
1227
|
var g;
|
|
1227
1228
|
return (g = l.value.$refs.bentoInputField) == null ? void 0 : g.focusInput();
|
|
1228
1229
|
}) : ne(() => {
|
|
1229
|
-
var g,
|
|
1230
|
-
return (
|
|
1230
|
+
var g, L;
|
|
1231
|
+
return (L = (g = _ == null ? void 0 : _.value) == null ? void 0 : g.$el) == null ? void 0 : L.focus();
|
|
1231
1232
|
}), u.value = c.value;
|
|
1232
|
-
},
|
|
1233
|
-
const
|
|
1233
|
+
}, i = (g) => g.mandatory ?? !1, w = (g) => {
|
|
1234
|
+
const L = s.columns.map((F) => ({
|
|
1234
1235
|
...F,
|
|
1235
1236
|
visible: g.field === F.field ? g.visible : F.visible
|
|
1236
1237
|
}));
|
|
1237
|
-
t(de.UPDATE_COLUMNS,
|
|
1238
|
+
t(de.UPDATE_COLUMNS, L);
|
|
1238
1239
|
}, v = (g) => {
|
|
1239
1240
|
g ? t(
|
|
1240
1241
|
de.UPDATE_COLUMNS,
|
|
1241
|
-
s.columns.map((
|
|
1242
|
+
s.columns.map((L) => ({ ...L, visible: !0 }))
|
|
1242
1243
|
) : t(
|
|
1243
1244
|
de.UPDATE_COLUMNS,
|
|
1244
|
-
s.columns.map((
|
|
1245
|
+
s.columns.map((L) => ({ ...L, visible: (L == null ? void 0 : L.mandatory) === !0 }))
|
|
1245
1246
|
);
|
|
1246
|
-
},
|
|
1247
|
-
const
|
|
1247
|
+
}, S = (g) => {
|
|
1248
|
+
const L = s.columns.map((F) => ({
|
|
1248
1249
|
...F,
|
|
1249
1250
|
frozen: g.field === F.field ? !!(g != null && g.frozen) : !!(F != null && F.frozen)
|
|
1250
1251
|
}));
|
|
1251
|
-
t(de.UPDATE_COLUMNS,
|
|
1252
|
-
},
|
|
1252
|
+
t(de.UPDATE_COLUMNS, L);
|
|
1253
|
+
}, R = (g) => {
|
|
1253
1254
|
a.value = g, u.value = c.value;
|
|
1254
1255
|
};
|
|
1255
1256
|
return {
|
|
@@ -1265,15 +1266,15 @@ const _o = go.exports, vo = {
|
|
|
1265
1266
|
searchButtonRef: _,
|
|
1266
1267
|
DATAGRID_ACTIONS_COLUMN_FIELD_NAME: ee,
|
|
1267
1268
|
// Methods
|
|
1268
|
-
setConfigSettingsPanelVisibility:
|
|
1269
|
+
setConfigSettingsPanelVisibility: R,
|
|
1269
1270
|
emitCondensedToggle: (g) => t(de.CONFIG_SETTINGS, g),
|
|
1270
1271
|
toggleAllColumnVisibility: v,
|
|
1271
|
-
clearAction:
|
|
1272
|
-
toggleColumnFilter:
|
|
1273
|
-
emitVisibleColumns:
|
|
1274
|
-
emitFrozenColumns:
|
|
1275
|
-
onClickOutside: () =>
|
|
1276
|
-
isColumnVisibilityToggleDisabled:
|
|
1272
|
+
clearAction: h,
|
|
1273
|
+
toggleColumnFilter: m,
|
|
1274
|
+
emitVisibleColumns: w,
|
|
1275
|
+
emitFrozenColumns: S,
|
|
1276
|
+
onClickOutside: () => R(!1),
|
|
1277
|
+
isColumnVisibilityToggleDisabled: i,
|
|
1277
1278
|
// Translations
|
|
1278
1279
|
t: n
|
|
1279
1280
|
};
|
|
@@ -1306,7 +1307,7 @@ var Co = function() {
|
|
|
1306
1307
|
null,
|
|
1307
1308
|
"e7f0a261"
|
|
1308
1309
|
);
|
|
1309
|
-
const wo = po.exports,
|
|
1310
|
+
const wo = po.exports, bt = {
|
|
1310
1311
|
"en-US": {
|
|
1311
1312
|
gettingYourData: "Getting your data",
|
|
1312
1313
|
loading: "Loading",
|
|
@@ -1325,8 +1326,8 @@ const wo = po.exports, yt = {
|
|
|
1325
1326
|
showMore: "Mostrar mais"
|
|
1326
1327
|
}
|
|
1327
1328
|
}, So = {
|
|
1328
|
-
i18n: { messages:
|
|
1329
|
-
},
|
|
1329
|
+
i18n: { messages: bt }
|
|
1330
|
+
}, bo = /* @__PURE__ */ ae({
|
|
1330
1331
|
...So,
|
|
1331
1332
|
__name: "data-grid-lazy-load",
|
|
1332
1333
|
props: {
|
|
@@ -1338,20 +1339,20 @@ const wo = po.exports, yt = {
|
|
|
1338
1339
|
return { __sfc: !0, t, BentoLoadingButton: Hn, BentoLoadingButtonState: Gn, BentoLoadingIndicator: Fe, BentoDatagridEvent: T };
|
|
1339
1340
|
}
|
|
1340
1341
|
});
|
|
1341
|
-
var
|
|
1342
|
+
var yo = function() {
|
|
1342
1343
|
var t = this, n = t._self._c, e = t._self._setupProxy;
|
|
1343
1344
|
return n("div", { staticClass: "b-data-grid-lazy-load" }, [t.loading && t.isInfiniteScroll ? n(e.BentoLoadingIndicator) : t._e(), t.loading && !t.isInfiniteScroll ? n(e.BentoLoadingButton, { attrs: { variant: "secondary", state: e.BentoLoadingButtonState.LOADING } }, [t._v(t._s(e.t("loading")))]) : t._e(), !t.loading && !t.isInfiniteScroll ? n(e.BentoLoadingButton, { attrs: { state: e.BentoLoadingButtonState.START, variant: "secondary" }, on: { click: function(o) {
|
|
1344
1345
|
return t.$emit(e.BentoDatagridEvent.UPDATE_SHOW_MORE);
|
|
1345
1346
|
} } }, [t._v(t._s(e.t("showMore")))]) : t._e()], 1);
|
|
1346
|
-
},
|
|
1347
|
-
yo,
|
|
1347
|
+
}, Eo = [], Lo = /* @__PURE__ */ Z(
|
|
1348
1348
|
bo,
|
|
1349
|
-
|
|
1349
|
+
yo,
|
|
1350
|
+
Eo,
|
|
1350
1351
|
!1,
|
|
1351
1352
|
null,
|
|
1352
1353
|
"fd9b8204"
|
|
1353
1354
|
);
|
|
1354
|
-
const
|
|
1355
|
+
const Ro = Lo.exports;
|
|
1355
1356
|
let dt = 0;
|
|
1356
1357
|
const Ao = {
|
|
1357
1358
|
beforeCreate() {
|
|
@@ -1440,22 +1441,22 @@ const Io = No.exports, Do = {
|
|
|
1440
1441
|
},
|
|
1441
1442
|
emits: ["menu-open", "menu-close", "menu-item-click"],
|
|
1442
1443
|
setup(s, { emit: t }) {
|
|
1443
|
-
const n = s, { t: e } = ue(), o =
|
|
1444
|
+
const n = s, { t: e } = ue(), o = C(() => n.columnKey === void 0), l = C(() => ({
|
|
1444
1445
|
"b-data-grid-cell-actions__background-gradient--with-row-actions-and-overflow": o.value && n.hasRightOverflow
|
|
1445
|
-
})), a =
|
|
1446
|
+
})), a = C(() => ({
|
|
1446
1447
|
"b-data-grid-cell-actions__actions--with-row-actions": o.value
|
|
1447
|
-
})), u =
|
|
1448
|
+
})), u = C(() => !o.value || o.value && n.hasRightOverflow);
|
|
1448
1449
|
function _(i) {
|
|
1449
1450
|
return typeof i == "function";
|
|
1450
1451
|
}
|
|
1451
|
-
const r =
|
|
1452
|
-
var
|
|
1453
|
-
const i = _(n.cellActions) ? (
|
|
1452
|
+
const r = C(() => {
|
|
1453
|
+
var w;
|
|
1454
|
+
const i = _(n.cellActions) ? (w = n.cellActions) == null ? void 0 : w.call(n, n.rowDataItem, n.columnKey) : n.cellActions;
|
|
1454
1455
|
return (i == null ? void 0 : i.length) > 2 && vt(
|
|
1455
1456
|
"WARNING: BentoDataGrid Cell actions can only have a maximum of 2 actions, if you need more consider using the menuData property instead."
|
|
1456
1457
|
), i == null ? void 0 : i.slice(0, 2);
|
|
1457
|
-
}),
|
|
1458
|
-
if (!(!
|
|
1458
|
+
}), y = C(() => (i, w) => {
|
|
1459
|
+
if (!(!w && i.isShort || w && !i.isShort))
|
|
1459
1460
|
switch (i.variant) {
|
|
1460
1461
|
case "copy":
|
|
1461
1462
|
return e("copy");
|
|
@@ -1469,22 +1470,22 @@ const Io = No.exports, Do = {
|
|
|
1469
1470
|
return i.title;
|
|
1470
1471
|
}
|
|
1471
1472
|
}), f = (i) => (i == null ? void 0 : i.event) !== void 0 ? {
|
|
1472
|
-
click: (
|
|
1473
|
-
|
|
1473
|
+
click: (w) => {
|
|
1474
|
+
w.stopPropagation(), i.event(n.rowDataItem, n.columnKey);
|
|
1474
1475
|
}
|
|
1475
1476
|
} : {}, A = (i) => ({
|
|
1476
1477
|
...i,
|
|
1477
1478
|
handler: () => {
|
|
1478
1479
|
i != null && i.handler && typeof i.handler == "function" && (i == null || i.handler()), i != null && i.event && typeof i.event == "function" && (i == null || i.event(n.rowDataItem, n.columnKey));
|
|
1479
1480
|
}
|
|
1480
|
-
}),
|
|
1481
|
-
const
|
|
1482
|
-
return
|
|
1481
|
+
}), h = (i) => i.map((w) => {
|
|
1482
|
+
const v = w;
|
|
1483
|
+
return v != null && v.items && (v.items = h(v.items)), { ...A(v) };
|
|
1483
1484
|
});
|
|
1484
|
-
return { __sfc: !0, t: e, props: n, emit: t, isRowActions: o, conditionalCellActionsBackgroundGradientClasses: l, conditionalCellActionsClasses: a, showGradientElement: u, isBentoColumnCellActionsByCellValueDataFn: _, computedCellActions: r, getButtonTitle:
|
|
1485
|
-
var
|
|
1486
|
-
return (i == null ? void 0 : i.getCopyData) !== void 0 ? i.getCopyData(n.rowDataItem, n.columnKey) : n.columnKey ? (
|
|
1487
|
-
},
|
|
1485
|
+
return { __sfc: !0, t: e, props: n, emit: t, isRowActions: o, conditionalCellActionsBackgroundGradientClasses: l, conditionalCellActionsClasses: a, showGradientElement: u, isBentoColumnCellActionsByCellValueDataFn: _, computedCellActions: r, getButtonTitle: y, generateButtonEvents: f, generateMenuEvents: A, transformMenuEvents: h, getCopyText: (i) => {
|
|
1486
|
+
var w, v;
|
|
1487
|
+
return (i == null ? void 0 : i.getCopyData) !== void 0 ? i.getCopyData(n.rowDataItem, n.columnKey) : n.columnKey ? (v = (w = n.rowDataItem) == null ? void 0 : w[n.columnKey]) == null ? void 0 : v.toString() : "";
|
|
1488
|
+
}, shouldShowMenuIconLeft: (i) => i.iconLeft || (i == null ? void 0 : i.variant) === "more", BentoButton: mt, BentoMenu: Ct, Copy: zn, Edit1Icon: Io, ExternalLinkIcon: Un, OptionsVerticalIcon: $n };
|
|
1488
1489
|
}
|
|
1489
1490
|
});
|
|
1490
1491
|
var Mo = function() {
|
|
@@ -1504,9 +1505,7 @@ var Mo = function() {
|
|
|
1504
1505
|
return [(o == null ? void 0 : o.variant) === "more" ? n(e.OptionsVerticalIcon, { attrs: { "svg-title": e.getButtonTitle(o, !0) } }) : n(o.iconLeft, { tag: "component", attrs: { "svg-title": e.getButtonTitle(o, !0) } })];
|
|
1505
1506
|
}, proxy: !0 } : null, o != null && o.isShort ? null : { key: "default", fn: function() {
|
|
1506
1507
|
return [t._v(" " + t._s(e.getButtonTitle(o)) + " ")];
|
|
1507
|
-
}, proxy: !0 },
|
|
1508
|
-
return [(o == null ? void 0 : o.variant) === "open" ? n(e.ExternalLinkIcon, { attrs: { "svg-title": e.getButtonTitle(o, !0) } }) : n(o.iconRight, { tag: "component", attrs: { "svg-title": o.title } })];
|
|
1509
|
-
}, proxy: !0 } : null], null, !0) }) : o.variant === "copy" ? n(e.Copy, { attrs: { text: e.getCopyText(o), "button-text": e.getButtonTitle(o), button: {
|
|
1508
|
+
}, proxy: !0 }], null, !0) }) : o.variant === "copy" ? n(e.Copy, { attrs: { text: e.getCopyText(o), "button-text": e.getButtonTitle(o), button: {
|
|
1510
1509
|
condensed: !0,
|
|
1511
1510
|
variant: "secondary"
|
|
1512
1511
|
} } }) : n(e.BentoButton, t._g({ attrs: { condensed: "", variant: "secondary", critical: o.critical, disabled: o.disabled, link: o.link }, scopedSlots: t._u([o.iconLeft || o.variant === "edit" ? { key: "iconLeft", fn: function() {
|
|
@@ -1523,9 +1522,9 @@ var Mo = function() {
|
|
|
1523
1522
|
Bo,
|
|
1524
1523
|
!1,
|
|
1525
1524
|
null,
|
|
1526
|
-
"
|
|
1525
|
+
"868b432e"
|
|
1527
1526
|
);
|
|
1528
|
-
const
|
|
1527
|
+
const yt = $o.exports, Et = Symbol("data-grid slashed zero key");
|
|
1529
1528
|
var q = /* @__PURE__ */ ((s) => (s.ACTION_COL_NESTED_CONTENT_AND_SELECTION_ENABLED = "action-col-nested-content-and-selection-enabled", s.ACTION_COL_NESTED_CONTENT_ENABLED = "action-col-nested-content-enabled", s.ACTION_COL_SELECTION_ENABLED = "action-col-selection-enabled", s.COLUMN_HOVERED = "column-hovered", s.COLUMN_HOVERED_NO_BORDER_LEFT = "column-hovered-no-border-left", s.COLUMN_HOVERED_NO_BORDER_RIGHT = "column-hovered-no-border-right", s.CONDENSED = "condensed", s.FROZEN = "frozen", s.IS_COLUMN_REORDERING = "is-column-re-ordering", s.IS_COLUMN_REORDERING_TARGET_LEFT = "is-column-re-order-target-left", s.IS_COLUMN_REORDERING_TARGET_RIGHT = "is-column-re-order-target-right", s.LAST_FROZEN_COLUMN_CELL = "last-frozen-column-cell", s.NESTED_CONTENT_ENABLED = "nested-content-toggle-enabled", s.NUMERIC = "numeric", s.OVERFLOW_ELLIPSIS = "overflow-ellipsis", s.PADDING_LEFT_UNSET = "padding-left-unset", s.PADDING_RIGHT_UNSET = "padding-right-unset", s.SLASHED_ZERO = "slashed-zero", s))(q || {});
|
|
1530
1529
|
const ct = () => {
|
|
1531
1530
|
const s = document.activeElement;
|
|
@@ -1662,24 +1661,24 @@ const ct = () => {
|
|
|
1662
1661
|
},
|
|
1663
1662
|
emits: ["on-frozen-columns-key-press", "select-row", "register-row-cell-element", "cell-hovered", "nested-content-toggled"],
|
|
1664
1663
|
setup(s, { expose: t, emit: n }) {
|
|
1665
|
-
const e = s, o = xe(), l = Me(o), { t: a } = ue(), u =
|
|
1666
|
-
var
|
|
1667
|
-
return !!((
|
|
1668
|
-
}), A =
|
|
1664
|
+
const e = s, o = xe(), l = Me(o), { t: a } = ue(), u = b(null), _ = b(null), r = b(!1), y = b([]), f = C(() => {
|
|
1665
|
+
var p;
|
|
1666
|
+
return !!((p = e.rowData) != null && p[e.column.field]);
|
|
1667
|
+
}), A = C(
|
|
1669
1668
|
() => {
|
|
1670
|
-
var
|
|
1671
|
-
return e.column.field === ee && ((
|
|
1669
|
+
var p;
|
|
1670
|
+
return e.column.field === ee && ((p = e.nestedRowsElementIds) == null ? void 0 : p.length) > 0 ? e.nestedRowsElementIds.join(" ") : void 0;
|
|
1672
1671
|
}
|
|
1673
|
-
),
|
|
1672
|
+
), h = C(
|
|
1674
1673
|
() => e.column.field === ee && !e.selectable && !e.nestedContent
|
|
1675
|
-
), c = (
|
|
1674
|
+
), c = (p, $) => (p == null ? void 0 : p.overflow) === Te.ELLIPSIS ? `${$}` : void 0, m = (p) => p ?? "-", i = (p) => e.columnSets.slice(0, p).reduce(($, { columnSet: x }) => $ + x.length, 0), w = (p, $) => p + i($), v = (p, $, x) => i() * p + w($, x), S = (p) => {
|
|
1676
1675
|
var $;
|
|
1677
|
-
(
|
|
1678
|
-
},
|
|
1676
|
+
(p === null || !u.value.contains(p) && !(($ = y.value) != null && $.map((x) => x.value).some((x) => x === p || (x == null ? void 0 : x.contains(p))))) && (r.value = !1);
|
|
1677
|
+
}, R = () => {
|
|
1679
1678
|
r.value = !1;
|
|
1680
|
-
}, O =
|
|
1679
|
+
}, O = b(!1), I = (p) => {
|
|
1681
1680
|
const $ = {
|
|
1682
|
-
...e.draggingEventsForRowCell(
|
|
1681
|
+
...e.draggingEventsForRowCell(p),
|
|
1683
1682
|
// Focus on the first interactive child in the grid cell if one exists
|
|
1684
1683
|
focus: () => {
|
|
1685
1684
|
if (!ct())
|
|
@@ -1690,16 +1689,16 @@ const ct = () => {
|
|
|
1690
1689
|
ct() && (O.value = !1);
|
|
1691
1690
|
}
|
|
1692
1691
|
}, x = { ...$ };
|
|
1693
|
-
return
|
|
1692
|
+
return p.frozen && (x.keyup = (D) => n("on-frozen-columns-key-press", D), x.keydown = (D) => n("on-frozen-columns-key-press", D)), p.cellActions && (x.mouseenter = () => {
|
|
1694
1693
|
r.value = !0;
|
|
1695
1694
|
}, x.mouseleave = (D) => {
|
|
1696
|
-
r.value = !1,
|
|
1695
|
+
r.value = !1, S(D == null ? void 0 : D.relatedTarget);
|
|
1697
1696
|
}, x.mouseleave = (D) => {
|
|
1698
|
-
|
|
1697
|
+
S(D == null ? void 0 : D.relatedTarget);
|
|
1699
1698
|
}, x.focus = async (D) => {
|
|
1700
1699
|
$.focus(D), await ne(), r.value = !0;
|
|
1701
1700
|
}, x.focusout = (D) => {
|
|
1702
|
-
$.focusout(D),
|
|
1701
|
+
$.focusout(D), S(D == null ? void 0 : D.relatedTarget);
|
|
1703
1702
|
}), x;
|
|
1704
1703
|
}, g = () => {
|
|
1705
1704
|
n("nested-content-toggled");
|
|
@@ -1710,42 +1709,42 @@ const ct = () => {
|
|
|
1710
1709
|
r.value === !0 ? n("cell-hovered", e.rowIndex) : n("cell-hovered", -1);
|
|
1711
1710
|
}
|
|
1712
1711
|
);
|
|
1713
|
-
const
|
|
1714
|
-
|
|
1715
|
-
}, F = (
|
|
1716
|
-
u.value.contains(
|
|
1712
|
+
const L = (p) => {
|
|
1713
|
+
y.value.push(p);
|
|
1714
|
+
}, F = (p) => {
|
|
1715
|
+
u.value.contains(p == null ? void 0 : p.relatedTarget) || (r.value = !1);
|
|
1717
1716
|
};
|
|
1718
1717
|
gt(Pn, {
|
|
1719
|
-
registerMenuContainerElement:
|
|
1718
|
+
registerMenuContainerElement: L,
|
|
1720
1719
|
menuMouseLeave: F
|
|
1721
1720
|
});
|
|
1722
|
-
const G = Ae(
|
|
1721
|
+
const G = Ae(Et, b(!1)), j = (p) => {
|
|
1723
1722
|
var $, x, D, P, M, K, d;
|
|
1724
1723
|
return {
|
|
1725
|
-
[`b-data-grid-cell--${q.COLUMN_HOVERED}`]: (
|
|
1726
|
-
[`b-data-grid-cell--${q.COLUMN_HOVERED_NO_BORDER_LEFT}`]: (
|
|
1727
|
-
[`b-data-grid-cell--${q.COLUMN_HOVERED_NO_BORDER_RIGHT}`]: (
|
|
1728
|
-
[`b-data-grid-cell--${q.PADDING_LEFT_UNSET}`]: (($ =
|
|
1729
|
-
[`b-data-grid-cell--${q.PADDING_RIGHT_UNSET}`]: ((x =
|
|
1730
|
-
[`b-data-grid-cell--${q.NUMERIC}`]:
|
|
1724
|
+
[`b-data-grid-cell--${q.COLUMN_HOVERED}`]: (p == null ? void 0 : p.field) === e.hoveredOverColumnState.hoveredOverColumnField,
|
|
1725
|
+
[`b-data-grid-cell--${q.COLUMN_HOVERED_NO_BORDER_LEFT}`]: (p == null ? void 0 : p.field) === e.hoveredOverColumnState.hoveredOverColumnField && e.hoveredOverColumnState.noBorderLeft,
|
|
1726
|
+
[`b-data-grid-cell--${q.COLUMN_HOVERED_NO_BORDER_RIGHT}`]: (p == null ? void 0 : p.field) === e.hoveredOverColumnState.hoveredOverColumnField && e.hoveredOverColumnState.noBorderRight,
|
|
1727
|
+
[`b-data-grid-cell--${q.PADDING_LEFT_UNSET}`]: (($ = p == null ? void 0 : p.padding) == null ? void 0 : $.left) === !1,
|
|
1728
|
+
[`b-data-grid-cell--${q.PADDING_RIGHT_UNSET}`]: ((x = p == null ? void 0 : p.padding) == null ? void 0 : x.right) === !1,
|
|
1729
|
+
[`b-data-grid-cell--${q.NUMERIC}`]: p == null ? void 0 : p.numeric,
|
|
1731
1730
|
[`b-data-grid-cell--${q.CONDENSED}`]: e.condensed,
|
|
1732
|
-
[`b-data-grid-cell--${q.OVERFLOW_ELLIPSIS}`]: (
|
|
1733
|
-
[`b-data-grid-cell--${q.IS_COLUMN_REORDERING}`]: ((D = e.draggingColumns.dragging) == null ? void 0 : D.field) ===
|
|
1734
|
-
[`b-data-grid-cell--${q.IS_COLUMN_REORDERING_TARGET_LEFT}`]: ((P = e.draggingColumns.target) == null ? void 0 : P.field) ===
|
|
1735
|
-
[`b-data-grid-cell--${q.IS_COLUMN_REORDERING_TARGET_RIGHT}`]: ((K = e.draggingColumns.target) == null ? void 0 : K.field) ===
|
|
1736
|
-
[`b-data-grid-cell--${q.FROZEN}`]:
|
|
1731
|
+
[`b-data-grid-cell--${q.OVERFLOW_ELLIPSIS}`]: (p == null ? void 0 : p.overflow) === Te.ELLIPSIS,
|
|
1732
|
+
[`b-data-grid-cell--${q.IS_COLUMN_REORDERING}`]: ((D = e.draggingColumns.dragging) == null ? void 0 : D.field) === p.field,
|
|
1733
|
+
[`b-data-grid-cell--${q.IS_COLUMN_REORDERING_TARGET_LEFT}`]: ((P = e.draggingColumns.target) == null ? void 0 : P.field) === p.field && ((M = e.draggingColumns) == null ? void 0 : M.dragToLeft),
|
|
1734
|
+
[`b-data-grid-cell--${q.IS_COLUMN_REORDERING_TARGET_RIGHT}`]: ((K = e.draggingColumns.target) == null ? void 0 : K.field) === p.field && !((d = e.draggingColumns) != null && d.dragToLeft),
|
|
1735
|
+
[`b-data-grid-cell--${q.FROZEN}`]: p == null ? void 0 : p.frozen,
|
|
1737
1736
|
[`b-data-grid-cell--${q.NESTED_CONTENT_ENABLED}`]: e.nestedContent,
|
|
1738
|
-
[`b-data-grid-cell--${q.ACTION_COL_NESTED_CONTENT_ENABLED}`]: e.nestedContent && !e.selectable &&
|
|
1739
|
-
[`b-data-grid-cell--${q.ACTION_COL_NESTED_CONTENT_AND_SELECTION_ENABLED}`]: e.nestedContent && e.selectable &&
|
|
1740
|
-
[`b-data-grid-cell--${q.ACTION_COL_SELECTION_ENABLED}`]:
|
|
1737
|
+
[`b-data-grid-cell--${q.ACTION_COL_NESTED_CONTENT_ENABLED}`]: e.nestedContent && !e.selectable && p.field === ee,
|
|
1738
|
+
[`b-data-grid-cell--${q.ACTION_COL_NESTED_CONTENT_AND_SELECTION_ENABLED}`]: e.nestedContent && e.selectable && p.field === ee,
|
|
1739
|
+
[`b-data-grid-cell--${q.ACTION_COL_SELECTION_ENABLED}`]: p.field === ee && e.selectable,
|
|
1741
1740
|
[`b-data-grid-cell--${q.SLASHED_ZERO}`]: G.value
|
|
1742
1741
|
};
|
|
1743
|
-
}, H =
|
|
1742
|
+
}, H = C(() => ({
|
|
1744
1743
|
"b-data-grid-cell__cell-content--is-focused-on-inside-interactive-element": O.value
|
|
1745
1744
|
}));
|
|
1746
1745
|
return t({
|
|
1747
1746
|
gridcellRef: u
|
|
1748
|
-
}), { __sfc: !0, slots: o, hasSlot: l, t: a, props: e, emit: n, gridcellRef: u, cellActionsRef: _, shouldShowCellActions: r, childrenMenuContainerElements:
|
|
1747
|
+
}), { __sfc: !0, slots: o, hasSlot: l, t: a, props: e, emit: n, gridcellRef: u, cellActionsRef: _, shouldShowCellActions: r, childrenMenuContainerElements: y, hasRowData: f, controlledNestedRowElementIds: A, ariaHidden: h, conditionalTitleAttribute: c, getRowData: m, sumColumnAmountsInColumnSets: i, getColIndex: w, getCellIndex: v, isLeavingCellFocus: S, onMenuClose: R, hasInteractiveElFocusedInside: O, getGridcellEvents: I, toggleNestedContent: g, registerMenuContainerElement: L, menuMouseLeave: F, hasSlashedZero: G, conditionalRowCellClasses: j, computedCellContentClasses: H, DATAGRID_ACTIONS_COLUMN_FIELD_NAME: ee, BentoCheckbox: ht, BentoTypography: Ce, BentoToggleButton: $e, DataGridCellActions: yt, ChevronDownIcon: kn, ChevronUpIcon: Wn };
|
|
1749
1748
|
}
|
|
1750
1749
|
});
|
|
1751
1750
|
var ko = function() {
|
|
@@ -1971,114 +1970,114 @@ const Ho = Go.exports, Vo = {
|
|
|
1971
1970
|
},
|
|
1972
1971
|
emits: ["cell-hovered", "on-frozen-columns-key-press", "select-row", "select-nested-row", "row-click", "nested-content-toggled"],
|
|
1973
1972
|
setup(s, { expose: t, emit: n }) {
|
|
1974
|
-
const e = s, o = xe(), l = Me(o), a =
|
|
1973
|
+
const e = s, o = xe(), l = Me(o), a = b({}), u = b(!1), _ = b(), r = b(), y = Oe("nested-content-slot"), f = b(!1), A = C(() => e.shouldShowNestedRows(e.rowData)), h = C(
|
|
1975
1974
|
() => {
|
|
1976
|
-
var
|
|
1977
|
-
return !e.isNestedRow && e.hasNestedRows && A.value && ((B = (
|
|
1975
|
+
var E, B;
|
|
1976
|
+
return !e.isNestedRow && e.hasNestedRows && A.value && ((B = (E = e.rowData) == null ? void 0 : E.children) == null ? void 0 : B.length) > 0;
|
|
1978
1977
|
}
|
|
1979
|
-
), c =
|
|
1978
|
+
), c = C(
|
|
1980
1979
|
() => {
|
|
1981
|
-
var
|
|
1982
|
-
return !e.isNestedRow && e.hasNestedRows && A.value && (((
|
|
1980
|
+
var E, B;
|
|
1981
|
+
return !e.isNestedRow && e.hasNestedRows && A.value && (((E = e.rowData) == null ? void 0 : E.children) === void 0 || ((B = e == null ? void 0 : e.rowData) == null ? void 0 : B.children.length) === 0);
|
|
1983
1982
|
}
|
|
1984
|
-
),
|
|
1983
|
+
), m = C(
|
|
1985
1984
|
() => e.hasNestedContent && e.shouldShowNestedContent(e.rowData) || e.hasNestedRows && A.value && !e.isNestedRow
|
|
1986
|
-
),
|
|
1985
|
+
), i = C(() => {
|
|
1987
1986
|
if (e.hasNestedContent || e.hasNestedRows) {
|
|
1988
|
-
const
|
|
1987
|
+
const E = u.value.toString();
|
|
1989
1988
|
return {
|
|
1990
|
-
"aria-expanded":
|
|
1989
|
+
"aria-expanded": m.value ? E : void 0,
|
|
1991
1990
|
"aria-level": e.isNestedRow ? "2" : "1",
|
|
1992
1991
|
"aria-posinset": e.rowIndex + 1,
|
|
1993
1992
|
"aria-setsize": e.rowSetSize
|
|
1994
1993
|
};
|
|
1995
1994
|
}
|
|
1996
1995
|
return { "aria-rowindex": e.rowIndex + 1 };
|
|
1997
|
-
}),
|
|
1996
|
+
}), w = C(() => {
|
|
1998
1997
|
if (c.value)
|
|
1999
1998
|
return {
|
|
2000
1999
|
"aria-busy": "true",
|
|
2001
2000
|
"aria-live": "polite"
|
|
2002
2001
|
};
|
|
2003
|
-
if (!(
|
|
2002
|
+
if (!(h.value || !e.hasNestedContent || !e.shouldShowNestedContent(e.rowData)))
|
|
2004
2003
|
return {
|
|
2005
2004
|
"aria-level": e.isNestedRow ? "3" : "2",
|
|
2006
2005
|
"aria-posinset": "1",
|
|
2007
2006
|
"aria-setsize": "1",
|
|
2008
|
-
id:
|
|
2007
|
+
id: y,
|
|
2009
2008
|
role: "row",
|
|
2010
2009
|
tabindex: "-1"
|
|
2011
2010
|
};
|
|
2012
|
-
}), v =
|
|
2013
|
-
var
|
|
2014
|
-
return
|
|
2015
|
-
}),
|
|
2016
|
-
var
|
|
2011
|
+
}), v = C(() => {
|
|
2012
|
+
var E, B;
|
|
2013
|
+
return h.value ? (B = (E = e.rowData) == null ? void 0 : E.children) == null ? void 0 : B.reduce((k, Y, Q) => (k[Q] = Oe("nested-row"), k), {}) : [];
|
|
2014
|
+
}), S = C(() => {
|
|
2015
|
+
var E;
|
|
2017
2016
|
if (u.value) {
|
|
2018
2017
|
if (e.hasNestedContent && e.shouldShowNestedContent(e.rowData))
|
|
2019
|
-
return [
|
|
2020
|
-
if (
|
|
2018
|
+
return [y];
|
|
2019
|
+
if (h.value && ((E = Object.keys(v.value)) == null ? void 0 : E.length) > 0) {
|
|
2021
2020
|
const B = Object.values(v.value);
|
|
2022
2021
|
if ((B == null ? void 0 : B.length) > 0)
|
|
2023
2022
|
return B;
|
|
2024
2023
|
}
|
|
2025
2024
|
return [];
|
|
2026
2025
|
}
|
|
2027
|
-
}),
|
|
2026
|
+
}), R = C(() => {
|
|
2028
2027
|
var B, k;
|
|
2029
|
-
const
|
|
2030
|
-
if ((
|
|
2031
|
-
const Y =
|
|
2028
|
+
const E = (k = (B = e.rowData) == null ? void 0 : B.children) == null ? void 0 : k.map((Y) => e.getDataItemId(Y));
|
|
2029
|
+
if ((E == null ? void 0 : E.length) > 0) {
|
|
2030
|
+
const Y = E.every((le) => {
|
|
2032
2031
|
var z;
|
|
2033
2032
|
return (z = e == null ? void 0 : e.selectedItems) == null ? void 0 : z.includes(le);
|
|
2034
|
-
}), Q =
|
|
2033
|
+
}), Q = E.some((le) => {
|
|
2035
2034
|
var z;
|
|
2036
2035
|
return (z = e == null ? void 0 : e.selectedItems) == null ? void 0 : z.includes(le);
|
|
2037
2036
|
});
|
|
2038
2037
|
return !Y && Q;
|
|
2039
2038
|
}
|
|
2040
2039
|
return !1;
|
|
2041
|
-
}), O = (
|
|
2042
|
-
const k =
|
|
2043
|
-
|
|
2044
|
-
}, I = (
|
|
2040
|
+
}), O = (E, B) => {
|
|
2041
|
+
const k = E;
|
|
2042
|
+
E !== null && (k != null && k.gridcellRef) && (a.value[B] = k.gridcellRef);
|
|
2043
|
+
}, I = (E) => v.value[E], g = (E) => {
|
|
2045
2044
|
if (!e.selectable)
|
|
2046
2045
|
return null;
|
|
2047
|
-
const B = e.getDataItemId(
|
|
2046
|
+
const B = e.getDataItemId(E);
|
|
2048
2047
|
return e.selectedItems.includes(B).toString();
|
|
2049
|
-
},
|
|
2048
|
+
}, L = (E) => {
|
|
2050
2049
|
var Y;
|
|
2051
2050
|
let B = !1;
|
|
2052
2051
|
const k = ["button", "input", "a"];
|
|
2053
2052
|
for (let Q = 0; Q < k.length; Q++)
|
|
2054
|
-
if ((Y =
|
|
2053
|
+
if ((Y = E == null ? void 0 : E.target) != null && Y.closest(k[Q])) {
|
|
2055
2054
|
B = !0;
|
|
2056
2055
|
break;
|
|
2057
2056
|
}
|
|
2058
|
-
!B && e.allowRowClicks && n("row-click", e.rowData,
|
|
2059
|
-
}, F = (
|
|
2060
|
-
n("select-row",
|
|
2061
|
-
}, G = (
|
|
2062
|
-
n("select-nested-row", B, e.rowData,
|
|
2057
|
+
!B && e.allowRowClicks && n("row-click", e.rowData, E);
|
|
2058
|
+
}, F = (E) => {
|
|
2059
|
+
n("select-row", E, e.rowData);
|
|
2060
|
+
}, G = (E, B) => {
|
|
2061
|
+
n("select-nested-row", B, e.rowData, E);
|
|
2063
2062
|
}, j = () => {
|
|
2064
2063
|
f.value = !0;
|
|
2065
2064
|
}, H = () => {
|
|
2066
2065
|
f.value = !1;
|
|
2067
|
-
},
|
|
2066
|
+
}, p = () => {
|
|
2068
2067
|
Pe(r.value);
|
|
2069
|
-
}, $ = () => e.columnSets.reduce((
|
|
2070
|
-
var
|
|
2068
|
+
}, $ = () => e.columnSets.reduce((E, { columnSet: B }) => E + B.length, 0), x = () => $() * e.rowIndex + $(), { updateContentHeight: D, contentHeight: P } = Bn(_, u), M = C(() => {
|
|
2069
|
+
var E;
|
|
2071
2070
|
if (e.hasNestedContent || e.hasNestedRows)
|
|
2072
2071
|
return {
|
|
2073
|
-
paddingLeft: `${
|
|
2074
|
-
"max-height": (e.hasNestedContent || e.hasNestedRows) && P.value && !((
|
|
2072
|
+
paddingLeft: `${h.value || c.value ? 0 : a.value[ee].clientWidth + wt}px`,
|
|
2073
|
+
"max-height": (e.hasNestedContent || e.hasNestedRows) && P.value && !((E = P == null ? void 0 : P.value) != null && E.includes("null")) ? P.value : 0
|
|
2075
2074
|
};
|
|
2076
2075
|
});
|
|
2077
2076
|
te(
|
|
2078
2077
|
() => _.value,
|
|
2079
2078
|
() => {
|
|
2080
|
-
let
|
|
2081
|
-
!
|
|
2079
|
+
let E = null;
|
|
2080
|
+
!E && _.value && (E = Be(_.value, () => {
|
|
2082
2081
|
_.value && D();
|
|
2083
2082
|
}));
|
|
2084
2083
|
}
|
|
@@ -2088,53 +2087,53 @@ const Ho = Go.exports, Vo = {
|
|
|
2088
2087
|
};
|
|
2089
2088
|
te(
|
|
2090
2089
|
() => {
|
|
2091
|
-
var
|
|
2092
|
-
return (
|
|
2090
|
+
var E;
|
|
2091
|
+
return (E = e.rowData) == null ? void 0 : E.children;
|
|
2093
2092
|
},
|
|
2094
|
-
(
|
|
2093
|
+
(E, B) => {
|
|
2095
2094
|
var k, Y;
|
|
2096
2095
|
((Y = (k = e == null ? void 0 : e.rowData) == null ? void 0 : k.children) == null ? void 0 : Y.length) > 0 && B === void 0 && !u.value && D();
|
|
2097
2096
|
}
|
|
2098
2097
|
);
|
|
2099
|
-
const d = (
|
|
2100
|
-
"b-data-grid-row-container__row--disabled": e.isDataItemDisabled(
|
|
2098
|
+
const d = (E, B) => ({
|
|
2099
|
+
"b-data-grid-row-container__row--disabled": e.isDataItemDisabled(E),
|
|
2101
2100
|
"b-data-grid-row-container__row--row-clicks-enabled": e.allowRowClicks,
|
|
2102
|
-
"b-data-grid-row-container__row--highlighted": e.highlightedRows.includes(e.getDataItemId(
|
|
2101
|
+
"b-data-grid-row-container__row--highlighted": e.highlightedRows.includes(e.getDataItemId(E)) || e.selectedItems.includes(e.getDataItemId(E)),
|
|
2103
2102
|
"b-data-grid-row-container__row--hovered": e.hoveredRowIndex === B,
|
|
2104
2103
|
"b-data-grid-row-container__row--is-last-child": e.isRowLastChild && !u.value,
|
|
2105
2104
|
"b-data-grid-row-container__row--nested-row": e.isNestedRow
|
|
2106
|
-
}), U = (
|
|
2107
|
-
"b-data-grid-row-container__row-cell-set--frozen":
|
|
2108
|
-
[`b-data-grid-row-container__row-cell-set--${ce.OVERFLOW_SHADOW_LEFT}`]:
|
|
2109
|
-
"b-data-grid-row-container__row-cell-set--frozen-separator":
|
|
2110
|
-
"b-data-grid-row-container__row-cell-set--unfrozen": !
|
|
2105
|
+
}), U = (E) => ({
|
|
2106
|
+
"b-data-grid-row-container__row-cell-set--frozen": E,
|
|
2107
|
+
[`b-data-grid-row-container__row-cell-set--${ce.OVERFLOW_SHADOW_LEFT}`]: E && e.hasLeftOverflow,
|
|
2108
|
+
"b-data-grid-row-container__row-cell-set--frozen-separator": E && e.showFrozenColumnsSeparator,
|
|
2109
|
+
"b-data-grid-row-container__row-cell-set--unfrozen": !E,
|
|
2111
2110
|
"b-data-grid-row-container__row-cell-set--is-measuring": e.isMeasuringColumnWidths
|
|
2112
|
-
}), oe =
|
|
2111
|
+
}), oe = C(() => ({
|
|
2113
2112
|
"b-data-grid-row-container__row-nested-slot--is-last-child": e.isRowLastChild,
|
|
2114
|
-
"b-data-grid-row-container__row-nested-slot": !
|
|
2115
|
-
})), se =
|
|
2113
|
+
"b-data-grid-row-container__row-nested-slot": !h.value && e.shouldShowNestedContent(e.rowData)
|
|
2114
|
+
})), se = C(() => ({
|
|
2116
2115
|
"b-data-grid-row-container__row-actions-container--row-actions-menu-open": f.value
|
|
2117
|
-
})), ie =
|
|
2116
|
+
})), ie = C(() => ({
|
|
2118
2117
|
minWidth: `${e.rowActionsMaximumWidth}px`
|
|
2119
2118
|
}));
|
|
2120
2119
|
return t({
|
|
2121
2120
|
gridcellRefs: a,
|
|
2122
2121
|
rowActionsRef: r
|
|
2123
|
-
}), { __sfc: !0, slots: o, hasSlot: l, props: e, emit: n, gridcellRefs: a, isNestedContentShown: u, nestedContentRef: _, rowActionsRef: r, nestedContentSlotId:
|
|
2122
|
+
}), { __sfc: !0, slots: o, hasSlot: l, props: e, emit: n, gridcellRefs: a, isNestedContentShown: u, nestedContentRef: _, rowActionsRef: r, nestedContentSlotId: y, isRowActionMenuOpen: f, shouldShowNestedRowsBooleanResult: A, shouldShowRenderNestedRows: h, isLoadingNestedRows: c, shouldShowNestedContentToggle: m, ariaRowAttributes: i, nestedContentContainerDivAriaAttributes: w, nestedRowIds: v, allNestedRowIds: S, hasUnSelectedNestedRows: R, registerRowCellRef: O, getRowId: I, getRowAriaSelectedValue: g, onRowClick: L, onRowSelect: F, onNestedRowSelect: G, onRowActionMenuOpen: j, onRowActionMenuClose: H, onRowActionsCellFocus: p, sumColumnAmountsInColumnSets: $, getRowActionsCellIndex: x, updateContentHeight: D, contentHeight: P, nestedContentStyles: M, nestedContentToggled: K, conditionalRowClasses: d, conditionalRowSetClasses: U, conditionalNestedRowClasses: oe, conditionalRowActionsContainerClasses: se, computedRowActionsStyles: ie, DataGridCell: Ho, DataGridCellActions: yt, BentoLoadingIndicator: Fe, DataGridRow: Lt };
|
|
2124
2123
|
}
|
|
2125
2124
|
});
|
|
2126
2125
|
var jo = function() {
|
|
2127
2126
|
var o;
|
|
2128
2127
|
var t = this, n = t._self._c, e = t._self._setupProxy;
|
|
2129
2128
|
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: u }, _) {
|
|
2130
|
-
return [l != null && l.length ? n("div", { key: `data-grid-rows-${a}`, staticClass: "b-data-grid-row-container__cells", class: e.conditionalRowSetClasses(u), attrs: { "data-testid": `data-grid-${a}-rows` } }, t._l(l, function(r,
|
|
2131
|
-
return n(e.DataGridCell, { key: `cell-${r.field}`, ref: (f) => e.registerRowCellRef(f, r.field), refInFor: !0, staticClass: "b-data-grid-row-container__cell", attrs: { column: r, "column-set-index": _, "col-index":
|
|
2129
|
+
return [l != null && l.length ? n("div", { key: `data-grid-rows-${a}`, staticClass: "b-data-grid-row-container__cells", class: e.conditionalRowSetClasses(u), attrs: { "data-testid": `data-grid-${a}-rows` } }, t._l(l, function(r, y) {
|
|
2130
|
+
return n(e.DataGridCell, { key: `cell-${r.field}`, ref: (f) => e.registerRowCellRef(f, r.field), refInFor: !0, staticClass: "b-data-grid-row-container__cell", attrs: { column: r, "column-set-index": _, "col-index": y, "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(f) {
|
|
2132
2131
|
return e.emit("cell-hovered", f);
|
|
2133
2132
|
}, "on-frozen-columns-key-press": function(f) {
|
|
2134
2133
|
return e.emit("on-frozen-columns-key-press", f);
|
|
2135
2134
|
}, "select-row": e.onRowSelect, "nested-content-toggled": e.nestedContentToggled }, scopedSlots: t._u([t._l(e.slots, function(f, A) {
|
|
2136
|
-
return { key: A, fn: function(
|
|
2137
|
-
return [t._t(A, null, null,
|
|
2135
|
+
return { key: A, fn: function(h) {
|
|
2136
|
+
return [t._t(A, null, null, h)];
|
|
2138
2137
|
} };
|
|
2139
2138
|
})], null, !0) });
|
|
2140
2139
|
}), 1) : t._e(), !u && t.rowActions ? n("div", { key: `data-grid-row-actions-${a}`, ref: "rowActionsRef", refInFor: !0, staticClass: "b-data-grid-row-container__row-actions-container", class: e.conditionalRowActionsContainerClasses, style: e.computedRowActionsStyles, attrs: { "aria-colindex": e.sumColumnAmountsInColumnSets().toString(), "data-cellindex": e.getRowActionsCellIndex(), tabindex: "-1", role: "gridcell" }, on: { focus: e.onRowActionsCellFocus } }, [n(e.DataGridCellActions, { staticClass: "b-data-grid-row-container__row-actions", attrs: { "disable-arrow-down-opening-menu": "", "cell-actions": t.rowActions, "has-right-overflow": t.hasRightOverflow, "row-data-item": t.rowData }, on: { "menu-open": e.onRowActionMenuOpen, "menu-close": e.onRowActionMenuClose } })], 1) : t._e()];
|
|
@@ -2161,7 +2160,7 @@ var jo = function() {
|
|
|
2161
2160
|
null,
|
|
2162
2161
|
"9ebc1423"
|
|
2163
2162
|
);
|
|
2164
|
-
const
|
|
2163
|
+
const Lt = Yo.exports;
|
|
2165
2164
|
let ut = 0;
|
|
2166
2165
|
const Xo = {
|
|
2167
2166
|
beforeCreate() {
|
|
@@ -2188,12 +2187,12 @@ const el = Qo.exports, tl = {}, nl = /* @__PURE__ */ ae({
|
|
|
2188
2187
|
variant: { default: "no-value" }
|
|
2189
2188
|
},
|
|
2190
2189
|
setup(s) {
|
|
2191
|
-
const t = s, n =
|
|
2190
|
+
const t = s, n = C(() => {
|
|
2192
2191
|
switch (t.variant) {
|
|
2193
2192
|
case "checkmark":
|
|
2194
2193
|
return Sn;
|
|
2195
2194
|
case "warning":
|
|
2196
|
-
return
|
|
2195
|
+
return bn;
|
|
2197
2196
|
case "error":
|
|
2198
2197
|
return el;
|
|
2199
2198
|
case "cross":
|
|
@@ -2203,10 +2202,10 @@ const el = Qo.exports, tl = {}, nl = /* @__PURE__ */ ae({
|
|
|
2203
2202
|
default:
|
|
2204
2203
|
return Ye;
|
|
2205
2204
|
}
|
|
2206
|
-
}), e =
|
|
2205
|
+
}), e = C(() => ({
|
|
2207
2206
|
"b-data-grid-static-icon--colored": t.colored && t.variant !== "no-value"
|
|
2208
|
-
})), o =
|
|
2209
|
-
return { __sfc: !0, props: t, computedIcon: n, conditionalClasses: e, computedIconClass: o, tooltipPosition: l, vBentoTooltipDirective:
|
|
2207
|
+
})), o = C(() => `b-data-grid-static-icon__${t.variant}`), l = C(() => yn.AUTO);
|
|
2208
|
+
return { __sfc: !0, props: t, computedIcon: n, conditionalClasses: e, computedIconClass: o, tooltipPosition: l, vBentoTooltipDirective: En };
|
|
2210
2209
|
}
|
|
2211
2210
|
});
|
|
2212
2211
|
var sl = function() {
|
|
@@ -2220,7 +2219,7 @@ var sl = function() {
|
|
|
2220
2219
|
null,
|
|
2221
2220
|
"f8532817"
|
|
2222
2221
|
);
|
|
2223
|
-
const
|
|
2222
|
+
const ca = ll.exports, al = {
|
|
2224
2223
|
"de-DE": {
|
|
2225
2224
|
numberResults: "1 Ergebnis | {count} Ergebnisse"
|
|
2226
2225
|
},
|
|
@@ -2252,7 +2251,7 @@ const da = ll.exports, al = {
|
|
|
2252
2251
|
tooltipText: { default: null }
|
|
2253
2252
|
},
|
|
2254
2253
|
setup(s) {
|
|
2255
|
-
const t = s, { tc: n } = ue(), e =
|
|
2254
|
+
const t = s, { tc: n } = ue(), e = b(), o = C(() => {
|
|
2256
2255
|
var r;
|
|
2257
2256
|
return {
|
|
2258
2257
|
popoverPosition: "right",
|
|
@@ -2264,13 +2263,13 @@ const da = ll.exports, al = {
|
|
|
2264
2263
|
disabled: !1
|
|
2265
2264
|
}
|
|
2266
2265
|
};
|
|
2267
|
-
}), l =
|
|
2266
|
+
}), l = C(() => {
|
|
2268
2267
|
var r;
|
|
2269
2268
|
return ((r = t.searchTerm) == null ? void 0 : r.toLowerCase()) ?? "";
|
|
2270
|
-
}), a = (r) => t.searchTerm && r.toLowerCase().includes(l.value) ? "mark" : "span", u =
|
|
2269
|
+
}), a = (r) => t.searchTerm && r.toLowerCase().includes(l.value) ? "mark" : "span", u = C(() => t.searchTerm ? t.items.filter((r) => r.toLowerCase().includes(l.value)).length : 0), _ = C(
|
|
2271
2270
|
() => t.tooltipText ?? (u.value > 0 ? n("numberResults", u.value) : "")
|
|
2272
2271
|
);
|
|
2273
|
-
return { __sfc: !0, tc: n, props: t, dashedUnderlineRef: e, dashedUnderlineProps: o, lowerCaseSearchTerm: l, highlightedComponent: a, highlightedItemsCount: u, computedToolTipText: _, BentoDashedUnderline: An, BentoTypography: Ce, Tooltip:
|
|
2272
|
+
return { __sfc: !0, tc: n, props: t, dashedUnderlineRef: e, dashedUnderlineProps: o, lowerCaseSearchTerm: l, highlightedComponent: a, highlightedItemsCount: u, computedToolTipText: _, BentoDashedUnderline: An, BentoTypography: Ce, Tooltip: Rn, BentoTooltipPosition: Ln };
|
|
2274
2273
|
}
|
|
2275
2274
|
});
|
|
2276
2275
|
var dl = function() {
|
|
@@ -2288,7 +2287,7 @@ var dl = function() {
|
|
|
2288
2287
|
null,
|
|
2289
2288
|
"8250b534"
|
|
2290
2289
|
);
|
|
2291
|
-
const
|
|
2290
|
+
const ua = ul.exports, fl = () => {
|
|
2292
2291
|
const s = window.getSelection().getRangeAt(0).cloneContents(), t = s.querySelectorAll('[role="row"]');
|
|
2293
2292
|
let n = "<table>", e = "";
|
|
2294
2293
|
const o = (l) => {
|
|
@@ -2327,7 +2326,7 @@ const ca = ul.exports, fl = () => {
|
|
|
2327
2326
|
})
|
|
2328
2327
|
]);
|
|
2329
2328
|
}, gl = {
|
|
2330
|
-
i18n: { messages:
|
|
2329
|
+
i18n: { messages: bt },
|
|
2331
2330
|
name: "bento-data-grid"
|
|
2332
2331
|
}, _l = /* @__PURE__ */ ae({
|
|
2333
2332
|
...gl,
|
|
@@ -2417,7 +2416,7 @@ const ca = ul.exports, fl = () => {
|
|
|
2417
2416
|
* {@see BentoFilterValues}
|
|
2418
2417
|
*/
|
|
2419
2418
|
filterValues: {
|
|
2420
|
-
type:
|
|
2419
|
+
type: Le.props.filterValues.type,
|
|
2421
2420
|
default: () => []
|
|
2422
2421
|
},
|
|
2423
2422
|
// TODO: Move this prop as a part of "config" BentoFilterBarModel = Array<BentoFilterModel | BentoFilterSearchModel> in Bento 2.0.
|
|
@@ -2434,7 +2433,7 @@ const ca = ul.exports, fl = () => {
|
|
|
2434
2433
|
* Filter bar search term useful to filter all the data by text
|
|
2435
2434
|
*/
|
|
2436
2435
|
filterSearchTerm: {
|
|
2437
|
-
type:
|
|
2436
|
+
type: Le.props.searchTerm.type,
|
|
2438
2437
|
default: void 0
|
|
2439
2438
|
},
|
|
2440
2439
|
/**
|
|
@@ -2640,46 +2639,46 @@ const ca = ul.exports, fl = () => {
|
|
|
2640
2639
|
T.SORT
|
|
2641
2640
|
],
|
|
2642
2641
|
setup(s, { expose: t, emit: n }) {
|
|
2643
|
-
const e = s, o = xe(), l = Me(o), a =
|
|
2644
|
-
allowColumnDragAndDrop:
|
|
2645
|
-
columns:
|
|
2646
|
-
columnPanel:
|
|
2642
|
+
const e = s, o = xe(), l = Me(o), a = b(null), u = b(), _ = b({}), r = b(null), y = b(null), f = b(), A = b(null), h = b(null), c = b(null), {
|
|
2643
|
+
allowColumnDragAndDrop: m,
|
|
2644
|
+
columns: i,
|
|
2645
|
+
columnPanel: w,
|
|
2647
2646
|
data: v,
|
|
2648
|
-
lazyLoadType:
|
|
2649
|
-
loading:
|
|
2647
|
+
lazyLoadType: S,
|
|
2648
|
+
loading: R,
|
|
2650
2649
|
hasNestedContent: O,
|
|
2651
2650
|
hasNestedRows: I,
|
|
2652
2651
|
selectable: g,
|
|
2653
|
-
selection:
|
|
2652
|
+
selection: L,
|
|
2654
2653
|
selectableAcrossPages: F,
|
|
2655
2654
|
stickyPagination: G,
|
|
2656
2655
|
outline: j,
|
|
2657
2656
|
pagination: H
|
|
2658
|
-
} = De(e),
|
|
2657
|
+
} = De(e), p = b(-1), { t: $ } = ue(), x = C(() => se.value.filter((N) => N.frozen).length), D = Ae(
|
|
2659
2658
|
Fn,
|
|
2660
2659
|
() => ({
|
|
2661
|
-
additionalContentSlotRef:
|
|
2660
|
+
additionalContentSlotRef: b(null),
|
|
2662
2661
|
isDataGridTemplate: !1,
|
|
2663
|
-
stickyAditionalContent:
|
|
2664
|
-
stickyTabs:
|
|
2665
|
-
tabsRef:
|
|
2662
|
+
stickyAditionalContent: b(!1),
|
|
2663
|
+
stickyTabs: b(!1),
|
|
2664
|
+
tabsRef: b(null)
|
|
2666
2665
|
})
|
|
2667
|
-
), { additionalContentSlotRef: P, isDataGridTemplate: M, stickyTabs: K, tabsRef: d, stickyAdditionalContent: U } = D(), oe =
|
|
2666
|
+
), { additionalContentSlotRef: P, isDataGridTemplate: M, stickyTabs: K, tabsRef: d, stickyAdditionalContent: U } = D(), oe = C(() => e.fitContent || M ? 0 : null), {
|
|
2668
2667
|
columnDefs: se,
|
|
2669
2668
|
onColumnWidthOverride: ie,
|
|
2670
|
-
gridRowWidthStyle:
|
|
2669
|
+
gridRowWidthStyle: E,
|
|
2671
2670
|
isMeasuringColumnWidths: B,
|
|
2672
2671
|
isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: k,
|
|
2673
2672
|
columns: Y,
|
|
2674
2673
|
totalWidthOfAllColumns: Q,
|
|
2675
2674
|
rowActionsMaxWidth: le
|
|
2676
|
-
} = us(
|
|
2677
|
-
hasColumnPanel:
|
|
2675
|
+
} = us(i, v, a, _, r, {
|
|
2676
|
+
hasColumnPanel: w,
|
|
2678
2677
|
hasSelectableColumn: g,
|
|
2679
2678
|
hasSelectableAcrossPages: F,
|
|
2680
2679
|
hasNestedContent: O,
|
|
2681
2680
|
hasNestedRows: I,
|
|
2682
|
-
allowColumnDragAndDrop:
|
|
2681
|
+
allowColumnDragAndDrop: m,
|
|
2683
2682
|
isDataGridTemplate: M
|
|
2684
2683
|
}), z = (N, ...W) => {
|
|
2685
2684
|
(N === T.COLUMNS || N === T.UPDATE_COLUMNS) && ([Y.value] = W), n(N, ...W);
|
|
@@ -2688,9 +2687,9 @@ const ca = ul.exports, fl = () => {
|
|
|
2688
2687
|
K,
|
|
2689
2688
|
U,
|
|
2690
2689
|
P
|
|
2691
|
-
),
|
|
2690
|
+
), Rt = C(
|
|
2692
2691
|
() => e.stickyFilters ? `${pe.value}px` : null
|
|
2693
|
-
), Ue = Qe(
|
|
2692
|
+
), Ue = Qe(y, Re(e, "stickyFilters")), At = C(
|
|
2694
2693
|
() => `${Ue.value + pe.value}px`
|
|
2695
2694
|
), {
|
|
2696
2695
|
sortedColumns: we,
|
|
@@ -2704,8 +2703,8 @@ const ca = ul.exports, fl = () => {
|
|
|
2704
2703
|
g,
|
|
2705
2704
|
j,
|
|
2706
2705
|
k
|
|
2707
|
-
), { draggingColumns: Ft, draggingEventsForColumns: Mt, draggingEventsForRowCell: Bt, onMoveColumnByOffset: $t } = Cs(we,
|
|
2708
|
-
|
|
2706
|
+
), { draggingColumns: Ft, draggingEventsForColumns: Mt, draggingEventsForRowCell: Bt, onMoveColumnByOffset: $t } = Cs(we, m, z), { onAllRowSelect: Pt, onRowSelect: Ut, onNestedRowSelect: zt, selectedItems: ze, allItemsSelectedState: kt } = fs(
|
|
2707
|
+
L,
|
|
2709
2708
|
z,
|
|
2710
2709
|
v,
|
|
2711
2710
|
e.getDataItemId,
|
|
@@ -2715,19 +2714,19 @@ const ca = ul.exports, fl = () => {
|
|
|
2715
2714
|
_,
|
|
2716
2715
|
we,
|
|
2717
2716
|
g,
|
|
2718
|
-
|
|
2719
|
-
|
|
2720
|
-
), { isLazyLoad:
|
|
2721
|
-
|
|
2722
|
-
|
|
2717
|
+
C(() => e.rowActions !== void 0),
|
|
2718
|
+
w
|
|
2719
|
+
), { isLazyLoad: be, isInfiniteScroll: Gt, verticalScrollPosition: ke, emitLazyLoadEvent: Ht } = ms(
|
|
2720
|
+
S,
|
|
2721
|
+
h,
|
|
2723
2722
|
a,
|
|
2724
|
-
|
|
2723
|
+
R,
|
|
2725
2724
|
z
|
|
2726
2725
|
), {
|
|
2727
2726
|
updateScrollPosition: Vt,
|
|
2728
2727
|
updateScrollPositionOnFrozenColumnsNavigation: Zt,
|
|
2729
2728
|
syncVirtualScrollerWithBody: jt,
|
|
2730
|
-
hasLeftOverflow:
|
|
2729
|
+
hasLeftOverflow: ye,
|
|
2731
2730
|
hasRightOverflow: We,
|
|
2732
2731
|
horizontalScrollbarConditionalStyles: qt
|
|
2733
2732
|
} = ps(
|
|
@@ -2738,31 +2737,31 @@ const ca = ul.exports, fl = () => {
|
|
|
2738
2737
|
A,
|
|
2739
2738
|
Q,
|
|
2740
2739
|
{
|
|
2741
|
-
isLazyLoad:
|
|
2740
|
+
isLazyLoad: be,
|
|
2742
2741
|
pagination: H,
|
|
2743
2742
|
stickyPagination: G,
|
|
2744
2743
|
isDataGridTemplate: M
|
|
2745
2744
|
}
|
|
2746
2745
|
), Ge = () => {
|
|
2747
2746
|
f.value.isClearAllVisible ? f.value.clearAllFilters() : f.value.isResetAllVisible && f.value.resetAllFilters();
|
|
2748
|
-
}, Yt =
|
|
2747
|
+
}, Yt = C(() => {
|
|
2749
2748
|
var N, W;
|
|
2750
2749
|
return {
|
|
2751
2750
|
...e.emptyState,
|
|
2752
2751
|
variant: ((N = e.emptyState) == null ? void 0 : N.variant) === "embedded" || ((W = e.emptyState) == null ? void 0 : W.variant) === "basic" ? e.emptyState.variant : "basic"
|
|
2753
2752
|
};
|
|
2754
|
-
}), Xt =
|
|
2753
|
+
}), Xt = C(() => ({
|
|
2755
2754
|
[`b-data-grid--${ce.OUTLINE}`]: e.outline,
|
|
2756
|
-
[`b-data-grid--${ce.SCROLL}`]: e.fitContent ||
|
|
2755
|
+
[`b-data-grid--${ce.SCROLL}`]: e.fitContent || be.value,
|
|
2757
2756
|
[`b-data-grid--${ce.STICKY_FILTERS}`]: e.filters && e.stickyFilters,
|
|
2758
|
-
[`b-data-grid--${ce.OVERFLOW_SHADOW_LEFT}`]:
|
|
2757
|
+
[`b-data-grid--${ce.OVERFLOW_SHADOW_LEFT}`]: ye.value && !x.value,
|
|
2759
2758
|
[`b-data-grid--${ce.OVERFLOW_SHADOW_RIGHT}`]: We.value && e.rowActions === void 0,
|
|
2760
2759
|
[`b-data-grid--${ce.NO_SPACING_TOP}`]: e.noSpacingTop
|
|
2761
|
-
})), Kt =
|
|
2760
|
+
})), Kt = C(() => ({
|
|
2762
2761
|
"b-data-grid__body--sticky-horizontal-scrollbar": e.stickyHorizontalScrollbar
|
|
2763
|
-
})), Jt =
|
|
2762
|
+
})), Jt = C(() => Se.value.findIndex((N) => N.columnSet.length)), Qt = C(() => !((e.selectable || e.hasNestedContent || e.hasNestedRows) && x.value === 1) || ye.value), en = C(() => ({
|
|
2764
2763
|
"b-data-grid__filters--sticky": !!e.stickyFilters || M
|
|
2765
|
-
})), tn =
|
|
2764
|
+
})), tn = C(() => {
|
|
2766
2765
|
var N, W, X, fe, _e, ve;
|
|
2767
2766
|
return {
|
|
2768
2767
|
"b-data-grid__pagination--padding-left-unset": ((X = (W = (N = e.columns) == null ? void 0 : N[0]) == null ? void 0 : W.padding) == null ? void 0 : X.left) === !1,
|
|
@@ -2779,9 +2778,9 @@ const ca = ul.exports, fl = () => {
|
|
|
2779
2778
|
const X = N;
|
|
2780
2779
|
if (N !== null && X != null && X.gridcellRefs) {
|
|
2781
2780
|
const Cn = e.rowActions !== void 0 && (X == null ? void 0 : X.rowActionsRef);
|
|
2782
|
-
Object.entries(X == null ? void 0 : X.gridcellRefs).map(([
|
|
2781
|
+
Object.entries(X == null ? void 0 : X.gridcellRefs).map(([Ee, hn]) => {
|
|
2783
2782
|
var qe;
|
|
2784
|
-
((qe = r.value) == null ? void 0 : qe[
|
|
2783
|
+
((qe = r.value) == null ? void 0 : qe[Ee]) === void 0 && (r.value = { ...r.value, [Ee]: [] }), r.value[Ee][W] = hn;
|
|
2785
2784
|
}), Cn && (((fe = r.value) == null ? void 0 : fe[me]) === void 0 && (r.value = { ...r.value, [me]: [] }), r.value[me][W] = (_e = X.rowActionsRef) == null ? void 0 : _e[0], le.value = Math.max(
|
|
2786
2785
|
le.value,
|
|
2787
2786
|
((je = (ve = X.rowActionsRef) == null ? void 0 : ve[0]) == null ? void 0 : je.offsetWidth) ?? 0
|
|
@@ -2790,14 +2789,14 @@ const ca = ul.exports, fl = () => {
|
|
|
2790
2789
|
}, on = (N, W) => {
|
|
2791
2790
|
e.allowRowClicks && z(T.ROW_CLICK, N, W);
|
|
2792
2791
|
}, ln = (N) => {
|
|
2793
|
-
|
|
2794
|
-
}, an =
|
|
2792
|
+
p.value = N;
|
|
2793
|
+
}, an = C(() => !!e.selectableAcrossPages && !!e.pagination), rn = C(() => e.hasNestedContent || e.hasNestedRows ? "treegrid" : "grid"), dn = Nn({
|
|
2795
2794
|
label: o != null && o.header ? In(o)("header") : null,
|
|
2796
2795
|
defaultFallback: "data grid"
|
|
2797
|
-
}), He =
|
|
2796
|
+
}), He = C(() => {
|
|
2798
2797
|
var N;
|
|
2799
2798
|
return ((N = ze.value) == null ? void 0 : N.length) ?? 0;
|
|
2800
|
-
}), cn =
|
|
2799
|
+
}), cn = C(() => e.bulkActions && He.value > 0), un = (N) => z(T.COLUMN_RESIZE, N), fn = (N) => {
|
|
2801
2800
|
z(T.UPDATE_SORT_BY, N), z(T.SORT, N);
|
|
2802
2801
|
}, gn = (N, W) => {
|
|
2803
2802
|
z(T.NAVIGATE, N), z(T.UPDATE_PAGINATION, {
|
|
@@ -2811,12 +2810,12 @@ const ca = ul.exports, fl = () => {
|
|
|
2811
2810
|
z(T.FILTER_SEARCH_CLEAR);
|
|
2812
2811
|
}, mn = (N) => {
|
|
2813
2812
|
z(T.UPDATE_FILTER_SEARCH_TERM, N), z(T.FILTER_SEARCH_INPUT, N);
|
|
2814
|
-
}, Ve =
|
|
2813
|
+
}, Ve = C(() => i.value.some((N) => N.mandatory));
|
|
2815
2814
|
Ve.value || vt(
|
|
2816
2815
|
"WARNING: At least one BentoDataGrid column should be set as mandatory to ensure data is always displayed correctly."
|
|
2817
2816
|
);
|
|
2818
2817
|
const Ze = Ae(xn, () => null);
|
|
2819
|
-
return Ze(e.tabTitle), gt(
|
|
2818
|
+
return Ze(e.tabTitle), gt(Et, Re(e, "slashedZero")), t({ onEmptyStateClearResetButtonClick: Ge }), { __sfc: !0, props: e, slots: o, hasSlot: l, body: a, columnsRef: u, columnHeaderRefs: _, gridcellRefs: r, filtersRef: y, filterBarRef: f, paginationContainerRef: A, verticalScrollPositionRef: h, virtualHorizontalScrollbarRef: c, allowColumnDragAndDrop: m, columns: i, columnPanel: w, data: v, lazyLoadType: S, loading: R, hasNestedContent: O, hasNestedRows: I, selectable: g, selection: L, selectableAcrossPages: F, stickyPagination: G, outline: j, pagination: H, hoveredRowIndex: p, t: $, frozenColumnsLength: x, registerDatagridInDataGridTemplate: D, additionalContentSlotRef: P, isDataGridTemplate: M, stickyTabs: K, tabsRef: d, stickyAdditionalContent: U, computedColumnsTabIndex: oe, columnDefs: se, onColumnWidthOverride: ie, gridRowWidthStyle: E, isMeasuringColumnWidths: B, isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: k, localColumnsState: Y, totalWidthOfAllColumns: Q, rowActionsMaxWidth: le, definedEmitsFunction: n, emit: z, stickyFiltersHeight: pe, computedStickyFiltersTopPosition: Rt, columnHeadersHeight: Ue, computedColumnHeadersTopPosition: At, sortedColumns: we, columnSets: Se, isOnlyOneVisibleColumn: Ot, onConfigSettingsUpdate: Tt, onConfigSettingsColumnsUpdate: Nt, onConfigSettingsColumnUpdate: It, hoveredOverColumn: Dt, hoveredOverColumnState: xt, draggingColumns: Ft, draggingEventsForColumns: Mt, draggingEventsForRowCell: Bt, onMoveColumnByOffset: $t, onAllRowSelect: Pt, onRowSelect: Ut, onNestedRowSelect: zt, selectedItems: ze, allItemsSelectedState: kt, navigationInput: Wt, isLazyLoad: be, isInfiniteScroll: Gt, verticalScrollPosition: ke, emitLazyLoadEvent: Ht, updateScrollPosition: Vt, updateScrollPositionOnFrozenColumnsNavigation: Zt, syncVirtualScrollerWithBody: jt, hasLeftOverflow: ye, hasRightOverflow: We, horizontalScrollbarConditionalStyles: qt, onEmptyStateClearResetButtonClick: Ge, limitedEmptyStateProps: Yt, conditionalGridClasses: Xt, conditionalGridBodyClasses: Kt, computedColumnPanelAlignment: Jt, showFrozenColumnsSeparator: Qt, conditionalFilterClasses: en, conditionalPaginationClasses: tn, registerColumnHeaderRefs: nn, registerRowCellRefs: sn, onRowClick: on, onCellHover: ln, selectableAcrossPagesComputed: an, ariaGridRole: rn, ariaGridHeaderText: dn, itemsSelectedCounter: He, showActionBar: cn, onColumnResized: un, onSort: fn, onPaginationNavigate: gn, onItemsPerPageChange: _n, onSearchTermCleared: vn, onSearchTermInput: mn, hasMandatoryColumn: Ve, setTitle: Ze, BentoActionBar: On, BentoPagination: Tn, BentoLoadingIndicator: Fe, BentoTypography: Ce, BentoDataGridConfigSettings: wo, DataGridColumns: no, DataGridLazyLoad: Ro, DataGridRow: Lt, handleClipboard: fl, BentoDatagridEvent: T, BentoFilterBar: Le, BentoEmptyState: Dn };
|
|
2820
2819
|
}
|
|
2821
2820
|
});
|
|
2822
2821
|
var vl = function() {
|
|
@@ -2827,18 +2826,18 @@ var vl = function() {
|
|
|
2827
2826
|
e.hoveredOverColumn = r;
|
|
2828
2827
|
}, "column-move": e.onMoveColumnByOffset, "column-update": e.onConfigSettingsColumnUpdate, "column-resize": e.onColumnResized, "column-resizing": e.onColumnWidthOverride, "select-all-rows": e.onAllRowSelect, "select-all-across-pages": function(r) {
|
|
2829
2828
|
return e.emit(e.BentoDatagridEvent.SELECT_ALL_ACROSS_PAGES);
|
|
2830
|
-
}, sort: e.onSort }, scopedSlots: t._u([t._l(e.slots, function(r,
|
|
2831
|
-
return { key:
|
|
2832
|
-
return [t._t(
|
|
2829
|
+
}, sort: e.onSort }, scopedSlots: t._u([t._l(e.slots, function(r, y) {
|
|
2830
|
+
return { key: y, fn: function(f) {
|
|
2831
|
+
return [t._t(y, null, null, f)];
|
|
2833
2832
|
} };
|
|
2834
2833
|
})], null, !0) }, e.draggingEventsForColumns)) : t._e()];
|
|
2835
2834
|
})], 2)])], 1), n("div", { ref: "body", staticClass: "b-data-grid__body", class: e.conditionalGridBodyClasses, attrs: { "data-testid": "data-grid-body", tabindex: e.loading ? "0" : "-1", "aria-busy": e.loading, "aria-live": "polite" }, on: { scroll: e.updateScrollPosition } }, [e.loading && !e.isLazyLoad ? n("div", { staticClass: "b-data-grid__loading" }, [n(e.BentoLoadingIndicator, { staticClass: "b-data-grid__loading-indicator", attrs: { large: "" } }), n(e.BentoTypography, { attrs: { el: "span", variant: "caption" } }, [t._v(t._s(e.t("gettingYourData")))])], 1) : ((o = e.data) == null ? void 0 : o.length) === 0 && t.emptyState ? n("div", { staticClass: "b-data-grid__empty-state" }, [n(e.BentoEmptyState, t._b({}, "bento-empty-state", e.limitedEmptyStateProps, !1))], 1) : n("div", { staticClass: "b-data-grid__rows", attrs: { role: "rowgroup" }, on: { keydown: e.navigationInput } }, t._l(e.data, function(l, a) {
|
|
2836
2835
|
var u, _;
|
|
2837
2836
|
return n(e.DataGridRow, { key: a, ref: (r) => e.registerRowCellRefs(r, a), refInFor: !0, style: e.gridRowWidthStyle, attrs: { "allow-row-clicks": t.allowRowClicks, "column-sets": e.columnSets, condensed: t.condensed, "dragging-columns": e.draggingColumns, "dragging-events-for-row-cell": e.draggingEventsForRowCell, "get-data-item-id": t.getDataItemId, "has-nested-content": e.hasNestedContent, "has-nested-rows": e.hasNestedRows, "has-left-overflow": e.hasLeftOverflow, "has-right-overflow": e.hasRightOverflow, "highlighted-rows": t.highlightedRows, "hovered-row-index": e.hoveredRowIndex, "hovered-over-column-state": e.hoveredOverColumnState, "is-data-item-disabled": t.isDataItemDisabled, "is-row-last-child": a + 1 === ((u = e.data) == null ? void 0 : u.length), "is-measuring-column-widths": e.isMeasuringColumnWidths, "row-actions-maximum-width": e.rowActionsMaxWidth, "row-actions": t.rowActions, "row-data": l, "row-index": a, "row-set-size": (_ = e.data) == null ? void 0 : _.length, "show-frozen-columns-separator": e.showFrozenColumnsSeparator, "should-show-nested-content": t.shouldShowNestedContent, "should-show-nested-rows": t.shouldShowNestedRows, selectable: e.selectable, "selected-items": e.selectedItems }, on: { "cell-hovered": e.onCellHover, "nested-content-toggled": function(r) {
|
|
2838
2837
|
return e.emit(e.BentoDatagridEvent.NESTED_CONTENT_TOGGLED, r);
|
|
2839
|
-
}, "row-click": e.onRowClick, "on-frozen-columns-key-press": e.updateScrollPositionOnFrozenColumnsNavigation, "select-row": e.onRowSelect, "select-nested-row": e.onNestedRowSelect }, scopedSlots: t._u([t._l(e.slots, function(r,
|
|
2840
|
-
return { key:
|
|
2841
|
-
return [t._t(
|
|
2838
|
+
}, "row-click": e.onRowClick, "on-frozen-columns-key-press": e.updateScrollPositionOnFrozenColumnsNavigation, "select-row": e.onRowSelect, "select-nested-row": e.onNestedRowSelect }, scopedSlots: t._u([t._l(e.slots, function(r, y) {
|
|
2839
|
+
return { key: y, fn: function(f) {
|
|
2840
|
+
return [t._t(y, null, null, f)];
|
|
2842
2841
|
} };
|
|
2843
2842
|
})], null, !0) });
|
|
2844
2843
|
}), 1)]), e.isLazyLoad ? n(e.DataGridLazyLoad, { attrs: { loading: e.loading, "is-infinite-scroll": e.isInfiniteScroll }, on: { "update:show-more": e.emitLazyLoadEvent } }) : t._e(), t.stickyHorizontalScrollbar ? n("div", { ref: "virtualHorizontalScrollbarRef", staticClass: "b-data-grid__horizontal-scrollbar", style: e.horizontalScrollbarConditionalStyles, attrs: { "aria-hidden": "true", "data-testid": "sticky-horizontal-scrollbar" }, on: { scroll: e.syncVirtualScrollerWithBody } }, [n("div", { style: { width: `${e.totalWidthOfAllColumns}px`, height: "15px" } })]) : t._e(), e.pagination && !e.isLazyLoad ? n("div", { ref: "paginationContainerRef", staticClass: "b-data-grid__pagination", class: e.conditionalPaginationClasses, attrs: { "data-testid": "pagination-container" } }, [n(e.BentoPagination, t._b({ attrs: { "aria-label": `${e.ariaGridHeaderText} navigation` }, on: { navigate: e.onPaginationNavigate, "items-page": e.onItemsPerPageChange } }, "bento-pagination", e.pagination, !1), [e.hasSlot("pagination-slot") ? t._t("pagination-slot") : t._e()], 2)], 1) : t._e(), t.$slots.footer ? n("div", { staticClass: "b-data-grid__footer" }, [t._t("footer")], 2) : t._e(), e.showActionBar ? n(e.BentoActionBar, { attrs: { actions: t.bulkActions, "item-counter": e.itemsSelectedCounter, "extra-bottom-spacing": e.stickyPagination }, on: { close: function(l) {
|
|
@@ -2852,15 +2851,15 @@ var vl = function() {
|
|
|
2852
2851
|
null,
|
|
2853
2852
|
"eea84d8f"
|
|
2854
2853
|
);
|
|
2855
|
-
const
|
|
2854
|
+
const fa = Cl.exports;
|
|
2856
2855
|
export {
|
|
2857
2856
|
Te as B,
|
|
2858
|
-
|
|
2859
|
-
|
|
2857
|
+
ca as a,
|
|
2858
|
+
ua as b,
|
|
2860
2859
|
ce as c,
|
|
2861
|
-
|
|
2860
|
+
fa as d,
|
|
2862
2861
|
ge as e,
|
|
2863
2862
|
T as f,
|
|
2864
2863
|
he as g
|
|
2865
2864
|
};
|
|
2866
|
-
//# sourceMappingURL=data-grid.
|
|
2865
|
+
//# sourceMappingURL=data-grid.BfsBhYpW.js.map
|