@adyen/bento-vue3 1.91.0 → 1.92.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 +128 -137
- package/dist/action-bar.js +1 -1
- package/dist/ai-tag.js +1 -1
- package/dist/alert.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/checkbox-group.css +1 -1
- package/dist/assets/checkbox.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-tag.css +1 -1
- package/dist/assets/dropdown.css +1 -1
- package/dist/assets/file-uploader.css +1 -1
- package/dist/assets/filter-bar.css +1 -1
- package/dist/assets/input-field-password.css +1 -1
- package/dist/assets/input-field-phone-number.css +1 -1
- package/dist/assets/input-field.css +1 -1
- package/dist/assets/inspector.css +1 -1
- package/dist/assets/modal-fullscreen.css +1 -1
- package/dist/assets/secondary-nav.css +1 -1
- package/dist/assets/sidepanel.css +1 -1
- package/dist/assets/textarea.css +1 -1
- package/dist/assets/toggle.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/checkbox.js +2 -2
- package/dist/chunks/{action-bar.BPS3wPde.js → action-bar.BxyRAZn1.js} +3 -3
- package/dist/chunks/{action-bar.BPS3wPde.js.map → action-bar.BxyRAZn1.js.map} +1 -1
- package/dist/chunks/{ai-tag.D7shWB_x.js → ai-tag.CpeZm2Yf.js} +2 -2
- package/dist/chunks/{ai-tag.D7shWB_x.js.map → ai-tag.CpeZm2Yf.js.map} +1 -1
- package/dist/chunks/{alert.CFWN2E0b.js → alert.RD0qOLhx.js} +91 -69
- package/dist/chunks/alert.RD0qOLhx.js.map +1 -0
- package/dist/chunks/{base-modal.BxcS7Pao.js → base-modal.C8Rsc2oO.js} +3 -3
- package/dist/chunks/base-modal.C8Rsc2oO.js.map +1 -0
- package/dist/chunks/{button-actions-with-menu.BKdNXYgU.js → button-actions-with-menu.KaWdHibo.js} +2 -2
- package/dist/chunks/{button-actions-with-menu.BKdNXYgU.js.map → button-actions-with-menu.KaWdHibo.js.map} +1 -1
- package/dist/chunks/{button-actions.DLiM8KZL.js → button-actions.7Oi2Ra4p.js} +87 -93
- package/dist/chunks/button-actions.7Oi2Ra4p.js.map +1 -0
- package/dist/chunks/button-actions.types.BptAXjD8.js.map +1 -1
- package/dist/chunks/button.DWF7FSIw.js.map +1 -1
- package/dist/chunks/{calendar.qm-kFNQv.js → calendar.DfMwuOIR.js} +516 -456
- package/dist/chunks/calendar.DfMwuOIR.js.map +1 -0
- package/dist/chunks/{card.BEChcEqg.js → card.7q8tTfjG.js} +2 -2
- package/dist/chunks/card.7q8tTfjG.js.map +1 -0
- package/dist/chunks/{checkbox-group.i3W8WO-7.js → checkbox-group.DawPC5Go.js} +4 -4
- package/dist/chunks/checkbox-group.DawPC5Go.js.map +1 -0
- package/dist/chunks/{checkbox.BPrymcRl.js → checkbox.CDjMTuJk.js} +20 -22
- package/dist/chunks/checkbox.CDjMTuJk.js.map +1 -0
- package/dist/chunks/{code-snippet.BG5ZmCrb.js → code-snippet.Dtb7CDv9.js} +3 -3
- package/dist/chunks/code-snippet.Dtb7CDv9.js.map +1 -0
- package/dist/chunks/constructNow.DyOJDyZZ.js +8 -0
- package/dist/chunks/{constructNow.D9uRk678.js.map → constructNow.DyOJDyZZ.js.map} +1 -1
- package/dist/chunks/country.types.6a7xxZIR.js.map +1 -1
- package/dist/chunks/{dashboard-section.C7mfUXOl.js → dashboard-section.kwKlujP-.js} +2 -2
- package/dist/chunks/{dashboard-section.C7mfUXOl.js.map → dashboard-section.kwKlujP-.js.map} +1 -1
- package/dist/chunks/{dashed-underline.B50DIXjK.js → dashed-underline.ADDEdamG.js} +2 -2
- package/dist/chunks/{dashed-underline.B50DIXjK.js.map → dashed-underline.ADDEdamG.js.map} +1 -1
- package/dist/chunks/{data-grid-template.CKdZb6EN.js → data-grid-template.C69yN3ZR.js} +2 -2
- package/dist/chunks/{data-grid-template.CKdZb6EN.js.map → data-grid-template.C69yN3ZR.js.map} +1 -1
- package/dist/chunks/{data-grid.DvMe72LK.js → data-grid._kCZlpR4.js} +464 -465
- package/dist/chunks/data-grid._kCZlpR4.js.map +1 -0
- package/dist/chunks/{date-picker.CidHad1p.js → date-picker.D08qIp2A.js} +7 -7
- package/dist/chunks/{date-picker.CidHad1p.js.map → date-picker.D08qIp2A.js.map} +1 -1
- package/dist/chunks/date-picker.types.Ckt7zxGy.js.map +1 -1
- package/dist/chunks/date-range-picker.BXzTT4AF.js +1038 -0
- package/dist/chunks/date-range-picker.BXzTT4AF.js.map +1 -0
- package/dist/chunks/date-range-picker.types.Ckt7zxGy.js.map +1 -1
- package/dist/chunks/{de.DXrHnkLX.js → de.ctR_lBqr.js} +2 -2
- package/dist/chunks/{de.DXrHnkLX.js.map → de.ctR_lBqr.js.map} +1 -1
- package/dist/chunks/{differenceInMonths.s_znQQpw.js → differenceInMonths.yz4Dfe-b.js} +13 -12
- package/dist/chunks/{differenceInMonths.s_znQQpw.js.map → differenceInMonths.yz4Dfe-b.js.map} +1 -1
- package/dist/chunks/{draggable-handle.CySRx1tb.js → draggable-handle.BWHOlabB.js} +2 -2
- package/dist/chunks/{draggable-handle.CySRx1tb.js.map → draggable-handle.BWHOlabB.js.map} +1 -1
- package/dist/chunks/{dropdown-tag.wcJ6Mgqe.js → dropdown-tag.Sk2n9gbl.js} +6 -6
- package/dist/chunks/dropdown-tag.Sk2n9gbl.js.map +1 -0
- package/dist/chunks/{dropdown.DHoL50gV.js → dropdown.CuIBYLdy.js} +400 -396
- package/dist/chunks/dropdown.CuIBYLdy.js.map +1 -0
- package/dist/chunks/{en-GB.CBpvhDYV.js → en-GB.BsQNm5GT.js} +2 -2
- package/dist/chunks/{en-GB.CBpvhDYV.js.map → en-GB.BsQNm5GT.js.map} +1 -1
- package/dist/chunks/{en-US.CCazFVNP.js → en-US.BR6y7foR.js} +5 -5
- package/dist/chunks/{en-US.CCazFVNP.js.map → en-US.BR6y7foR.js.map} +1 -1
- package/dist/chunks/{es.CoF2PB8b.js → es.DxqH-QhP.js} +2 -2
- package/dist/chunks/{es.CoF2PB8b.js.map → es.DxqH-QhP.js.map} +1 -1
- package/dist/chunks/{file-uploader.Dbg3vfZ_.js → file-uploader.B5_l2uQO.js} +4 -5
- package/dist/chunks/{file-uploader.Dbg3vfZ_.js.map → file-uploader.B5_l2uQO.js.map} +1 -1
- package/dist/chunks/{filter-bar.Dt-cU3zy.js → filter-bar.gwDFNkp5.js} +22 -22
- package/dist/chunks/filter-bar.gwDFNkp5.js.map +1 -0
- package/dist/chunks/{footer-actions.CYBdKDPo.js → footer-actions.4Qj_I3cd.js} +2 -2
- package/dist/chunks/{footer-actions.CYBdKDPo.js.map → footer-actions.4Qj_I3cd.js.map} +1 -1
- package/dist/chunks/{form-layout-title.B3ePK3yi.js → form-layout-title.B712PesH.js} +2 -2
- package/dist/chunks/{form-layout-title.B3ePK3yi.js.map → form-layout-title.B712PesH.js.map} +1 -1
- package/dist/chunks/{fr.CJXL-Ief.js → fr.DJtn8ron.js} +2 -2
- package/dist/chunks/{fr.CJXL-Ief.js.map → fr.DJtn8ron.js.map} +1 -1
- package/dist/chunks/{header-meta.COak4D8-.js → header-meta.BJjFOcxY.js} +14 -14
- package/dist/chunks/{header-meta.COak4D8-.js.map → header-meta.BJjFOcxY.js.map} +1 -1
- package/dist/chunks/{header-with-views.DqioajcO.js → header-with-views.CMO5q6g5.js} +8 -8
- package/dist/chunks/{header-with-views.DqioajcO.js.map → header-with-views.CMO5q6g5.js.map} +1 -1
- package/dist/chunks/{header.C21yzWrk.js → header.5RQulwlL.js} +3 -3
- package/dist/chunks/header.5RQulwlL.js.map +1 -0
- package/dist/chunks/{input-field-password.DyUphhxB.js → input-field-password.DWR0liBW.js} +5 -5
- package/dist/chunks/input-field-password.DWR0liBW.js.map +1 -0
- package/dist/chunks/{input-field-phone-number.BXVaC5ra.js → input-field-phone-number.ByjukCrO.js} +4 -4
- package/dist/chunks/{input-field-phone-number.BXVaC5ra.js.map → input-field-phone-number.ByjukCrO.js.map} +1 -1
- package/dist/chunks/{input-field.DkUFvIWt.js → input-field.FkzBZDWS.js} +141 -130
- package/dist/chunks/input-field.FkzBZDWS.js.map +1 -0
- package/dist/chunks/{input-time.WI_qdwJc.js → input-time.DlvANG4O.js} +4 -4
- package/dist/chunks/{input-time.WI_qdwJc.js.map → input-time.DlvANG4O.js.map} +1 -1
- package/dist/chunks/isSameWeek.CieN9XgL.js +14 -0
- package/dist/chunks/{isSameWeek.Dj6luS8h.js.map → isSameWeek.CieN9XgL.js.map} +1 -1
- package/dist/chunks/{it.20Y7h-bF.js → it.keS7oN5l.js} +3 -3
- package/dist/chunks/{it.20Y7h-bF.js.map → it.keS7oN5l.js.map} +1 -1
- package/dist/chunks/{ja.DXlq0H98.js → ja.cLwacUE6.js} +2 -2
- package/dist/chunks/{ja.DXlq0H98.js.map → ja.cLwacUE6.js.map} +1 -1
- package/dist/chunks/link.D6D6YGsN.js.map +1 -1
- package/dist/chunks/{modal-fullscreen.c6QphYQo.js → modal-fullscreen.CepaWyoi.js} +2 -2
- package/dist/chunks/{modal-fullscreen.c6QphYQo.js.map → modal-fullscreen.CepaWyoi.js.map} +1 -1
- package/dist/chunks/{modal.vue_vue_type_script_setup_true_lang.ImqHKH-g.js → modal.vue_vue_type_script_setup_true_lang.BW9Ff59H.js} +49 -47
- package/dist/chunks/{modal.vue_vue_type_script_setup_true_lang.ImqHKH-g.js.map → modal.vue_vue_type_script_setup_true_lang.BW9Ff59H.js.map} +1 -1
- package/dist/chunks/{pagination.Cu85Lqms.js → pagination.Ch_Occwt.js} +2 -2
- package/dist/chunks/{pagination.Cu85Lqms.js.map → pagination.Ch_Occwt.js.map} +1 -1
- package/dist/chunks/payment-method.types.BqtH7RM2.js.map +1 -1
- package/dist/chunks/popover.types.D8tHtFl3.js.map +1 -1
- package/dist/chunks/popper-container.DMN8n5iC.js.map +1 -1
- package/dist/chunks/promo-banner.-H4r_cwj.js.map +1 -1
- package/dist/chunks/{pt-BR.DmhmCzxE.js → pt-BR.ChPOra5s.js} +2 -2
- package/dist/chunks/{pt-BR.DmhmCzxE.js.map → pt-BR.ChPOra5s.js.map} +1 -1
- package/dist/chunks/radio-group.CfMr1fmW.js.map +1 -1
- package/dist/chunks/{rich-text-editor.Bf9EWzNk.js → rich-text-editor.mxbLaG6q.js} +3 -3
- package/dist/chunks/{rich-text-editor.Bf9EWzNk.js.map → rich-text-editor.mxbLaG6q.js.map} +1 -1
- package/dist/chunks/{search-bar.p6kHCCvT.js → search-bar.JDkxJGjF.js} +4 -4
- package/dist/chunks/{search-bar.p6kHCCvT.js.map → search-bar.JDkxJGjF.js.map} +1 -1
- package/dist/chunks/{secondary-nav.CaxiyVaO.js → secondary-nav.CROQNbYk.js} +2 -2
- package/dist/chunks/{secondary-nav.CaxiyVaO.js.map → secondary-nav.CROQNbYk.js.map} +1 -1
- package/dist/chunks/segmented-control.types.BHRLV8KU.js.map +1 -1
- package/dist/chunks/{selection-card-group.58XZj_SJ.js → selection-card-group.DJ6FFvsA.js} +9 -9
- package/dist/chunks/{selection-card-group.58XZj_SJ.js.map → selection-card-group.DJ6FFvsA.js.map} +1 -1
- package/dist/chunks/{sidepanel.CAVhSs-O.js → sidepanel.S037xghX.js} +3 -3
- package/dist/chunks/{sidepanel.CAVhSs-O.js.map → sidepanel.S037xghX.js.map} +1 -1
- package/dist/chunks/{startOfWeek.Cvmo-f5J.js → startOfWeek.muMEhS7U.js} +2 -2
- package/dist/chunks/{startOfWeek.Cvmo-f5J.js.map → startOfWeek.muMEhS7U.js.map} +1 -1
- package/dist/chunks/status.types.Dx8MDhEH.js.map +1 -1
- package/dist/chunks/{summary-grid.types.CDithi8M.js → summary-grid.types.D1JQ_jtv.js} +2 -2
- package/dist/chunks/{summary-grid.types.CDithi8M.js.map → summary-grid.types.D1JQ_jtv.js.map} +1 -1
- package/dist/chunks/tag.YN2r-Pp3.js.map +1 -1
- package/dist/chunks/{textarea.JGXAlpx9.js → textarea.-6FHesSp.js} +2 -2
- package/dist/chunks/textarea.-6FHesSp.js.map +1 -0
- package/dist/chunks/{timeline-item.BNFPpQz1.js → timeline-item.BJaFr2_Y.js} +5 -5
- package/dist/chunks/timeline-item.BJaFr2_Y.js.map +1 -0
- package/dist/chunks/{toggle.BQoprdX-.js → toggle.BdcgY15I.js} +3 -5
- package/dist/chunks/toggle.BdcgY15I.js.map +1 -0
- package/dist/chunks/tooltip.DHfG2aRt.js.map +1 -1
- package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.C1cF-adv.js → tutorial.vue_vue_type_script_setup_true_lang.D_Z1zKam.js} +2 -2
- package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.C1cF-adv.js.map → tutorial.vue_vue_type_script_setup_true_lang.D_Z1zKam.js.map} +1 -1
- package/dist/chunks/typography.B3J6_tYk.js.map +1 -1
- package/dist/chunks/use-cached-selected-values.DUWGSMvO.js +1740 -0
- package/dist/chunks/use-cached-selected-values.DUWGSMvO.js.map +1 -0
- package/dist/chunks/{use-date-input-formatter.BOuXpRb-.js → use-date-input-formatter.BH4hdEJW.js} +4 -4
- package/dist/chunks/{use-date-input-formatter.BOuXpRb-.js.map → use-date-input-formatter.BH4hdEJW.js.map} +1 -1
- package/dist/chunks/{zh-CN.Ce34mXsX.js → zh-CN.ZG6obniO.js} +3 -3
- package/dist/chunks/{zh-CN.Ce34mXsX.js.map → zh-CN.ZG6obniO.js.map} +1 -1
- 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 +2 -2
- package/dist/date-range-picker.js +2 -2
- package/dist/draggable.js +1 -1
- package/dist/dropdown.js +3 -3
- package/dist/file-uploader.js +1 -1
- package/dist/filter-bar.js +1 -1
- package/dist/form-layout.js +1 -1
- package/dist/header-with-views.js +1 -1
- package/dist/header.js +1 -1
- package/dist/index.js +42 -42
- package/dist/index.js.map +1 -1
- package/dist/input-field-password.js +1 -1
- package/dist/input-field-phone-number.js +1 -1
- package/dist/input-field.js +1 -1
- package/dist/input-time.js +1 -1
- package/dist/internal.js +5 -5
- 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/selection-card.js +1 -1
- package/dist/sidepanel.js +1 -1
- package/dist/summary-grid.js +1 -1
- package/dist/textarea.js +1 -1
- package/dist/timeline.js +1 -1
- package/dist/toggle.js +1 -1
- package/dist/tutorial.js +1 -1
- package/dist/web-types.json +1 -1
- package/package.json +5 -5
- package/dist/chunks/alert.CFWN2E0b.js.map +0 -1
- package/dist/chunks/base-modal.BxcS7Pao.js.map +0 -1
- package/dist/chunks/button-actions.DLiM8KZL.js.map +0 -1
- package/dist/chunks/calendar.qm-kFNQv.js.map +0 -1
- package/dist/chunks/card.BEChcEqg.js.map +0 -1
- package/dist/chunks/checkbox-group.i3W8WO-7.js.map +0 -1
- package/dist/chunks/checkbox.BPrymcRl.js.map +0 -1
- package/dist/chunks/code-snippet.BG5ZmCrb.js.map +0 -1
- package/dist/chunks/constructNow.D9uRk678.js +0 -8
- package/dist/chunks/data-grid.DvMe72LK.js.map +0 -1
- package/dist/chunks/date-range-picker.c5OwESTS.js +0 -1027
- package/dist/chunks/date-range-picker.c5OwESTS.js.map +0 -1
- package/dist/chunks/dropdown-tag.wcJ6Mgqe.js.map +0 -1
- package/dist/chunks/dropdown.DHoL50gV.js.map +0 -1
- package/dist/chunks/filter-bar.Dt-cU3zy.js.map +0 -1
- package/dist/chunks/header.C21yzWrk.js.map +0 -1
- package/dist/chunks/input-field-password.DyUphhxB.js.map +0 -1
- package/dist/chunks/input-field.DkUFvIWt.js.map +0 -1
- package/dist/chunks/isSameWeek.Dj6luS8h.js +0 -14
- package/dist/chunks/textarea.JGXAlpx9.js.map +0 -1
- package/dist/chunks/timeline-item.BNFPpQz1.js.map +0 -1
- package/dist/chunks/toggle.BQoprdX-.js.map +0 -1
- package/dist/chunks/use-cached-selected-values.Bx8uuky9.js +0 -1657
- package/dist/chunks/use-cached-selected-values.Bx8uuky9.js.map +0 -1
- package/dist/chunks/warning-filled.BzyK_mMj.js +0 -29
- package/dist/chunks/warning-filled.BzyK_mMj.js.map +0 -1
|
@@ -1,38 +1,38 @@
|
|
|
1
|
-
import { ref as S, onMounted as Je, nextTick as de, watch as Ce, onUnmounted as vn, reactive as At, toRefs as Et, computed as v, watchEffect as pl, onBeforeUpdate as bl, openBlock as c, createElementBlock as E, mergeProps as ee, toDisplayString as q, createCommentVNode as F, createElementVNode as O, defineComponent as Se, inject as Te, normalizeClass as ae, Fragment as fe, renderList as be, unref as
|
|
1
|
+
import { ref as S, onMounted as Je, nextTick as de, watch as Ce, onUnmounted as vn, reactive as At, toRefs as Et, computed as v, watchEffect as pl, onBeforeUpdate as bl, openBlock as c, createElementBlock as E, mergeProps as ee, toDisplayString as q, createCommentVNode as F, createElementVNode as O, defineComponent as Se, inject as Te, normalizeClass as ae, Fragment as fe, renderList as be, unref as n, toHandlers as ft, createBlock as W, withCtx as V, createVNode as j, renderSlot as Oe, withModifiers as wl, normalizeStyle as Le, resolveComponent as we, createTextVNode as re, withDirectives as Xe, vShow as Sl, toRef as wt, resolveDirective as _l, Transition as hn, createSlots as Ke, resolveDynamicComponent as qe, useSlots as yt, provide as it, withKeys as Bt, normalizeProps as Rl, guardReactiveProps as Al } from "vue";
|
|
2
2
|
import { C as El } from "./checkmark-circle-fill.DugX5fbG.js";
|
|
3
|
-
import { W as yl } from "./
|
|
3
|
+
import { W as yl } from "./alert.RD0qOLhx.js";
|
|
4
4
|
/* empty css */
|
|
5
5
|
import { _ as oe } from "./_plugin-vue_export-helper.CHgC5LLL.js";
|
|
6
6
|
import { C as Cn } from "./cross.CCHdi6v3.js";
|
|
7
7
|
import { N as Wt } from "./minus-small.CnYLTuSv.js";
|
|
8
8
|
import { E as le, b as St, T as Ll, B as Ol } from "./tooltip.DHfG2aRt.js";
|
|
9
9
|
import { b as Tl } from "./popper-container.DMN8n5iC.js";
|
|
10
|
-
import { B as Il } from "./dashed-underline.
|
|
10
|
+
import { B as Il } from "./dashed-underline.ADDEdamG.js";
|
|
11
11
|
import { B as Ge, p as pn } from "./typography.B3J6_tYk.js";
|
|
12
|
-
import { u as
|
|
12
|
+
import { u as ze } from "./index.B875RXHM.js";
|
|
13
13
|
import { B as Nl } from "./tag.YN2r-Pp3.js";
|
|
14
|
-
import { B as Dl } from "./action-bar.
|
|
15
|
-
import { B as Ml } from "./pagination.
|
|
14
|
+
import { B as Dl } from "./action-bar.BxyRAZn1.js";
|
|
15
|
+
import { B as Ml } from "./pagination.Ch_Occwt.js";
|
|
16
16
|
import { B as dt } from "./loading-indicator.BPol9I84.js";
|
|
17
17
|
import { u as Lt } from "./use-has-slot.CyMiImRQ.js";
|
|
18
18
|
import { u as zl } from "./use-touch-device.DTqFAbXh.js";
|
|
19
19
|
import { g as ut } from "./generate-uid.DBWe4g6T.js";
|
|
20
|
-
import { a as Fl } from "./filter-bar.
|
|
20
|
+
import { a as Fl } from "./filter-bar.gwDFNkp5.js";
|
|
21
21
|
import { B as Pl } from "./empty-state.DT4sFyjB.js";
|
|
22
22
|
import { E as $l } from "./tabs.keys.B4qGhjp2.js";
|
|
23
23
|
import { D as kl } from "./data-grid-template.keys.VezYtHtM.js";
|
|
24
24
|
import { b as Ul } from "./index.DDwcHPb6.js";
|
|
25
25
|
import { o as Ot } from "./resize.Bqks3WUm.js";
|
|
26
|
-
import { f as _t, c as Tt, h as Bl, a as Vt, b as Gt, O as xt, D as Wl } from "./button-actions.
|
|
26
|
+
import { f as _t, c as Tt, h as Bl, a as Vt, b as Gt, O as xt, D as Wl } from "./button-actions.7Oi2Ra4p.js";
|
|
27
27
|
import { B as bn } from "./button.DWF7FSIw.js";
|
|
28
|
-
import { B as wn } from "./toggle.
|
|
29
|
-
import { B as Vl } from "./search-bar.
|
|
28
|
+
import { B as wn } from "./toggle.BdcgY15I.js";
|
|
29
|
+
import { B as Vl } from "./search-bar.JDkxJGjF.js";
|
|
30
30
|
import { B as Gl } from "./directive.C8kY-ZW-.js";
|
|
31
|
-
import { u as xl } from "./dropdown.
|
|
31
|
+
import { u as xl } from "./dropdown.CuIBYLdy.js";
|
|
32
32
|
import { S as Hl } from "./search.ClLmZAgC.js";
|
|
33
|
-
import { B as Sn } from "./checkbox.
|
|
33
|
+
import { B as Sn } from "./checkbox.CDjMTuJk.js";
|
|
34
34
|
import { B as Zl } from "./info-icon.B3MDsjMu.js";
|
|
35
|
-
import { D as jl } from "./use-cached-selected-values.
|
|
35
|
+
import { D as jl } from "./use-cached-selected-values.DUWGSMvO.js";
|
|
36
36
|
import { B as Ht } from "./popover.types.D8tHtFl3.js";
|
|
37
37
|
import { A as ql } from "./arrow-left.C6UiqO-c.js";
|
|
38
38
|
import { A as Kl } from "./arrow-right.fSdLV_ho.js";
|
|
@@ -52,14 +52,14 @@ const Kt = (e) => {
|
|
|
52
52
|
let i = e.offsetHeight;
|
|
53
53
|
const t = window.getComputedStyle(e, "::after");
|
|
54
54
|
if (t.content !== "none" && t.position === "absolute") {
|
|
55
|
-
const
|
|
56
|
-
!isNaN(
|
|
55
|
+
const l = parseFloat(t.height), o = parseFloat(t.bottom);
|
|
56
|
+
!isNaN(l) && !isNaN(o) && o < 0 && o + l <= 0 && (i += l);
|
|
57
57
|
}
|
|
58
58
|
const r = parseFloat(s.top);
|
|
59
59
|
return !isNaN(r) && r < 0 && (i += r), i;
|
|
60
60
|
}, Yt = (e, s, i = S(!1), t = null) => {
|
|
61
61
|
const r = S(0);
|
|
62
|
-
let
|
|
62
|
+
let l = null, o = null;
|
|
63
63
|
const f = () => {
|
|
64
64
|
const a = s.value ? Kt(e.value) : 0, m = i.value && t ? Kt(t.value) : 0;
|
|
65
65
|
r.value = a + m;
|
|
@@ -69,7 +69,7 @@ const Kt = (e) => {
|
|
|
69
69
|
const a = Ce(
|
|
70
70
|
e,
|
|
71
71
|
() => {
|
|
72
|
-
e?.value && (de(() => a()),
|
|
72
|
+
e?.value && (de(() => a()), l = Ot(e.value, f), o = new MutationObserver(f), o.observe(e.value, { attributes: !0, attributeFilter: ["class"] }));
|
|
73
73
|
},
|
|
74
74
|
{ immediate: !0 }
|
|
75
75
|
);
|
|
@@ -82,12 +82,12 @@ const Kt = (e) => {
|
|
|
82
82
|
);
|
|
83
83
|
});
|
|
84
84
|
}), vn(() => {
|
|
85
|
-
|
|
85
|
+
l?.disconnect(), o?.disconnect();
|
|
86
86
|
}), r;
|
|
87
87
|
};
|
|
88
88
|
var Rt = /* @__PURE__ */ ((e) => (e.WRAP = "wrap", e.ELLIPSIS = "ellipsis", e))(Rt || {}), ne = /* @__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.SELECT_ALL_CURRENT_RESULTS = "select-all-current-results", e.DESELECT_ALL = "deselect-all", e.DESELECT_ALL_CURRENT_RESULTS = "deselect-all-current-results", 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))(ne || {}), ye = /* @__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.ZEBRA_ROWS = "zebra-rows", e))(ye || {}), Fe = /* @__PURE__ */ ((e) => (e.ASCENDING = "asc", e.DESCENDING = "desc", e))(Fe || {}), N = /* @__PURE__ */ ((e) => (e.CELL_FOCUS = "cell-focus", 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_VALUES_OBJECT = "update:filter-values-object", 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.UPDATE_ZEBRA_ROWS = "update:zebra-rows", e.ROW_CLICK = "row-click", e.SELECT = "select", e.SELECT_ALL_ACROSS_PAGES = "select-all-across-pages", e.SELECT_ALL_CURRENT_RESULTS = "select-all-current-results", e.DESELECT_ALL_CURRENT_RESULTS = "deselect-all-current-results", e.SORT = "sort", e))(N || {}), rt = /* @__PURE__ */ ((e) => (e.ASCENDING = "ascending", e.DESCENDING = "descending", e.NONE = "none", e))(rt || {});
|
|
89
89
|
const to = (e, s) => {
|
|
90
|
-
const i = S(null), t = S(!1), r = S(void 0),
|
|
90
|
+
const i = S(null), t = S(!1), r = S(void 0), l = e.value.reduce((_, D) => (_[D.field] = null, _), {}), o = At(l), f = Et(o);
|
|
91
91
|
let a = 0, m = "";
|
|
92
92
|
const R = v(
|
|
93
93
|
() => Object.fromEntries(e.value.map(({ field: _, width: D, minWidth: y }) => [_, { width: D, minWidth: y }]))
|
|
@@ -124,7 +124,7 @@ const to = (e, s) => {
|
|
|
124
124
|
columnHoverEventToEmitAfterResizing: i
|
|
125
125
|
};
|
|
126
126
|
}, no = 100, Xt = 50, he = "b-actions-column", lo = 42, oo = 56, so = 56, ao = 80, io = 36, ro = 1, Rn = 16, uo = 20, co = (e, s, i) => {
|
|
127
|
-
const t = {}, r = [],
|
|
127
|
+
const t = {}, r = [], l = (f) => {
|
|
128
128
|
const a = t[f];
|
|
129
129
|
a && a.frozen !== !0 && (t[f].frozen = !0, r.push(f));
|
|
130
130
|
};
|
|
@@ -148,22 +148,22 @@ const to = (e, s) => {
|
|
|
148
148
|
};
|
|
149
149
|
}
|
|
150
150
|
R > 0 ? Object.keys(f.min).forEach((p) => {
|
|
151
|
-
|
|
151
|
+
l(p);
|
|
152
152
|
}) : i.forEach(({ field: p }) => {
|
|
153
|
-
|
|
153
|
+
l(p);
|
|
154
154
|
}), o();
|
|
155
155
|
}
|
|
156
156
|
return o(), t;
|
|
157
157
|
}, Jt = (e, s) => {
|
|
158
158
|
let i = ro;
|
|
159
159
|
return s && (i += Rn * 2), e?.offsetWidth ? e.offsetWidth + i : 0;
|
|
160
|
-
}, go = (e) => e?.hasNestedContent?.value || e?.hasNestedRows?.value ? e?.hasSelectableColumn?.value ? e?.hasSelectableAcrossPages?.value ? ao : so : io : e?.hasSelectableAcrossPages?.value ? oo : lo, fo = (e, s, i, t, r,
|
|
160
|
+
}, go = (e) => e?.hasNestedContent?.value || e?.hasNestedRows?.value ? e?.hasSelectableColumn?.value ? e?.hasSelectableAcrossPages?.value ? ao : so : io : e?.hasSelectableAcrossPages?.value ? oo : lo, fo = (e, s, i, t, r, l) => {
|
|
161
161
|
const o = S(e.value), f = S(s), a = S(i), m = S(t), R = S(r), p = S(!1), I = S(0);
|
|
162
162
|
Ce(
|
|
163
163
|
() => e.value,
|
|
164
164
|
(d, b) => {
|
|
165
165
|
const P = d?.map(({ field: B }) => B).toString() === b?.map(({ field: B }) => B).toString();
|
|
166
|
-
if (!
|
|
166
|
+
if (!l?.allowColumnDragAndDrop?.value || !P) {
|
|
167
167
|
o.value = e.value;
|
|
168
168
|
return;
|
|
169
169
|
}
|
|
@@ -181,8 +181,8 @@ const to = (e, s) => {
|
|
|
181
181
|
const B = {};
|
|
182
182
|
let Z = o.value.filter((X) => X.visible !== !1);
|
|
183
183
|
const J = o.value.filter((X) => X.visible === !1);
|
|
184
|
-
if (
|
|
185
|
-
const X = go(
|
|
184
|
+
if (l?.hasSelectableColumn?.value || l?.hasNestedContent?.value || l?.hasNestedRows?.value) {
|
|
185
|
+
const X = go(l);
|
|
186
186
|
Z = [
|
|
187
187
|
{
|
|
188
188
|
field: he,
|
|
@@ -197,11 +197,11 @@ const to = (e, s) => {
|
|
|
197
197
|
}
|
|
198
198
|
Z.forEach((X) => {
|
|
199
199
|
const Y = { ...X };
|
|
200
|
-
let
|
|
201
|
-
Y.flex && Y.flex > 0 ? (b += Y.flex,
|
|
200
|
+
let ce;
|
|
201
|
+
Y.flex && Y.flex > 0 ? (b += Y.flex, ce = 0, d.push(Y)) : ce = Math.max(
|
|
202
202
|
Y?.width ?? no,
|
|
203
203
|
Y?.minWidth ?? Xt
|
|
204
|
-
), P +=
|
|
204
|
+
), P += ce, Y.width = ce, Y.minWidth = Y?.minWidth ?? Xt, B[Y.field] = Y;
|
|
205
205
|
}), P += I.value;
|
|
206
206
|
const K = Math.max(A.value - P, 0);
|
|
207
207
|
if (b > 0 && A.value > 0) {
|
|
@@ -220,7 +220,7 @@ const to = (e, s) => {
|
|
|
220
220
|
o.value.some((d) => d?.autoWidth) && (p.value = !0, await de(), await de(), o?.value.filter((d) => d?.autoWidth).forEach(({ field: d, minWidth: b }) => {
|
|
221
221
|
const P = Jt(
|
|
222
222
|
m.value?.[d],
|
|
223
|
-
|
|
223
|
+
l?.hasColumnPanel?.value
|
|
224
224
|
), B = R.value?.[d]?.reduce(
|
|
225
225
|
(J, K) => Math.max(J, Jt(K)),
|
|
226
226
|
0
|
|
@@ -249,7 +249,7 @@ const to = (e, s) => {
|
|
|
249
249
|
width: A.value > C.value ? "100%" : "fit-content"
|
|
250
250
|
}));
|
|
251
251
|
return Je(() => {
|
|
252
|
-
const d =
|
|
252
|
+
const d = l?.isDataGridTemplate ? uo : 0;
|
|
253
253
|
de(() => {
|
|
254
254
|
a.value && (A.value = a.value.getBoundingClientRect().width - d);
|
|
255
255
|
const b = Ce(
|
|
@@ -280,7 +280,7 @@ const to = (e, s) => {
|
|
|
280
280
|
totalWidthOfAllColumns: C,
|
|
281
281
|
rowActionsMaxWidth: I
|
|
282
282
|
};
|
|
283
|
-
}, mo = (e, s, i, t, r,
|
|
283
|
+
}, mo = (e, s, i, t, r, l, o) => {
|
|
284
284
|
const f = S(e.value ?? []), a = At({
|
|
285
285
|
allItemsSelected: !1,
|
|
286
286
|
isIndeterminate: !1
|
|
@@ -294,7 +294,7 @@ const to = (e, s) => {
|
|
|
294
294
|
() => i.value?.length > 0 && !m.value?.some((d) => f.value.includes(t(d)))
|
|
295
295
|
), A = v(
|
|
296
296
|
() => i.value?.length > 0 && !m.value?.filter((d) => !r(d)).some((d) => f.value.includes(t(d)))
|
|
297
|
-
), g = v(() => !
|
|
297
|
+
), g = v(() => !l?.value || o?.value?.totalCount === void 0 ? !1 : f.value.length >= o.value.totalCount && p.value), L = () => {
|
|
298
298
|
s(N.SELECT, f.value), s(N.UPDATE_SELECTION, f.value);
|
|
299
299
|
}, _ = (d) => {
|
|
300
300
|
f.value = d, R.value ? (a.allItemsSelected = !0, a.isIndeterminate = !1) : (a.allItemsSelected = !1, a.isIndeterminate = f.value?.length > 0 && i.value?.length > 0 && i.value.some(
|
|
@@ -368,8 +368,8 @@ const to = (e, s) => {
|
|
|
368
368
|
i("sort", a);
|
|
369
369
|
} });
|
|
370
370
|
var ve = ((e) => (e[e.ARROW_DOWN = le.ARROW_DOWN] = "ARROW_DOWN", e[e.ARROW_UP = le.ARROW_UP] = "ARROW_UP", e[e.ARROW_LEFT = le.ARROW_LEFT] = "ARROW_LEFT", e[e.ARROW_RIGHT = le.ARROW_RIGHT] = "ARROW_RIGHT", e[e.PAGE_UP = le.PAGE_UP] = "PAGE_UP", e[e.PAGE_DOWN = le.PAGE_DOWN] = "PAGE_DOWN", e[e.END = le.END] = "END", e[e.HOME = le.HOME] = "HOME", e))(ve || {});
|
|
371
|
-
const It = "b-row-actions-column", ho = (e, s, i, t, r,
|
|
372
|
-
const o = v(() =>
|
|
371
|
+
const It = "b-row-actions-column", ho = (e, s, i, t, r, l) => {
|
|
372
|
+
const o = v(() => l.value || t.value ? !0 : i.value.some((y) => y.infoIconTooltip || y.sortable)), f = v(() => {
|
|
373
373
|
let y = i.value.filter(({ visible: z }) => z !== !1);
|
|
374
374
|
return r.value && (y = [
|
|
375
375
|
...y,
|
|
@@ -434,7 +434,7 @@ const It = "b-row-actions-column", ho = (e, s, i, t, r, n) => {
|
|
|
434
434
|
}
|
|
435
435
|
};
|
|
436
436
|
}, Co = 90, po = (e, s, i, t, r) => {
|
|
437
|
-
const
|
|
437
|
+
const l = S(e), o = S(s), f = S(i), a = S(t), m = v(() => l.value !== "none"), R = v(() => l.value === "automatic"), p = () => {
|
|
438
438
|
r(N.UPDATE_SHOW_MORE);
|
|
439
439
|
};
|
|
440
440
|
return Ce(
|
|
@@ -444,7 +444,7 @@ const It = "b-row-actions-column", ho = (e, s, i, t, r, n) => {
|
|
|
444
444
|
}
|
|
445
445
|
), { isLazyLoad: m, isInfiniteScroll: R, verticalScrollPosition: o, emitLazyLoadEvent: p };
|
|
446
446
|
}, bo = (e, s, i) => {
|
|
447
|
-
const t = S(e), r = S(s),
|
|
447
|
+
const t = S(e), r = S(s), l = At({
|
|
448
448
|
dragging: null,
|
|
449
449
|
dragToLeft: null,
|
|
450
450
|
target: null
|
|
@@ -455,14 +455,14 @@ const It = "b-row-actions-column", ho = (e, s, i, t, r, n) => {
|
|
|
455
455
|
const D = [...t.value];
|
|
456
456
|
D.splice(_, 0, D.splice(L, 1)[0]), i(N.COLUMNS, D), i(N.UPDATE_COLUMNS, D);
|
|
457
457
|
}, f = (A, g) => {
|
|
458
|
-
|
|
458
|
+
l.dragging = A, g.dataTransfer.setData("text", ""), g.dataTransfer.dropEffect = "move";
|
|
459
459
|
}, a = (A, g) => {
|
|
460
|
-
|
|
460
|
+
l.target = A;
|
|
461
461
|
const L = g.currentTarget.getBoundingClientRect(), _ = L.left + L.width / 2, D = g.clientX ?? 0;
|
|
462
|
-
|
|
462
|
+
l.dragToLeft = D <= _;
|
|
463
463
|
}, m = (A) => {
|
|
464
|
-
if (
|
|
465
|
-
const g = t.value.findIndex((C) => C.field ===
|
|
464
|
+
if (l.dragging?.field !== A.field) {
|
|
465
|
+
const g = t.value.findIndex((C) => C.field === l.dragging?.field), L = t.value.findIndex((C) => C.field === A.field), _ = l.dragToLeft ? L : L + 1, D = _ > g ? _ - 1 : _;
|
|
466
466
|
let y = [...t.value];
|
|
467
467
|
y.splice(
|
|
468
468
|
D === -1 ? 0 : D,
|
|
@@ -470,13 +470,13 @@ const It = "b-row-actions-column", ho = (e, s, i, t, r, n) => {
|
|
|
470
470
|
y.splice(g, 1)[0]
|
|
471
471
|
);
|
|
472
472
|
const z = t.value.findIndex((C) => !C?.frozen);
|
|
473
|
-
|
|
474
|
-
(C) =>
|
|
473
|
+
l.dragging?.frozen !== A.frozen && _ !== z && (y = y.map(
|
|
474
|
+
(C) => l.dragging?.field === C.field ? { ...C, frozen: !!A?.frozen } : C
|
|
475
475
|
)), i(N.COLUMNS, y), i(N.UPDATE_COLUMNS, y);
|
|
476
476
|
}
|
|
477
|
-
|
|
477
|
+
l.dragging = null, l.target = null;
|
|
478
478
|
}, R = () => {
|
|
479
|
-
|
|
479
|
+
l.dragging = null, l.dragToLeft = null, l.target = null;
|
|
480
480
|
}, p = v(() => r.value ? {
|
|
481
481
|
[ne.COLUMN_DRAG_START]: (A, g) => f(A, g),
|
|
482
482
|
[ne.COLUMN_DRAG_ENTER]: (A, g) => a(A, g),
|
|
@@ -495,19 +495,19 @@ const It = "b-row-actions-column", ho = (e, s, i, t, r, n) => {
|
|
|
495
495
|
} : {});
|
|
496
496
|
return {
|
|
497
497
|
// Values
|
|
498
|
-
draggingColumns:
|
|
498
|
+
draggingColumns: l,
|
|
499
499
|
// Methods
|
|
500
500
|
draggingEventsForColumns: p,
|
|
501
501
|
draggingEventsForRowCell: I,
|
|
502
502
|
onMoveColumnByOffset: o
|
|
503
503
|
};
|
|
504
504
|
}, wo = (e, s, i) => {
|
|
505
|
-
const t = S(e), r = S(s.value),
|
|
505
|
+
const t = S(e), r = S(s.value), l = v(
|
|
506
506
|
() => [...t.value].sort((g, L) => g.frozen === L.frozen ? 0 : g.frozen ? -1 : 1)
|
|
507
507
|
), o = v(
|
|
508
|
-
() =>
|
|
508
|
+
() => l.value.filter((g) => g.frozen && g.visible !== !1)
|
|
509
509
|
), f = v(
|
|
510
|
-
() =>
|
|
510
|
+
() => l.value.filter((g) => !g.frozen && g.visible !== !1)
|
|
511
511
|
), a = v(
|
|
512
512
|
() => [
|
|
513
513
|
{ columnSet: o.value, id: "frozen", isFrozenColumns: !0 },
|
|
@@ -520,7 +520,7 @@ const It = "b-row-actions-column", ho = (e, s, i, t, r, n) => {
|
|
|
520
520
|
}, I = (g) => {
|
|
521
521
|
i(N.COLUMNS, g), i(N.UPDATE_COLUMNS, g);
|
|
522
522
|
}, A = (g) => {
|
|
523
|
-
const L =
|
|
523
|
+
const L = l.value.map(
|
|
524
524
|
(_) => _?.field === g.field ? g : _
|
|
525
525
|
);
|
|
526
526
|
I(L);
|
|
@@ -532,16 +532,16 @@ const It = "b-row-actions-column", ho = (e, s, i, t, r, n) => {
|
|
|
532
532
|
columnSets: a,
|
|
533
533
|
isOnlyOneVisibleColumn: m,
|
|
534
534
|
internalZebraRows: r,
|
|
535
|
-
sortedColumns:
|
|
535
|
+
sortedColumns: l,
|
|
536
536
|
// Methods
|
|
537
537
|
onConfigSettingsColumnsUpdate: I,
|
|
538
538
|
onConfigSettingsColumnUpdate: A,
|
|
539
539
|
onConfigSettingsCondensedUpdate: R,
|
|
540
540
|
onConfigSettingsZebraRowsUpdate: p
|
|
541
541
|
};
|
|
542
|
-
}, So = (e, s, i, t, r,
|
|
542
|
+
}, So = (e, s, i, t, r, l, o) => {
|
|
543
543
|
const f = S(0), a = S(!1), m = S(!1);
|
|
544
|
-
Ce([() => f.value, () =>
|
|
544
|
+
Ce([() => f.value, () => l.value], ([g]) => {
|
|
545
545
|
e.value.scrollLeft = g, s.value.scrollLeft = g, a.value = !!g, m.value = s.value.scrollWidth - s.value.offsetWidth > g;
|
|
546
546
|
}), Je(async () => {
|
|
547
547
|
await de(), await de(), s.value?.offsetWidth < s.value?.scrollWidth && (m.value = !0);
|
|
@@ -571,7 +571,7 @@ const It = "b-row-actions-column", ho = (e, s, i, t, r, n) => {
|
|
|
571
571
|
syncVirtualScrollerWithBody: I
|
|
572
572
|
};
|
|
573
573
|
}, _o = (e, s, i, t) => {
|
|
574
|
-
const r = S(null),
|
|
574
|
+
const r = S(null), l = v(() => {
|
|
575
575
|
if (!r.value || r.value.field === he)
|
|
576
576
|
return {
|
|
577
577
|
hoveredOverColumnField: "",
|
|
@@ -579,7 +579,7 @@ const It = "b-row-actions-column", ho = (e, s, i, t, r, n) => {
|
|
|
579
579
|
noBorderLeft: !1,
|
|
580
580
|
noBorderRight: !1
|
|
581
581
|
};
|
|
582
|
-
const o = e.value.find((L) => L.isFrozenColumns)?.columnSet?.filter((L) => L.field !== he), f = e.value.find((L) => !L?.isFrozenColumns), a = r.value.frozen && o?.[0]
|
|
582
|
+
const o = e.value.find((L) => L.isFrozenColumns)?.columnSet?.filter((L) => L.field !== he), f = e.value.find((L) => !L?.isFrozenColumns), a = r.value.frozen && o?.[0]?.field === r.value.field, m = !r.value.frozen && f?.columnSet?.[0]?.field === r.value.field, R = (s.value || i.value) && a, p = (s.value || i.value) && !o && m, I = o && m, A = o?.length > 0 && r.value.frozen && o?.[o.length - 1].field === r.value.field, g = i.value && t.value && !r.value.frozen && f?.columnSet?.[f.columnSet.length - 1].field === r.value.field;
|
|
583
583
|
return {
|
|
584
584
|
hoveredOverColumnField: r.value.field,
|
|
585
585
|
isSeparatorOffset: g,
|
|
@@ -589,7 +589,7 @@ const It = "b-row-actions-column", ho = (e, s, i, t, r, n) => {
|
|
|
589
589
|
});
|
|
590
590
|
return {
|
|
591
591
|
hoveredOverColumn: r,
|
|
592
|
-
hoveredOverColumnState:
|
|
592
|
+
hoveredOverColumnState: l
|
|
593
593
|
};
|
|
594
594
|
}, ct = (e, s) => {
|
|
595
595
|
const t = _n(e).filter((r) => r.node !== e);
|
|
@@ -612,11 +612,11 @@ const It = "b-row-actions-column", ho = (e, s, i, t, r, n) => {
|
|
|
612
612
|
if (!t)
|
|
613
613
|
return;
|
|
614
614
|
const r = i.querySelectorAll('[role="row"]');
|
|
615
|
-
let
|
|
615
|
+
let l = "<table>", o = "";
|
|
616
616
|
const f = (a) => {
|
|
617
617
|
a.forEach((m) => {
|
|
618
618
|
const R = m.closest("[role]").getAttribute("role") === "gridcell" ? "td" : "th", p = m.textContent.trim();
|
|
619
|
-
p && (
|
|
619
|
+
p && (l += `<${R}>${p}</${R}>`, o += `${p} `);
|
|
620
620
|
});
|
|
621
621
|
};
|
|
622
622
|
if (!r.length) {
|
|
@@ -624,7 +624,7 @@ const It = "b-row-actions-column", ho = (e, s, i, t, r, n) => {
|
|
|
624
624
|
'[role="gridcell"] > .b-typography:first-of-type, [role="columnheader"] .b-typography'
|
|
625
625
|
);
|
|
626
626
|
if (a.length)
|
|
627
|
-
|
|
627
|
+
l += "<tr>", f(a), l += "</tr>";
|
|
628
628
|
else {
|
|
629
629
|
e?.preventDefault(), navigator.clipboard.writeText(t);
|
|
630
630
|
return;
|
|
@@ -634,17 +634,17 @@ const It = "b-row-actions-column", ho = (e, s, i, t, r, n) => {
|
|
|
634
634
|
const m = a.querySelectorAll(
|
|
635
635
|
'[role="gridcell"] > .b-typography:first-of-type, [role="columnheader"] .b-typography'
|
|
636
636
|
);
|
|
637
|
-
if (
|
|
637
|
+
if (l += "<tr>", m.length)
|
|
638
638
|
f(m);
|
|
639
639
|
else {
|
|
640
640
|
const R = a.textContent.trim();
|
|
641
|
-
|
|
641
|
+
l += `<td>${R}</td>`, o += `${R} `;
|
|
642
642
|
}
|
|
643
|
-
|
|
643
|
+
l += "</tr>", o += `
|
|
644
644
|
`;
|
|
645
|
-
}),
|
|
645
|
+
}), l += "</table>", e?.preventDefault(), navigator.clipboard.write([
|
|
646
646
|
new ClipboardItem({
|
|
647
|
-
"text/html": new Blob([
|
|
647
|
+
"text/html": new Blob([l], { type: "text/html" }),
|
|
648
648
|
"text/plain": new Blob([o || t], { type: "text/plain" })
|
|
649
649
|
})
|
|
650
650
|
]);
|
|
@@ -655,7 +655,7 @@ const Ro = {
|
|
|
655
655
|
this.uuid = en.toString(), en += 1;
|
|
656
656
|
}
|
|
657
657
|
}, Ao = { key: 0 }, Eo = ["clip-path"], yo = ["id"];
|
|
658
|
-
function Lo(e, s, i, t, r,
|
|
658
|
+
function Lo(e, s, i, t, r, l) {
|
|
659
659
|
return c(), E("svg", ee({ role: "img" }, e.$attrs, {
|
|
660
660
|
class: "ui-assets-icons-16",
|
|
661
661
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -691,7 +691,7 @@ const To = {
|
|
|
691
691
|
this.uuid = tn.toString(), tn += 1;
|
|
692
692
|
}
|
|
693
693
|
}, Io = { key: 0 }, No = ["clip-path"], Do = ["id"];
|
|
694
|
-
function Mo(e, s, i, t, r,
|
|
694
|
+
function Mo(e, s, i, t, r, l) {
|
|
695
695
|
return c(), E("svg", ee({ role: "img" }, e.$attrs, {
|
|
696
696
|
class: "ui-assets-icons-16",
|
|
697
697
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -729,7 +729,7 @@ const zo = {
|
|
|
729
729
|
this.uuid = nn.toString(), nn += 1;
|
|
730
730
|
}
|
|
731
731
|
}, Fo = { key: 0 }, Po = ["clip-path"], $o = ["id"];
|
|
732
|
-
function ko(e, s, i, t, r,
|
|
732
|
+
function ko(e, s, i, t, r, l) {
|
|
733
733
|
return c(), E("svg", ee({ role: "img" }, e.$attrs, {
|
|
734
734
|
class: "ui-assets-icons-16",
|
|
735
735
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -767,7 +767,7 @@ const Bo = {
|
|
|
767
767
|
this.uuid = ln.toString(), ln += 1;
|
|
768
768
|
}
|
|
769
769
|
}, Wo = { key: 0 }, Vo = ["clip-path"], Go = ["id"];
|
|
770
|
-
function xo(e, s, i, t, r,
|
|
770
|
+
function xo(e, s, i, t, r, l) {
|
|
771
771
|
return c(), E("svg", ee({ role: "img" }, e.$attrs, {
|
|
772
772
|
class: "ui-assets-icons-16",
|
|
773
773
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -805,7 +805,7 @@ const Zo = {
|
|
|
805
805
|
this.uuid = on.toString(), on += 1;
|
|
806
806
|
}
|
|
807
807
|
}, jo = { key: 0 };
|
|
808
|
-
function qo(e, s, i, t, r,
|
|
808
|
+
function qo(e, s, i, t, r, l) {
|
|
809
809
|
return c(), E("svg", ee({ role: "img" }, e.$attrs, {
|
|
810
810
|
class: "ui-assets-icons-16",
|
|
811
811
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -991,7 +991,7 @@ const Ko = /* @__PURE__ */ oe(Zo, [["render", qo]]), En = {
|
|
|
991
991
|
},
|
|
992
992
|
emits: ["sort", "column-hover"],
|
|
993
993
|
setup(e, { expose: s, emit: i }) {
|
|
994
|
-
const t = e, r = i,
|
|
994
|
+
const t = e, r = i, l = 100, { t: o } = ze({ messages: En }), { columns: f, sortBy: a } = Et(t), m = S(), R = S({}), p = S({}), I = S(), A = S(), g = v(
|
|
995
995
|
() => t.columns.some((h) => h.sortable || t.hasColumnPanel || h.infoIconTooltip)
|
|
996
996
|
), L = (h) => r(ne.SELECT_ALL_ROWS, h), _ = (h) => h.field === he, D = v(() => t.selectionState === "all"), y = v(
|
|
997
997
|
() => [
|
|
@@ -1032,20 +1032,20 @@ const Ko = /* @__PURE__ */ oe(Zo, [["render", qo]]), En = {
|
|
|
1032
1032
|
), { startResize: z, isResizing: C, columnHoverEventToEmitAfterResizing: M } = to(f, r), { isSorting: u, getSortingDirection: d, sortByColumnField: b } = vo(a, f, r), P = (h) => {
|
|
1033
1033
|
if (!h.sortable)
|
|
1034
1034
|
return null;
|
|
1035
|
-
const
|
|
1036
|
-
return
|
|
1035
|
+
const x = t.sortBy.find(({ field: pe }) => pe === h.field)?.direction;
|
|
1036
|
+
return x ? {
|
|
1037
1037
|
[Fe.ASCENDING]: rt.ASCENDING,
|
|
1038
1038
|
[Fe.DESCENDING]: rt.DESCENDING
|
|
1039
|
-
}[
|
|
1039
|
+
}[x] : rt.NONE;
|
|
1040
1040
|
}, B = v(() => (h) => t.hasDraggableColumns ? {
|
|
1041
|
-
dragstart: (
|
|
1042
|
-
r(ne.COLUMN_DRAG_START, h,
|
|
1041
|
+
dragstart: (x) => {
|
|
1042
|
+
r(ne.COLUMN_DRAG_START, h, x);
|
|
1043
1043
|
},
|
|
1044
|
-
dragover: (
|
|
1045
|
-
|
|
1044
|
+
dragover: (x) => {
|
|
1045
|
+
x.preventDefault();
|
|
1046
1046
|
},
|
|
1047
|
-
dragenter: (
|
|
1048
|
-
|
|
1047
|
+
dragenter: (x) => {
|
|
1048
|
+
x.preventDefault(), r(ne.COLUMN_DRAG_ENTER, h, x);
|
|
1049
1049
|
},
|
|
1050
1050
|
drop: () => {
|
|
1051
1051
|
r(ne.COLUMN_DROP, h);
|
|
@@ -1087,12 +1087,12 @@ const Ko = /* @__PURE__ */ oe(Zo, [["render", qo]]), En = {
|
|
|
1087
1087
|
), J = (h) => {
|
|
1088
1088
|
I.value = h.field, A.value && clearTimeout(A.value);
|
|
1089
1089
|
}, K = (h) => {
|
|
1090
|
-
const
|
|
1090
|
+
const x = setTimeout(() => {
|
|
1091
1091
|
h.field === I.value && (I.value = "");
|
|
1092
|
-
},
|
|
1093
|
-
A.value =
|
|
1092
|
+
}, l);
|
|
1093
|
+
A.value = x;
|
|
1094
1094
|
}, X = (h) => {
|
|
1095
|
-
let
|
|
1095
|
+
let x = {
|
|
1096
1096
|
mouseenter: () => {
|
|
1097
1097
|
J(h), C.value ? M.value = h : r("column-hover", h);
|
|
1098
1098
|
},
|
|
@@ -1106,12 +1106,12 @@ const Ko = /* @__PURE__ */ oe(Zo, [["render", qo]]), En = {
|
|
|
1106
1106
|
m.value?.contains($?.relatedTarget) || K(h);
|
|
1107
1107
|
}
|
|
1108
1108
|
};
|
|
1109
|
-
return _(h) || (
|
|
1110
|
-
...
|
|
1109
|
+
return _(h) || (x = {
|
|
1110
|
+
...x,
|
|
1111
1111
|
...B.value(h)
|
|
1112
|
-
}),
|
|
1113
|
-
}, Y = (h) => h.infoIconTooltip || h.sortable || t.hasColumnPanel,
|
|
1114
|
-
R.value?.[
|
|
1112
|
+
}), x;
|
|
1113
|
+
}, Y = (h) => h.infoIconTooltip || h.sortable || t.hasColumnPanel, ce = (h, x) => {
|
|
1114
|
+
R.value?.[x] === void 0 && (R.value = { ...R.value, [x]: null }), h !== null && (R.value[x] = h);
|
|
1115
1115
|
}, Ae = Te(
|
|
1116
1116
|
Qe,
|
|
1117
1117
|
v(() => !1)
|
|
@@ -1130,11 +1130,11 @@ const Ko = /* @__PURE__ */ oe(Zo, [["render", qo]]), En = {
|
|
|
1130
1130
|
};
|
|
1131
1131
|
}), $e = v(() => ({
|
|
1132
1132
|
"b-data-grid-columns__select-column--all": t.selectableAcrossPages
|
|
1133
|
-
})), ke = (h,
|
|
1133
|
+
})), ke = (h, x) => h && x === 0 ? Ht.BOTTOM_START : Ht.BOTTOM_END, Ue = (h, x) => ({
|
|
1134
1134
|
"b-data-grid-columns__column--column-hovered": h.field === t.hoveredOverColumnState.hoveredOverColumnField,
|
|
1135
1135
|
"b-data-grid-columns__column--column-hovered-no-border-left": h.field === t.hoveredOverColumnState.hoveredOverColumnField && t.hoveredOverColumnState.noBorderLeft,
|
|
1136
1136
|
"b-data-grid-columns__column--column-hovered-no-border-right": h.field === t.hoveredOverColumnState.hoveredOverColumnField && t.hoveredOverColumnState.noBorderRight,
|
|
1137
|
-
"b-data-grid-columns__column--last-frozen-frozen-column": t.isFrozenColumns &&
|
|
1137
|
+
"b-data-grid-columns__column--last-frozen-frozen-column": t.isFrozenColumns && x === f.value.length - 1,
|
|
1138
1138
|
"b-data-grid-columns__column--sortable": h.sortable,
|
|
1139
1139
|
"b-data-grid-columns__column--padding-left-unset": h?.padding?.left === !1,
|
|
1140
1140
|
"b-data-grid-columns__column--padding-right-unset": h?.padding?.right === !1,
|
|
@@ -1159,22 +1159,22 @@ const Ko = /* @__PURE__ */ oe(Zo, [["render", qo]]), En = {
|
|
|
1159
1159
|
});
|
|
1160
1160
|
return s({
|
|
1161
1161
|
columnHeaderRefs: R
|
|
1162
|
-
}), (h,
|
|
1162
|
+
}), (h, x) => (c(), E("div", {
|
|
1163
1163
|
ref_key: "allColumnsRef",
|
|
1164
1164
|
ref: m,
|
|
1165
1165
|
class: ae(["b-data-grid-columns", Pe.value]),
|
|
1166
1166
|
"data-testid": "data-grid-columns"
|
|
1167
1167
|
}, [
|
|
1168
|
-
(c(!0), E(fe, null, be(
|
|
1168
|
+
(c(!0), E(fe, null, be(n(f), ($, pe) => (c(), E("div", ee({
|
|
1169
1169
|
key: $.field,
|
|
1170
1170
|
ref_for: !0,
|
|
1171
|
-
ref: (me) =>
|
|
1171
|
+
ref: (me) => ce(me, $.field),
|
|
1172
1172
|
"aria-colindex": pe + 1,
|
|
1173
1173
|
"aria-label": $.label,
|
|
1174
1174
|
"aria-sort": P($),
|
|
1175
1175
|
class: [Ue($, pe), "b-data-grid-columns__column"],
|
|
1176
1176
|
"data-testid": `${$.field}-column-header`,
|
|
1177
|
-
draggable: e.hasDraggableColumns && !
|
|
1177
|
+
draggable: e.hasDraggableColumns && !n(C) && !_($),
|
|
1178
1178
|
role: "columnheader",
|
|
1179
1179
|
tabindex: $.sortable || e.hasColumnPanel || $.infoIconTooltip ? "0" : "-1",
|
|
1180
1180
|
style: { width: $.autoWidth && e.isMeasuringColumnWidths ? "auto" : `${$.width}px` }
|
|
@@ -1183,18 +1183,18 @@ const Ko = /* @__PURE__ */ oe(Zo, [["render", qo]]), En = {
|
|
|
1183
1183
|
key: 0,
|
|
1184
1184
|
class: ae(["b-data-grid-columns__select-column", $e.value])
|
|
1185
1185
|
}, [
|
|
1186
|
-
e.selectableAcrossPages ? F("", !0) : (c(), W(
|
|
1186
|
+
e.selectableAcrossPages ? F("", !0) : (c(), W(n(Sn), {
|
|
1187
1187
|
key: 0,
|
|
1188
|
-
"aria-label":
|
|
1188
|
+
"aria-label": n(o)("selectAll"),
|
|
1189
1189
|
"model-value": e.allItemsSelectedState.allItemsSelected,
|
|
1190
1190
|
"data-testid": "checkbox-select-all",
|
|
1191
1191
|
indeterminate: e.allItemsSelectedState.isIndeterminate,
|
|
1192
1192
|
value: "data-grid-select-all",
|
|
1193
1193
|
"onUpdate:modelValue": L
|
|
1194
1194
|
}, null, 8, ["aria-label", "model-value", "indeterminate"])),
|
|
1195
|
-
e.selectableAcrossPages ? (c(), W(
|
|
1195
|
+
e.selectableAcrossPages ? (c(), W(n(_t), {
|
|
1196
1196
|
key: 1,
|
|
1197
|
-
button: { variant: "tertiary", condensed: !0, "aria-label":
|
|
1197
|
+
button: { variant: "tertiary", condensed: !0, "aria-label": n(o)("selectAllMenu") },
|
|
1198
1198
|
data: y.value,
|
|
1199
1199
|
class: "b-data-grid-columns__select-column-menu",
|
|
1200
1200
|
"disable-arrow-down-opening-menu": "",
|
|
@@ -1203,15 +1203,15 @@ const Ko = /* @__PURE__ */ oe(Zo, [["render", qo]]), En = {
|
|
|
1203
1203
|
}, {
|
|
1204
1204
|
iconLeft: V(() => [
|
|
1205
1205
|
O("div", Xo, [
|
|
1206
|
-
j(
|
|
1206
|
+
j(n(jl), {
|
|
1207
1207
|
indeterminate: e.allItemsSelectedState.isIndeterminate,
|
|
1208
1208
|
checked: e.allItemsSelectedState.allItemsSelected,
|
|
1209
1209
|
"all-selected": D.value,
|
|
1210
1210
|
class: "b-data-grid-columns__select-column-menu-checkbox",
|
|
1211
1211
|
"data-testid": "checkbox-select-all"
|
|
1212
1212
|
}, null, 8, ["indeterminate", "checked", "all-selected"]),
|
|
1213
|
-
j(
|
|
1214
|
-
"svg-title":
|
|
1213
|
+
j(n(Ko), {
|
|
1214
|
+
"svg-title": n(o)("selectionMenu"),
|
|
1215
1215
|
"aria-hidden": "true"
|
|
1216
1216
|
}, null, 8, ["svg-title"])
|
|
1217
1217
|
])
|
|
@@ -1220,12 +1220,12 @@ const Ko = /* @__PURE__ */ oe(Zo, [["render", qo]]), En = {
|
|
|
1220
1220
|
}, 8, ["button", "data"])) : F("", !0)
|
|
1221
1221
|
], 2)) : (c(), E(fe, { key: 1 }, [
|
|
1222
1222
|
O("div", {
|
|
1223
|
-
"aria-label":
|
|
1223
|
+
"aria-label": n(o)("columnActions", { name: $.label }),
|
|
1224
1224
|
"aria-live": "polite",
|
|
1225
1225
|
role: "region",
|
|
1226
1226
|
class: ae(["b-data-grid-columns__column-header-and-actions", Be($)])
|
|
1227
1227
|
}, [
|
|
1228
|
-
j(
|
|
1228
|
+
j(n(Ge), {
|
|
1229
1229
|
el: "div",
|
|
1230
1230
|
strongest: "",
|
|
1231
1231
|
class: ae(["b-data-grid-columns__column-header", te.value])
|
|
@@ -1242,33 +1242,33 @@ const Ko = /* @__PURE__ */ oe(Zo, [["render", qo]]), En = {
|
|
|
1242
1242
|
class: ae(["b-data-grid-columns__column-actions", Ie($)])
|
|
1243
1243
|
}, [
|
|
1244
1244
|
$.infoIconTooltip ? (c(), E("div", es, [
|
|
1245
|
-
j(
|
|
1245
|
+
j(n(Zl), {
|
|
1246
1246
|
"tooltip-text": $.infoIconTooltip
|
|
1247
1247
|
}, null, 8, ["tooltip-text"])
|
|
1248
1248
|
])) : F("", !0),
|
|
1249
1249
|
$.sortable ? (c(), E("div", ts, [
|
|
1250
|
-
j(
|
|
1250
|
+
j(n(Tt), {
|
|
1251
1251
|
condensed: "",
|
|
1252
|
-
toggled:
|
|
1252
|
+
toggled: n(u)($.field),
|
|
1253
1253
|
variant: "tertiary",
|
|
1254
|
-
onClick: (me) =>
|
|
1254
|
+
onClick: (me) => n(b)($.field)
|
|
1255
1255
|
}, {
|
|
1256
1256
|
iconLeft: V(() => [
|
|
1257
|
-
|
|
1257
|
+
n(d)($.field) ? n(d)($.field) === n(Fe).ASCENDING ? (c(), W(n(Uo), {
|
|
1258
1258
|
key: 1,
|
|
1259
|
-
"svg-title":
|
|
1260
|
-
}, null, 8, ["svg-title"])) :
|
|
1259
|
+
"svg-title": n(o)("sortColumnInDescendingOrder", { name: $.label })
|
|
1260
|
+
}, null, 8, ["svg-title"])) : n(d)($.field) === n(Fe).DESCENDING ? (c(), W(n(Ho), {
|
|
1261
1261
|
key: 2,
|
|
1262
|
-
"svg-title":
|
|
1263
|
-
}, null, 8, ["svg-title"])) : F("", !0) : (c(), W(
|
|
1262
|
+
"svg-title": n(o)("sortColumnInAscendingOrder", { name: $.label })
|
|
1263
|
+
}, null, 8, ["svg-title"])) : F("", !0) : (c(), W(n(Oo), {
|
|
1264
1264
|
key: 0,
|
|
1265
|
-
"svg-title":
|
|
1265
|
+
"svg-title": n(o)("sortColumn", { name: $.label })
|
|
1266
1266
|
}, null, 8, ["svg-title"]))
|
|
1267
1267
|
]),
|
|
1268
1268
|
_: 2
|
|
1269
1269
|
}, 1032, ["toggled", "onClick"])
|
|
1270
1270
|
])) : F("", !0),
|
|
1271
|
-
e.hasColumnPanel ? (c(), W(
|
|
1271
|
+
e.hasColumnPanel ? (c(), W(n(_t), {
|
|
1272
1272
|
key: 2,
|
|
1273
1273
|
ref_for: !0,
|
|
1274
1274
|
ref: (me) => p.value[$.field] = me,
|
|
@@ -1278,8 +1278,8 @@ const Ko = /* @__PURE__ */ oe(Zo, [["render", qo]]), En = {
|
|
|
1278
1278
|
"menu-position": ke(e.hasFirstColumnPanelRightAligned, pe),
|
|
1279
1279
|
"menu-fixed-positioning": !0,
|
|
1280
1280
|
button: { variant: "tertiary", condensed: !0 },
|
|
1281
|
-
onOpen:
|
|
1282
|
-
onClose:
|
|
1281
|
+
onOpen: x[0] || (x[0] = (me) => h.$emit(n(ne).COLUMN_MENU_OPEN)),
|
|
1282
|
+
onClose: x[1] || (x[1] = (me) => h.$emit(n(ne).COLUMN_MENU_CLOSE))
|
|
1283
1283
|
}, null, 8, ["class", "data", "menu-position"])) : F("", !0)
|
|
1284
1284
|
], 2)) : F("", !0)
|
|
1285
1285
|
], 10, Jo),
|
|
@@ -1287,23 +1287,23 @@ const Ko = /* @__PURE__ */ oe(Zo, [["render", qo]]), En = {
|
|
|
1287
1287
|
"data-testid": `data-grid-column-${$.field}`,
|
|
1288
1288
|
class: ae(["b-data-grid-columns__column-separator-container", k($)]),
|
|
1289
1289
|
role: "presentation",
|
|
1290
|
-
onMousedown: (me) =>
|
|
1291
|
-
onClick:
|
|
1290
|
+
onMousedown: (me) => n(z)(e.hasResizableColumns, $.field, me),
|
|
1291
|
+
onClick: x[2] || (x[2] = wl(() => {
|
|
1292
1292
|
}, ["stop"]))
|
|
1293
1293
|
}, [
|
|
1294
|
-
!e.isFrozenColumns || e.isFrozenColumns && pe !==
|
|
1294
|
+
!e.isFrozenColumns || e.isFrozenColumns && pe !== n(f).length - 1 ? (c(), E("div", ls)) : F("", !0)
|
|
1295
1295
|
], 42, ns)
|
|
1296
1296
|
], 64))
|
|
1297
1297
|
], 16, Yo))), 128)),
|
|
1298
1298
|
e.rowActionsMaximumWidth && !e.isFrozenColumns ? (c(), E(fe, { key: 0 }, [
|
|
1299
|
-
|
|
1299
|
+
x[3] || (x[3] = O("div", {
|
|
1300
1300
|
role: "presentation",
|
|
1301
1301
|
class: "b-data-grid-columns__row-actions-filler"
|
|
1302
1302
|
}, null, -1)),
|
|
1303
1303
|
O("div", {
|
|
1304
|
-
ref: ($) =>
|
|
1305
|
-
"aria-label":
|
|
1306
|
-
"aria-colindex":
|
|
1304
|
+
ref: ($) => ce($, n(It)),
|
|
1305
|
+
"aria-label": n(o)("rowActionsColumn"),
|
|
1306
|
+
"aria-colindex": n(f).length + 1,
|
|
1307
1307
|
class: "b-data-grid-columns__column",
|
|
1308
1308
|
role: "columnheader",
|
|
1309
1309
|
tabindex: g.value ? "0" : "-1",
|
|
@@ -1320,7 +1320,7 @@ const rs = {
|
|
|
1320
1320
|
this.uuid = sn.toString(), sn += 1;
|
|
1321
1321
|
}
|
|
1322
1322
|
}, ds = { key: 0 }, us = ["clip-path"], cs = ["id"];
|
|
1323
|
-
function gs(e, s, i, t, r,
|
|
1323
|
+
function gs(e, s, i, t, r, l) {
|
|
1324
1324
|
return c(), E("svg", ee({ role: "img" }, e.$attrs, {
|
|
1325
1325
|
class: "ui-assets-icons-16",
|
|
1326
1326
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -1385,11 +1385,11 @@ const fs = /* @__PURE__ */ oe(rs, [["render", gs]]), an = {
|
|
|
1385
1385
|
},
|
|
1386
1386
|
emits: ["visible-column", "updated-column"],
|
|
1387
1387
|
setup(e, { emit: s }) {
|
|
1388
|
-
const { t: i } =
|
|
1388
|
+
const { t: i } = ze({ messages: an }), t = S(!1), r = v(() => e.column?.frozen), l = v(() => e.column?.visible !== !1), o = Te(
|
|
1389
1389
|
Qe,
|
|
1390
1390
|
v(() => !1)
|
|
1391
1391
|
), f = () => {
|
|
1392
|
-
s("visible-column", { ...e.column, visible: !
|
|
1392
|
+
s("visible-column", { ...e.column, visible: !l.value });
|
|
1393
1393
|
}, a = () => {
|
|
1394
1394
|
s("updated-column", { ...e.column, frozen: !r.value });
|
|
1395
1395
|
}, m = () => {
|
|
@@ -1404,7 +1404,7 @@ const fs = /* @__PURE__ */ oe(rs, [["render", gs]]), an = {
|
|
|
1404
1404
|
isFreezeIconOptionShown: t,
|
|
1405
1405
|
isColumnFrozen: r,
|
|
1406
1406
|
freezeIconConditionalClasses: p,
|
|
1407
|
-
isColumnVisible:
|
|
1407
|
+
isColumnVisible: l,
|
|
1408
1408
|
isSmallContainer: o,
|
|
1409
1409
|
// Methods
|
|
1410
1410
|
toggleColumnVisibility: f,
|
|
@@ -1416,7 +1416,7 @@ const fs = /* @__PURE__ */ oe(rs, [["render", gs]]), an = {
|
|
|
1416
1416
|
};
|
|
1417
1417
|
}
|
|
1418
1418
|
});
|
|
1419
|
-
function vs(e, s, i, t, r,
|
|
1419
|
+
function vs(e, s, i, t, r, l) {
|
|
1420
1420
|
const o = we("bento-toggle"), f = we("bento-freeze-icon");
|
|
1421
1421
|
return c(), E("div", {
|
|
1422
1422
|
class: "b-data-grid-config-settings-column-row",
|
|
@@ -1500,12 +1500,12 @@ const hs = /* @__PURE__ */ oe(ms, [["render", vs], ["__scopeId", "data-v-0769d04
|
|
|
1500
1500
|
Ee.UPDATE_ZEBRA_ROWS
|
|
1501
1501
|
],
|
|
1502
1502
|
setup(e, { emit: s }) {
|
|
1503
|
-
const { t: i } =
|
|
1503
|
+
const { t: i } = ze({ messages: rn }), t = S(null), r = ut("data-grid-config-settings-popover"), l = S(null), o = S(!1), f = S(!0), a = S(null), m = S(""), R = wt(e, "columns"), p = S(!1), I = xl(m, R), A = () => {
|
|
1504
1504
|
m.value = "";
|
|
1505
1505
|
}, g = v(
|
|
1506
1506
|
() => !e.columns.some((b) => b.visible === !1 && !b.mandatory)
|
|
1507
1507
|
), L = () => {
|
|
1508
|
-
A(), p.value = !p.value, p.value ? de(() =>
|
|
1508
|
+
A(), p.value = !p.value, p.value ? de(() => l.value.$refs.bentoInputField?.focusInput()) : de(() => a?.value?.$el?.focus()), f.value = g.value;
|
|
1509
1509
|
}, _ = (b) => b.mandatory ?? !1, D = (b) => {
|
|
1510
1510
|
const P = e.columns.map((B) => ({
|
|
1511
1511
|
...B,
|
|
@@ -1538,7 +1538,7 @@ const hs = /* @__PURE__ */ oe(ms, [["render", vs], ["__scopeId", "data-v-0769d04
|
|
|
1538
1538
|
filteredColumnVisibilityColumns: I,
|
|
1539
1539
|
searchTerm: m,
|
|
1540
1540
|
isColumnVisibilityFilterShown: p,
|
|
1541
|
-
searchBarRef:
|
|
1541
|
+
searchBarRef: l,
|
|
1542
1542
|
searchButtonRef: a,
|
|
1543
1543
|
DATAGRID_ACTIONS_COLUMN_FIELD_NAME: he,
|
|
1544
1544
|
// Methods
|
|
@@ -1566,7 +1566,7 @@ const hs = /* @__PURE__ */ oe(ms, [["render", vs], ["__scopeId", "data-v-0769d04
|
|
|
1566
1566
|
key: 1,
|
|
1567
1567
|
class: "b-data-grid-config-settings__column-visibility-show-all"
|
|
1568
1568
|
}, Ts = { class: "b-data-grid-config-settings__column-visibility-toggles" };
|
|
1569
|
-
function Is(e, s, i, t, r,
|
|
1569
|
+
function Is(e, s, i, t, r, l) {
|
|
1570
1570
|
const o = we("bento-settings-icon"), f = we("bento-toggle-button"), a = we("bento-typography"), m = we("bento-cross-icon"), R = we("bento-button"), p = we("bento-toggle"), I = we("bento-search-icon"), A = we("bento-search-bar"), g = we("bento-data-grid-config-settings-config-row"), L = we("bento-popover"), _ = _l("bento-click-outside-directive");
|
|
1571
1571
|
return Xe((c(), E("div", ps, [
|
|
1572
1572
|
O("div", bs, [
|
|
@@ -1769,27 +1769,27 @@ const Ns = /* @__PURE__ */ oe(Cs, [["render", Is], ["__scopeId", "data-v-01dda33
|
|
|
1769
1769
|
isInfiniteScroll: { type: Boolean }
|
|
1770
1770
|
},
|
|
1771
1771
|
setup(e) {
|
|
1772
|
-
const { t: s } =
|
|
1772
|
+
const { t: s } = ze({ messages: vt });
|
|
1773
1773
|
return (i, t) => (c(), E("div", Ds, [
|
|
1774
|
-
i.loading && i.isInfiniteScroll ? (c(), W(
|
|
1775
|
-
i.loading && !i.isInfiniteScroll ? (c(), W(
|
|
1774
|
+
i.loading && i.isInfiniteScroll ? (c(), W(n(dt), { key: 0 })) : F("", !0),
|
|
1775
|
+
i.loading && !i.isInfiniteScroll ? (c(), W(n(Vt), {
|
|
1776
1776
|
key: 1,
|
|
1777
1777
|
variant: "secondary",
|
|
1778
|
-
state:
|
|
1778
|
+
state: n(Gt).LOADING
|
|
1779
1779
|
}, {
|
|
1780
1780
|
default: V(() => [
|
|
1781
|
-
re(q(
|
|
1781
|
+
re(q(n(s)("loading")), 1)
|
|
1782
1782
|
]),
|
|
1783
1783
|
_: 1
|
|
1784
1784
|
}, 8, ["state"])) : F("", !0),
|
|
1785
|
-
!i.loading && !i.isInfiniteScroll ? (c(), W(
|
|
1785
|
+
!i.loading && !i.isInfiniteScroll ? (c(), W(n(Vt), {
|
|
1786
1786
|
key: 2,
|
|
1787
|
-
state:
|
|
1787
|
+
state: n(Gt).START,
|
|
1788
1788
|
variant: "secondary",
|
|
1789
|
-
onClick: t[0] || (t[0] = (r) => i.$emit(
|
|
1789
|
+
onClick: t[0] || (t[0] = (r) => i.$emit(n(N).UPDATE_SHOW_MORE))
|
|
1790
1790
|
}, {
|
|
1791
1791
|
default: V(() => [
|
|
1792
|
-
re(q(
|
|
1792
|
+
re(q(n(s)("showMore")), 1)
|
|
1793
1793
|
]),
|
|
1794
1794
|
_: 1
|
|
1795
1795
|
}, 8, ["state"])) : F("", !0)
|
|
@@ -1799,14 +1799,14 @@ const Ns = /* @__PURE__ */ oe(Cs, [["render", Is], ["__scopeId", "data-v-01dda33
|
|
|
1799
1799
|
const e = document.activeElement;
|
|
1800
1800
|
return e ? e.matches(":focus-visible") || e.matches(".focus-visible") : !1;
|
|
1801
1801
|
}, Ps = ({ gridcellRef: e }) => {
|
|
1802
|
-
const s = S(!1), i = S(!1), t = S(), r = S([]),
|
|
1802
|
+
const s = S(!1), i = S(!1), t = S(), r = S([]), l = S(!1), o = S(!1), f = S(!1), a = S(!1), m = S(!1), R = v(() => (t.value?.length ?? 0) > 1), p = (u) => u ? e.value?.contains(u) ? !0 : r.value?.map((d) => d.value).some((d) => d === u || d?.contains(u)) : !1, I = (u) => {
|
|
1803
1803
|
p(u) || (s.value = !1);
|
|
1804
1804
|
}, A = () => {
|
|
1805
1805
|
a.value = !0, setTimeout(() => {
|
|
1806
1806
|
e.value?.contains(document.activeElement) && e.value?.focus();
|
|
1807
1807
|
}, 0);
|
|
1808
1808
|
}, g = () => {
|
|
1809
|
-
o.value = !1,
|
|
1809
|
+
o.value = !1, l.value = !1, m.value = !0, Re(e.value), e.value?.focus();
|
|
1810
1810
|
}, L = () => {
|
|
1811
1811
|
const u = e.value?.closest('[role="grid"]');
|
|
1812
1812
|
if (!u)
|
|
@@ -1818,7 +1818,7 @@ const Ns = /* @__PURE__ */ oe(Cs, [["render", Is], ["__scopeId", "data-v-01dda33
|
|
|
1818
1818
|
});
|
|
1819
1819
|
return d.currentNode = u, d.nextNode();
|
|
1820
1820
|
}, _ = () => {
|
|
1821
|
-
if (
|
|
1821
|
+
if (l.value || o.value)
|
|
1822
1822
|
return !0;
|
|
1823
1823
|
const u = document.activeElement;
|
|
1824
1824
|
return !!(u && u !== e.value && e.value?.contains(u));
|
|
@@ -1828,7 +1828,7 @@ const Ns = /* @__PURE__ */ oe(Cs, [["render", Is], ["__scopeId", "data-v-01dda33
|
|
|
1828
1828
|
isFocused: i,
|
|
1829
1829
|
focusableItems: t,
|
|
1830
1830
|
childrenMenuContainerElements: r,
|
|
1831
|
-
hasInteractiveElFocusedInside:
|
|
1831
|
+
hasInteractiveElFocusedInside: l,
|
|
1832
1832
|
cellInteractionMode: o,
|
|
1833
1833
|
isNavigatingAway: f,
|
|
1834
1834
|
isReturningFromMenu: a,
|
|
@@ -1842,10 +1842,10 @@ const Ns = /* @__PURE__ */ oe(Cs, [["render", Is], ["__scopeId", "data-v-01dda33
|
|
|
1842
1842
|
handleFocus: async (u) => {
|
|
1843
1843
|
if (!dn())
|
|
1844
1844
|
return;
|
|
1845
|
-
i.value = !0, document.activeElement === e.value && (o.value = !1,
|
|
1845
|
+
i.value = !0, document.activeElement === e.value && (o.value = !1, l.value = !1), u(), !R.value && !a.value && !m.value && (gt(t.value), await de(), ct(e.value) && (l.value = !0)), a.value = !1, m.value = !1;
|
|
1846
1846
|
},
|
|
1847
1847
|
handleFocusout: (u) => {
|
|
1848
|
-
dn() && (p(u.relatedTarget) || (
|
|
1848
|
+
dn() && (p(u.relatedTarget) || (l.value = !1, o.value = !1, f.value = !1));
|
|
1849
1849
|
},
|
|
1850
1850
|
handleKeydown: (u) => {
|
|
1851
1851
|
const d = document.activeElement, b = d === e.value;
|
|
@@ -1855,7 +1855,7 @@ const Ns = /* @__PURE__ */ oe(Cs, [["render", Is], ["__scopeId", "data-v-01dda33
|
|
|
1855
1855
|
}
|
|
1856
1856
|
if (b && (t.value?.length ?? 0) > 0 && (u.key === le.ENTER || u.key === le.F2)) {
|
|
1857
1857
|
u.stopPropagation(), u.preventDefault(), o.value ? g() : (o.value = !0, gt(t.value), de(() => {
|
|
1858
|
-
ct(e.value) && (
|
|
1858
|
+
ct(e.value) && (l.value = !0);
|
|
1859
1859
|
}));
|
|
1860
1860
|
return;
|
|
1861
1861
|
}
|
|
@@ -1878,11 +1878,11 @@ const Ns = /* @__PURE__ */ oe(Cs, [["render", Is], ["__scopeId", "data-v-01dda33
|
|
|
1878
1878
|
u.preventDefault(), u.stopPropagation(), f.value = !0;
|
|
1879
1879
|
const J = L();
|
|
1880
1880
|
setTimeout(() => {
|
|
1881
|
-
|
|
1881
|
+
l.value = !1, s.value = !1, de(() => J?.focus());
|
|
1882
1882
|
}, 0);
|
|
1883
1883
|
return;
|
|
1884
1884
|
}
|
|
1885
|
-
u.key !== le.TAB && (B && (f.value = !0),
|
|
1885
|
+
u.key !== le.TAB && (B && (f.value = !0), l.value = !1, i.value = !1, s.value = !1, Re(e.value));
|
|
1886
1886
|
},
|
|
1887
1887
|
handleCellActionsFocus: async (u, d) => {
|
|
1888
1888
|
if (f.value) {
|
|
@@ -1903,7 +1903,7 @@ const $s = {
|
|
|
1903
1903
|
this.uuid = un.toString(), un += 1;
|
|
1904
1904
|
}
|
|
1905
1905
|
}, ks = { key: 0 };
|
|
1906
|
-
function Us(e, s, i, t, r,
|
|
1906
|
+
function Us(e, s, i, t, r, l) {
|
|
1907
1907
|
return c(), E("svg", ee({ role: "img" }, e.$attrs, {
|
|
1908
1908
|
class: "ui-assets-icons-16",
|
|
1909
1909
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -2002,7 +2002,7 @@ const cn = /* @__PURE__ */ oe($s, [["render", Us]]), Ln = {
|
|
|
2002
2002
|
},
|
|
2003
2003
|
emits: ["menu-open", "menu-close", "menu-item-click"],
|
|
2004
2004
|
setup(e, { emit: s }) {
|
|
2005
|
-
const { t: i } =
|
|
2005
|
+
const { t: i } = ze({ messages: Ln }), t = e, r = s, l = Te(mt, S(!1)), o = (C) => {
|
|
2006
2006
|
if ("text" in C && C.text !== void 0)
|
|
2007
2007
|
return C.text;
|
|
2008
2008
|
switch (C.variant) {
|
|
@@ -2047,7 +2047,7 @@ const cn = /* @__PURE__ */ oe($s, [["render", Us]]), Ln = {
|
|
|
2047
2047
|
}
|
|
2048
2048
|
const A = v(() => {
|
|
2049
2049
|
const C = I(t.cellActions) ? t.cellActions?.(t.rowDataItem, t.columnKey) : t.cellActions;
|
|
2050
|
-
if (
|
|
2050
|
+
if (l.value && !a.value && C) {
|
|
2051
2051
|
const M = [];
|
|
2052
2052
|
return C.forEach((u) => {
|
|
2053
2053
|
u.menuData ? u.menuData.forEach((d) => {
|
|
@@ -2068,7 +2068,7 @@ const cn = /* @__PURE__ */ oe($s, [["render", Us]]), Ln = {
|
|
|
2068
2068
|
}
|
|
2069
2069
|
];
|
|
2070
2070
|
}
|
|
2071
|
-
return !
|
|
2071
|
+
return !l.value && C?.length > 2 && pn(
|
|
2072
2072
|
"WARNING: BentoDataGrid Cell actions can only have a maximum of 2 actions, if you need more consider using the menuData property instead."
|
|
2073
2073
|
), C?.slice(0, 2);
|
|
2074
2074
|
}), g = v(() => (C, M) => {
|
|
@@ -2104,7 +2104,7 @@ const cn = /* @__PURE__ */ oe($s, [["render", Us]]), Ln = {
|
|
|
2104
2104
|
}, {
|
|
2105
2105
|
default: V(() => [
|
|
2106
2106
|
O("div", Bs, [
|
|
2107
|
-
p.value && !l
|
|
2107
|
+
p.value && !n(l) ? (c(), E("div", {
|
|
2108
2108
|
key: 0,
|
|
2109
2109
|
class: ae(["b-data-grid-cell-actions__background-gradient", m.value])
|
|
2110
2110
|
}, null, 2)) : F("", !0),
|
|
@@ -2116,7 +2116,7 @@ const cn = /* @__PURE__ */ oe($s, [["render", Us]]), Ln = {
|
|
|
2116
2116
|
key: d,
|
|
2117
2117
|
class: "b-data-grid-cell-actions__action"
|
|
2118
2118
|
}, [
|
|
2119
|
-
u.menuData ? Xe((c(), W(
|
|
2119
|
+
u.menuData ? Xe((c(), W(n(_t), {
|
|
2120
2120
|
key: 0,
|
|
2121
2121
|
data: D(u.menuData),
|
|
2122
2122
|
button: {
|
|
@@ -2129,14 +2129,14 @@ const cn = /* @__PURE__ */ oe($s, [["render", Us]]), Ln = {
|
|
|
2129
2129
|
onOpen: M[0] || (M[0] = (b) => r("menu-open")),
|
|
2130
2130
|
onClose: M[1] || (M[1] = (b) => r("menu-close")),
|
|
2131
2131
|
onMenuItemClick: M[2] || (M[2] = (b) => r("menu-item-click"))
|
|
2132
|
-
},
|
|
2132
|
+
}, Ke({ _: 2 }, [
|
|
2133
2133
|
z(u) ? {
|
|
2134
2134
|
name: "iconLeft",
|
|
2135
2135
|
fn: V(() => [
|
|
2136
|
-
u?.variant === "more" ? (c(), W(
|
|
2136
|
+
u?.variant === "more" ? (c(), W(n(xt), {
|
|
2137
2137
|
key: 0,
|
|
2138
2138
|
"svg-title": g.value(u, !0)
|
|
2139
|
-
}, null, 8, ["svg-title"])) : (c(), W(
|
|
2139
|
+
}, null, 8, ["svg-title"])) : (c(), W(qe(u.iconLeft), {
|
|
2140
2140
|
key: 1,
|
|
2141
2141
|
"svg-title": g.value(u, !0)
|
|
2142
2142
|
}, null, 8, ["svg-title"]))
|
|
@@ -2151,8 +2151,8 @@ const cn = /* @__PURE__ */ oe($s, [["render", Us]]), Ln = {
|
|
|
2151
2151
|
key: "1"
|
|
2152
2152
|
}
|
|
2153
2153
|
]), 1032, ["data", "button", "disable-arrow-down-opening-menu", "teleport"])), [
|
|
2154
|
-
[
|
|
2155
|
-
]) : u.variant === "copy" ? (c(), W(
|
|
2154
|
+
[n(St), u.tooltipText, u.tooltipPosition]
|
|
2155
|
+
]) : u.variant === "copy" ? (c(), W(n(qt), {
|
|
2156
2156
|
key: 1,
|
|
2157
2157
|
text: y(u),
|
|
2158
2158
|
"button-text": g.value(u),
|
|
@@ -2160,21 +2160,21 @@ const cn = /* @__PURE__ */ oe($s, [["render", Us]]), Ln = {
|
|
|
2160
2160
|
condensed: !0,
|
|
2161
2161
|
variant: "secondary"
|
|
2162
2162
|
}
|
|
2163
|
-
}, null, 8, ["text", "button-text"])) : Xe((c(), W(
|
|
2163
|
+
}, null, 8, ["text", "button-text"])) : Xe((c(), W(n(bn), ee({
|
|
2164
2164
|
key: 2,
|
|
2165
2165
|
condensed: "",
|
|
2166
2166
|
variant: "secondary",
|
|
2167
2167
|
critical: u.critical,
|
|
2168
2168
|
disabled: u.disabled,
|
|
2169
2169
|
link: u.link
|
|
2170
|
-
}, ft(L(u))),
|
|
2170
|
+
}, ft(L(u))), Ke({ _: 2 }, [
|
|
2171
2171
|
u.iconLeft || u.variant === "edit" ? {
|
|
2172
2172
|
name: "iconLeft",
|
|
2173
2173
|
fn: V(() => [
|
|
2174
|
-
u?.variant === "edit" ? (c(), W(
|
|
2174
|
+
u?.variant === "edit" ? (c(), W(n(cn), {
|
|
2175
2175
|
key: 0,
|
|
2176
2176
|
"svg-title": g.value(u, !0)
|
|
2177
|
-
}, null, 8, ["svg-title"])) : (c(), W(
|
|
2177
|
+
}, null, 8, ["svg-title"])) : (c(), W(qe(u.iconLeft), {
|
|
2178
2178
|
key: 1,
|
|
2179
2179
|
"svg-title": u.title
|
|
2180
2180
|
}, null, 8, ["svg-title"]))
|
|
@@ -2191,10 +2191,10 @@ const cn = /* @__PURE__ */ oe($s, [["render", Us]]), Ln = {
|
|
|
2191
2191
|
u.iconRight || u.variant === "open" ? {
|
|
2192
2192
|
name: "iconRight",
|
|
2193
2193
|
fn: V(() => [
|
|
2194
|
-
u?.variant === "open" ? (c(), W(
|
|
2194
|
+
u?.variant === "open" ? (c(), W(n(jt), {
|
|
2195
2195
|
key: 0,
|
|
2196
2196
|
"svg-title": g.value(u, !0)
|
|
2197
|
-
}, null, 8, ["svg-title"])) : (c(), W(
|
|
2197
|
+
}, null, 8, ["svg-title"])) : (c(), W(qe(u.iconRight), {
|
|
2198
2198
|
key: 1,
|
|
2199
2199
|
"svg-title": u.title
|
|
2200
2200
|
}, null, 8, ["svg-title"]))
|
|
@@ -2202,7 +2202,7 @@ const cn = /* @__PURE__ */ oe($s, [["render", Us]]), Ln = {
|
|
|
2202
2202
|
key: "2"
|
|
2203
2203
|
} : void 0
|
|
2204
2204
|
]), 1040, ["critical", "disabled", "link"])), [
|
|
2205
|
-
[
|
|
2205
|
+
[n(St), u.tooltipText, u.tooltipPosition]
|
|
2206
2206
|
])
|
|
2207
2207
|
]))), 128))
|
|
2208
2208
|
], 2)
|
|
@@ -2212,7 +2212,7 @@ const cn = /* @__PURE__ */ oe($s, [["render", Us]]), Ln = {
|
|
|
2212
2212
|
}));
|
|
2213
2213
|
}
|
|
2214
2214
|
}), On = /* @__PURE__ */ oe(Vs, [["__scopeId", "data-v-426bb810"]]);
|
|
2215
|
-
var
|
|
2215
|
+
var ue = /* @__PURE__ */ ((e) => (e.ACTION_COL_NESTED_CONTENT_AND_SELECTION_ENABLED = "action-col-nested-content-and-selection-enabled", e.ACTION_COL_NESTED_CONTENT_ENABLED = "action-col-nested-content-enabled", e.ACTION_COL_SELECTION_ENABLED = "action-col-selection-enabled", e.COLUMN_HOVERED = "column-hovered", e.COLUMN_HOVERED_NO_BORDER_LEFT = "column-hovered-no-border-left", e.COLUMN_HOVERED_NO_BORDER_RIGHT = "column-hovered-no-border-right", e.CONDENSED = "condensed", e.FROZEN = "frozen", e.IS_COLUMN_REORDERING = "is-column-re-ordering", e.IS_COLUMN_REORDERING_TARGET_LEFT = "is-column-re-order-target-left", e.IS_COLUMN_REORDERING_TARGET_RIGHT = "is-column-re-order-target-right", e.LAST_FROZEN_COLUMN_CELL = "last-frozen-column-cell", e.NESTED_CONTENT_ENABLED = "nested-content-toggle-enabled", e.NUMERIC = "numeric", e.OVERFLOW_ELLIPSIS = "overflow-ellipsis", e.PADDING_LEFT_UNSET = "padding-left-unset", e.PADDING_RIGHT_UNSET = "padding-right-unset", e.SLASHED_ZERO = "slashed-zero", e))(ue || {});
|
|
2216
2216
|
const Tn = {
|
|
2217
2217
|
"de-DE": { collapseNestedContent: "Verschachtelte Inhalte ausblenden", expandNestedContent: "Verschachtelten Inhalt anzeigen", selectRow: "Zeile auswählen" },
|
|
2218
2218
|
"en-GB": { collapseNestedContent: "Collapse nested content", expandNestedContent: "Expand nested content", selectRow: "Select row" },
|
|
@@ -2374,7 +2374,7 @@ const Tn = {
|
|
|
2374
2374
|
},
|
|
2375
2375
|
emits: ["on-frozen-columns-key-press", "select-row", "register-row-cell-element", "cell-hovered", "nested-content-toggled", "cell-focus"],
|
|
2376
2376
|
setup(e, { expose: s, emit: i }) {
|
|
2377
|
-
const t = yt(), r = Lt(t), { t:
|
|
2377
|
+
const t = yt(), r = Lt(t), { t: l } = ze({ messages: Tn }), o = e, f = i, a = S(null), m = S(null), R = S(!1), {
|
|
2378
2378
|
shouldShowCellActions: p,
|
|
2379
2379
|
isFocused: I,
|
|
2380
2380
|
focusableItems: A,
|
|
@@ -2391,7 +2391,7 @@ const Tn = {
|
|
|
2391
2391
|
() => o.column.field === he && o.nestedRowsElementIds?.length > 0 ? o.nestedRowsElementIds.join(" ") : void 0
|
|
2392
2392
|
), P = v(
|
|
2393
2393
|
() => o.column.field === he && !o.selectable && !o.nestedContent
|
|
2394
|
-
), B = v(() => !P.value && (Y(o.rowIndex, o.colIndex, o.columnSetIndex) === 0 && !R.value || I.value) ? "0" : (o.column.field === he, "-1")), Z = (k, te) => k?.overflow === Rt.ELLIPSIS ? `${te}` : void 0, J = (k) => k ?? "-", K = (k) => o.columnSets.slice(0, k).reduce((te, { columnSet: se }) => te + se.length, 0), X = (k, te) => k + K(te), Y = (k, te, se) => K() * k + X(te, se),
|
|
2394
|
+
), B = v(() => !P.value && (Y(o.rowIndex, o.colIndex, o.columnSetIndex) === 0 && !R.value || I.value) ? "0" : (o.column.field === he, "-1")), Z = (k, te) => k?.overflow === Rt.ELLIPSIS ? `${te}` : void 0, J = (k) => k ?? "-", K = (k) => o.columnSets.slice(0, k).reduce((te, { columnSet: se }) => te + se.length, 0), X = (k, te) => k + K(te), Y = (k, te, se) => K() * k + X(te, se), ce = (k) => {
|
|
2395
2395
|
const te = {
|
|
2396
2396
|
...o.draggingEventsForRowCell(k),
|
|
2397
2397
|
focus: async () => {
|
|
@@ -2442,23 +2442,23 @@ const Tn = {
|
|
|
2442
2442
|
Qe,
|
|
2443
2443
|
v(() => !1)
|
|
2444
2444
|
), Ue = Te(mt, S(!1)), Be = (k) => ({
|
|
2445
|
-
[`b-data-grid-cell--${
|
|
2446
|
-
[`b-data-grid-cell--${
|
|
2447
|
-
[`b-data-grid-cell--${
|
|
2448
|
-
[`b-data-grid-cell--${
|
|
2449
|
-
[`b-data-grid-cell--${
|
|
2450
|
-
[`b-data-grid-cell--${
|
|
2451
|
-
[`b-data-grid-cell--${
|
|
2452
|
-
[`b-data-grid-cell--${
|
|
2453
|
-
[`b-data-grid-cell--${
|
|
2454
|
-
[`b-data-grid-cell--${
|
|
2455
|
-
[`b-data-grid-cell--${
|
|
2456
|
-
[`b-data-grid-cell--${
|
|
2457
|
-
[`b-data-grid-cell--${
|
|
2458
|
-
[`b-data-grid-cell--${
|
|
2459
|
-
[`b-data-grid-cell--${
|
|
2460
|
-
[`b-data-grid-cell--${
|
|
2461
|
-
[`b-data-grid-cell--${
|
|
2445
|
+
[`b-data-grid-cell--${ue.COLUMN_HOVERED}`]: k?.field === o.hoveredOverColumnState.hoveredOverColumnField,
|
|
2446
|
+
[`b-data-grid-cell--${ue.COLUMN_HOVERED_NO_BORDER_LEFT}`]: k?.field === o.hoveredOverColumnState.hoveredOverColumnField && o.hoveredOverColumnState.noBorderLeft,
|
|
2447
|
+
[`b-data-grid-cell--${ue.COLUMN_HOVERED_NO_BORDER_RIGHT}`]: k?.field === o.hoveredOverColumnState.hoveredOverColumnField && o.hoveredOverColumnState.noBorderRight,
|
|
2448
|
+
[`b-data-grid-cell--${ue.PADDING_LEFT_UNSET}`]: k?.padding?.left === !1,
|
|
2449
|
+
[`b-data-grid-cell--${ue.PADDING_RIGHT_UNSET}`]: k?.padding?.right === !1,
|
|
2450
|
+
[`b-data-grid-cell--${ue.NUMERIC}`]: k?.numeric,
|
|
2451
|
+
[`b-data-grid-cell--${ue.CONDENSED}`]: o.condensed,
|
|
2452
|
+
[`b-data-grid-cell--${ue.OVERFLOW_ELLIPSIS}`]: k?.overflow === Rt.ELLIPSIS,
|
|
2453
|
+
[`b-data-grid-cell--${ue.IS_COLUMN_REORDERING}`]: o.draggingColumns.dragging?.field === k.field,
|
|
2454
|
+
[`b-data-grid-cell--${ue.IS_COLUMN_REORDERING_TARGET_LEFT}`]: o.draggingColumns.target?.field === k.field && o.draggingColumns?.dragToLeft,
|
|
2455
|
+
[`b-data-grid-cell--${ue.IS_COLUMN_REORDERING_TARGET_RIGHT}`]: o.draggingColumns.target?.field === k.field && !o.draggingColumns?.dragToLeft,
|
|
2456
|
+
[`b-data-grid-cell--${ue.FROZEN}`]: k?.frozen,
|
|
2457
|
+
[`b-data-grid-cell--${ue.NESTED_CONTENT_ENABLED}`]: o.nestedContent,
|
|
2458
|
+
[`b-data-grid-cell--${ue.ACTION_COL_NESTED_CONTENT_ENABLED}`]: o.nestedContent && !o.selectable && k.field === he,
|
|
2459
|
+
[`b-data-grid-cell--${ue.ACTION_COL_NESTED_CONTENT_AND_SELECTION_ENABLED}`]: o.nestedContent && o.selectable && k.field === he,
|
|
2460
|
+
[`b-data-grid-cell--${ue.ACTION_COL_SELECTION_ENABLED}`]: k.field === he && o.selectable,
|
|
2461
|
+
[`b-data-grid-cell--${ue.SLASHED_ZERO}`]: $e.value,
|
|
2462
2462
|
"b-data-grid-cell--small-container": ke.value
|
|
2463
2463
|
}), Ie = v(() => ({
|
|
2464
2464
|
"b-data-grid-cell__cell-content--is-focused-on-inside-interactive-element": L.value
|
|
@@ -2479,20 +2479,20 @@ const Tn = {
|
|
|
2479
2479
|
style: {
|
|
2480
2480
|
width: e.column.autoWidth && e.isMeasuringColumnWidths ? "auto" : `${e.column.width}px`
|
|
2481
2481
|
}
|
|
2482
|
-
}, ft(
|
|
2483
|
-
e.column.field ===
|
|
2484
|
-
e.selectable ? (c(), W(
|
|
2482
|
+
}, ft(ce(e.column), !0)), [
|
|
2483
|
+
e.column.field === n(he) ? (c(), E(fe, { key: 0 }, [
|
|
2484
|
+
e.selectable ? (c(), W(n(Sn), {
|
|
2485
2485
|
key: 0,
|
|
2486
2486
|
class: "b-data-grid-cell__select-cell",
|
|
2487
|
-
"aria-label": l
|
|
2487
|
+
"aria-label": n(l)("selectRow"),
|
|
2488
2488
|
disabled: e.isDataItemDisabled(e.rowData),
|
|
2489
2489
|
indeterminate: e.selectionIsIndeterminate,
|
|
2490
2490
|
"model-value": e.selectedItems,
|
|
2491
2491
|
value: e.getDataItemId(e.rowData),
|
|
2492
|
-
tabindex:
|
|
2492
|
+
tabindex: n(I) ? 0 : -1,
|
|
2493
2493
|
"onUpdate:modelValue": te[0] || (te[0] = (se) => k.$emit("select-row", se))
|
|
2494
2494
|
}, null, 8, ["aria-label", "disabled", "indeterminate", "model-value", "value", "tabindex"])) : F("", !0),
|
|
2495
|
-
e.nestedContent ? (c(), W(
|
|
2495
|
+
e.nestedContent ? (c(), W(n(Tt), {
|
|
2496
2496
|
key: 1,
|
|
2497
2497
|
ref: "menuButtonRef",
|
|
2498
2498
|
"aria-haspopup": "true",
|
|
@@ -2503,20 +2503,20 @@ const Tn = {
|
|
|
2503
2503
|
onClick: Ae
|
|
2504
2504
|
}, {
|
|
2505
2505
|
iconLeft: V(() => [
|
|
2506
|
-
e.isNestedContentExpanded ? (c(), W(
|
|
2506
|
+
e.isNestedContentExpanded ? (c(), W(n(Ql), {
|
|
2507
2507
|
key: 0,
|
|
2508
2508
|
class: "b-accordion-item__icon",
|
|
2509
|
-
"svg-title": l
|
|
2510
|
-
}, null, 8, ["svg-title"])) : (c(), W(
|
|
2509
|
+
"svg-title": n(l)("collapseNestedContent")
|
|
2510
|
+
}, null, 8, ["svg-title"])) : (c(), W(n(Jl), {
|
|
2511
2511
|
key: 1,
|
|
2512
2512
|
class: "b-accordion-item__icon",
|
|
2513
|
-
"svg-title": l
|
|
2513
|
+
"svg-title": n(l)("expandNestedContent")
|
|
2514
2514
|
}, null, 8, ["svg-title"]))
|
|
2515
2515
|
]),
|
|
2516
2516
|
_: 1
|
|
2517
2517
|
}, 8, ["aria-controls", "toggled"])) : F("", !0)
|
|
2518
2518
|
], 64)) : (c(), E(fe, { key: 1 }, [
|
|
2519
|
-
j(
|
|
2519
|
+
j(n(Ge), {
|
|
2520
2520
|
el: "div",
|
|
2521
2521
|
class: ae(["b-data-grid-cell__cell-content", Ie.value]),
|
|
2522
2522
|
"data-testid": "cell-content"
|
|
@@ -2534,7 +2534,7 @@ const Tn = {
|
|
|
2534
2534
|
_: 3
|
|
2535
2535
|
}, 8, ["class"]),
|
|
2536
2536
|
e.column.cellActions?.length > 0 ? (c(), E("div", Hs, [
|
|
2537
|
-
(
|
|
2537
|
+
(n(p) || n(Ue)) && (d.value || n(r)(`item-${e.column.field}`)) ? (c(), W(On, {
|
|
2538
2538
|
key: 0,
|
|
2539
2539
|
ref_key: "cellActionsRef",
|
|
2540
2540
|
ref: m,
|
|
@@ -2545,7 +2545,7 @@ const Tn = {
|
|
|
2545
2545
|
"is-highlighted": e.isHighlighted,
|
|
2546
2546
|
"is-selected": e.isSelected,
|
|
2547
2547
|
"teleport-menu": "",
|
|
2548
|
-
onMenuItemClick:
|
|
2548
|
+
onMenuItemClick: n(_)
|
|
2549
2549
|
}, null, 8, ["cell-actions", "column-key", "row-data-item", "has-zebra-background", "is-highlighted", "is-selected", "onMenuItemClick"])) : F("", !0)
|
|
2550
2550
|
])) : F("", !0)
|
|
2551
2551
|
], 64))
|
|
@@ -2771,7 +2771,7 @@ const Tn = {
|
|
|
2771
2771
|
},
|
|
2772
2772
|
emits: ["cell-hovered", "on-frozen-columns-key-press", "select-row", "select-nested-row", "row-click", "nested-content-toggled", "cell-focus"],
|
|
2773
2773
|
setup(e, { expose: s, emit: i }) {
|
|
2774
|
-
const t = yt(), r = Lt(t),
|
|
2774
|
+
const t = yt(), r = Lt(t), l = e, o = i, f = (w, T) => !w || !T ? !1 : !!(T.compareDocumentPosition(w) & Node.DOCUMENT_POSITION_FOLLOWING), a = S({}), m = S(!1), R = S(), p = S(), I = S([]), A = ut("nested-content-slot"), g = S(!1), L = S(!1), _ = S(), D = () => {
|
|
2775
2775
|
const w = p.value;
|
|
2776
2776
|
return Array.isArray(w) ? w[0] : w;
|
|
2777
2777
|
};
|
|
@@ -2779,41 +2779,41 @@ const Tn = {
|
|
|
2779
2779
|
const w = D();
|
|
2780
2780
|
w && (_.value = Re(w));
|
|
2781
2781
|
});
|
|
2782
|
-
const y = v(() =>
|
|
2783
|
-
() => !
|
|
2782
|
+
const y = v(() => l.shouldShowNestedRows(l.rowData)), z = v(
|
|
2783
|
+
() => !l.isNestedRow && l.hasNestedRows && y.value && l.rowData?.children?.length > 0
|
|
2784
2784
|
), C = v(
|
|
2785
|
-
() => !
|
|
2785
|
+
() => !l.isNestedRow && l.hasNestedRows && y.value && (l.rowData?.children === void 0 || l?.rowData?.children.length === 0)
|
|
2786
2786
|
), M = v(
|
|
2787
|
-
() =>
|
|
2787
|
+
() => l.hasNestedContent && l.shouldShowNestedContent(l.rowData) || l.hasNestedRows && y.value && !l.isNestedRow
|
|
2788
2788
|
), u = v(() => {
|
|
2789
|
-
if (
|
|
2789
|
+
if (l.hasNestedContent || l.hasNestedRows) {
|
|
2790
2790
|
const w = m.value.toString();
|
|
2791
2791
|
return {
|
|
2792
2792
|
"aria-expanded": M.value ? w : void 0,
|
|
2793
|
-
"aria-level":
|
|
2794
|
-
"aria-posinset":
|
|
2795
|
-
"aria-setsize":
|
|
2793
|
+
"aria-level": l.isNestedRow ? "2" : "1",
|
|
2794
|
+
"aria-posinset": l.rowIndex + 1,
|
|
2795
|
+
"aria-setsize": l.rowSetSize
|
|
2796
2796
|
};
|
|
2797
2797
|
}
|
|
2798
|
-
return { "aria-rowindex":
|
|
2798
|
+
return { "aria-rowindex": l.rowIndex + 1 };
|
|
2799
2799
|
}), d = v(() => {
|
|
2800
2800
|
if (C.value)
|
|
2801
2801
|
return {
|
|
2802
2802
|
"aria-busy": "true",
|
|
2803
2803
|
"aria-live": "polite"
|
|
2804
2804
|
};
|
|
2805
|
-
if (!(z.value || !
|
|
2805
|
+
if (!(z.value || !l.hasNestedContent || !l.shouldShowNestedContent(l.rowData)))
|
|
2806
2806
|
return {
|
|
2807
|
-
"aria-level":
|
|
2807
|
+
"aria-level": l.isNestedRow ? "3" : "2",
|
|
2808
2808
|
"aria-posinset": "1",
|
|
2809
2809
|
"aria-setsize": "1",
|
|
2810
2810
|
id: A,
|
|
2811
2811
|
role: "row",
|
|
2812
2812
|
tabindex: "-1"
|
|
2813
2813
|
};
|
|
2814
|
-
}), b = v(() => z.value ?
|
|
2814
|
+
}), b = v(() => z.value ? l.rowData?.children?.reduce((w, T, ie) => (w[ie] = ut("nested-row"), w), {}) : []), P = v(() => {
|
|
2815
2815
|
if (m.value) {
|
|
2816
|
-
if (
|
|
2816
|
+
if (l.hasNestedContent && l.shouldShowNestedContent(l.rowData))
|
|
2817
2817
|
return [A];
|
|
2818
2818
|
if (z.value && Object.keys(b.value)?.length > 0) {
|
|
2819
2819
|
const w = Object.values(b.value);
|
|
@@ -2823,9 +2823,9 @@ const Tn = {
|
|
|
2823
2823
|
return [];
|
|
2824
2824
|
}
|
|
2825
2825
|
}), B = v(() => {
|
|
2826
|
-
const w =
|
|
2826
|
+
const w = l.rowData?.children?.map((T) => l.getDataItemId(T));
|
|
2827
2827
|
if (w?.length > 0) {
|
|
2828
|
-
const T = w.every((
|
|
2828
|
+
const T = w.every((H) => l?.selectedItems?.includes(H)), ie = w.some((H) => l?.selectedItems?.includes(H));
|
|
2829
2829
|
return !T && ie;
|
|
2830
2830
|
}
|
|
2831
2831
|
return !1;
|
|
@@ -2835,27 +2835,27 @@ const Tn = {
|
|
|
2835
2835
|
}, J = (w, T) => {
|
|
2836
2836
|
w !== null && (I.value[T] = w);
|
|
2837
2837
|
}, K = (w) => b.value[w], X = (w) => {
|
|
2838
|
-
if (!
|
|
2838
|
+
if (!l.selectable)
|
|
2839
2839
|
return null;
|
|
2840
|
-
const T =
|
|
2841
|
-
return
|
|
2840
|
+
const T = l.getDataItemId(w);
|
|
2841
|
+
return l.selectedItems.includes(T).toString();
|
|
2842
2842
|
}, Y = (w, T) => {
|
|
2843
2843
|
o("row-click", w, T);
|
|
2844
|
-
},
|
|
2845
|
-
if (!
|
|
2844
|
+
}, ce = (w) => {
|
|
2845
|
+
if (!l.allowRowClicks)
|
|
2846
2846
|
return;
|
|
2847
2847
|
let T = !1;
|
|
2848
2848
|
const ie = ["button", "input", "a"];
|
|
2849
|
-
for (let
|
|
2850
|
-
if (w?.target?.closest(ie[
|
|
2849
|
+
for (let H = 0; H < ie.length; H++)
|
|
2850
|
+
if (w?.target?.closest(ie[H])) {
|
|
2851
2851
|
T = !0;
|
|
2852
2852
|
break;
|
|
2853
2853
|
}
|
|
2854
|
-
T || Y(
|
|
2854
|
+
T || Y(l.rowData, w);
|
|
2855
2855
|
}, Ae = (w) => {
|
|
2856
|
-
o("select-row", w,
|
|
2856
|
+
o("select-row", w, l.rowData);
|
|
2857
2857
|
}, xe = (w, T) => {
|
|
2858
|
-
o("select-nested-row", T,
|
|
2858
|
+
o("select-nested-row", T, l.rowData, w);
|
|
2859
2859
|
}, Pe = () => {
|
|
2860
2860
|
g.value = !0;
|
|
2861
2861
|
}, $e = () => {
|
|
@@ -2868,8 +2868,8 @@ const Tn = {
|
|
|
2868
2868
|
const T = D();
|
|
2869
2869
|
if (!T || !_.value?.length)
|
|
2870
2870
|
return;
|
|
2871
|
-
const ie = f(w.relatedTarget, T),
|
|
2872
|
-
gt([
|
|
2871
|
+
const ie = f(w.relatedTarget, T), H = _.value.length - 1, ge = ie ? _.value[H] : _.value[0];
|
|
2872
|
+
gt([ge]), ct(T, { last: ie });
|
|
2873
2873
|
}, Ue = () => {
|
|
2874
2874
|
const w = D();
|
|
2875
2875
|
w && Re(w);
|
|
@@ -2880,11 +2880,11 @@ const Tn = {
|
|
|
2880
2880
|
return;
|
|
2881
2881
|
}
|
|
2882
2882
|
w.key !== le.TAB && T && Re(T), w.key === le.ARROW_RIGHT && _.value?.length > 1 && _.value[0].node === document.activeElement ? (T && Re(T), _.value[1].node.setAttribute("tabindex", "0"), _.value[1].node.focus(), w.stopPropagation(), w.preventDefault()) : w.key === le.ARROW_LEFT && _.value?.length > 1 && _.value[1].node === document.activeElement && (T && Re(T), _.value[0].node.setAttribute("tabindex", "0"), _.value[0].node.focus(), w.stopPropagation(), w.preventDefault());
|
|
2883
|
-
}, Ie = () =>
|
|
2884
|
-
if (
|
|
2883
|
+
}, Ie = () => l.columnSets.reduce((w, { columnSet: T }) => w + T.length, 0), k = () => Ie() * l.rowIndex + Ie(), { updateContentHeight: te, contentHeight: se } = eo(R, m), h = v(() => {
|
|
2884
|
+
if (l.hasNestedContent || l.hasNestedRows)
|
|
2885
2885
|
return {
|
|
2886
2886
|
paddingLeft: `${z.value || C.value ? 0 : a.value[he].offsetWidth + Rn}px`,
|
|
2887
|
-
"max-height": (
|
|
2887
|
+
"max-height": (l.hasNestedContent || l.hasNestedRows) && se.value && !se?.value?.includes("null") ? se.value : 0
|
|
2888
2888
|
};
|
|
2889
2889
|
});
|
|
2890
2890
|
Ce(
|
|
@@ -2896,40 +2896,40 @@ const Tn = {
|
|
|
2896
2896
|
}));
|
|
2897
2897
|
}
|
|
2898
2898
|
);
|
|
2899
|
-
const
|
|
2900
|
-
m.value = !m.value, te(), o("nested-content-toggled",
|
|
2899
|
+
const x = () => {
|
|
2900
|
+
m.value = !m.value, te(), o("nested-content-toggled", l.rowData);
|
|
2901
2901
|
};
|
|
2902
2902
|
Ce(
|
|
2903
|
-
() =>
|
|
2903
|
+
() => l.rowData?.children,
|
|
2904
2904
|
(w, T) => {
|
|
2905
|
-
|
|
2905
|
+
l?.rowData?.children?.length > 0 && T === void 0 && !m.value && te();
|
|
2906
2906
|
}
|
|
2907
2907
|
);
|
|
2908
2908
|
const $ = Te(
|
|
2909
2909
|
Qe,
|
|
2910
2910
|
v(() => !1)
|
|
2911
|
-
), pe = (w) =>
|
|
2912
|
-
"b-data-grid-row-container__row--disabled":
|
|
2913
|
-
"b-data-grid-row-container__row--row-clicks-enabled":
|
|
2911
|
+
), pe = (w) => l.highlightedRows.includes(l.getDataItemId(w)), me = (w) => l.selectedItems.includes(l.getDataItemId(w)), ht = (w, T) => ({
|
|
2912
|
+
"b-data-grid-row-container__row--disabled": l.isDataItemDisabled(w),
|
|
2913
|
+
"b-data-grid-row-container__row--row-clicks-enabled": l.allowRowClicks,
|
|
2914
2914
|
"b-data-grid-row-container__row--highlighted": pe(w),
|
|
2915
2915
|
"b-data-grid-row-container__row--selected": me(w),
|
|
2916
|
-
"b-data-grid-row-container__row--hovered":
|
|
2917
|
-
"b-data-grid-row-container__row--is-last-child":
|
|
2918
|
-
"b-data-grid-row-container__row--nested-row":
|
|
2919
|
-
"b-data-grid-row-container__row--zebra":
|
|
2916
|
+
"b-data-grid-row-container__row--hovered": l.hoveredRowIndex === T,
|
|
2917
|
+
"b-data-grid-row-container__row--is-last-child": l.isRowLastChild && !m.value,
|
|
2918
|
+
"b-data-grid-row-container__row--nested-row": l.isNestedRow,
|
|
2919
|
+
"b-data-grid-row-container__row--zebra": l.isRowEven
|
|
2920
2920
|
}), et = (w, T) => ({
|
|
2921
2921
|
"b-data-grid-row-container__row-cell-set--frozen": w && !T,
|
|
2922
|
-
[`b-data-grid-row-container__row-cell-set--${ye.OVERFLOW_SHADOW_LEFT}`]: !T && w &&
|
|
2923
|
-
"b-data-grid-row-container__row-cell-set--frozen-separator": !T && w &&
|
|
2922
|
+
[`b-data-grid-row-container__row-cell-set--${ye.OVERFLOW_SHADOW_LEFT}`]: !T && w && l.hasLeftOverflow,
|
|
2923
|
+
"b-data-grid-row-container__row-cell-set--frozen-separator": !T && w && l.showFrozenColumnsSeparator,
|
|
2924
2924
|
"b-data-grid-row-container__row-cell-set--unfrozen": !w || T,
|
|
2925
|
-
"b-data-grid-row-container__row-cell-set--is-measuring":
|
|
2926
|
-
}),
|
|
2927
|
-
"b-data-grid-row-container__row-nested-slot--is-last-child":
|
|
2928
|
-
"b-data-grid-row-container__row-nested-slot": !z.value &&
|
|
2929
|
-
})),
|
|
2925
|
+
"b-data-grid-row-container__row-cell-set--is-measuring": l.isMeasuringColumnWidths
|
|
2926
|
+
}), Ye = v(() => ({
|
|
2927
|
+
"b-data-grid-row-container__row-nested-slot--is-last-child": l.isRowLastChild,
|
|
2928
|
+
"b-data-grid-row-container__row-nested-slot": !z.value && l.shouldShowNestedContent(l.rowData)
|
|
2929
|
+
})), He = v(() => ({
|
|
2930
2930
|
"b-data-grid-row-container__row-actions-container--row-actions-menu-open": g.value
|
|
2931
2931
|
})), tt = v(() => ({
|
|
2932
|
-
minWidth: `${
|
|
2932
|
+
minWidth: `${l.rowActionsMaximumWidth}px`
|
|
2933
2933
|
}));
|
|
2934
2934
|
return s({
|
|
2935
2935
|
gridcellRefs: a,
|
|
@@ -2943,17 +2943,17 @@ const Tn = {
|
|
|
2943
2943
|
class: ["b-data-grid-row-container__row", ht(e.rowData, e.rowIndex)],
|
|
2944
2944
|
role: "row",
|
|
2945
2945
|
"aria-selected": X(e.rowData),
|
|
2946
|
-
onClick:
|
|
2946
|
+
onClick: ce,
|
|
2947
2947
|
onKeyup: [
|
|
2948
|
-
Bt(
|
|
2949
|
-
Bt(
|
|
2948
|
+
Bt(ce, ["enter"]),
|
|
2949
|
+
Bt(ce, ["space"])
|
|
2950
2950
|
]
|
|
2951
2951
|
}), [
|
|
2952
|
-
(c(!0), E(fe, null, be(e.columnSets, ({ columnSet: ie, id:
|
|
2952
|
+
(c(!0), E(fe, null, be(e.columnSets, ({ columnSet: ie, id: H, isFrozenColumns: ge }, Ze) => (c(), E(fe, null, [
|
|
2953
2953
|
ie?.length ? (c(), E("div", {
|
|
2954
|
-
key: `data-grid-rows-${
|
|
2955
|
-
class: ae(["b-data-grid-row-container__cells", et(
|
|
2956
|
-
"data-testid": `data-grid-${
|
|
2954
|
+
key: `data-grid-rows-${H}`,
|
|
2955
|
+
class: ae(["b-data-grid-row-container__cells", et(ge, n($))]),
|
|
2956
|
+
"data-testid": `data-grid-${H}-rows`
|
|
2957
2957
|
}, [
|
|
2958
2958
|
(c(!0), E(fe, null, be(ie, (We, nt) => (c(), W(qs, {
|
|
2959
2959
|
key: `cell-${We.field}`,
|
|
@@ -2961,7 +2961,7 @@ const Tn = {
|
|
|
2961
2961
|
ref: (_e) => Z(_e, We.field),
|
|
2962
2962
|
class: "b-data-grid-row-container__cell",
|
|
2963
2963
|
column: We,
|
|
2964
|
-
"column-set-index":
|
|
2964
|
+
"column-set-index": Ze,
|
|
2965
2965
|
"col-index": nt,
|
|
2966
2966
|
"column-sets": e.columnSets,
|
|
2967
2967
|
condensed: e.condensed,
|
|
@@ -2986,55 +2986,54 @@ const Tn = {
|
|
|
2986
2986
|
onCellFocus: T[1] || (T[1] = (_e) => o("cell-focus", _e)),
|
|
2987
2987
|
onOnFrozenColumnsKeyPress: T[2] || (T[2] = (_e) => o("on-frozen-columns-key-press", _e)),
|
|
2988
2988
|
onSelectRow: Ae,
|
|
2989
|
-
onNestedContentToggled:
|
|
2990
|
-
},
|
|
2991
|
-
be(
|
|
2989
|
+
onNestedContentToggled: x
|
|
2990
|
+
}, Ke({ _: 2 }, [
|
|
2991
|
+
be(n(t), (_e, Ve) => ({
|
|
2992
2992
|
name: Ve,
|
|
2993
2993
|
fn: V((Ct) => [
|
|
2994
2994
|
Oe(w.$slots, Ve, ee({ ref_for: !0 }, Ct), void 0, !0)
|
|
2995
2995
|
])
|
|
2996
2996
|
}))
|
|
2997
2997
|
]), 1032, ["column", "column-set-index", "col-index", "column-sets", "condensed", "dragging-columns", "dragging-events-for-row-cell", "get-data-item-id", "has-zebra-background", "is-highlighted", "is-selected", "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))
|
|
2998
|
-
], 10, Xs)) : F("", !0)
|
|
2999
|
-
|
|
3000
|
-
|
|
3001
|
-
|
|
3002
|
-
|
|
3003
|
-
|
|
3004
|
-
|
|
3005
|
-
|
|
3006
|
-
|
|
3007
|
-
|
|
3008
|
-
|
|
3009
|
-
|
|
3010
|
-
|
|
3011
|
-
|
|
3012
|
-
|
|
3013
|
-
|
|
3014
|
-
|
|
3015
|
-
|
|
3016
|
-
|
|
3017
|
-
|
|
3018
|
-
|
|
3019
|
-
|
|
3020
|
-
|
|
3021
|
-
|
|
3022
|
-
|
|
3023
|
-
|
|
3024
|
-
|
|
3025
|
-
|
|
3026
|
-
|
|
3027
|
-
|
|
3028
|
-
], 64))), 256))
|
|
2998
|
+
], 10, Xs)) : F("", !0)
|
|
2999
|
+
], 64))), 256)),
|
|
3000
|
+
e.rowActions ? (c(), E("div", {
|
|
3001
|
+
key: 0,
|
|
3002
|
+
ref_key: "rowActionsRef",
|
|
3003
|
+
ref: p,
|
|
3004
|
+
"aria-colindex": Ie().toString(),
|
|
3005
|
+
class: ae(["b-data-grid-row-container__row-actions-container", He.value]),
|
|
3006
|
+
style: Le(tt.value),
|
|
3007
|
+
"data-cellindex": k(),
|
|
3008
|
+
tabindex: "-1",
|
|
3009
|
+
role: "gridcell",
|
|
3010
|
+
onFocus: ke,
|
|
3011
|
+
"on:focusOut": Ue,
|
|
3012
|
+
onKeydown: Be
|
|
3013
|
+
}, [
|
|
3014
|
+
j(On, {
|
|
3015
|
+
class: "b-data-grid-row-container__row-actions",
|
|
3016
|
+
"disable-arrow-down-opening-menu": "",
|
|
3017
|
+
"cell-actions": e.rowActions,
|
|
3018
|
+
"has-right-overflow": e.hasRightOverflow,
|
|
3019
|
+
"row-data-item": e.rowData,
|
|
3020
|
+
"has-zebra-background": e.isRowEven,
|
|
3021
|
+
"is-highlighted": pe(e.rowData),
|
|
3022
|
+
"is-selected": me(e.rowData),
|
|
3023
|
+
"teleport-menu": "",
|
|
3024
|
+
onMenuOpen: Pe,
|
|
3025
|
+
onMenuClose: $e
|
|
3026
|
+
}, null, 8, ["cell-actions", "has-right-overflow", "row-data-item", "has-zebra-background", "is-highlighted", "is-selected"])
|
|
3027
|
+
], 46, Js)) : F("", !0)
|
|
3029
3028
|
], 16, Ys)),
|
|
3030
|
-
e.hasNestedContent &&
|
|
3029
|
+
e.hasNestedContent && n(r)("nested-slot") && e.shouldShowNestedContent(e.rowData) || e.hasNestedRows && y.value ? (c(), W(hn, {
|
|
3031
3030
|
key: `${e.rowIndex}-nest-content`,
|
|
3032
3031
|
name: "b-data-grid-row-container__animation--nested-content"
|
|
3033
3032
|
}, {
|
|
3034
3033
|
default: V(() => [
|
|
3035
3034
|
m.value && z.value ? (c(), E("div", {
|
|
3036
3035
|
key: 0,
|
|
3037
|
-
class: ae(
|
|
3036
|
+
class: ae(Ye.value),
|
|
3038
3037
|
"data-testid": "nested-content-container",
|
|
3039
3038
|
style: Le(h.value),
|
|
3040
3039
|
role: "presentation"
|
|
@@ -3044,33 +3043,33 @@ const Tn = {
|
|
|
3044
3043
|
ref: R
|
|
3045
3044
|
}, [
|
|
3046
3045
|
C.value ? (c(), E("div", Qs, [
|
|
3047
|
-
j(
|
|
3046
|
+
j(n(dt))
|
|
3048
3047
|
])) : F("", !0),
|
|
3049
|
-
(c(!0), E(fe, null, be(e.rowData.children, (ie,
|
|
3050
|
-
id: K(
|
|
3051
|
-
key: `child-${
|
|
3048
|
+
(c(!0), E(fe, null, be(e.rowData.children, (ie, H) => (c(), W(In, ee({ ref_for: !0 }, l, {
|
|
3049
|
+
id: K(H),
|
|
3050
|
+
key: `child-${H}`,
|
|
3052
3051
|
ref_for: !0,
|
|
3053
|
-
ref: (
|
|
3052
|
+
ref: (ge) => J(ge, H),
|
|
3054
3053
|
"row-data": ie,
|
|
3055
|
-
"row-index":
|
|
3054
|
+
"row-index": H,
|
|
3056
3055
|
"row-set-size": e.rowData.children.length,
|
|
3057
3056
|
"is-nested-row": "",
|
|
3058
|
-
onCellHovered: T[3] || (T[3] = (
|
|
3059
|
-
onCellFocus: T[4] || (T[4] = (
|
|
3057
|
+
onCellHovered: T[3] || (T[3] = (ge) => o("cell-hovered", ge)),
|
|
3058
|
+
onCellFocus: T[4] || (T[4] = (ge) => o("cell-focus", ge)),
|
|
3060
3059
|
onRowClick: Y,
|
|
3061
|
-
onOnFrozenColumnsKeyPress: T[5] || (T[5] = (
|
|
3062
|
-
onSelectRow: (
|
|
3063
|
-
}),
|
|
3064
|
-
be(
|
|
3065
|
-
name:
|
|
3060
|
+
onOnFrozenColumnsKeyPress: T[5] || (T[5] = (ge) => o("on-frozen-columns-key-press", ge)),
|
|
3061
|
+
onSelectRow: (ge) => xe(ie, ge)
|
|
3062
|
+
}), Ke({ _: 2 }, [
|
|
3063
|
+
be(n(t), (ge, Ze) => ({
|
|
3064
|
+
name: Ze,
|
|
3066
3065
|
fn: V((We) => [
|
|
3067
|
-
Oe(w.$slots,
|
|
3066
|
+
Oe(w.$slots, Ze, ee({ ref_for: !0 }, We), void 0, !0)
|
|
3068
3067
|
])
|
|
3069
3068
|
}))
|
|
3070
3069
|
]), 1040, ["id", "row-data", "row-index", "row-set-size", "onSelectRow"]))), 128))
|
|
3071
3070
|
], 512)
|
|
3072
3071
|
], 6)) : m.value ? (c(), E("div", ee({ key: 1 }, d.value, {
|
|
3073
|
-
class:
|
|
3072
|
+
class: Ye.value,
|
|
3074
3073
|
"data-testid": "nested-content-container",
|
|
3075
3074
|
style: h.value,
|
|
3076
3075
|
role: "row",
|
|
@@ -3082,8 +3081,8 @@ const Tn = {
|
|
|
3082
3081
|
role: "gridcell"
|
|
3083
3082
|
}, [
|
|
3084
3083
|
C.value ? (c(), E("div", ea, [
|
|
3085
|
-
j(
|
|
3086
|
-
])) :
|
|
3084
|
+
j(n(dt))
|
|
3085
|
+
])) : n(r)("nested-slot") && e.shouldShowNestedContent(e.rowData) ? (c(), E("div", ta, [
|
|
3087
3086
|
Oe(w.$slots, "nested-slot", { item: e.rowData }, void 0, !0)
|
|
3088
3087
|
])) : F("", !0)
|
|
3089
3088
|
], 512)
|
|
@@ -3093,14 +3092,14 @@ const Tn = {
|
|
|
3093
3092
|
})) : F("", !0)
|
|
3094
3093
|
]));
|
|
3095
3094
|
}
|
|
3096
|
-
}), In = /* @__PURE__ */ oe(la, [["__scopeId", "data-v-
|
|
3095
|
+
}), In = /* @__PURE__ */ oe(la, [["__scopeId", "data-v-0cbbe57d"]]);
|
|
3097
3096
|
let gn = 0;
|
|
3098
3097
|
const oa = {
|
|
3099
3098
|
beforeCreate() {
|
|
3100
3099
|
this.uuid = gn.toString(), gn += 1;
|
|
3101
3100
|
}
|
|
3102
3101
|
}, sa = { key: 0 }, aa = ["clip-path"], ia = ["id"];
|
|
3103
|
-
function ra(e, s, i, t, r,
|
|
3102
|
+
function ra(e, s, i, t, r, l) {
|
|
3104
3103
|
return c(), E("svg", ee({ role: "img" }, e.$attrs, {
|
|
3105
3104
|
class: "ui-assets-icons-16",
|
|
3106
3105
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -3156,18 +3155,18 @@ const da = /* @__PURE__ */ oe(oa, [["render", ra]]), ua = ["aria-label"], ca = {
|
|
|
3156
3155
|
}
|
|
3157
3156
|
}), t = v(() => ({
|
|
3158
3157
|
"b-data-grid-static-icon--colored": s.colored && s.variant !== "no-value"
|
|
3159
|
-
})), r = v(() => `b-data-grid-static-icon__${s.variant}`),
|
|
3158
|
+
})), r = v(() => `b-data-grid-static-icon__${s.variant}`), l = v(() => Tl.AUTO);
|
|
3160
3159
|
return (o, f) => Xe((c(), E("div", {
|
|
3161
3160
|
"aria-label": o.tooltipText,
|
|
3162
3161
|
class: ae(["b-data-grid-static-icon", t.value]),
|
|
3163
3162
|
tabindex: "0"
|
|
3164
3163
|
}, [
|
|
3165
|
-
(c(), W(
|
|
3164
|
+
(c(), W(qe(i.value), {
|
|
3166
3165
|
class: ae(r.value),
|
|
3167
3166
|
"svg-title": o.tooltipText
|
|
3168
3167
|
}, null, 8, ["class", "svg-title"]))
|
|
3169
3168
|
], 10, ua)), [
|
|
3170
|
-
[
|
|
3169
|
+
[n(St), o.tooltipText, l.value]
|
|
3171
3170
|
]);
|
|
3172
3171
|
}
|
|
3173
3172
|
}), Pi = /* @__PURE__ */ oe(ga, [["__scopeId", "data-v-b8c9e150"]]), Nn = {
|
|
@@ -3194,7 +3193,7 @@ const da = /* @__PURE__ */ oe(oa, [["render", ra]]), ua = ["aria-label"], ca = {
|
|
|
3194
3193
|
tooltipText: { default: null }
|
|
3195
3194
|
},
|
|
3196
3195
|
setup(e) {
|
|
3197
|
-
const { tc: s } =
|
|
3196
|
+
const { tc: s } = ze({ messages: Nn }), i = e, t = S(), r = v(() => ({
|
|
3198
3197
|
popoverPosition: "right",
|
|
3199
3198
|
// Setting popover defaults, but they are overriden if used passes dashedUnderline prop
|
|
3200
3199
|
popoverTitle: i.label,
|
|
@@ -3204,21 +3203,21 @@ const da = /* @__PURE__ */ oe(oa, [["render", ra]]), ua = ["aria-label"], ca = {
|
|
|
3204
3203
|
teleport: {
|
|
3205
3204
|
disabled: !1
|
|
3206
3205
|
}
|
|
3207
|
-
})),
|
|
3206
|
+
})), l = v(() => i.searchTerm?.toLowerCase() ?? ""), o = (m) => i.searchTerm && m.toLowerCase().includes(l.value) ? "mark" : "span", f = v(() => i.searchTerm ? i.items.filter((m) => m.toLowerCase().includes(l.value)).length : 0), a = v(
|
|
3208
3207
|
() => i.tooltipText ?? (f.value > 0 ? s("numberResults", f.value) : "")
|
|
3209
3208
|
);
|
|
3210
3209
|
return (m, R) => (c(), E("div", fa, [
|
|
3211
|
-
m.items.length > 1 ? (c(), W(
|
|
3210
|
+
m.items.length > 1 ? (c(), W(n(Il), ee({
|
|
3212
3211
|
key: 0,
|
|
3213
3212
|
ref_key: "dashedUnderlineRef",
|
|
3214
3213
|
ref: t
|
|
3215
3214
|
}, r.value), {
|
|
3216
3215
|
"popover-content": V(() => [
|
|
3217
|
-
j(
|
|
3216
|
+
j(n(Ge), { class: "b-data-grid-summary-cell__popover-content" }, {
|
|
3218
3217
|
default: V(() => [
|
|
3219
3218
|
O("ul", ma, [
|
|
3220
3219
|
(c(!0), E(fe, null, be(m.items, (p) => (c(), E("li", { key: p }, [
|
|
3221
|
-
(c(), W(
|
|
3220
|
+
(c(), W(qe(o(p)), null, {
|
|
3222
3221
|
default: V(() => [
|
|
3223
3222
|
re(q(p), 1)
|
|
3224
3223
|
]),
|
|
@@ -3237,11 +3236,11 @@ const da = /* @__PURE__ */ oe(oa, [["render", ra]]), ua = ["aria-label"], ca = {
|
|
|
3237
3236
|
}, 16)) : (c(), E(fe, { key: 1 }, [
|
|
3238
3237
|
re(q(m.items[0]), 1)
|
|
3239
3238
|
], 64)),
|
|
3240
|
-
t.value && a.value ? (c(), W(
|
|
3239
|
+
t.value && a.value ? (c(), W(n(Ll), {
|
|
3241
3240
|
key: 2,
|
|
3242
3241
|
content: a.value,
|
|
3243
3242
|
"disabled-focus-trap": !0,
|
|
3244
|
-
position:
|
|
3243
|
+
position: n(Ol).RIGHT,
|
|
3245
3244
|
"fallback-position": ["left", "bottom"],
|
|
3246
3245
|
"is-shown": !!a.value,
|
|
3247
3246
|
"target-element": t.value
|
|
@@ -3274,7 +3273,7 @@ const wa = {
|
|
|
3274
3273
|
this.uuid = fn.toString(), fn += 1;
|
|
3275
3274
|
}
|
|
3276
3275
|
}, Sa = { key: 0 };
|
|
3277
|
-
function _a(e, s, i, t, r,
|
|
3276
|
+
function _a(e, s, i, t, r, l) {
|
|
3278
3277
|
return c(), E("svg", ee({ role: "img" }, e.$attrs, {
|
|
3279
3278
|
class: "ui-assets-icons-16",
|
|
3280
3279
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -3296,7 +3295,7 @@ const Aa = {
|
|
|
3296
3295
|
this.uuid = mn.toString(), mn += 1;
|
|
3297
3296
|
}
|
|
3298
3297
|
}, Ea = { key: 0 };
|
|
3299
|
-
function ya(e, s, i, t, r,
|
|
3298
|
+
function ya(e, s, i, t, r, l) {
|
|
3300
3299
|
return c(), E("svg", ee({ role: "img" }, e.$attrs, {
|
|
3301
3300
|
class: "ui-assets-icons-16",
|
|
3302
3301
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -3333,9 +3332,9 @@ const La = /* @__PURE__ */ oe(Aa, [["render", ya]]), Dn = {
|
|
|
3333
3332
|
value: {}
|
|
3334
3333
|
},
|
|
3335
3334
|
setup(e) {
|
|
3336
|
-
const { t: s, locale: i } =
|
|
3335
|
+
const { t: s, locale: i } = ze({ messages: Dn }), t = e, r = v(() => ({
|
|
3337
3336
|
[`b-data-grid-trend-cell--${t.variant}`]: t.variant !== "black"
|
|
3338
|
-
})),
|
|
3337
|
+
})), l = v(() => {
|
|
3339
3338
|
switch (t.direction) {
|
|
3340
3339
|
case "up":
|
|
3341
3340
|
return s("increase");
|
|
@@ -3366,11 +3365,11 @@ const La = /* @__PURE__ */ oe(Aa, [["render", ya]]), Dn = {
|
|
|
3366
3365
|
return (a, m) => (c(), E("div", {
|
|
3367
3366
|
class: ae(["b-data-grid-trend-cell", r.value])
|
|
3368
3367
|
}, [
|
|
3369
|
-
o.value ? (c(), W(
|
|
3368
|
+
o.value ? (c(), W(qe(o.value), {
|
|
3370
3369
|
key: 0,
|
|
3371
|
-
"svg-title":
|
|
3370
|
+
"svg-title": l.value
|
|
3372
3371
|
}, null, 8, ["svg-title"])) : F("", !0),
|
|
3373
|
-
j(
|
|
3372
|
+
j(n(Ge), { el: "span" }, {
|
|
3374
3373
|
default: V(() => [
|
|
3375
3374
|
re(q(f.value), 1)
|
|
3376
3375
|
]),
|
|
@@ -3390,8 +3389,8 @@ const La = /* @__PURE__ */ oe(Aa, [["render", ya]]), Dn = {
|
|
|
3390
3389
|
}), I && (R.push({
|
|
3391
3390
|
field: It,
|
|
3392
3391
|
index: m,
|
|
3393
|
-
el: a.rowActionsRef
|
|
3394
|
-
}), p = Math.max(p, a.rowActionsRef?.
|
|
3392
|
+
el: a.rowActionsRef
|
|
3393
|
+
}), p = Math.max(p, a.rowActionsRef?.offsetWidth ?? 0));
|
|
3395
3394
|
let A = 1;
|
|
3396
3395
|
if (a.isNestedContentShown && a.nestedRowRefs?.length > 0)
|
|
3397
3396
|
for (let g = 0; g < a.nestedRowRefs.length; g++) {
|
|
@@ -3403,11 +3402,11 @@ const La = /* @__PURE__ */ oe(Aa, [["render", ya]]), Dn = {
|
|
|
3403
3402
|
}
|
|
3404
3403
|
return { count: A, entries: R, maxWidth: p };
|
|
3405
3404
|
};
|
|
3406
|
-
let
|
|
3405
|
+
let l = !1;
|
|
3407
3406
|
const o = (a, m) => {
|
|
3408
|
-
a !== null && (t.value[m] = a,
|
|
3407
|
+
a !== null && (t.value[m] = a, l || f());
|
|
3409
3408
|
}, f = () => {
|
|
3410
|
-
|
|
3409
|
+
l = !0;
|
|
3411
3410
|
const a = {};
|
|
3412
3411
|
let m = 0, R = 0;
|
|
3413
3412
|
for (let p = 0; p < t.value.length; p++) {
|
|
@@ -3419,7 +3418,7 @@ const La = /* @__PURE__ */ oe(Aa, [["render", ya]]), Dn = {
|
|
|
3419
3418
|
}), m = Math.max(m, A.maxWidth), R += A.count;
|
|
3420
3419
|
}
|
|
3421
3420
|
}
|
|
3422
|
-
e.value = a, s.value = m,
|
|
3421
|
+
e.value = a, s.value = m, l = !1;
|
|
3423
3422
|
};
|
|
3424
3423
|
return {
|
|
3425
3424
|
topLevelRowComponents: t,
|
|
@@ -3783,7 +3782,7 @@ const La = /* @__PURE__ */ oe(Aa, [["render", ya]]), Dn = {
|
|
|
3783
3782
|
N.CELL_FOCUS
|
|
3784
3783
|
],
|
|
3785
3784
|
setup(e, { expose: s, emit: i }) {
|
|
3786
|
-
const t = e, r = yt(),
|
|
3785
|
+
const t = e, r = yt(), l = Lt(r), o = S(null), f = S(), a = S({}), m = S(ut("data-grid")), R = S(null), p = S(null), I = S(null), A = S(null), g = S(null), L = S(null), {
|
|
3787
3786
|
allowColumnDragAndDrop: _,
|
|
3788
3787
|
columns: D,
|
|
3789
3788
|
columnPanel: y,
|
|
@@ -3799,7 +3798,7 @@ const La = /* @__PURE__ */ oe(Aa, [["render", ya]]), Dn = {
|
|
|
3799
3798
|
outline: J,
|
|
3800
3799
|
pagination: K,
|
|
3801
3800
|
zebraRows: X
|
|
3802
|
-
} = Et(t), Y = S(-1), { t:
|
|
3801
|
+
} = Et(t), Y = S(-1), { t: ce } = ze({ messages: vt }), Ae = v(() => x.value.filter((U) => U.frozen).length), xe = 550, Pe = S(), { width: $e } = Ul(Pe), ke = v(() => $e.value <= xe);
|
|
3803
3802
|
it(Qe, ke);
|
|
3804
3803
|
const { isTouchDevice: Ue } = zl();
|
|
3805
3804
|
it(mt, Ue);
|
|
@@ -3813,14 +3812,14 @@ const La = /* @__PURE__ */ oe(Aa, [["render", ya]]), Dn = {
|
|
|
3813
3812
|
tabsRef: S(null)
|
|
3814
3813
|
})
|
|
3815
3814
|
), { additionalContentSlotRef: Ie, isDataGridTemplate: k, stickyTabs: te, tabsRef: se, stickyAdditionalContent: h } = Be(), {
|
|
3816
|
-
columnDefs:
|
|
3815
|
+
columnDefs: x,
|
|
3817
3816
|
onColumnWidthOverride: $,
|
|
3818
3817
|
gridRowWidthStyle: pe,
|
|
3819
3818
|
isMeasuringColumnWidths: me,
|
|
3820
3819
|
isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: ht,
|
|
3821
3820
|
columns: et,
|
|
3822
|
-
totalWidthOfAllColumns:
|
|
3823
|
-
rowActionsMaxWidth:
|
|
3821
|
+
totalWidthOfAllColumns: Ye,
|
|
3822
|
+
rowActionsMaxWidth: He
|
|
3824
3823
|
} = fo(D, z, o, a, R, {
|
|
3825
3824
|
hasColumnPanel: y,
|
|
3826
3825
|
hasSelectableColumn: b,
|
|
@@ -3831,19 +3830,19 @@ const La = /* @__PURE__ */ oe(Aa, [["render", ya]]), Dn = {
|
|
|
3831
3830
|
isDataGridTemplate: k
|
|
3832
3831
|
}), tt = v(() => t.rowActions !== void 0), { registerRowCellRefs: w, rebuildGridcellRefs: T } = Ia(
|
|
3833
3832
|
R,
|
|
3834
|
-
|
|
3833
|
+
He,
|
|
3835
3834
|
tt
|
|
3836
|
-
), ie = i,
|
|
3835
|
+
), ie = i, H = (U, ...G) => {
|
|
3837
3836
|
(U === N.COLUMNS || U === N.UPDATE_COLUMNS) && ([et.value] = G), ie(U, ...G);
|
|
3838
|
-
},
|
|
3837
|
+
}, ge = Yt(
|
|
3839
3838
|
se,
|
|
3840
3839
|
te,
|
|
3841
3840
|
h,
|
|
3842
3841
|
Ie
|
|
3843
|
-
),
|
|
3844
|
-
() => t.stickyFilters ? `${
|
|
3842
|
+
), Ze = v(
|
|
3843
|
+
() => t.stickyFilters ? `${ge.value}px` : null
|
|
3845
3844
|
), We = Yt(p, wt(t, "stickyFilters")), nt = v(
|
|
3846
|
-
() => `${We.value +
|
|
3845
|
+
() => `${We.value + ge.value}px`
|
|
3847
3846
|
), {
|
|
3848
3847
|
sortedColumns: _e,
|
|
3849
3848
|
columnSets: Ve,
|
|
@@ -3853,12 +3852,12 @@ const La = /* @__PURE__ */ oe(Aa, [["render", ya]]), Dn = {
|
|
|
3853
3852
|
onConfigSettingsColumnUpdate: zn,
|
|
3854
3853
|
onConfigSettingsCondensedUpdate: Fn,
|
|
3855
3854
|
onConfigSettingsZebraRowsUpdate: Pn
|
|
3856
|
-
} = wo(
|
|
3855
|
+
} = wo(x, X, H), { hoveredOverColumn: $n, hoveredOverColumnState: Nt } = _o(
|
|
3857
3856
|
Ve,
|
|
3858
3857
|
b,
|
|
3859
3858
|
J,
|
|
3860
3859
|
ht
|
|
3861
|
-
), { draggingColumns: Dt, draggingEventsForColumns: kn, draggingEventsForRowCell: Un, onMoveColumnByOffset: Bn } = bo(_e, _,
|
|
3860
|
+
), { draggingColumns: Dt, draggingEventsForColumns: kn, draggingEventsForRowCell: Un, onMoveColumnByOffset: Bn } = bo(_e, _, H), Mt = v(
|
|
3862
3861
|
() => t.data?.length > 0 && !!t.selectableAcrossPages && !!t.pagination && t.pagination.totalCount > 0
|
|
3863
3862
|
), {
|
|
3864
3863
|
onAllRowSelect: Wn,
|
|
@@ -3870,7 +3869,7 @@ const La = /* @__PURE__ */ oe(Aa, [["render", ya]]), Dn = {
|
|
|
3870
3869
|
selectionState: Hn
|
|
3871
3870
|
} = mo(
|
|
3872
3871
|
P,
|
|
3873
|
-
|
|
3872
|
+
H,
|
|
3874
3873
|
z,
|
|
3875
3874
|
t.getDataItemId,
|
|
3876
3875
|
t.isDataItemDisabled,
|
|
@@ -3886,12 +3885,12 @@ const La = /* @__PURE__ */ oe(Aa, [["render", ya]]), Dn = {
|
|
|
3886
3885
|
b,
|
|
3887
3886
|
tt,
|
|
3888
3887
|
y
|
|
3889
|
-
), { isLazyLoad:
|
|
3888
|
+
), { isLazyLoad: je, isInfiniteScroll: jn, verticalScrollPosition: qn, emitLazyLoadEvent: Kn } = po(
|
|
3890
3889
|
C,
|
|
3891
3890
|
g,
|
|
3892
3891
|
o,
|
|
3893
3892
|
M,
|
|
3894
|
-
|
|
3893
|
+
H
|
|
3895
3894
|
), {
|
|
3896
3895
|
updateScrollPosition: ot,
|
|
3897
3896
|
updateScrollPositionOnFrozenColumnsNavigation: Yn,
|
|
@@ -3905,9 +3904,9 @@ const La = /* @__PURE__ */ oe(Aa, [["render", ya]]), Dn = {
|
|
|
3905
3904
|
qn,
|
|
3906
3905
|
L,
|
|
3907
3906
|
A,
|
|
3908
|
-
|
|
3907
|
+
Ye,
|
|
3909
3908
|
{
|
|
3910
|
-
isLazyLoad:
|
|
3909
|
+
isLazyLoad: je,
|
|
3911
3910
|
pagination: K,
|
|
3912
3911
|
stickyPagination: Z,
|
|
3913
3912
|
isDataGridTemplate: k
|
|
@@ -3919,14 +3918,14 @@ const La = /* @__PURE__ */ oe(Aa, [["render", ya]]), Dn = {
|
|
|
3919
3918
|
variant: t.emptyState?.variant === "embedded" || t.emptyState?.variant === "basic" ? t.emptyState.variant : "basic"
|
|
3920
3919
|
})), el = v(() => ({
|
|
3921
3920
|
[`b-data-grid--${ye.OUTLINE}`]: t.outline,
|
|
3922
|
-
[`b-data-grid--${ye.SCROLL}`]: t.fitContent ||
|
|
3921
|
+
[`b-data-grid--${ye.SCROLL}`]: t.fitContent || je.value,
|
|
3923
3922
|
[`b-data-grid--${ye.STICKY_FILTERS}`]: t.filters && t.stickyFilters,
|
|
3924
3923
|
[`b-data-grid--${ye.OVERFLOW_SHADOW_LEFT}`]: st.value && !Ae.value,
|
|
3925
3924
|
[`b-data-grid--${ye.OVERFLOW_SHADOW_RIGHT}`]: Pt.value && t.rowActions === void 0,
|
|
3926
3925
|
[`b-data-grid--${ye.NO_SPACING_TOP}`]: t.noSpacingTop,
|
|
3927
3926
|
[`b-data-grid--${ye.FIT_CONTENT}`]: t.fitContent,
|
|
3928
3927
|
[`b-data-grid--${ye.ZEBRA_ROWS}`]: pt.value,
|
|
3929
|
-
"b-data-grid--lazy-load":
|
|
3928
|
+
"b-data-grid--lazy-load": je.value
|
|
3930
3929
|
})), tl = v(() => ({
|
|
3931
3930
|
"b-data-grid__body--sticky-horizontal-scrollbar": t.stickyHorizontalScrollbar
|
|
3932
3931
|
})), nl = v(() => Ve.value.findIndex((U) => U.columnSet.length)), $t = v(() => !((t.selectable || t.hasNestedContent || t.hasNestedRows) && Ae.value === 1) || st.value), ll = v(() => ({
|
|
@@ -3941,25 +3940,25 @@ const La = /* @__PURE__ */ oe(Aa, [["render", ya]]), Dn = {
|
|
|
3941
3940
|
a.value[Q] = Ne;
|
|
3942
3941
|
});
|
|
3943
3942
|
}, al = (U, G) => {
|
|
3944
|
-
t.allowRowClicks &&
|
|
3943
|
+
t.allowRowClicks && H(N.ROW_CLICK, U, G);
|
|
3945
3944
|
}, il = (U) => {
|
|
3946
|
-
|
|
3945
|
+
H(N.NESTED_CONTENT_TOGGLED, U), de(() => T());
|
|
3947
3946
|
}, rl = (U) => {
|
|
3948
3947
|
Y.value = U;
|
|
3949
|
-
}, dl = v(() => t.hasNestedContent || t.hasNestedRows ? "treegrid" : "grid"), kt = v(() => bt.value?.length ?? 0), ul = v(() => t.bulkActions && kt.value > 0), cl = (U) =>
|
|
3950
|
-
|
|
3948
|
+
}, dl = v(() => t.hasNestedContent || t.hasNestedRows ? "treegrid" : "grid"), kt = v(() => bt.value?.length ?? 0), ul = v(() => t.bulkActions && kt.value > 0), cl = (U) => H(N.COLUMN_RESIZE, U), gl = (U) => {
|
|
3949
|
+
H(N.UPDATE_SORT_BY, U), H(N.SORT, U);
|
|
3951
3950
|
}, fl = (U, G) => {
|
|
3952
|
-
|
|
3951
|
+
H(N.NAVIGATE, U), H(N.UPDATE_PAGINATION, {
|
|
3953
3952
|
...t.pagination,
|
|
3954
3953
|
size: G,
|
|
3955
3954
|
page: U
|
|
3956
3955
|
});
|
|
3957
3956
|
}, ml = (U) => {
|
|
3958
|
-
|
|
3957
|
+
H(N.ITEMS_PAGE, U);
|
|
3959
3958
|
}, vl = () => {
|
|
3960
|
-
|
|
3959
|
+
H(N.FILTER_SEARCH_CLEAR);
|
|
3961
3960
|
}, hl = (U) => {
|
|
3962
|
-
|
|
3961
|
+
H(N.UPDATE_FILTER_SEARCH_TERM, U), H(N.FILTER_SEARCH_INPUT, U);
|
|
3963
3962
|
};
|
|
3964
3963
|
return v(() => D.value.some((U) => U.mandatory)).value || pn(
|
|
3965
3964
|
"WARNING: At least one BentoDataGrid column should be set as mandatory to ensure data is always displayed correctly."
|
|
@@ -3969,18 +3968,18 @@ const La = /* @__PURE__ */ oe(Aa, [["render", ya]]), Dn = {
|
|
|
3969
3968
|
class: ae(["b-data-grid", el.value]),
|
|
3970
3969
|
"data-testid": "data-grid",
|
|
3971
3970
|
"aria-live": "polite",
|
|
3972
|
-
"aria-busy":
|
|
3971
|
+
"aria-busy": n(M),
|
|
3973
3972
|
onCopy: G[14] || (G[14] = //@ts-ignore
|
|
3974
|
-
(...Q) =>
|
|
3973
|
+
(...Q) => n(Qt) && n(Qt)(...Q))
|
|
3975
3974
|
}, [
|
|
3976
3975
|
e.filters ? (c(), E("div", {
|
|
3977
3976
|
key: 0,
|
|
3978
3977
|
ref_key: "filtersRef",
|
|
3979
3978
|
ref: p,
|
|
3980
3979
|
class: ae(["b-data-grid__filters", ll.value]),
|
|
3981
|
-
style: Le({ top:
|
|
3980
|
+
style: Le({ top: Ze.value }),
|
|
3982
3981
|
"aria-controls": m.value,
|
|
3983
|
-
"aria-label":
|
|
3982
|
+
"aria-label": n(ce)("filterBar"),
|
|
3984
3983
|
role: "region"
|
|
3985
3984
|
}, [
|
|
3986
3985
|
e.filters ? (c(), W(Fl, {
|
|
@@ -3995,9 +3994,9 @@ const La = /* @__PURE__ */ oe(Aa, [["render", ya]]), Dn = {
|
|
|
3995
3994
|
"search-term": e.filterSearchTerm,
|
|
3996
3995
|
onSearchInput: hl,
|
|
3997
3996
|
onSearchClear: vl,
|
|
3998
|
-
onInput: G[0] || (G[0] = (Q) => U.$emit(
|
|
3999
|
-
"onUpdate:filterValues": G[1] || (G[1] = (Q) => U.$emit(
|
|
4000
|
-
"onUpdate:filterValuesObject": G[2] || (G[2] = (Q) => U.$emit(
|
|
3997
|
+
onInput: G[0] || (G[0] = (Q) => U.$emit(n(N).UPDATE_FILTERS, Q)),
|
|
3998
|
+
"onUpdate:filterValues": G[1] || (G[1] = (Q) => U.$emit(n(N).UPDATE_FILTER_VALUES, Q)),
|
|
3999
|
+
"onUpdate:filterValuesObject": G[2] || (G[2] = (Q) => U.$emit(n(N).UPDATE_FILTER_VALUES_OBJECT, Q))
|
|
4001
4000
|
}, null, 8, ["config", "container-size-layout", "filter-values", "filter-values-object", "search", "search-term"])) : F("", !0)
|
|
4002
4001
|
], 14, Da)) : F("", !0),
|
|
4003
4002
|
U.$slots.header ? (c(), E("div", Ma, [
|
|
@@ -4006,9 +4005,9 @@ const La = /* @__PURE__ */ oe(Aa, [["render", ya]]), Dn = {
|
|
|
4006
4005
|
O("div", {
|
|
4007
4006
|
id: m.value,
|
|
4008
4007
|
role: dl.value,
|
|
4009
|
-
"aria-rowcount":
|
|
4010
|
-
"aria-colcount":
|
|
4011
|
-
"aria-label": e.emptyState ?
|
|
4008
|
+
"aria-rowcount": n(z).length,
|
|
4009
|
+
"aria-colcount": n(D).length,
|
|
4010
|
+
"aria-label": e.emptyState ? n(ce)("noResults") : null,
|
|
4012
4011
|
class: "b-data-grid__wrapper",
|
|
4013
4012
|
style: Le({ top: nt.value })
|
|
4014
4013
|
}, [
|
|
@@ -4022,67 +4021,67 @@ const La = /* @__PURE__ */ oe(Aa, [["render", ya]]), Dn = {
|
|
|
4022
4021
|
role: "rowgroup",
|
|
4023
4022
|
class: "b-data-grid__columns-row",
|
|
4024
4023
|
onScroll: G[7] || (G[7] = //@ts-ignore
|
|
4025
|
-
(...Q) =>
|
|
4024
|
+
(...Q) => n(ot) && n(ot)(...Q)),
|
|
4026
4025
|
onKeydown: G[8] || (G[8] = //@ts-ignore
|
|
4027
|
-
(...Q) =>
|
|
4026
|
+
(...Q) => n(lt) && n(lt)(...Q))
|
|
4028
4027
|
}, [
|
|
4029
|
-
|
|
4030
|
-
j(
|
|
4028
|
+
n(y) ? (c(), E("div", Fa, [
|
|
4029
|
+
j(n(Ns), {
|
|
4031
4030
|
class: "b-data-grid__config-settings",
|
|
4032
4031
|
role: "gridcell",
|
|
4033
|
-
columns:
|
|
4032
|
+
columns: n(et),
|
|
4034
4033
|
condensed: e.condensed,
|
|
4035
|
-
"zebra-rows":
|
|
4036
|
-
"onUpdate:condensed":
|
|
4037
|
-
"onUpdate:zebraRows":
|
|
4038
|
-
"onUpdate:columns":
|
|
4034
|
+
"zebra-rows": n(pt),
|
|
4035
|
+
"onUpdate:condensed": n(Fn),
|
|
4036
|
+
"onUpdate:zebraRows": n(Pn),
|
|
4037
|
+
"onUpdate:columns": n(Mn)
|
|
4039
4038
|
}, null, 8, ["columns", "condensed", "zebra-rows", "onUpdate:condensed", "onUpdate:zebraRows", "onUpdate:columns"])
|
|
4040
4039
|
])) : F("", !0),
|
|
4041
4040
|
O("div", {
|
|
4042
|
-
style: Le(
|
|
4041
|
+
style: Le(n(pe)),
|
|
4043
4042
|
class: "b-data-grid__columns",
|
|
4044
4043
|
role: "row"
|
|
4045
4044
|
}, [
|
|
4046
|
-
(c(!0), E(fe, null, be(
|
|
4047
|
-
Q?.length ? (c(), W(
|
|
4045
|
+
(c(!0), E(fe, null, be(n(Ve), ({ columnSet: Q, id: Ne, isFrozenColumns: De }, at) => (c(), E(fe, null, [
|
|
4046
|
+
Q?.length || !De && n(He) ? (c(), W(n(is), ee({
|
|
4048
4047
|
key: `data-grid-columns-${Ne}`,
|
|
4049
4048
|
ref_for: !0,
|
|
4050
|
-
ref: (
|
|
4049
|
+
ref: (Me) => sl(Me),
|
|
4051
4050
|
columns: Q,
|
|
4052
4051
|
"has-resizable-columns": e.hasResizableColumns,
|
|
4053
4052
|
"sort-by": e.sortBy,
|
|
4054
|
-
"all-items-selected-state":
|
|
4055
|
-
"is-frozen-columns":
|
|
4053
|
+
"all-items-selected-state": n(xn),
|
|
4054
|
+
"is-frozen-columns": De,
|
|
4056
4055
|
"show-frozen-columns-separator": $t.value,
|
|
4057
|
-
"dragging-columns":
|
|
4058
|
-
"has-draggable-columns":
|
|
4059
|
-
"has-column-panel":
|
|
4060
|
-
"has-left-overflow":
|
|
4056
|
+
"dragging-columns": n(Dt),
|
|
4057
|
+
"has-draggable-columns": n(_),
|
|
4058
|
+
"has-column-panel": n(y),
|
|
4059
|
+
"has-left-overflow": n(st),
|
|
4061
4060
|
"has-first-column-panel-right-aligned": at === nl.value,
|
|
4062
|
-
"hovered-over-column-state":
|
|
4063
|
-
"is-measuring-column-widths":
|
|
4064
|
-
"is-only-one-visible-column":
|
|
4065
|
-
selectable:
|
|
4061
|
+
"hovered-over-column-state": n(Nt),
|
|
4062
|
+
"is-measuring-column-widths": n(me),
|
|
4063
|
+
"is-only-one-visible-column": n(Ct),
|
|
4064
|
+
selectable: n(z)?.length > 0 && n(b),
|
|
4066
4065
|
"selectable-across-pages": Mt.value,
|
|
4067
|
-
"selected-items":
|
|
4066
|
+
"selected-items": n(bt),
|
|
4068
4067
|
"visible-rows-state": Zn.value,
|
|
4069
|
-
"selection-state":
|
|
4068
|
+
"selection-state": n(Hn),
|
|
4070
4069
|
"truncate-column-headers": e.truncateColumnHeaders,
|
|
4071
|
-
"row-actions-maximum-width":
|
|
4072
|
-
}, ft(
|
|
4073
|
-
onColumnHover: G[3] || (G[3] = (
|
|
4074
|
-
onColumnMove:
|
|
4075
|
-
onColumnUpdate:
|
|
4070
|
+
"row-actions-maximum-width": n(He)
|
|
4071
|
+
}, ft(n(kn)), {
|
|
4072
|
+
onColumnHover: G[3] || (G[3] = (Me) => $n.value = Me),
|
|
4073
|
+
onColumnMove: n(Bn),
|
|
4074
|
+
onColumnUpdate: n(zn),
|
|
4076
4075
|
onColumnResize: cl,
|
|
4077
|
-
onColumnResizing:
|
|
4078
|
-
onSelectAllRows:
|
|
4079
|
-
onSelectAllAcrossPages: G[4] || (G[4] = (
|
|
4080
|
-
onSelectAllCurrentResults: G[5] || (G[5] = (
|
|
4081
|
-
onDeselectAllCurrentResults: G[6] || (G[6] = (
|
|
4082
|
-
onDeselectAll:
|
|
4076
|
+
onColumnResizing: n($),
|
|
4077
|
+
onSelectAllRows: n(Wn),
|
|
4078
|
+
onSelectAllAcrossPages: G[4] || (G[4] = (Me) => H(n(N).SELECT_ALL_ACROSS_PAGES)),
|
|
4079
|
+
onSelectAllCurrentResults: G[5] || (G[5] = (Me) => H(n(N).SELECT_ALL_CURRENT_RESULTS)),
|
|
4080
|
+
onDeselectAllCurrentResults: G[6] || (G[6] = (Me) => H(n(N).DESELECT_ALL_CURRENT_RESULTS)),
|
|
4081
|
+
onDeselectAll: n(zt),
|
|
4083
4082
|
onSort: gl
|
|
4084
|
-
}),
|
|
4085
|
-
be(
|
|
4083
|
+
}), Ke({ _: 2 }, [
|
|
4084
|
+
be(n(r), (Me, Ut) => ({
|
|
4086
4085
|
name: Ut,
|
|
4087
4086
|
fn: V((Cl) => [
|
|
4088
4087
|
Oe(U.$slots, Ut, ee({ ref_for: !0 }, Cl), void 0, !0)
|
|
@@ -4099,19 +4098,19 @@ const La = /* @__PURE__ */ oe(Aa, [["render", ya]]), Dn = {
|
|
|
4099
4098
|
"data-testid": "data-grid-body",
|
|
4100
4099
|
class: ae(["b-data-grid__body", tl.value]),
|
|
4101
4100
|
onScroll: G[12] || (G[12] = //@ts-ignore
|
|
4102
|
-
(...Q) =>
|
|
4101
|
+
(...Q) => n(ot) && n(ot)(...Q))
|
|
4103
4102
|
}, [
|
|
4104
|
-
|
|
4105
|
-
j(
|
|
4103
|
+
n(M) && !n(je) ? (c(), E("div", Pa, [
|
|
4104
|
+
j(n(dt), {
|
|
4106
4105
|
class: "b-data-grid__loading-indicator",
|
|
4107
4106
|
large: ""
|
|
4108
4107
|
}),
|
|
4109
|
-
j(
|
|
4108
|
+
j(n(Ge), {
|
|
4110
4109
|
el: "span",
|
|
4111
4110
|
variant: "caption"
|
|
4112
4111
|
}, {
|
|
4113
4112
|
default: V(() => [
|
|
4114
|
-
re(q(
|
|
4113
|
+
re(q(n(ce)("gettingYourData")), 1)
|
|
4115
4114
|
]),
|
|
4116
4115
|
_: 1
|
|
4117
4116
|
})
|
|
@@ -4119,71 +4118,71 @@ const La = /* @__PURE__ */ oe(Aa, [["render", ya]]), Dn = {
|
|
|
4119
4118
|
key: 1,
|
|
4120
4119
|
role: "rowgroup",
|
|
4121
4120
|
onKeydown: G[11] || (G[11] = //@ts-ignore
|
|
4122
|
-
(...Q) =>
|
|
4121
|
+
(...Q) => n(lt) && n(lt)(...Q))
|
|
4123
4122
|
}, [
|
|
4124
|
-
|
|
4123
|
+
n(z)?.length === 0 && e.emptyState ? (c(), E("div", $a, [
|
|
4125
4124
|
O("div", {
|
|
4126
4125
|
role: "gridcell",
|
|
4127
|
-
"aria-colspan":
|
|
4126
|
+
"aria-colspan": n(D).length,
|
|
4128
4127
|
tabindex: "-1"
|
|
4129
4128
|
}, [
|
|
4130
|
-
j(
|
|
4129
|
+
j(n(Pl), ee({ class: "b-data-grid__empty-state" }, Qn.value), null, 16)
|
|
4131
4130
|
], 8, ka)
|
|
4132
|
-
])) : (c(!0), E(fe, { key: 1 }, be(
|
|
4131
|
+
])) : (c(!0), E(fe, { key: 1 }, be(n(z), (Q, Ne) => (c(), W(n(In), {
|
|
4133
4132
|
key: Ne,
|
|
4134
4133
|
ref_for: !0,
|
|
4135
|
-
ref: (
|
|
4136
|
-
style: Le(
|
|
4134
|
+
ref: (De) => n(w)(De, Ne),
|
|
4135
|
+
style: Le(n(pe)),
|
|
4137
4136
|
"allow-row-clicks": e.allowRowClicks,
|
|
4138
|
-
"column-sets":
|
|
4137
|
+
"column-sets": n(Ve),
|
|
4139
4138
|
condensed: e.condensed,
|
|
4140
|
-
"dragging-columns":
|
|
4141
|
-
"dragging-events-for-row-cell":
|
|
4139
|
+
"dragging-columns": n(Dt),
|
|
4140
|
+
"dragging-events-for-row-cell": n(Un),
|
|
4142
4141
|
"get-data-item-id": e.getDataItemId,
|
|
4143
|
-
"has-nested-content":
|
|
4144
|
-
"has-nested-rows":
|
|
4145
|
-
"has-left-overflow":
|
|
4146
|
-
"has-right-overflow":
|
|
4142
|
+
"has-nested-content": n(u),
|
|
4143
|
+
"has-nested-rows": n(d),
|
|
4144
|
+
"has-left-overflow": n(st),
|
|
4145
|
+
"has-right-overflow": n(Pt),
|
|
4147
4146
|
"highlighted-rows": e.highlightedRows,
|
|
4148
4147
|
"hovered-row-index": Y.value,
|
|
4149
|
-
"hovered-over-column-state":
|
|
4148
|
+
"hovered-over-column-state": n(Nt),
|
|
4150
4149
|
"is-data-item-disabled": e.isDataItemDisabled,
|
|
4151
|
-
"is-row-even":
|
|
4152
|
-
"is-row-last-child": Ne + 1 ===
|
|
4153
|
-
"is-measuring-column-widths":
|
|
4154
|
-
"row-actions-maximum-width":
|
|
4150
|
+
"is-row-even": n(pt) ? Ne % 2 !== 0 : !1,
|
|
4151
|
+
"is-row-last-child": Ne + 1 === n(z)?.length,
|
|
4152
|
+
"is-measuring-column-widths": n(me),
|
|
4153
|
+
"row-actions-maximum-width": n(He),
|
|
4155
4154
|
"row-actions": e.rowActions,
|
|
4156
4155
|
"row-data": Q,
|
|
4157
4156
|
"row-index": Ne,
|
|
4158
|
-
"row-set-size":
|
|
4157
|
+
"row-set-size": n(z)?.length,
|
|
4159
4158
|
"show-frozen-columns-separator": $t.value,
|
|
4160
4159
|
"should-show-nested-content": e.shouldShowNestedContent,
|
|
4161
4160
|
"should-show-nested-rows": e.shouldShowNestedRows,
|
|
4162
|
-
selectable:
|
|
4163
|
-
"selected-items":
|
|
4161
|
+
selectable: n(b),
|
|
4162
|
+
"selected-items": n(bt),
|
|
4164
4163
|
onCellHovered: rl,
|
|
4165
|
-
onCellFocus: G[9] || (G[9] = (
|
|
4166
|
-
onNestedContentToggled: G[10] || (G[10] = (
|
|
4164
|
+
onCellFocus: G[9] || (G[9] = (De) => H(n(N).CELL_FOCUS, De)),
|
|
4165
|
+
onNestedContentToggled: G[10] || (G[10] = (De) => il(De)),
|
|
4167
4166
|
onRowClick: al,
|
|
4168
|
-
onOnFrozenColumnsKeyPress:
|
|
4169
|
-
onSelectRow:
|
|
4170
|
-
onSelectNestedRow:
|
|
4171
|
-
},
|
|
4172
|
-
be(
|
|
4167
|
+
onOnFrozenColumnsKeyPress: n(Yn),
|
|
4168
|
+
onSelectRow: n(Vn),
|
|
4169
|
+
onSelectNestedRow: n(Gn)
|
|
4170
|
+
}, Ke({ _: 2 }, [
|
|
4171
|
+
be(n(r), (De, at) => ({
|
|
4173
4172
|
name: at,
|
|
4174
|
-
fn: V((
|
|
4175
|
-
Oe(U.$slots, at, ee({ ref_for: !0 },
|
|
4173
|
+
fn: V((Me) => [
|
|
4174
|
+
Oe(U.$slots, at, ee({ ref_for: !0 }, Me), void 0, !0)
|
|
4176
4175
|
])
|
|
4177
4176
|
}))
|
|
4178
4177
|
]), 1032, ["style", "allow-row-clicks", "column-sets", "condensed", "dragging-columns", "dragging-events-for-row-cell", "get-data-item-id", "has-nested-content", "has-nested-rows", "has-left-overflow", "has-right-overflow", "highlighted-rows", "hovered-row-index", "hovered-over-column-state", "is-data-item-disabled", "is-row-even", "is-row-last-child", "is-measuring-column-widths", "row-actions-maximum-width", "row-actions", "row-data", "row-index", "row-set-size", "show-frozen-columns-separator", "should-show-nested-content", "should-show-nested-rows", "selectable", "selected-items", "onOnFrozenColumnsKeyPress", "onSelectRow", "onSelectNestedRow"]))), 128))
|
|
4179
4178
|
], 32))
|
|
4180
4179
|
], 34)
|
|
4181
4180
|
], 12, za),
|
|
4182
|
-
|
|
4181
|
+
n(je) ? (c(), W(n(Fs), {
|
|
4183
4182
|
key: 2,
|
|
4184
|
-
loading:
|
|
4185
|
-
"is-infinite-scroll":
|
|
4186
|
-
"onUpdate:showMore":
|
|
4183
|
+
loading: n(M),
|
|
4184
|
+
"is-infinite-scroll": n(jn),
|
|
4185
|
+
"onUpdate:showMore": n(Kn)
|
|
4187
4186
|
}, null, 8, ["loading", "is-infinite-scroll", "onUpdate:showMore"])) : F("", !0),
|
|
4188
4187
|
e.stickyHorizontalScrollbar ? (c(), E("div", {
|
|
4189
4188
|
key: 3,
|
|
@@ -4192,29 +4191,29 @@ const La = /* @__PURE__ */ oe(Aa, [["render", ya]]), Dn = {
|
|
|
4192
4191
|
class: "b-data-grid__horizontal-scrollbar",
|
|
4193
4192
|
"aria-hidden": "true",
|
|
4194
4193
|
"data-testid": "sticky-horizontal-scrollbar",
|
|
4195
|
-
style: Le(
|
|
4194
|
+
style: Le(n(Xn)),
|
|
4196
4195
|
onScroll: G[13] || (G[13] = //@ts-ignore
|
|
4197
|
-
(...Q) =>
|
|
4196
|
+
(...Q) => n(Ft) && n(Ft)(...Q))
|
|
4198
4197
|
}, [
|
|
4199
4198
|
O("div", {
|
|
4200
|
-
style: Le({ width: `${
|
|
4199
|
+
style: Le({ width: `${n(Ye)}px`, height: "15px" })
|
|
4201
4200
|
}, null, 4)
|
|
4202
4201
|
], 36)) : F("", !0),
|
|
4203
|
-
|
|
4202
|
+
n(K) && !n(je) ? (c(), E("div", {
|
|
4204
4203
|
key: 4,
|
|
4205
4204
|
ref_key: "paginationContainerRef",
|
|
4206
4205
|
ref: A,
|
|
4207
4206
|
"data-testid": "pagination-container",
|
|
4208
4207
|
class: ae(["b-data-grid__pagination", ol.value])
|
|
4209
4208
|
}, [
|
|
4210
|
-
j(
|
|
4209
|
+
j(n(Ml), ee(n(K), {
|
|
4211
4210
|
"aria-label": U.$t("pagination"),
|
|
4212
4211
|
"aria-controls": m.value,
|
|
4213
4212
|
onNavigate: fl,
|
|
4214
4213
|
onItemsPage: ml
|
|
4215
4214
|
}), {
|
|
4216
4215
|
default: V(() => [
|
|
4217
|
-
l
|
|
4216
|
+
n(l)("pagination-slot") ? Oe(U.$slots, "pagination-slot", { key: 0 }, void 0, !0) : F("", !0)
|
|
4218
4217
|
]),
|
|
4219
4218
|
_: 3
|
|
4220
4219
|
}, 16, ["aria-label", "aria-controls"])
|
|
@@ -4222,16 +4221,16 @@ const La = /* @__PURE__ */ oe(Aa, [["render", ya]]), Dn = {
|
|
|
4222
4221
|
U.$slots.footer ? (c(), E("div", Ua, [
|
|
4223
4222
|
Oe(U.$slots, "footer", {}, void 0, !0)
|
|
4224
4223
|
])) : F("", !0),
|
|
4225
|
-
ul.value ? (c(), W(
|
|
4224
|
+
ul.value ? (c(), W(n(Dl), {
|
|
4226
4225
|
key: 6,
|
|
4227
4226
|
actions: e.bulkActions,
|
|
4228
4227
|
"item-counter": kt.value,
|
|
4229
|
-
"extra-bottom-spacing":
|
|
4230
|
-
onClose:
|
|
4228
|
+
"extra-bottom-spacing": n(Z),
|
|
4229
|
+
onClose: n(zt)
|
|
4231
4230
|
}, null, 8, ["actions", "item-counter", "extra-bottom-spacing", "onClose"])) : F("", !0)
|
|
4232
4231
|
], 42, Na));
|
|
4233
4232
|
}
|
|
4234
|
-
}), Bi = /* @__PURE__ */ oe(Wa, [["__scopeId", "data-v-
|
|
4233
|
+
}), Bi = /* @__PURE__ */ oe(Wa, [["__scopeId", "data-v-8f3b88a5"]]);
|
|
4235
4234
|
export {
|
|
4236
4235
|
Rt as B,
|
|
4237
4236
|
Pi as a,
|
|
@@ -4244,4 +4243,4 @@ export {
|
|
|
4244
4243
|
Fe as h,
|
|
4245
4244
|
ye as i
|
|
4246
4245
|
};
|
|
4247
|
-
//# sourceMappingURL=data-grid.
|
|
4246
|
+
//# sourceMappingURL=data-grid._kCZlpR4.js.map
|