@adyen/bento-vue3 1.66.0 → 1.67.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 +65 -29
- package/dist/action-bar.js +1 -1
- package/dist/assets/accordion-item.css +1 -1
- package/dist/assets/action-bar.css +1 -1
- package/dist/assets/base-modal.css +1 -1
- package/dist/assets/button-actions.css +1 -1
- package/dist/assets/card.css +1 -1
- package/dist/assets/data-grid.css +1 -1
- package/dist/assets/date-range-picker.css +1 -1
- package/dist/assets/dialog-page.css +1 -1
- package/dist/assets/dropdown-default-textbox.css +1 -1
- package/dist/assets/file-uploader.css +1 -1
- package/dist/assets/footer-actions.css +1 -1
- package/dist/assets/header-with-views.css +1 -1
- package/dist/assets/input-field-password.css +1 -1
- package/dist/assets/input-field.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/button.js +1 -1
- package/dist/card.js +1 -1
- package/dist/chunks/{action-bar.OzhLTUKc.js → action-bar.ComuZPet.js} +4 -4
- package/dist/chunks/{action-bar.OzhLTUKc.js.map → action-bar.ComuZPet.js.map} +1 -1
- package/dist/chunks/{base-modal.CCwWuH6k.js → base-modal.DzJrvis_.js} +2 -2
- package/dist/chunks/{base-modal.CCwWuH6k.js.map → base-modal.DzJrvis_.js.map} +1 -1
- package/dist/chunks/{button-actions-with-menu.xZYmwO7S.js → button-actions-with-menu.B0nWCTwZ.js} +3 -3
- package/dist/chunks/{button-actions-with-menu.xZYmwO7S.js.map → button-actions-with-menu.B0nWCTwZ.js.map} +1 -1
- package/dist/chunks/{button-actions.D1pXI1AJ.js → button-actions.BwpznQ6c.js} +2 -2
- package/dist/chunks/button-actions.BwpznQ6c.js.map +1 -0
- package/dist/chunks/{card.DiBtLuRU.js → card.JBOvn2BO.js} +2 -2
- package/dist/chunks/{card.DiBtLuRU.js.map → card.JBOvn2BO.js.map} +1 -1
- package/dist/chunks/{code-snippet.DPIhpuKa.js → code-snippet.vrlSqi9k.js} +3 -3
- package/dist/chunks/{code-snippet.DPIhpuKa.js.map → code-snippet.vrlSqi9k.js.map} +1 -1
- package/dist/chunks/{dashboard-section.BmtN9b0B.js → dashboard-section.Bg0dfNs-.js} +2 -2
- package/dist/chunks/{dashboard-section.BmtN9b0B.js.map → dashboard-section.Bg0dfNs-.js.map} +1 -1
- package/dist/chunks/{dashed-underline.ywc0ydgS.js → dashed-underline.DgE-UB-x.js} +2 -2
- package/dist/chunks/{dashed-underline.ywc0ydgS.js.map → dashed-underline.DgE-UB-x.js.map} +1 -1
- package/dist/chunks/{data-grid-template.DAuqLhPI.js → data-grid-template.Df7j2oxe.js} +2 -2
- package/dist/chunks/{data-grid-template.DAuqLhPI.js.map → data-grid-template.Df7j2oxe.js.map} +1 -1
- package/dist/chunks/{data-grid.BrYCmbPR.js → data-grid.rDZadZwc.js} +367 -365
- package/dist/chunks/data-grid.rDZadZwc.js.map +1 -0
- package/dist/chunks/{date-picker.Bk4FNLyR.js → date-picker.CZ6zU-NJ.js} +15 -15
- package/dist/chunks/{date-picker.Bk4FNLyR.js.map → date-picker.CZ6zU-NJ.js.map} +1 -1
- package/dist/chunks/date-range-picker.Dw4R9bIs.js +1225 -0
- package/dist/chunks/date-range-picker.Dw4R9bIs.js.map +1 -0
- package/dist/chunks/{dropdown-default-textbox.B05elQig.js → dropdown-default-textbox.Ce5D3ipi.js} +40 -39
- package/dist/chunks/dropdown-default-textbox.Ce5D3ipi.js.map +1 -0
- package/dist/chunks/{dropdown-tag.BUDNO3d0.js → dropdown-tag.BlHovDol.js} +2 -2
- package/dist/chunks/{dropdown-tag.BUDNO3d0.js.map → dropdown-tag.BlHovDol.js.map} +1 -1
- package/dist/chunks/{dropdown.usAqDecC.js → dropdown.B5ZaFDn_.js} +30 -30
- package/dist/chunks/{dropdown.usAqDecC.js.map → dropdown.B5ZaFDn_.js.map} +1 -1
- package/dist/chunks/{filter-bar.BxfaFHTk.js → filter-bar.XonJn7ao.js} +11 -11
- package/dist/chunks/{filter-bar.BxfaFHTk.js.map → filter-bar.XonJn7ao.js.map} +1 -1
- package/dist/chunks/{footer-actions.vQ4flLqU.js → footer-actions.CdJLLWNR.js} +2 -2
- package/dist/chunks/{footer-actions.vQ4flLqU.js.map → footer-actions.CdJLLWNR.js.map} +1 -1
- package/dist/chunks/{header-with-views.COrWDbtU.js → header-with-views.CHbH1_1V.js} +669 -652
- package/dist/chunks/header-with-views.CHbH1_1V.js.map +1 -0
- package/dist/chunks/{header.DAEUKoX5.js → header.CJJWPB5Z.js} +4 -4
- package/dist/chunks/{header.DAEUKoX5.js.map → header.CJJWPB5Z.js.map} +1 -1
- package/dist/chunks/{info-icon-with-popover.Duk1tj5G.js → info-icon-with-popover.DVH46dPy.js} +2 -2
- package/dist/chunks/{info-icon-with-popover.Duk1tj5G.js.map → info-icon-with-popover.DVH46dPy.js.map} +1 -1
- package/dist/chunks/{input-field-password.XrXAnMpT.js → input-field-password.DWZAf1Oh.js} +86 -85
- package/dist/chunks/input-field-password.DWZAf1Oh.js.map +1 -0
- package/dist/chunks/{input-field-phone-number.CNurVdiF.js → input-field-phone-number.CbpRItYf.js} +3 -3
- package/dist/chunks/{input-field-phone-number.CNurVdiF.js.map → input-field-phone-number.CbpRItYf.js.map} +1 -1
- package/dist/chunks/input-field.DExw_Cow.js +303 -0
- package/dist/chunks/input-field.DExw_Cow.js.map +1 -0
- package/dist/chunks/{menu.CiyYOoKd.js → menu.CeLJ1gIz.js} +2 -2
- package/dist/chunks/{menu.CiyYOoKd.js.map → menu.CeLJ1gIz.js.map} +1 -1
- package/dist/chunks/{modal-fullscreen.CuL9oSAq.js → modal-fullscreen.CZnLS-fQ.js} +2 -2
- package/dist/chunks/{modal-fullscreen.CuL9oSAq.js.map → modal-fullscreen.CZnLS-fQ.js.map} +1 -1
- package/dist/chunks/{modal.vue_vue_type_script_setup_true_lang.LnD61fHp.js → modal.vue_vue_type_script_setup_true_lang.CP7dV1Yy.js} +4 -4
- package/dist/chunks/{modal.vue_vue_type_script_setup_true_lang.LnD61fHp.js.map → modal.vue_vue_type_script_setup_true_lang.CP7dV1Yy.js.map} +1 -1
- package/dist/chunks/{pagination._rYMF2W_.js → pagination.DL9LmFMJ.js} +2 -2
- package/dist/chunks/{pagination._rYMF2W_.js.map → pagination.DL9LmFMJ.js.map} +1 -1
- package/dist/chunks/{popover.maCMPyz8.js → popover.VI3TrUkL.js} +2 -2
- package/dist/chunks/{popover.maCMPyz8.js.map → popover.VI3TrUkL.js.map} +1 -1
- package/dist/chunks/promo-banner.CQp3z2CP.js.map +1 -1
- package/dist/chunks/{rich-text-editor.RD8aCPTi.js → rich-text-editor.Dl9PsYbk.js} +4 -3
- package/dist/chunks/{rich-text-editor.RD8aCPTi.js.map → rich-text-editor.Dl9PsYbk.js.map} +1 -1
- package/dist/chunks/{search-bar.i7BY4IGB.js → search-bar.a-jzP1UA.js} +3 -3
- package/dist/chunks/{search-bar.i7BY4IGB.js.map → search-bar.a-jzP1UA.js.map} +1 -1
- package/dist/chunks/{secondary-nav.DkRQsIx7.js → secondary-nav.UrmIAVGD.js} +2 -2
- package/dist/chunks/{secondary-nav.DkRQsIx7.js.map → secondary-nav.UrmIAVGD.js.map} +1 -1
- package/dist/chunks/{sidepanel.CTIjklfG.js → sidepanel.BuNmgmpj.js} +2 -2
- package/dist/chunks/{sidepanel.CTIjklfG.js.map → sidepanel.BuNmgmpj.js.map} +1 -1
- package/dist/chunks/{summary-grid.types.BTr6x5cg.js → summary-grid.types.CoSCUI1V.js} +2 -2
- package/dist/chunks/{summary-grid.types.BTr6x5cg.js.map → summary-grid.types.CoSCUI1V.js.map} +1 -1
- package/dist/chunks/{timeline-item.Coz_LRD3.js → timeline-item.BRHwCA1F.js} +2 -2
- package/dist/chunks/{timeline-item.Coz_LRD3.js.map → timeline-item.BRHwCA1F.js.map} +1 -1
- package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.E8oBlhrC.js → tutorial.vue_vue_type_script_setup_true_lang.CAf69UYO.js} +4 -4
- package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.E8oBlhrC.js.map → tutorial.vue_vue_type_script_setup_true_lang.CAf69UYO.js.map} +1 -1
- package/dist/chunks/{use-cached-selected-values.rqtiP4Nd.js → use-cached-selected-values.D7dOPJSO.js} +87 -83
- package/dist/chunks/use-cached-selected-values.D7dOPJSO.js.map +1 -0
- package/dist/code-snippet.js +1 -1
- package/dist/dashboard-template.js +1 -1
- package/dist/dashed-underline.js +1 -1
- package/dist/data-grid-template.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 +4 -4
- package/dist/filter-bar.js +1 -1
- package/dist/header-with-views.js +1 -1
- package/dist/header.js +1 -1
- package/dist/index.js +33 -33
- 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 +4 -4
- package/dist/menu.js +1 -1
- package/dist/modal-fullscreen.js +1 -1
- package/dist/modal.js +2 -2
- package/dist/pagination.js +1 -1
- package/dist/popover.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/sidepanel.js +1 -1
- package/dist/summary-grid.js +1 -1
- package/dist/timeline.js +1 -1
- package/dist/tutorial.js +1 -1
- package/dist/web-types.json +1 -1
- package/package.json +6 -6
- package/dist/chunks/button-actions.D1pXI1AJ.js.map +0 -1
- package/dist/chunks/data-grid.BrYCmbPR.js.map +0 -1
- package/dist/chunks/date-range-picker.-YsRuGmp.js +0 -1208
- package/dist/chunks/date-range-picker.-YsRuGmp.js.map +0 -1
- package/dist/chunks/dropdown-default-textbox.B05elQig.js.map +0 -1
- package/dist/chunks/header-with-views.COrWDbtU.js.map +0 -1
- package/dist/chunks/input-field-password.XrXAnMpT.js.map +0 -1
- package/dist/chunks/input-field.EOIwm2tq.js +0 -298
- package/dist/chunks/input-field.EOIwm2tq.js.map +0 -1
- package/dist/chunks/use-cached-selected-values.rqtiP4Nd.js.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ref as R, onMounted as qe, nextTick as Ce, watch as ye, onUnmounted as Qt, reactive as ct, toRefs as ft, computed as p, watchEffect as Qn, onBeforeUpdate as el, createElementBlock as
|
|
1
|
+
import { ref as R, onMounted as qe, nextTick as Ce, watch as ye, onUnmounted as Qt, reactive as ct, toRefs as ft, computed as p, watchEffect as Qn, onBeforeUpdate as el, createElementBlock as S, openBlock as f, mergeProps as ee, createCommentVNode as z, createElementVNode as O, toDisplayString as q, defineComponent as Ne, normalizeClass as fe, Fragment as ve, renderList as be, unref as o, toHandlers as nt, createVNode as Y, createBlock as B, withCtx as H, renderSlot as Te, withModifiers as tl, normalizeStyle as ke, resolveComponent as Le, withDirectives as gt, createTextVNode as ce, vShow as nl, toRef as it, resolveDirective as ll, Transition as en, createSlots as He, resolveDynamicComponent as Ze, useSlots as vt, provide as tn, inject as at, withKeys as Nt, normalizeProps as ol, guardReactiveProps as sl } from "vue";
|
|
2
2
|
import { C as il } from "./checkmark-circle-fill._6-d40ru.js";
|
|
3
3
|
import { W as al } from "./warning-filled.AiUbXzzg.js";
|
|
4
4
|
/* empty css */
|
|
@@ -8,32 +8,32 @@ import { N as It } from "./minus-small.DYIyF5XW.js";
|
|
|
8
8
|
import { l as $t, B as rl } from "./events.FNmSWp_P.js";
|
|
9
9
|
import { E as Re, B as dl, T as ul } from "./tooltip.VYPUHERk.js";
|
|
10
10
|
import { c as cl } from "./popper-container.types.BCZMbVFD.js";
|
|
11
|
-
import { B as fl } from "./dashed-underline.
|
|
11
|
+
import { B as fl } from "./dashed-underline.DgE-UB-x.js";
|
|
12
12
|
import { B as Ke, p as ln } from "./typography.DN5eC5ch.js";
|
|
13
13
|
import { u as Fe } from "./i18n.B6g5VX0q.js";
|
|
14
|
-
import { B as gl } from "./action-bar.
|
|
15
|
-
import { B as vl } from "./pagination.
|
|
14
|
+
import { B as gl } from "./action-bar.ComuZPet.js";
|
|
15
|
+
import { B as vl } from "./pagination.DL9LmFMJ.js";
|
|
16
16
|
import { B as mt } from "./loading-indicator.DEepb9Wl.js";
|
|
17
17
|
import { u as ht } from "./use-has-slot.B7eQSabc.js";
|
|
18
18
|
import { u as ml } from "./aria-label.CaUURpnB.js";
|
|
19
19
|
import { g as hl } from "./get-slot-text.DQlZEsId.js";
|
|
20
|
-
import { B as st } from "./filter-bar.
|
|
20
|
+
import { B as st } from "./filter-bar.XonJn7ao.js";
|
|
21
21
|
import { B as Cl } from "./empty-state.D7llINgF.js";
|
|
22
|
-
import { E as
|
|
23
|
-
import { D as
|
|
22
|
+
import { E as _l } from "./tabs.keys.Cb4Vw5Jh.js";
|
|
23
|
+
import { D as wl } from "./data-grid-template.keys.2_AkxuNT.js";
|
|
24
24
|
import { o as Ct } from "./resize.Bqks3WUm.js";
|
|
25
|
-
import { a as Dt, B as bl } from "./popover.
|
|
25
|
+
import { a as Dt, B as bl } from "./popover.VI3TrUkL.js";
|
|
26
26
|
import { B as on } from "./button.AB0SOQMn.js";
|
|
27
27
|
import { B as sn } from "./toggle.BuKXexA6.js";
|
|
28
|
-
import { B as yl } from "./search-bar.
|
|
29
|
-
import { u as pl } from "./dropdown.
|
|
30
|
-
import { B as
|
|
28
|
+
import { B as yl } from "./search-bar.a-jzP1UA.js";
|
|
29
|
+
import { u as pl } from "./dropdown.B5ZaFDn_.js";
|
|
30
|
+
import { B as El } from "./directive.Cbdox5VL.js";
|
|
31
31
|
import { g as rt } from "./generate-uid.NJ8tVoha.js";
|
|
32
|
-
import { S as
|
|
33
|
-
import { B as
|
|
32
|
+
import { S as Sl } from "./search.PczW-onY.js";
|
|
33
|
+
import { B as _t } from "./toggle-button.NQwrfSr1.js";
|
|
34
34
|
import { B as an } from "./checkbox.fkPJvdUo.js";
|
|
35
35
|
import { B as Ll } from "./info-icon.DprUQ9fj.js";
|
|
36
|
-
import { B as dt, O as Rl, D as Al } from "./menu.
|
|
36
|
+
import { B as dt, O as Rl, D as Al } from "./menu.CeLJ1gIz.js";
|
|
37
37
|
import { A as Ol } from "./dialog-page.C80HOigq.js";
|
|
38
38
|
import { H as Tl, S as Nl } from "./show.CT4Augxb.js";
|
|
39
39
|
import { b as rn } from "./focus-trap.CljZgv9i.js";
|
|
@@ -42,7 +42,7 @@ import { E as $l } from "./link.BBpxiclu.js";
|
|
|
42
42
|
import { C as Dl } from "./copy.RUoQOydT.js";
|
|
43
43
|
import { C as kl } from "./chevron-down.DCQ6ZLaq.js";
|
|
44
44
|
import { C as Ml } from "./chevron-up.kfuLRpZb.js";
|
|
45
|
-
import { d as kt, e as Mt } from "./button-actions.
|
|
45
|
+
import { d as kt, e as Mt } from "./button-actions.BwpznQ6c.js";
|
|
46
46
|
import "../assets/data-grid.css";
|
|
47
47
|
const Ft = (e) => {
|
|
48
48
|
if (!e)
|
|
@@ -59,23 +59,23 @@ const Ft = (e) => {
|
|
|
59
59
|
}, Ut = (e, i, a = R(!1), n = null) => {
|
|
60
60
|
const c = R(0);
|
|
61
61
|
let t = null, l = null;
|
|
62
|
-
const
|
|
63
|
-
const C = i.value ? Ft(e.value) : 0,
|
|
64
|
-
c.value = C +
|
|
62
|
+
const w = () => {
|
|
63
|
+
const C = i.value ? Ft(e.value) : 0, _ = a.value && n ? Ft(n.value) : 0;
|
|
64
|
+
c.value = C + _;
|
|
65
65
|
};
|
|
66
66
|
return qe(() => {
|
|
67
67
|
Ce(() => {
|
|
68
68
|
const C = ye(
|
|
69
69
|
e,
|
|
70
70
|
() => {
|
|
71
|
-
e != null && e.value && (Ce(() => C()), t = Ct(e.value,
|
|
71
|
+
e != null && e.value && (Ce(() => C()), t = Ct(e.value, w), l = new MutationObserver(w), l.observe(e.value, { attributes: !0, attributeFilter: ["class"] }));
|
|
72
72
|
},
|
|
73
73
|
{ immediate: !0 }
|
|
74
74
|
);
|
|
75
75
|
ye(
|
|
76
76
|
[i, a],
|
|
77
77
|
() => {
|
|
78
|
-
|
|
78
|
+
w();
|
|
79
79
|
},
|
|
80
80
|
{ immediate: !0 }
|
|
81
81
|
);
|
|
@@ -84,30 +84,30 @@ const Ft = (e) => {
|
|
|
84
84
|
t == null || t.disconnect(), l == null || l.disconnect();
|
|
85
85
|
}), c;
|
|
86
86
|
};
|
|
87
|
-
var ut = /* @__PURE__ */ ((e) => (e.WRAP = "wrap", e.ELLIPSIS = "ellipsis", e))(ut || {}),
|
|
87
|
+
var ut = /* @__PURE__ */ ((e) => (e.WRAP = "wrap", e.ELLIPSIS = "ellipsis", e))(ut || {}), $e = /* @__PURE__ */ ((e) => (e.OUTLINE = "outline", e.SCROLL = "scroll", e.STICKY_FILTERS = "sticky-filters", e.OVERFLOW_SHADOW_LEFT = "overflow-shadow-left", e.OVERFLOW_SHADOW_RIGHT = "overflow-shadow-right", e.NO_SPACING_TOP = "no-spacing-top", e.FIT_CONTENT = "fit-content", e))($e || {}), Me = /* @__PURE__ */ ((e) => (e.ASCENDING = "asc", e.DESCENDING = "desc", e))(Me || {}), M = /* @__PURE__ */ ((e) => (e.COLUMNS = "columns", e.COLUMN_RESIZE = "column-resize", e.ITEMS_PAGE = "items-page", e.NAVIGATE = "navigate", e.NESTED_CONTENT_TOGGLED = "nested-content-toggled", e.FILTER_SEARCH_INPUT = "filter-search-input", e.FILTER_SEARCH_CLEAR = "filter-search-clear", e.UPDATE_COLUMNS = "update:columns", e.UPDATE_CONDENSED = "update:condensed", e.UPDATE_FILTERS = "update:filters", e.UPDATE_FILTER_VALUES = "update:filter-values", e.UPDATE_FILTER_SEARCH_TERM = "update:filter-search-term", e.UPDATE_PAGINATION = "update:pagination", e.UPDATE_SELECTION = "update:selection", e.UPDATE_SHOW_MORE = "update:show-more", e.UPDATE_SORT_BY = "update:sort-by", e.ROW_CLICK = "row-click", e.SELECT = "select", e.SELECT_ALL_ACROSS_PAGES = "select-all-across-pages", e.SORT = "sort", e))(M || {}), tt = /* @__PURE__ */ ((e) => (e.ASCENDING = "ascending", e.DESCENDING = "descending", e.NONE = "none", e))(tt || {}), le = /* @__PURE__ */ ((e) => (e.COLUMN_RESIZE = "column-resize", e.COLUMN_RESIZING = "column-resizing", e.SELECT_ALL_ROWS = "select-all-rows", e.SELECT_ALL_ACROSS_PAGES = "select-all-across-pages", e.COLUMN_MOVE = "column-move", e.COLUMN_UPDATE = "column-update", e.COLUMN_MENU_OPEN = "column-menu-open", e.COLUMN_MENU_CLOSE = "column-menu-close", e.COLUMN_HOVER = "column-hover", e.COLUMN_DRAG_START = "column-dragstart", e.COLUMN_DRAG_ENTER = "column-dragenter", e.COLUMN_DRAG_END = "column-dragend", e.COLUMN_DROP = "column-drop", e))(le || {});
|
|
88
88
|
const Fl = (e, i) => {
|
|
89
|
-
const a = R(null), n = R(!1), c = R(void 0), t = e.value.reduce((A, d) => (A[d.field] = null, A), {}), l = ct(t),
|
|
90
|
-
let C = 0,
|
|
89
|
+
const a = R(null), n = R(!1), c = R(void 0), t = e.value.reduce((A, d) => (A[d.field] = null, A), {}), l = ct(t), w = ft(l);
|
|
90
|
+
let C = 0, _ = "";
|
|
91
91
|
const L = p(
|
|
92
92
|
() => Object.fromEntries(e.value.map(({ field: A, width: d, minWidth: g }) => [A, { width: d, minWidth: g }]))
|
|
93
93
|
);
|
|
94
94
|
Qn(() => c.value = L.value);
|
|
95
95
|
let v = null, D = null;
|
|
96
96
|
const y = (A) => {
|
|
97
|
-
const d = A.clientX - C, g =
|
|
97
|
+
const d = A.clientX - C, g = _, r = c.value[g].width + d;
|
|
98
98
|
c.value[g].width = r > L.value[g].minWidth ? r : L.value[g].minWidth, i(le.COLUMN_RESIZING, c.value), C = A.clientX;
|
|
99
99
|
}, u = () => {
|
|
100
|
-
n.value = !1, v == null || v(), D == null || D(),
|
|
101
|
-
field:
|
|
102
|
-
width: c.value[
|
|
103
|
-
}), v = null, D = null,
|
|
100
|
+
n.value = !1, v == null || v(), D == null || D(), _ && i(le.COLUMN_RESIZE, {
|
|
101
|
+
field: _,
|
|
102
|
+
width: c.value[_].width
|
|
103
|
+
}), v = null, D = null, _ = "", C = null;
|
|
104
104
|
}, b = (A, d, g) => {
|
|
105
105
|
if (g.preventDefault(), A) {
|
|
106
106
|
if (n.value = !0, g.buttons !== 1) {
|
|
107
107
|
u();
|
|
108
108
|
return;
|
|
109
109
|
}
|
|
110
|
-
|
|
110
|
+
_ = d, C = g.clientX, v = $t(window, "mousemove", y), D = $t(window, "mouseup", u);
|
|
111
111
|
}
|
|
112
112
|
};
|
|
113
113
|
return ye(
|
|
@@ -117,36 +117,36 @@ const Fl = (e, i) => {
|
|
|
117
117
|
}
|
|
118
118
|
), {
|
|
119
119
|
resizeData: c,
|
|
120
|
-
allColumnRefs:
|
|
120
|
+
allColumnRefs: w,
|
|
121
121
|
startResize: b,
|
|
122
122
|
isResizing: n,
|
|
123
123
|
columnHoverEventToEmitAfterResizing: a
|
|
124
124
|
};
|
|
125
|
-
}, Ul = 100, zt = 50,
|
|
126
|
-
const n = {}, c = [], t = (
|
|
127
|
-
const C = n[
|
|
128
|
-
C && C.frozen !== !0 && (n[
|
|
125
|
+
}, Ul = 100, zt = 50, we = "b-actions-column", zl = 32, Pl = 56, Bl = 56, Wl = 80, Gl = 36, Hl = 1, dn = 16, Vl = 20, xl = (e, i, a) => {
|
|
126
|
+
const n = {}, c = [], t = (w) => {
|
|
127
|
+
const C = n[w];
|
|
128
|
+
C && C.frozen !== !0 && (n[w].frozen = !0, c.push(w));
|
|
129
129
|
};
|
|
130
130
|
function l() {
|
|
131
131
|
if (c.length === a.length)
|
|
132
132
|
return;
|
|
133
|
-
const
|
|
134
|
-
let C = e,
|
|
133
|
+
const w = { min: {} };
|
|
134
|
+
let C = e, _ = i, L = 0;
|
|
135
135
|
c.forEach((v) => {
|
|
136
|
-
C -= n[v].computedWidth,
|
|
136
|
+
C -= n[v].computedWidth, _ -= n[v].flex;
|
|
137
137
|
});
|
|
138
138
|
for (let v = 0, D = a.length; v < D; v += 1) {
|
|
139
139
|
const y = a[v];
|
|
140
140
|
if (n[y.field] && n[y.field].frozen === !0)
|
|
141
141
|
continue;
|
|
142
|
-
let b = C /
|
|
143
|
-
b < y.minWidth && (L += y.minWidth - b, b = y.minWidth,
|
|
142
|
+
let b = C / _ * y.flex;
|
|
143
|
+
b < y.minWidth && (L += y.minWidth - b, b = y.minWidth, w.min[y.field] = !0), n[y.field] = {
|
|
144
144
|
frozen: !1,
|
|
145
145
|
computedWidth: b,
|
|
146
146
|
flex: y.flex
|
|
147
147
|
};
|
|
148
148
|
}
|
|
149
|
-
L > 0 ? Object.keys(
|
|
149
|
+
L > 0 ? Object.keys(w.min).forEach((v) => {
|
|
150
150
|
t(v);
|
|
151
151
|
}) : a.forEach(({ field: v }) => {
|
|
152
152
|
t(v);
|
|
@@ -160,7 +160,7 @@ const Fl = (e, i) => {
|
|
|
160
160
|
var i, a, n, c, t;
|
|
161
161
|
return (i = e == null ? void 0 : e.hasNestedContent) != null && i.value || (a = e == null ? void 0 : e.hasNestedRows) != null && a.value ? (n = e == null ? void 0 : e.hasSelectableColumn) != null && n.value ? (c = e == null ? void 0 : e.hasSelectableAcrossPages) != null && c.value ? Wl : Bl : Gl : (t = e == null ? void 0 : e.hasSelectableAcrossPages) != null && t.value ? Pl : zl;
|
|
162
162
|
}, jl = (e, i, a, n, c, t) => {
|
|
163
|
-
const l = R(e.value),
|
|
163
|
+
const l = R(e.value), w = R(i), C = R(a), _ = R(n), L = R(c), v = R(!1), D = R(0);
|
|
164
164
|
ye(
|
|
165
165
|
() => e.value,
|
|
166
166
|
(m, k) => {
|
|
@@ -189,7 +189,7 @@ const Fl = (e, i) => {
|
|
|
189
189
|
const Q = Zl(t);
|
|
190
190
|
re = [
|
|
191
191
|
{
|
|
192
|
-
field:
|
|
192
|
+
field: we,
|
|
193
193
|
label: "",
|
|
194
194
|
minWidth: Q,
|
|
195
195
|
width: Q,
|
|
@@ -224,7 +224,7 @@ const Fl = (e, i) => {
|
|
|
224
224
|
l.value.some((m) => m == null ? void 0 : m.autoWidth) && (v.value = !0, await Ce(), await Ce(), l == null || l.value.filter((m) => m == null ? void 0 : m.autoWidth).forEach(({ field: m, minWidth: k }) => {
|
|
225
225
|
var te, me, he, de;
|
|
226
226
|
const V = Pt(
|
|
227
|
-
(te =
|
|
227
|
+
(te = _.value) == null ? void 0 : te[m],
|
|
228
228
|
(me = t == null ? void 0 : t.hasColumnPanel) == null ? void 0 : me.value
|
|
229
229
|
), X = (de = (he = L.value) == null ? void 0 : he[m]) == null ? void 0 : de.reduce(
|
|
230
230
|
(ge, Q) => Math.max(ge, Pt(Q)),
|
|
@@ -237,7 +237,7 @@ const Fl = (e, i) => {
|
|
|
237
237
|
});
|
|
238
238
|
}), v.value = !1);
|
|
239
239
|
};
|
|
240
|
-
ye([() => l.value, () =>
|
|
240
|
+
ye([() => l.value, () => w.value], async () => {
|
|
241
241
|
l.value.some((m) => m == null ? void 0 : m.autoWidth) && await g();
|
|
242
242
|
});
|
|
243
243
|
const r = p(
|
|
@@ -297,16 +297,16 @@ const Fl = (e, i) => {
|
|
|
297
297
|
const t = R(e.value ?? []), l = ct({
|
|
298
298
|
allItemsSelected: !1,
|
|
299
299
|
isIndeterminate: !1
|
|
300
|
-
}),
|
|
300
|
+
}), w = p(
|
|
301
301
|
() => a.value.flatMap((u) => {
|
|
302
302
|
var b;
|
|
303
303
|
return [u, ((b = u == null ? void 0 : u.children) == null ? void 0 : b.length) > 0 ? u == null ? void 0 : u.children : []];
|
|
304
304
|
}).flat()
|
|
305
305
|
), C = () => {
|
|
306
306
|
i(M.SELECT, t.value), i(M.UPDATE_SELECTION, t.value);
|
|
307
|
-
},
|
|
307
|
+
}, _ = (u) => {
|
|
308
308
|
var A, d, g, r, T;
|
|
309
|
-
if (t.value = u, ((A = a.value) == null ? void 0 : A.length) > 0 && ((d =
|
|
309
|
+
if (t.value = u, ((A = a.value) == null ? void 0 : A.length) > 0 && ((d = w.value) == null ? void 0 : d.filter((F) => !c(F)).every((F) => t.value.includes(n(F))))) {
|
|
310
310
|
l.allItemsSelected = !0;
|
|
311
311
|
const F = ((g = a.value) == null ? void 0 : g.length) > 0 && a.value.every((P) => t.value.includes(n(P)));
|
|
312
312
|
l.isIndeterminate = !F;
|
|
@@ -321,7 +321,7 @@ const Fl = (e, i) => {
|
|
|
321
321
|
Ce(() => {
|
|
322
322
|
var b, A, d;
|
|
323
323
|
if (l.allItemsSelected = u, u) {
|
|
324
|
-
t.value = (A = (b =
|
|
324
|
+
t.value = (A = (b = w.value) == null ? void 0 : b.filter(
|
|
325
325
|
(r) => !c(r) && ((r == null ? void 0 : r.children) === void 0 || r.children.every((T) => !c(T)))
|
|
326
326
|
)) == null ? void 0 : A.map((r) => n(r));
|
|
327
327
|
const g = ((d = a.value) == null ? void 0 : d.length) > 0 && a.value.every((r) => t.value.includes(n(r)));
|
|
@@ -333,7 +333,7 @@ const Fl = (e, i) => {
|
|
|
333
333
|
}, v = (u, b) => {
|
|
334
334
|
Ce(() => {
|
|
335
335
|
var A;
|
|
336
|
-
|
|
336
|
+
_(((A = b == null ? void 0 : b.children) == null ? void 0 : A.length) > 0 ? D(u, b) : u), C();
|
|
337
337
|
});
|
|
338
338
|
}, D = (u, b) => {
|
|
339
339
|
var g;
|
|
@@ -349,9 +349,9 @@ const Fl = (e, i) => {
|
|
|
349
349
|
Ce(() => {
|
|
350
350
|
var g, r;
|
|
351
351
|
const d = n(b);
|
|
352
|
-
u.includes(n(A)) ?
|
|
352
|
+
u.includes(n(A)) ? _(
|
|
353
353
|
!u.includes(d) && ((g = b == null ? void 0 : b.children) != null && g.every((T) => u.includes(n(T)))) ? [...u, d] : u
|
|
354
|
-
) :
|
|
354
|
+
) : _(
|
|
355
355
|
u.includes(d) && !((r = b == null ? void 0 : b.children) != null && r.every((T) => u.includes(n(T)))) ? u.filter((T) => T !== d) : u
|
|
356
356
|
), C();
|
|
357
357
|
});
|
|
@@ -359,7 +359,7 @@ const Fl = (e, i) => {
|
|
|
359
359
|
return ye(
|
|
360
360
|
() => e.value,
|
|
361
361
|
() => {
|
|
362
|
-
|
|
362
|
+
_(e.value ?? []);
|
|
363
363
|
},
|
|
364
364
|
{ immediate: !0 }
|
|
365
365
|
), ye(
|
|
@@ -371,31 +371,31 @@ const Fl = (e, i) => {
|
|
|
371
371
|
return ((A = b == null ? void 0 : b.children) == null ? void 0 : A.length) > 0 ? b.children.map((d) => n(d)).filter((d) => !t.value.includes(d)) : [];
|
|
372
372
|
}
|
|
373
373
|
);
|
|
374
|
-
(u == null ? void 0 : u.length) > 0 ? (
|
|
374
|
+
(u == null ? void 0 : u.length) > 0 ? (_([...t.value, ...u]), C()) : _(t.value);
|
|
375
375
|
}
|
|
376
376
|
), { onAllRowSelect: L, onRowSelect: v, onNestedRowSelect: y, allItemsSelectedState: l, selectedItems: t };
|
|
377
|
-
}, Kl = (e, i, a) => ({ isSorting: (l) => e.value.some((
|
|
378
|
-
var _;
|
|
379
|
-
return (_ = e.value.find((C) => C.field === l)) == null ? void 0 : _.direction;
|
|
380
|
-
}, sortByColumnField: (l) => {
|
|
377
|
+
}, Kl = (e, i, a) => ({ isSorting: (l) => e.value.some((w) => w.field === l), getSortingDirection: (l) => {
|
|
381
378
|
var w;
|
|
379
|
+
return (w = e.value.find((C) => C.field === l)) == null ? void 0 : w.direction;
|
|
380
|
+
}, sortByColumnField: (l) => {
|
|
381
|
+
var _;
|
|
382
382
|
if (!i.value.some((L) => L.field === l && L.sortable))
|
|
383
383
|
return;
|
|
384
384
|
const C = [{
|
|
385
385
|
field: l,
|
|
386
|
-
direction: ((
|
|
386
|
+
direction: ((_ = e.value.find((L) => L.field === l)) == null ? void 0 : _.direction) === Me.ASCENDING ? Me.DESCENDING : Me.ASCENDING
|
|
387
387
|
}];
|
|
388
388
|
a("sort", C);
|
|
389
389
|
} });
|
|
390
|
-
var
|
|
390
|
+
var _e = ((e) => (e[e.ARROW_DOWN = Re.ARROW_DOWN] = "ARROW_DOWN", e[e.ARROW_UP = Re.ARROW_UP] = "ARROW_UP", e[e.ARROW_LEFT = Re.ARROW_LEFT] = "ARROW_LEFT", e[e.ARROW_RIGHT = Re.ARROW_RIGHT] = "ARROW_RIGHT", e[e.PAGE_UP = Re.PAGE_UP] = "PAGE_UP", e[e.PAGE_DOWN = Re.PAGE_DOWN] = "PAGE_DOWN", e[e.END = Re.END] = "END", e[e.HOME = Re.HOME] = "HOME", e))(_e || {});
|
|
391
391
|
const je = "b-row-actions-column", Yl = (e, i, a, n, c, t) => {
|
|
392
|
-
const l = p(() => t.value || n.value ? !0 : a.value.some((g) => g.infoIconTooltip || g.sortable)),
|
|
392
|
+
const l = p(() => t.value || n.value ? !0 : a.value.some((g) => g.infoIconTooltip || g.sortable)), w = p(() => {
|
|
393
393
|
let g = a.value.filter(({ visible: r }) => r !== !1);
|
|
394
394
|
return c.value && (g = [
|
|
395
395
|
...g,
|
|
396
396
|
{ field: je, label: "" }
|
|
397
397
|
]), g;
|
|
398
|
-
}), C = p(() =>
|
|
398
|
+
}), C = p(() => w.value.length), _ = p(() => {
|
|
399
399
|
if (!e.value)
|
|
400
400
|
return [];
|
|
401
401
|
const g = Object.keys(e.value)[0];
|
|
@@ -403,66 +403,66 @@ const je = "b-row-actions-column", Yl = (e, i, a, n, c, t) => {
|
|
|
403
403
|
return [];
|
|
404
404
|
const r = [];
|
|
405
405
|
if (l.value)
|
|
406
|
-
for (const F of
|
|
406
|
+
for (const F of w.value) {
|
|
407
407
|
const P = i.value[F.field];
|
|
408
408
|
r.push(P);
|
|
409
409
|
}
|
|
410
410
|
const T = e.value[g].length;
|
|
411
411
|
for (let F = 0; F < T; F++)
|
|
412
|
-
for (const P of
|
|
412
|
+
for (const P of w.value) {
|
|
413
413
|
const m = e.value[P.field];
|
|
414
414
|
m != null && m[F] && r.push(m[F]);
|
|
415
415
|
}
|
|
416
416
|
return r;
|
|
417
417
|
}), L = (g) => Math.floor(g / C.value), v = (g, r, T) => {
|
|
418
|
-
const F =
|
|
418
|
+
const F = _.value.length - 1, P = C.value - 1, m = L(g), k = g - C.value * m;
|
|
419
419
|
return {
|
|
420
|
-
[
|
|
421
|
-
[
|
|
422
|
-
[
|
|
423
|
-
[
|
|
420
|
+
[_e.PAGE_UP]: k + (l.value ? C.value : 0),
|
|
421
|
+
[_e.PAGE_DOWN]: F - P + k,
|
|
422
|
+
[_e.END]: T ? F : C.value * m + P,
|
|
423
|
+
[_e.HOME]: T ? l.value ? C.value : 0 : C.value * m
|
|
424
424
|
}[r];
|
|
425
425
|
}, D = (g, r) => {
|
|
426
426
|
const T = L(g), P = {
|
|
427
|
-
[
|
|
428
|
-
[
|
|
429
|
-
[
|
|
430
|
-
[
|
|
427
|
+
[_e.ARROW_DOWN]: C.value,
|
|
428
|
+
[_e.ARROW_UP]: T === 0 && !l.value ? 0 : -C.value,
|
|
429
|
+
[_e.ARROW_LEFT]: -1,
|
|
430
|
+
[_e.ARROW_RIGHT]: 1
|
|
431
431
|
}[r], m = g + P;
|
|
432
|
-
return m < 0 || m >=
|
|
432
|
+
return m < 0 || m >= _.value.length ? g : m;
|
|
433
433
|
}, y = (g) => [
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
434
|
+
_e.PAGE_UP,
|
|
435
|
+
_e.PAGE_DOWN,
|
|
436
|
+
_e.END,
|
|
437
|
+
_e.HOME
|
|
438
438
|
].includes(g), u = (g, r, T) => {
|
|
439
|
-
const F =
|
|
439
|
+
const F = _.value.indexOf(g);
|
|
440
440
|
return y(r) ? v(F, r, T) : D(F, r);
|
|
441
441
|
}, b = (g, r, T) => {
|
|
442
|
-
if (!
|
|
442
|
+
if (!_.value.includes(g))
|
|
443
443
|
return;
|
|
444
444
|
const F = u(g, r, T);
|
|
445
|
-
|
|
446
|
-
}, A = (g) => g in
|
|
445
|
+
_.value[F].focus();
|
|
446
|
+
}, A = (g) => g in _e;
|
|
447
447
|
return {
|
|
448
448
|
isNavigationKeyCode: A,
|
|
449
449
|
focusOnNextGridcell: b,
|
|
450
450
|
navigationInput: (g) => {
|
|
451
451
|
const { ctrlKey: r, key: T, target: F } = g, P = T;
|
|
452
452
|
let m = F;
|
|
453
|
-
m.getAttribute("role") !== "menuitem" && (
|
|
453
|
+
m.getAttribute("role") !== "menuitem" && (_.value.includes(m) || (m = F.closest('[role="gridcell"], [role="columnheader"]')), _.value.includes(m) && A(P) && b(m, P, r));
|
|
454
454
|
}
|
|
455
455
|
};
|
|
456
456
|
}, Xl = 90, Jl = (e, i, a, n, c) => {
|
|
457
|
-
const t = R(e), l = R(i),
|
|
457
|
+
const t = R(e), l = R(i), w = R(a), C = R(n), _ = p(() => t.value !== "none"), L = p(() => t.value === "automatic"), v = () => {
|
|
458
458
|
c(M.UPDATE_SHOW_MORE);
|
|
459
459
|
};
|
|
460
460
|
return ye(
|
|
461
461
|
() => l.value,
|
|
462
462
|
() => {
|
|
463
|
-
L.value &&
|
|
463
|
+
L.value && w.value.offsetHeight / l.value * 100 > Xl && !C.value && v();
|
|
464
464
|
}
|
|
465
|
-
), { isLazyLoad:
|
|
465
|
+
), { isLazyLoad: _, isInfiniteScroll: L, verticalScrollPosition: l, emitLazyLoadEvent: v };
|
|
466
466
|
}, Ql = (e, i, a) => {
|
|
467
467
|
const n = R(e), c = R(i), t = ct({
|
|
468
468
|
dragging: null,
|
|
@@ -474,13 +474,13 @@ const je = "b-row-actions-column", Yl = (e, i, a, n, c, t) => {
|
|
|
474
474
|
return;
|
|
475
475
|
const d = [...n.value];
|
|
476
476
|
d.splice(A, 0, d.splice(b, 1)[0]), a(M.COLUMNS, d), a(M.UPDATE_COLUMNS, d);
|
|
477
|
-
},
|
|
477
|
+
}, w = (y, u) => {
|
|
478
478
|
t.dragging = y, u.dataTransfer.setData("text", ""), u.dataTransfer.dropEffect = "move";
|
|
479
479
|
}, C = (y, u) => {
|
|
480
480
|
t.target = y;
|
|
481
481
|
const b = u.currentTarget.getBoundingClientRect(), A = b.left + b.width / 2, d = u.clientX ?? 0;
|
|
482
482
|
t.dragToLeft = d <= A;
|
|
483
|
-
},
|
|
483
|
+
}, _ = (y) => {
|
|
484
484
|
var u, b;
|
|
485
485
|
if (((u = t.dragging) == null ? void 0 : u.field) !== y.field) {
|
|
486
486
|
const A = n.value.findIndex((P) => {
|
|
@@ -505,16 +505,16 @@ const je = "b-row-actions-column", Yl = (e, i, a, n, c, t) => {
|
|
|
505
505
|
}, L = () => {
|
|
506
506
|
t.dragging = null, t.dragToLeft = null, t.target = null;
|
|
507
507
|
}, v = p(() => c.value ? {
|
|
508
|
-
[le.COLUMN_DRAG_START]: (y, u) =>
|
|
508
|
+
[le.COLUMN_DRAG_START]: (y, u) => w(y, u),
|
|
509
509
|
[le.COLUMN_DRAG_ENTER]: (y, u) => C(y, u),
|
|
510
|
-
[le.COLUMN_DROP]: (y) =>
|
|
510
|
+
[le.COLUMN_DROP]: (y) => _(y),
|
|
511
511
|
[le.COLUMN_DRAG_END]: () => L()
|
|
512
512
|
} : {}), D = p(() => (y) => c.value ? {
|
|
513
513
|
dragenter: (u) => {
|
|
514
514
|
u.preventDefault(), C(y, u);
|
|
515
515
|
},
|
|
516
516
|
drop: () => {
|
|
517
|
-
|
|
517
|
+
_(y);
|
|
518
518
|
},
|
|
519
519
|
dragover: (u) => {
|
|
520
520
|
u.preventDefault();
|
|
@@ -540,36 +540,36 @@ const je = "b-row-actions-column", Yl = (e, i, a, n, c, t) => {
|
|
|
540
540
|
{ columnSet: c.value, id: "frozen", isFrozenColumns: !0 },
|
|
541
541
|
{ columnSet: t.value, id: "unfrozen" }
|
|
542
542
|
].filter(({ columnSet: v }) => v.length)
|
|
543
|
-
),
|
|
544
|
-
() => a.value.filter((v) => (v == null ? void 0 : v.visible) !== !1 && (v == null ? void 0 : v.field) !==
|
|
545
|
-
), C = (v) => i(M.UPDATE_CONDENSED, v),
|
|
543
|
+
), w = p(
|
|
544
|
+
() => a.value.filter((v) => (v == null ? void 0 : v.visible) !== !1 && (v == null ? void 0 : v.field) !== we).length === 1
|
|
545
|
+
), C = (v) => i(M.UPDATE_CONDENSED, v), _ = (v) => {
|
|
546
546
|
i(M.COLUMNS, v), i(M.UPDATE_COLUMNS, v);
|
|
547
547
|
};
|
|
548
548
|
return {
|
|
549
549
|
// Values
|
|
550
550
|
columnSets: l,
|
|
551
|
-
isOnlyOneVisibleColumn:
|
|
551
|
+
isOnlyOneVisibleColumn: w,
|
|
552
552
|
sortedColumns: n,
|
|
553
553
|
// Methods
|
|
554
554
|
onConfigSettingsUpdate: C,
|
|
555
|
-
onConfigSettingsColumnsUpdate:
|
|
555
|
+
onConfigSettingsColumnsUpdate: _,
|
|
556
556
|
onConfigSettingsColumnUpdate: (v) => {
|
|
557
557
|
const D = n.value.map(
|
|
558
558
|
(y) => (y == null ? void 0 : y.field) === v.field ? v : y
|
|
559
559
|
);
|
|
560
|
-
|
|
560
|
+
_(D);
|
|
561
561
|
}
|
|
562
562
|
};
|
|
563
563
|
}, to = (e, i, a, n, c, t, l) => {
|
|
564
|
-
const
|
|
565
|
-
ye([() =>
|
|
566
|
-
e.value.scrollLeft = u, i.value.scrollLeft = u, C.value = !!u,
|
|
564
|
+
const w = R(0), C = R(!1), _ = R(!1);
|
|
565
|
+
ye([() => w.value, () => t.value], ([u]) => {
|
|
566
|
+
e.value.scrollLeft = u, i.value.scrollLeft = u, C.value = !!u, _.value = i.value.scrollWidth - i.value.offsetWidth > u;
|
|
567
567
|
}), qe(async () => {
|
|
568
568
|
var u, b;
|
|
569
|
-
await Ce(), await Ce(), ((u = i.value) == null ? void 0 : u.offsetWidth) < ((b = i.value) == null ? void 0 : b.scrollWidth) && (
|
|
569
|
+
await Ce(), await Ce(), ((u = i.value) == null ? void 0 : u.offsetWidth) < ((b = i.value) == null ? void 0 : b.scrollWidth) && (_.value = !0);
|
|
570
570
|
});
|
|
571
571
|
const L = (u) => {
|
|
572
|
-
if (
|
|
572
|
+
if (w.value = u.target.scrollLeft, a.value = e.value.scrollHeight - u.target.scrollTop, n != null && n.value) {
|
|
573
573
|
const b = u.target.scrollLeft;
|
|
574
574
|
n.value.scrollLeft !== b && (n.value.scrollLeft = b);
|
|
575
575
|
}
|
|
@@ -586,9 +586,9 @@ const je = "b-row-actions-column", Yl = (e, i, a, n, c, t) => {
|
|
|
586
586
|
});
|
|
587
587
|
return {
|
|
588
588
|
// Values
|
|
589
|
-
scrollLeftPosition:
|
|
589
|
+
scrollLeftPosition: w,
|
|
590
590
|
hasLeftOverflow: C,
|
|
591
|
-
hasRightOverflow:
|
|
591
|
+
hasRightOverflow: _,
|
|
592
592
|
horizontalScrollbarConditionalStyles: y,
|
|
593
593
|
// Methods
|
|
594
594
|
updateScrollPosition: L,
|
|
@@ -598,14 +598,14 @@ const je = "b-row-actions-column", Yl = (e, i, a, n, c, t) => {
|
|
|
598
598
|
}, no = (e, i, a, n) => {
|
|
599
599
|
const c = R(null), t = p(() => {
|
|
600
600
|
var b, A, d, g;
|
|
601
|
-
if (!c.value || c.value.field ===
|
|
601
|
+
if (!c.value || c.value.field === we)
|
|
602
602
|
return {
|
|
603
603
|
hoveredOverColumnField: "",
|
|
604
604
|
isSeparatorOffset: !1,
|
|
605
605
|
noBorderLeft: !1,
|
|
606
606
|
noBorderRight: !1
|
|
607
607
|
};
|
|
608
|
-
const l = (A = (b = e.value.find((r) => r.isFrozenColumns)) == null ? void 0 : b.columnSet) == null ? void 0 : A.filter((r) => r.field !==
|
|
608
|
+
const l = (A = (b = e.value.find((r) => r.isFrozenColumns)) == null ? void 0 : b.columnSet) == null ? void 0 : A.filter((r) => r.field !== we), w = e.value.find((r) => !(r != null && r.isFrozenColumns)), C = c.value.frozen && (l == null ? void 0 : l[0].field) === c.value.field, _ = !c.value.frozen && ((d = w == null ? void 0 : w.columnSet) == null ? void 0 : d[0].field) === c.value.field, L = (i.value || a.value) && C, v = (i.value || a.value) && !l && _, D = l && _, y = (l == null ? void 0 : l.length) > 0 && c.value.frozen && (l == null ? void 0 : l[l.length - 1].field) === c.value.field, u = a.value && n.value && !c.value.frozen && ((g = w == null ? void 0 : w.columnSet) == null ? void 0 : g[w.columnSet.length - 1].field) === c.value.field;
|
|
609
609
|
return {
|
|
610
610
|
hoveredOverColumnField: c.value.field,
|
|
611
611
|
isSeparatorOffset: u,
|
|
@@ -617,7 +617,7 @@ const je = "b-row-actions-column", Yl = (e, i, a, n, c, t) => {
|
|
|
617
617
|
hoveredOverColumn: c,
|
|
618
618
|
hoveredOverColumnState: t
|
|
619
619
|
};
|
|
620
|
-
},
|
|
620
|
+
}, wt = (e) => {
|
|
621
621
|
const a = rn(e).filter((n) => n.node !== e);
|
|
622
622
|
return (a == null ? void 0 : a.length) > 0 ? (a[0].node.focus(), !0) : !1;
|
|
623
623
|
}, We = (e) => {
|
|
@@ -631,8 +631,8 @@ const je = "b-row-actions-column", Yl = (e, i, a, n, c, t) => {
|
|
|
631
631
|
let a = "<table>", n = "";
|
|
632
632
|
const c = (t) => {
|
|
633
633
|
t.forEach((l) => {
|
|
634
|
-
const
|
|
635
|
-
C && (a += `<${
|
|
634
|
+
const w = l.closest("[role]").getAttribute("role") === "gridcell" ? "td" : "th", C = l.textContent.trim();
|
|
635
|
+
C && (a += `<${w}>${C}</${w}>`, n += `${C} `);
|
|
636
636
|
});
|
|
637
637
|
};
|
|
638
638
|
if (!i.length) {
|
|
@@ -653,8 +653,8 @@ const je = "b-row-actions-column", Yl = (e, i, a, n, c, t) => {
|
|
|
653
653
|
if (a += "<tr>", l.length)
|
|
654
654
|
c(l);
|
|
655
655
|
else {
|
|
656
|
-
const
|
|
657
|
-
a += `<td>${
|
|
656
|
+
const w = t.textContent.trim();
|
|
657
|
+
a += `<td>${w}</td>`, n += `${w} `;
|
|
658
658
|
}
|
|
659
659
|
a += "</tr>", n += `
|
|
660
660
|
`;
|
|
@@ -672,14 +672,14 @@ const lo = {
|
|
|
672
672
|
}
|
|
673
673
|
}, oo = { key: 0 }, so = ["clip-path"], io = ["id"];
|
|
674
674
|
function ao(e, i, a, n, c, t) {
|
|
675
|
-
return f(),
|
|
675
|
+
return f(), S("svg", ee({ role: "img" }, e.$attrs, {
|
|
676
676
|
class: "ui-assets-icons-16",
|
|
677
677
|
xmlns: "http://www.w3.org/2000/svg",
|
|
678
678
|
width: "16",
|
|
679
679
|
height: "16",
|
|
680
680
|
fill: "none"
|
|
681
681
|
}), [
|
|
682
|
-
e.$attrs["svg-title"] ? (f(),
|
|
682
|
+
e.$attrs["svg-title"] ? (f(), S("title", oo, q(e.$attrs["svg-title"]), 1)) : z("", !0),
|
|
683
683
|
O("g", {
|
|
684
684
|
fill: "#001222",
|
|
685
685
|
"clip-path": "url(#uia-ui-assets/icons-16-arrow_up_down_sort__a" + e.uuid + ")"
|
|
@@ -708,14 +708,14 @@ const uo = {
|
|
|
708
708
|
}
|
|
709
709
|
}, co = { key: 0 };
|
|
710
710
|
function fo(e, i, a, n, c, t) {
|
|
711
|
-
return f(),
|
|
711
|
+
return f(), S("svg", ee({ role: "img" }, e.$attrs, {
|
|
712
712
|
class: "ui-assets-icons-16",
|
|
713
713
|
xmlns: "http://www.w3.org/2000/svg",
|
|
714
714
|
width: "16",
|
|
715
715
|
height: "16",
|
|
716
716
|
fill: "none"
|
|
717
717
|
}), [
|
|
718
|
-
e.$attrs["svg-title"] ? (f(),
|
|
718
|
+
e.$attrs["svg-title"] ? (f(), S("title", co, q(e.$attrs["svg-title"]), 1)) : z("", !0),
|
|
719
719
|
i[0] || (i[0] = O("path", {
|
|
720
720
|
fill: "#001222",
|
|
721
721
|
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"
|
|
@@ -729,15 +729,15 @@ const vo = {
|
|
|
729
729
|
this.uuid = Ht.toString(), Ht += 1;
|
|
730
730
|
}
|
|
731
731
|
}, mo = { key: 0 }, ho = ["clip-path"], Co = ["id"];
|
|
732
|
-
function
|
|
733
|
-
return f(),
|
|
732
|
+
function _o(e, i, a, n, c, t) {
|
|
733
|
+
return f(), S("svg", ee({ role: "img" }, e.$attrs, {
|
|
734
734
|
class: "ui-assets-icons-16",
|
|
735
735
|
xmlns: "http://www.w3.org/2000/svg",
|
|
736
736
|
width: "16",
|
|
737
737
|
height: "16",
|
|
738
738
|
fill: "none"
|
|
739
739
|
}), [
|
|
740
|
-
e.$attrs["svg-title"] ? (f(),
|
|
740
|
+
e.$attrs["svg-title"] ? (f(), S("title", mo, q(e.$attrs["svg-title"]), 1)) : z("", !0),
|
|
741
741
|
O("g", {
|
|
742
742
|
"clip-path": "url(#uia-ui-assets/icons-16-freeze__a" + e.uuid + ")"
|
|
743
743
|
}, i[0] || (i[0] = [
|
|
@@ -760,22 +760,22 @@ function wo(e, i, a, n, c, t) {
|
|
|
760
760
|
])
|
|
761
761
|
], 16);
|
|
762
762
|
}
|
|
763
|
-
const cn = /* @__PURE__ */ se(vo, [["render",
|
|
763
|
+
const cn = /* @__PURE__ */ se(vo, [["render", _o]]);
|
|
764
764
|
let Vt = 0;
|
|
765
|
-
const
|
|
765
|
+
const wo = {
|
|
766
766
|
beforeCreate() {
|
|
767
767
|
this.uuid = Vt.toString(), Vt += 1;
|
|
768
768
|
}
|
|
769
769
|
}, bo = { key: 0 }, yo = ["clip-path"], po = ["id"];
|
|
770
|
-
function
|
|
771
|
-
return f(),
|
|
770
|
+
function Eo(e, i, a, n, c, t) {
|
|
771
|
+
return f(), S("svg", ee({ role: "img" }, e.$attrs, {
|
|
772
772
|
class: "ui-assets-icons-16",
|
|
773
773
|
xmlns: "http://www.w3.org/2000/svg",
|
|
774
774
|
width: "16",
|
|
775
775
|
height: "16",
|
|
776
776
|
fill: "none"
|
|
777
777
|
}), [
|
|
778
|
-
e.$attrs["svg-title"] ? (f(),
|
|
778
|
+
e.$attrs["svg-title"] ? (f(), S("title", bo, q(e.$attrs["svg-title"]), 1)) : z("", !0),
|
|
779
779
|
O("g", {
|
|
780
780
|
fill: "#001222",
|
|
781
781
|
"clip-path": "url(#uia-ui-assets/icons-16-sort_ascending__a" + e.uuid + ")"
|
|
@@ -798,7 +798,7 @@ function So(e, i, a, n, c, t) {
|
|
|
798
798
|
])
|
|
799
799
|
], 16);
|
|
800
800
|
}
|
|
801
|
-
const
|
|
801
|
+
const So = /* @__PURE__ */ se(wo, [["render", Eo]]);
|
|
802
802
|
let xt = 0;
|
|
803
803
|
const Lo = {
|
|
804
804
|
beforeCreate() {
|
|
@@ -806,14 +806,14 @@ const Lo = {
|
|
|
806
806
|
}
|
|
807
807
|
}, Ro = { key: 0 }, Ao = ["clip-path"], Oo = ["id"];
|
|
808
808
|
function To(e, i, a, n, c, t) {
|
|
809
|
-
return f(),
|
|
809
|
+
return f(), S("svg", ee({ role: "img" }, e.$attrs, {
|
|
810
810
|
class: "ui-assets-icons-16",
|
|
811
811
|
xmlns: "http://www.w3.org/2000/svg",
|
|
812
812
|
width: "16",
|
|
813
813
|
height: "16",
|
|
814
814
|
fill: "none"
|
|
815
815
|
}), [
|
|
816
|
-
e.$attrs["svg-title"] ? (f(),
|
|
816
|
+
e.$attrs["svg-title"] ? (f(), S("title", Ro, q(e.$attrs["svg-title"]), 1)) : z("", !0),
|
|
817
817
|
O("g", {
|
|
818
818
|
fill: "#001222",
|
|
819
819
|
"clip-path": "url(#uia-ui-assets/icons-16-sort_descending__a" + e.uuid + ")"
|
|
@@ -844,14 +844,14 @@ const Io = {
|
|
|
844
844
|
}
|
|
845
845
|
}, $o = { key: 0 };
|
|
846
846
|
function Do(e, i, a, n, c, t) {
|
|
847
|
-
return f(),
|
|
847
|
+
return f(), S("svg", ee({ role: "img" }, e.$attrs, {
|
|
848
848
|
class: "ui-assets-icons-16",
|
|
849
849
|
xmlns: "http://www.w3.org/2000/svg",
|
|
850
850
|
width: "16",
|
|
851
851
|
height: "16",
|
|
852
852
|
fill: "none"
|
|
853
853
|
}), [
|
|
854
|
-
e.$attrs["svg-title"] ? (f(),
|
|
854
|
+
e.$attrs["svg-title"] ? (f(), S("title", $o, q(e.$attrs["svg-title"]), 1)) : z("", !0),
|
|
855
855
|
i[0] || (i[0] = O("path", {
|
|
856
856
|
fill: "#001222",
|
|
857
857
|
d: "M8 11.25L12.5 5.25H3.5L8 11.25Z"
|
|
@@ -1040,7 +1040,7 @@ const ko = /* @__PURE__ */ se(Io, [["render", Do]]), fn = {
|
|
|
1040
1040
|
},
|
|
1041
1041
|
emits: ["sort", "column-hover"],
|
|
1042
1042
|
setup(e, { expose: i, emit: a }) {
|
|
1043
|
-
const n = e, c = a, t = 100, { t: l } = Fe({ messages: fn }), { columns:
|
|
1043
|
+
const n = e, c = a, t = 100, { t: l } = Fe({ messages: fn }), { columns: w, sortBy: C } = ft(n), _ = R({}), L = R({}), v = R(), D = R(), y = (s) => c(le.SELECT_ALL_ROWS, s), u = (s) => s.field === we, b = p(() => [
|
|
1044
1044
|
{
|
|
1045
1045
|
text: l("selectPage"),
|
|
1046
1046
|
handler: () => y(!0)
|
|
@@ -1049,7 +1049,7 @@ const ko = /* @__PURE__ */ se(Io, [["render", Do]]), fn = {
|
|
|
1049
1049
|
text: l("selectAll"),
|
|
1050
1050
|
handler: () => c(le.SELECT_ALL_ACROSS_PAGES)
|
|
1051
1051
|
}
|
|
1052
|
-
]), { startResize: A, isResizing: d, columnHoverEventToEmitAfterResizing: g } = Fl(
|
|
1052
|
+
]), { startResize: A, isResizing: d, columnHoverEventToEmitAfterResizing: g } = Fl(w, c), { isSorting: r, getSortingDirection: T, sortByColumnField: F } = Kl(C, w, c), P = (s) => {
|
|
1053
1053
|
var ne;
|
|
1054
1054
|
if (!s.sortable)
|
|
1055
1055
|
return null;
|
|
@@ -1119,11 +1119,11 @@ const ko = /* @__PURE__ */ se(Io, [["render", Do]]), fn = {
|
|
|
1119
1119
|
X(), d.value ? g.value = null : c("column-hover", null);
|
|
1120
1120
|
},
|
|
1121
1121
|
focus: () => {
|
|
1122
|
-
V(s), u(s) &&
|
|
1122
|
+
V(s), u(s) && wt(_.value[s.field]);
|
|
1123
1123
|
},
|
|
1124
1124
|
focusout: (N) => {
|
|
1125
1125
|
var ne, J;
|
|
1126
|
-
(J = (ne =
|
|
1126
|
+
(J = (ne = _.value) == null ? void 0 : ne[s.field]) != null && J.contains(N == null ? void 0 : N.relatedTarget) || X();
|
|
1127
1127
|
}
|
|
1128
1128
|
};
|
|
1129
1129
|
return u(s) || (W = {
|
|
@@ -1132,13 +1132,13 @@ const ko = /* @__PURE__ */ se(Io, [["render", Do]]), fn = {
|
|
|
1132
1132
|
}), W;
|
|
1133
1133
|
}, te = (s) => s.infoIconTooltip || s.sortable || n.hasColumnPanel, me = (s, W) => {
|
|
1134
1134
|
var N;
|
|
1135
|
-
((N =
|
|
1135
|
+
((N = _.value) == null ? void 0 : N[W]) === void 0 && (_.value = { ..._.value, [W]: null }), s !== null && (_.value[W] = s);
|
|
1136
1136
|
}, he = p(() => {
|
|
1137
1137
|
var W;
|
|
1138
1138
|
const s = {
|
|
1139
1139
|
"b-data-grid-columns--is-measuring": n.isMeasuringColumnWidths
|
|
1140
1140
|
};
|
|
1141
|
-
return (W =
|
|
1141
|
+
return (W = w.value[0]) != null && W.frozen ? {
|
|
1142
1142
|
...s,
|
|
1143
1143
|
"b-data-grid-columns--frozen": !0,
|
|
1144
1144
|
"b-data-grid-columns--frozen-separator": n.showFrozenColumnsSeparator,
|
|
@@ -1148,19 +1148,19 @@ const ko = /* @__PURE__ */ se(Io, [["render", Do]]), fn = {
|
|
|
1148
1148
|
"b-data-grid-columns--unfrozen": !0
|
|
1149
1149
|
};
|
|
1150
1150
|
}), de = (s, W) => s && W === 0 ? Dt.BOTTOM_START : Dt.BOTTOM_END, ge = (s, W) => {
|
|
1151
|
-
var N, ne, J, Ue, Ge, ze,
|
|
1151
|
+
var N, ne, J, Ue, Ge, ze, E, I, K, G;
|
|
1152
1152
|
return {
|
|
1153
1153
|
"b-data-grid-columns__column--column-hovered": s.field === n.hoveredOverColumnState.hoveredOverColumnField,
|
|
1154
1154
|
"b-data-grid-columns__column--column-hovered-no-border-left": s.field === n.hoveredOverColumnState.hoveredOverColumnField && n.hoveredOverColumnState.noBorderLeft,
|
|
1155
1155
|
"b-data-grid-columns__column--column-hovered-no-border-right": s.field === n.hoveredOverColumnState.hoveredOverColumnField && n.hoveredOverColumnState.noBorderRight,
|
|
1156
|
-
"b-data-grid-columns__column--last-frozen-frozen-column": n.isFrozenColumns && W ===
|
|
1156
|
+
"b-data-grid-columns__column--last-frozen-frozen-column": n.isFrozenColumns && W === w.value.length - 1,
|
|
1157
1157
|
"b-data-grid-columns__column--sortable": s.sortable,
|
|
1158
1158
|
"b-data-grid-columns__column--padding-left-unset": ((N = s == null ? void 0 : s.padding) == null ? void 0 : N.left) === !1,
|
|
1159
1159
|
"b-data-grid-columns__column--padding-right-unset": ((ne = s == null ? void 0 : s.padding) == null ? void 0 : ne.right) === !1,
|
|
1160
1160
|
"b-data-grid-columns__column--numeric": s == null ? void 0 : s.numeric,
|
|
1161
1161
|
"b-data-grid-columns__column--frozen": s == null ? void 0 : s.frozen,
|
|
1162
1162
|
"b-data-grid-columns__column--is-re-ordering": (s == null ? void 0 : s.field) === ((Ue = (J = n.draggingColumns) == null ? void 0 : J.dragging) == null ? void 0 : Ue.field),
|
|
1163
|
-
"b-data-grid-columns__column--is-re-ordering-target-left": (s == null ? void 0 : s.field) === ((ze = (Ge = n.draggingColumns) == null ? void 0 : Ge.target) == null ? void 0 : ze.field) && ((
|
|
1163
|
+
"b-data-grid-columns__column--is-re-ordering-target-left": (s == null ? void 0 : s.field) === ((ze = (Ge = n.draggingColumns) == null ? void 0 : Ge.target) == null ? void 0 : ze.field) && ((E = n.draggingColumns) == null ? void 0 : E.dragToLeft),
|
|
1164
1164
|
"b-data-grid-columns__column--is-re-ordering-target-right": (s == null ? void 0 : s.field) === ((K = (I = n.draggingColumns) == null ? void 0 : I.target) == null ? void 0 : K.field) && !((G = n.draggingColumns) != null && G.dragToLeft),
|
|
1165
1165
|
"b-data-grid-columns__column--with-sorting-or-column-panel": s.sortable || s.infoIconTooltip || n.hasColumnPanel && v.value === s.field || n.selectableAcrossPages
|
|
1166
1166
|
};
|
|
@@ -1175,12 +1175,12 @@ const ko = /* @__PURE__ */ se(Io, [["render", Do]]), fn = {
|
|
|
1175
1175
|
"b-data-grid-columns__column-header--truncated": n.truncateColumnHeaders
|
|
1176
1176
|
}));
|
|
1177
1177
|
return i({
|
|
1178
|
-
columnHeaderRefs:
|
|
1179
|
-
}), (s, W) => (f(),
|
|
1178
|
+
columnHeaderRefs: _
|
|
1179
|
+
}), (s, W) => (f(), S("div", {
|
|
1180
1180
|
class: fe(["b-data-grid-columns", he.value]),
|
|
1181
1181
|
"data-testid": "data-grid-columns"
|
|
1182
1182
|
}, [
|
|
1183
|
-
(f(!0),
|
|
1183
|
+
(f(!0), S(ve, null, be(o(w), (N, ne) => (f(), S("div", ee({
|
|
1184
1184
|
key: N.field,
|
|
1185
1185
|
ref_for: !0,
|
|
1186
1186
|
ref: (J) => me(J, N.field),
|
|
@@ -1194,7 +1194,7 @@ const ko = /* @__PURE__ */ se(Io, [["render", Do]]), fn = {
|
|
|
1194
1194
|
tabindex: N.sortable || e.hasColumnPanel || N.infoIconTooltip ? "0" : "-1",
|
|
1195
1195
|
style: { width: N.autoWidth && e.isMeasuringColumnWidths ? "auto" : `${N.width}px` }
|
|
1196
1196
|
}, nt(re(N), !0)), [
|
|
1197
|
-
u(N) && e.selectable ? (f(),
|
|
1197
|
+
u(N) && e.selectable ? (f(), S("div", Fo, [
|
|
1198
1198
|
Y(o(an), {
|
|
1199
1199
|
"aria-label": o(l)("selectAll"),
|
|
1200
1200
|
"model-value": e.allItemsSelectedState.allItemsSelected,
|
|
@@ -1219,7 +1219,7 @@ const ko = /* @__PURE__ */ se(Io, [["render", Do]]), fn = {
|
|
|
1219
1219
|
]),
|
|
1220
1220
|
_: 1
|
|
1221
1221
|
}, 8, ["data"])) : z("", !0)
|
|
1222
|
-
])) : (f(),
|
|
1222
|
+
])) : (f(), S(ve, { key: 1 }, [
|
|
1223
1223
|
O("div", {
|
|
1224
1224
|
"aria-label": o(l)("columnActions", { name: N.label }),
|
|
1225
1225
|
"aria-live": "polite",
|
|
@@ -1238,24 +1238,24 @@ const ko = /* @__PURE__ */ se(Io, [["render", Do]]), fn = {
|
|
|
1238
1238
|
]),
|
|
1239
1239
|
_: 2
|
|
1240
1240
|
}, 1032, ["class"]),
|
|
1241
|
-
te(N) ? (f(),
|
|
1241
|
+
te(N) ? (f(), S("div", {
|
|
1242
1242
|
key: 0,
|
|
1243
1243
|
class: fe(["b-data-grid-columns__column-actions", h(N)])
|
|
1244
1244
|
}, [
|
|
1245
|
-
N.infoIconTooltip ? (f(),
|
|
1245
|
+
N.infoIconTooltip ? (f(), S("div", Po, [
|
|
1246
1246
|
Y(o(Ll), {
|
|
1247
1247
|
"tooltip-text": N.infoIconTooltip
|
|
1248
1248
|
}, null, 8, ["tooltip-text"])
|
|
1249
1249
|
])) : z("", !0),
|
|
1250
|
-
N.sortable ? (f(),
|
|
1251
|
-
Y(o(
|
|
1250
|
+
N.sortable ? (f(), S("div", Bo, [
|
|
1251
|
+
Y(o(_t), {
|
|
1252
1252
|
condensed: "",
|
|
1253
1253
|
toggled: o(r)(N.field),
|
|
1254
1254
|
variant: "tertiary",
|
|
1255
1255
|
onClick: (J) => o(F)(N.field)
|
|
1256
1256
|
}, {
|
|
1257
1257
|
iconLeft: H(() => [
|
|
1258
|
-
o(T)(N.field) ? o(T)(N.field) === o(Me).ASCENDING ? (f(), B(o(
|
|
1258
|
+
o(T)(N.field) ? o(T)(N.field) === o(Me).ASCENDING ? (f(), B(o(So), {
|
|
1259
1259
|
key: 1,
|
|
1260
1260
|
"svg-title": o(l)("sortColumnInDescendingOrder", { name: N.label })
|
|
1261
1261
|
}, null, 8, ["svg-title"])) : o(T)(N.field) === o(Me).DESCENDING ? (f(), B(o(No), {
|
|
@@ -1292,11 +1292,11 @@ const ko = /* @__PURE__ */ se(Io, [["render", Do]]), fn = {
|
|
|
1292
1292
|
onClick: W[2] || (W[2] = tl(() => {
|
|
1293
1293
|
}, ["stop"]))
|
|
1294
1294
|
}, [
|
|
1295
|
-
!e.isFrozenColumns || e.isFrozenColumns && ne !== o(
|
|
1295
|
+
!e.isFrozenColumns || e.isFrozenColumns && ne !== o(w).length - 1 ? (f(), S("div", Go)) : z("", !0)
|
|
1296
1296
|
], 42, Wo)
|
|
1297
1297
|
], 64))
|
|
1298
1298
|
], 16, Mo))), 128)),
|
|
1299
|
-
e.rowActionsMaximumWidth && !e.isFrozenColumns ? (f(),
|
|
1299
|
+
e.rowActionsMaximumWidth && !e.isFrozenColumns ? (f(), S(ve, { key: 0 }, [
|
|
1300
1300
|
W[3] || (W[3] = O("div", {
|
|
1301
1301
|
role: "presentation",
|
|
1302
1302
|
class: "b-data-grid-columns__row-actions-filler"
|
|
@@ -1304,17 +1304,17 @@ const ko = /* @__PURE__ */ se(Io, [["render", Do]]), fn = {
|
|
|
1304
1304
|
O("div", {
|
|
1305
1305
|
ref: (N) => me(N, o(je)),
|
|
1306
1306
|
"aria-label": o(l)("rowActionsColumn"),
|
|
1307
|
-
"aria-colindex": o(
|
|
1307
|
+
"aria-colindex": o(w).length + 1,
|
|
1308
1308
|
class: "b-data-grid-columns__column",
|
|
1309
1309
|
role: "columnheader",
|
|
1310
1310
|
tabindex: "0",
|
|
1311
|
-
style:
|
|
1311
|
+
style: ke({ minWidth: `${e.rowActionsMaximumWidth}px` })
|
|
1312
1312
|
}, null, 12, Ho)
|
|
1313
1313
|
], 64)) : z("", !0)
|
|
1314
1314
|
], 2));
|
|
1315
1315
|
}
|
|
1316
1316
|
}), Zo = /* @__PURE__ */ se(xo, [["__scopeId", "data-v-732a0287"]]);
|
|
1317
|
-
var
|
|
1317
|
+
var De = /* @__PURE__ */ ((e) => (e.CONFIG_SETTINGS = "config-settings", e.UPDATE_COLUMNS = "update:columns", e))(De || {});
|
|
1318
1318
|
let jt = 0;
|
|
1319
1319
|
const jo = {
|
|
1320
1320
|
beforeCreate() {
|
|
@@ -1322,14 +1322,14 @@ const jo = {
|
|
|
1322
1322
|
}
|
|
1323
1323
|
}, qo = { key: 0 }, Ko = ["clip-path"], Yo = ["id"];
|
|
1324
1324
|
function Xo(e, i, a, n, c, t) {
|
|
1325
|
-
return f(),
|
|
1325
|
+
return f(), S("svg", ee({ role: "img" }, e.$attrs, {
|
|
1326
1326
|
class: "ui-assets-icons-16",
|
|
1327
1327
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1328
1328
|
width: "16",
|
|
1329
1329
|
height: "16",
|
|
1330
1330
|
fill: "none"
|
|
1331
1331
|
}), [
|
|
1332
|
-
e.$attrs["svg-title"] ? (f(),
|
|
1332
|
+
e.$attrs["svg-title"] ? (f(), S("title", qo, q(e.$attrs["svg-title"]), 1)) : z("", !0),
|
|
1333
1333
|
O("g", {
|
|
1334
1334
|
fill: "#001222",
|
|
1335
1335
|
"clip-path": "url(#uia-ui-assets/icons-16-settings__a" + e.uuid + ")"
|
|
@@ -1388,11 +1388,11 @@ const Jo = /* @__PURE__ */ se(jo, [["render", Xo]]), qt = {
|
|
|
1388
1388
|
return ((v = e.column) == null ? void 0 : v.visible) !== !1;
|
|
1389
1389
|
}), l = () => {
|
|
1390
1390
|
i("visible-column", { ...e.column, visible: !t.value });
|
|
1391
|
-
},
|
|
1391
|
+
}, w = () => {
|
|
1392
1392
|
i("updated-column", { ...e.column, frozen: !c.value });
|
|
1393
1393
|
}, C = () => {
|
|
1394
1394
|
c.value || (n.value = !0);
|
|
1395
|
-
},
|
|
1395
|
+
}, _ = () => {
|
|
1396
1396
|
c.value || (n.value = !1);
|
|
1397
1397
|
}, L = p(() => ({
|
|
1398
1398
|
"b-data-grid-config-settings-column-row__freeze-icon--frozen": c.value
|
|
@@ -1406,16 +1406,16 @@ const Jo = /* @__PURE__ */ se(jo, [["render", Xo]]), qt = {
|
|
|
1406
1406
|
// Methods
|
|
1407
1407
|
toggleColumnVisibility: l,
|
|
1408
1408
|
showFreezeIcon: C,
|
|
1409
|
-
hideFreezeIcon:
|
|
1410
|
-
toggleColumnFreeze:
|
|
1409
|
+
hideFreezeIcon: _,
|
|
1410
|
+
toggleColumnFreeze: w,
|
|
1411
1411
|
// Translations
|
|
1412
1412
|
t: a
|
|
1413
1413
|
};
|
|
1414
1414
|
}
|
|
1415
1415
|
});
|
|
1416
1416
|
function es(e, i, a, n, c, t) {
|
|
1417
|
-
const l = Le("bento-toggle"),
|
|
1418
|
-
return f(),
|
|
1417
|
+
const l = Le("bento-toggle"), w = Le("bento-freeze-icon");
|
|
1418
|
+
return f(), S("div", {
|
|
1419
1419
|
class: "b-data-grid-config-settings-column-row",
|
|
1420
1420
|
onMouseover: i[0] || (i[0] = (...C) => e.showFreezeIcon && e.showFreezeIcon(...C)),
|
|
1421
1421
|
onMouseleave: i[1] || (i[1] = (...C) => e.hideFreezeIcon && e.hideFreezeIcon(...C))
|
|
@@ -1432,7 +1432,7 @@ function es(e, i, a, n, c, t) {
|
|
|
1432
1432
|
]),
|
|
1433
1433
|
_: 1
|
|
1434
1434
|
}, 8, ["aria-label", "disabled", "value", "onInput"]),
|
|
1435
|
-
gt(Y(
|
|
1435
|
+
gt(Y(w, {
|
|
1436
1436
|
"aria-label": e.t("toggleColumnFreeze", { label: e.column.label }),
|
|
1437
1437
|
class: fe(["b-data-grid-config-settings-column-row__freeze-icon", e.freezeIconConditionalClasses]),
|
|
1438
1438
|
onClick: e.toggleColumnFreeze
|
|
@@ -1475,14 +1475,14 @@ const ts = /* @__PURE__ */ se(Qo, [["render", es], ["__scopeId", "data-v-bb87a72
|
|
|
1475
1475
|
BentoCrossIcon: nn,
|
|
1476
1476
|
BentoPopover: bl,
|
|
1477
1477
|
BentoSettingsIcon: Jo,
|
|
1478
|
-
BentoToggleButton:
|
|
1478
|
+
BentoToggleButton: _t,
|
|
1479
1479
|
BentoDataGridConfigSettingsConfigRow: ts,
|
|
1480
1480
|
BentoSearchBar: yl,
|
|
1481
|
-
BentoSearchIcon:
|
|
1481
|
+
BentoSearchIcon: Sl,
|
|
1482
1482
|
BentoToggle: sn,
|
|
1483
1483
|
BentoTypography: Ke
|
|
1484
1484
|
},
|
|
1485
|
-
directives: { BentoClickOutsideDirective:
|
|
1485
|
+
directives: { BentoClickOutsideDirective: El },
|
|
1486
1486
|
props: {
|
|
1487
1487
|
/**
|
|
1488
1488
|
* Column definitions
|
|
@@ -1499,10 +1499,10 @@ const ts = /* @__PURE__ */ se(Qo, [["render", es], ["__scopeId", "data-v-bb87a72
|
|
|
1499
1499
|
default: !1
|
|
1500
1500
|
}
|
|
1501
1501
|
},
|
|
1502
|
-
emits: [
|
|
1502
|
+
emits: [De.CONFIG_SETTINGS, De.UPDATE_COLUMNS],
|
|
1503
1503
|
setup(e, { emit: i }) {
|
|
1504
|
-
const { t: a } = Fe({ messages: Kt }), n = R(null), c = rt("data-grid-config-settings-popover"), t = R(null), l = R(!1),
|
|
1505
|
-
|
|
1504
|
+
const { t: a } = Fe({ messages: Kt }), n = R(null), c = rt("data-grid-config-settings-popover"), t = R(null), l = R(!1), w = R(!0), C = R(null), _ = R(""), L = it(e, "columns"), v = R(!1), D = pl(_, L), y = () => {
|
|
1505
|
+
_.value = "";
|
|
1506
1506
|
}, u = p(
|
|
1507
1507
|
() => !e.columns.some((m) => m.visible === !1 && !m.mandatory)
|
|
1508
1508
|
), b = () => {
|
|
@@ -1512,19 +1512,19 @@ const ts = /* @__PURE__ */ se(Qo, [["render", es], ["__scopeId", "data-v-bb87a72
|
|
|
1512
1512
|
}) : Ce(() => {
|
|
1513
1513
|
var m, k;
|
|
1514
1514
|
return (k = (m = C == null ? void 0 : C.value) == null ? void 0 : m.$el) == null ? void 0 : k.focus();
|
|
1515
|
-
}),
|
|
1515
|
+
}), w.value = u.value;
|
|
1516
1516
|
}, A = (m) => m.mandatory ?? !1, d = (m) => {
|
|
1517
1517
|
const k = e.columns.map((V) => ({
|
|
1518
1518
|
...V,
|
|
1519
1519
|
visible: m.field === V.field ? m.visible : V.visible
|
|
1520
1520
|
}));
|
|
1521
|
-
i(
|
|
1521
|
+
i(De.UPDATE_COLUMNS, k);
|
|
1522
1522
|
}, g = (m) => {
|
|
1523
1523
|
m ? i(
|
|
1524
|
-
|
|
1524
|
+
De.UPDATE_COLUMNS,
|
|
1525
1525
|
e.columns.map((k) => ({ ...k, visible: !0 }))
|
|
1526
1526
|
) : i(
|
|
1527
|
-
|
|
1527
|
+
De.UPDATE_COLUMNS,
|
|
1528
1528
|
e.columns.map((k) => ({ ...k, visible: (k == null ? void 0 : k.mandatory) === !0 }))
|
|
1529
1529
|
);
|
|
1530
1530
|
}, r = (m) => {
|
|
@@ -1532,25 +1532,25 @@ const ts = /* @__PURE__ */ se(Qo, [["render", es], ["__scopeId", "data-v-bb87a72
|
|
|
1532
1532
|
...V,
|
|
1533
1533
|
frozen: m.field === V.field ? !!(m != null && m.frozen) : !!(V != null && V.frozen)
|
|
1534
1534
|
}));
|
|
1535
|
-
i(
|
|
1535
|
+
i(De.UPDATE_COLUMNS, k);
|
|
1536
1536
|
}, T = (m) => {
|
|
1537
|
-
l.value = m,
|
|
1537
|
+
l.value = m, w.value = u.value;
|
|
1538
1538
|
};
|
|
1539
1539
|
return {
|
|
1540
1540
|
// Values
|
|
1541
1541
|
configSettingsButtonRef: n,
|
|
1542
1542
|
popoverId: c,
|
|
1543
1543
|
isConfigSettingsPanelOpen: l,
|
|
1544
|
-
allColumnsVisbilityToggleState:
|
|
1544
|
+
allColumnsVisbilityToggleState: w,
|
|
1545
1545
|
filteredColumnVisibilityColumns: D,
|
|
1546
|
-
searchTerm:
|
|
1546
|
+
searchTerm: _,
|
|
1547
1547
|
isColumnVisibilityFilterShown: v,
|
|
1548
1548
|
searchBarRef: t,
|
|
1549
1549
|
searchButtonRef: C,
|
|
1550
|
-
DATAGRID_ACTIONS_COLUMN_FIELD_NAME:
|
|
1550
|
+
DATAGRID_ACTIONS_COLUMN_FIELD_NAME: we,
|
|
1551
1551
|
// Methods
|
|
1552
1552
|
setConfigSettingsPanelVisibility: T,
|
|
1553
|
-
emitCondensedToggle: (m) => i(
|
|
1553
|
+
emitCondensedToggle: (m) => i(De.CONFIG_SETTINGS, m),
|
|
1554
1554
|
toggleAllColumnVisibility: g,
|
|
1555
1555
|
clearAction: y,
|
|
1556
1556
|
toggleColumnFilter: b,
|
|
@@ -1573,11 +1573,11 @@ const ts = /* @__PURE__ */ se(Qo, [["render", es], ["__scopeId", "data-v-bb87a72
|
|
|
1573
1573
|
class: "b-data-grid-config-settings__column-visibility-show-all"
|
|
1574
1574
|
}, fs = { class: "b-data-grid-config-settings__column-visibility-toggles" };
|
|
1575
1575
|
function gs(e, i, a, n, c, t) {
|
|
1576
|
-
const l = Le("bento-settings-icon"),
|
|
1577
|
-
return gt((f(),
|
|
1576
|
+
const l = Le("bento-settings-icon"), w = Le("bento-toggle-button"), C = Le("bento-typography"), _ = Le("bento-cross-icon"), L = Le("bento-button"), v = Le("bento-toggle"), D = Le("bento-search-icon"), y = Le("bento-search-bar"), u = Le("bento-data-grid-config-settings-config-row"), b = Le("bento-popover"), A = ll("bento-click-outside-directive");
|
|
1577
|
+
return gt((f(), S("div", ls, [
|
|
1578
1578
|
O("div", os, [
|
|
1579
1579
|
O("div", ss, [
|
|
1580
|
-
Y(
|
|
1580
|
+
Y(w, {
|
|
1581
1581
|
"aria-controls": e.isConfigSettingsPanelOpen ? e.popoverId : null,
|
|
1582
1582
|
variant: "tertiary",
|
|
1583
1583
|
condensed: "",
|
|
@@ -1618,7 +1618,7 @@ function gs(e, i, a, n, c, t) {
|
|
|
1618
1618
|
onClick: i[1] || (i[1] = (d) => e.setConfigSettingsPanelVisibility(!1))
|
|
1619
1619
|
}, {
|
|
1620
1620
|
iconLeft: H(() => [
|
|
1621
|
-
Y(
|
|
1621
|
+
Y(_, {
|
|
1622
1622
|
"svg-title": e.t("closeConfigSettingsPanel")
|
|
1623
1623
|
}, null, 8, ["svg-title"])
|
|
1624
1624
|
]),
|
|
@@ -1666,7 +1666,7 @@ function gs(e, i, a, n, c, t) {
|
|
|
1666
1666
|
onClick: e.toggleColumnFilter
|
|
1667
1667
|
}, {
|
|
1668
1668
|
iconLeft: H(() => [
|
|
1669
|
-
Y(
|
|
1669
|
+
Y(_)
|
|
1670
1670
|
]),
|
|
1671
1671
|
default: H(() => [
|
|
1672
1672
|
ce(" " + q(e.t("closeSearch")), 1)
|
|
@@ -1687,7 +1687,7 @@ function gs(e, i, a, n, c, t) {
|
|
|
1687
1687
|
_: 1
|
|
1688
1688
|
}, 8, ["onClick"]))
|
|
1689
1689
|
]),
|
|
1690
|
-
e.isColumnVisibilityFilterShown ? (f(),
|
|
1690
|
+
e.isColumnVisibilityFilterShown ? (f(), S("div", us, [
|
|
1691
1691
|
Y(y, {
|
|
1692
1692
|
ref: "searchBarRef",
|
|
1693
1693
|
value: e.searchTerm,
|
|
@@ -1696,7 +1696,7 @@ function gs(e, i, a, n, c, t) {
|
|
|
1696
1696
|
onClear: e.clearAction,
|
|
1697
1697
|
onEscapePressed: e.toggleColumnFilter
|
|
1698
1698
|
}, null, 8, ["value", "input-field-aria-label", "onClear", "onEscapePressed"])
|
|
1699
|
-
])) : (f(),
|
|
1699
|
+
])) : (f(), S("div", cs, [
|
|
1700
1700
|
Y(v, {
|
|
1701
1701
|
"label-position": "after",
|
|
1702
1702
|
value: e.allColumnsVisbilityToggleState,
|
|
@@ -1709,7 +1709,7 @@ function gs(e, i, a, n, c, t) {
|
|
|
1709
1709
|
}, 8, ["value", "onInput"])
|
|
1710
1710
|
])),
|
|
1711
1711
|
O("div", fs, [
|
|
1712
|
-
(f(!0),
|
|
1712
|
+
(f(!0), S(ve, null, be(e.filteredColumnVisibilityColumns, (d) => (f(), S("div", {
|
|
1713
1713
|
key: d.field
|
|
1714
1714
|
}, [
|
|
1715
1715
|
d.field !== e.DATAGRID_ACTIONS_COLUMN_FIELD_NAME ? (f(), B(u, {
|
|
@@ -1768,7 +1768,7 @@ const vs = /* @__PURE__ */ se(ns, [["render", gs], ["__scopeId", "data-v-f5950a5
|
|
|
1768
1768
|
},
|
|
1769
1769
|
setup(e) {
|
|
1770
1770
|
const { t: i } = Fe({ messages: lt });
|
|
1771
|
-
return (a, n) => (f(),
|
|
1771
|
+
return (a, n) => (f(), S("div", ms, [
|
|
1772
1772
|
a.loading && a.isInfiniteScroll ? (f(), B(o(mt), { key: 0 })) : z("", !0),
|
|
1773
1773
|
a.loading && !a.isInfiniteScroll ? (f(), B(o(kt), {
|
|
1774
1774
|
key: 1,
|
|
@@ -1793,29 +1793,29 @@ const vs = /* @__PURE__ */ se(ns, [["render", gs], ["__scopeId", "data-v-f5950a5
|
|
|
1793
1793
|
}, 8, ["state"])) : z("", !0)
|
|
1794
1794
|
]));
|
|
1795
1795
|
}
|
|
1796
|
-
}),
|
|
1796
|
+
}), _s = /* @__PURE__ */ se(Cs, [["__scopeId", "data-v-a4824c2d"]]);
|
|
1797
1797
|
let Yt = 0;
|
|
1798
|
-
const
|
|
1798
|
+
const ws = {
|
|
1799
1799
|
beforeCreate() {
|
|
1800
1800
|
this.uuid = Yt.toString(), Yt += 1;
|
|
1801
1801
|
}
|
|
1802
1802
|
}, bs = { key: 0 };
|
|
1803
1803
|
function ys(e, i, a, n, c, t) {
|
|
1804
|
-
return f(),
|
|
1804
|
+
return f(), S("svg", ee({ role: "img" }, e.$attrs, {
|
|
1805
1805
|
class: "ui-assets-icons-16",
|
|
1806
1806
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1807
1807
|
width: "16",
|
|
1808
1808
|
height: "16",
|
|
1809
1809
|
fill: "none"
|
|
1810
1810
|
}), [
|
|
1811
|
-
e.$attrs["svg-title"] ? (f(),
|
|
1811
|
+
e.$attrs["svg-title"] ? (f(), S("title", bs, q(e.$attrs["svg-title"]), 1)) : z("", !0),
|
|
1812
1812
|
i[0] || (i[0] = O("path", {
|
|
1813
1813
|
fill: "#001222",
|
|
1814
1814
|
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"
|
|
1815
1815
|
}, null, -1))
|
|
1816
1816
|
], 16);
|
|
1817
1817
|
}
|
|
1818
|
-
const ps = /* @__PURE__ */ se(
|
|
1818
|
+
const ps = /* @__PURE__ */ se(ws, [["render", ys]]), gn = {
|
|
1819
1819
|
"en-US": {
|
|
1820
1820
|
copy: "Copy",
|
|
1821
1821
|
edit: "Edit",
|
|
@@ -1834,11 +1834,11 @@ const ps = /* @__PURE__ */ se(_s, [["render", ys]]), gn = {
|
|
|
1834
1834
|
more: "Mais",
|
|
1835
1835
|
open: "Abrir"
|
|
1836
1836
|
}
|
|
1837
|
-
},
|
|
1837
|
+
}, Es = { class: "b-data-grid-cell-actions" }, Ss = {
|
|
1838
1838
|
i18n: { messages: gn },
|
|
1839
1839
|
name: "data-grid-cell-actions"
|
|
1840
1840
|
}, Ls = /* @__PURE__ */ Ne({
|
|
1841
|
-
...
|
|
1841
|
+
...Ss,
|
|
1842
1842
|
props: {
|
|
1843
1843
|
/**
|
|
1844
1844
|
* Column definitions using 'key' to relate to data object.
|
|
@@ -1888,15 +1888,15 @@ const ps = /* @__PURE__ */ se(_s, [["render", ys]]), gn = {
|
|
|
1888
1888
|
setup(e, { emit: i }) {
|
|
1889
1889
|
const { t: a } = Fe({ messages: gn }), n = e, c = i, t = p(() => n.columnKey === void 0), l = p(() => ({
|
|
1890
1890
|
"b-data-grid-cell-actions__background-gradient--with-row-actions-and-overflow": t.value && n.hasRightOverflow
|
|
1891
|
-
})),
|
|
1891
|
+
})), w = p(() => ({
|
|
1892
1892
|
"b-data-grid-cell-actions__actions--with-row-actions": t.value
|
|
1893
1893
|
})), C = p(() => !t.value || t.value && n.hasRightOverflow);
|
|
1894
|
-
function
|
|
1894
|
+
function _(d) {
|
|
1895
1895
|
return typeof d == "function";
|
|
1896
1896
|
}
|
|
1897
1897
|
const L = p(() => {
|
|
1898
1898
|
var g;
|
|
1899
|
-
const d =
|
|
1899
|
+
const d = _(n.cellActions) ? (g = n.cellActions) == null ? void 0 : g.call(n, n.rowDataItem, n.columnKey) : n.cellActions;
|
|
1900
1900
|
return (d == null ? void 0 : d.length) > 2 && ln(
|
|
1901
1901
|
"WARNING: BentoDataGrid Cell actions can only have a maximum of 2 actions, if you need more consider using the menuData property instead."
|
|
1902
1902
|
), d == null ? void 0 : d.slice(0, 2);
|
|
@@ -1935,16 +1935,16 @@ const ps = /* @__PURE__ */ se(_s, [["render", ys]]), gn = {
|
|
|
1935
1935
|
appear: ""
|
|
1936
1936
|
}, {
|
|
1937
1937
|
default: H(() => [
|
|
1938
|
-
O("div",
|
|
1939
|
-
C.value ? (f(),
|
|
1938
|
+
O("div", Es, [
|
|
1939
|
+
C.value ? (f(), S("div", {
|
|
1940
1940
|
key: 0,
|
|
1941
1941
|
class: fe(["b-data-grid-cell-actions__background-gradient", l.value])
|
|
1942
1942
|
}, null, 2)) : z("", !0),
|
|
1943
1943
|
O("div", {
|
|
1944
|
-
class: fe(["b-data-grid-cell-actions__actions",
|
|
1944
|
+
class: fe(["b-data-grid-cell-actions__actions", w.value]),
|
|
1945
1945
|
role: "group"
|
|
1946
1946
|
}, [
|
|
1947
|
-
(f(!0),
|
|
1947
|
+
(f(!0), S(ve, null, be(L.value, (r, T) => (f(), S("div", {
|
|
1948
1948
|
key: T,
|
|
1949
1949
|
class: "b-data-grid-cell-actions__action"
|
|
1950
1950
|
}, [
|
|
@@ -2179,17 +2179,17 @@ const Xt = () => {
|
|
|
2179
2179
|
},
|
|
2180
2180
|
emits: ["on-frozen-columns-key-press", "select-row", "register-row-cell-element", "cell-hovered", "nested-content-toggled"],
|
|
2181
2181
|
setup(e, { expose: i, emit: a }) {
|
|
2182
|
-
const n = vt(), c = ht(n), { t } = Fe({ messages: hn }), l = e,
|
|
2182
|
+
const n = vt(), c = ht(n), { t } = Fe({ messages: hn }), l = e, w = a, C = R(null), _ = R(null), L = R(!1), v = R([]), D = R(!1), y = R(), u = R(!1), b = p(() => {
|
|
2183
2183
|
var h;
|
|
2184
2184
|
return !!((h = l.rowData) != null && h[l.column.field]);
|
|
2185
2185
|
}), A = p(
|
|
2186
2186
|
() => {
|
|
2187
2187
|
var h;
|
|
2188
|
-
return l.column.field ===
|
|
2188
|
+
return l.column.field === we && ((h = l.nestedRowsElementIds) == null ? void 0 : h.length) > 0 ? l.nestedRowsElementIds.join(" ") : void 0;
|
|
2189
2189
|
}
|
|
2190
2190
|
), d = p(
|
|
2191
|
-
() => l.column.field ===
|
|
2192
|
-
), g = p(() => m(l.rowIndex, l.colIndex, l.columnSetIndex) === 0 && !u.value ? "0" : l.column.field ===
|
|
2191
|
+
() => l.column.field === we && !l.selectable && !l.nestedContent
|
|
2192
|
+
), g = p(() => m(l.rowIndex, l.colIndex, l.columnSetIndex) === 0 && !u.value ? "0" : l.column.field === we ? "-1" : D.value ? "0" : "-1"), r = (h, Z) => (h == null ? void 0 : h.overflow) === ut.ELLIPSIS ? `${Z}` : void 0, T = (h) => h ?? "-", F = (h) => l.columnSets.slice(0, h).reduce((Z, { columnSet: x }) => Z + x.length, 0), P = (h, Z) => h + F(Z), m = (h, Z, x) => F() * h + P(Z, x), k = (h) => {
|
|
2193
2193
|
var Z;
|
|
2194
2194
|
(h === null || !C.value.contains(h) && !((Z = v.value) != null && Z.map((x) => x.value).some((x) => x === h || (x == null ? void 0 : x.contains(h))))) && (L.value = !1);
|
|
2195
2195
|
}, V = () => {
|
|
@@ -2201,7 +2201,7 @@ const Xt = () => {
|
|
|
2201
2201
|
focus: async () => {
|
|
2202
2202
|
if (!Xt())
|
|
2203
2203
|
return;
|
|
2204
|
-
D.value = !0, u.value = !0, un(y.value), await Ce(),
|
|
2204
|
+
D.value = !0, u.value = !0, un(y.value), await Ce(), wt(C.value) && (X.value = !0);
|
|
2205
2205
|
},
|
|
2206
2206
|
focusout: () => {
|
|
2207
2207
|
Xt() && (X.value = !1);
|
|
@@ -2210,8 +2210,8 @@ const Xt = () => {
|
|
|
2210
2210
|
s.key !== Re.TAB && (X.value = !1, D.value = !1, We(C.value));
|
|
2211
2211
|
}
|
|
2212
2212
|
}, x = { ...Z };
|
|
2213
|
-
return h.frozen && (x.keyup = (s) =>
|
|
2214
|
-
Z.keydown(s),
|
|
2213
|
+
return h.frozen && (x.keyup = (s) => w("on-frozen-columns-key-press", s), x.keydown = (s) => {
|
|
2214
|
+
Z.keydown(s), w("on-frozen-columns-key-press", s);
|
|
2215
2215
|
}), h.cellActions && (x.mouseenter = () => {
|
|
2216
2216
|
L.value = !0;
|
|
2217
2217
|
}, x.mouseleave = (s) => {
|
|
@@ -2228,12 +2228,12 @@ const Xt = () => {
|
|
|
2228
2228
|
y.value = We(C.value);
|
|
2229
2229
|
});
|
|
2230
2230
|
const te = () => {
|
|
2231
|
-
|
|
2231
|
+
w("nested-content-toggled");
|
|
2232
2232
|
};
|
|
2233
2233
|
ye(
|
|
2234
2234
|
() => L.value,
|
|
2235
2235
|
() => {
|
|
2236
|
-
L.value === !0 ?
|
|
2236
|
+
L.value === !0 ? w("cell-hovered", l.rowIndex) : w("cell-hovered", -1);
|
|
2237
2237
|
}
|
|
2238
2238
|
), tn(Al, {
|
|
2239
2239
|
registerMenuContainerElement: (h) => {
|
|
@@ -2259,9 +2259,9 @@ const Xt = () => {
|
|
|
2259
2259
|
[`b-data-grid-cell--${ae.IS_COLUMN_REORDERING_TARGET_RIGHT}`]: ((ne = l.draggingColumns.target) == null ? void 0 : ne.field) === h.field && !((J = l.draggingColumns) != null && J.dragToLeft),
|
|
2260
2260
|
[`b-data-grid-cell--${ae.FROZEN}`]: h == null ? void 0 : h.frozen,
|
|
2261
2261
|
[`b-data-grid-cell--${ae.NESTED_CONTENT_ENABLED}`]: l.nestedContent,
|
|
2262
|
-
[`b-data-grid-cell--${ae.ACTION_COL_NESTED_CONTENT_ENABLED}`]: l.nestedContent && !l.selectable && h.field ===
|
|
2263
|
-
[`b-data-grid-cell--${ae.ACTION_COL_NESTED_CONTENT_AND_SELECTION_ENABLED}`]: l.nestedContent && l.selectable && h.field ===
|
|
2264
|
-
[`b-data-grid-cell--${ae.ACTION_COL_SELECTION_ENABLED}`]: h.field ===
|
|
2262
|
+
[`b-data-grid-cell--${ae.ACTION_COL_NESTED_CONTENT_ENABLED}`]: l.nestedContent && !l.selectable && h.field === we,
|
|
2263
|
+
[`b-data-grid-cell--${ae.ACTION_COL_NESTED_CONTENT_AND_SELECTION_ENABLED}`]: l.nestedContent && l.selectable && h.field === we,
|
|
2264
|
+
[`b-data-grid-cell--${ae.ACTION_COL_SELECTION_ENABLED}`]: h.field === we && l.selectable,
|
|
2265
2265
|
[`b-data-grid-cell--${ae.SLASHED_ZERO}`]: de.value
|
|
2266
2266
|
};
|
|
2267
2267
|
}, Q = p(() => ({
|
|
@@ -2271,7 +2271,7 @@ const Xt = () => {
|
|
|
2271
2271
|
gridcellRef: C
|
|
2272
2272
|
}), (h, Z) => {
|
|
2273
2273
|
var x;
|
|
2274
|
-
return f(),
|
|
2274
|
+
return f(), S("div", ee({
|
|
2275
2275
|
key: `cell-${e.column.field}`,
|
|
2276
2276
|
ref_key: "gridcellRef",
|
|
2277
2277
|
ref: C,
|
|
@@ -2286,7 +2286,7 @@ const Xt = () => {
|
|
|
2286
2286
|
width: e.column.autoWidth && e.isMeasuringColumnWidths ? "auto" : `${e.column.width}px`
|
|
2287
2287
|
}
|
|
2288
2288
|
}, nt(re(e.column), !0)), [
|
|
2289
|
-
e.column.field === o(
|
|
2289
|
+
e.column.field === o(we) ? (f(), S(ve, { key: 0 }, [
|
|
2290
2290
|
e.selectable ? (f(), B(o(an), {
|
|
2291
2291
|
key: 0,
|
|
2292
2292
|
class: "b-data-grid-cell__select-cell",
|
|
@@ -2298,7 +2298,7 @@ const Xt = () => {
|
|
|
2298
2298
|
tabindex: D.value ? 0 : -1,
|
|
2299
2299
|
"onUpdate:modelValue": Z[0] || (Z[0] = (s) => h.$emit("select-row", s))
|
|
2300
2300
|
}, null, 8, ["aria-label", "disabled", "indeterminate", "model-value", "value", "tabindex"])) : z("", !0),
|
|
2301
|
-
e.nestedContent ? (f(), B(o(
|
|
2301
|
+
e.nestedContent ? (f(), B(o(_t), {
|
|
2302
2302
|
key: 1,
|
|
2303
2303
|
ref: "menuButtonRef",
|
|
2304
2304
|
"aria-haspopup": "true",
|
|
@@ -2321,7 +2321,7 @@ const Xt = () => {
|
|
|
2321
2321
|
]),
|
|
2322
2322
|
_: 1
|
|
2323
2323
|
}, 8, ["aria-controls", "toggled"])) : z("", !0)
|
|
2324
|
-
], 64)) : (f(),
|
|
2324
|
+
], 64)) : (f(), S(ve, { key: 1 }, [
|
|
2325
2325
|
Y(o(Ke), {
|
|
2326
2326
|
el: "div",
|
|
2327
2327
|
class: fe(["b-data-grid-cell__cell-content", Q.value]),
|
|
@@ -2339,11 +2339,11 @@ const Xt = () => {
|
|
|
2339
2339
|
]),
|
|
2340
2340
|
_: 3
|
|
2341
2341
|
}, 8, ["class"]),
|
|
2342
|
-
((x = e.column.cellActions) == null ? void 0 : x.length) > 0 ? (f(),
|
|
2342
|
+
((x = e.column.cellActions) == null ? void 0 : x.length) > 0 ? (f(), S("div", Os, [
|
|
2343
2343
|
L.value && (b.value || o(c)(`item-${e.column.field}`)) ? (f(), B(vn, {
|
|
2344
2344
|
key: 0,
|
|
2345
2345
|
ref_key: "cellActionsRef",
|
|
2346
|
-
ref:
|
|
2346
|
+
ref: _,
|
|
2347
2347
|
"cell-actions": e.column.cellActions,
|
|
2348
2348
|
"column-key": e.column.field,
|
|
2349
2349
|
"row-data-item": e.rowData,
|
|
@@ -2561,27 +2561,27 @@ const Xt = () => {
|
|
|
2561
2561
|
},
|
|
2562
2562
|
emits: ["cell-hovered", "on-frozen-columns-key-press", "select-row", "select-nested-row", "row-click", "nested-content-toggled"],
|
|
2563
2563
|
setup(e, { expose: i, emit: a }) {
|
|
2564
|
-
const n = vt(), c = ht(n), t = e, l = a,
|
|
2564
|
+
const n = vt(), c = ht(n), t = e, l = a, w = R({}), C = R(!1), _ = R(), L = R(), v = rt("nested-content-slot"), D = R(!1), y = R();
|
|
2565
2565
|
qe(() => {
|
|
2566
2566
|
L.value && (y.value = We(L.value));
|
|
2567
2567
|
});
|
|
2568
2568
|
const u = p(() => t.shouldShowNestedRows(t.rowData)), b = p(
|
|
2569
2569
|
() => {
|
|
2570
|
-
var
|
|
2571
|
-
return !t.isNestedRow && t.hasNestedRows && u.value && ((I = (
|
|
2570
|
+
var E, I;
|
|
2571
|
+
return !t.isNestedRow && t.hasNestedRows && u.value && ((I = (E = t.rowData) == null ? void 0 : E.children) == null ? void 0 : I.length) > 0;
|
|
2572
2572
|
}
|
|
2573
2573
|
), A = p(
|
|
2574
2574
|
() => {
|
|
2575
|
-
var
|
|
2576
|
-
return !t.isNestedRow && t.hasNestedRows && u.value && (((
|
|
2575
|
+
var E, I;
|
|
2576
|
+
return !t.isNestedRow && t.hasNestedRows && u.value && (((E = t.rowData) == null ? void 0 : E.children) === void 0 || ((I = t == null ? void 0 : t.rowData) == null ? void 0 : I.children.length) === 0);
|
|
2577
2577
|
}
|
|
2578
2578
|
), d = p(
|
|
2579
2579
|
() => t.hasNestedContent && t.shouldShowNestedContent(t.rowData) || t.hasNestedRows && u.value && !t.isNestedRow
|
|
2580
2580
|
), g = p(() => {
|
|
2581
2581
|
if (t.hasNestedContent || t.hasNestedRows) {
|
|
2582
|
-
const
|
|
2582
|
+
const E = C.value.toString();
|
|
2583
2583
|
return {
|
|
2584
|
-
"aria-expanded": d.value ?
|
|
2584
|
+
"aria-expanded": d.value ? E : void 0,
|
|
2585
2585
|
"aria-level": t.isNestedRow ? "2" : "1",
|
|
2586
2586
|
"aria-posinset": t.rowIndex + 1,
|
|
2587
2587
|
"aria-setsize": t.rowSetSize
|
|
@@ -2604,14 +2604,14 @@ const Xt = () => {
|
|
|
2604
2604
|
tabindex: "-1"
|
|
2605
2605
|
};
|
|
2606
2606
|
}), T = p(() => {
|
|
2607
|
-
var
|
|
2608
|
-
return b.value ? (I = (
|
|
2607
|
+
var E, I;
|
|
2608
|
+
return b.value ? (I = (E = t.rowData) == null ? void 0 : E.children) == null ? void 0 : I.reduce((K, G, ie) => (K[ie] = rt("nested-row"), K), {}) : [];
|
|
2609
2609
|
}), F = p(() => {
|
|
2610
|
-
var
|
|
2610
|
+
var E;
|
|
2611
2611
|
if (C.value) {
|
|
2612
2612
|
if (t.hasNestedContent && t.shouldShowNestedContent(t.rowData))
|
|
2613
2613
|
return [v];
|
|
2614
|
-
if (b.value && ((
|
|
2614
|
+
if (b.value && ((E = Object.keys(T.value)) == null ? void 0 : E.length) > 0) {
|
|
2615
2615
|
const I = Object.values(T.value);
|
|
2616
2616
|
if ((I == null ? void 0 : I.length) > 0)
|
|
2617
2617
|
return I;
|
|
@@ -2620,68 +2620,68 @@ const Xt = () => {
|
|
|
2620
2620
|
}
|
|
2621
2621
|
}), P = p(() => {
|
|
2622
2622
|
var I, K;
|
|
2623
|
-
const
|
|
2624
|
-
if ((
|
|
2625
|
-
const G =
|
|
2623
|
+
const E = (K = (I = t.rowData) == null ? void 0 : I.children) == null ? void 0 : K.map((G) => t.getDataItemId(G));
|
|
2624
|
+
if ((E == null ? void 0 : E.length) > 0) {
|
|
2625
|
+
const G = E.every((ue) => {
|
|
2626
2626
|
var pe;
|
|
2627
2627
|
return (pe = t == null ? void 0 : t.selectedItems) == null ? void 0 : pe.includes(ue);
|
|
2628
|
-
}), ie =
|
|
2628
|
+
}), ie = E.some((ue) => {
|
|
2629
2629
|
var pe;
|
|
2630
2630
|
return (pe = t == null ? void 0 : t.selectedItems) == null ? void 0 : pe.includes(ue);
|
|
2631
2631
|
});
|
|
2632
2632
|
return !G && ie;
|
|
2633
2633
|
}
|
|
2634
2634
|
return !1;
|
|
2635
|
-
}), m = (
|
|
2636
|
-
const K =
|
|
2637
|
-
|
|
2638
|
-
}, k = (
|
|
2635
|
+
}), m = (E, I) => {
|
|
2636
|
+
const K = E;
|
|
2637
|
+
E !== null && (K != null && K.gridcellRef) && (w.value[I] = K.gridcellRef);
|
|
2638
|
+
}, k = (E) => T.value[E], V = (E) => {
|
|
2639
2639
|
if (!t.selectable)
|
|
2640
2640
|
return null;
|
|
2641
|
-
const I = t.getDataItemId(
|
|
2641
|
+
const I = t.getDataItemId(E);
|
|
2642
2642
|
return t.selectedItems.includes(I).toString();
|
|
2643
|
-
}, X = (
|
|
2643
|
+
}, X = (E) => {
|
|
2644
2644
|
var G;
|
|
2645
2645
|
if (!t.allowRowClicks)
|
|
2646
2646
|
return;
|
|
2647
2647
|
let I = !1;
|
|
2648
2648
|
const K = ["button", "input", "a"];
|
|
2649
2649
|
for (let ie = 0; ie < K.length; ie++)
|
|
2650
|
-
if ((G =
|
|
2650
|
+
if ((G = E == null ? void 0 : E.target) != null && G.closest(K[ie])) {
|
|
2651
2651
|
I = !0;
|
|
2652
2652
|
break;
|
|
2653
2653
|
}
|
|
2654
|
-
I || l("row-click", t.rowData,
|
|
2655
|
-
}, re = (
|
|
2656
|
-
l("select-row",
|
|
2657
|
-
}, te = (
|
|
2658
|
-
l("select-nested-row", I, t.rowData,
|
|
2654
|
+
I || l("row-click", t.rowData, E);
|
|
2655
|
+
}, re = (E) => {
|
|
2656
|
+
l("select-row", E, t.rowData);
|
|
2657
|
+
}, te = (E, I) => {
|
|
2658
|
+
l("select-nested-row", I, t.rowData, E);
|
|
2659
2659
|
}, me = () => {
|
|
2660
2660
|
D.value = !0;
|
|
2661
2661
|
}, he = () => {
|
|
2662
2662
|
D.value = !1;
|
|
2663
2663
|
}, de = () => {
|
|
2664
|
-
var
|
|
2665
|
-
un([(
|
|
2664
|
+
var E;
|
|
2665
|
+
un([(E = y.value) == null ? void 0 : E[0]]), wt(L.value);
|
|
2666
2666
|
}, ge = () => {
|
|
2667
2667
|
We(L.value);
|
|
2668
|
-
}, Q = (
|
|
2668
|
+
}, Q = (E) => {
|
|
2669
2669
|
var I, K;
|
|
2670
|
-
|
|
2671
|
-
}, h = () => t.columnSets.reduce((
|
|
2672
|
-
var
|
|
2670
|
+
E.key !== Re.TAB && We(L.value), E.key === Re.ARROW_RIGHT && ((I = y.value) == null ? void 0 : I.length) > 1 && y.value[0].node === document.activeElement ? (We(L.value), y.value[1].node.setAttribute("tabindex", "0"), y.value[1].node.focus(), E.stopPropagation(), E.preventDefault()) : E.key === Re.ARROW_LEFT && ((K = y.value) == null ? void 0 : K.length) > 1 && y.value[1].node === document.activeElement && (We(L.value), y.value[0].node.setAttribute("tabindex", "0"), y.value[0].node.focus(), E.stopPropagation(), E.preventDefault());
|
|
2671
|
+
}, h = () => t.columnSets.reduce((E, { columnSet: I }) => E + I.length, 0), Z = () => h() * t.rowIndex + h(), { updateContentHeight: x, contentHeight: s } = Il(_, C), W = p(() => {
|
|
2672
|
+
var E;
|
|
2673
2673
|
if (t.hasNestedContent || t.hasNestedRows)
|
|
2674
2674
|
return {
|
|
2675
|
-
paddingLeft: `${b.value || A.value ? 0 :
|
|
2676
|
-
"max-height": (t.hasNestedContent || t.hasNestedRows) && s.value && !((
|
|
2675
|
+
paddingLeft: `${b.value || A.value ? 0 : w.value[we].clientWidth + dn}px`,
|
|
2676
|
+
"max-height": (t.hasNestedContent || t.hasNestedRows) && s.value && !((E = s == null ? void 0 : s.value) != null && E.includes("null")) ? s.value : 0
|
|
2677
2677
|
};
|
|
2678
2678
|
});
|
|
2679
2679
|
ye(
|
|
2680
|
-
() =>
|
|
2680
|
+
() => _.value,
|
|
2681
2681
|
() => {
|
|
2682
|
-
let
|
|
2683
|
-
!
|
|
2684
|
-
|
|
2682
|
+
let E = null;
|
|
2683
|
+
!E && _.value && (E = Ct(_.value, () => {
|
|
2684
|
+
_.value && x();
|
|
2685
2685
|
}));
|
|
2686
2686
|
}
|
|
2687
2687
|
);
|
|
@@ -2690,26 +2690,26 @@ const Xt = () => {
|
|
|
2690
2690
|
};
|
|
2691
2691
|
ye(
|
|
2692
2692
|
() => {
|
|
2693
|
-
var
|
|
2694
|
-
return (
|
|
2693
|
+
var E;
|
|
2694
|
+
return (E = t.rowData) == null ? void 0 : E.children;
|
|
2695
2695
|
},
|
|
2696
|
-
(
|
|
2696
|
+
(E, I) => {
|
|
2697
2697
|
var K, G;
|
|
2698
2698
|
((G = (K = t == null ? void 0 : t.rowData) == null ? void 0 : K.children) == null ? void 0 : G.length) > 0 && I === void 0 && !C.value && x();
|
|
2699
2699
|
}
|
|
2700
2700
|
);
|
|
2701
|
-
const ne = (
|
|
2702
|
-
"b-data-grid-row-container__row--disabled": t.isDataItemDisabled(
|
|
2701
|
+
const ne = (E, I) => ({
|
|
2702
|
+
"b-data-grid-row-container__row--disabled": t.isDataItemDisabled(E),
|
|
2703
2703
|
"b-data-grid-row-container__row--row-clicks-enabled": t.allowRowClicks,
|
|
2704
|
-
"b-data-grid-row-container__row--highlighted": t.highlightedRows.includes(t.getDataItemId(
|
|
2704
|
+
"b-data-grid-row-container__row--highlighted": t.highlightedRows.includes(t.getDataItemId(E)) || t.selectedItems.includes(t.getDataItemId(E)),
|
|
2705
2705
|
"b-data-grid-row-container__row--hovered": t.hoveredRowIndex === I,
|
|
2706
2706
|
"b-data-grid-row-container__row--is-last-child": t.isRowLastChild && !C.value,
|
|
2707
2707
|
"b-data-grid-row-container__row--nested-row": t.isNestedRow
|
|
2708
|
-
}), J = (
|
|
2709
|
-
"b-data-grid-row-container__row-cell-set--frozen":
|
|
2710
|
-
[`b-data-grid-row-container__row-cell-set--${
|
|
2711
|
-
"b-data-grid-row-container__row-cell-set--frozen-separator":
|
|
2712
|
-
"b-data-grid-row-container__row-cell-set--unfrozen": !
|
|
2708
|
+
}), J = (E) => ({
|
|
2709
|
+
"b-data-grid-row-container__row-cell-set--frozen": E,
|
|
2710
|
+
[`b-data-grid-row-container__row-cell-set--${$e.OVERFLOW_SHADOW_LEFT}`]: E && t.hasLeftOverflow,
|
|
2711
|
+
"b-data-grid-row-container__row-cell-set--frozen-separator": E && t.showFrozenColumnsSeparator,
|
|
2712
|
+
"b-data-grid-row-container__row-cell-set--unfrozen": !E,
|
|
2713
2713
|
"b-data-grid-row-container__row-cell-set--is-measuring": t.isMeasuringColumnWidths
|
|
2714
2714
|
}), Ue = p(() => ({
|
|
2715
2715
|
"b-data-grid-row-container__row-nested-slot--is-last-child": t.isRowLastChild,
|
|
@@ -2720,12 +2720,12 @@ const Xt = () => {
|
|
|
2720
2720
|
minWidth: `${t.rowActionsMaximumWidth}px`
|
|
2721
2721
|
}));
|
|
2722
2722
|
return i({
|
|
2723
|
-
gridcellRefs:
|
|
2723
|
+
gridcellRefs: w,
|
|
2724
2724
|
rowActionsRef: L
|
|
2725
|
-
}), (
|
|
2725
|
+
}), (E, I) => {
|
|
2726
2726
|
var K;
|
|
2727
|
-
return f(),
|
|
2728
|
-
(f(),
|
|
2727
|
+
return f(), S("div", $s, [
|
|
2728
|
+
(f(), S("div", ee(g.value, {
|
|
2729
2729
|
id: (K = e.rowId) == null ? void 0 : K.toString(),
|
|
2730
2730
|
key: e.rowIndex,
|
|
2731
2731
|
class: ["b-data-grid-row-container__row", ne(e.rowData, e.rowIndex)],
|
|
@@ -2737,13 +2737,13 @@ const Xt = () => {
|
|
|
2737
2737
|
Nt(X, ["space"])
|
|
2738
2738
|
]
|
|
2739
2739
|
}), [
|
|
2740
|
-
(f(!0),
|
|
2741
|
-
G != null && G.length ? (f(),
|
|
2740
|
+
(f(!0), S(ve, null, be(e.columnSets, ({ columnSet: G, id: ie, isFrozenColumns: ue }, pe) => (f(), S(ve, null, [
|
|
2741
|
+
G != null && G.length ? (f(), S("div", {
|
|
2742
2742
|
key: `data-grid-rows-${ie}`,
|
|
2743
2743
|
class: fe(["b-data-grid-row-container__cells", J(ue)]),
|
|
2744
2744
|
"data-testid": `data-grid-${ie}-rows`
|
|
2745
2745
|
}, [
|
|
2746
|
-
(f(!0),
|
|
2746
|
+
(f(!0), S(ve, null, be(G, (Pe, Ye) => (f(), B(o(Is), {
|
|
2747
2747
|
key: `cell-${Pe.field}`,
|
|
2748
2748
|
ref_for: !0,
|
|
2749
2749
|
ref: (Ae) => m(Ae, Pe.field),
|
|
@@ -2775,19 +2775,19 @@ const Xt = () => {
|
|
|
2775
2775
|
be(o(n), (Ae, Xe) => ({
|
|
2776
2776
|
name: Xe,
|
|
2777
2777
|
fn: H((ot) => [
|
|
2778
|
-
Te(
|
|
2778
|
+
Te(E.$slots, Xe, ee({ ref_for: !0 }, ot), void 0, !0)
|
|
2779
2779
|
])
|
|
2780
2780
|
}))
|
|
2781
2781
|
]), 1032, ["column", "column-set-index", "col-index", "column-sets", "condensed", "dragging-columns", "dragging-events-for-row-cell", "get-data-item-id", "hovered-over-column-state", "is-data-item-disabled", "is-measuring-column-widths", "is-nested-content-expanded", "nested-content", "nested-rows-element-ids", "row-data", "row-index", "selection-is-indeterminate", "selectable", "selected-items"]))), 128))
|
|
2782
2782
|
], 10, ks)) : z("", !0),
|
|
2783
|
-
!ue && e.rowActions ? (f(),
|
|
2783
|
+
!ue && e.rowActions ? (f(), S("div", {
|
|
2784
2784
|
key: `data-grid-row-actions-${ie}`,
|
|
2785
2785
|
ref_for: !0,
|
|
2786
2786
|
ref_key: "rowActionsRef",
|
|
2787
2787
|
ref: L,
|
|
2788
2788
|
"aria-colindex": h().toString(),
|
|
2789
2789
|
class: fe(["b-data-grid-row-container__row-actions-container", Ge.value]),
|
|
2790
|
-
style:
|
|
2790
|
+
style: ke(ze.value),
|
|
2791
2791
|
"data-cellindex": Z(),
|
|
2792
2792
|
tabindex: "-1",
|
|
2793
2793
|
role: "gridcell",
|
|
@@ -2813,18 +2813,18 @@ const Xt = () => {
|
|
|
2813
2813
|
name: "b-data-grid-row-container__animation--nested-content"
|
|
2814
2814
|
}, {
|
|
2815
2815
|
default: H(() => [
|
|
2816
|
-
C.value ? (f(),
|
|
2816
|
+
C.value ? (f(), S("div", ee({ key: 0 }, r.value, {
|
|
2817
2817
|
class: Ue.value,
|
|
2818
2818
|
"data-testid": "nested-content-container",
|
|
2819
2819
|
style: W.value
|
|
2820
2820
|
}), [
|
|
2821
2821
|
O("div", {
|
|
2822
2822
|
ref_key: "nestedContentRef",
|
|
2823
|
-
ref:
|
|
2823
|
+
ref: _
|
|
2824
2824
|
}, [
|
|
2825
|
-
A.value ? (f(),
|
|
2825
|
+
A.value ? (f(), S("div", Fs, [
|
|
2826
2826
|
Y(o(mt))
|
|
2827
|
-
])) : b.value ? (f(!0),
|
|
2827
|
+
])) : b.value ? (f(!0), S(ve, { key: 1 }, be(e.rowData.children, (G, ie) => (f(), B(Cn, ee({ ref_for: !0 }, t, {
|
|
2828
2828
|
id: k(ie),
|
|
2829
2829
|
key: `child-${ie}`,
|
|
2830
2830
|
"row-data": G,
|
|
@@ -2839,11 +2839,11 @@ const Xt = () => {
|
|
|
2839
2839
|
be(o(n), (ue, pe) => ({
|
|
2840
2840
|
name: pe,
|
|
2841
2841
|
fn: H((Pe) => [
|
|
2842
|
-
Te(
|
|
2842
|
+
Te(E.$slots, pe, ee({ ref_for: !0 }, Pe), void 0, !0)
|
|
2843
2843
|
])
|
|
2844
2844
|
}))
|
|
2845
|
-
]), 1040, ["id", "row-data", "row-index", "row-set-size", "onSelectRow"]))), 128)) : o(c)("nested-slot") && e.shouldShowNestedContent(e.rowData) ? (f(),
|
|
2846
|
-
Te(
|
|
2845
|
+
]), 1040, ["id", "row-data", "row-index", "row-set-size", "onSelectRow"]))), 128)) : o(c)("nested-slot") && e.shouldShowNestedContent(e.rowData) ? (f(), S("div", Us, [
|
|
2846
|
+
Te(E.$slots, "nested-slot", { item: e.rowData }, void 0, !0)
|
|
2847
2847
|
])) : z("", !0)
|
|
2848
2848
|
], 512)
|
|
2849
2849
|
], 16)) : z("", !0)
|
|
@@ -2861,14 +2861,14 @@ const Bs = {
|
|
|
2861
2861
|
}
|
|
2862
2862
|
}, Ws = { key: 0 }, Gs = ["clip-path"], Hs = ["id"];
|
|
2863
2863
|
function Vs(e, i, a, n, c, t) {
|
|
2864
|
-
return f(),
|
|
2864
|
+
return f(), S("svg", ee({ role: "img" }, e.$attrs, {
|
|
2865
2865
|
class: "ui-assets-icons-16",
|
|
2866
2866
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2867
2867
|
width: "16",
|
|
2868
2868
|
height: "16",
|
|
2869
2869
|
fill: "none"
|
|
2870
2870
|
}), [
|
|
2871
|
-
e.$attrs["svg-title"] ? (f(),
|
|
2871
|
+
e.$attrs["svg-title"] ? (f(), S("title", Ws, q(e.$attrs["svg-title"]), 1)) : z("", !0),
|
|
2872
2872
|
O("g", {
|
|
2873
2873
|
"clip-path": "url(#uia-ui-assets/icons-16-warning_circle_fill__a" + e.uuid + ")"
|
|
2874
2874
|
}, i[0] || (i[0] = [
|
|
@@ -2917,7 +2917,7 @@ const xs = /* @__PURE__ */ se(Bs, [["render", Vs]]), Zs = ["aria-label"], js = {
|
|
|
2917
2917
|
}), n = p(() => ({
|
|
2918
2918
|
"b-data-grid-static-icon--colored": i.colored && i.variant !== "no-value"
|
|
2919
2919
|
})), c = p(() => `b-data-grid-static-icon__${i.variant}`), t = p(() => cl.AUTO);
|
|
2920
|
-
return (l,
|
|
2920
|
+
return (l, w) => gt((f(), S("div", {
|
|
2921
2921
|
"aria-label": l.tooltipText,
|
|
2922
2922
|
class: fe(["b-data-grid-static-icon", n.value]),
|
|
2923
2923
|
tabindex: "0"
|
|
@@ -2930,7 +2930,7 @@ const xs = /* @__PURE__ */ se(Bs, [["render", Vs]]), Zs = ["aria-label"], js = {
|
|
|
2930
2930
|
[o(dl), l.tooltipText, t.value]
|
|
2931
2931
|
]);
|
|
2932
2932
|
}
|
|
2933
|
-
}), ta = /* @__PURE__ */ se(qs, [["__scopeId", "data-v-3ee55e9a"]]),
|
|
2933
|
+
}), ta = /* @__PURE__ */ se(qs, [["__scopeId", "data-v-3ee55e9a"]]), _n = {
|
|
2934
2934
|
"de-DE": {
|
|
2935
2935
|
numberResults: "1 Ergebnis | {count} Ergebnisse"
|
|
2936
2936
|
},
|
|
@@ -2950,7 +2950,7 @@ const xs = /* @__PURE__ */ se(Bs, [["render", Vs]]), Zs = ["aria-label"], js = {
|
|
|
2950
2950
|
numberResults: "1 resultado | {count} resultados"
|
|
2951
2951
|
}
|
|
2952
2952
|
}, Ks = { class: "b-data-grid-summary-cell" }, Ys = { class: "b-data-grid-summary-cell__list" }, Xs = {
|
|
2953
|
-
i18n: { messages:
|
|
2953
|
+
i18n: { messages: _n }
|
|
2954
2954
|
}, Js = /* @__PURE__ */ Ne({
|
|
2955
2955
|
...Xs,
|
|
2956
2956
|
__name: "data-grid-summary-cell",
|
|
@@ -2962,26 +2962,26 @@ const xs = /* @__PURE__ */ se(Bs, [["render", Vs]]), Zs = ["aria-label"], js = {
|
|
|
2962
2962
|
tooltipText: { default: null }
|
|
2963
2963
|
},
|
|
2964
2964
|
setup(e) {
|
|
2965
|
-
const { tc: i } = Fe({ messages:
|
|
2966
|
-
var
|
|
2965
|
+
const { tc: i } = Fe({ messages: _n }), a = e, n = R(), c = p(() => {
|
|
2966
|
+
var _;
|
|
2967
2967
|
return {
|
|
2968
2968
|
popoverPosition: "right",
|
|
2969
2969
|
// Default is right but can be overriden
|
|
2970
2970
|
...a.dashedUnderline,
|
|
2971
|
-
popoverTitle: ((
|
|
2971
|
+
popoverTitle: ((_ = a == null ? void 0 : a.dashedUnderline) == null ? void 0 : _.popoverTitle) ?? a.label,
|
|
2972
2972
|
// We force teleport as this is needed for the popover to appear above all the data grid elements
|
|
2973
2973
|
teleport: {
|
|
2974
2974
|
disabled: !1
|
|
2975
2975
|
}
|
|
2976
2976
|
};
|
|
2977
2977
|
}), t = p(() => {
|
|
2978
|
-
var
|
|
2979
|
-
return ((
|
|
2980
|
-
}), l = (
|
|
2981
|
-
() => a.tooltipText ?? (
|
|
2978
|
+
var _;
|
|
2979
|
+
return ((_ = a.searchTerm) == null ? void 0 : _.toLowerCase()) ?? "";
|
|
2980
|
+
}), l = (_) => a.searchTerm && _.toLowerCase().includes(t.value) ? "mark" : "span", w = p(() => a.searchTerm ? a.items.filter((_) => _.toLowerCase().includes(t.value)).length : 0), C = p(
|
|
2981
|
+
() => a.tooltipText ?? (w.value > 0 ? i("numberResults", w.value) : "")
|
|
2982
2982
|
);
|
|
2983
|
-
return (
|
|
2984
|
-
|
|
2983
|
+
return (_, L) => (f(), S("div", Ks, [
|
|
2984
|
+
_.items.length > 1 ? (f(), B(o(fl), ee({
|
|
2985
2985
|
key: 0,
|
|
2986
2986
|
ref_key: "dashedUnderlineRef",
|
|
2987
2987
|
ref: n
|
|
@@ -2990,7 +2990,7 @@ const xs = /* @__PURE__ */ se(Bs, [["render", Vs]]), Zs = ["aria-label"], js = {
|
|
|
2990
2990
|
Y(o(Ke), { class: "b-data-grid-summary-cell__popover-content" }, {
|
|
2991
2991
|
default: H(() => [
|
|
2992
2992
|
O("ul", Ys, [
|
|
2993
|
-
(f(!0),
|
|
2993
|
+
(f(!0), S(ve, null, be(_.items, (v) => (f(), S("li", { key: v }, [
|
|
2994
2994
|
(f(), B(Ze(l(v)), null, {
|
|
2995
2995
|
default: H(() => [
|
|
2996
2996
|
ce(q(v), 1)
|
|
@@ -3004,11 +3004,11 @@ const xs = /* @__PURE__ */ se(Bs, [["render", Vs]]), Zs = ["aria-label"], js = {
|
|
|
3004
3004
|
})
|
|
3005
3005
|
]),
|
|
3006
3006
|
default: H(() => [
|
|
3007
|
-
ce(q(
|
|
3007
|
+
ce(q(_.label) + " ", 1)
|
|
3008
3008
|
]),
|
|
3009
3009
|
_: 1
|
|
3010
|
-
}, 16)) : (f(),
|
|
3011
|
-
ce(q(
|
|
3010
|
+
}, 16)) : (f(), S(ve, { key: 1 }, [
|
|
3011
|
+
ce(q(_.items[0]), 1)
|
|
3012
3012
|
], 64)),
|
|
3013
3013
|
n.value && C.value ? (f(), B(o(ul), {
|
|
3014
3014
|
key: 2,
|
|
@@ -3146,6 +3146,7 @@ const xs = /* @__PURE__ */ se(Bs, [["render", Vs]]), Zs = ["aria-label"], js = {
|
|
|
3146
3146
|
},
|
|
3147
3147
|
/**
|
|
3148
3148
|
* Allows the grid to be rendered inside a confined space.
|
|
3149
|
+
* This makes the data-grid expand to fill the height of its parent container, with the grid body becoming scrollable.
|
|
3149
3150
|
*/
|
|
3150
3151
|
fitContent: { type: Boolean, default: !1 },
|
|
3151
3152
|
/**
|
|
@@ -3347,7 +3348,7 @@ const xs = /* @__PURE__ */ se(Bs, [["render", Vs]]), Zs = ["aria-label"], js = {
|
|
|
3347
3348
|
M.SORT
|
|
3348
3349
|
],
|
|
3349
3350
|
setup(e, { expose: i, emit: a }) {
|
|
3350
|
-
const n = e, c = vt(), t = ht(c), l = R(null),
|
|
3351
|
+
const n = e, c = vt(), t = ht(c), l = R(null), w = R(), C = R({}), _ = R(null), L = R(null), v = R(), D = R(null), y = R(null), u = R(null), {
|
|
3351
3352
|
allowColumnDragAndDrop: b,
|
|
3352
3353
|
columns: A,
|
|
3353
3354
|
columnPanel: d,
|
|
@@ -3363,7 +3364,7 @@ const xs = /* @__PURE__ */ se(Bs, [["render", Vs]]), Zs = ["aria-label"], js = {
|
|
|
3363
3364
|
outline: re,
|
|
3364
3365
|
pagination: te
|
|
3365
3366
|
} = ft(n), me = R(-1), { t: he } = Fe({ messages: lt }), de = p(() => N.value.filter(($) => $.frozen).length), ge = at(
|
|
3366
|
-
|
|
3367
|
+
wl,
|
|
3367
3368
|
() => ({
|
|
3368
3369
|
additionalContentSlotRef: R(null),
|
|
3369
3370
|
isDataGridTemplate: !1,
|
|
@@ -3371,16 +3372,16 @@ const xs = /* @__PURE__ */ se(Bs, [["render", Vs]]), Zs = ["aria-label"], js = {
|
|
|
3371
3372
|
stickyTabs: R(!1),
|
|
3372
3373
|
tabsRef: R(null)
|
|
3373
3374
|
})
|
|
3374
|
-
), { additionalContentSlotRef: Q, isDataGridTemplate: h, stickyTabs: Z, tabsRef: x, stickyAdditionalContent: s } = ge(), W = p(() =>
|
|
3375
|
+
), { additionalContentSlotRef: Q, isDataGridTemplate: h, stickyTabs: Z, tabsRef: x, stickyAdditionalContent: s } = ge(), W = p(() => h ? 0 : null), {
|
|
3375
3376
|
columnDefs: N,
|
|
3376
3377
|
onColumnWidthOverride: ne,
|
|
3377
3378
|
gridRowWidthStyle: J,
|
|
3378
3379
|
isMeasuringColumnWidths: Ue,
|
|
3379
3380
|
isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: Ge,
|
|
3380
3381
|
columns: ze,
|
|
3381
|
-
totalWidthOfAllColumns:
|
|
3382
|
+
totalWidthOfAllColumns: E,
|
|
3382
3383
|
rowActionsMaxWidth: I
|
|
3383
|
-
} = jl(A, g, l, C,
|
|
3384
|
+
} = jl(A, g, l, C, _, {
|
|
3384
3385
|
hasColumnPanel: d,
|
|
3385
3386
|
hasSelectableColumn: m,
|
|
3386
3387
|
hasSelectableAcrossPages: V,
|
|
@@ -3404,21 +3405,21 @@ const xs = /* @__PURE__ */ se(Bs, [["render", Vs]]), Zs = ["aria-label"], js = {
|
|
|
3404
3405
|
columnSets: Ae,
|
|
3405
3406
|
isOnlyOneVisibleColumn: Xe,
|
|
3406
3407
|
onConfigSettingsUpdate: ot,
|
|
3407
|
-
onConfigSettingsColumnsUpdate:
|
|
3408
|
+
onConfigSettingsColumnsUpdate: wn,
|
|
3408
3409
|
onConfigSettingsColumnUpdate: bn
|
|
3409
3410
|
} = eo(N, G), { hoveredOverColumn: yn, hoveredOverColumnState: bt } = no(
|
|
3410
3411
|
Ae,
|
|
3411
3412
|
m,
|
|
3412
3413
|
re,
|
|
3413
3414
|
Ge
|
|
3414
|
-
), { draggingColumns: yt, draggingEventsForColumns: pn, draggingEventsForRowCell:
|
|
3415
|
+
), { draggingColumns: yt, draggingEventsForColumns: pn, draggingEventsForRowCell: En, onMoveColumnByOffset: Sn } = Ql(Ye, b, G), { onAllRowSelect: pt, onRowSelect: Ln, onNestedRowSelect: Rn, selectedItems: Et, allItemsSelectedState: An } = ql(
|
|
3415
3416
|
k,
|
|
3416
3417
|
G,
|
|
3417
3418
|
g,
|
|
3418
3419
|
n.getDataItemId,
|
|
3419
3420
|
n.isDataItemDisabled
|
|
3420
3421
|
), { navigationInput: Je } = Yl(
|
|
3421
|
-
|
|
3422
|
+
_,
|
|
3422
3423
|
C,
|
|
3423
3424
|
Ye,
|
|
3424
3425
|
m,
|
|
@@ -3433,17 +3434,17 @@ const xs = /* @__PURE__ */ se(Bs, [["render", Vs]]), Zs = ["aria-label"], js = {
|
|
|
3433
3434
|
), {
|
|
3434
3435
|
updateScrollPosition: Qe,
|
|
3435
3436
|
updateScrollPositionOnFrozenColumnsNavigation: In,
|
|
3436
|
-
syncVirtualScrollerWithBody:
|
|
3437
|
+
syncVirtualScrollerWithBody: St,
|
|
3437
3438
|
hasLeftOverflow: et,
|
|
3438
3439
|
hasRightOverflow: Lt,
|
|
3439
3440
|
horizontalScrollbarConditionalStyles: $n
|
|
3440
3441
|
} = to(
|
|
3441
3442
|
l,
|
|
3442
|
-
|
|
3443
|
+
w,
|
|
3443
3444
|
Tn,
|
|
3444
3445
|
u,
|
|
3445
3446
|
D,
|
|
3446
|
-
|
|
3447
|
+
E,
|
|
3447
3448
|
{
|
|
3448
3449
|
isLazyLoad: Ve,
|
|
3449
3450
|
pagination: te,
|
|
@@ -3459,21 +3460,22 @@ const xs = /* @__PURE__ */ se(Bs, [["render", Vs]]), Zs = ["aria-label"], js = {
|
|
|
3459
3460
|
variant: (($ = n.emptyState) == null ? void 0 : $.variant) === "embedded" || ((U = n.emptyState) == null ? void 0 : U.variant) === "basic" ? n.emptyState.variant : "basic"
|
|
3460
3461
|
};
|
|
3461
3462
|
}), Mn = p(() => ({
|
|
3462
|
-
[`b-data-grid--${
|
|
3463
|
-
[`b-data-grid--${
|
|
3464
|
-
[`b-data-grid--${
|
|
3465
|
-
[`b-data-grid--${
|
|
3466
|
-
[`b-data-grid--${
|
|
3467
|
-
[`b-data-grid--${
|
|
3463
|
+
[`b-data-grid--${$e.OUTLINE}`]: n.outline,
|
|
3464
|
+
[`b-data-grid--${$e.SCROLL}`]: n.fitContent || Ve.value,
|
|
3465
|
+
[`b-data-grid--${$e.STICKY_FILTERS}`]: n.filters && n.stickyFilters,
|
|
3466
|
+
[`b-data-grid--${$e.OVERFLOW_SHADOW_LEFT}`]: et.value && !de.value,
|
|
3467
|
+
[`b-data-grid--${$e.OVERFLOW_SHADOW_RIGHT}`]: Lt.value && n.rowActions === void 0,
|
|
3468
|
+
[`b-data-grid--${$e.NO_SPACING_TOP}`]: n.noSpacingTop,
|
|
3469
|
+
[`b-data-grid--${$e.FIT_CONTENT}`]: n.fitContent
|
|
3468
3470
|
})), Fn = p(() => ({
|
|
3469
3471
|
"b-data-grid__body--sticky-horizontal-scrollbar": n.stickyHorizontalScrollbar
|
|
3470
3472
|
})), Un = p(() => Ae.value.findIndex(($) => $.columnSet.length)), Rt = p(() => !((n.selectable || n.hasNestedContent || n.hasNestedRows) && de.value === 1) || et.value), zn = p(() => ({
|
|
3471
3473
|
"b-data-grid__filters--sticky": !!n.stickyFilters || h
|
|
3472
3474
|
})), Pn = p(() => {
|
|
3473
|
-
var $, U, oe, j,
|
|
3475
|
+
var $, U, oe, j, Ee, Oe;
|
|
3474
3476
|
return {
|
|
3475
3477
|
"b-data-grid__pagination--padding-left-unset": ((oe = (U = ($ = n.columns) == null ? void 0 : $[0]) == null ? void 0 : U.padding) == null ? void 0 : oe.left) === !1,
|
|
3476
|
-
"b-data-grid__pagination--padding-right-unset": ((Oe = (
|
|
3478
|
+
"b-data-grid__pagination--padding-right-unset": ((Oe = (Ee = (j = n.columns) == null ? void 0 : j[n.columns.length - 1]) == null ? void 0 : Ee.padding) == null ? void 0 : Oe.right) === !1,
|
|
3477
3479
|
"b-data-grid__pagination--sticky": !!n.stickyPagination || h
|
|
3478
3480
|
};
|
|
3479
3481
|
}), Bn = ($) => {
|
|
@@ -3482,14 +3484,14 @@ const xs = /* @__PURE__ */ se(Bs, [["render", Vs]]), Zs = ["aria-label"], js = {
|
|
|
3482
3484
|
C.value[oe] = j;
|
|
3483
3485
|
});
|
|
3484
3486
|
}, Wn = ($, U) => {
|
|
3485
|
-
var j,
|
|
3487
|
+
var j, Ee, Oe, Be;
|
|
3486
3488
|
const oe = $;
|
|
3487
3489
|
if ($ !== null && oe != null && oe.gridcellRefs) {
|
|
3488
|
-
const
|
|
3490
|
+
const Se = n.rowActions !== void 0 && (oe == null ? void 0 : oe.rowActionsRef);
|
|
3489
3491
|
Object.entries(oe == null ? void 0 : oe.gridcellRefs).map(([Ie, xe]) => {
|
|
3490
3492
|
var Tt;
|
|
3491
|
-
((Tt =
|
|
3492
|
-
}),
|
|
3493
|
+
((Tt = _.value) == null ? void 0 : Tt[Ie]) === void 0 && (_.value = { ..._.value, [Ie]: [] }), _.value[Ie][U] = xe;
|
|
3494
|
+
}), Se && (((j = _.value) == null ? void 0 : j[je]) === void 0 && (_.value = { ..._.value, [je]: [] }), _.value[je][U] = (Ee = oe.rowActionsRef) == null ? void 0 : Ee[0], I.value = Math.max(
|
|
3493
3495
|
I.value,
|
|
3494
3496
|
((Be = (Oe = oe.rowActionsRef) == null ? void 0 : Oe[0]) == null ? void 0 : Be.offsetWidth) ?? 0
|
|
3495
3497
|
));
|
|
@@ -3503,7 +3505,7 @@ const xs = /* @__PURE__ */ se(Bs, [["render", Vs]]), Zs = ["aria-label"], js = {
|
|
|
3503
3505
|
defaultFallback: "data grid"
|
|
3504
3506
|
}), Ot = p(() => {
|
|
3505
3507
|
var $;
|
|
3506
|
-
return (($ =
|
|
3508
|
+
return (($ = Et.value) == null ? void 0 : $.length) ?? 0;
|
|
3507
3509
|
}), Zn = p(() => n.bulkActions && Ot.value > 0), jn = ($) => G(M.COLUMN_RESIZE, $), qn = ($) => {
|
|
3508
3510
|
G(M.UPDATE_SORT_BY, $), G(M.SORT, $);
|
|
3509
3511
|
}, Kn = ($, U) => {
|
|
@@ -3521,9 +3523,9 @@ const xs = /* @__PURE__ */ se(Bs, [["render", Vs]]), Zs = ["aria-label"], js = {
|
|
|
3521
3523
|
};
|
|
3522
3524
|
return p(() => A.value.some(($) => $.mandatory)).value || ln(
|
|
3523
3525
|
"WARNING: At least one BentoDataGrid column should be set as mandatory to ensure data is always displayed correctly."
|
|
3524
|
-
), at(
|
|
3526
|
+
), at(_l, () => null)(n.tabTitle), tn(mn, it(n, "slashedZero")), i({ onEmptyStateClearResetButtonClick: Dn }), ($, U) => {
|
|
3525
3527
|
var oe;
|
|
3526
|
-
return f(),
|
|
3528
|
+
return f(), S("div", {
|
|
3527
3529
|
class: fe(["b-data-grid", Mn.value]),
|
|
3528
3530
|
"aria-rowcount": o(g).length,
|
|
3529
3531
|
"aria-colcount": o(A).length,
|
|
@@ -3532,12 +3534,12 @@ const xs = /* @__PURE__ */ se(Bs, [["render", Vs]]), Zs = ["aria-label"], js = {
|
|
|
3532
3534
|
onCopy: U[11] || (U[11] = //@ts-ignore
|
|
3533
3535
|
(...j) => o(Bt) && o(Bt)(...j))
|
|
3534
3536
|
}, [
|
|
3535
|
-
e.filters ? (f(),
|
|
3537
|
+
e.filters ? (f(), S("div", {
|
|
3536
3538
|
key: 0,
|
|
3537
3539
|
ref_key: "filtersRef",
|
|
3538
3540
|
ref: L,
|
|
3539
3541
|
class: fe(["b-data-grid__filters", zn.value]),
|
|
3540
|
-
style:
|
|
3542
|
+
style: ke({ top: ue.value })
|
|
3541
3543
|
}, [
|
|
3542
3544
|
e.filters ? (f(), B(o(st), {
|
|
3543
3545
|
key: 0,
|
|
@@ -3554,12 +3556,12 @@ const xs = /* @__PURE__ */ se(Bs, [["render", Vs]]), Zs = ["aria-label"], js = {
|
|
|
3554
3556
|
"onUpdate:filterValues": U[1] || (U[1] = (j) => $.$emit(o(M).UPDATE_FILTER_VALUES, j))
|
|
3555
3557
|
}, null, 8, ["config", "container-size-layout", "filter-values", "search", "search-term"])) : z("", !0)
|
|
3556
3558
|
], 6)) : z("", !0),
|
|
3557
|
-
$.$slots.header ? (f(),
|
|
3559
|
+
$.$slots.header ? (f(), S("div", ei, [
|
|
3558
3560
|
Te($.$slots, "header", {}, void 0, !0)
|
|
3559
3561
|
])) : z("", !0),
|
|
3560
3562
|
O("div", {
|
|
3561
3563
|
class: "b-data-grid__column-headers",
|
|
3562
|
-
style:
|
|
3564
|
+
style: ke({ top: Pe.value })
|
|
3563
3565
|
}, [
|
|
3564
3566
|
o(d) ? (f(), B(o(vs), {
|
|
3565
3567
|
key: 0,
|
|
@@ -3567,11 +3569,11 @@ const xs = /* @__PURE__ */ se(Bs, [["render", Vs]]), Zs = ["aria-label"], js = {
|
|
|
3567
3569
|
columns: o(ze),
|
|
3568
3570
|
condensed: e.condensed,
|
|
3569
3571
|
onConfigSettings: o(ot),
|
|
3570
|
-
"onUpdate:columns": o(
|
|
3572
|
+
"onUpdate:columns": o(wn)
|
|
3571
3573
|
}, null, 8, ["columns", "condensed", "onConfigSettings", "onUpdate:columns"])) : z("", !0),
|
|
3572
3574
|
O("div", {
|
|
3573
3575
|
ref_key: "columnsRef",
|
|
3574
|
-
ref:
|
|
3576
|
+
ref: w,
|
|
3575
3577
|
role: "rowgroup",
|
|
3576
3578
|
class: "b-data-grid__columns-row",
|
|
3577
3579
|
tabindex: W.value,
|
|
@@ -3581,15 +3583,15 @@ const xs = /* @__PURE__ */ se(Bs, [["render", Vs]]), Zs = ["aria-label"], js = {
|
|
|
3581
3583
|
(...j) => o(Je) && o(Je)(...j))
|
|
3582
3584
|
}, [
|
|
3583
3585
|
O("div", {
|
|
3584
|
-
style:
|
|
3586
|
+
style: ke(o(J)),
|
|
3585
3587
|
class: "b-data-grid__columns",
|
|
3586
3588
|
role: "row"
|
|
3587
3589
|
}, [
|
|
3588
|
-
(f(!0),
|
|
3590
|
+
(f(!0), S(ve, null, be(o(Ae), ({ columnSet: j, id: Ee, isFrozenColumns: Oe }, Be) => (f(), S(ve, null, [
|
|
3589
3591
|
j != null && j.length ? (f(), B(o(Zo), ee({
|
|
3590
|
-
key: `data-grid-columns-${
|
|
3592
|
+
key: `data-grid-columns-${Ee}`,
|
|
3591
3593
|
ref_for: !0,
|
|
3592
|
-
ref: (
|
|
3594
|
+
ref: (Se) => Bn(Se),
|
|
3593
3595
|
columns: j,
|
|
3594
3596
|
"has-resizable-columns": e.hasResizableColumns,
|
|
3595
3597
|
"sort-by": e.sortBy,
|
|
@@ -3609,16 +3611,16 @@ const xs = /* @__PURE__ */ se(Bs, [["render", Vs]]), Zs = ["aria-label"], js = {
|
|
|
3609
3611
|
"truncate-column-headers": e.truncateColumnHeaders,
|
|
3610
3612
|
"row-actions-maximum-width": o(I)
|
|
3611
3613
|
}, nt(o(pn)), {
|
|
3612
|
-
onColumnHover: U[2] || (U[2] = (
|
|
3613
|
-
onColumnMove: o(
|
|
3614
|
+
onColumnHover: U[2] || (U[2] = (Se) => yn.value = Se),
|
|
3615
|
+
onColumnMove: o(Sn),
|
|
3614
3616
|
onColumnUpdate: o(bn),
|
|
3615
3617
|
onColumnResize: jn,
|
|
3616
3618
|
onColumnResizing: o(ne),
|
|
3617
3619
|
onSelectAllRows: o(pt),
|
|
3618
|
-
onSelectAllAcrossPages: U[3] || (U[3] = (
|
|
3620
|
+
onSelectAllAcrossPages: U[3] || (U[3] = (Se) => G(o(M).SELECT_ALL_ACROSS_PAGES)),
|
|
3619
3621
|
onSort: qn
|
|
3620
3622
|
}), He({ _: 2 }, [
|
|
3621
|
-
be(o(c), (
|
|
3623
|
+
be(o(c), (Se, Ie) => ({
|
|
3622
3624
|
name: Ie,
|
|
3623
3625
|
fn: H((xe) => [
|
|
3624
3626
|
Te($.$slots, Ie, ee({ ref_for: !0 }, xe), void 0, !0)
|
|
@@ -3640,7 +3642,7 @@ const xs = /* @__PURE__ */ se(Bs, [["render", Vs]]), Zs = ["aria-label"], js = {
|
|
|
3640
3642
|
onScroll: U[8] || (U[8] = //@ts-ignore
|
|
3641
3643
|
(...j) => o(Qe) && o(Qe)(...j))
|
|
3642
3644
|
}, [
|
|
3643
|
-
o(T) && !o(Ve) ? (f(),
|
|
3645
|
+
o(T) && !o(Ve) ? (f(), S("div", li, [
|
|
3644
3646
|
Y(o(mt), {
|
|
3645
3647
|
class: "b-data-grid__loading-indicator",
|
|
3646
3648
|
large: ""
|
|
@@ -3654,27 +3656,27 @@ const xs = /* @__PURE__ */ se(Bs, [["render", Vs]]), Zs = ["aria-label"], js = {
|
|
|
3654
3656
|
]),
|
|
3655
3657
|
_: 1
|
|
3656
3658
|
})
|
|
3657
|
-
])) : ((oe = o(g)) == null ? void 0 : oe.length) === 0 && e.emptyState ? (f(),
|
|
3659
|
+
])) : ((oe = o(g)) == null ? void 0 : oe.length) === 0 && e.emptyState ? (f(), S("div", oi, [
|
|
3658
3660
|
Y(o(Cl), ol(sl(kn.value)), null, 16)
|
|
3659
|
-
])) : (f(),
|
|
3661
|
+
])) : (f(), S("div", {
|
|
3660
3662
|
key: 2,
|
|
3661
3663
|
class: "b-data-grid__rows",
|
|
3662
3664
|
role: "rowgroup",
|
|
3663
3665
|
onKeydown: U[7] || (U[7] = //@ts-ignore
|
|
3664
3666
|
(...j) => o(Je) && o(Je)(...j))
|
|
3665
3667
|
}, [
|
|
3666
|
-
(f(!0),
|
|
3668
|
+
(f(!0), S(ve, null, be(o(g), (j, Ee) => {
|
|
3667
3669
|
var Oe, Be;
|
|
3668
3670
|
return f(), B(o(Cn), {
|
|
3669
|
-
key:
|
|
3671
|
+
key: Ee,
|
|
3670
3672
|
ref_for: !0,
|
|
3671
|
-
ref: (
|
|
3672
|
-
style:
|
|
3673
|
+
ref: (Se) => Wn(Se, Ee),
|
|
3674
|
+
style: ke(o(J)),
|
|
3673
3675
|
"allow-row-clicks": e.allowRowClicks,
|
|
3674
3676
|
"column-sets": o(Ae),
|
|
3675
3677
|
condensed: e.condensed,
|
|
3676
3678
|
"dragging-columns": o(yt),
|
|
3677
|
-
"dragging-events-for-row-cell": o(
|
|
3679
|
+
"dragging-events-for-row-cell": o(En),
|
|
3678
3680
|
"get-data-item-id": e.getDataItemId,
|
|
3679
3681
|
"has-nested-content": o(F),
|
|
3680
3682
|
"has-nested-rows": o(P),
|
|
@@ -3684,26 +3686,26 @@ const xs = /* @__PURE__ */ se(Bs, [["render", Vs]]), Zs = ["aria-label"], js = {
|
|
|
3684
3686
|
"hovered-row-index": me.value,
|
|
3685
3687
|
"hovered-over-column-state": o(bt),
|
|
3686
3688
|
"is-data-item-disabled": e.isDataItemDisabled,
|
|
3687
|
-
"is-row-last-child":
|
|
3689
|
+
"is-row-last-child": Ee + 1 === ((Oe = o(g)) == null ? void 0 : Oe.length),
|
|
3688
3690
|
"is-measuring-column-widths": o(Ue),
|
|
3689
3691
|
"row-actions-maximum-width": o(I),
|
|
3690
3692
|
"row-actions": e.rowActions,
|
|
3691
3693
|
"row-data": j,
|
|
3692
|
-
"row-index":
|
|
3694
|
+
"row-index": Ee,
|
|
3693
3695
|
"row-set-size": (Be = o(g)) == null ? void 0 : Be.length,
|
|
3694
3696
|
"show-frozen-columns-separator": Rt.value,
|
|
3695
3697
|
"should-show-nested-content": e.shouldShowNestedContent,
|
|
3696
3698
|
"should-show-nested-rows": e.shouldShowNestedRows,
|
|
3697
3699
|
selectable: o(m),
|
|
3698
|
-
"selected-items": o(
|
|
3700
|
+
"selected-items": o(Et),
|
|
3699
3701
|
onCellHovered: Hn,
|
|
3700
|
-
onNestedContentToggled: U[6] || (U[6] = (
|
|
3702
|
+
onNestedContentToggled: U[6] || (U[6] = (Se) => G(o(M).NESTED_CONTENT_TOGGLED, Se)),
|
|
3701
3703
|
onRowClick: Gn,
|
|
3702
3704
|
onOnFrozenColumnsKeyPress: o(In),
|
|
3703
3705
|
onSelectRow: o(Ln),
|
|
3704
3706
|
onSelectNestedRow: o(Rn)
|
|
3705
3707
|
}, He({ _: 2 }, [
|
|
3706
|
-
be(o(c), (
|
|
3708
|
+
be(o(c), (Se, Ie) => ({
|
|
3707
3709
|
name: Ie,
|
|
3708
3710
|
fn: H((xe) => [
|
|
3709
3711
|
Te($.$slots, Ie, ee({ ref_for: !0 }, xe), void 0, !0)
|
|
@@ -3713,28 +3715,28 @@ const xs = /* @__PURE__ */ se(Bs, [["render", Vs]]), Zs = ["aria-label"], js = {
|
|
|
3713
3715
|
}), 128))
|
|
3714
3716
|
], 32))
|
|
3715
3717
|
], 42, ni),
|
|
3716
|
-
o(Ve) ? (f(), B(o(
|
|
3718
|
+
o(Ve) ? (f(), B(o(_s), {
|
|
3717
3719
|
key: 2,
|
|
3718
3720
|
loading: o(T),
|
|
3719
3721
|
"is-infinite-scroll": o(On),
|
|
3720
3722
|
"onUpdate:showMore": o(Nn)
|
|
3721
3723
|
}, null, 8, ["loading", "is-infinite-scroll", "onUpdate:showMore"])) : z("", !0),
|
|
3722
|
-
e.stickyHorizontalScrollbar ? (f(),
|
|
3724
|
+
e.stickyHorizontalScrollbar ? (f(), S("div", {
|
|
3723
3725
|
key: 3,
|
|
3724
3726
|
ref_key: "virtualHorizontalScrollbarRef",
|
|
3725
3727
|
ref: u,
|
|
3726
3728
|
class: "b-data-grid__horizontal-scrollbar",
|
|
3727
3729
|
"aria-hidden": "true",
|
|
3728
3730
|
"data-testid": "sticky-horizontal-scrollbar",
|
|
3729
|
-
style:
|
|
3731
|
+
style: ke(o($n)),
|
|
3730
3732
|
onScroll: U[9] || (U[9] = //@ts-ignore
|
|
3731
|
-
(...j) => o(
|
|
3733
|
+
(...j) => o(St) && o(St)(...j))
|
|
3732
3734
|
}, [
|
|
3733
3735
|
O("div", {
|
|
3734
|
-
style:
|
|
3736
|
+
style: ke({ width: `${o(E)}px`, height: "15px" })
|
|
3735
3737
|
}, null, 4)
|
|
3736
3738
|
], 36)) : z("", !0),
|
|
3737
|
-
o(te) && !o(Ve) ? (f(),
|
|
3739
|
+
o(te) && !o(Ve) ? (f(), S("div", {
|
|
3738
3740
|
key: 4,
|
|
3739
3741
|
ref_key: "paginationContainerRef",
|
|
3740
3742
|
ref: D,
|
|
@@ -3752,7 +3754,7 @@ const xs = /* @__PURE__ */ se(Bs, [["render", Vs]]), Zs = ["aria-label"], js = {
|
|
|
3752
3754
|
_: 3
|
|
3753
3755
|
}, 16, ["aria-label"])
|
|
3754
3756
|
], 2)) : z("", !0),
|
|
3755
|
-
$.$slots.footer ? (f(),
|
|
3757
|
+
$.$slots.footer ? (f(), S("div", si, [
|
|
3756
3758
|
Te($.$slots, "footer", {}, void 0, !0)
|
|
3757
3759
|
])) : z("", !0),
|
|
3758
3760
|
Zn.value ? (f(), B(o(gl), {
|
|
@@ -3765,15 +3767,15 @@ const xs = /* @__PURE__ */ se(Bs, [["render", Vs]]), Zs = ["aria-label"], js = {
|
|
|
3765
3767
|
], 42, Qs);
|
|
3766
3768
|
};
|
|
3767
3769
|
}
|
|
3768
|
-
}), la = /* @__PURE__ */ se(ai, [["__scopeId", "data-v-
|
|
3770
|
+
}), la = /* @__PURE__ */ se(ai, [["__scopeId", "data-v-022080e8"]]);
|
|
3769
3771
|
export {
|
|
3770
3772
|
ut as B,
|
|
3771
3773
|
ta as a,
|
|
3772
3774
|
na as b,
|
|
3773
|
-
|
|
3775
|
+
$e as c,
|
|
3774
3776
|
la as d,
|
|
3775
3777
|
Me as e,
|
|
3776
3778
|
M as f,
|
|
3777
3779
|
tt as g
|
|
3778
3780
|
};
|
|
3779
|
-
//# sourceMappingURL=data-grid.
|
|
3781
|
+
//# sourceMappingURL=data-grid.rDZadZwc.js.map
|