@adyen/bento-vue2 1.63.2 → 1.64.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 +4 -0
- package/dist/assets/accordion-item.css +1 -1
- package/dist/assets/action-bar.css +1 -1
- package/dist/assets/base-modal.css +1 -1
- package/dist/assets/card.css +1 -1
- package/dist/assets/data-grid.css +1 -1
- package/dist/assets/date-picker.css +1 -1
- package/dist/assets/dialog-page.css +1 -1
- package/dist/assets/dropdown.css +1 -1
- package/dist/assets/file-uploader.css +1 -1
- package/dist/assets/input-field-password.css +1 -1
- package/dist/assets/inspector.css +1 -1
- package/dist/assets/menu.css +1 -1
- package/dist/assets/modal-fullscreen.css +1 -1
- package/dist/assets/popover.css +1 -1
- package/dist/assets/sidepanel.css +1 -1
- package/dist/assets/use-cached-selected-values.css +1 -1
- package/dist/checkbox.js +2 -2
- package/dist/chunks/{checkbox-group.6y92U6AF.js → checkbox-group.DVX0GFm9.js} +4 -4
- package/dist/chunks/{checkbox-group.6y92U6AF.js.map → checkbox-group.DVX0GFm9.js.map} +1 -1
- package/dist/chunks/{checkbox.C9nJVvMq.js → checkbox.nHrvoKfp.js} +3 -3
- package/dist/chunks/{checkbox.C9nJVvMq.js.map → checkbox.nHrvoKfp.js.map} +1 -1
- package/dist/chunks/{code-snippet.CBU8Tlbs.js → code-snippet.C7eh-7Vy.js} +3 -3
- package/dist/chunks/{code-snippet.CBU8Tlbs.js.map → code-snippet.C7eh-7Vy.js.map} +1 -1
- package/dist/chunks/{controls-group.Dpe3TqAz.js → controls-group.BWAmz7Tg.js} +2 -2
- package/dist/chunks/{controls-group.Dpe3TqAz.js.map → controls-group.BWAmz7Tg.js.map} +1 -1
- package/dist/chunks/{copy.Co1MMqtM.js → copy.CXeLbvUP.js} +2 -2
- package/dist/chunks/{copy.Co1MMqtM.js.map → copy.CXeLbvUP.js.map} +1 -1
- package/dist/chunks/{dashed-underline.DD24UDCz.js → dashed-underline.CEaAmjDa.js} +2 -2
- package/dist/chunks/{dashed-underline.DD24UDCz.js.map → dashed-underline.CEaAmjDa.js.map} +1 -1
- package/dist/chunks/{data-grid.Cep-0zsO.js → data-grid.o64ltIur.js} +1105 -1076
- package/dist/chunks/data-grid.o64ltIur.js.map +1 -0
- package/dist/chunks/{date-picker.D65ieFdN.js → date-picker.Ba-lHyXs.js} +29 -29
- package/dist/chunks/{date-picker.D65ieFdN.js.map → date-picker.Ba-lHyXs.js.map} +1 -1
- package/dist/chunks/{date-range-picker.CNB28UaM.js → date-range-picker.BER92nnT.js} +21 -21
- package/dist/chunks/{date-range-picker.CNB28UaM.js.map → date-range-picker.BER92nnT.js.map} +1 -1
- package/dist/chunks/{dropdown-tag.DmVsDrL_.js → dropdown-tag.uNZs7yVF.js} +3 -3
- package/dist/chunks/{dropdown-tag.DmVsDrL_.js.map → dropdown-tag.uNZs7yVF.js.map} +1 -1
- package/dist/chunks/{dropdown.B_PWXFtT.js → dropdown.DZ1Ndonr.js} +211 -210
- package/dist/chunks/dropdown.DZ1Ndonr.js.map +1 -0
- package/dist/chunks/{error-message.BeExHHgv.js → error-message.1Em7Lis3.js} +2 -2
- package/dist/chunks/{error-message.BeExHHgv.js.map → error-message.1Em7Lis3.js.map} +1 -1
- package/dist/chunks/{file-uploader.RYWR99Nq.js → file-uploader.DyjdNLOa.js} +3 -3
- package/dist/chunks/{file-uploader.RYWR99Nq.js.map → file-uploader.DyjdNLOa.js.map} +1 -1
- package/dist/chunks/{filter-bar.DjUN3PeJ.js → filter-bar.BMDvL9EW.js} +10 -10
- package/dist/chunks/{filter-bar.DjUN3PeJ.js.map → filter-bar.BMDvL9EW.js.map} +1 -1
- package/dist/chunks/{header-with-views.Csgl4PSQ.js → header-with-views.CEfKLlVv.js} +4 -4
- package/dist/chunks/{header-with-views.Csgl4PSQ.js.map → header-with-views.CEfKLlVv.js.map} +1 -1
- package/dist/chunks/{info-icon.G8lKgclf.js → info-icon.B9aTl1nU.js} +2 -2
- package/dist/chunks/{info-icon.G8lKgclf.js.map → info-icon.B9aTl1nU.js.map} +1 -1
- package/dist/chunks/{input-field-password.CY3eRVpe.js → input-field-password.DI7W4ehj.js} +110 -109
- package/dist/chunks/input-field-password.DI7W4ehj.js.map +1 -0
- package/dist/chunks/{input-field-phone-number.CN5qZ0VL.js → input-field-phone-number.BXbNxQeN.js} +3 -3
- package/dist/chunks/{input-field-phone-number.CN5qZ0VL.js.map → input-field-phone-number.BXbNxQeN.js.map} +1 -1
- package/dist/chunks/{input-field.DKhsSYF8.js → input-field.-Pgtuotm.js} +3 -3
- package/dist/chunks/{input-field.DKhsSYF8.js.map → input-field.-Pgtuotm.js.map} +1 -1
- package/dist/chunks/{listbox-option-tag.DFmB_TuD.js → listbox-option-tag.D0Cql_R3.js} +2 -2
- package/dist/chunks/{listbox-option-tag.DFmB_TuD.js.map → listbox-option-tag.D0Cql_R3.js.map} +1 -1
- package/dist/chunks/{pagination.DvP8FqiW.js → pagination.CoM4szsH.js} +2 -2
- package/dist/chunks/{pagination.DvP8FqiW.js.map → pagination.CoM4szsH.js.map} +1 -1
- package/dist/chunks/{radio-group.CRDMTTyM.js → radio-group.CtPG_iiI.js} +4 -4
- package/dist/chunks/{radio-group.CRDMTTyM.js.map → radio-group.CtPG_iiI.js.map} +1 -1
- package/dist/chunks/{rich-text-editor.aSOSl4Rz.js → rich-text-editor.CLxVaskq.js} +4 -4
- package/dist/chunks/{rich-text-editor.aSOSl4Rz.js.map → rich-text-editor.CLxVaskq.js.map} +1 -1
- package/dist/chunks/{search-bar.Sh4A8UId.js → search-bar.BhQdvBh8.js} +3 -3
- package/dist/chunks/{search-bar.Sh4A8UId.js.map → search-bar.BhQdvBh8.js.map} +1 -1
- package/dist/chunks/{secondary-nav.BFtGx_IN.js → secondary-nav.CItGT9T3.js} +2 -2
- package/dist/chunks/{secondary-nav.BFtGx_IN.js.map → secondary-nav.CItGT9T3.js.map} +1 -1
- package/dist/chunks/{segmented-control.B-uxKqMN.js → segmented-control.DHZEfmT-.js} +2 -2
- package/dist/chunks/{segmented-control.B-uxKqMN.js.map → segmented-control.DHZEfmT-.js.map} +1 -1
- package/dist/chunks/{selection-card-group.CrWy35QU.js → selection-card-group.CoqBRUT8.js} +3 -3
- package/dist/chunks/{selection-card-group.CrWy35QU.js.map → selection-card-group.CoqBRUT8.js.map} +1 -1
- package/dist/chunks/{structured-list-item.DKEwF8n7.js → structured-list-item.tox2Kcb6.js} +4 -4
- package/dist/chunks/{structured-list-item.DKEwF8n7.js.map → structured-list-item.tox2Kcb6.js.map} +1 -1
- package/dist/chunks/{summary-grid.types.BgFtV5Qh.js → summary-grid.types.CkUIw703.js} +5 -5
- package/dist/chunks/{summary-grid.types.BgFtV5Qh.js.map → summary-grid.types.CkUIw703.js.map} +1 -1
- package/dist/chunks/{tag.BaSi2GVV.js → tag.CGkclKVL.js} +2 -2
- package/dist/chunks/{tag.BaSi2GVV.js.map → tag.CGkclKVL.js.map} +1 -1
- package/dist/chunks/{textarea.D7M7Jerq.js → textarea.BPeDUAPL.js} +2 -2
- package/dist/chunks/{textarea.D7M7Jerq.js.map → textarea.BPeDUAPL.js.map} +1 -1
- package/dist/chunks/{timeline-item.njO0X8KL.js → timeline-item.CS9ZDOsm.js} +4 -4
- package/dist/chunks/{timeline-item.njO0X8KL.js.map → timeline-item.CS9ZDOsm.js.map} +1 -1
- package/dist/chunks/{tooltip.DyZIyMZN.js → tooltip.wQsyAwkC.js} +15 -15
- package/dist/chunks/tooltip.wQsyAwkC.js.map +1 -0
- package/dist/chunks/use-cached-selected-values.C1CeSurp.js +1271 -0
- package/dist/chunks/use-cached-selected-values.C1CeSurp.js.map +1 -0
- package/dist/code-snippet.js +1 -1
- package/dist/dashed-underline.js +1 -1
- package/dist/data-grid.js +1 -1
- package/dist/date-picker.js +1 -1
- package/dist/date-range-picker.js +1 -1
- package/dist/dropdown.js +3 -3
- package/dist/file-uploader.js +1 -1
- package/dist/filter-bar.js +1 -1
- package/dist/header-with-views.js +1 -1
- package/dist/index.js +30 -30
- package/dist/info-icon.js +1 -1
- 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 +6 -6
- package/dist/pagination.js +1 -1
- package/dist/radio-group.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/segmented-control.js +1 -1
- package/dist/selection-card.js +1 -1
- package/dist/structured-list.js +1 -1
- package/dist/summary-grid.js +1 -1
- package/dist/tag.js +1 -1
- package/dist/textarea.js +1 -1
- package/dist/timeline.js +1 -1
- package/dist/web-types.json +9 -1
- package/package.json +6 -6
- package/dist/chunks/data-grid.Cep-0zsO.js.map +0 -1
- package/dist/chunks/dropdown.B_PWXFtT.js.map +0 -1
- package/dist/chunks/input-field-password.CY3eRVpe.js.map +0 -1
- package/dist/chunks/tooltip.DyZIyMZN.js.map +0 -1
- package/dist/chunks/use-cached-selected-values.CDBmVxYM.js +0 -1225
- package/dist/chunks/use-cached-selected-values.CDBmVxYM.js.map +0 -1
|
@@ -1,51 +1,51 @@
|
|
|
1
|
-
import { ref as
|
|
2
|
-
import { C as
|
|
3
|
-
import { W as
|
|
1
|
+
import { ref as y, onMounted as Se, nextTick as ne, watch as se, onUnmounted as _t, reactive as Fe, toRefs as Me, computed as h, watchEffect as bn, onBeforeUpdate as yn, defineComponent as ae, toRef as Ne, useSlots as Be, provide as vt, inject as Ie } from "vue";
|
|
2
|
+
import { C as Rn } from "./checkmark-circle-fill.BttTCjrM.js";
|
|
3
|
+
import { W as En } from "./warning-filled.tWOyLUQT.js";
|
|
4
4
|
/* empty css */
|
|
5
|
-
import { n as
|
|
6
|
-
import { C as
|
|
7
|
-
import { N as
|
|
8
|
-
import { d as
|
|
9
|
-
import { E as
|
|
10
|
-
import { B as
|
|
11
|
-
import { B as
|
|
12
|
-
import { u as
|
|
13
|
-
import { B as
|
|
14
|
-
import { B as
|
|
15
|
-
import { B as
|
|
16
|
-
import { u as
|
|
17
|
-
import { u as
|
|
18
|
-
import { g as
|
|
19
|
-
import { B as
|
|
20
|
-
import { B as
|
|
21
|
-
import { E as
|
|
22
|
-
import { D as
|
|
23
|
-
import { o as
|
|
5
|
+
import { n as G } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
|
|
6
|
+
import { C as mt } from "./cross.CC_B-vG-.js";
|
|
7
|
+
import { N as Xe } from "./minus-small.DJacLGTw.js";
|
|
8
|
+
import { d as Ln } from "./popper-container.DIFqmRsp.js";
|
|
9
|
+
import { E as oe, B as An, a as On, T as Tn } from "./tooltip.wQsyAwkC.js";
|
|
10
|
+
import { B as Nn } from "./dashed-underline.CEaAmjDa.js";
|
|
11
|
+
import { B as be, p as Ct } from "./typography.J1v_SPG3.js";
|
|
12
|
+
import { u as ce } from "./i18n.BQkEbtPM.js";
|
|
13
|
+
import { B as In } from "./action-bar.DHdrZtmW.js";
|
|
14
|
+
import { B as Dn } from "./pagination.CoM4szsH.js";
|
|
15
|
+
import { B as $e } from "./loading-indicator.z8COalOc.js";
|
|
16
|
+
import { u as Pe } from "./use-has-slot.C9lQZ6nz.js";
|
|
17
|
+
import { u as xn } from "./aria-label.CaUURpnB.js";
|
|
18
|
+
import { g as Fn } from "./get-slot-text.BQS5Olxm.js";
|
|
19
|
+
import { B as Te } from "./filter-bar.BMDvL9EW.js";
|
|
20
|
+
import { B as Mn } from "./empty-state.mtXfb1BB.js";
|
|
21
|
+
import { E as Bn } from "./tabs.keys.Bc2pSKRw.js";
|
|
22
|
+
import { D as $n } from "./data-grid-template.keys.2_AkxuNT.js";
|
|
23
|
+
import { o as Ue } from "./resize.Bqks3WUm.js";
|
|
24
24
|
import "./index.Cl4_42j5.js";
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import { B as
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import { C as
|
|
34
|
-
import {
|
|
35
|
-
import { B as
|
|
36
|
-
import { e as
|
|
37
|
-
import { B as
|
|
38
|
-
import { a as
|
|
39
|
-
import { A as
|
|
40
|
-
import { H as
|
|
41
|
-
import { l as
|
|
42
|
-
import { B as
|
|
43
|
-
import { B as
|
|
44
|
-
import { u as
|
|
45
|
-
import { S as
|
|
46
|
-
import { B as
|
|
25
|
+
import { u as Pn } from "./use-expandable-content-height.GkjjbmPy.js";
|
|
26
|
+
import { g as De } from "./generate-uid.NJ8tVoha.js";
|
|
27
|
+
import { B as ht } from "./button.hF-nD1Og.js";
|
|
28
|
+
import { B as pt, O as Un, D as zn } from "./menu.BCD4FW54.js";
|
|
29
|
+
import { E as kn } from "./link.CXy_LoFI.js";
|
|
30
|
+
import { C as Wn } from "./copy.CXeLbvUP.js";
|
|
31
|
+
import { B as wt } from "./checkbox.nHrvoKfp.js";
|
|
32
|
+
import { C as Gn } from "./chevron-down.eYtgv5ly.js";
|
|
33
|
+
import { C as Hn } from "./chevron-up.d8cwIlA_.js";
|
|
34
|
+
import { b as St } from "./focus-trap.C-wIQqpO.js";
|
|
35
|
+
import { B as ze } from "./toggle-button.DEVVvpkw.js";
|
|
36
|
+
import { e as Vn, d as Zn } from "./button-actions._OIvTdKt.js";
|
|
37
|
+
import { B as jn } from "./info-icon.B9aTl1nU.js";
|
|
38
|
+
import { a as Je, B as qn } from "./popover.B05xkQ4e.js";
|
|
39
|
+
import { A as Yn } from "./dialog-page.CLHZqQeU.js";
|
|
40
|
+
import { H as Kn, S as Xn } from "./show.B_mKPF6I.js";
|
|
41
|
+
import { l as Qe } from "./events.CMzGybJJ.js";
|
|
42
|
+
import { B as bt } from "./toggle.DyXL09-x.js";
|
|
43
|
+
import { B as Jn } from "./search-bar.BhQdvBh8.js";
|
|
44
|
+
import { u as Qn } from "./dropdown.DZ1Ndonr.js";
|
|
45
|
+
import { S as es } from "./search.D53Ia3rC.js";
|
|
46
|
+
import { B as ts } from "./directive.Cbdox5VL.js";
|
|
47
47
|
import "../assets/data-grid.css";
|
|
48
|
-
const
|
|
48
|
+
const et = (s) => {
|
|
49
49
|
if (!s)
|
|
50
50
|
return 0;
|
|
51
51
|
const t = window.getComputedStyle(s);
|
|
@@ -57,349 +57,346 @@ const Je = (s) => {
|
|
|
57
57
|
}
|
|
58
58
|
const o = parseFloat(t.top);
|
|
59
59
|
return !isNaN(o) && o < 0 && (n += o), n;
|
|
60
|
-
},
|
|
61
|
-
const o =
|
|
60
|
+
}, tt = (s, t, n = y(!1), e = null) => {
|
|
61
|
+
const o = y(0);
|
|
62
62
|
let l = null, a = null;
|
|
63
|
-
const
|
|
64
|
-
const _ = t.value ?
|
|
63
|
+
const f = () => {
|
|
64
|
+
const _ = t.value ? et(s.value) : 0, r = n.value && e ? et(e.value) : 0;
|
|
65
65
|
o.value = _ + r;
|
|
66
66
|
};
|
|
67
|
-
return
|
|
67
|
+
return Se(() => {
|
|
68
68
|
ne(() => {
|
|
69
|
-
const _ =
|
|
69
|
+
const _ = se(
|
|
70
70
|
s,
|
|
71
71
|
() => {
|
|
72
|
-
s != null && s.value && (ne(() => _()), l =
|
|
72
|
+
s != null && s.value && (ne(() => _()), l = Ue(s.value, f), a = new MutationObserver(f), a.observe(s.value, { attributes: !0, attributeFilter: ["class"] }));
|
|
73
73
|
},
|
|
74
74
|
{ immediate: !0 }
|
|
75
75
|
);
|
|
76
|
-
|
|
76
|
+
se(
|
|
77
77
|
[t, n],
|
|
78
78
|
() => {
|
|
79
|
-
|
|
79
|
+
f();
|
|
80
80
|
},
|
|
81
81
|
{ immediate: !0 }
|
|
82
82
|
);
|
|
83
83
|
});
|
|
84
|
-
}),
|
|
84
|
+
}), _t(() => {
|
|
85
85
|
l == null || l.disconnect(), a == null || a.disconnect();
|
|
86
86
|
}), o;
|
|
87
87
|
};
|
|
88
|
-
var
|
|
89
|
-
const
|
|
90
|
-
const n =
|
|
88
|
+
var xe = /* @__PURE__ */ ((s) => (s.WRAP = "wrap", s.ELLIPSIS = "ellipsis", s))(xe || {}), de = /* @__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))(de || {}), _e = /* @__PURE__ */ ((s) => (s.ASCENDING = "asc", s.DESCENDING = "desc", s))(_e || {}), 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 || {}), ye = /* @__PURE__ */ ((s) => (s.ASCENDING = "ascending", s.DESCENDING = "descending", s.NONE = "none", s))(ye || {}), W = /* @__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))(W || {});
|
|
89
|
+
const ns = (s, t) => {
|
|
90
|
+
const n = y(null), e = y(!1), o = y(void 0), l = s.value.reduce((d, w) => (d[w.field] = null, d), {}), a = Fe(l), f = Me(a);
|
|
91
91
|
let _ = 0, r = "";
|
|
92
|
-
const
|
|
93
|
-
() => Object.fromEntries(s.value.map(({ field:
|
|
92
|
+
const R = h(
|
|
93
|
+
() => Object.fromEntries(s.value.map(({ field: d, width: w, minWidth: v }) => [d, { width: w, minWidth: v }]))
|
|
94
94
|
);
|
|
95
|
-
|
|
96
|
-
let
|
|
97
|
-
const
|
|
98
|
-
const w =
|
|
99
|
-
o.value[v].width = S >
|
|
95
|
+
bn(() => o.value = R.value);
|
|
96
|
+
let u = null, E = null;
|
|
97
|
+
const p = (d) => {
|
|
98
|
+
const w = d.clientX - _, v = r, S = o.value[v].width + w;
|
|
99
|
+
o.value[v].width = S > R.value[v].minWidth ? S : R.value[v].minWidth, t(W.COLUMN_RESIZING, o.value), _ = d.clientX;
|
|
100
100
|
}, c = () => {
|
|
101
|
-
e.value = !1,
|
|
101
|
+
e.value = !1, u == null || u(), E == null || E(), r && t(W.COLUMN_RESIZE, {
|
|
102
102
|
field: r,
|
|
103
103
|
width: o.value[r].width
|
|
104
|
-
}),
|
|
105
|
-
},
|
|
106
|
-
if (v.preventDefault(),
|
|
104
|
+
}), u = null, E = null, r = "", _ = null;
|
|
105
|
+
}, C = (d, w, v) => {
|
|
106
|
+
if (v.preventDefault(), d) {
|
|
107
107
|
if (e.value = !0, v.buttons !== 1) {
|
|
108
108
|
c();
|
|
109
109
|
return;
|
|
110
110
|
}
|
|
111
|
-
r = w, _ = v.clientX,
|
|
111
|
+
r = w, _ = v.clientX, u = Qe(window, "mousemove", p), E = Qe(window, "mouseup", c);
|
|
112
112
|
}
|
|
113
113
|
};
|
|
114
|
-
return
|
|
114
|
+
return se(
|
|
115
115
|
() => e.value,
|
|
116
|
-
(
|
|
117
|
-
!
|
|
116
|
+
(d, w) => {
|
|
117
|
+
!d && w && (t(W.COLUMN_HOVER, n.value), n.value = null);
|
|
118
118
|
}
|
|
119
119
|
), {
|
|
120
120
|
resizeData: o,
|
|
121
|
-
allColumnRefs:
|
|
122
|
-
startResize:
|
|
121
|
+
allColumnRefs: f,
|
|
122
|
+
startResize: C,
|
|
123
123
|
isResizing: e,
|
|
124
124
|
columnHoverEventToEmitAfterResizing: n
|
|
125
125
|
};
|
|
126
|
-
},
|
|
127
|
-
const e = {}, o = [], l = (
|
|
128
|
-
const _ = e[
|
|
129
|
-
_ && _.frozen !== !0 && (e[
|
|
126
|
+
}, ss = 100, nt = 50, te = "b-actions-column", os = 32, ls = 56, as = 56, is = 80, rs = 36, ds = 1, yt = 16, cs = 20, us = (s, t, n) => {
|
|
127
|
+
const e = {}, o = [], l = (f) => {
|
|
128
|
+
const _ = e[f];
|
|
129
|
+
_ && _.frozen !== !0 && (e[f].frozen = !0, o.push(f));
|
|
130
130
|
};
|
|
131
131
|
function a() {
|
|
132
132
|
if (o.length === n.length)
|
|
133
133
|
return;
|
|
134
|
-
const
|
|
135
|
-
let _ = s, r = t,
|
|
136
|
-
o.forEach((
|
|
137
|
-
_ -= e[
|
|
134
|
+
const f = { min: {} };
|
|
135
|
+
let _ = s, r = t, R = 0;
|
|
136
|
+
o.forEach((u) => {
|
|
137
|
+
_ -= e[u].computedWidth, r -= e[u].flex;
|
|
138
138
|
});
|
|
139
|
-
for (let
|
|
140
|
-
const
|
|
141
|
-
if (e[
|
|
139
|
+
for (let u = 0, E = n.length; u < E; u += 1) {
|
|
140
|
+
const p = n[u];
|
|
141
|
+
if (e[p.field] && e[p.field].frozen === !0)
|
|
142
142
|
continue;
|
|
143
|
-
let
|
|
144
|
-
|
|
143
|
+
let C = _ / r * p.flex;
|
|
144
|
+
C < p.minWidth && (R += p.minWidth - C, C = p.minWidth, f.min[p.field] = !0), e[p.field] = {
|
|
145
145
|
frozen: !1,
|
|
146
|
-
computedWidth:
|
|
147
|
-
flex:
|
|
146
|
+
computedWidth: C,
|
|
147
|
+
flex: p.flex
|
|
148
148
|
};
|
|
149
149
|
}
|
|
150
|
-
|
|
151
|
-
l(
|
|
152
|
-
}) : n.forEach(({ field:
|
|
153
|
-
l(
|
|
150
|
+
R > 0 ? Object.keys(f.min).forEach((u) => {
|
|
151
|
+
l(u);
|
|
152
|
+
}) : n.forEach(({ field: u }) => {
|
|
153
|
+
l(u);
|
|
154
154
|
}), a();
|
|
155
155
|
}
|
|
156
156
|
return a(), e;
|
|
157
|
-
},
|
|
158
|
-
let n =
|
|
159
|
-
return t && (n +=
|
|
160
|
-
},
|
|
157
|
+
}, st = (s, t) => {
|
|
158
|
+
let n = ds;
|
|
159
|
+
return t && (n += yt * 2), s != null && s.offsetWidth ? s.offsetWidth + n : 0;
|
|
160
|
+
}, fs = (s) => {
|
|
161
161
|
var t, n, e, o, l;
|
|
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 ?
|
|
163
|
-
},
|
|
164
|
-
const a =
|
|
165
|
-
|
|
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 ? is : as : rs : (l = s == null ? void 0 : s.hasSelectableAcrossPages) != null && l.value ? ls : os;
|
|
163
|
+
}, gs = (s, t, n, e, o, l) => {
|
|
164
|
+
const a = y(s.value), f = y(t), _ = y(n), r = y(e), R = y(o), u = y(!1), E = y(0);
|
|
165
|
+
se(
|
|
166
166
|
() => s.value,
|
|
167
|
-
(g,
|
|
168
|
-
var
|
|
169
|
-
const
|
|
170
|
-
if (!((
|
|
167
|
+
(g, O) => {
|
|
168
|
+
var z, H;
|
|
169
|
+
const D = (g == null ? void 0 : g.map(({ field: k }) => k).toString()) === (O == null ? void 0 : O.map(({ field: k }) => k).toString());
|
|
170
|
+
if (!((z = l == null ? void 0 : l.allowColumnDragAndDrop) != null && z.value) || !D) {
|
|
171
171
|
a.value = s.value;
|
|
172
172
|
return;
|
|
173
173
|
}
|
|
174
|
-
a.value = ((
|
|
175
|
-
const
|
|
176
|
-
return
|
|
174
|
+
a.value = ((H = a.value) == null ? void 0 : H.length) === 0 ? s.value : s.value.sort((k, X) => {
|
|
175
|
+
const j = a.value.findIndex((q) => q.field === k.field), V = a.value.findIndex((q) => q.field === X.field);
|
|
176
|
+
return j === -1 ? 1 : V === -1 ? -1 : j - V;
|
|
177
177
|
});
|
|
178
178
|
}
|
|
179
179
|
);
|
|
180
|
-
const
|
|
180
|
+
const p = y();
|
|
181
181
|
let c = null;
|
|
182
|
-
const
|
|
183
|
-
var
|
|
182
|
+
const C = h(() => {
|
|
183
|
+
var j, V, q;
|
|
184
184
|
const g = [];
|
|
185
|
-
let
|
|
186
|
-
const
|
|
187
|
-
let
|
|
188
|
-
const
|
|
189
|
-
if ((
|
|
190
|
-
const
|
|
191
|
-
|
|
185
|
+
let O = 0, D = 0;
|
|
186
|
+
const z = {};
|
|
187
|
+
let H = a.value.filter((m) => m.visible !== !1);
|
|
188
|
+
const k = a.value.filter((m) => m.visible === !1);
|
|
189
|
+
if ((j = l == null ? void 0 : l.hasSelectableColumn) != null && j.value || (V = l == null ? void 0 : l.hasNestedContent) != null && V.value || (q = l == null ? void 0 : l.hasNestedRows) != null && q.value) {
|
|
190
|
+
const m = fs(l);
|
|
191
|
+
H = [
|
|
192
192
|
{
|
|
193
|
-
field:
|
|
193
|
+
field: te,
|
|
194
194
|
label: "",
|
|
195
|
-
minWidth:
|
|
196
|
-
width:
|
|
195
|
+
minWidth: m,
|
|
196
|
+
width: m,
|
|
197
197
|
frozen: !0,
|
|
198
198
|
padding: { left: !1, right: !1 }
|
|
199
199
|
},
|
|
200
|
-
...
|
|
200
|
+
...H
|
|
201
201
|
];
|
|
202
202
|
}
|
|
203
|
-
|
|
204
|
-
const
|
|
205
|
-
let
|
|
206
|
-
|
|
207
|
-
(
|
|
208
|
-
(
|
|
209
|
-
),
|
|
210
|
-
});
|
|
211
|
-
const
|
|
212
|
-
if (
|
|
213
|
-
const
|
|
214
|
-
Object.keys(
|
|
215
|
-
|
|
203
|
+
H.forEach((m) => {
|
|
204
|
+
const L = { ...m };
|
|
205
|
+
let M;
|
|
206
|
+
L.flex && L.flex > 0 ? (O += L.flex, M = 0, g.push(L)) : M = Math.max(
|
|
207
|
+
(L == null ? void 0 : L.width) ?? ss,
|
|
208
|
+
(L == null ? void 0 : L.minWidth) ?? nt
|
|
209
|
+
), D += M, L.width = M, L.minWidth = (L == null ? void 0 : L.minWidth) ?? nt, z[L.field] = L;
|
|
210
|
+
}), D += E.value;
|
|
211
|
+
const X = Math.max(p.value - D, 0);
|
|
212
|
+
if (O > 0 && p.value > 0) {
|
|
213
|
+
const m = us(X, O, g);
|
|
214
|
+
Object.keys(m).forEach((L) => {
|
|
215
|
+
z[L].width = m[L].computedWidth;
|
|
216
216
|
});
|
|
217
217
|
}
|
|
218
|
-
return
|
|
219
|
-
const
|
|
220
|
-
|
|
221
|
-
}), Object.values(
|
|
222
|
-
}),
|
|
223
|
-
|
|
218
|
+
return k.forEach((m) => {
|
|
219
|
+
const L = { ...m };
|
|
220
|
+
z[L.field] = L;
|
|
221
|
+
}), Object.values(z);
|
|
222
|
+
}), d = y(void 0), w = (g) => {
|
|
223
|
+
d.value = { ...d.value, ...g };
|
|
224
224
|
}, v = async () => {
|
|
225
|
-
a.value.some((g) => g == null ? void 0 : g.autoWidth) && (
|
|
226
|
-
var
|
|
227
|
-
const
|
|
228
|
-
(
|
|
229
|
-
(
|
|
230
|
-
),
|
|
231
|
-
(
|
|
225
|
+
a.value.some((g) => g == null ? void 0 : g.autoWidth) && (u.value = !0, await ne(), a == null || a.value.filter((g) => g == null ? void 0 : g.autoWidth).forEach(({ field: g, minWidth: O }) => {
|
|
226
|
+
var k, X, j, V;
|
|
227
|
+
const D = st(
|
|
228
|
+
(k = r.value) == null ? void 0 : k[g],
|
|
229
|
+
(X = l == null ? void 0 : l.hasColumnPanel) == null ? void 0 : X.value
|
|
230
|
+
), z = (V = (j = R.value) == null ? void 0 : j[g]) == null ? void 0 : V.reduce(
|
|
231
|
+
(q, m) => Math.max(q, st(m)),
|
|
232
232
|
0
|
|
233
|
-
),
|
|
234
|
-
(
|
|
233
|
+
), H = Math.max(D, z ?? 0);
|
|
234
|
+
(O === void 0 || H > O) && w({
|
|
235
235
|
[g]: {
|
|
236
|
-
width:
|
|
236
|
+
width: H
|
|
237
237
|
}
|
|
238
238
|
});
|
|
239
|
-
}),
|
|
239
|
+
}), u.value = !1);
|
|
240
240
|
};
|
|
241
|
-
|
|
241
|
+
se([() => a.value, () => f.value], async () => {
|
|
242
242
|
a.value.some((g) => g == null ? void 0 : g.autoWidth) && await v();
|
|
243
243
|
});
|
|
244
|
-
const S =
|
|
245
|
-
() =>
|
|
246
|
-
var
|
|
244
|
+
const S = h(
|
|
245
|
+
() => C.value.map((g) => {
|
|
246
|
+
var O, D;
|
|
247
247
|
return {
|
|
248
248
|
...g,
|
|
249
249
|
// Override column width with resized ones
|
|
250
|
-
width: ((
|
|
250
|
+
width: ((D = (O = d.value) == null ? void 0 : O[g.field]) == null ? void 0 : D.width) ?? g.width
|
|
251
251
|
};
|
|
252
252
|
})
|
|
253
|
-
),
|
|
253
|
+
), A = h(
|
|
254
254
|
() => {
|
|
255
255
|
var g;
|
|
256
|
-
return ((g = S.value) == null ? void 0 : g.filter(({ visible:
|
|
256
|
+
return ((g = S.value) == null ? void 0 : g.filter(({ visible: O }) => O !== !1).reduce((O, D) => D.width + O, 0)) + E.value;
|
|
257
257
|
}
|
|
258
|
-
),
|
|
259
|
-
() =>
|
|
260
|
-
), I =
|
|
261
|
-
width:
|
|
258
|
+
), N = h(
|
|
259
|
+
() => p.value <= A.value
|
|
260
|
+
), I = h(() => ({
|
|
261
|
+
width: p.value > A.value ? "100%" : "fit-content"
|
|
262
262
|
}));
|
|
263
|
-
return
|
|
264
|
-
var
|
|
265
|
-
const g = l != null && l.isDataGridTemplate ?
|
|
263
|
+
return Se(() => {
|
|
264
|
+
var O;
|
|
265
|
+
const g = l != null && l.isDataGridTemplate ? cs : 0;
|
|
266
266
|
ne(() => {
|
|
267
|
-
_.value && (
|
|
268
|
-
const
|
|
267
|
+
_.value && (p.value = _.value.getBoundingClientRect().width - g);
|
|
268
|
+
const D = se(
|
|
269
269
|
_,
|
|
270
270
|
() => {
|
|
271
|
-
_.value && (ne(() =>
|
|
272
|
-
|
|
271
|
+
_.value && (ne(() => D()), c = Ue(_.value, ({ width: z }) => {
|
|
272
|
+
p.value = z - g;
|
|
273
273
|
}));
|
|
274
274
|
},
|
|
275
275
|
{ immediate: !0 }
|
|
276
276
|
);
|
|
277
|
-
}), (
|
|
277
|
+
}), (O = document == null ? void 0 : document.fonts) != null && O.ready ? document.fonts.ready.then(() => {
|
|
278
278
|
v();
|
|
279
279
|
}) : v();
|
|
280
|
-
}),
|
|
280
|
+
}), _t(() => {
|
|
281
281
|
c == null || c.disconnect();
|
|
282
|
-
}),
|
|
282
|
+
}), yn(() => {
|
|
283
283
|
var g;
|
|
284
|
-
|
|
285
|
-
|
|
284
|
+
R.value && ((g = Object.keys(R.value)) == null ? void 0 : g.length) > 0 && Object.keys(R.value).forEach((D) => {
|
|
285
|
+
R.value[D] = [];
|
|
286
286
|
});
|
|
287
287
|
}), {
|
|
288
288
|
columnDefs: S,
|
|
289
289
|
gridRowWidthStyle: I,
|
|
290
290
|
onColumnWidthOverride: w,
|
|
291
|
-
isMeasuringColumnWidths:
|
|
292
|
-
isTotalWidthOfColumnsTakingUpAllAvailableGridWidth:
|
|
291
|
+
isMeasuringColumnWidths: u,
|
|
292
|
+
isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: N,
|
|
293
293
|
columns: a,
|
|
294
|
-
totalWidthOfAllColumns:
|
|
295
|
-
rowActionsMaxWidth:
|
|
294
|
+
totalWidthOfAllColumns: A,
|
|
295
|
+
rowActionsMaxWidth: E
|
|
296
296
|
};
|
|
297
|
-
},
|
|
298
|
-
const l =
|
|
297
|
+
}, _s = (s, t, n, e, o) => {
|
|
298
|
+
const l = y(s.value ?? []), a = Fe({
|
|
299
299
|
allItemsSelected: !1,
|
|
300
300
|
isIndeterminate: !1
|
|
301
|
-
}),
|
|
301
|
+
}), f = h(
|
|
302
302
|
() => n.value.flatMap((c) => {
|
|
303
|
-
var
|
|
304
|
-
return [c, ((
|
|
303
|
+
var C;
|
|
304
|
+
return [c, ((C = c == null ? void 0 : c.children) == null ? void 0 : C.length) > 0 ? c == null ? void 0 : c.children : []];
|
|
305
305
|
}).flat()
|
|
306
306
|
), _ = () => {
|
|
307
307
|
t(T.SELECT, l.value), t(T.UPDATE_SELECTION, l.value);
|
|
308
308
|
}, r = (c) => {
|
|
309
|
-
var
|
|
310
|
-
if (l.value = c, ((
|
|
309
|
+
var d, w, v, S, A;
|
|
310
|
+
if (l.value = c, ((d = n.value) == null ? void 0 : d.length) > 0 && ((w = f.value) == null ? void 0 : w.filter((N) => !o(N)).every((N) => l.value.includes(e(N))))) {
|
|
311
311
|
a.allItemsSelected = !0;
|
|
312
|
-
const
|
|
313
|
-
a.isIndeterminate = !
|
|
312
|
+
const N = ((v = n.value) == null ? void 0 : v.length) > 0 && n.value.every((I) => l.value.includes(e(I)));
|
|
313
|
+
a.isIndeterminate = !N;
|
|
314
314
|
} else
|
|
315
|
-
a.allItemsSelected = !1, a.isIndeterminate = ((S = l.value) == null ? void 0 : S.length) > 0 && ((
|
|
316
|
-
(
|
|
315
|
+
a.allItemsSelected = !1, a.isIndeterminate = ((S = l.value) == null ? void 0 : S.length) > 0 && ((A = n.value) == null ? void 0 : A.length) > 0 && n.value.some(
|
|
316
|
+
(N) => {
|
|
317
317
|
var I;
|
|
318
|
-
return l.value.includes(e(
|
|
318
|
+
return l.value.includes(e(N)) || ((I = N == null ? void 0 : N.children) == null ? void 0 : I.some((g) => l.value.includes(e(g))));
|
|
319
319
|
}
|
|
320
320
|
);
|
|
321
|
-
},
|
|
321
|
+
}, R = (c) => {
|
|
322
322
|
ne(() => {
|
|
323
|
-
var
|
|
323
|
+
var C, d, w;
|
|
324
324
|
if (a.allItemsSelected = c, c) {
|
|
325
|
-
l.value = (
|
|
326
|
-
(S) => !o(S) && ((S == null ? void 0 : S.children) === void 0 || S.children.every((
|
|
327
|
-
)) == null ? void 0 :
|
|
325
|
+
l.value = (d = (C = f.value) == null ? void 0 : C.filter(
|
|
326
|
+
(S) => !o(S) && ((S == null ? void 0 : S.children) === void 0 || S.children.every((A) => !o(A)))
|
|
327
|
+
)) == null ? void 0 : d.map((S) => e(S));
|
|
328
328
|
const v = ((w = n.value) == null ? void 0 : w.length) > 0 && n.value.every((S) => l.value.includes(e(S)));
|
|
329
329
|
a.isIndeterminate = l.value.length > 0 && !v;
|
|
330
330
|
} else
|
|
331
331
|
l.value = [], a.isIndeterminate = !1;
|
|
332
332
|
_();
|
|
333
333
|
});
|
|
334
|
-
},
|
|
334
|
+
}, u = (c, C) => {
|
|
335
335
|
ne(() => {
|
|
336
|
-
var
|
|
337
|
-
r(((
|
|
336
|
+
var d;
|
|
337
|
+
r(((d = C == null ? void 0 : C.children) == null ? void 0 : d.length) > 0 ? E(c, C) : c), _();
|
|
338
338
|
});
|
|
339
|
-
},
|
|
339
|
+
}, E = (c, C) => {
|
|
340
340
|
var v;
|
|
341
|
-
const
|
|
342
|
-
if (c.includes(
|
|
341
|
+
const d = e(C), w = (v = C.children) == null ? void 0 : v.filter((S) => !o(S)).map((S) => e(S));
|
|
342
|
+
if (c.includes(d)) {
|
|
343
343
|
const S = c;
|
|
344
|
-
return w.forEach((
|
|
345
|
-
S.includes(
|
|
344
|
+
return w.forEach((A) => {
|
|
345
|
+
S.includes(A) || S.push(A);
|
|
346
346
|
}), S;
|
|
347
347
|
}
|
|
348
348
|
return c.filter((S) => !w.includes(S));
|
|
349
|
-
},
|
|
349
|
+
}, p = (c, C, d) => {
|
|
350
350
|
ne(() => {
|
|
351
351
|
var v, S;
|
|
352
|
-
const w = e(
|
|
353
|
-
c.includes(e(
|
|
354
|
-
!c.includes(w) && ((v =
|
|
352
|
+
const w = e(C);
|
|
353
|
+
c.includes(e(d)) ? r(
|
|
354
|
+
!c.includes(w) && ((v = C == null ? void 0 : C.children) != null && v.every((A) => c.includes(e(A)))) ? [...c, w] : c
|
|
355
355
|
) : r(
|
|
356
|
-
c.includes(w) && !((S =
|
|
356
|
+
c.includes(w) && !((S = C == null ? void 0 : C.children) != null && S.every((A) => c.includes(e(A)))) ? c.filter((A) => A !== w) : c
|
|
357
357
|
), _();
|
|
358
358
|
});
|
|
359
359
|
};
|
|
360
|
-
return
|
|
360
|
+
return se(
|
|
361
361
|
() => s.value,
|
|
362
362
|
() => {
|
|
363
363
|
r(s.value ?? []);
|
|
364
364
|
},
|
|
365
365
|
{ immediate: !0 }
|
|
366
|
-
),
|
|
366
|
+
), se(
|
|
367
367
|
() => n.value,
|
|
368
368
|
() => {
|
|
369
|
-
const c = n.value.filter((
|
|
370
|
-
(
|
|
371
|
-
var
|
|
372
|
-
return ((
|
|
369
|
+
const c = n.value.filter((C) => l.value.includes(e(C))).flatMap(
|
|
370
|
+
(C) => {
|
|
371
|
+
var d;
|
|
372
|
+
return ((d = C == null ? void 0 : C.children) == null ? void 0 : d.length) > 0 ? C.children.map((w) => e(w)).filter((w) => !l.value.includes(w)) : [];
|
|
373
373
|
}
|
|
374
374
|
);
|
|
375
375
|
(c == null ? void 0 : c.length) > 0 ? (r([...l.value, ...c]), _()) : r(l.value);
|
|
376
376
|
}
|
|
377
|
-
), { onAllRowSelect:
|
|
378
|
-
},
|
|
379
|
-
var
|
|
380
|
-
return (
|
|
377
|
+
), { onAllRowSelect: R, onRowSelect: u, onNestedRowSelect: p, allItemsSelectedState: a, selectedItems: l };
|
|
378
|
+
}, vs = (s, t, n) => ({ isSorting: (a) => s.value.some((f) => f.field === a), getSortingDirection: (a) => {
|
|
379
|
+
var f;
|
|
380
|
+
return (f = s.value.find((_) => _.field === a)) == null ? void 0 : f.direction;
|
|
381
381
|
}, sortByColumnField: (a) => {
|
|
382
382
|
var r;
|
|
383
|
-
if (!t.value.some((
|
|
383
|
+
if (!t.value.some((R) => R.field === a && R.sortable))
|
|
384
384
|
return;
|
|
385
385
|
const _ = [{
|
|
386
386
|
field: a,
|
|
387
|
-
direction: ((r = s.value.find((
|
|
387
|
+
direction: ((r = s.value.find((R) => R.field === a)) == null ? void 0 : r.direction) === _e.ASCENDING ? _e.DESCENDING : _e.ASCENDING
|
|
388
388
|
}];
|
|
389
389
|
n("sort", _);
|
|
390
390
|
} });
|
|
391
|
-
var
|
|
392
|
-
const
|
|
393
|
-
const
|
|
394
|
-
return (n == null ? void 0 : n.length) > 0 ? (n[0].node.focus(), !0) : !1;
|
|
395
|
-
}, _s = (s, t, n, e, o, l) => {
|
|
396
|
-
const a = C(() => l.value || e.value ? !0 : n.value.some((v) => v.infoIconTooltip || v.sortable)), u = C(() => {
|
|
391
|
+
var ee = ((s) => (s[s.ARROW_DOWN = oe.ARROW_DOWN] = "ARROW_DOWN", s[s.ARROW_UP = oe.ARROW_UP] = "ARROW_UP", s[s.ARROW_LEFT = oe.ARROW_LEFT] = "ARROW_LEFT", s[s.ARROW_RIGHT = oe.ARROW_RIGHT] = "ARROW_RIGHT", s[s.PAGE_UP = oe.PAGE_UP] = "PAGE_UP", s[s.PAGE_DOWN = oe.PAGE_DOWN] = "PAGE_DOWN", s[s.END = oe.END] = "END", s[s.HOME = oe.HOME] = "HOME", s))(ee || {});
|
|
392
|
+
const we = "b-row-actions-column", ms = (s, t, n, e, o, l) => {
|
|
393
|
+
const a = h(() => l.value || e.value ? !0 : n.value.some((v) => v.infoIconTooltip || v.sortable)), f = h(() => {
|
|
397
394
|
let v = n.value.filter(({ visible: S }) => S !== !1);
|
|
398
395
|
return o.value && (v = [
|
|
399
396
|
...v,
|
|
400
|
-
{ field:
|
|
397
|
+
{ field: we, label: "" }
|
|
401
398
|
]), v;
|
|
402
|
-
}), _ =
|
|
399
|
+
}), _ = h(() => f.value.length), r = h(() => {
|
|
403
400
|
if (!s.value)
|
|
404
401
|
return [];
|
|
405
402
|
const v = Object.keys(s.value)[0];
|
|
@@ -407,118 +404,118 @@ const me = "b-row-actions-column", Pe = (s) => {
|
|
|
407
404
|
return [];
|
|
408
405
|
const S = [];
|
|
409
406
|
if (a.value)
|
|
410
|
-
for (const
|
|
411
|
-
const I = t.value[
|
|
407
|
+
for (const N of f.value) {
|
|
408
|
+
const I = t.value[N.field];
|
|
412
409
|
S.push(I);
|
|
413
410
|
}
|
|
414
|
-
const
|
|
415
|
-
for (let
|
|
416
|
-
for (const I of
|
|
411
|
+
const A = s.value[v].length;
|
|
412
|
+
for (let N = 0; N < A; N++)
|
|
413
|
+
for (const I of f.value) {
|
|
417
414
|
const g = s.value[I.field];
|
|
418
|
-
g != null && g[
|
|
415
|
+
g != null && g[N] && S.push(g[N]);
|
|
419
416
|
}
|
|
420
417
|
return S;
|
|
421
|
-
}),
|
|
422
|
-
const
|
|
418
|
+
}), R = (v) => Math.floor(v / _.value), u = (v, S, A) => {
|
|
419
|
+
const N = r.value.length - 1, I = _.value - 1, g = R(v), O = v - _.value * g;
|
|
423
420
|
return {
|
|
424
|
-
[
|
|
425
|
-
[
|
|
426
|
-
[
|
|
427
|
-
[
|
|
421
|
+
[ee.PAGE_UP]: O + (a.value ? _.value : 0),
|
|
422
|
+
[ee.PAGE_DOWN]: N - I + O,
|
|
423
|
+
[ee.END]: A ? N : _.value * g + I,
|
|
424
|
+
[ee.HOME]: A ? a.value ? _.value : 0 : _.value * g
|
|
428
425
|
}[S];
|
|
429
|
-
},
|
|
430
|
-
const
|
|
431
|
-
[
|
|
432
|
-
[
|
|
433
|
-
[
|
|
434
|
-
[
|
|
426
|
+
}, E = (v, S) => {
|
|
427
|
+
const A = R(v), I = {
|
|
428
|
+
[ee.ARROW_DOWN]: _.value,
|
|
429
|
+
[ee.ARROW_UP]: A === 0 && !a.value ? 0 : -_.value,
|
|
430
|
+
[ee.ARROW_LEFT]: -1,
|
|
431
|
+
[ee.ARROW_RIGHT]: 1
|
|
435
432
|
}[S], g = v + I;
|
|
436
433
|
return g < 0 || g >= r.value.length ? v : g;
|
|
437
|
-
},
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
].includes(v), c = (v, S,
|
|
443
|
-
const
|
|
444
|
-
return
|
|
445
|
-
},
|
|
434
|
+
}, p = (v) => [
|
|
435
|
+
ee.PAGE_UP,
|
|
436
|
+
ee.PAGE_DOWN,
|
|
437
|
+
ee.END,
|
|
438
|
+
ee.HOME
|
|
439
|
+
].includes(v), c = (v, S, A) => {
|
|
440
|
+
const N = r.value.indexOf(v);
|
|
441
|
+
return p(S) ? u(N, S, A) : E(N, S);
|
|
442
|
+
}, C = (v, S, A) => {
|
|
446
443
|
if (!r.value.includes(v))
|
|
447
444
|
return;
|
|
448
|
-
const
|
|
449
|
-
r.value[
|
|
450
|
-
},
|
|
445
|
+
const N = c(v, S, A);
|
|
446
|
+
r.value[N].focus();
|
|
447
|
+
}, d = (v) => v in ee;
|
|
451
448
|
return {
|
|
452
|
-
isNavigationKeyCode:
|
|
453
|
-
focusOnNextGridcell:
|
|
449
|
+
isNavigationKeyCode: d,
|
|
450
|
+
focusOnNextGridcell: C,
|
|
454
451
|
navigationInput: (v) => {
|
|
455
|
-
const { ctrlKey: S, key:
|
|
456
|
-
let g =
|
|
457
|
-
g.getAttribute("role") !== "menuitem" && (r.value.includes(g) || (g =
|
|
452
|
+
const { ctrlKey: S, key: A, target: N } = v, I = A;
|
|
453
|
+
let g = N;
|
|
454
|
+
g.getAttribute("role") !== "menuitem" && (r.value.includes(g) || (g = N.closest('[role="gridcell"], [role="columnheader"]')), r.value.includes(g) && d(I) && C(g, I, S));
|
|
458
455
|
}
|
|
459
456
|
};
|
|
460
|
-
},
|
|
461
|
-
const l =
|
|
457
|
+
}, Cs = 90, hs = (s, t, n, e, o) => {
|
|
458
|
+
const l = y(s), a = y(t), f = y(n), _ = y(e), r = h(() => l.value !== "none"), R = h(() => l.value === "automatic"), u = () => {
|
|
462
459
|
o(T.UPDATE_SHOW_MORE);
|
|
463
460
|
};
|
|
464
|
-
return
|
|
461
|
+
return se(
|
|
465
462
|
() => a.value,
|
|
466
463
|
() => {
|
|
467
|
-
|
|
464
|
+
R.value && f.value.offsetHeight / a.value * 100 > Cs && !_.value && u();
|
|
468
465
|
}
|
|
469
|
-
), { isLazyLoad: r, isInfiniteScroll:
|
|
470
|
-
},
|
|
471
|
-
const e =
|
|
466
|
+
), { isLazyLoad: r, isInfiniteScroll: R, verticalScrollPosition: a, emitLazyLoadEvent: u };
|
|
467
|
+
}, ps = (s, t, n) => {
|
|
468
|
+
const e = y(s), o = y(t), l = Fe({
|
|
472
469
|
dragging: null,
|
|
473
470
|
dragToLeft: null,
|
|
474
471
|
target: null
|
|
475
|
-
}), a = (
|
|
476
|
-
const
|
|
477
|
-
if (
|
|
472
|
+
}), a = (p, c = 0) => {
|
|
473
|
+
const C = e.value.findIndex((v) => v.field === p.field), d = C + c;
|
|
474
|
+
if (d < 0 || d > e.value.length - 1)
|
|
478
475
|
return;
|
|
479
476
|
const w = [...e.value];
|
|
480
|
-
w.splice(
|
|
481
|
-
},
|
|
482
|
-
l.dragging =
|
|
483
|
-
}, _ = (
|
|
484
|
-
l.target =
|
|
485
|
-
const
|
|
486
|
-
l.dragToLeft = w <=
|
|
487
|
-
}, r = (
|
|
488
|
-
var c,
|
|
489
|
-
if (((c = l.dragging) == null ? void 0 : c.field) !==
|
|
490
|
-
const
|
|
477
|
+
w.splice(d, 0, w.splice(C, 1)[0]), n(T.COLUMNS, w), n(T.UPDATE_COLUMNS, w);
|
|
478
|
+
}, f = (p, c) => {
|
|
479
|
+
l.dragging = p, c.dataTransfer.setData("text", ""), c.dataTransfer.dropEffect = "move";
|
|
480
|
+
}, _ = (p, c) => {
|
|
481
|
+
l.target = p;
|
|
482
|
+
const C = c.currentTarget.getBoundingClientRect(), d = C.left + C.width / 2, w = c.clientX ?? 0;
|
|
483
|
+
l.dragToLeft = w <= d;
|
|
484
|
+
}, r = (p) => {
|
|
485
|
+
var c, C;
|
|
486
|
+
if (((c = l.dragging) == null ? void 0 : c.field) !== p.field) {
|
|
487
|
+
const d = e.value.findIndex((I) => {
|
|
491
488
|
var g;
|
|
492
489
|
return I.field === ((g = l.dragging) == null ? void 0 : g.field);
|
|
493
|
-
}), w = e.value.findIndex((I) => I.field ===
|
|
494
|
-
let
|
|
495
|
-
|
|
490
|
+
}), w = e.value.findIndex((I) => I.field === p.field), v = l.dragToLeft ? w : w + 1, S = v > d ? v - 1 : v;
|
|
491
|
+
let A = [...e.value];
|
|
492
|
+
A.splice(
|
|
496
493
|
S === -1 ? 0 : S,
|
|
497
494
|
0,
|
|
498
|
-
|
|
495
|
+
A.splice(d, 1)[0]
|
|
499
496
|
);
|
|
500
|
-
const
|
|
501
|
-
((
|
|
497
|
+
const N = e.value.findIndex((I) => !(I != null && I.frozen));
|
|
498
|
+
((C = l.dragging) == null ? void 0 : C.frozen) !== p.frozen && v !== N && (A = A.map(
|
|
502
499
|
(I) => {
|
|
503
500
|
var g;
|
|
504
|
-
return ((g = l.dragging) == null ? void 0 : g.field) === I.field ? { ...I, frozen: !!(
|
|
501
|
+
return ((g = l.dragging) == null ? void 0 : g.field) === I.field ? { ...I, frozen: !!(p != null && p.frozen) } : I;
|
|
505
502
|
}
|
|
506
|
-
)), n(T.COLUMNS,
|
|
503
|
+
)), n(T.COLUMNS, A), n(T.UPDATE_COLUMNS, A);
|
|
507
504
|
}
|
|
508
505
|
l.dragging = null, l.target = null;
|
|
509
|
-
},
|
|
506
|
+
}, R = () => {
|
|
510
507
|
l.dragging = null, l.dragToLeft = null, l.target = null;
|
|
511
|
-
},
|
|
512
|
-
[
|
|
513
|
-
[
|
|
514
|
-
[
|
|
515
|
-
[
|
|
516
|
-
} : {}),
|
|
508
|
+
}, u = h(() => o.value ? {
|
|
509
|
+
[W.COLUMN_DRAG_START]: (p, c) => f(p, c),
|
|
510
|
+
[W.COLUMN_DRAG_ENTER]: (p, c) => _(p, c),
|
|
511
|
+
[W.COLUMN_DROP]: (p) => r(p),
|
|
512
|
+
[W.COLUMN_DRAG_END]: () => R()
|
|
513
|
+
} : {}), E = h(() => (p) => o.value ? {
|
|
517
514
|
dragenter: (c) => {
|
|
518
|
-
c.preventDefault(), _(
|
|
515
|
+
c.preventDefault(), _(p, c);
|
|
519
516
|
},
|
|
520
517
|
drop: () => {
|
|
521
|
-
r(
|
|
518
|
+
r(p);
|
|
522
519
|
},
|
|
523
520
|
dragover: (c) => {
|
|
524
521
|
c.preventDefault();
|
|
@@ -528,208 +525,255 @@ const me = "b-row-actions-column", Pe = (s) => {
|
|
|
528
525
|
// Values
|
|
529
526
|
draggingColumns: l,
|
|
530
527
|
// Methods
|
|
531
|
-
draggingEventsForColumns:
|
|
532
|
-
draggingEventsForRowCell:
|
|
528
|
+
draggingEventsForColumns: u,
|
|
529
|
+
draggingEventsForRowCell: E,
|
|
533
530
|
onMoveColumnByOffset: a
|
|
534
531
|
};
|
|
535
|
-
},
|
|
536
|
-
const n =
|
|
537
|
-
() => [...n.value].sort((
|
|
538
|
-
), o =
|
|
539
|
-
() => e.value.filter((
|
|
540
|
-
), l =
|
|
541
|
-
() => e.value.filter((
|
|
542
|
-
), a =
|
|
532
|
+
}, ws = (s, t) => {
|
|
533
|
+
const n = y(s), e = h(
|
|
534
|
+
() => [...n.value].sort((u, E) => u.frozen === E.frozen ? 0 : u.frozen ? -1 : 1)
|
|
535
|
+
), o = h(
|
|
536
|
+
() => e.value.filter((u) => u.frozen && u.visible !== !1)
|
|
537
|
+
), l = h(
|
|
538
|
+
() => e.value.filter((u) => !u.frozen && u.visible !== !1)
|
|
539
|
+
), a = h(
|
|
543
540
|
() => [
|
|
544
541
|
{ columnSet: o.value, id: "frozen", isFrozenColumns: !0 },
|
|
545
542
|
{ columnSet: l.value, id: "unfrozen" }
|
|
546
|
-
].filter(({ columnSet:
|
|
547
|
-
),
|
|
548
|
-
() => n.value.filter((
|
|
549
|
-
), _ = (
|
|
550
|
-
t(T.COLUMNS,
|
|
543
|
+
].filter(({ columnSet: u }) => u.length)
|
|
544
|
+
), f = h(
|
|
545
|
+
() => n.value.filter((u) => (u == null ? void 0 : u.visible) !== !1 && (u == null ? void 0 : u.field) !== te).length === 1
|
|
546
|
+
), _ = (u) => t(T.UPDATE_CONDENSED, u), r = (u) => {
|
|
547
|
+
t(T.COLUMNS, u), t(T.UPDATE_COLUMNS, u);
|
|
551
548
|
};
|
|
552
549
|
return {
|
|
553
550
|
// Values
|
|
554
551
|
columnSets: a,
|
|
555
|
-
isOnlyOneVisibleColumn:
|
|
552
|
+
isOnlyOneVisibleColumn: f,
|
|
556
553
|
sortedColumns: e,
|
|
557
554
|
// Methods
|
|
558
555
|
onConfigSettingsUpdate: _,
|
|
559
556
|
onConfigSettingsColumnsUpdate: r,
|
|
560
|
-
onConfigSettingsColumnUpdate: (
|
|
561
|
-
const
|
|
562
|
-
(
|
|
557
|
+
onConfigSettingsColumnUpdate: (u) => {
|
|
558
|
+
const E = e.value.map(
|
|
559
|
+
(p) => (p == null ? void 0 : p.field) === u.field ? u : p
|
|
563
560
|
);
|
|
564
|
-
r(
|
|
561
|
+
r(E);
|
|
565
562
|
}
|
|
566
563
|
};
|
|
567
|
-
},
|
|
568
|
-
const
|
|
569
|
-
|
|
564
|
+
}, Ss = (s, t, n, e, o, l, a) => {
|
|
565
|
+
const f = y(0), _ = y(!1), r = y(!1);
|
|
566
|
+
se([() => f.value, () => l.value], ([c]) => {
|
|
570
567
|
s.value.scrollLeft = c, t.value.scrollLeft = c, _.value = !!c, r.value = t.value.scrollWidth - t.value.offsetWidth > c;
|
|
571
|
-
}),
|
|
572
|
-
var c,
|
|
573
|
-
await ne(), ((c = t.value) == null ? void 0 : c.offsetWidth) < ((
|
|
568
|
+
}), Se(async () => {
|
|
569
|
+
var c, C;
|
|
570
|
+
await ne(), ((c = t.value) == null ? void 0 : c.offsetWidth) < ((C = t.value) == null ? void 0 : C.scrollWidth) && (r.value = !0);
|
|
574
571
|
});
|
|
575
|
-
const
|
|
576
|
-
if (
|
|
577
|
-
const
|
|
578
|
-
e.value.scrollLeft !==
|
|
572
|
+
const R = (c) => {
|
|
573
|
+
if (f.value = c.target.scrollLeft, n.value = s.value.scrollHeight - c.target.scrollTop, e != null && e.value) {
|
|
574
|
+
const C = c.target.scrollLeft;
|
|
575
|
+
e.value.scrollLeft !== C && (e.value.scrollLeft = C);
|
|
579
576
|
}
|
|
580
|
-
},
|
|
581
|
-
c.key
|
|
577
|
+
}, u = (c) => {
|
|
578
|
+
c.key === "Tab" || c.key !== "ArrowRight" && c.key !== "ArrowLeft" || (c.preventDefault(), s.value.scrollLeft = 0, s.value.style.overflowX = "hidden", setTimeout(() => {
|
|
582
579
|
s.value && (s.value.style.overflowX = "auto");
|
|
583
580
|
}));
|
|
584
|
-
},
|
|
585
|
-
const
|
|
586
|
-
s.value.scrollLeft !==
|
|
587
|
-
},
|
|
588
|
-
var c,
|
|
589
|
-
return (c = a == null ? void 0 : a.pagination) != null && c.value && ((
|
|
581
|
+
}, E = (c) => {
|
|
582
|
+
const C = c.target.scrollLeft;
|
|
583
|
+
s.value.scrollLeft !== C && (s.value.scrollLeft = C);
|
|
584
|
+
}, p = h(() => {
|
|
585
|
+
var c, C, d, w;
|
|
586
|
+
return (c = a == null ? void 0 : a.pagination) != null && c.value && ((C = a == null ? void 0 : a.stickyPagination) != null && C.value || a != null && a.isDataGridTemplate) && !((d = a == null ? void 0 : a.isLazyLoad) != null && d.value) ? { bottom: `${(((w = o.value) == null ? void 0 : w.clientHeight) ?? 0) + 1}px` } : {};
|
|
590
587
|
});
|
|
591
588
|
return {
|
|
592
589
|
// Values
|
|
593
|
-
scrollLeftPosition:
|
|
590
|
+
scrollLeftPosition: f,
|
|
594
591
|
hasLeftOverflow: _,
|
|
595
592
|
hasRightOverflow: r,
|
|
596
|
-
horizontalScrollbarConditionalStyles:
|
|
593
|
+
horizontalScrollbarConditionalStyles: p,
|
|
597
594
|
// Methods
|
|
598
|
-
updateScrollPosition:
|
|
599
|
-
updateScrollPositionOnFrozenColumnsNavigation:
|
|
600
|
-
syncVirtualScrollerWithBody:
|
|
595
|
+
updateScrollPosition: R,
|
|
596
|
+
updateScrollPositionOnFrozenColumnsNavigation: u,
|
|
597
|
+
syncVirtualScrollerWithBody: E
|
|
601
598
|
};
|
|
602
|
-
},
|
|
603
|
-
const o =
|
|
604
|
-
var
|
|
605
|
-
if (!o.value || o.value.field ===
|
|
599
|
+
}, bs = (s, t, n, e) => {
|
|
600
|
+
const o = y(null), l = h(() => {
|
|
601
|
+
var C, d, w, v;
|
|
602
|
+
if (!o.value || o.value.field === te)
|
|
606
603
|
return {
|
|
607
604
|
hoveredOverColumnField: "",
|
|
608
605
|
isSeparatorOffset: !1,
|
|
609
606
|
noBorderLeft: !1,
|
|
610
607
|
noBorderRight: !1
|
|
611
608
|
};
|
|
612
|
-
const a = (
|
|
609
|
+
const a = (d = (C = s.value.find((S) => S.isFrozenColumns)) == null ? void 0 : C.columnSet) == null ? void 0 : d.filter((S) => S.field !== te), f = 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 = f == null ? void 0 : f.columnSet) == null ? void 0 : w[0].field) === o.value.field, R = (t.value || n.value) && _, u = (t.value || n.value) && !a && r, E = a && r, p = (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 = f == null ? void 0 : f.columnSet) == null ? void 0 : v[f.columnSet.length - 1].field) === o.value.field;
|
|
613
610
|
return {
|
|
614
611
|
hoveredOverColumnField: o.value.field,
|
|
615
612
|
isSeparatorOffset: c,
|
|
616
|
-
noBorderLeft: !!
|
|
617
|
-
noBorderRight: !!
|
|
613
|
+
noBorderLeft: !!R || !!u || !!E,
|
|
614
|
+
noBorderRight: !!p || !!c
|
|
618
615
|
};
|
|
619
616
|
});
|
|
620
617
|
return {
|
|
621
618
|
hoveredOverColumn: o,
|
|
622
619
|
hoveredOverColumnState: l
|
|
623
620
|
};
|
|
621
|
+
}, ke = (s) => {
|
|
622
|
+
const n = St(s).filter((e) => e.node !== s);
|
|
623
|
+
return (n == null ? void 0 : n.length) > 0 ? (n[0].node.focus(), !0) : !1;
|
|
624
|
+
}, ge = (s) => {
|
|
625
|
+
const t = St(s), n = t == null ? void 0 : t.filter((e) => e.node !== s);
|
|
626
|
+
if ((n == null ? void 0 : n.length) > 0)
|
|
627
|
+
return n.forEach((e) => e.node.setAttribute("tabindex", "-1")), n;
|
|
628
|
+
}, Rt = (s) => {
|
|
629
|
+
(s == null ? void 0 : s.length) > 0 && s.forEach((t) => t == null ? void 0 : t.node.setAttribute("tabindex", "0"));
|
|
630
|
+
}, ys = () => {
|
|
631
|
+
const s = window.getSelection().getRangeAt(0).cloneContents(), t = s.querySelectorAll('[role="row"]');
|
|
632
|
+
let n = "<table>", e = "";
|
|
633
|
+
const o = (l) => {
|
|
634
|
+
l.forEach((a) => {
|
|
635
|
+
const f = a.closest("[role]").getAttribute("role") === "gridcell" ? "td" : "th", _ = a.textContent.trim();
|
|
636
|
+
_ && (n += `<${f}>${_}</${f}>`, e += `${_} `);
|
|
637
|
+
});
|
|
638
|
+
};
|
|
639
|
+
if (!t.length) {
|
|
640
|
+
const l = s.querySelectorAll(
|
|
641
|
+
'[role="gridcell"] > .b-typography:first-of-type, [role="columnheader"] .b-typography'
|
|
642
|
+
);
|
|
643
|
+
if (l.length)
|
|
644
|
+
n += "<tr>", o(l), n += "</tr>";
|
|
645
|
+
else {
|
|
646
|
+
navigator.clipboard.writeText(s.textContent);
|
|
647
|
+
return;
|
|
648
|
+
}
|
|
649
|
+
}
|
|
650
|
+
t.forEach((l) => {
|
|
651
|
+
const a = l.querySelectorAll(
|
|
652
|
+
'[role="gridcell"] > .b-typography:first-of-type, [role="columnheader"] .b-typography'
|
|
653
|
+
);
|
|
654
|
+
if (n += "<tr>", a.length)
|
|
655
|
+
o(a);
|
|
656
|
+
else {
|
|
657
|
+
const f = l.textContent.trim();
|
|
658
|
+
n += `<td>${f}</td>`, e += `${f} `;
|
|
659
|
+
}
|
|
660
|
+
n += "</tr>", e += `
|
|
661
|
+
`;
|
|
662
|
+
}), n += "</table>", navigator.clipboard.write([
|
|
663
|
+
new ClipboardItem({
|
|
664
|
+
"text/html": new Blob([n], { type: "text/html" }),
|
|
665
|
+
"text/plain": new Blob([e || s.textContent.trim()], { type: "text/plain" })
|
|
666
|
+
})
|
|
667
|
+
]);
|
|
624
668
|
};
|
|
625
|
-
let
|
|
626
|
-
const
|
|
669
|
+
let ot = 0;
|
|
670
|
+
const Rs = {
|
|
627
671
|
beforeCreate() {
|
|
628
|
-
this.uuid =
|
|
672
|
+
this.uuid = ot.toString(), ot += 1;
|
|
629
673
|
}
|
|
630
674
|
};
|
|
631
|
-
var
|
|
675
|
+
var Es = function() {
|
|
632
676
|
var t = this, n = t._self._c;
|
|
633
677
|
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" } })])])]);
|
|
634
|
-
},
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
678
|
+
}, Ls = [], As = /* @__PURE__ */ G(
|
|
679
|
+
Rs,
|
|
680
|
+
Es,
|
|
681
|
+
Ls,
|
|
638
682
|
!1,
|
|
639
683
|
null,
|
|
640
684
|
null
|
|
641
685
|
);
|
|
642
|
-
const
|
|
643
|
-
let
|
|
644
|
-
const
|
|
686
|
+
const Os = As.exports;
|
|
687
|
+
let lt = 0;
|
|
688
|
+
const Ts = {
|
|
645
689
|
beforeCreate() {
|
|
646
|
-
this.uuid =
|
|
690
|
+
this.uuid = lt.toString(), lt += 1;
|
|
647
691
|
}
|
|
648
692
|
};
|
|
649
|
-
var
|
|
693
|
+
var Ns = function() {
|
|
650
694
|
var t = this, n = t._self._c;
|
|
651
695
|
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" } })]);
|
|
652
|
-
},
|
|
653
|
-
|
|
654
|
-
|
|
655
|
-
|
|
696
|
+
}, Is = [], Ds = /* @__PURE__ */ G(
|
|
697
|
+
Ts,
|
|
698
|
+
Ns,
|
|
699
|
+
Is,
|
|
656
700
|
!1,
|
|
657
701
|
null,
|
|
658
702
|
null
|
|
659
703
|
);
|
|
660
|
-
const
|
|
661
|
-
let
|
|
662
|
-
const
|
|
704
|
+
const xs = Ds.exports;
|
|
705
|
+
let at = 0;
|
|
706
|
+
const Fs = {
|
|
663
707
|
beforeCreate() {
|
|
664
|
-
this.uuid =
|
|
708
|
+
this.uuid = at.toString(), at += 1;
|
|
665
709
|
}
|
|
666
710
|
};
|
|
667
|
-
var
|
|
711
|
+
var Ms = function() {
|
|
668
712
|
var t = this, n = t._self._c;
|
|
669
713
|
return n("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? n("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), n("g", { attrs: { "clip-path": "url(#uia-ui-assets/icons-16-freeze__a" + t.uuid + ")" } }, [n("path", { attrs: { fill: "#001222", d: "M7.99989 14.0605L9.49989 15.5605L10.5605 14.4999L8.75 12.6893V10.9334L10.169 10.116L11.6861 10.9939L12.3501 13.4688L13.7988 13.0801L13.2488 11.0301L15.2988 10.4801L14.9101 9.03129L12.4363 9.695L10.9199 8.81745V7.18276L12.4365 6.3051L14.9101 6.96875L15.2988 5.51999L13.2488 4.96999L13.7988 2.91999L12.3501 2.53129L11.686 5.00635L10.1693 5.88407L8.75 5.06648L8.75 3.31043L10.5605 1.49989L9.49989 0.439226L7.99989 1.93923L6.49989 0.439226L5.43923 1.49989L7.25 3.31066V5.06639L5.83078 5.88392L4.31419 5.00626L3.65018 2.53129L2.20141 2.91998L2.384 3.60052L2.38063 3.60143L2.75032 4.97028L0.701408 5.51999L1.0901 6.96875L1.7708 6.78612L1.77173 6.78955L3.56437 6.30541L5.07992 7.18246L5.07992 8.81775L3.564 9.69502L1.0901 9.03129L0.701408 10.4801L2.75141 11.0301L2.20141 13.0801L3.65018 13.4687L4.31414 10.994L5.83106 10.1161L7.25 10.9335V12.6891L5.43923 14.4999L6.49989 15.5605L7.99989 14.0605ZM9.41992 7.18345V8.81644L7.99992 9.63441L6.57992 8.81644L6.57992 7.18345L7.99992 6.36548L9.41992 7.18345Z" } })]), n("defs", [n("clipPath", { attrs: { id: "uia-ui-assets/icons-16-freeze__a" + t.uuid } }, [n("rect", { attrs: { width: "16", height: "16", fill: "#fff", transform: "matrix(1 0 0 -1 0 16)" } })])])]);
|
|
670
|
-
},
|
|
671
|
-
|
|
672
|
-
|
|
673
|
-
|
|
714
|
+
}, Bs = [], $s = /* @__PURE__ */ G(
|
|
715
|
+
Fs,
|
|
716
|
+
Ms,
|
|
717
|
+
Bs,
|
|
674
718
|
!1,
|
|
675
719
|
null,
|
|
676
720
|
null
|
|
677
721
|
);
|
|
678
|
-
const
|
|
679
|
-
let
|
|
680
|
-
const
|
|
722
|
+
const Et = $s.exports;
|
|
723
|
+
let it = 0;
|
|
724
|
+
const Ps = {
|
|
681
725
|
beforeCreate() {
|
|
682
|
-
this.uuid =
|
|
726
|
+
this.uuid = it.toString(), it += 1;
|
|
683
727
|
}
|
|
684
728
|
};
|
|
685
|
-
var
|
|
729
|
+
var Us = function() {
|
|
686
730
|
var t = this, n = t._self._c;
|
|
687
731
|
return n("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? n("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), n("g", { attrs: { fill: "#001222", "clip-path": "url(#uia-ui-assets/icons-16-sort_ascending__a" + t.uuid + ")" } }, [n("path", { attrs: { d: "M12.0001 1.93945L16.0608 6.00011L15.0001 7.06077L12.75 4.81066V12.75H11.25V4.81089L9.00011 7.06077L7.93945 6.00011L12.0001 1.93945Z" } }), n("path", { attrs: { d: "M6.75 7.25H1.25V8.75H6.75V7.25Z" } }), n("path", { attrs: { d: "M1.25 11.25H8.75V12.75H1.25V11.25Z" } }), n("path", { attrs: { d: "M6.75 3.25H1.25V4.75H6.75V3.25Z" } })]), n("defs", [n("clipPath", { attrs: { id: "uia-ui-assets/icons-16-sort_ascending__a" + t.uuid } }, [n("rect", { attrs: { width: "16", height: "16", fill: "#fff" } })])])]);
|
|
688
|
-
},
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
|
|
732
|
+
}, zs = [], ks = /* @__PURE__ */ G(
|
|
733
|
+
Ps,
|
|
734
|
+
Us,
|
|
735
|
+
zs,
|
|
692
736
|
!1,
|
|
693
737
|
null,
|
|
694
738
|
null
|
|
695
739
|
);
|
|
696
|
-
const
|
|
697
|
-
let
|
|
698
|
-
const
|
|
740
|
+
const Ws = ks.exports;
|
|
741
|
+
let rt = 0;
|
|
742
|
+
const Gs = {
|
|
699
743
|
beforeCreate() {
|
|
700
|
-
this.uuid =
|
|
744
|
+
this.uuid = rt.toString(), rt += 1;
|
|
701
745
|
}
|
|
702
746
|
};
|
|
703
|
-
var
|
|
747
|
+
var Hs = function() {
|
|
704
748
|
var t = this, n = t._self._c;
|
|
705
749
|
return n("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? n("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), n("g", { attrs: { fill: "#001222", "clip-path": "url(#uia-ui-assets/icons-16-sort_descending__a" + t.uuid + ")" } }, [n("path", { attrs: { d: "M12.75 3.25V11.1896L15.0001 8.93945L16.0608 10.0001L12.0001 14.0608L7.93945 10.0001L9.00011 8.93945L11.25 11.1893V3.25H12.75Z" } }), n("path", { attrs: { d: "M6.75 7.25H1.25V8.75H6.75V7.25Z" } }), n("path", { attrs: { d: "M1.25 3.25H9.09V4.75H1.25V3.25Z" } }), n("path", { attrs: { d: "M6.75 11.25H1.25V12.75H6.75V11.25Z" } })]), n("defs", [n("clipPath", { attrs: { id: "uia-ui-assets/icons-16-sort_descending__a" + t.uuid } }, [n("rect", { attrs: { width: "16", height: "16", fill: "#fff" } })])])]);
|
|
706
|
-
},
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
750
|
+
}, Vs = [], Zs = /* @__PURE__ */ G(
|
|
751
|
+
Gs,
|
|
752
|
+
Hs,
|
|
753
|
+
Vs,
|
|
710
754
|
!1,
|
|
711
755
|
null,
|
|
712
756
|
null
|
|
713
757
|
);
|
|
714
|
-
const
|
|
715
|
-
let
|
|
716
|
-
const
|
|
758
|
+
const js = Zs.exports;
|
|
759
|
+
let dt = 0;
|
|
760
|
+
const qs = {
|
|
717
761
|
beforeCreate() {
|
|
718
|
-
this.uuid =
|
|
762
|
+
this.uuid = dt.toString(), dt += 1;
|
|
719
763
|
}
|
|
720
764
|
};
|
|
721
|
-
var
|
|
765
|
+
var Ys = function() {
|
|
722
766
|
var t = this, n = t._self._c;
|
|
723
767
|
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: "M8 11.25L12.5 5.25H3.5L8 11.25Z" } })]);
|
|
724
|
-
},
|
|
725
|
-
|
|
726
|
-
|
|
727
|
-
|
|
768
|
+
}, Ks = [], Xs = /* @__PURE__ */ G(
|
|
769
|
+
qs,
|
|
770
|
+
Ys,
|
|
771
|
+
Ks,
|
|
728
772
|
!1,
|
|
729
773
|
null,
|
|
730
774
|
null
|
|
731
775
|
);
|
|
732
|
-
const
|
|
776
|
+
const Js = Xs.exports, Qs = {
|
|
733
777
|
"en-US": {
|
|
734
778
|
columnActions: "{name} column actions",
|
|
735
779
|
freezeColumn: "Freeze column",
|
|
@@ -762,11 +806,11 @@ const Ys = qs.exports, Xs = {
|
|
|
762
806
|
selectAll: "Selecionar tudo",
|
|
763
807
|
unfreezeColumn: "Descongelar coluna"
|
|
764
808
|
}
|
|
765
|
-
},
|
|
766
|
-
i18n: { messages:
|
|
809
|
+
}, eo = {
|
|
810
|
+
i18n: { messages: Qs },
|
|
767
811
|
name: "data-grid-columns"
|
|
768
|
-
},
|
|
769
|
-
...
|
|
812
|
+
}, to = /* @__PURE__ */ ae({
|
|
813
|
+
...eo,
|
|
770
814
|
props: {
|
|
771
815
|
/**
|
|
772
816
|
* Column definitions using 'key' to relate to data object.
|
|
@@ -899,142 +943,146 @@ const Ys = qs.exports, Xs = {
|
|
|
899
943
|
},
|
|
900
944
|
emits: ["sort", "column-hover"],
|
|
901
945
|
setup(s, { expose: t, emit: n }) {
|
|
902
|
-
const e = s, o = 100, { t: l } =
|
|
946
|
+
const e = s, o = 100, { t: l } = ce(), { columns: a, sortBy: f } = Me(e), _ = y({}), r = y({}), R = y(), u = y(), E = (i) => n(W.SELECT_ALL_ROWS, i), p = (i) => i.field === te, c = h(() => [
|
|
903
947
|
{
|
|
904
948
|
text: l("selectPage"),
|
|
905
|
-
handler: () =>
|
|
949
|
+
handler: () => E(!0)
|
|
906
950
|
},
|
|
907
951
|
{
|
|
908
952
|
text: l("selectAll"),
|
|
909
|
-
handler: () => n(
|
|
953
|
+
handler: () => n(W.SELECT_ALL_ACROSS_PAGES)
|
|
910
954
|
}
|
|
911
|
-
]), { startResize:
|
|
912
|
-
var
|
|
913
|
-
if (!
|
|
955
|
+
]), { startResize: C, isResizing: d, columnHoverEventToEmitAfterResizing: w } = ns(a, n), { isSorting: v, getSortingDirection: S, sortByColumnField: A } = vs(f, a, n), N = (i) => {
|
|
956
|
+
var K;
|
|
957
|
+
if (!i.sortable)
|
|
914
958
|
return null;
|
|
915
|
-
const
|
|
916
|
-
return
|
|
917
|
-
[
|
|
918
|
-
[
|
|
919
|
-
}[
|
|
920
|
-
}, I =
|
|
921
|
-
dragstart: (
|
|
922
|
-
n(
|
|
959
|
+
const B = (K = e.sortBy.find(({ field: Q }) => Q === i.field)) == null ? void 0 : K.direction;
|
|
960
|
+
return B ? {
|
|
961
|
+
[_e.ASCENDING]: ye.ASCENDING,
|
|
962
|
+
[_e.DESCENDING]: ye.DESCENDING
|
|
963
|
+
}[B] : ye.NONE;
|
|
964
|
+
}, I = h(() => (i) => e.hasDraggableColumns ? {
|
|
965
|
+
dragstart: (B) => {
|
|
966
|
+
n(W.COLUMN_DRAG_START, i, B);
|
|
923
967
|
},
|
|
924
|
-
dragover: (
|
|
925
|
-
|
|
968
|
+
dragover: (B) => {
|
|
969
|
+
B.preventDefault();
|
|
926
970
|
},
|
|
927
|
-
dragenter: (
|
|
928
|
-
|
|
971
|
+
dragenter: (B) => {
|
|
972
|
+
B.preventDefault(), n(W.COLUMN_DRAG_ENTER, i, B);
|
|
929
973
|
},
|
|
930
974
|
drop: () => {
|
|
931
|
-
n(
|
|
975
|
+
n(W.COLUMN_DROP, i);
|
|
932
976
|
},
|
|
933
977
|
dragend: () => {
|
|
934
|
-
n(
|
|
978
|
+
n(W.COLUMN_DRAG_END);
|
|
935
979
|
}
|
|
936
|
-
} : {}), g =
|
|
980
|
+
} : {}), g = h(() => (i) => [
|
|
937
981
|
{
|
|
938
982
|
text: l("moveColumnLeft"),
|
|
939
|
-
handler: () => n(
|
|
940
|
-
icon:
|
|
941
|
-
disabled: e.columns[0].field ===
|
|
983
|
+
handler: () => n(W.COLUMN_MOVE, i, -1),
|
|
984
|
+
icon: Yn,
|
|
985
|
+
disabled: e.columns[0].field === i.field
|
|
942
986
|
},
|
|
943
987
|
{
|
|
944
988
|
text: l("moveColumnRight"),
|
|
945
|
-
handler: () => n(
|
|
946
|
-
icon:
|
|
947
|
-
disabled: e.columns[e.columns.length - 1].field ===
|
|
989
|
+
handler: () => n(W.COLUMN_MOVE, i, 1),
|
|
990
|
+
icon: xs,
|
|
991
|
+
disabled: e.columns[e.columns.length - 1].field === i.field
|
|
948
992
|
},
|
|
949
993
|
{
|
|
950
|
-
text:
|
|
951
|
-
handler: () => n(
|
|
952
|
-
icon:
|
|
994
|
+
text: i != null && i.frozen ? l("unfreezeColumn") : l("freezeColumn"),
|
|
995
|
+
handler: () => n(W.COLUMN_UPDATE, { ...i, frozen: !(i != null && i.frozen) }),
|
|
996
|
+
icon: Et
|
|
953
997
|
},
|
|
954
998
|
{
|
|
955
|
-
text: (
|
|
999
|
+
text: (i == null ? void 0 : i.visible) !== !1 ? l("hideColumn") : l("showColumn"),
|
|
956
1000
|
handler: () => {
|
|
957
|
-
n(
|
|
958
|
-
...
|
|
959
|
-
visible: (
|
|
1001
|
+
n(W.COLUMN_UPDATE, {
|
|
1002
|
+
...i,
|
|
1003
|
+
visible: (i == null ? void 0 : i.visible) === !1
|
|
960
1004
|
});
|
|
961
1005
|
},
|
|
962
|
-
icon: (
|
|
963
|
-
disabled: (
|
|
1006
|
+
icon: (i == null ? void 0 : i.visible) !== !1 ? Kn : Xn,
|
|
1007
|
+
disabled: (i == null ? void 0 : i.mandatory) || (i == null ? void 0 : i.visible) !== !1 && e.isOnlyOneVisibleColumn
|
|
964
1008
|
}
|
|
965
|
-
]),
|
|
966
|
-
|
|
967
|
-
},
|
|
968
|
-
const
|
|
969
|
-
|
|
1009
|
+
]), O = (i) => {
|
|
1010
|
+
R.value = i.field, u.value && clearTimeout(u.value);
|
|
1011
|
+
}, D = () => {
|
|
1012
|
+
const i = setTimeout(() => {
|
|
1013
|
+
R.value = "";
|
|
970
1014
|
}, o);
|
|
971
|
-
|
|
972
|
-
},
|
|
973
|
-
let
|
|
1015
|
+
u.value = i;
|
|
1016
|
+
}, z = (i) => {
|
|
1017
|
+
let B = {
|
|
974
1018
|
mouseenter: () => {
|
|
975
|
-
|
|
1019
|
+
O(i), d.value ? w.value = i : n("column-hover", i);
|
|
976
1020
|
},
|
|
977
1021
|
mouseleave: () => {
|
|
978
|
-
|
|
1022
|
+
D(), d.value ? w.value = null : n("column-hover", null);
|
|
979
1023
|
},
|
|
980
1024
|
focus: () => {
|
|
981
|
-
|
|
1025
|
+
O(i), p(i) && ke(_.value[i.field]);
|
|
1026
|
+
},
|
|
1027
|
+
focusout: (Y) => {
|
|
1028
|
+
var K, Q;
|
|
1029
|
+
(Q = (K = _.value) == null ? void 0 : K[i.field]) != null && Q.contains(Y == null ? void 0 : Y.relatedTarget) || D();
|
|
982
1030
|
}
|
|
983
1031
|
};
|
|
984
|
-
return
|
|
985
|
-
...
|
|
986
|
-
...I.value(
|
|
987
|
-
}),
|
|
988
|
-
},
|
|
989
|
-
var
|
|
990
|
-
((
|
|
991
|
-
},
|
|
992
|
-
var
|
|
993
|
-
const
|
|
1032
|
+
return p(i) || (B = {
|
|
1033
|
+
...B,
|
|
1034
|
+
...I.value(i)
|
|
1035
|
+
}), B;
|
|
1036
|
+
}, H = (i) => i.infoIconTooltip || i.sortable || e.hasColumnPanel, k = (i, B) => {
|
|
1037
|
+
var Y;
|
|
1038
|
+
((Y = _.value) == null ? void 0 : Y[B]) === void 0 && (_.value = { ..._.value, [B]: null }), i !== null && (_.value[B] = i);
|
|
1039
|
+
}, X = h(() => {
|
|
1040
|
+
var B;
|
|
1041
|
+
const i = {
|
|
994
1042
|
"b-data-grid-columns--is-measuring": e.isMeasuringColumnWidths
|
|
995
1043
|
};
|
|
996
|
-
return (
|
|
997
|
-
...
|
|
1044
|
+
return (B = a.value[0]) != null && B.frozen ? {
|
|
1045
|
+
...i,
|
|
998
1046
|
"b-data-grid-columns--frozen": !0,
|
|
999
1047
|
"b-data-grid-columns--frozen-separator": e.showFrozenColumnsSeparator,
|
|
1000
1048
|
"b-data-grid-columns--overflow-shadow-left": e.hasLeftOverflow
|
|
1001
1049
|
} : {
|
|
1002
|
-
...
|
|
1050
|
+
...i,
|
|
1003
1051
|
"b-data-grid-columns--unfrozen": !0
|
|
1004
1052
|
};
|
|
1005
|
-
}),
|
|
1006
|
-
var
|
|
1053
|
+
}), j = (i, B) => i && B === 0 ? Je.BOTTOM_START : Je.BOTTOM_END, V = (i, B) => {
|
|
1054
|
+
var Y, K, Q, ve, me, ue, b, F, P, $;
|
|
1007
1055
|
return {
|
|
1008
|
-
"b-data-grid-columns__column--column-hovered":
|
|
1009
|
-
"b-data-grid-columns__column--column-hovered-no-border-left":
|
|
1010
|
-
"b-data-grid-columns__column--column-hovered-no-border-right":
|
|
1011
|
-
"b-data-grid-columns__column--last-frozen-frozen-column": e.isFrozenColumns &&
|
|
1012
|
-
"b-data-grid-columns__column--sortable":
|
|
1013
|
-
"b-data-grid-columns__column--padding-left-unset": ((
|
|
1014
|
-
"b-data-grid-columns__column--padding-right-unset": ((
|
|
1015
|
-
"b-data-grid-columns__column--numeric":
|
|
1016
|
-
"b-data-grid-columns__column--frozen":
|
|
1017
|
-
"b-data-grid-columns__column--is-re-ordering": (
|
|
1018
|
-
"b-data-grid-columns__column--is-re-ordering-target-left": (
|
|
1019
|
-
"b-data-grid-columns__column--is-re-ordering-target-right": (
|
|
1020
|
-
"b-data-grid-columns__column--with-sorting-or-column-panel":
|
|
1056
|
+
"b-data-grid-columns__column--column-hovered": i.field === e.hoveredOverColumnState.hoveredOverColumnField,
|
|
1057
|
+
"b-data-grid-columns__column--column-hovered-no-border-left": i.field === e.hoveredOverColumnState.hoveredOverColumnField && e.hoveredOverColumnState.noBorderLeft,
|
|
1058
|
+
"b-data-grid-columns__column--column-hovered-no-border-right": i.field === e.hoveredOverColumnState.hoveredOverColumnField && e.hoveredOverColumnState.noBorderRight,
|
|
1059
|
+
"b-data-grid-columns__column--last-frozen-frozen-column": e.isFrozenColumns && B === a.value.length - 1,
|
|
1060
|
+
"b-data-grid-columns__column--sortable": i.sortable,
|
|
1061
|
+
"b-data-grid-columns__column--padding-left-unset": ((Y = i == null ? void 0 : i.padding) == null ? void 0 : Y.left) === !1,
|
|
1062
|
+
"b-data-grid-columns__column--padding-right-unset": ((K = i == null ? void 0 : i.padding) == null ? void 0 : K.right) === !1,
|
|
1063
|
+
"b-data-grid-columns__column--numeric": i == null ? void 0 : i.numeric,
|
|
1064
|
+
"b-data-grid-columns__column--frozen": i == null ? void 0 : i.frozen,
|
|
1065
|
+
"b-data-grid-columns__column--is-re-ordering": (i == null ? void 0 : i.field) === ((ve = (Q = e.draggingColumns) == null ? void 0 : Q.dragging) == null ? void 0 : ve.field),
|
|
1066
|
+
"b-data-grid-columns__column--is-re-ordering-target-left": (i == null ? void 0 : i.field) === ((ue = (me = e.draggingColumns) == null ? void 0 : me.target) == null ? void 0 : ue.field) && ((b = e.draggingColumns) == null ? void 0 : b.dragToLeft),
|
|
1067
|
+
"b-data-grid-columns__column--is-re-ordering-target-right": (i == null ? void 0 : i.field) === ((P = (F = e.draggingColumns) == null ? void 0 : F.target) == null ? void 0 : P.field) && !(($ = e.draggingColumns) != null && $.dragToLeft),
|
|
1068
|
+
"b-data-grid-columns__column--with-sorting-or-column-panel": i.sortable || i.infoIconTooltip || e.hasColumnPanel && R.value === i.field || e.selectableAcrossPages
|
|
1021
1069
|
};
|
|
1022
|
-
},
|
|
1023
|
-
"b-data-grid-columns__column-header-and-actions--numeric":
|
|
1024
|
-
}),
|
|
1025
|
-
"b-data-grid-columns__column-actions--numeric":
|
|
1026
|
-
}),
|
|
1070
|
+
}, q = (i) => ({
|
|
1071
|
+
"b-data-grid-columns__column-header-and-actions--numeric": i == null ? void 0 : i.numeric
|
|
1072
|
+
}), m = (i) => ({
|
|
1073
|
+
"b-data-grid-columns__column-actions--numeric": i == null ? void 0 : i.numeric
|
|
1074
|
+
}), L = (i) => ({
|
|
1027
1075
|
"b-data-grid-columns__column-separator-container--is-resizeable": e.hasResizableColumns,
|
|
1028
|
-
"b-data-grid-columns__column-separator-container--is-offset": e.hoveredOverColumnState.hoveredOverColumnField ===
|
|
1029
|
-
}),
|
|
1076
|
+
"b-data-grid-columns__column-separator-container--is-offset": e.hoveredOverColumnState.hoveredOverColumnField === i.field && e.hoveredOverColumnState.isSeparatorOffset
|
|
1077
|
+
}), M = h(() => ({
|
|
1030
1078
|
"b-data-grid-columns__column-header--truncated": e.truncateColumnHeaders
|
|
1031
1079
|
}));
|
|
1032
1080
|
return t({
|
|
1033
1081
|
columnHeaderRefs: _
|
|
1034
|
-
}), { __sfc: !0, props: e, emit: n, CLOSING_CONTEXTUAL_MENU_DELAY_MS: o, t: l, columns: a, sortBy:
|
|
1082
|
+
}), { __sfc: !0, props: e, emit: n, CLOSING_CONTEXTUAL_MENU_DELAY_MS: o, t: l, columns: a, sortBy: f, columnHeaderRefs: _, contextMenuRef: r, hoveredColumnField: R, closingTimeOutId: u, onAllRowSelect: E, isActionsColumn: p, selectAllMenu: c, startResize: C, isResizing: d, columnHoverEventToEmitAfterResizing: w, isSorting: v, getSortingDirection: S, sortByColumnField: A, getSortingColumnDirection: N, draggingEventsForColumn: I, contextualMenuData: g, showContextualMenu: O, hideContextualMenu: D, dataGridColumnEvents: z, hasColumnActions: H, registerColumnsRefs: k, conditionalColumnsClasses: X, computeMenuPosition: j, conditionalColumnClasses: V, conditionalColumnHeaderAndActionsClasses: q, conditionalColumnActionsClasses: m, conditionalColumnSeparatorClasses: L, conditionalColumnHeaderClasses: M, BentoCheckbox: wt, BentoDatagridSortDirection: _e, BentoTypography: be, DATAGRID_ROW_ACTIONS_COLUMN_FIELD_NAME: we, BentoInfoIcon: jn, DatagridColumnsEvent: W, BentoMenu: pt, BentoToggleButton: ze, ArrowUpAndDownSortIcon: Os, SortAscendingIcon: Ws, SortDescendingIcon: js, TriangleDown: Js };
|
|
1035
1083
|
}
|
|
1036
1084
|
});
|
|
1037
|
-
var
|
|
1085
|
+
var no = function() {
|
|
1038
1086
|
var t = this, n = t._self._c, e = t._self._setupProxy;
|
|
1039
1087
|
return n("div", { staticClass: "b-data-grid-columns", class: e.conditionalColumnsClasses, attrs: { "data-testid": "data-grid-columns" } }, [t._l(e.columns, function(o, l) {
|
|
1040
1088
|
return n("div", t._g({ key: o.field, ref: (a) => e.registerColumnsRefs(a, o.field), refInFor: !0, staticClass: "b-data-grid-columns__column", class: e.conditionalColumnClasses(o, l), style: { width: o.autoWidth && t.isMeasuringColumnWidths ? "auto" : `${o.width}px` }, attrs: { "aria-colindex": l + 1, "aria-label": o.label, "aria-sort": e.getSortingColumnDirection(o), "data-testid": `${o.field}-column-header`, draggable: t.hasDraggableColumns && !e.isResizing && !e.isActionsColumn(o), role: "columnheader", tabindex: o.sortable || t.hasColumnPanel || o.infoIconTooltip ? "0" : "-1" } }, e.dataGridColumnEvents(o)), [e.isActionsColumn(o) && t.selectable ? n("div", { staticClass: "b-data-grid-columns__select-column" }, [n(e.BentoCheckbox, { attrs: { "aria-label": e.t("selectAll"), "model-value": t.allItemsSelectedState.allItemsSelected, "data-testid": "checkbox-select-all", indeterminate: t.allItemsSelectedState.isIndeterminate, value: "data-grid-select-all" }, on: { "update:model-value": e.onAllRowSelect } }), t.selectableAcrossPages ? [n(e.BentoMenu, { staticClass: "b-data-grid-columns__select-column-menu", attrs: { data: e.selectAllMenu, "disable-arrow-down-opening-menu": "", "menu-position": "bottom-start", "menu-fixed-positioning": "", button: { variant: "tertiary", condensed: !0 } }, scopedSlots: t._u([{ key: "iconLeft", fn: function() {
|
|
@@ -1055,44 +1103,44 @@ var Qs = function() {
|
|
|
1055
1103
|
a.stopPropagation();
|
|
1056
1104
|
} } }, [!t.isFrozenColumns || t.isFrozenColumns && l !== e.columns.length - 1 ? n("div", { staticClass: "b-data-grid-columns__column-separator" }) : t._e()])]], 2);
|
|
1057
1105
|
}), t.rowActionsMaximumWidth && !t.isFrozenColumns ? [n("div", { staticClass: "b-data-grid-columns__row-actions-filler", attrs: { role: "presentation" } }), n("div", { ref: (o) => e.registerColumnsRefs(o, e.DATAGRID_ROW_ACTIONS_COLUMN_FIELD_NAME), staticClass: "b-data-grid-columns__column", style: { minWidth: `${t.rowActionsMaximumWidth}px` }, attrs: { "aria-label": e.t("rowActionsColumn"), "aria-colindex": e.columns.length + 1, role: "columnheader", tabindex: "0" } })] : t._e()], 2);
|
|
1058
|
-
},
|
|
1059
|
-
|
|
1060
|
-
|
|
1061
|
-
|
|
1106
|
+
}, so = [], oo = /* @__PURE__ */ G(
|
|
1107
|
+
to,
|
|
1108
|
+
no,
|
|
1109
|
+
so,
|
|
1062
1110
|
!1,
|
|
1063
1111
|
null,
|
|
1064
|
-
"
|
|
1112
|
+
"0ff98456"
|
|
1065
1113
|
);
|
|
1066
|
-
const
|
|
1067
|
-
var
|
|
1068
|
-
let
|
|
1069
|
-
const
|
|
1114
|
+
const lo = oo.exports;
|
|
1115
|
+
var re = /* @__PURE__ */ ((s) => (s.CONFIG_SETTINGS = "config-settings", s.UPDATE_COLUMNS = "update:columns", s))(re || {});
|
|
1116
|
+
let ct = 0;
|
|
1117
|
+
const ao = {
|
|
1070
1118
|
beforeCreate() {
|
|
1071
|
-
this.uuid =
|
|
1119
|
+
this.uuid = ct.toString(), ct += 1;
|
|
1072
1120
|
}
|
|
1073
1121
|
};
|
|
1074
|
-
var
|
|
1122
|
+
var io = function() {
|
|
1075
1123
|
var t = this, n = t._self._c;
|
|
1076
1124
|
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-settings__a" + t.uuid + ")" } }, [n("path", { attrs: { d: "M8 5.25C6.48122 5.25 5.25 6.48122 5.25 8C5.25 9.51878 6.48122 10.75 8 10.75C9.51878 10.75 10.75 9.51878 10.75 8C10.75 6.48122 9.51878 5.25 8 5.25ZM6.75 8C6.75 7.30964 7.30964 6.75 8 6.75C8.69036 6.75 9.25 7.30964 9.25 8C9.25 8.69036 8.69036 9.25 8 9.25C7.30964 9.25 6.75 8.69036 6.75 8Z" } }), n("path", { attrs: { d: "M6.84701 0.973015L6.59985 0.35083L5.9537 0.526056C4.64534 0.880867 3.48225 1.56808 2.55285 2.48641L2.07533 2.95826L2.49158 3.48495C2.79648 3.87074 2.85279 4.419 2.58992 4.87589C2.32905 5.32931 1.82436 5.55631 1.33473 5.48726L0.677319 5.39455L0.505539 6.03586C0.33838 6.65992 0.25 7.32519 0.25 7.99991C0.25 8.67463 0.33838 9.3399 0.505539 9.96396L0.677319 10.6053L1.33473 10.5126C1.82436 10.4435 2.32905 10.6705 2.58992 11.1239C2.85279 11.5808 2.79648 12.1291 2.49158 12.5149L2.07533 13.0416L2.55285 13.5134C3.48225 14.4317 4.64534 15.119 5.9537 15.4738L6.59985 15.649L6.84701 15.0268C7.02659 14.5748 7.47549 14.2499 8 14.2499C8.52452 14.2499 8.97341 14.5748 9.15299 15.0268L9.40016 15.649L10.0463 15.4738C11.3547 15.119 12.5177 14.4317 13.4471 13.5134L13.9247 13.0416L13.5084 12.5149C13.2035 12.1291 13.1472 11.5808 13.4101 11.1239C13.671 10.6705 14.1756 10.4435 14.6653 10.5126L15.3227 10.6053L15.4945 9.96396C15.6616 9.3399 15.75 8.67463 15.75 7.99991C15.75 7.32519 15.6616 6.65992 15.4945 6.03586L15.3227 5.39455L14.6653 5.48726C14.1756 5.55631 13.671 5.32931 13.4101 4.87589C13.1472 4.419 13.2035 3.87074 13.5084 3.48495L13.9247 2.95826L13.4471 2.48641C12.5177 1.56808 11.3547 0.880867 10.0463 0.526056L9.40016 0.35083L9.15299 0.973015C8.97341 1.42506 8.52452 1.74991 8 1.74991C7.47549 1.74991 7.02659 1.42506 6.84701 0.973015ZM3.89008 5.62393C4.33946 4.84286 4.36394 3.9353 4.03405 3.16853C4.55803 2.73795 5.15349 2.39116 5.80146 2.14902C6.30062 2.81653 7.10051 3.24991 8 3.24991C8.89949 3.24991 9.69938 2.81653 10.1985 2.14902C10.8465 2.39116 11.442 2.73795 11.966 3.16853C11.6361 3.9353 11.6605 4.84287 12.1099 5.62393C12.5612 6.40839 13.3382 6.88092 14.1658 6.97982C14.221 7.31075 14.25 7.65319 14.25 7.99991C14.25 8.34663 14.221 8.68908 14.1658 9.02001C13.3382 9.11891 12.5612 9.59143 12.1099 10.3759C11.6605 11.157 11.6361 12.0645 11.9659 12.8313C11.442 13.2619 10.8465 13.6087 10.1985 13.8508C9.69938 13.1833 8.89949 12.7499 8 12.7499C7.10051 12.7499 6.30062 13.1833 5.80146 13.8508C5.15349 13.6087 4.55803 13.2619 4.03405 12.8313C4.36394 12.0645 4.33946 11.157 3.89008 10.3759C3.43875 9.59143 2.66177 9.1189 1.8342 9.02C1.77896 8.68908 1.75 8.34663 1.75 7.99991C1.75 7.65319 1.77896 7.31074 1.8342 6.97982C2.66177 6.88092 3.43875 6.40839 3.89008 5.62393Z" } })]), n("defs", [n("clipPath", { attrs: { id: "uia-ui-assets/icons-16-settings__a" + t.uuid } }, [n("rect", { attrs: { width: "16", height: "16", fill: "#fff" } })])])]);
|
|
1077
|
-
},
|
|
1078
|
-
|
|
1079
|
-
|
|
1080
|
-
|
|
1125
|
+
}, ro = [], co = /* @__PURE__ */ G(
|
|
1126
|
+
ao,
|
|
1127
|
+
io,
|
|
1128
|
+
ro,
|
|
1081
1129
|
!1,
|
|
1082
1130
|
null,
|
|
1083
1131
|
null
|
|
1084
1132
|
);
|
|
1085
|
-
const
|
|
1133
|
+
const uo = co.exports, fo = {
|
|
1086
1134
|
"en-US": {
|
|
1087
1135
|
toggleColumnFreeze: "Toggle {label} column freeze",
|
|
1088
1136
|
toggleColumnVisibility: "Toggle {label} column visibility"
|
|
1089
1137
|
}
|
|
1090
|
-
},
|
|
1091
|
-
i18n: { messages:
|
|
1138
|
+
}, go = ae({
|
|
1139
|
+
i18n: { messages: fo },
|
|
1092
1140
|
name: "bento-data-grid",
|
|
1093
1141
|
components: {
|
|
1094
|
-
BentoFreezeIcon:
|
|
1095
|
-
BentoToggle:
|
|
1142
|
+
BentoFreezeIcon: Et,
|
|
1143
|
+
BentoToggle: bt
|
|
1096
1144
|
},
|
|
1097
1145
|
props: {
|
|
1098
1146
|
/**
|
|
@@ -1112,53 +1160,53 @@ const io = ao.exports, ro = {
|
|
|
1112
1160
|
},
|
|
1113
1161
|
emits: ["visible-column", "updated-column"],
|
|
1114
1162
|
setup(s, { emit: t }) {
|
|
1115
|
-
const { t: n } =
|
|
1116
|
-
var
|
|
1117
|
-
return (
|
|
1118
|
-
}), l =
|
|
1119
|
-
var
|
|
1120
|
-
return ((
|
|
1163
|
+
const { t: n } = ce(), e = y(!1), o = h(() => {
|
|
1164
|
+
var u;
|
|
1165
|
+
return (u = s.column) == null ? void 0 : u.frozen;
|
|
1166
|
+
}), l = h(() => {
|
|
1167
|
+
var u;
|
|
1168
|
+
return ((u = s.column) == null ? void 0 : u.visible) !== !1;
|
|
1121
1169
|
}), a = () => {
|
|
1122
1170
|
t("visible-column", { ...s.column, visible: !l.value });
|
|
1123
|
-
},
|
|
1171
|
+
}, f = () => {
|
|
1124
1172
|
t("updated-column", { ...s.column, frozen: !o.value });
|
|
1125
1173
|
}, _ = () => {
|
|
1126
1174
|
o.value || (e.value = !0);
|
|
1127
1175
|
}, r = () => {
|
|
1128
1176
|
o.value || (e.value = !1);
|
|
1129
|
-
},
|
|
1177
|
+
}, R = h(() => ({
|
|
1130
1178
|
"b-data-grid-config-settings-column-row__freeze-icon--frozen": o.value
|
|
1131
1179
|
}));
|
|
1132
1180
|
return {
|
|
1133
1181
|
// Values
|
|
1134
1182
|
isFreezeIconOptionShown: e,
|
|
1135
1183
|
isColumnFrozen: o,
|
|
1136
|
-
freezeIconConditionalClasses:
|
|
1184
|
+
freezeIconConditionalClasses: R,
|
|
1137
1185
|
isColumnVisible: l,
|
|
1138
1186
|
// Methods
|
|
1139
1187
|
toggleColumnVisibility: a,
|
|
1140
1188
|
showFreezeIcon: _,
|
|
1141
1189
|
hideFreezeIcon: r,
|
|
1142
|
-
toggleColumnFreeze:
|
|
1190
|
+
toggleColumnFreeze: f,
|
|
1143
1191
|
// Translations
|
|
1144
1192
|
t: n
|
|
1145
1193
|
};
|
|
1146
1194
|
}
|
|
1147
1195
|
});
|
|
1148
|
-
var
|
|
1196
|
+
var _o = function() {
|
|
1149
1197
|
var t = this, n = t._self._c;
|
|
1150
1198
|
return t._self._setupProxy, n("div", { staticClass: "b-data-grid-config-settings-column-row", on: { mouseover: t.showFreezeIcon, mouseleave: t.hideFreezeIcon } }, [n("bento-toggle", { attrs: { "aria-label": t.t("toggleColumnVisibility", { label: t.column.label }), disabled: t.isColumnVisibilityToggleDisabled, "label-position": "after", value: t.isColumnVisible }, on: { input: t.toggleColumnVisibility } }, [t._v(" " + t._s(t.column.label) + " ")]), n("bento-freeze-icon", { directives: [{ name: "show", rawName: "v-show", value: t.isColumnFrozen || t.isFreezeIconOptionShown, expression: "isColumnFrozen || isFreezeIconOptionShown" }], staticClass: "b-data-grid-config-settings-column-row__freeze-icon", class: t.freezeIconConditionalClasses, attrs: { "aria-label": t.t("toggleColumnFreeze", { label: t.column.label }) }, nativeOn: { click: function(e) {
|
|
1151
1199
|
return t.toggleColumnFreeze.apply(null, arguments);
|
|
1152
1200
|
} } })], 1);
|
|
1153
|
-
},
|
|
1154
|
-
|
|
1155
|
-
|
|
1156
|
-
|
|
1201
|
+
}, vo = [], mo = /* @__PURE__ */ G(
|
|
1202
|
+
go,
|
|
1203
|
+
_o,
|
|
1204
|
+
vo,
|
|
1157
1205
|
!1,
|
|
1158
1206
|
null,
|
|
1159
1207
|
"eae7733f"
|
|
1160
1208
|
);
|
|
1161
|
-
const
|
|
1209
|
+
const Co = mo.exports, ho = {
|
|
1162
1210
|
"en-US": {
|
|
1163
1211
|
closeConfigSettingsPanel: "Close configuration settings panel",
|
|
1164
1212
|
closeSearch: "Close search",
|
|
@@ -1184,22 +1232,22 @@ const _o = go.exports, vo = {
|
|
|
1184
1232
|
search: "Buscar",
|
|
1185
1233
|
size: "Tamanho"
|
|
1186
1234
|
}
|
|
1187
|
-
},
|
|
1188
|
-
i18n: { messages:
|
|
1235
|
+
}, po = ae({
|
|
1236
|
+
i18n: { messages: ho },
|
|
1189
1237
|
name: "bento-data-grid",
|
|
1190
1238
|
components: {
|
|
1191
|
-
BentoButton:
|
|
1192
|
-
BentoCrossIcon:
|
|
1193
|
-
BentoPopover:
|
|
1194
|
-
BentoSettingsIcon:
|
|
1195
|
-
BentoToggleButton:
|
|
1196
|
-
BentoDataGridConfigSettingsConfigRow:
|
|
1197
|
-
BentoSearchBar:
|
|
1198
|
-
BentoSearchIcon:
|
|
1199
|
-
BentoToggle:
|
|
1200
|
-
BentoTypography:
|
|
1239
|
+
BentoButton: ht,
|
|
1240
|
+
BentoCrossIcon: mt,
|
|
1241
|
+
BentoPopover: qn,
|
|
1242
|
+
BentoSettingsIcon: uo,
|
|
1243
|
+
BentoToggleButton: ze,
|
|
1244
|
+
BentoDataGridConfigSettingsConfigRow: Co,
|
|
1245
|
+
BentoSearchBar: Jn,
|
|
1246
|
+
BentoSearchIcon: es,
|
|
1247
|
+
BentoToggle: bt,
|
|
1248
|
+
BentoTypography: be
|
|
1201
1249
|
},
|
|
1202
|
-
directives: { BentoClickOutsideDirective:
|
|
1250
|
+
directives: { BentoClickOutsideDirective: ts },
|
|
1203
1251
|
props: {
|
|
1204
1252
|
/**
|
|
1205
1253
|
* Column definitions
|
|
@@ -1216,71 +1264,71 @@ const _o = go.exports, vo = {
|
|
|
1216
1264
|
default: !1
|
|
1217
1265
|
}
|
|
1218
1266
|
},
|
|
1219
|
-
emits: [
|
|
1267
|
+
emits: [re.CONFIG_SETTINGS, re.UPDATE_COLUMNS],
|
|
1220
1268
|
setup(s, { emit: t }) {
|
|
1221
|
-
const { t: n } =
|
|
1269
|
+
const { t: n } = ce(), e = y(null), o = De("data-grid-config-settings-popover"), l = y(null), a = y(!1), f = y(!0), _ = y(null), r = y(""), R = Ne(s, "columns"), u = y(!1), E = Qn(r, R), p = () => {
|
|
1222
1270
|
r.value = "";
|
|
1223
|
-
}, c =
|
|
1271
|
+
}, c = h(
|
|
1224
1272
|
() => !s.columns.some((g) => g.visible === !1 && !g.mandatory)
|
|
1225
|
-
),
|
|
1226
|
-
|
|
1273
|
+
), C = () => {
|
|
1274
|
+
p(), u.value = !u.value, u.value ? ne(() => {
|
|
1227
1275
|
var g;
|
|
1228
1276
|
return (g = l.value.$refs.bentoInputField) == null ? void 0 : g.focusInput();
|
|
1229
1277
|
}) : ne(() => {
|
|
1230
|
-
var g,
|
|
1231
|
-
return (
|
|
1232
|
-
}),
|
|
1233
|
-
},
|
|
1234
|
-
const
|
|
1235
|
-
...
|
|
1236
|
-
visible: g.field ===
|
|
1278
|
+
var g, O;
|
|
1279
|
+
return (O = (g = _ == null ? void 0 : _.value) == null ? void 0 : g.$el) == null ? void 0 : O.focus();
|
|
1280
|
+
}), f.value = c.value;
|
|
1281
|
+
}, d = (g) => g.mandatory ?? !1, w = (g) => {
|
|
1282
|
+
const O = s.columns.map((D) => ({
|
|
1283
|
+
...D,
|
|
1284
|
+
visible: g.field === D.field ? g.visible : D.visible
|
|
1237
1285
|
}));
|
|
1238
|
-
t(
|
|
1286
|
+
t(re.UPDATE_COLUMNS, O);
|
|
1239
1287
|
}, v = (g) => {
|
|
1240
1288
|
g ? t(
|
|
1241
|
-
|
|
1242
|
-
s.columns.map((
|
|
1289
|
+
re.UPDATE_COLUMNS,
|
|
1290
|
+
s.columns.map((O) => ({ ...O, visible: !0 }))
|
|
1243
1291
|
) : t(
|
|
1244
|
-
|
|
1245
|
-
s.columns.map((
|
|
1292
|
+
re.UPDATE_COLUMNS,
|
|
1293
|
+
s.columns.map((O) => ({ ...O, visible: (O == null ? void 0 : O.mandatory) === !0 }))
|
|
1246
1294
|
);
|
|
1247
1295
|
}, S = (g) => {
|
|
1248
|
-
const
|
|
1249
|
-
...
|
|
1250
|
-
frozen: g.field ===
|
|
1296
|
+
const O = s.columns.map((D) => ({
|
|
1297
|
+
...D,
|
|
1298
|
+
frozen: g.field === D.field ? !!(g != null && g.frozen) : !!(D != null && D.frozen)
|
|
1251
1299
|
}));
|
|
1252
|
-
t(
|
|
1253
|
-
},
|
|
1254
|
-
a.value = g,
|
|
1300
|
+
t(re.UPDATE_COLUMNS, O);
|
|
1301
|
+
}, A = (g) => {
|
|
1302
|
+
a.value = g, f.value = c.value;
|
|
1255
1303
|
};
|
|
1256
1304
|
return {
|
|
1257
1305
|
// Values
|
|
1258
1306
|
configSettingsButtonRef: e,
|
|
1259
1307
|
popoverId: o,
|
|
1260
1308
|
isConfigSettingsPanelOpen: a,
|
|
1261
|
-
allColumnsVisbilityToggleState:
|
|
1262
|
-
filteredColumnVisibilityColumns:
|
|
1309
|
+
allColumnsVisbilityToggleState: f,
|
|
1310
|
+
filteredColumnVisibilityColumns: E,
|
|
1263
1311
|
searchTerm: r,
|
|
1264
|
-
isColumnVisibilityFilterShown:
|
|
1312
|
+
isColumnVisibilityFilterShown: u,
|
|
1265
1313
|
searchBarRef: l,
|
|
1266
1314
|
searchButtonRef: _,
|
|
1267
|
-
DATAGRID_ACTIONS_COLUMN_FIELD_NAME:
|
|
1315
|
+
DATAGRID_ACTIONS_COLUMN_FIELD_NAME: te,
|
|
1268
1316
|
// Methods
|
|
1269
|
-
setConfigSettingsPanelVisibility:
|
|
1270
|
-
emitCondensedToggle: (g) => t(
|
|
1317
|
+
setConfigSettingsPanelVisibility: A,
|
|
1318
|
+
emitCondensedToggle: (g) => t(re.CONFIG_SETTINGS, g),
|
|
1271
1319
|
toggleAllColumnVisibility: v,
|
|
1272
|
-
clearAction:
|
|
1273
|
-
toggleColumnFilter:
|
|
1320
|
+
clearAction: p,
|
|
1321
|
+
toggleColumnFilter: C,
|
|
1274
1322
|
emitVisibleColumns: w,
|
|
1275
1323
|
emitFrozenColumns: S,
|
|
1276
|
-
onClickOutside: () =>
|
|
1277
|
-
isColumnVisibilityToggleDisabled:
|
|
1324
|
+
onClickOutside: () => A(!1),
|
|
1325
|
+
isColumnVisibilityToggleDisabled: d,
|
|
1278
1326
|
// Translations
|
|
1279
1327
|
t: n
|
|
1280
1328
|
};
|
|
1281
1329
|
}
|
|
1282
1330
|
});
|
|
1283
|
-
var
|
|
1331
|
+
var wo = function() {
|
|
1284
1332
|
var t = this, n = t._self._c;
|
|
1285
1333
|
return t._self._setupProxy, n("div", { directives: [{ name: "bento-click-outside-directive", rawName: "v-bento-click-outside-directive", value: t.onClickOutside, expression: "onClickOutside" }], staticClass: "b-data-grid-config-settings" }, [n("div", { staticClass: "b-data-grid-config-settings__button-and-separator" }, [n("div", { ref: "configSettingsButtonRef", staticClass: "b-data-grid-config-settings__button-container" }, [n("bento-toggle-button", { attrs: { "aria-controls": t.isConfigSettingsPanelOpen ? t.popoverId : null, variant: "tertiary", condensed: "", toggled: t.isConfigSettingsPanelOpen }, on: { click: function(e) {
|
|
1286
1334
|
return t.setConfigSettingsPanelVisibility(!t.isConfigSettingsPanelOpen);
|
|
@@ -1299,15 +1347,15 @@ var Co = function() {
|
|
|
1299
1347
|
}, clear: t.clearAction, "escape-pressed": t.toggleColumnFilter } })], 1) : n("div", { staticClass: "b-data-grid-config-settings__column-visibility-show-all" }, [n("bento-toggle", { attrs: { "label-position": "after", value: t.allColumnsVisbilityToggleState }, on: { input: t.toggleAllColumnVisibility } }, [t._v(" " + t._s(t.t("showAllColumns", { numberOfColumns: t.columns.length })) + " ")])], 1), n("div", { staticClass: "b-data-grid-config-settings__column-visibility-toggles" }, [t._l(t.filteredColumnVisibilityColumns, function(e) {
|
|
1300
1348
|
return n("div", { key: e.field }, [e.field !== t.DATAGRID_ACTIONS_COLUMN_FIELD_NAME ? n("bento-data-grid-config-settings-config-row", { attrs: { column: e, "is-column-visibility-toggle-disabled": t.isColumnVisibilityToggleDisabled(e) }, on: { "visible-column": t.emitVisibleColumns, "updated-column": t.emitFrozenColumns } }) : t._e()], 1);
|
|
1301
1349
|
}), t.filteredColumnVisibilityColumns.length === 0 ? n("bento-typography", { staticClass: "b-data-grid-config-settings__column-visibility-empty-search-message", attrs: { el: "span" } }, [t._v(" " + t._s(t.t("noColumnsMatch")) + " ")]) : t._e()], 2)])]) : t._e()], 1);
|
|
1302
|
-
},
|
|
1303
|
-
|
|
1304
|
-
|
|
1305
|
-
|
|
1350
|
+
}, So = [], bo = /* @__PURE__ */ G(
|
|
1351
|
+
po,
|
|
1352
|
+
wo,
|
|
1353
|
+
So,
|
|
1306
1354
|
!1,
|
|
1307
1355
|
null,
|
|
1308
1356
|
"e7f0a261"
|
|
1309
1357
|
);
|
|
1310
|
-
const
|
|
1358
|
+
const yo = bo.exports, Lt = {
|
|
1311
1359
|
"en-US": {
|
|
1312
1360
|
gettingYourData: "Getting your data",
|
|
1313
1361
|
loading: "Loading",
|
|
@@ -1325,52 +1373,52 @@ const wo = po.exports, bt = {
|
|
|
1325
1373
|
loading: "Carregando",
|
|
1326
1374
|
showMore: "Mostrar mais"
|
|
1327
1375
|
}
|
|
1328
|
-
},
|
|
1329
|
-
i18n: { messages:
|
|
1330
|
-
},
|
|
1331
|
-
...
|
|
1376
|
+
}, Ro = {
|
|
1377
|
+
i18n: { messages: Lt }
|
|
1378
|
+
}, Eo = /* @__PURE__ */ ae({
|
|
1379
|
+
...Ro,
|
|
1332
1380
|
__name: "data-grid-lazy-load",
|
|
1333
1381
|
props: {
|
|
1334
1382
|
loading: { type: Boolean },
|
|
1335
1383
|
isInfiniteScroll: { type: Boolean }
|
|
1336
1384
|
},
|
|
1337
1385
|
setup(s) {
|
|
1338
|
-
const { t } =
|
|
1339
|
-
return { __sfc: !0, t, BentoLoadingButton:
|
|
1386
|
+
const { t } = ce();
|
|
1387
|
+
return { __sfc: !0, t, BentoLoadingButton: Zn, BentoLoadingButtonState: Vn, BentoLoadingIndicator: $e, BentoDatagridEvent: T };
|
|
1340
1388
|
}
|
|
1341
1389
|
});
|
|
1342
|
-
var
|
|
1390
|
+
var Lo = function() {
|
|
1343
1391
|
var t = this, n = t._self._c, e = t._self._setupProxy;
|
|
1344
1392
|
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) {
|
|
1345
1393
|
return t.$emit(e.BentoDatagridEvent.UPDATE_SHOW_MORE);
|
|
1346
1394
|
} } }, [t._v(t._s(e.t("showMore")))]) : t._e()], 1);
|
|
1347
|
-
},
|
|
1348
|
-
bo,
|
|
1349
|
-
yo,
|
|
1395
|
+
}, Ao = [], Oo = /* @__PURE__ */ G(
|
|
1350
1396
|
Eo,
|
|
1397
|
+
Lo,
|
|
1398
|
+
Ao,
|
|
1351
1399
|
!1,
|
|
1352
1400
|
null,
|
|
1353
1401
|
"fd9b8204"
|
|
1354
1402
|
);
|
|
1355
|
-
const
|
|
1356
|
-
let
|
|
1357
|
-
const
|
|
1403
|
+
const To = Oo.exports;
|
|
1404
|
+
let ut = 0;
|
|
1405
|
+
const No = {
|
|
1358
1406
|
beforeCreate() {
|
|
1359
|
-
this.uuid =
|
|
1407
|
+
this.uuid = ut.toString(), ut += 1;
|
|
1360
1408
|
}
|
|
1361
1409
|
};
|
|
1362
|
-
var
|
|
1410
|
+
var Io = function() {
|
|
1363
1411
|
var t = this, n = t._self._c;
|
|
1364
1412
|
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.9243 1.86372C12.0456 0.985043 10.621 0.985041 9.74234 1.86372L1.25 10.3561V14.7501H5.64399L14.1363 6.25772C15.015 5.37904 15.015 3.95442 14.1363 3.07574L12.9243 1.86372ZM10.803 2.92438C11.0959 2.63149 11.5708 2.63149 11.8637 2.92438L13.0757 4.1364C13.3686 4.42929 13.3686 4.90416 13.0757 5.19706L12.3333 5.93947L10.0606 3.6668L10.803 2.92438ZM8.99993 4.72746L11.2726 7.00013L5.02267 13.2501H2.75V10.9774L8.99993 4.72746Z" } })]);
|
|
1365
|
-
},
|
|
1366
|
-
|
|
1367
|
-
|
|
1368
|
-
|
|
1413
|
+
}, Do = [], xo = /* @__PURE__ */ G(
|
|
1414
|
+
No,
|
|
1415
|
+
Io,
|
|
1416
|
+
Do,
|
|
1369
1417
|
!1,
|
|
1370
1418
|
null,
|
|
1371
1419
|
null
|
|
1372
1420
|
);
|
|
1373
|
-
const
|
|
1421
|
+
const Fo = xo.exports, Mo = {
|
|
1374
1422
|
"en-US": {
|
|
1375
1423
|
copy: "Copy",
|
|
1376
1424
|
edit: "Edit",
|
|
@@ -1389,11 +1437,11 @@ const Io = No.exports, Do = {
|
|
|
1389
1437
|
more: "Mais",
|
|
1390
1438
|
open: "Abrir"
|
|
1391
1439
|
}
|
|
1392
|
-
},
|
|
1393
|
-
i18n: { messages:
|
|
1440
|
+
}, Bo = {
|
|
1441
|
+
i18n: { messages: Mo },
|
|
1394
1442
|
name: "data-grid-cell-actions"
|
|
1395
|
-
},
|
|
1396
|
-
...
|
|
1443
|
+
}, $o = /* @__PURE__ */ ae({
|
|
1444
|
+
...Bo,
|
|
1397
1445
|
props: {
|
|
1398
1446
|
/**
|
|
1399
1447
|
* Column definitions using 'key' to relate to data object.
|
|
@@ -1441,23 +1489,23 @@ const Io = No.exports, Do = {
|
|
|
1441
1489
|
},
|
|
1442
1490
|
emits: ["menu-open", "menu-close", "menu-item-click"],
|
|
1443
1491
|
setup(s, { emit: t }) {
|
|
1444
|
-
const n = s, { t: e } =
|
|
1492
|
+
const n = s, { t: e } = ce(), o = h(() => n.columnKey === void 0), l = h(() => ({
|
|
1445
1493
|
"b-data-grid-cell-actions__background-gradient--with-row-actions-and-overflow": o.value && n.hasRightOverflow
|
|
1446
|
-
})), a =
|
|
1494
|
+
})), a = h(() => ({
|
|
1447
1495
|
"b-data-grid-cell-actions__actions--with-row-actions": o.value
|
|
1448
|
-
})),
|
|
1449
|
-
function _(
|
|
1450
|
-
return typeof
|
|
1496
|
+
})), f = h(() => !o.value || o.value && n.hasRightOverflow);
|
|
1497
|
+
function _(d) {
|
|
1498
|
+
return typeof d == "function";
|
|
1451
1499
|
}
|
|
1452
|
-
const r =
|
|
1500
|
+
const r = h(() => {
|
|
1453
1501
|
var w;
|
|
1454
|
-
const
|
|
1455
|
-
return (
|
|
1502
|
+
const d = _(n.cellActions) ? (w = n.cellActions) == null ? void 0 : w.call(n, n.rowDataItem, n.columnKey) : n.cellActions;
|
|
1503
|
+
return (d == null ? void 0 : d.length) > 2 && Ct(
|
|
1456
1504
|
"WARNING: BentoDataGrid Cell actions can only have a maximum of 2 actions, if you need more consider using the menuData property instead."
|
|
1457
|
-
),
|
|
1458
|
-
}),
|
|
1459
|
-
if (!(!w &&
|
|
1460
|
-
switch (
|
|
1505
|
+
), d == null ? void 0 : d.slice(0, 2);
|
|
1506
|
+
}), R = h(() => (d, w) => {
|
|
1507
|
+
if (!(!w && d.isShort || w && !d.isShort))
|
|
1508
|
+
switch (d.variant) {
|
|
1461
1509
|
case "copy":
|
|
1462
1510
|
return e("copy");
|
|
1463
1511
|
case "edit":
|
|
@@ -1467,28 +1515,28 @@ const Io = No.exports, Do = {
|
|
|
1467
1515
|
case "more":
|
|
1468
1516
|
return e("more");
|
|
1469
1517
|
default:
|
|
1470
|
-
return
|
|
1518
|
+
return d.title;
|
|
1471
1519
|
}
|
|
1472
|
-
}),
|
|
1520
|
+
}), u = (d) => (d == null ? void 0 : d.event) !== void 0 ? {
|
|
1473
1521
|
click: (w) => {
|
|
1474
|
-
w.stopPropagation(),
|
|
1522
|
+
w.stopPropagation(), d.event(n.rowDataItem, n.columnKey);
|
|
1475
1523
|
}
|
|
1476
|
-
} : {},
|
|
1477
|
-
...
|
|
1524
|
+
} : {}, E = (d) => ({
|
|
1525
|
+
...d,
|
|
1478
1526
|
handler: () => {
|
|
1479
|
-
|
|
1527
|
+
d != null && d.handler && typeof d.handler == "function" && (d == null || d.handler()), d != null && d.event && typeof d.event == "function" && (d == null || d.event(n.rowDataItem, n.columnKey));
|
|
1480
1528
|
}
|
|
1481
|
-
}),
|
|
1529
|
+
}), p = (d) => d.map((w) => {
|
|
1482
1530
|
const v = w;
|
|
1483
|
-
return v != null && v.items && (v.items =
|
|
1531
|
+
return v != null && v.items && (v.items = p(v.items)), { ...E(v) };
|
|
1484
1532
|
});
|
|
1485
|
-
return { __sfc: !0, t: e, props: n, emit: t, isRowActions: o, conditionalCellActionsBackgroundGradientClasses: l, conditionalCellActionsClasses: a, showGradientElement:
|
|
1533
|
+
return { __sfc: !0, t: e, props: n, emit: t, isRowActions: o, conditionalCellActionsBackgroundGradientClasses: l, conditionalCellActionsClasses: a, showGradientElement: f, isBentoColumnCellActionsByCellValueDataFn: _, computedCellActions: r, getButtonTitle: R, generateButtonEvents: u, generateMenuEvents: E, transformMenuEvents: p, getCopyText: (d) => {
|
|
1486
1534
|
var w, v;
|
|
1487
|
-
return (
|
|
1488
|
-
}, shouldShowMenuIconLeft: (
|
|
1535
|
+
return (d == null ? void 0 : d.getCopyData) !== void 0 ? d.getCopyData(n.rowDataItem, n.columnKey) : n.columnKey ? (v = (w = n.rowDataItem) == null ? void 0 : w[n.columnKey]) == null ? void 0 : v.toString() : "";
|
|
1536
|
+
}, shouldShowMenuIconLeft: (d) => d.iconLeft || (d == null ? void 0 : d.variant) === "more", BentoButton: ht, BentoMenu: pt, Copy: Wn, Edit1Icon: Fo, ExternalLinkIcon: kn, OptionsVerticalIcon: Un };
|
|
1489
1537
|
}
|
|
1490
1538
|
});
|
|
1491
|
-
var
|
|
1539
|
+
var Po = function() {
|
|
1492
1540
|
var t = this, n = t._self._c, e = t._self._setupProxy;
|
|
1493
1541
|
return n("Transition", { attrs: { name: "b-data-grid-cell-actions__animation", appear: "" } }, [n("div", { staticClass: "b-data-grid-cell-actions" }, [e.showGradientElement ? n("div", { staticClass: "b-data-grid-cell-actions__background-gradient", class: e.conditionalCellActionsBackgroundGradientClasses }) : t._e(), n("div", { staticClass: "b-data-grid-cell-actions__actions", class: e.conditionalCellActionsClasses, attrs: { role: "group" } }, t._l(e.computedCellActions, function(o, l) {
|
|
1494
1542
|
return n("div", { key: l, staticClass: "b-data-grid-cell-actions__action" }, [o.menuData ? n(e.BentoMenu, { attrs: { data: e.transformMenuEvents(o.menuData), button: {
|
|
@@ -1516,30 +1564,30 @@ var Mo = function() {
|
|
|
1516
1564
|
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 } })];
|
|
1517
1565
|
}, proxy: !0 } : null], null, !0) }, e.generateButtonEvents(o)))], 1);
|
|
1518
1566
|
}), 0)])]);
|
|
1519
|
-
},
|
|
1520
|
-
|
|
1521
|
-
|
|
1522
|
-
|
|
1567
|
+
}, Uo = [], zo = /* @__PURE__ */ G(
|
|
1568
|
+
$o,
|
|
1569
|
+
Po,
|
|
1570
|
+
Uo,
|
|
1523
1571
|
!1,
|
|
1524
1572
|
null,
|
|
1525
1573
|
"868b432e"
|
|
1526
1574
|
);
|
|
1527
|
-
const
|
|
1528
|
-
var
|
|
1529
|
-
const
|
|
1575
|
+
const At = zo.exports, Ot = Symbol("data-grid slashed zero key");
|
|
1576
|
+
var Z = /* @__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))(Z || {});
|
|
1577
|
+
const ft = () => {
|
|
1530
1578
|
const s = document.activeElement;
|
|
1531
1579
|
return s ? s.matches(":focus-visible") || s.matches(".focus-visible") : !1;
|
|
1532
|
-
},
|
|
1580
|
+
}, ko = {
|
|
1533
1581
|
"en-US": {
|
|
1534
1582
|
collapseNestedContent: "Collapse nested content",
|
|
1535
1583
|
expandNestedContent: "Expand nested content",
|
|
1536
1584
|
selectRow: "Select row"
|
|
1537
1585
|
}
|
|
1538
|
-
},
|
|
1539
|
-
i18n: { messages:
|
|
1586
|
+
}, Wo = {
|
|
1587
|
+
i18n: { messages: ko },
|
|
1540
1588
|
name: "data-grid-cell"
|
|
1541
|
-
},
|
|
1542
|
-
...
|
|
1589
|
+
}, Go = /* @__PURE__ */ ae({
|
|
1590
|
+
...Wo,
|
|
1543
1591
|
props: {
|
|
1544
1592
|
draggingEventsForRowCell: {
|
|
1545
1593
|
type: Function,
|
|
@@ -1661,116 +1709,125 @@ const ct = () => {
|
|
|
1661
1709
|
},
|
|
1662
1710
|
emits: ["on-frozen-columns-key-press", "select-row", "register-row-cell-element", "cell-hovered", "nested-content-toggled"],
|
|
1663
1711
|
setup(s, { expose: t, emit: n }) {
|
|
1664
|
-
const e = s, o =
|
|
1665
|
-
var
|
|
1666
|
-
return !!((
|
|
1667
|
-
}),
|
|
1712
|
+
const e = s, o = Be(), l = Pe(o), { t: a } = ce(), f = y(null), _ = y(null), r = y(!1), R = y([]), u = y(!1), E = y(), p = y(!1), c = h(() => {
|
|
1713
|
+
var m;
|
|
1714
|
+
return !!((m = e.rowData) != null && m[e.column.field]);
|
|
1715
|
+
}), C = h(
|
|
1668
1716
|
() => {
|
|
1669
|
-
var
|
|
1670
|
-
return e.column.field ===
|
|
1717
|
+
var m;
|
|
1718
|
+
return e.column.field === te && ((m = e.nestedRowsElementIds) == null ? void 0 : m.length) > 0 ? e.nestedRowsElementIds.join(" ") : void 0;
|
|
1671
1719
|
}
|
|
1672
|
-
),
|
|
1673
|
-
() => e.column.field ===
|
|
1674
|
-
),
|
|
1675
|
-
var
|
|
1676
|
-
(
|
|
1677
|
-
},
|
|
1720
|
+
), d = h(
|
|
1721
|
+
() => e.column.field === te && !e.selectable && !e.nestedContent
|
|
1722
|
+
), w = h(() => I(e.rowIndex, e.colIndex, e.columnSetIndex) === 0 && !p.value ? "0" : e.column.field === te ? "-1" : u.value ? "0" : "-1"), v = (m, L) => (m == null ? void 0 : m.overflow) === xe.ELLIPSIS ? `${L}` : void 0, S = (m) => m ?? "-", A = (m) => e.columnSets.slice(0, m).reduce((L, { columnSet: M }) => L + M.length, 0), N = (m, L) => m + A(L), I = (m, L, M) => A() * m + N(L, M), g = (m) => {
|
|
1723
|
+
var L;
|
|
1724
|
+
(m === null || !f.value.contains(m) && !((L = R.value) != null && L.map((M) => M.value).some((M) => M === m || (M == null ? void 0 : M.contains(m))))) && (r.value = !1);
|
|
1725
|
+
}, O = () => {
|
|
1678
1726
|
r.value = !1;
|
|
1679
|
-
},
|
|
1680
|
-
const
|
|
1681
|
-
...e.draggingEventsForRowCell(
|
|
1727
|
+
}, D = y(!1), z = (m) => {
|
|
1728
|
+
const L = {
|
|
1729
|
+
...e.draggingEventsForRowCell(m),
|
|
1682
1730
|
// Focus on the first interactive child in the grid cell if one exists
|
|
1683
|
-
focus: () => {
|
|
1684
|
-
if (!
|
|
1731
|
+
focus: async () => {
|
|
1732
|
+
if (!ft())
|
|
1685
1733
|
return;
|
|
1686
|
-
|
|
1734
|
+
u.value = !0, p.value = !0, Rt(E.value), await ne(), ke(f.value) && (D.value = !0);
|
|
1687
1735
|
},
|
|
1688
1736
|
focusout: () => {
|
|
1689
|
-
|
|
1737
|
+
ft() && (D.value = !1);
|
|
1738
|
+
},
|
|
1739
|
+
keydown: (i) => {
|
|
1740
|
+
i.key !== oe.TAB && (D.value = !1, u.value = !1, ge(f.value));
|
|
1690
1741
|
}
|
|
1691
|
-
},
|
|
1692
|
-
return
|
|
1742
|
+
}, M = { ...L };
|
|
1743
|
+
return m.frozen && (M.keyup = (i) => n("on-frozen-columns-key-press", i), M.keydown = (i) => {
|
|
1744
|
+
L.keydown(i), n("on-frozen-columns-key-press", i);
|
|
1745
|
+
}), m.cellActions && (M.mouseenter = () => {
|
|
1693
1746
|
r.value = !0;
|
|
1694
|
-
},
|
|
1695
|
-
r.value = !1,
|
|
1696
|
-
},
|
|
1697
|
-
|
|
1698
|
-
},
|
|
1699
|
-
|
|
1700
|
-
},
|
|
1701
|
-
|
|
1702
|
-
}),
|
|
1703
|
-
}
|
|
1747
|
+
}, M.mouseleave = (i) => {
|
|
1748
|
+
r.value = !1, g(i == null ? void 0 : i.relatedTarget);
|
|
1749
|
+
}, M.mouseleave = (i) => {
|
|
1750
|
+
g(i == null ? void 0 : i.relatedTarget);
|
|
1751
|
+
}, M.focus = async (i) => {
|
|
1752
|
+
L.focus(i), await ne(), r.value = !0;
|
|
1753
|
+
}, M.focusout = (i) => {
|
|
1754
|
+
L.focusout(i), g(i == null ? void 0 : i.relatedTarget);
|
|
1755
|
+
}), M;
|
|
1756
|
+
};
|
|
1757
|
+
Se(() => {
|
|
1758
|
+
E.value = ge(f.value);
|
|
1759
|
+
});
|
|
1760
|
+
const H = () => {
|
|
1704
1761
|
n("nested-content-toggled");
|
|
1705
1762
|
};
|
|
1706
|
-
|
|
1763
|
+
se(
|
|
1707
1764
|
() => r.value,
|
|
1708
1765
|
() => {
|
|
1709
1766
|
r.value === !0 ? n("cell-hovered", e.rowIndex) : n("cell-hovered", -1);
|
|
1710
1767
|
}
|
|
1711
1768
|
);
|
|
1712
|
-
const
|
|
1713
|
-
|
|
1714
|
-
},
|
|
1715
|
-
|
|
1769
|
+
const k = (m) => {
|
|
1770
|
+
R.value.push(m);
|
|
1771
|
+
}, X = (m) => {
|
|
1772
|
+
f.value.contains(m == null ? void 0 : m.relatedTarget) || (r.value = !1);
|
|
1716
1773
|
};
|
|
1717
|
-
|
|
1718
|
-
registerMenuContainerElement:
|
|
1719
|
-
menuMouseLeave:
|
|
1774
|
+
vt(zn, {
|
|
1775
|
+
registerMenuContainerElement: k,
|
|
1776
|
+
menuMouseLeave: X
|
|
1720
1777
|
});
|
|
1721
|
-
const
|
|
1722
|
-
var
|
|
1778
|
+
const j = Ie(Ot, y(!1)), V = (m) => {
|
|
1779
|
+
var L, M, i, B, Y, K, Q;
|
|
1723
1780
|
return {
|
|
1724
|
-
[`b-data-grid-cell--${
|
|
1725
|
-
[`b-data-grid-cell--${
|
|
1726
|
-
[`b-data-grid-cell--${
|
|
1727
|
-
[`b-data-grid-cell--${
|
|
1728
|
-
[`b-data-grid-cell--${
|
|
1729
|
-
[`b-data-grid-cell--${
|
|
1730
|
-
[`b-data-grid-cell--${
|
|
1731
|
-
[`b-data-grid-cell--${
|
|
1732
|
-
[`b-data-grid-cell--${
|
|
1733
|
-
[`b-data-grid-cell--${
|
|
1734
|
-
[`b-data-grid-cell--${
|
|
1735
|
-
[`b-data-grid-cell--${
|
|
1736
|
-
[`b-data-grid-cell--${
|
|
1737
|
-
[`b-data-grid-cell--${
|
|
1738
|
-
[`b-data-grid-cell--${
|
|
1739
|
-
[`b-data-grid-cell--${
|
|
1740
|
-
[`b-data-grid-cell--${
|
|
1781
|
+
[`b-data-grid-cell--${Z.COLUMN_HOVERED}`]: (m == null ? void 0 : m.field) === e.hoveredOverColumnState.hoveredOverColumnField,
|
|
1782
|
+
[`b-data-grid-cell--${Z.COLUMN_HOVERED_NO_BORDER_LEFT}`]: (m == null ? void 0 : m.field) === e.hoveredOverColumnState.hoveredOverColumnField && e.hoveredOverColumnState.noBorderLeft,
|
|
1783
|
+
[`b-data-grid-cell--${Z.COLUMN_HOVERED_NO_BORDER_RIGHT}`]: (m == null ? void 0 : m.field) === e.hoveredOverColumnState.hoveredOverColumnField && e.hoveredOverColumnState.noBorderRight,
|
|
1784
|
+
[`b-data-grid-cell--${Z.PADDING_LEFT_UNSET}`]: ((L = m == null ? void 0 : m.padding) == null ? void 0 : L.left) === !1,
|
|
1785
|
+
[`b-data-grid-cell--${Z.PADDING_RIGHT_UNSET}`]: ((M = m == null ? void 0 : m.padding) == null ? void 0 : M.right) === !1,
|
|
1786
|
+
[`b-data-grid-cell--${Z.NUMERIC}`]: m == null ? void 0 : m.numeric,
|
|
1787
|
+
[`b-data-grid-cell--${Z.CONDENSED}`]: e.condensed,
|
|
1788
|
+
[`b-data-grid-cell--${Z.OVERFLOW_ELLIPSIS}`]: (m == null ? void 0 : m.overflow) === xe.ELLIPSIS,
|
|
1789
|
+
[`b-data-grid-cell--${Z.IS_COLUMN_REORDERING}`]: ((i = e.draggingColumns.dragging) == null ? void 0 : i.field) === m.field,
|
|
1790
|
+
[`b-data-grid-cell--${Z.IS_COLUMN_REORDERING_TARGET_LEFT}`]: ((B = e.draggingColumns.target) == null ? void 0 : B.field) === m.field && ((Y = e.draggingColumns) == null ? void 0 : Y.dragToLeft),
|
|
1791
|
+
[`b-data-grid-cell--${Z.IS_COLUMN_REORDERING_TARGET_RIGHT}`]: ((K = e.draggingColumns.target) == null ? void 0 : K.field) === m.field && !((Q = e.draggingColumns) != null && Q.dragToLeft),
|
|
1792
|
+
[`b-data-grid-cell--${Z.FROZEN}`]: m == null ? void 0 : m.frozen,
|
|
1793
|
+
[`b-data-grid-cell--${Z.NESTED_CONTENT_ENABLED}`]: e.nestedContent,
|
|
1794
|
+
[`b-data-grid-cell--${Z.ACTION_COL_NESTED_CONTENT_ENABLED}`]: e.nestedContent && !e.selectable && m.field === te,
|
|
1795
|
+
[`b-data-grid-cell--${Z.ACTION_COL_NESTED_CONTENT_AND_SELECTION_ENABLED}`]: e.nestedContent && e.selectable && m.field === te,
|
|
1796
|
+
[`b-data-grid-cell--${Z.ACTION_COL_SELECTION_ENABLED}`]: m.field === te && e.selectable,
|
|
1797
|
+
[`b-data-grid-cell--${Z.SLASHED_ZERO}`]: j.value
|
|
1741
1798
|
};
|
|
1742
|
-
},
|
|
1743
|
-
"b-data-grid-cell__cell-content--is-focused-on-inside-interactive-element":
|
|
1799
|
+
}, q = h(() => ({
|
|
1800
|
+
"b-data-grid-cell__cell-content--is-focused-on-inside-interactive-element": D.value
|
|
1744
1801
|
}));
|
|
1745
1802
|
return t({
|
|
1746
|
-
gridcellRef:
|
|
1747
|
-
}), { __sfc: !0, slots: o, hasSlot: l, t: a, props: e, emit: n, gridcellRef:
|
|
1803
|
+
gridcellRef: f
|
|
1804
|
+
}), { __sfc: !0, slots: o, hasSlot: l, t: a, props: e, emit: n, gridcellRef: f, cellActionsRef: _, shouldShowCellActions: r, childrenMenuContainerElements: R, isFocused: u, focusableItems: E, hasEverBeenFocused: p, hasRowData: c, controlledNestedRowElementIds: C, ariaHidden: d, tabIndex: w, conditionalTitleAttribute: v, getRowData: S, sumColumnAmountsInColumnSets: A, getColIndex: N, getCellIndex: I, isLeavingCellFocus: g, onMenuClose: O, hasInteractiveElFocusedInside: D, getGridcellEvents: z, toggleNestedContent: H, registerMenuContainerElement: k, menuMouseLeave: X, hasSlashedZero: j, conditionalRowCellClasses: V, computedCellContentClasses: q, DATAGRID_ACTIONS_COLUMN_FIELD_NAME: te, BentoCheckbox: wt, BentoTypography: be, BentoToggleButton: ze, DataGridCellActions: At, ChevronDownIcon: Gn, ChevronUpIcon: Hn };
|
|
1748
1805
|
}
|
|
1749
1806
|
});
|
|
1750
|
-
var
|
|
1807
|
+
var Ho = function() {
|
|
1751
1808
|
var o;
|
|
1752
1809
|
var t = this, n = t._self._c, e = t._self._setupProxy;
|
|
1753
1810
|
return n("div", t._g({ key: `cell-${t.column.field}`, ref: "gridcellRef", staticClass: "b-data-grid-cell", class: e.conditionalRowCellClasses(t.column), style: {
|
|
1754
1811
|
width: t.column.autoWidth && t.isMeasuringColumnWidths ? "auto" : `${t.column.width}px`
|
|
1755
|
-
}, attrs: { "aria-hidden": e.ariaHidden, "data-testid": `cell-${t.column.field}`, "data-cellindex": e.getCellIndex(t.rowIndex, t.colIndex, t.columnSetIndex), role: "gridcell", tabindex: e.
|
|
1812
|
+
}, attrs: { "aria-hidden": e.ariaHidden, "data-testid": `cell-${t.column.field}`, "data-cellindex": e.getCellIndex(t.rowIndex, t.colIndex, t.columnSetIndex), role: "gridcell", tabindex: e.tabIndex, "aria-colindex": e.getColIndex(t.colIndex, t.columnSetIndex) + 1 } }, e.getGridcellEvents(t.column)), [t.column.field === e.DATAGRID_ACTIONS_COLUMN_FIELD_NAME ? [t.selectable ? [n(e.BentoCheckbox, { staticClass: "b-data-grid-cell__select-cell", attrs: { "aria-label": e.t("selectRow"), disabled: t.isDataItemDisabled(t.rowData), indeterminate: t.selectionIsIndeterminate, "model-value": t.selectedItems, value: t.getDataItemId(t.rowData), tabindex: e.isFocused ? 0 : -1 }, on: { "update:model-value": function(l) {
|
|
1756
1813
|
return t.$emit("select-row", l);
|
|
1757
1814
|
} } })] : t._e(), t.nestedContent ? [n(e.BentoToggleButton, { ref: "menuButtonRef", attrs: { "aria-haspopup": "true", "aria-controls": e.controlledNestedRowElementIds, condensed: "", variant: "tertiary", toggled: t.isNestedContentExpanded }, on: { click: e.toggleNestedContent }, scopedSlots: t._u([{ key: "iconLeft", fn: function() {
|
|
1758
1815
|
return [t.isNestedContentExpanded ? n(e.ChevronUpIcon, { staticClass: "b-accordion-item__icon", attrs: { "svg-title": e.t("collapseNestedContent") } }) : n(e.ChevronDownIcon, { staticClass: "b-accordion-item__icon", attrs: { "svg-title": e.t("expandNestedContent") } })];
|
|
1759
1816
|
}, proxy: !0 }], null, !1, 1879847906) })] : t._e()] : [n(e.BentoTypography, { staticClass: "b-data-grid-cell__cell-content", class: e.computedCellContentClasses, attrs: { el: "div", "data-testid": "cell-content" } }, [t._t(`item-${t.column.field}`, function() {
|
|
1760
1817
|
return [n("span", { attrs: { title: e.conditionalTitleAttribute(t.column, t.rowData[t.column.field]) } }, [t._v(t._s(e.getRowData(t.rowData[t.column.field])))])];
|
|
1761
1818
|
}, { item: t.rowData, rowIndex: t.rowIndex })], 2), ((o = t.column.cellActions) == null ? void 0 : o.length) > 0 ? n("div", { staticClass: "b-data-grid-cell__cell-actions" }, [e.shouldShowCellActions && (e.hasRowData || e.hasSlot(`item-${t.column.field}`)) ? n(e.DataGridCellActions, { ref: "cellActionsRef", attrs: { "cell-actions": t.column.cellActions, "column-key": t.column.field, "row-data-item": t.rowData, "teleport-menu": "" }, on: { "menu-item-click": e.onMenuClose } }) : t._e()], 1) : t._e()]], 2);
|
|
1762
|
-
},
|
|
1763
|
-
|
|
1764
|
-
|
|
1765
|
-
|
|
1819
|
+
}, Vo = [], Zo = /* @__PURE__ */ G(
|
|
1820
|
+
Go,
|
|
1821
|
+
Ho,
|
|
1822
|
+
Vo,
|
|
1766
1823
|
!1,
|
|
1767
1824
|
null,
|
|
1768
|
-
"
|
|
1825
|
+
"2c1267a6"
|
|
1769
1826
|
);
|
|
1770
|
-
const
|
|
1827
|
+
const jo = Zo.exports, qo = {
|
|
1771
1828
|
name: "data-grid-row"
|
|
1772
|
-
},
|
|
1773
|
-
...
|
|
1829
|
+
}, Yo = /* @__PURE__ */ ae({
|
|
1830
|
+
...qo,
|
|
1774
1831
|
props: {
|
|
1775
1832
|
/**
|
|
1776
1833
|
* Row actions property that generates which button to show in row actions area
|
|
@@ -1970,216 +2027,226 @@ const Ho = Go.exports, Vo = {
|
|
|
1970
2027
|
},
|
|
1971
2028
|
emits: ["cell-hovered", "on-frozen-columns-key-press", "select-row", "select-nested-row", "row-click", "nested-content-toggled"],
|
|
1972
2029
|
setup(s, { expose: t, emit: n }) {
|
|
1973
|
-
const e = s, o =
|
|
2030
|
+
const e = s, o = Be(), l = Pe(o), a = y({}), f = y(!1), _ = y(), r = y(), R = De("nested-content-slot"), u = y(!1), E = y();
|
|
2031
|
+
Se(() => {
|
|
2032
|
+
r.value && (E.value = ge(r.value));
|
|
2033
|
+
});
|
|
2034
|
+
const p = h(() => e.shouldShowNestedRows(e.rowData)), c = h(
|
|
1974
2035
|
() => {
|
|
1975
|
-
var
|
|
1976
|
-
return !e.isNestedRow && e.hasNestedRows &&
|
|
2036
|
+
var b, F;
|
|
2037
|
+
return !e.isNestedRow && e.hasNestedRows && p.value && ((F = (b = e.rowData) == null ? void 0 : b.children) == null ? void 0 : F.length) > 0;
|
|
1977
2038
|
}
|
|
1978
|
-
),
|
|
2039
|
+
), C = h(
|
|
1979
2040
|
() => {
|
|
1980
|
-
var
|
|
1981
|
-
return !e.isNestedRow && e.hasNestedRows &&
|
|
2041
|
+
var b, F;
|
|
2042
|
+
return !e.isNestedRow && e.hasNestedRows && p.value && (((b = e.rowData) == null ? void 0 : b.children) === void 0 || ((F = e == null ? void 0 : e.rowData) == null ? void 0 : F.children.length) === 0);
|
|
1982
2043
|
}
|
|
1983
|
-
),
|
|
1984
|
-
() => e.hasNestedContent && e.shouldShowNestedContent(e.rowData) || e.hasNestedRows &&
|
|
1985
|
-
),
|
|
2044
|
+
), d = h(
|
|
2045
|
+
() => e.hasNestedContent && e.shouldShowNestedContent(e.rowData) || e.hasNestedRows && p.value && !e.isNestedRow
|
|
2046
|
+
), w = h(() => {
|
|
1986
2047
|
if (e.hasNestedContent || e.hasNestedRows) {
|
|
1987
|
-
const
|
|
2048
|
+
const b = f.value.toString();
|
|
1988
2049
|
return {
|
|
1989
|
-
"aria-expanded":
|
|
2050
|
+
"aria-expanded": d.value ? b : void 0,
|
|
1990
2051
|
"aria-level": e.isNestedRow ? "2" : "1",
|
|
1991
2052
|
"aria-posinset": e.rowIndex + 1,
|
|
1992
2053
|
"aria-setsize": e.rowSetSize
|
|
1993
2054
|
};
|
|
1994
2055
|
}
|
|
1995
2056
|
return { "aria-rowindex": e.rowIndex + 1 };
|
|
1996
|
-
}),
|
|
1997
|
-
if (
|
|
2057
|
+
}), v = h(() => {
|
|
2058
|
+
if (C.value)
|
|
1998
2059
|
return {
|
|
1999
2060
|
"aria-busy": "true",
|
|
2000
2061
|
"aria-live": "polite"
|
|
2001
2062
|
};
|
|
2002
|
-
if (!(
|
|
2063
|
+
if (!(c.value || !e.hasNestedContent || !e.shouldShowNestedContent(e.rowData)))
|
|
2003
2064
|
return {
|
|
2004
2065
|
"aria-level": e.isNestedRow ? "3" : "2",
|
|
2005
2066
|
"aria-posinset": "1",
|
|
2006
2067
|
"aria-setsize": "1",
|
|
2007
|
-
id:
|
|
2068
|
+
id: R,
|
|
2008
2069
|
role: "row",
|
|
2009
2070
|
tabindex: "-1"
|
|
2010
2071
|
};
|
|
2011
|
-
}),
|
|
2012
|
-
var
|
|
2013
|
-
return
|
|
2014
|
-
}),
|
|
2015
|
-
var
|
|
2016
|
-
if (
|
|
2072
|
+
}), S = h(() => {
|
|
2073
|
+
var b, F;
|
|
2074
|
+
return c.value ? (F = (b = e.rowData) == null ? void 0 : b.children) == null ? void 0 : F.reduce((P, $, le) => (P[le] = De("nested-row"), P), {}) : [];
|
|
2075
|
+
}), A = h(() => {
|
|
2076
|
+
var b;
|
|
2077
|
+
if (f.value) {
|
|
2017
2078
|
if (e.hasNestedContent && e.shouldShowNestedContent(e.rowData))
|
|
2018
|
-
return [
|
|
2019
|
-
if (
|
|
2020
|
-
const
|
|
2021
|
-
if ((
|
|
2022
|
-
return
|
|
2079
|
+
return [R];
|
|
2080
|
+
if (c.value && ((b = Object.keys(S.value)) == null ? void 0 : b.length) > 0) {
|
|
2081
|
+
const F = Object.values(S.value);
|
|
2082
|
+
if ((F == null ? void 0 : F.length) > 0)
|
|
2083
|
+
return F;
|
|
2023
2084
|
}
|
|
2024
2085
|
return [];
|
|
2025
2086
|
}
|
|
2026
|
-
}),
|
|
2027
|
-
var
|
|
2028
|
-
const
|
|
2029
|
-
if ((
|
|
2030
|
-
const
|
|
2031
|
-
var
|
|
2032
|
-
return (
|
|
2033
|
-
}),
|
|
2034
|
-
var
|
|
2035
|
-
return (
|
|
2087
|
+
}), N = h(() => {
|
|
2088
|
+
var F, P;
|
|
2089
|
+
const b = (P = (F = e.rowData) == null ? void 0 : F.children) == null ? void 0 : P.map(($) => e.getDataItemId($));
|
|
2090
|
+
if ((b == null ? void 0 : b.length) > 0) {
|
|
2091
|
+
const $ = b.every((Ce) => {
|
|
2092
|
+
var ie;
|
|
2093
|
+
return (ie = e == null ? void 0 : e.selectedItems) == null ? void 0 : ie.includes(Ce);
|
|
2094
|
+
}), le = b.some((Ce) => {
|
|
2095
|
+
var ie;
|
|
2096
|
+
return (ie = e == null ? void 0 : e.selectedItems) == null ? void 0 : ie.includes(Ce);
|
|
2036
2097
|
});
|
|
2037
|
-
return
|
|
2098
|
+
return !$ && le;
|
|
2038
2099
|
}
|
|
2039
2100
|
return !1;
|
|
2040
|
-
}),
|
|
2041
|
-
const
|
|
2042
|
-
|
|
2043
|
-
},
|
|
2101
|
+
}), I = (b, F) => {
|
|
2102
|
+
const P = b;
|
|
2103
|
+
b !== null && (P != null && P.gridcellRef) && (a.value[F] = P.gridcellRef);
|
|
2104
|
+
}, g = (b) => S.value[b], O = (b) => {
|
|
2044
2105
|
if (!e.selectable)
|
|
2045
2106
|
return null;
|
|
2046
|
-
const
|
|
2047
|
-
return e.selectedItems.includes(
|
|
2048
|
-
},
|
|
2049
|
-
var
|
|
2050
|
-
let
|
|
2051
|
-
const
|
|
2052
|
-
for (let
|
|
2053
|
-
if ((
|
|
2054
|
-
|
|
2107
|
+
const F = e.getDataItemId(b);
|
|
2108
|
+
return e.selectedItems.includes(F).toString();
|
|
2109
|
+
}, D = (b) => {
|
|
2110
|
+
var $;
|
|
2111
|
+
let F = !1;
|
|
2112
|
+
const P = ["button", "input", "a"];
|
|
2113
|
+
for (let le = 0; le < P.length; le++)
|
|
2114
|
+
if (($ = b == null ? void 0 : b.target) != null && $.closest(P[le])) {
|
|
2115
|
+
F = !0;
|
|
2055
2116
|
break;
|
|
2056
2117
|
}
|
|
2057
|
-
!
|
|
2058
|
-
},
|
|
2059
|
-
n("select-row",
|
|
2060
|
-
},
|
|
2061
|
-
n("select-nested-row",
|
|
2118
|
+
!F && e.allowRowClicks && n("row-click", e.rowData, b);
|
|
2119
|
+
}, z = (b) => {
|
|
2120
|
+
n("select-row", b, e.rowData);
|
|
2121
|
+
}, H = (b, F) => {
|
|
2122
|
+
n("select-nested-row", F, e.rowData, b);
|
|
2123
|
+
}, k = () => {
|
|
2124
|
+
u.value = !0;
|
|
2125
|
+
}, X = () => {
|
|
2126
|
+
u.value = !1;
|
|
2062
2127
|
}, j = () => {
|
|
2063
|
-
|
|
2064
|
-
|
|
2065
|
-
|
|
2066
|
-
|
|
2067
|
-
|
|
2068
|
-
|
|
2069
|
-
|
|
2128
|
+
var b;
|
|
2129
|
+
Rt([(b = E.value) == null ? void 0 : b[0]]), ke(r.value);
|
|
2130
|
+
}, V = () => {
|
|
2131
|
+
ge(r.value);
|
|
2132
|
+
}, q = (b) => {
|
|
2133
|
+
var F, P;
|
|
2134
|
+
b.key !== oe.TAB && ge(r.value), b.key === oe.ARROW_RIGHT && ((F = E.value) == null ? void 0 : F.length) > 1 && E.value[0].node === document.activeElement ? (ge(r.value), E.value[1].node.setAttribute("tabindex", "0"), E.value[1].node.focus(), b.stopPropagation(), b.preventDefault()) : b.key === oe.ARROW_LEFT && ((P = E.value) == null ? void 0 : P.length) > 1 && E.value[1].node === document.activeElement && (ge(r.value), E.value[0].node.setAttribute("tabindex", "0"), E.value[0].node.focus(), b.stopPropagation(), b.preventDefault());
|
|
2135
|
+
}, m = () => e.columnSets.reduce((b, { columnSet: F }) => b + F.length, 0), L = () => m() * e.rowIndex + m(), { updateContentHeight: M, contentHeight: i } = Pn(_, f), B = h(() => {
|
|
2136
|
+
var b;
|
|
2070
2137
|
if (e.hasNestedContent || e.hasNestedRows)
|
|
2071
2138
|
return {
|
|
2072
|
-
paddingLeft: `${
|
|
2073
|
-
"max-height": (e.hasNestedContent || e.hasNestedRows) &&
|
|
2139
|
+
paddingLeft: `${c.value || C.value ? 0 : a.value[te].clientWidth + yt}px`,
|
|
2140
|
+
"max-height": (e.hasNestedContent || e.hasNestedRows) && i.value && !((b = i == null ? void 0 : i.value) != null && b.includes("null")) ? i.value : 0
|
|
2074
2141
|
};
|
|
2075
2142
|
});
|
|
2076
|
-
|
|
2143
|
+
se(
|
|
2077
2144
|
() => _.value,
|
|
2078
2145
|
() => {
|
|
2079
|
-
let
|
|
2080
|
-
!
|
|
2081
|
-
_.value &&
|
|
2146
|
+
let b = null;
|
|
2147
|
+
!b && _.value && (b = Ue(_.value, () => {
|
|
2148
|
+
_.value && M();
|
|
2082
2149
|
}));
|
|
2083
2150
|
}
|
|
2084
2151
|
);
|
|
2085
|
-
const
|
|
2086
|
-
|
|
2152
|
+
const Y = () => {
|
|
2153
|
+
f.value = !f.value, M(), n("nested-content-toggled", e.rowData);
|
|
2087
2154
|
};
|
|
2088
|
-
|
|
2155
|
+
se(
|
|
2089
2156
|
() => {
|
|
2090
|
-
var
|
|
2091
|
-
return (
|
|
2157
|
+
var b;
|
|
2158
|
+
return (b = e.rowData) == null ? void 0 : b.children;
|
|
2092
2159
|
},
|
|
2093
|
-
(
|
|
2094
|
-
var
|
|
2095
|
-
((
|
|
2160
|
+
(b, F) => {
|
|
2161
|
+
var P, $;
|
|
2162
|
+
(($ = (P = e == null ? void 0 : e.rowData) == null ? void 0 : P.children) == null ? void 0 : $.length) > 0 && F === void 0 && !f.value && M();
|
|
2096
2163
|
}
|
|
2097
2164
|
);
|
|
2098
|
-
const
|
|
2099
|
-
"b-data-grid-row-container__row--disabled": e.isDataItemDisabled(
|
|
2165
|
+
const K = (b, F) => ({
|
|
2166
|
+
"b-data-grid-row-container__row--disabled": e.isDataItemDisabled(b),
|
|
2100
2167
|
"b-data-grid-row-container__row--row-clicks-enabled": e.allowRowClicks,
|
|
2101
|
-
"b-data-grid-row-container__row--highlighted": e.highlightedRows.includes(e.getDataItemId(
|
|
2102
|
-
"b-data-grid-row-container__row--hovered": e.hoveredRowIndex ===
|
|
2103
|
-
"b-data-grid-row-container__row--is-last-child": e.isRowLastChild && !
|
|
2168
|
+
"b-data-grid-row-container__row--highlighted": e.highlightedRows.includes(e.getDataItemId(b)) || e.selectedItems.includes(e.getDataItemId(b)),
|
|
2169
|
+
"b-data-grid-row-container__row--hovered": e.hoveredRowIndex === F,
|
|
2170
|
+
"b-data-grid-row-container__row--is-last-child": e.isRowLastChild && !f.value,
|
|
2104
2171
|
"b-data-grid-row-container__row--nested-row": e.isNestedRow
|
|
2105
|
-
}),
|
|
2106
|
-
"b-data-grid-row-container__row-cell-set--frozen":
|
|
2107
|
-
[`b-data-grid-row-container__row-cell-set--${
|
|
2108
|
-
"b-data-grid-row-container__row-cell-set--frozen-separator":
|
|
2109
|
-
"b-data-grid-row-container__row-cell-set--unfrozen": !
|
|
2172
|
+
}), Q = (b) => ({
|
|
2173
|
+
"b-data-grid-row-container__row-cell-set--frozen": b,
|
|
2174
|
+
[`b-data-grid-row-container__row-cell-set--${de.OVERFLOW_SHADOW_LEFT}`]: b && e.hasLeftOverflow,
|
|
2175
|
+
"b-data-grid-row-container__row-cell-set--frozen-separator": b && e.showFrozenColumnsSeparator,
|
|
2176
|
+
"b-data-grid-row-container__row-cell-set--unfrozen": !b,
|
|
2110
2177
|
"b-data-grid-row-container__row-cell-set--is-measuring": e.isMeasuringColumnWidths
|
|
2111
|
-
}),
|
|
2178
|
+
}), ve = h(() => ({
|
|
2112
2179
|
"b-data-grid-row-container__row-nested-slot--is-last-child": e.isRowLastChild,
|
|
2113
|
-
"b-data-grid-row-container__row-nested-slot": !
|
|
2114
|
-
})),
|
|
2115
|
-
"b-data-grid-row-container__row-actions-container--row-actions-menu-open":
|
|
2116
|
-
})),
|
|
2180
|
+
"b-data-grid-row-container__row-nested-slot": !c.value && e.shouldShowNestedContent(e.rowData)
|
|
2181
|
+
})), me = h(() => ({
|
|
2182
|
+
"b-data-grid-row-container__row-actions-container--row-actions-menu-open": u.value
|
|
2183
|
+
})), ue = h(() => ({
|
|
2117
2184
|
minWidth: `${e.rowActionsMaximumWidth}px`
|
|
2118
2185
|
}));
|
|
2119
2186
|
return t({
|
|
2120
2187
|
gridcellRefs: a,
|
|
2121
2188
|
rowActionsRef: r
|
|
2122
|
-
}), { __sfc: !0, slots: o, hasSlot: l, props: e, emit: n, gridcellRefs: a, isNestedContentShown:
|
|
2189
|
+
}), { __sfc: !0, slots: o, hasSlot: l, props: e, emit: n, gridcellRefs: a, isNestedContentShown: f, nestedContentRef: _, rowActionsRef: r, nestedContentSlotId: R, isRowActionMenuOpen: u, focusableItems: E, shouldShowNestedRowsBooleanResult: p, shouldShowRenderNestedRows: c, isLoadingNestedRows: C, shouldShowNestedContentToggle: d, ariaRowAttributes: w, nestedContentContainerDivAriaAttributes: v, nestedRowIds: S, allNestedRowIds: A, hasUnSelectedNestedRows: N, registerRowCellRef: I, getRowId: g, getRowAriaSelectedValue: O, onRowClick: D, onRowSelect: z, onNestedRowSelect: H, onRowActionMenuOpen: k, onRowActionMenuClose: X, onRowActionsCellFocus: j, onRowActionsCellFocusOut: V, onRowActionsCellOnKeyDown: q, sumColumnAmountsInColumnSets: m, getRowActionsCellIndex: L, updateContentHeight: M, contentHeight: i, nestedContentStyles: B, nestedContentToggled: Y, conditionalRowClasses: K, conditionalRowSetClasses: Q, conditionalNestedRowClasses: ve, conditionalRowActionsContainerClasses: me, computedRowActionsStyles: ue, DataGridCell: jo, DataGridCellActions: At, BentoLoadingIndicator: $e, DataGridRow: Tt };
|
|
2123
2190
|
}
|
|
2124
2191
|
});
|
|
2125
|
-
var
|
|
2192
|
+
var Ko = function() {
|
|
2126
2193
|
var o;
|
|
2127
2194
|
var t = this, n = t._self._c, e = t._self._setupProxy;
|
|
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:
|
|
2129
|
-
return [l != null && l.length ? n("div", { key: `data-grid-rows-${a}`, staticClass: "b-data-grid-row-container__cells", class: e.conditionalRowSetClasses(
|
|
2130
|
-
return n(e.DataGridCell, { key: `cell-${r.field}`, ref: (
|
|
2131
|
-
return e.emit("cell-hovered",
|
|
2132
|
-
}, "on-frozen-columns-key-press": function(
|
|
2133
|
-
return e.emit("on-frozen-columns-key-press",
|
|
2134
|
-
}, "select-row": e.onRowSelect, "nested-content-toggled": e.nestedContentToggled }, scopedSlots: t._u([t._l(e.slots, function(
|
|
2135
|
-
return { key:
|
|
2136
|
-
return [t._t(
|
|
2195
|
+
return n("div", { staticClass: "b-data-grid-row-container" }, [n("div", t._b({ key: t.rowIndex, staticClass: "b-data-grid-row-container__row", class: e.conditionalRowClasses(t.rowData, t.rowIndex), attrs: { id: (o = t.rowId) == null ? void 0 : o.toString(), role: "row", "aria-selected": e.getRowAriaSelectedValue(t.rowData) }, on: { click: e.onRowClick } }, "div", e.ariaRowAttributes, !1), [t._l(t.columnSets, function({ columnSet: l, id: a, isFrozenColumns: f }, _) {
|
|
2196
|
+
return [l != null && l.length ? n("div", { key: `data-grid-rows-${a}`, staticClass: "b-data-grid-row-container__cells", class: e.conditionalRowSetClasses(f), attrs: { "data-testid": `data-grid-${a}-rows` } }, t._l(l, function(r, R) {
|
|
2197
|
+
return n(e.DataGridCell, { key: `cell-${r.field}`, ref: (u) => e.registerRowCellRef(u, r.field), refInFor: !0, staticClass: "b-data-grid-row-container__cell", attrs: { column: r, "column-set-index": _, "col-index": R, "column-sets": t.columnSets, condensed: t.condensed, "dragging-columns": t.draggingColumns, "dragging-events-for-row-cell": t.draggingEventsForRowCell, "get-data-item-id": t.getDataItemId, "hovered-over-column-state": t.hoveredOverColumnState, "is-data-item-disabled": t.isDataItemDisabled, "is-measuring-column-widths": t.isMeasuringColumnWidths, "is-nested-content-expanded": e.isNestedContentShown, "nested-content": e.shouldShowNestedContentToggle, "nested-rows-element-ids": e.allNestedRowIds, "row-data": t.rowData, "row-index": t.rowIndex, "selection-is-indeterminate": e.hasUnSelectedNestedRows, selectable: t.selectable, "selected-items": t.selectedItems }, on: { "cell-hovered": function(u) {
|
|
2198
|
+
return e.emit("cell-hovered", u);
|
|
2199
|
+
}, "on-frozen-columns-key-press": function(u) {
|
|
2200
|
+
return e.emit("on-frozen-columns-key-press", u);
|
|
2201
|
+
}, "select-row": e.onRowSelect, "nested-content-toggled": e.nestedContentToggled }, scopedSlots: t._u([t._l(e.slots, function(u, E) {
|
|
2202
|
+
return { key: E, fn: function(p) {
|
|
2203
|
+
return [t._t(E, null, null, p)];
|
|
2137
2204
|
} };
|
|
2138
2205
|
})], null, !0) });
|
|
2139
|
-
}), 1) : t._e(), !
|
|
2206
|
+
}), 1) : t._e(), !f && 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, focusOut: e.onRowActionsCellFocusOut, keydown: e.onRowActionsCellOnKeyDown } }, [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, "teleport-menu": "" }, on: { "menu-open": e.onRowActionMenuOpen, "menu-close": e.onRowActionMenuClose } })], 1) : t._e()];
|
|
2140
2207
|
})], 2), t.hasNestedContent && e.hasSlot("nested-slot") && t.shouldShowNestedContent(t.rowData) || t.hasNestedRows && e.shouldShowNestedRowsBooleanResult ? n("Transition", { key: `${t.rowIndex}-nest-content`, attrs: { name: "b-data-grid-row-container__animation--nested-content" } }, [e.isNestedContentShown ? n("div", t._b({ class: e.conditionalNestedRowClasses, style: e.nestedContentStyles, attrs: { "data-testid": "nested-content-container" } }, "div", e.nestedContentContainerDivAriaAttributes, !1), [n("div", { ref: "nestedContentRef" }, [e.isLoadingNestedRows ? n("div", { staticClass: "b-data-grid-row-container__row-nested-rows-loading-container" }, [n(e.BentoLoadingIndicator)], 1) : e.shouldShowRenderNestedRows ? t._l(t.rowData.children, function(l, a) {
|
|
2141
|
-
return n(e.DataGridRow, t._b({ key: `child-${a}`, attrs: { id: e.getRowId(a), "row-data": l, "row-index": a, "row-set-size": t.rowData.children.length, "is-nested-row": "" }, on: { "cell-hovered": function(
|
|
2142
|
-
return e.emit("cell-hovered",
|
|
2143
|
-
}, "row-click": function(
|
|
2144
|
-
return e.emit("row-click", ...
|
|
2145
|
-
}, "on-frozen-columns-key-press": function(
|
|
2146
|
-
return e.emit("on-frozen-columns-key-press",
|
|
2147
|
-
}, "select-row": function(
|
|
2148
|
-
return e.onNestedRowSelect(l,
|
|
2149
|
-
} }, scopedSlots: t._u([t._l(e.slots, function(
|
|
2208
|
+
return n(e.DataGridRow, t._b({ key: `child-${a}`, attrs: { id: e.getRowId(a), "row-data": l, "row-index": a, "row-set-size": t.rowData.children.length, "is-nested-row": "" }, on: { "cell-hovered": function(f) {
|
|
2209
|
+
return e.emit("cell-hovered", f);
|
|
2210
|
+
}, "row-click": function(f) {
|
|
2211
|
+
return e.emit("row-click", ...f);
|
|
2212
|
+
}, "on-frozen-columns-key-press": function(f) {
|
|
2213
|
+
return e.emit("on-frozen-columns-key-press", f);
|
|
2214
|
+
}, "select-row": function(f) {
|
|
2215
|
+
return e.onNestedRowSelect(l, f);
|
|
2216
|
+
} }, scopedSlots: t._u([t._l(e.slots, function(f, _) {
|
|
2150
2217
|
return { key: _, fn: function(r) {
|
|
2151
2218
|
return [t._t(_, null, null, r)];
|
|
2152
2219
|
} };
|
|
2153
2220
|
})], null, !0) }, "data-grid-row", e.props, !1));
|
|
2154
2221
|
}) : e.hasSlot("nested-slot") && t.shouldShowNestedContent(t.rowData) ? n("div", [t._t("nested-slot", null, { item: t.rowData })], 2) : t._e()], 2)]) : t._e()]) : t._e()], 1);
|
|
2155
|
-
},
|
|
2156
|
-
|
|
2157
|
-
|
|
2158
|
-
|
|
2222
|
+
}, Xo = [], Jo = /* @__PURE__ */ G(
|
|
2223
|
+
Yo,
|
|
2224
|
+
Ko,
|
|
2225
|
+
Xo,
|
|
2159
2226
|
!1,
|
|
2160
2227
|
null,
|
|
2161
|
-
"
|
|
2228
|
+
"8e2a7d99"
|
|
2162
2229
|
);
|
|
2163
|
-
const
|
|
2164
|
-
let
|
|
2165
|
-
const
|
|
2230
|
+
const Tt = Jo.exports;
|
|
2231
|
+
let gt = 0;
|
|
2232
|
+
const Qo = {
|
|
2166
2233
|
beforeCreate() {
|
|
2167
|
-
this.uuid =
|
|
2234
|
+
this.uuid = gt.toString(), gt += 1;
|
|
2168
2235
|
}
|
|
2169
2236
|
};
|
|
2170
|
-
var
|
|
2237
|
+
var el = function() {
|
|
2171
2238
|
var t = this, n = t._self._c;
|
|
2172
2239
|
return n("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? n("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), n("g", { attrs: { "clip-path": "url(#uia-ui-assets/icons-16-warning_circle_fill__a" + t.uuid + ")" } }, [n("path", { attrs: { fill: "#001222", d: "M0.25 8C0.25 3.71979 3.71979 0.25 8 0.25C12.2802 0.25 15.75 3.71979 15.75 8C15.75 12.2802 12.2802 15.75 8 15.75C3.71979 15.75 0.25 12.2802 0.25 8ZM8.75 8.75V4.25H7.25V8.75H8.75ZM8 11.5C8.41421 11.5 8.75 11.1642 8.75 10.75C8.75 10.3358 8.41421 10 8 10C7.58579 10 7.25 10.3358 7.25 10.75C7.25 11.1642 7.58579 11.5 8 11.5Z" } })]), n("defs", [n("clipPath", { attrs: { id: "uia-ui-assets/icons-16-warning_circle_fill__a" + t.uuid } }, [n("rect", { attrs: { width: "16", height: "16", fill: "#fff" } })])])]);
|
|
2173
|
-
},
|
|
2174
|
-
|
|
2175
|
-
|
|
2176
|
-
|
|
2240
|
+
}, tl = [], nl = /* @__PURE__ */ G(
|
|
2241
|
+
Qo,
|
|
2242
|
+
el,
|
|
2243
|
+
tl,
|
|
2177
2244
|
!1,
|
|
2178
2245
|
null,
|
|
2179
2246
|
null
|
|
2180
2247
|
);
|
|
2181
|
-
const
|
|
2182
|
-
...
|
|
2248
|
+
const sl = nl.exports, ol = {}, ll = /* @__PURE__ */ ae({
|
|
2249
|
+
...ol,
|
|
2183
2250
|
__name: "data-grid-static-icon",
|
|
2184
2251
|
props: {
|
|
2185
2252
|
colored: { type: Boolean, default: !1 },
|
|
@@ -2187,39 +2254,39 @@ const el = Qo.exports, tl = {}, nl = /* @__PURE__ */ ae({
|
|
|
2187
2254
|
variant: { default: "no-value" }
|
|
2188
2255
|
},
|
|
2189
2256
|
setup(s) {
|
|
2190
|
-
const t = s, n =
|
|
2257
|
+
const t = s, n = h(() => {
|
|
2191
2258
|
switch (t.variant) {
|
|
2192
2259
|
case "checkmark":
|
|
2193
|
-
return
|
|
2260
|
+
return Rn;
|
|
2194
2261
|
case "warning":
|
|
2195
|
-
return
|
|
2262
|
+
return En;
|
|
2196
2263
|
case "error":
|
|
2197
|
-
return
|
|
2264
|
+
return sl;
|
|
2198
2265
|
case "cross":
|
|
2199
|
-
return
|
|
2266
|
+
return mt;
|
|
2200
2267
|
case "no-value":
|
|
2201
|
-
return
|
|
2268
|
+
return Xe;
|
|
2202
2269
|
default:
|
|
2203
|
-
return
|
|
2270
|
+
return Xe;
|
|
2204
2271
|
}
|
|
2205
|
-
}), e =
|
|
2272
|
+
}), e = h(() => ({
|
|
2206
2273
|
"b-data-grid-static-icon--colored": t.colored && t.variant !== "no-value"
|
|
2207
|
-
})), o =
|
|
2208
|
-
return { __sfc: !0, props: t, computedIcon: n, conditionalClasses: e, computedIconClass: o, tooltipPosition: l, vBentoTooltipDirective:
|
|
2274
|
+
})), o = h(() => `b-data-grid-static-icon__${t.variant}`), l = h(() => Ln.AUTO);
|
|
2275
|
+
return { __sfc: !0, props: t, computedIcon: n, conditionalClasses: e, computedIconClass: o, tooltipPosition: l, vBentoTooltipDirective: An };
|
|
2209
2276
|
}
|
|
2210
2277
|
});
|
|
2211
|
-
var
|
|
2278
|
+
var al = function() {
|
|
2212
2279
|
var t = this, n = t._self._c, e = t._self._setupProxy;
|
|
2213
2280
|
return n("div", { directives: [{ name: "bento-tooltip-directive", rawName: "v-bento-tooltip-directive:[tooltipPosition]", value: t.tooltipText, expression: "tooltipText", arg: e.tooltipPosition }], staticClass: "b-data-grid-static-icon", class: e.conditionalClasses, attrs: { "aria-label": t.tooltipText, tabindex: "0" } }, [n(e.computedIcon, { tag: "component", class: e.computedIconClass, attrs: { "svg-title": t.tooltipText } })], 1);
|
|
2214
|
-
},
|
|
2215
|
-
|
|
2216
|
-
|
|
2217
|
-
|
|
2281
|
+
}, il = [], rl = /* @__PURE__ */ G(
|
|
2282
|
+
ll,
|
|
2283
|
+
al,
|
|
2284
|
+
il,
|
|
2218
2285
|
!1,
|
|
2219
2286
|
null,
|
|
2220
2287
|
"f8532817"
|
|
2221
2288
|
);
|
|
2222
|
-
const
|
|
2289
|
+
const fa = rl.exports, dl = {
|
|
2223
2290
|
"de-DE": {
|
|
2224
2291
|
numberResults: "1 Ergebnis | {count} Ergebnisse"
|
|
2225
2292
|
},
|
|
@@ -2238,10 +2305,10 @@ const ca = ll.exports, al = {
|
|
|
2238
2305
|
"pt-BR": {
|
|
2239
2306
|
numberResults: "1 resultado | {count} resultados"
|
|
2240
2307
|
}
|
|
2241
|
-
},
|
|
2242
|
-
i18n: { messages:
|
|
2243
|
-
},
|
|
2244
|
-
...
|
|
2308
|
+
}, cl = {
|
|
2309
|
+
i18n: { messages: dl }
|
|
2310
|
+
}, ul = /* @__PURE__ */ ae({
|
|
2311
|
+
...cl,
|
|
2245
2312
|
__name: "data-grid-summary-cell",
|
|
2246
2313
|
props: {
|
|
2247
2314
|
label: null,
|
|
@@ -2251,7 +2318,7 @@ const ca = ll.exports, al = {
|
|
|
2251
2318
|
tooltipText: { default: null }
|
|
2252
2319
|
},
|
|
2253
2320
|
setup(s) {
|
|
2254
|
-
const t = s, { tc: n } =
|
|
2321
|
+
const t = s, { tc: n } = ce(), e = y(), o = h(() => {
|
|
2255
2322
|
var r;
|
|
2256
2323
|
return {
|
|
2257
2324
|
popoverPosition: "right",
|
|
@@ -2263,73 +2330,35 @@ const ca = ll.exports, al = {
|
|
|
2263
2330
|
disabled: !1
|
|
2264
2331
|
}
|
|
2265
2332
|
};
|
|
2266
|
-
}), l =
|
|
2333
|
+
}), l = h(() => {
|
|
2267
2334
|
var r;
|
|
2268
2335
|
return ((r = t.searchTerm) == null ? void 0 : r.toLowerCase()) ?? "";
|
|
2269
|
-
}), a = (r) => t.searchTerm && r.toLowerCase().includes(l.value) ? "mark" : "span",
|
|
2270
|
-
() => t.tooltipText ?? (
|
|
2336
|
+
}), a = (r) => t.searchTerm && r.toLowerCase().includes(l.value) ? "mark" : "span", f = h(() => t.searchTerm ? t.items.filter((r) => r.toLowerCase().includes(l.value)).length : 0), _ = h(
|
|
2337
|
+
() => t.tooltipText ?? (f.value > 0 ? n("numberResults", f.value) : "")
|
|
2271
2338
|
);
|
|
2272
|
-
return { __sfc: !0, tc: n, props: t, dashedUnderlineRef: e, dashedUnderlineProps: o, lowerCaseSearchTerm: l, highlightedComponent: a, highlightedItemsCount:
|
|
2339
|
+
return { __sfc: !0, tc: n, props: t, dashedUnderlineRef: e, dashedUnderlineProps: o, lowerCaseSearchTerm: l, highlightedComponent: a, highlightedItemsCount: f, computedToolTipText: _, BentoDashedUnderline: Nn, BentoTypography: be, Tooltip: Tn, BentoTooltipPosition: On };
|
|
2273
2340
|
}
|
|
2274
2341
|
});
|
|
2275
|
-
var
|
|
2342
|
+
var fl = function() {
|
|
2276
2343
|
var t = this, n = t._self._c, e = t._self._setupProxy;
|
|
2277
2344
|
return n("div", { staticClass: "b-data-grid-summary-cell" }, [t.items.length > 1 ? n(e.BentoDashedUnderline, t._b({ ref: "dashedUnderlineRef", scopedSlots: t._u([{ key: "popover-content", fn: function() {
|
|
2278
2345
|
return [n(e.BentoTypography, { staticClass: "b-data-grid-summary-cell__popover-content" }, [n("ul", { staticClass: "b-data-grid-summary-cell__list" }, t._l(t.items, function(o) {
|
|
2279
2346
|
return n("li", { key: o }, [n(e.highlightedComponent(o), { tag: "component" }, [t._v(t._s(o))])], 1);
|
|
2280
2347
|
}), 0)])];
|
|
2281
2348
|
}, proxy: !0 }], null, !1, 4023850623) }, "bento-dashed-underline", e.dashedUnderlineProps, !1), [t._v(" " + t._s(t.label) + " ")]) : [t._v(t._s(t.items[0]))], e.dashedUnderlineRef && e.computedToolTipText ? n(e.Tooltip, { attrs: { content: e.computedToolTipText, "disabled-focus-trap": !0, position: e.BentoTooltipPosition.RIGHT, "fallback-position": ["left", "bottom"], "is-shown": !!e.computedToolTipText, "target-element": e.dashedUnderlineRef } }) : t._e()], 2);
|
|
2282
|
-
},
|
|
2283
|
-
|
|
2284
|
-
|
|
2285
|
-
|
|
2349
|
+
}, gl = [], _l = /* @__PURE__ */ G(
|
|
2350
|
+
ul,
|
|
2351
|
+
fl,
|
|
2352
|
+
gl,
|
|
2286
2353
|
!1,
|
|
2287
2354
|
null,
|
|
2288
2355
|
"8250b534"
|
|
2289
2356
|
);
|
|
2290
|
-
const
|
|
2291
|
-
|
|
2292
|
-
let n = "<table>", e = "";
|
|
2293
|
-
const o = (l) => {
|
|
2294
|
-
l.forEach((a) => {
|
|
2295
|
-
const u = a.closest("[role]").getAttribute("role") === "gridcell" ? "td" : "th", _ = a.textContent.trim();
|
|
2296
|
-
_ && (n += `<${u}>${_}</${u}>`, e += `${_} `);
|
|
2297
|
-
});
|
|
2298
|
-
};
|
|
2299
|
-
if (!t.length) {
|
|
2300
|
-
const l = s.querySelectorAll(
|
|
2301
|
-
'[role="gridcell"] > .b-typography:first-of-type, [role="columnheader"] .b-typography'
|
|
2302
|
-
);
|
|
2303
|
-
if (l.length)
|
|
2304
|
-
n += "<tr>", o(l), n += "</tr>";
|
|
2305
|
-
else {
|
|
2306
|
-
navigator.clipboard.writeText(s.textContent);
|
|
2307
|
-
return;
|
|
2308
|
-
}
|
|
2309
|
-
}
|
|
2310
|
-
t.forEach((l) => {
|
|
2311
|
-
const a = l.querySelectorAll(
|
|
2312
|
-
'[role="gridcell"] > .b-typography:first-of-type, [role="columnheader"] .b-typography'
|
|
2313
|
-
);
|
|
2314
|
-
if (n += "<tr>", a.length)
|
|
2315
|
-
o(a);
|
|
2316
|
-
else {
|
|
2317
|
-
const u = l.textContent.trim();
|
|
2318
|
-
n += `<td>${u}</td>`, e += `${u} `;
|
|
2319
|
-
}
|
|
2320
|
-
n += "</tr>", e += `
|
|
2321
|
-
`;
|
|
2322
|
-
}), n += "</table>", navigator.clipboard.write([
|
|
2323
|
-
new ClipboardItem({
|
|
2324
|
-
"text/html": new Blob([n], { type: "text/html" }),
|
|
2325
|
-
"text/plain": new Blob([e || s.textContent.trim()], { type: "text/plain" })
|
|
2326
|
-
})
|
|
2327
|
-
]);
|
|
2328
|
-
}, gl = {
|
|
2329
|
-
i18n: { messages: bt },
|
|
2357
|
+
const ga = _l.exports, vl = {
|
|
2358
|
+
i18n: { messages: Lt },
|
|
2330
2359
|
name: "bento-data-grid"
|
|
2331
|
-
},
|
|
2332
|
-
...
|
|
2360
|
+
}, ml = /* @__PURE__ */ ae({
|
|
2361
|
+
...vl,
|
|
2333
2362
|
props: {
|
|
2334
2363
|
/**
|
|
2335
2364
|
* When true, will emit a 'rowClick' event when a row is clicked. Will add cursor: pointer to rows.
|
|
@@ -2416,7 +2445,7 @@ const ua = ul.exports, fl = () => {
|
|
|
2416
2445
|
* {@see BentoFilterValues}
|
|
2417
2446
|
*/
|
|
2418
2447
|
filterValues: {
|
|
2419
|
-
type:
|
|
2448
|
+
type: Te.props.filterValues.type,
|
|
2420
2449
|
default: () => []
|
|
2421
2450
|
},
|
|
2422
2451
|
// TODO: Move this prop as a part of "config" BentoFilterBarModel = Array<BentoFilterModel | BentoFilterSearchModel> in Bento 2.0.
|
|
@@ -2433,7 +2462,7 @@ const ua = ul.exports, fl = () => {
|
|
|
2433
2462
|
* Filter bar search term useful to filter all the data by text
|
|
2434
2463
|
*/
|
|
2435
2464
|
filterSearchTerm: {
|
|
2436
|
-
type:
|
|
2465
|
+
type: Te.props.searchTerm.type,
|
|
2437
2466
|
default: void 0
|
|
2438
2467
|
},
|
|
2439
2468
|
/**
|
|
@@ -2639,227 +2668,227 @@ const ua = ul.exports, fl = () => {
|
|
|
2639
2668
|
T.SORT
|
|
2640
2669
|
],
|
|
2641
2670
|
setup(s, { expose: t, emit: n }) {
|
|
2642
|
-
const e = s, o =
|
|
2643
|
-
allowColumnDragAndDrop:
|
|
2644
|
-
columns:
|
|
2671
|
+
const e = s, o = Be(), l = Pe(o), a = y(null), f = y(), _ = y({}), r = y(null), R = y(null), u = y(), E = y(null), p = y(null), c = y(null), {
|
|
2672
|
+
allowColumnDragAndDrop: C,
|
|
2673
|
+
columns: d,
|
|
2645
2674
|
columnPanel: w,
|
|
2646
2675
|
data: v,
|
|
2647
2676
|
lazyLoadType: S,
|
|
2648
|
-
loading:
|
|
2649
|
-
hasNestedContent:
|
|
2677
|
+
loading: A,
|
|
2678
|
+
hasNestedContent: N,
|
|
2650
2679
|
hasNestedRows: I,
|
|
2651
2680
|
selectable: g,
|
|
2652
|
-
selection:
|
|
2653
|
-
selectableAcrossPages:
|
|
2654
|
-
stickyPagination:
|
|
2655
|
-
outline:
|
|
2656
|
-
pagination:
|
|
2657
|
-
} =
|
|
2658
|
-
|
|
2681
|
+
selection: O,
|
|
2682
|
+
selectableAcrossPages: D,
|
|
2683
|
+
stickyPagination: z,
|
|
2684
|
+
outline: H,
|
|
2685
|
+
pagination: k
|
|
2686
|
+
} = Me(e), X = y(-1), { t: j } = ce(), V = h(() => K.value.filter((x) => x.frozen).length), q = Ie(
|
|
2687
|
+
$n,
|
|
2659
2688
|
() => ({
|
|
2660
|
-
additionalContentSlotRef:
|
|
2689
|
+
additionalContentSlotRef: y(null),
|
|
2661
2690
|
isDataGridTemplate: !1,
|
|
2662
|
-
stickyAditionalContent:
|
|
2663
|
-
stickyTabs:
|
|
2664
|
-
tabsRef:
|
|
2691
|
+
stickyAditionalContent: y(!1),
|
|
2692
|
+
stickyTabs: y(!1),
|
|
2693
|
+
tabsRef: y(null)
|
|
2665
2694
|
})
|
|
2666
|
-
), { additionalContentSlotRef:
|
|
2667
|
-
columnDefs:
|
|
2668
|
-
onColumnWidthOverride:
|
|
2669
|
-
gridRowWidthStyle:
|
|
2670
|
-
isMeasuringColumnWidths:
|
|
2671
|
-
isTotalWidthOfColumnsTakingUpAllAvailableGridWidth:
|
|
2672
|
-
columns:
|
|
2673
|
-
totalWidthOfAllColumns:
|
|
2674
|
-
rowActionsMaxWidth:
|
|
2675
|
-
} =
|
|
2695
|
+
), { additionalContentSlotRef: m, isDataGridTemplate: L, stickyTabs: M, tabsRef: i, stickyAdditionalContent: B } = q(), Y = h(() => e.fitContent || L ? 0 : null), {
|
|
2696
|
+
columnDefs: K,
|
|
2697
|
+
onColumnWidthOverride: Q,
|
|
2698
|
+
gridRowWidthStyle: ve,
|
|
2699
|
+
isMeasuringColumnWidths: me,
|
|
2700
|
+
isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: ue,
|
|
2701
|
+
columns: b,
|
|
2702
|
+
totalWidthOfAllColumns: F,
|
|
2703
|
+
rowActionsMaxWidth: P
|
|
2704
|
+
} = gs(d, v, a, _, r, {
|
|
2676
2705
|
hasColumnPanel: w,
|
|
2677
2706
|
hasSelectableColumn: g,
|
|
2678
|
-
hasSelectableAcrossPages:
|
|
2679
|
-
hasNestedContent:
|
|
2707
|
+
hasSelectableAcrossPages: D,
|
|
2708
|
+
hasNestedContent: N,
|
|
2680
2709
|
hasNestedRows: I,
|
|
2681
|
-
allowColumnDragAndDrop:
|
|
2682
|
-
isDataGridTemplate:
|
|
2683
|
-
}),
|
|
2684
|
-
(
|
|
2685
|
-
},
|
|
2686
|
-
|
|
2687
|
-
|
|
2688
|
-
|
|
2689
|
-
|
|
2690
|
-
),
|
|
2691
|
-
() => e.stickyFilters ? `${
|
|
2692
|
-
),
|
|
2693
|
-
() => `${
|
|
2710
|
+
allowColumnDragAndDrop: C,
|
|
2711
|
+
isDataGridTemplate: L
|
|
2712
|
+
}), $ = (x, ...U) => {
|
|
2713
|
+
(x === T.COLUMNS || x === T.UPDATE_COLUMNS) && ([b.value] = U), n(x, ...U);
|
|
2714
|
+
}, le = tt(
|
|
2715
|
+
i,
|
|
2716
|
+
M,
|
|
2717
|
+
B,
|
|
2718
|
+
m
|
|
2719
|
+
), Ce = h(
|
|
2720
|
+
() => e.stickyFilters ? `${le.value}px` : null
|
|
2721
|
+
), ie = tt(R, Ne(e, "stickyFilters")), Nt = h(
|
|
2722
|
+
() => `${ie.value + le.value}px`
|
|
2694
2723
|
), {
|
|
2695
|
-
sortedColumns:
|
|
2696
|
-
columnSets:
|
|
2697
|
-
isOnlyOneVisibleColumn:
|
|
2698
|
-
onConfigSettingsUpdate:
|
|
2699
|
-
onConfigSettingsColumnsUpdate:
|
|
2700
|
-
onConfigSettingsColumnUpdate:
|
|
2701
|
-
} =
|
|
2702
|
-
|
|
2724
|
+
sortedColumns: Re,
|
|
2725
|
+
columnSets: Ee,
|
|
2726
|
+
isOnlyOneVisibleColumn: It,
|
|
2727
|
+
onConfigSettingsUpdate: Dt,
|
|
2728
|
+
onConfigSettingsColumnsUpdate: xt,
|
|
2729
|
+
onConfigSettingsColumnUpdate: Ft
|
|
2730
|
+
} = ws(K, $), { hoveredOverColumn: Mt, hoveredOverColumnState: Bt } = bs(
|
|
2731
|
+
Ee,
|
|
2703
2732
|
g,
|
|
2704
|
-
|
|
2705
|
-
|
|
2706
|
-
), { draggingColumns:
|
|
2707
|
-
|
|
2708
|
-
|
|
2733
|
+
H,
|
|
2734
|
+
ue
|
|
2735
|
+
), { draggingColumns: $t, draggingEventsForColumns: Pt, draggingEventsForRowCell: Ut, onMoveColumnByOffset: zt } = ps(Re, C, $), { onAllRowSelect: kt, onRowSelect: Wt, onNestedRowSelect: Gt, selectedItems: We, allItemsSelectedState: Ht } = _s(
|
|
2736
|
+
O,
|
|
2737
|
+
$,
|
|
2709
2738
|
v,
|
|
2710
2739
|
e.getDataItemId,
|
|
2711
2740
|
e.isDataItemDisabled
|
|
2712
|
-
), { navigationInput:
|
|
2741
|
+
), { navigationInput: Vt } = ms(
|
|
2713
2742
|
r,
|
|
2714
2743
|
_,
|
|
2715
|
-
|
|
2744
|
+
Re,
|
|
2716
2745
|
g,
|
|
2717
|
-
|
|
2746
|
+
h(() => e.rowActions !== void 0),
|
|
2718
2747
|
w
|
|
2719
|
-
), { isLazyLoad:
|
|
2748
|
+
), { isLazyLoad: Le, isInfiniteScroll: Zt, verticalScrollPosition: Ge, emitLazyLoadEvent: jt } = hs(
|
|
2720
2749
|
S,
|
|
2721
|
-
|
|
2750
|
+
p,
|
|
2722
2751
|
a,
|
|
2723
|
-
|
|
2724
|
-
|
|
2752
|
+
A,
|
|
2753
|
+
$
|
|
2725
2754
|
), {
|
|
2726
|
-
updateScrollPosition:
|
|
2727
|
-
updateScrollPositionOnFrozenColumnsNavigation:
|
|
2728
|
-
syncVirtualScrollerWithBody:
|
|
2729
|
-
hasLeftOverflow:
|
|
2730
|
-
hasRightOverflow:
|
|
2731
|
-
horizontalScrollbarConditionalStyles:
|
|
2732
|
-
} =
|
|
2755
|
+
updateScrollPosition: qt,
|
|
2756
|
+
updateScrollPositionOnFrozenColumnsNavigation: Yt,
|
|
2757
|
+
syncVirtualScrollerWithBody: Kt,
|
|
2758
|
+
hasLeftOverflow: Ae,
|
|
2759
|
+
hasRightOverflow: He,
|
|
2760
|
+
horizontalScrollbarConditionalStyles: Xt
|
|
2761
|
+
} = Ss(
|
|
2733
2762
|
a,
|
|
2734
|
-
|
|
2735
|
-
|
|
2763
|
+
f,
|
|
2764
|
+
Ge,
|
|
2736
2765
|
c,
|
|
2737
|
-
|
|
2738
|
-
|
|
2766
|
+
E,
|
|
2767
|
+
F,
|
|
2739
2768
|
{
|
|
2740
|
-
isLazyLoad:
|
|
2741
|
-
pagination:
|
|
2742
|
-
stickyPagination:
|
|
2743
|
-
isDataGridTemplate:
|
|
2769
|
+
isLazyLoad: Le,
|
|
2770
|
+
pagination: k,
|
|
2771
|
+
stickyPagination: z,
|
|
2772
|
+
isDataGridTemplate: L
|
|
2744
2773
|
}
|
|
2745
|
-
),
|
|
2746
|
-
|
|
2747
|
-
},
|
|
2748
|
-
var
|
|
2774
|
+
), Ve = () => {
|
|
2775
|
+
u.value.isClearAllVisible ? u.value.clearAllFilters() : u.value.isResetAllVisible && u.value.resetAllFilters();
|
|
2776
|
+
}, Jt = h(() => {
|
|
2777
|
+
var x, U;
|
|
2749
2778
|
return {
|
|
2750
2779
|
...e.emptyState,
|
|
2751
|
-
variant: ((
|
|
2780
|
+
variant: ((x = e.emptyState) == null ? void 0 : x.variant) === "embedded" || ((U = e.emptyState) == null ? void 0 : U.variant) === "basic" ? e.emptyState.variant : "basic"
|
|
2752
2781
|
};
|
|
2753
|
-
}),
|
|
2754
|
-
[`b-data-grid--${
|
|
2755
|
-
[`b-data-grid--${
|
|
2756
|
-
[`b-data-grid--${
|
|
2757
|
-
[`b-data-grid--${
|
|
2758
|
-
[`b-data-grid--${
|
|
2759
|
-
[`b-data-grid--${
|
|
2760
|
-
})),
|
|
2782
|
+
}), Qt = h(() => ({
|
|
2783
|
+
[`b-data-grid--${de.OUTLINE}`]: e.outline,
|
|
2784
|
+
[`b-data-grid--${de.SCROLL}`]: e.fitContent || Le.value,
|
|
2785
|
+
[`b-data-grid--${de.STICKY_FILTERS}`]: e.filters && e.stickyFilters,
|
|
2786
|
+
[`b-data-grid--${de.OVERFLOW_SHADOW_LEFT}`]: Ae.value && !V.value,
|
|
2787
|
+
[`b-data-grid--${de.OVERFLOW_SHADOW_RIGHT}`]: He.value && e.rowActions === void 0,
|
|
2788
|
+
[`b-data-grid--${de.NO_SPACING_TOP}`]: e.noSpacingTop
|
|
2789
|
+
})), en = h(() => ({
|
|
2761
2790
|
"b-data-grid__body--sticky-horizontal-scrollbar": e.stickyHorizontalScrollbar
|
|
2762
|
-
})),
|
|
2763
|
-
"b-data-grid__filters--sticky": !!e.stickyFilters ||
|
|
2764
|
-
})),
|
|
2765
|
-
var
|
|
2791
|
+
})), tn = h(() => Ee.value.findIndex((x) => x.columnSet.length)), nn = h(() => !((e.selectable || e.hasNestedContent || e.hasNestedRows) && V.value === 1) || Ae.value), sn = h(() => ({
|
|
2792
|
+
"b-data-grid__filters--sticky": !!e.stickyFilters || L
|
|
2793
|
+
})), on = h(() => {
|
|
2794
|
+
var x, U, J, fe, he, pe;
|
|
2766
2795
|
return {
|
|
2767
|
-
"b-data-grid__pagination--padding-left-unset": ((
|
|
2768
|
-
"b-data-grid__pagination--padding-right-unset": ((
|
|
2769
|
-
"b-data-grid__pagination--sticky": !!e.stickyPagination ||
|
|
2796
|
+
"b-data-grid__pagination--padding-left-unset": ((J = (U = (x = e.columns) == null ? void 0 : x[0]) == null ? void 0 : U.padding) == null ? void 0 : J.left) === !1,
|
|
2797
|
+
"b-data-grid__pagination--padding-right-unset": ((pe = (he = (fe = e.columns) == null ? void 0 : fe[e.columns.length - 1]) == null ? void 0 : he.padding) == null ? void 0 : pe.right) === !1,
|
|
2798
|
+
"b-data-grid__pagination--sticky": !!e.stickyPagination || L
|
|
2770
2799
|
};
|
|
2771
|
-
}),
|
|
2772
|
-
const
|
|
2773
|
-
|
|
2774
|
-
_.value[
|
|
2800
|
+
}), ln = (x) => {
|
|
2801
|
+
const U = x;
|
|
2802
|
+
x !== null && (U != null && U.columnHeaderRefs) && Object.entries(U == null ? void 0 : U.columnHeaderRefs).forEach(([J, fe]) => {
|
|
2803
|
+
_.value[J] = fe;
|
|
2775
2804
|
});
|
|
2776
|
-
},
|
|
2777
|
-
var fe,
|
|
2778
|
-
const
|
|
2779
|
-
if (
|
|
2780
|
-
const
|
|
2781
|
-
Object.entries(
|
|
2782
|
-
var
|
|
2783
|
-
((
|
|
2784
|
-
}),
|
|
2785
|
-
|
|
2786
|
-
((
|
|
2805
|
+
}, an = (x, U) => {
|
|
2806
|
+
var fe, he, pe, Ye;
|
|
2807
|
+
const J = x;
|
|
2808
|
+
if (x !== null && J != null && J.gridcellRefs) {
|
|
2809
|
+
const wn = e.rowActions !== void 0 && (J == null ? void 0 : J.rowActionsRef);
|
|
2810
|
+
Object.entries(J == null ? void 0 : J.gridcellRefs).map(([Oe, Sn]) => {
|
|
2811
|
+
var Ke;
|
|
2812
|
+
((Ke = r.value) == null ? void 0 : Ke[Oe]) === void 0 && (r.value = { ...r.value, [Oe]: [] }), r.value[Oe][U] = Sn;
|
|
2813
|
+
}), wn && (((fe = r.value) == null ? void 0 : fe[we]) === void 0 && (r.value = { ...r.value, [we]: [] }), r.value[we][U] = (he = J.rowActionsRef) == null ? void 0 : he[0], P.value = Math.max(
|
|
2814
|
+
P.value,
|
|
2815
|
+
((Ye = (pe = J.rowActionsRef) == null ? void 0 : pe[0]) == null ? void 0 : Ye.offsetWidth) ?? 0
|
|
2787
2816
|
));
|
|
2788
2817
|
}
|
|
2789
|
-
},
|
|
2790
|
-
e.allowRowClicks &&
|
|
2791
|
-
},
|
|
2792
|
-
|
|
2793
|
-
},
|
|
2794
|
-
label: o != null && o.header ?
|
|
2818
|
+
}, rn = (x, U) => {
|
|
2819
|
+
e.allowRowClicks && $(T.ROW_CLICK, x, U);
|
|
2820
|
+
}, dn = (x) => {
|
|
2821
|
+
X.value = x;
|
|
2822
|
+
}, cn = h(() => !!e.selectableAcrossPages && !!e.pagination), un = h(() => e.hasNestedContent || e.hasNestedRows ? "treegrid" : "grid"), fn = xn({
|
|
2823
|
+
label: o != null && o.header ? Fn(o)("header") : null,
|
|
2795
2824
|
defaultFallback: "data grid"
|
|
2796
|
-
}),
|
|
2797
|
-
var
|
|
2798
|
-
return ((
|
|
2799
|
-
}),
|
|
2800
|
-
|
|
2801
|
-
},
|
|
2802
|
-
|
|
2825
|
+
}), Ze = h(() => {
|
|
2826
|
+
var x;
|
|
2827
|
+
return ((x = We.value) == null ? void 0 : x.length) ?? 0;
|
|
2828
|
+
}), gn = h(() => e.bulkActions && Ze.value > 0), _n = (x) => $(T.COLUMN_RESIZE, x), vn = (x) => {
|
|
2829
|
+
$(T.UPDATE_SORT_BY, x), $(T.SORT, x);
|
|
2830
|
+
}, mn = (x, U) => {
|
|
2831
|
+
$(T.NAVIGATE, x), $(T.UPDATE_PAGINATION, {
|
|
2803
2832
|
...e.pagination,
|
|
2804
|
-
size:
|
|
2805
|
-
page:
|
|
2833
|
+
size: U,
|
|
2834
|
+
page: x
|
|
2806
2835
|
});
|
|
2807
|
-
},
|
|
2808
|
-
|
|
2809
|
-
},
|
|
2810
|
-
|
|
2811
|
-
},
|
|
2812
|
-
|
|
2813
|
-
},
|
|
2814
|
-
|
|
2836
|
+
}, Cn = (x) => {
|
|
2837
|
+
$(T.ITEMS_PAGE, x);
|
|
2838
|
+
}, hn = () => {
|
|
2839
|
+
$(T.FILTER_SEARCH_CLEAR);
|
|
2840
|
+
}, pn = (x) => {
|
|
2841
|
+
$(T.UPDATE_FILTER_SEARCH_TERM, x), $(T.FILTER_SEARCH_INPUT, x);
|
|
2842
|
+
}, je = h(() => d.value.some((x) => x.mandatory));
|
|
2843
|
+
je.value || Ct(
|
|
2815
2844
|
"WARNING: At least one BentoDataGrid column should be set as mandatory to ensure data is always displayed correctly."
|
|
2816
2845
|
);
|
|
2817
|
-
const
|
|
2818
|
-
return
|
|
2846
|
+
const qe = Ie(Bn, () => null);
|
|
2847
|
+
return qe(e.tabTitle), vt(Ot, Ne(e, "slashedZero")), t({ onEmptyStateClearResetButtonClick: Ve }), { __sfc: !0, props: e, slots: o, hasSlot: l, body: a, columnsRef: f, columnHeaderRefs: _, gridcellRefs: r, filtersRef: R, filterBarRef: u, paginationContainerRef: E, verticalScrollPositionRef: p, virtualHorizontalScrollbarRef: c, allowColumnDragAndDrop: C, columns: d, columnPanel: w, data: v, lazyLoadType: S, loading: A, hasNestedContent: N, hasNestedRows: I, selectable: g, selection: O, selectableAcrossPages: D, stickyPagination: z, outline: H, pagination: k, hoveredRowIndex: X, t: j, frozenColumnsLength: V, registerDatagridInDataGridTemplate: q, additionalContentSlotRef: m, isDataGridTemplate: L, stickyTabs: M, tabsRef: i, stickyAdditionalContent: B, computedColumnsTabIndex: Y, columnDefs: K, onColumnWidthOverride: Q, gridRowWidthStyle: ve, isMeasuringColumnWidths: me, isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: ue, localColumnsState: b, totalWidthOfAllColumns: F, rowActionsMaxWidth: P, definedEmitsFunction: n, emit: $, stickyFiltersHeight: le, computedStickyFiltersTopPosition: Ce, columnHeadersHeight: ie, computedColumnHeadersTopPosition: Nt, sortedColumns: Re, columnSets: Ee, isOnlyOneVisibleColumn: It, onConfigSettingsUpdate: Dt, onConfigSettingsColumnsUpdate: xt, onConfigSettingsColumnUpdate: Ft, hoveredOverColumn: Mt, hoveredOverColumnState: Bt, draggingColumns: $t, draggingEventsForColumns: Pt, draggingEventsForRowCell: Ut, onMoveColumnByOffset: zt, onAllRowSelect: kt, onRowSelect: Wt, onNestedRowSelect: Gt, selectedItems: We, allItemsSelectedState: Ht, navigationInput: Vt, isLazyLoad: Le, isInfiniteScroll: Zt, verticalScrollPosition: Ge, emitLazyLoadEvent: jt, updateScrollPosition: qt, updateScrollPositionOnFrozenColumnsNavigation: Yt, syncVirtualScrollerWithBody: Kt, hasLeftOverflow: Ae, hasRightOverflow: He, horizontalScrollbarConditionalStyles: Xt, onEmptyStateClearResetButtonClick: Ve, limitedEmptyStateProps: Jt, conditionalGridClasses: Qt, conditionalGridBodyClasses: en, computedColumnPanelAlignment: tn, showFrozenColumnsSeparator: nn, conditionalFilterClasses: sn, conditionalPaginationClasses: on, registerColumnHeaderRefs: ln, registerRowCellRefs: an, onRowClick: rn, onCellHover: dn, selectableAcrossPagesComputed: cn, ariaGridRole: un, ariaGridHeaderText: fn, itemsSelectedCounter: Ze, showActionBar: gn, onColumnResized: _n, onSort: vn, onPaginationNavigate: mn, onItemsPerPageChange: Cn, onSearchTermCleared: hn, onSearchTermInput: pn, hasMandatoryColumn: je, setTitle: qe, BentoActionBar: In, BentoPagination: Dn, BentoLoadingIndicator: $e, BentoTypography: be, BentoDataGridConfigSettings: yo, DataGridColumns: lo, DataGridLazyLoad: To, DataGridRow: Tt, handleClipboard: ys, BentoDatagridEvent: T, BentoFilterBar: Te, BentoEmptyState: Mn };
|
|
2819
2848
|
}
|
|
2820
2849
|
});
|
|
2821
|
-
var
|
|
2850
|
+
var Cl = function() {
|
|
2822
2851
|
var o;
|
|
2823
2852
|
var t = this, n = t._self._c, e = t._self._setupProxy;
|
|
2824
|
-
return n("div", { staticClass: "b-data-grid", class: e.conditionalGridClasses, attrs: { "aria-rowcount": e.data.length, "aria-colcount": e.columns.length, "aria-label": e.ariaGridHeaderText, role: e.ariaGridRole }, on: { copy: e.handleClipboard } }, [t.filters ? n("div", { ref: "filtersRef", staticClass: "b-data-grid__filters", class: e.conditionalFilterClasses, style: { top: e.computedStickyFiltersTopPosition } }, [t.filters ? n(e.BentoFilterBar, { ref: "filterBarRef", attrs: { config: t.filters, "container-size-layout": t.filtersContainerSizeLayout, "filter-values": t.filterValues, search: t.filterSearchConfig, "search-term": t.filterSearchTerm }, on: { "search-input": e.onSearchTermInput, "search-clear": e.onSearchTermCleared, input: (l) => t.$emit(e.BentoDatagridEvent.UPDATE_FILTERS, l), "update:filter-values": (l) => t.$emit(e.BentoDatagridEvent.UPDATE_FILTER_VALUES, l) } }) : t._e()], 1) : t._e(), t.$slots.header ? n("div", { staticClass: "b-data-grid__header" }, [t._t("header")], 2) : t._e(), n("div", { staticClass: "b-data-grid__column-headers", style: { top: e.computedColumnHeadersTopPosition } }, [e.columnPanel ? n(e.BentoDataGridConfigSettings, { staticClass: "b-data-grid__config-settings", attrs: { columns: e.localColumnsState, condensed: t.condensed }, on: { "config-settings": e.onConfigSettingsUpdate, "update:columns": e.onConfigSettingsColumnsUpdate } }) : t._e(), n("div", { ref: "columnsRef", staticClass: "b-data-grid__columns-row", attrs: { role: "rowgroup", tabindex: e.computedColumnsTabIndex }, on: { scroll: e.updateScrollPosition, keydown: e.navigationInput } }, [n("div", { staticClass: "b-data-grid__columns", style: e.gridRowWidthStyle, attrs: { role: "row" } }, [t._l(e.columnSets, function({ columnSet: l, id: a, isFrozenColumns:
|
|
2825
|
-
return [l != null && l.length ? n(e.DataGridColumns, t._g({ key: `data-grid-columns-${a}`, ref: (r) => e.registerColumnHeaderRefs(r), refInFor: !0, attrs: { columns: l, "has-resizable-columns": t.hasResizableColumns, "sort-by": t.sortBy, "all-items-selected-state": e.allItemsSelectedState, "is-frozen-columns":
|
|
2853
|
+
return n("div", { staticClass: "b-data-grid", class: e.conditionalGridClasses, attrs: { "aria-rowcount": e.data.length, "aria-colcount": e.columns.length, "aria-label": e.ariaGridHeaderText, role: e.ariaGridRole }, on: { copy: e.handleClipboard } }, [t.filters ? n("div", { ref: "filtersRef", staticClass: "b-data-grid__filters", class: e.conditionalFilterClasses, style: { top: e.computedStickyFiltersTopPosition } }, [t.filters ? n(e.BentoFilterBar, { ref: "filterBarRef", attrs: { config: t.filters, "container-size-layout": t.filtersContainerSizeLayout, "filter-values": t.filterValues, search: t.filterSearchConfig, "search-term": t.filterSearchTerm }, on: { "search-input": e.onSearchTermInput, "search-clear": e.onSearchTermCleared, input: (l) => t.$emit(e.BentoDatagridEvent.UPDATE_FILTERS, l), "update:filter-values": (l) => t.$emit(e.BentoDatagridEvent.UPDATE_FILTER_VALUES, l) } }) : t._e()], 1) : t._e(), t.$slots.header ? n("div", { staticClass: "b-data-grid__header" }, [t._t("header")], 2) : t._e(), n("div", { staticClass: "b-data-grid__column-headers", style: { top: e.computedColumnHeadersTopPosition } }, [e.columnPanel ? n(e.BentoDataGridConfigSettings, { staticClass: "b-data-grid__config-settings", attrs: { columns: e.localColumnsState, condensed: t.condensed }, on: { "config-settings": e.onConfigSettingsUpdate, "update:columns": e.onConfigSettingsColumnsUpdate } }) : t._e(), n("div", { ref: "columnsRef", staticClass: "b-data-grid__columns-row", attrs: { role: "rowgroup", tabindex: e.computedColumnsTabIndex }, on: { scroll: e.updateScrollPosition, keydown: e.navigationInput } }, [n("div", { staticClass: "b-data-grid__columns", style: e.gridRowWidthStyle, attrs: { role: "row" } }, [t._l(e.columnSets, function({ columnSet: l, id: a, isFrozenColumns: f }, _) {
|
|
2854
|
+
return [l != null && l.length ? n(e.DataGridColumns, t._g({ key: `data-grid-columns-${a}`, ref: (r) => e.registerColumnHeaderRefs(r), refInFor: !0, attrs: { columns: l, "has-resizable-columns": t.hasResizableColumns, "sort-by": t.sortBy, "all-items-selected-state": e.allItemsSelectedState, "is-frozen-columns": f, "show-frozen-columns-separator": e.showFrozenColumnsSeparator, "dragging-columns": e.draggingColumns, "has-draggable-columns": e.allowColumnDragAndDrop, "has-column-panel": e.columnPanel, "has-left-overflow": e.hasLeftOverflow, "has-first-column-panel-right-aligned": _ === e.computedColumnPanelAlignment, "hovered-over-column-state": e.hoveredOverColumnState, "is-measuring-column-widths": e.isMeasuringColumnWidths, "is-only-one-visible-column": e.isOnlyOneVisibleColumn, selectable: e.selectable, "selectable-across-pages": e.selectableAcrossPagesComputed, "truncate-column-headers": t.truncateColumnHeaders, "row-actions-maximum-width": e.rowActionsMaxWidth }, on: { "column-hover": function(r) {
|
|
2826
2855
|
e.hoveredOverColumn = r;
|
|
2827
2856
|
}, "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) {
|
|
2828
2857
|
return e.emit(e.BentoDatagridEvent.SELECT_ALL_ACROSS_PAGES);
|
|
2829
|
-
}, sort: e.onSort }, scopedSlots: t._u([t._l(e.slots, function(r,
|
|
2830
|
-
return { key:
|
|
2831
|
-
return [t._t(
|
|
2858
|
+
}, sort: e.onSort }, scopedSlots: t._u([t._l(e.slots, function(r, R) {
|
|
2859
|
+
return { key: R, fn: function(u) {
|
|
2860
|
+
return [t._t(R, null, null, u)];
|
|
2832
2861
|
} };
|
|
2833
2862
|
})], null, !0) }, e.draggingEventsForColumns)) : t._e()];
|
|
2834
2863
|
})], 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) {
|
|
2835
|
-
var
|
|
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 === ((
|
|
2864
|
+
var f, _;
|
|
2865
|
+
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 === ((f = e.data) == null ? void 0 : f.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) {
|
|
2837
2866
|
return e.emit(e.BentoDatagridEvent.NESTED_CONTENT_TOGGLED, r);
|
|
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,
|
|
2839
|
-
return { key:
|
|
2840
|
-
return [t._t(
|
|
2867
|
+
}, "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, R) {
|
|
2868
|
+
return { key: R, fn: function(u) {
|
|
2869
|
+
return [t._t(R, null, null, u)];
|
|
2841
2870
|
} };
|
|
2842
2871
|
})], null, !0) });
|
|
2843
2872
|
}), 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) {
|
|
2844
2873
|
return e.onAllRowSelect(!1);
|
|
2845
2874
|
} } }) : t._e()], 1);
|
|
2846
|
-
},
|
|
2847
|
-
_l,
|
|
2848
|
-
vl,
|
|
2875
|
+
}, hl = [], pl = /* @__PURE__ */ G(
|
|
2849
2876
|
ml,
|
|
2877
|
+
Cl,
|
|
2878
|
+
hl,
|
|
2850
2879
|
!1,
|
|
2851
2880
|
null,
|
|
2852
2881
|
"eea84d8f"
|
|
2853
2882
|
);
|
|
2854
|
-
const
|
|
2883
|
+
const _a = pl.exports;
|
|
2855
2884
|
export {
|
|
2856
|
-
|
|
2857
|
-
|
|
2858
|
-
|
|
2859
|
-
|
|
2860
|
-
|
|
2861
|
-
|
|
2885
|
+
xe as B,
|
|
2886
|
+
fa as a,
|
|
2887
|
+
ga as b,
|
|
2888
|
+
de as c,
|
|
2889
|
+
_a as d,
|
|
2890
|
+
_e as e,
|
|
2862
2891
|
T as f,
|
|
2863
|
-
|
|
2892
|
+
ye as g
|
|
2864
2893
|
};
|
|
2865
|
-
//# sourceMappingURL=data-grid.
|
|
2894
|
+
//# sourceMappingURL=data-grid.o64ltIur.js.map
|