@adyen/bento-vue2 1.34.0 → 1.35.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 +2 -2
- package/dist/accordion.js +1 -1
- package/dist/action-bar.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/alert.css +1 -1
- package/dist/assets/avatar.css +1 -1
- package/dist/assets/base-modal.css +1 -1
- package/dist/assets/calendar.css +1 -1
- package/dist/assets/card.css +1 -1
- package/dist/assets/checkbox-input.css +1 -1
- package/dist/assets/checkbox.css +1 -1
- package/dist/assets/code-snippet.css +1 -1
- package/dist/assets/copy.css +1 -1
- package/dist/assets/currency.css +1 -0
- 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.css +1 -1
- package/dist/assets/error-message.css +1 -1
- package/dist/assets/filter-bar.css +1 -1
- package/dist/assets/header.css +1 -1
- package/dist/assets/inspector.css +1 -1
- package/dist/assets/link.css +1 -1
- package/dist/assets/loading-button.css +1 -1
- package/dist/assets/menu.css +1 -1
- package/dist/assets/modal-fullscreen.css +1 -1
- package/dist/assets/pagination.css +1 -1
- package/dist/assets/popover.css +1 -1
- package/dist/assets/sidepanel.css +1 -1
- package/dist/assets/step.css +1 -1
- package/dist/assets/structured-list-item.css +1 -1
- package/dist/assets/timeline-item.css +1 -1
- package/dist/assets/tutorial.css +1 -1
- package/dist/assets/use-cached-selected-values.css +1 -1
- package/dist/avatar.js +1 -1
- package/dist/button.js +4 -4
- package/dist/card.js +1 -1
- package/dist/checkbox.js +3 -3
- package/dist/chunks/accordion-item.C0EeQmpM.js +116 -0
- package/dist/chunks/accordion-item.C0EeQmpM.js.map +1 -0
- package/dist/chunks/{action-bar.CsRmYQ-k.js → action-bar.CTS-sRPZ.js} +52 -38
- package/dist/chunks/{action-bar.CsRmYQ-k.js.map → action-bar.CTS-sRPZ.js.map} +1 -1
- package/dist/chunks/{alert.DtT7BRdr.js → alert.BOAVcKqt.js} +30 -23
- package/dist/chunks/alert.BOAVcKqt.js.map +1 -0
- package/dist/chunks/{avatar.0ffdL8i0.js → avatar.qcWk9clF.js} +9 -9
- package/dist/chunks/avatar.qcWk9clF.js.map +1 -0
- package/dist/chunks/{base-modal.zHjXVjwU.js → base-modal.HSuNJt-7.js} +18 -12
- package/dist/chunks/{base-modal.zHjXVjwU.js.map → base-modal.HSuNJt-7.js.map} +1 -1
- package/dist/chunks/{button-actions-with-menu.B6Nb6Ohu.js → button-actions-with-menu.GyJNwaZ5.js} +4 -4
- package/dist/chunks/{button-actions-with-menu.B6Nb6Ohu.js.map → button-actions-with-menu.GyJNwaZ5.js.map} +1 -1
- package/dist/chunks/{button-actions.BQHr68sA.js → button-actions.fnn5w4Jz.js} +3 -3
- package/dist/chunks/{button-actions.BQHr68sA.js.map → button-actions.fnn5w4Jz.js.map} +1 -1
- package/dist/chunks/{button.79klAcOK.js → button.B1JELmx-.js} +2 -2
- package/dist/chunks/{button.79klAcOK.js.map → button.B1JELmx-.js.map} +1 -1
- package/dist/chunks/{calendar.CaTMWZUM.js → calendar.BBQUZ8xu.js} +230 -230
- package/dist/chunks/calendar.BBQUZ8xu.js.map +1 -0
- package/dist/chunks/card.DqxilNhb.js +123 -0
- package/dist/chunks/card.DqxilNhb.js.map +1 -0
- package/dist/chunks/{checkbox-group.D_mCZMPr.js → checkbox-group.CdMkjLu1.js} +4 -4
- package/dist/chunks/{checkbox-group.D_mCZMPr.js.map → checkbox-group.CdMkjLu1.js.map} +1 -1
- package/dist/chunks/{checkbox-input.BH7MGdMj.js → checkbox-input.Ce0AY_e_.js} +14 -13
- package/dist/chunks/checkbox-input.Ce0AY_e_.js.map +1 -0
- package/dist/chunks/{checkbox.CaX67eM_.js → checkbox.CVSzcaHk.js} +38 -28
- package/dist/chunks/{checkbox.CaX67eM_.js.map → checkbox.CVSzcaHk.js.map} +1 -1
- package/dist/chunks/{checkmark-circle-fill.DVl6QSwm.js → checkmark-circle-fill.By9RNf5T.js} +4 -4
- package/dist/chunks/{checkmark-circle-fill.DVl6QSwm.js.map → checkmark-circle-fill.By9RNf5T.js.map} +1 -1
- package/dist/chunks/{checkmark-small.BtF8b2gE.js → checkmark-small.C8T8ISN6.js} +4 -4
- package/dist/chunks/checkmark-small.C8T8ISN6.js.map +1 -0
- package/dist/chunks/{chevron-left.CtnrsqUy.js → chevron-left.CvIsaXjZ.js} +6 -6
- package/dist/chunks/chevron-left.CvIsaXjZ.js.map +1 -0
- package/dist/chunks/{chevron-up.B2uWhZf7.js → chevron-up.DqJmLciO.js} +6 -6
- package/dist/chunks/chevron-up.DqJmLciO.js.map +1 -0
- package/dist/chunks/{code-snippet.DgKK7fE8.js → code-snippet.BcZJFqdH.js} +45 -36
- package/dist/chunks/code-snippet.BcZJFqdH.js.map +1 -0
- package/dist/chunks/{controls-group.6aTaRWFI.js → controls-group.BES2y5Y7.js} +2 -2
- package/dist/chunks/{controls-group.6aTaRWFI.js.map → controls-group.BES2y5Y7.js.map} +1 -1
- package/dist/chunks/{copy.B1DYKX_q.js → copy.qAUSogPB.js} +35 -26
- package/dist/chunks/copy.qAUSogPB.js.map +1 -0
- package/dist/chunks/{cross-circle-fill-small.Oj6lPaDy.js → cross-circle-fill-small.YhLgeipP.js} +4 -4
- package/dist/chunks/cross-circle-fill-small.YhLgeipP.js.map +1 -0
- package/dist/chunks/{cross-circle-fill.CnYH4R_h.js → cross-circle-fill.BawVYNw7.js} +4 -4
- package/dist/chunks/{cross-circle-fill.CnYH4R_h.js.map → cross-circle-fill.BawVYNw7.js.map} +1 -1
- package/dist/chunks/{cross-small.BLUwtRB-.js → cross-small.CZqsjZDz.js} +4 -4
- package/dist/chunks/cross-small.CZqsjZDz.js.map +1 -0
- package/dist/chunks/{cross.CsUPDmaA.js → cross.CJ5EEL2c.js} +4 -4
- package/dist/chunks/{cross.CsUPDmaA.js.map → cross.CJ5EEL2c.js.map} +1 -1
- package/dist/chunks/{currency.D_2CN1OJ.js → currency.CbZqZrBz.js} +9 -8
- package/dist/chunks/{currency.D_2CN1OJ.js.map → currency.CbZqZrBz.js.map} +1 -1
- package/dist/chunks/{dashboard-section.DWfQGGwS.js → dashboard-section.QTsJqS-s.js} +3 -3
- package/dist/chunks/{dashboard-section.DWfQGGwS.js.map → dashboard-section.QTsJqS-s.js.map} +1 -1
- package/dist/chunks/{dashed-underline.C7gLtEqx.js → dashed-underline.BnBP41jp.js} +2 -2
- package/dist/chunks/{dashed-underline.C7gLtEqx.js.map → dashed-underline.BnBP41jp.js.map} +1 -1
- package/dist/chunks/{data-grid-template.2xocKVqX.js → data-grid-template.CY3uHWRY.js} +3 -3
- package/dist/chunks/{data-grid-template.2xocKVqX.js.map → data-grid-template.CY3uHWRY.js.map} +1 -1
- package/dist/chunks/{data-grid.CUn6MrZz.js → data-grid.CZjS7HUz.js} +483 -436
- package/dist/chunks/data-grid.CZjS7HUz.js.map +1 -0
- package/dist/chunks/{date-picker.C6_KbCYT.js → date-picker.C5uid7SP.js} +91 -83
- package/dist/chunks/date-picker.C5uid7SP.js.map +1 -0
- package/dist/chunks/{date-range-picker.DaTgBXP1.js → date-range-picker.R5v1ZX-X.js} +265 -243
- package/dist/chunks/date-range-picker.R5v1ZX-X.js.map +1 -0
- package/dist/chunks/{date.DaiTzNEZ.js → date.C0uwNQjg.js} +80 -80
- package/dist/chunks/{date.DaiTzNEZ.js.map → date.C0uwNQjg.js.map} +1 -1
- package/dist/chunks/{dialog-page.bmDDYmn9.js → dialog-page.j_L6c9ZP.js} +5 -4
- package/dist/chunks/dialog-page.j_L6c9ZP.js.map +1 -0
- package/dist/chunks/{dropdown-default-textbox.kQ3pHsZe.js → dropdown-default-textbox.BFx4TF5u.js} +4 -4
- package/dist/chunks/{dropdown-default-textbox.kQ3pHsZe.js.map → dropdown-default-textbox.BFx4TF5u.js.map} +1 -1
- package/dist/chunks/{dropdown-tag.pJ_sQbJN.js → dropdown-tag.B8A03Cck.js} +3 -3
- package/dist/chunks/{dropdown-tag.pJ_sQbJN.js.map → dropdown-tag.B8A03Cck.js.map} +1 -1
- package/dist/chunks/{dropdown.DpsQPLy-.js → dropdown.h_j0DsN2.js} +159 -139
- package/dist/chunks/dropdown.h_j0DsN2.js.map +1 -0
- package/dist/chunks/{empty-state.C2ba_wDp.js → empty-state.CaQuZx7L.js} +2 -2
- package/dist/chunks/{empty-state.C2ba_wDp.js.map → empty-state.CaQuZx7L.js.map} +1 -1
- package/dist/chunks/{error-message.BnFyGbR7.js → error-message.3tVTq0sW.js} +28 -14
- package/dist/chunks/{error-message.BnFyGbR7.js.map → error-message.3tVTq0sW.js.map} +1 -1
- package/dist/chunks/es6.BvpG4Oi6.js.map +1 -1
- package/dist/chunks/{expand.CwwKq7Uc.js → expand.C263WARj.js} +4 -4
- package/dist/chunks/{expand.CwwKq7Uc.js.map → expand.C263WARj.js.map} +1 -1
- package/dist/chunks/{filter-bar.DGBvcKsz.js → filter-bar.DgiUmFql.js} +605 -589
- package/dist/chunks/filter-bar.DgiUmFql.js.map +1 -0
- package/dist/chunks/{fixed-scroller.CQWDnydO.js → fixed-scroller.DcdAycgk.js} +3 -3
- package/dist/chunks/{fixed-scroller.CQWDnydO.js.map → fixed-scroller.DcdAycgk.js.map} +1 -1
- package/dist/chunks/{footer-actions.CwHY2-Ap.js → footer-actions.C1TgWA9J.js} +3 -3
- package/dist/chunks/{footer-actions.CwHY2-Ap.js.map → footer-actions.C1TgWA9J.js.map} +1 -1
- package/dist/chunks/{form-layout-title.CRsR3o2x.js → form-layout-title.DW8y285m.js} +2 -2
- package/dist/chunks/{form-layout-title.CRsR3o2x.js.map → form-layout-title.DW8y285m.js.map} +1 -1
- package/dist/chunks/{index.B_UZQ6qF.js → get-date-locale.BN8xEjY0.js} +855 -204
- package/dist/chunks/get-date-locale.BN8xEjY0.js.map +1 -0
- package/dist/chunks/{header.BmNDoXio.js → header.Nh_SoSJP.js} +80 -74
- package/dist/chunks/{header.BmNDoXio.js.map → header.Nh_SoSJP.js.map} +1 -1
- package/dist/chunks/{index.Z84QE0E2.js → index.CrhTVr5J.js} +2 -2
- package/dist/chunks/{index.Z84QE0E2.js.map → index.CrhTVr5J.js.map} +1 -1
- package/dist/chunks/{index.xqFSZOAb.js → index.DDnf1O9p.js} +2 -2
- package/dist/chunks/{index.xqFSZOAb.js.map → index.DDnf1O9p.js.map} +1 -1
- package/dist/chunks/{index.B_EJflcs.js → index.DPafeRJa.js} +2 -2
- package/dist/chunks/{index.B_EJflcs.js.map → index.DPafeRJa.js.map} +1 -1
- package/dist/chunks/{info-icon.DNn4oZsB.js → info-icon.bQl_RleE.js} +2 -2
- package/dist/chunks/{info-icon.DNn4oZsB.js.map → info-icon.bQl_RleE.js.map} +1 -1
- package/dist/chunks/{info.CyeBsLgt.js → info.D4SG-AIm.js} +4 -4
- package/dist/chunks/{info.CyeBsLgt.js.map → info.D4SG-AIm.js.map} +1 -1
- package/dist/chunks/{input-field.S5HIZtYA.js → input-field.nBUtoYwF.js} +3 -3
- package/dist/chunks/{input-field.S5HIZtYA.js.map → input-field.nBUtoYwF.js.map} +1 -1
- package/dist/chunks/{inspector.types.D6kCCKNk.js → inspector.types.DJTWyZ9x.js} +19 -11
- package/dist/chunks/{inspector.types.D6kCCKNk.js.map → inspector.types.DJTWyZ9x.js.map} +1 -1
- package/dist/chunks/{link.Xce4kDGy.js → link.BKxmPIV5.js} +4 -3
- package/dist/chunks/link.BKxmPIV5.js.map +1 -0
- package/dist/chunks/{loading-button.DDPZYO6r.js → loading-button.CsaWlmzb.js} +40 -26
- package/dist/chunks/loading-button.CsaWlmzb.js.map +1 -0
- package/dist/chunks/{menu.DSOJEn4v.js → menu.BhT5t7Ev.js} +7 -6
- package/dist/chunks/{menu.DSOJEn4v.js.map → menu.BhT5t7Ev.js.map} +1 -1
- package/dist/chunks/{modal-fullscreen.BQKE0bm0.js → modal-fullscreen.BlqMgvmn.js} +27 -21
- package/dist/chunks/{modal-fullscreen.BQKE0bm0.js.map → modal-fullscreen.BlqMgvmn.js.map} +1 -1
- package/dist/chunks/{modal.ClqkmzVZ.js → modal.DCtgRb44.js} +26 -20
- package/dist/chunks/modal.DCtgRb44.js.map +1 -0
- package/dist/chunks/{pagination.he0lQGAV.js → pagination.CM_9J0dZ.js} +6 -5
- package/dist/chunks/pagination.CM_9J0dZ.js.map +1 -0
- package/dist/chunks/{popover.UmNw_M-C.js → popover.DFWeWyxd.js} +4 -4
- package/dist/chunks/{popover.UmNw_M-C.js.map → popover.DFWeWyxd.js.map} +1 -1
- package/dist/chunks/{radio-group.D7cuMKzV.js → radio-group.o2Kroy4O.js} +3 -3
- package/dist/chunks/{radio-group.D7cuMKzV.js.map → radio-group.o2Kroy4O.js.map} +1 -1
- package/dist/chunks/{refresh.BKI9WwKh.js → refresh.Bc9FzGjJ.js} +4 -4
- package/dist/chunks/{refresh.BKI9WwKh.js.map → refresh.Bc9FzGjJ.js.map} +1 -1
- package/dist/chunks/{search-bar.BPyYb0WB.js → search-bar.BRlauT9L.js} +16 -8
- package/dist/chunks/{search-bar.BPyYb0WB.js.map → search-bar.BRlauT9L.js.map} +1 -1
- package/dist/chunks/{search.CBKhp7zB.js → search.pVu-JVAN.js} +4 -4
- package/dist/chunks/{search.CBKhp7zB.js.map → search.pVu-JVAN.js.map} +1 -1
- package/dist/chunks/{secondary-nav.CMUfpgQf.js → secondary-nav.lWetIbb8.js} +2 -2
- package/dist/chunks/{secondary-nav.CMUfpgQf.js.map → secondary-nav.lWetIbb8.js.map} +1 -1
- package/dist/chunks/{selection-card-group.DbMfzyTG.js → selection-card-group.BWZOX7l7.js} +4 -4
- package/dist/chunks/{selection-card-group.DbMfzyTG.js.map → selection-card-group.BWZOX7l7.js.map} +1 -1
- package/dist/chunks/{sidepanel.Ck6Ts9RR.js → sidepanel.B5CKqH1u.js} +25 -19
- package/dist/chunks/{sidepanel.Ck6Ts9RR.js.map → sidepanel.B5CKqH1u.js.map} +1 -1
- package/dist/chunks/{step.CjJtlBk6.js → step.vF0pNW-K.js} +7 -6
- package/dist/chunks/step.vF0pNW-K.js.map +1 -0
- package/dist/chunks/{structured-list-item.DpLscUX4.js → structured-list-item.IElHaBHs.js} +24 -18
- package/dist/chunks/{structured-list-item.DpLscUX4.js.map → structured-list-item.IElHaBHs.js.map} +1 -1
- package/dist/chunks/{summary-grid-item-custom.B7Re6OCf.js → summary-grid-item-custom.CMsS1kro.js} +3 -3
- package/dist/chunks/{summary-grid-item-custom.B7Re6OCf.js.map → summary-grid-item-custom.CMsS1kro.js.map} +1 -1
- package/dist/chunks/{tabs.D4ORafqH.js → tabs.D8Ni3Zfb.js} +2 -2
- package/dist/chunks/{tabs.D4ORafqH.js.map → tabs.D8Ni3Zfb.js.map} +1 -1
- package/dist/chunks/{textarea.BRMpTWKS.js → textarea.2RrKj5Mr.js} +4 -4
- package/dist/chunks/{textarea.BRMpTWKS.js.map → textarea.2RrKj5Mr.js.map} +1 -1
- package/dist/chunks/{timeline-item.jh7UnviR.js → timeline-item.fF0fFDb9.js} +58 -51
- package/dist/chunks/timeline-item.fF0fFDb9.js.map +1 -0
- package/dist/chunks/{toast.3LxCDPiT.js → toast.CMdDpqMg.js} +3 -3
- package/dist/chunks/{toast.3LxCDPiT.js.map → toast.CMdDpqMg.js.map} +1 -1
- package/dist/chunks/{toggle-button.bt3zBzdC.js → toggle-button.CGvkVs_H.js} +2 -2
- package/dist/chunks/{toggle-button.bt3zBzdC.js.map → toggle-button.CGvkVs_H.js.map} +1 -1
- package/dist/chunks/{toggle.CLgGH4Jr.js → toggle.yiNF7ndg.js} +2 -2
- package/dist/chunks/{toggle.CLgGH4Jr.js.map → toggle.yiNF7ndg.js.map} +1 -1
- package/dist/chunks/{tutorial.DERGsCkg.js → tutorial.D2msGkwn.js} +86 -73
- package/dist/chunks/tutorial.D2msGkwn.js.map +1 -0
- package/dist/chunks/{use-cached-selected-values.B39-iEp4.js → use-cached-selected-values.it4ENg3q.js} +62 -47
- package/dist/chunks/use-cached-selected-values.it4ENg3q.js.map +1 -0
- package/dist/chunks/{warning-filled.CLKRzGMT.js → warning-filled.Cd0kVWwa.js} +4 -4
- package/dist/chunks/{warning-filled.CLKRzGMT.js.map → warning-filled.Cd0kVWwa.js.map} +1 -1
- package/dist/code-snippet.js +1 -1
- package/dist/currency.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/date.js +1 -1
- package/dist/dropdown.js +4 -4
- package/dist/empty-state.js +1 -1
- package/dist/filter-bar.js +1 -1
- package/dist/form-layout.js +1 -1
- package/dist/header.js +1 -1
- package/dist/index.js +54 -54
- package/dist/info-icon.js +1 -1
- package/dist/input-field.js +1 -1
- package/dist/inspector.js +1 -1
- package/dist/internal.js +7 -7
- package/dist/link.js +1 -1
- 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/radio-group.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/stepper.js +1 -1
- package/dist/structured-list.js +1 -1
- package/dist/styles/bento.css +3 -0
- package/dist/styles/legacy.css +3 -0
- package/dist/styles/styleguide.css +3 -0
- package/dist/summary-grid.js +1 -1
- package/dist/tabs.js +1 -1
- package/dist/textarea.js +1 -1
- package/dist/timeline.js +1 -1
- package/dist/toast.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 +4 -4
- package/dist/chunks/accordion-item.IMlV_Vik.js +0 -100
- package/dist/chunks/accordion-item.IMlV_Vik.js.map +0 -1
- package/dist/chunks/alert.DtT7BRdr.js.map +0 -1
- package/dist/chunks/avatar.0ffdL8i0.js.map +0 -1
- package/dist/chunks/calendar.CaTMWZUM.js.map +0 -1
- package/dist/chunks/card.ignL7-CH.js +0 -115
- package/dist/chunks/card.ignL7-CH.js.map +0 -1
- package/dist/chunks/checkbox-input.BH7MGdMj.js.map +0 -1
- package/dist/chunks/checkmark-small.BtF8b2gE.js.map +0 -1
- package/dist/chunks/chevron-left.CtnrsqUy.js.map +0 -1
- package/dist/chunks/chevron-up.B2uWhZf7.js.map +0 -1
- package/dist/chunks/code-snippet.DgKK7fE8.js.map +0 -1
- package/dist/chunks/copy.B1DYKX_q.js.map +0 -1
- package/dist/chunks/cross-circle-fill-small.Oj6lPaDy.js.map +0 -1
- package/dist/chunks/cross-small.BLUwtRB-.js.map +0 -1
- package/dist/chunks/data-grid.CUn6MrZz.js.map +0 -1
- package/dist/chunks/date-picker.C6_KbCYT.js.map +0 -1
- package/dist/chunks/date-range-picker.DaTgBXP1.js.map +0 -1
- package/dist/chunks/dialog-page.bmDDYmn9.js.map +0 -1
- package/dist/chunks/dropdown.DpsQPLy-.js.map +0 -1
- package/dist/chunks/filter-bar.DGBvcKsz.js.map +0 -1
- package/dist/chunks/index.B_UZQ6qF.js.map +0 -1
- package/dist/chunks/link.Xce4kDGy.js.map +0 -1
- package/dist/chunks/loading-button.DDPZYO6r.js.map +0 -1
- package/dist/chunks/modal.ClqkmzVZ.js.map +0 -1
- package/dist/chunks/pagination.he0lQGAV.js.map +0 -1
- package/dist/chunks/step.CjJtlBk6.js.map +0 -1
- package/dist/chunks/timeline-item.jh7UnviR.js.map +0 -1
- package/dist/chunks/tutorial.DERGsCkg.js.map +0 -1
- package/dist/chunks/use-cached-selected-values.B39-iEp4.js.map +0 -1
- /package/dist/assets/{cross.css → main.css} +0 -0
|
@@ -1,49 +1,50 @@
|
|
|
1
|
-
import { ref as b, reactive as Se, toRefs as Ee, computed as R, watchEffect as Vt, watch as H, onMounted as be, nextTick as V, onUnmounted as
|
|
2
|
-
import { C as qt } from "./checkmark-circle-fill.
|
|
3
|
-
import { W as Yt } from "./warning-filled.
|
|
1
|
+
import { ref as b, reactive as Se, toRefs as Ee, computed as R, watchEffect as Vt, watch as H, onMounted as be, nextTick as V, onUnmounted as Ke, onBeforeUpdate as Zt, defineComponent as ee, toRef as Qe, useSlots as et, provide as jt, inject as Fe } from "vue";
|
|
2
|
+
import { C as qt } from "./checkmark-circle-fill.By9RNf5T.js";
|
|
3
|
+
import { W as Yt } from "./warning-filled.Cd0kVWwa.js";
|
|
4
|
+
/* empty css */
|
|
4
5
|
import { n as $ } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
|
|
5
|
-
import { C as tt } from "./cross.
|
|
6
|
-
import { N as Pe } from "./checkbox-input.
|
|
6
|
+
import { C as tt } from "./cross.CJ5EEL2c.js";
|
|
7
|
+
import { N as Pe } from "./checkbox-input.Ce0AY_e_.js";
|
|
7
8
|
import { d as Xt } from "./popper-container.CnWphJTN.js";
|
|
8
|
-
import { K, B as
|
|
9
|
-
import { B as
|
|
10
|
-
import { B as Qt } from "./pagination.
|
|
11
|
-
import { B as
|
|
12
|
-
import { B as he, p as
|
|
13
|
-
import { u as
|
|
14
|
-
import { g as
|
|
15
|
-
import { u as
|
|
16
|
-
import { B as
|
|
17
|
-
import { B as me } from "./filter-bar.
|
|
18
|
-
import { E as
|
|
19
|
-
import { D as
|
|
9
|
+
import { K as J, B as Jt } from "./tooltip.BN6fOXzi.js";
|
|
10
|
+
import { B as Kt } from "./action-bar.CTS-sRPZ.js";
|
|
11
|
+
import { B as Qt } from "./pagination.CM_9J0dZ.js";
|
|
12
|
+
import { B as nt } from "./loading-indicator.DXc7I1Lm.js";
|
|
13
|
+
import { B as he, p as st } from "./typography.CqQaHXhq.js";
|
|
14
|
+
import { u as en } from "./aria-label.CaUURpnB.js";
|
|
15
|
+
import { g as tn } from "./get-slot-text.Cgn-E48s.js";
|
|
16
|
+
import { u as se } from "./i18n.BQkEbtPM.js";
|
|
17
|
+
import { B as nn } from "./empty-state.CaQuZx7L.js";
|
|
18
|
+
import { B as me } from "./filter-bar.DgiUmFql.js";
|
|
19
|
+
import { E as sn } from "./tabs.keys.Bc2pSKRw.js";
|
|
20
|
+
import { D as ln } from "./data-grid-template.keys.2_AkxuNT.js";
|
|
20
21
|
import { o as lt } from "./resize.Bqks3WUm.js";
|
|
21
22
|
import "./index.Cl4_42j5.js";
|
|
22
|
-
import { a as $e, B as
|
|
23
|
-
import { B as ot } from "./button.
|
|
24
|
-
import { B as it } from "./toggle.
|
|
25
|
-
import { B as
|
|
26
|
-
import { u as
|
|
27
|
-
import { g as
|
|
28
|
-
import { S as
|
|
29
|
-
import { B as at } from "./toggle-button.
|
|
30
|
-
import { B as
|
|
31
|
-
import { B as rt } from "./checkbox.
|
|
32
|
-
import { B as ct, O as
|
|
33
|
-
import { E as
|
|
34
|
-
import { C as
|
|
35
|
-
import { u as
|
|
36
|
-
import { B as
|
|
37
|
-
import { A as
|
|
23
|
+
import { a as $e, B as on } from "./popover.DFWeWyxd.js";
|
|
24
|
+
import { B as ot } from "./button.B1JELmx-.js";
|
|
25
|
+
import { B as it } from "./toggle.yiNF7ndg.js";
|
|
26
|
+
import { B as an } from "./search-bar.BRlauT9L.js";
|
|
27
|
+
import { u as rn } from "./dropdown.h_j0DsN2.js";
|
|
28
|
+
import { g as cn } from "./unique-id.XFfoKuc2.js";
|
|
29
|
+
import { S as dn } from "./search.pVu-JVAN.js";
|
|
30
|
+
import { B as at } from "./toggle-button.CGvkVs_H.js";
|
|
31
|
+
import { B as un } from "./directive.O3yEdalv.js";
|
|
32
|
+
import { B as rt } from "./checkbox.CVSzcaHk.js";
|
|
33
|
+
import { B as ct, O as fn, D as gn } from "./menu.BhT5t7Ev.js";
|
|
34
|
+
import { E as _n } from "./link.BKxmPIV5.js";
|
|
35
|
+
import { C as vn } from "./copy.qAUSogPB.js";
|
|
36
|
+
import { u as Cn } from "./use-has-slot.C9lQZ6nz.js";
|
|
37
|
+
import { B as mn } from "./info-icon.bQl_RleE.js";
|
|
38
|
+
import { A as pn } from "./dialog-page.j_L6c9ZP.js";
|
|
38
39
|
import { l as xe } from "./events.CMzGybJJ.js";
|
|
39
|
-
import { B as
|
|
40
|
+
import { B as hn, a as Ln } from "./loading-button.CsaWlmzb.js";
|
|
40
41
|
import "../assets/data-grid.css";
|
|
41
|
-
var Le = /* @__PURE__ */ ((
|
|
42
|
-
const
|
|
43
|
-
const
|
|
42
|
+
var Le = /* @__PURE__ */ ((s) => (s.WRAP = "wrap", s.ELLIPSIS = "ellipsis", s))(Le || {}), K = /* @__PURE__ */ ((s) => (s.OUTLINE = "outline", s.SCROLL = "scroll", s.STICKY_FILTERS = "sticky-filters", s.OVERFLOW_SHADOW_LEFT = "overflow-shadow-left", s.OVERFLOW_SHADOW_RIGHT = "overflow-shadow-right", s.NO_SPACING_TOP = "no-spacing-top", s))(K || {}), te = /* @__PURE__ */ ((s) => (s.ASCENDING = "asc", s.DESCENDING = "desc", s))(te || {}), A = /* @__PURE__ */ ((s) => (s.COLUMNS = "columns", s.COLUMN_RESIZE = "column-resize", s.ITEMS_PAGE = "items-page", s.NAVIGATE = "navigate", s.FILTER_SEARCH_INPUT = "filter-search-input", s.FILTER_SEARCH_CLEAR = "filter-search-clear", s.UPDATE_COLUMNS = "update:columns", s.UPDATE_CONDENSED = "update:condensed", s.UPDATE_FILTERS = "update:filters", s.UPDATE_FILTER_VALUES = "update:filter-values", s.UPDATE_FILTER_SEARCH_TERM = "update:filter-search-term", s.UPDATE_PAGINATION = "update:pagination", s.UPDATE_SELECTION = "update:selection", s.UPDATE_SHOW_MORE = "update:show-more", s.UPDATE_SORT_BY = "update:sort-by", s.ROW_CLICK = "row-click", s.SELECT = "select", s.SELECT_ALL_ACROSS_PAGES = "select-all-across-pages", s.SORT = "sort", s))(A || {}), pe = /* @__PURE__ */ ((s) => (s.ASCENDING = "ascending", s.DESCENDING = "descending", s.NONE = "none", s))(pe || {}), P = /* @__PURE__ */ ((s) => (s.COLUMN_RESIZE = "column-resize", s.COLUMN_RESIZING = "column-resizing", s.SORT = "sort", s.SELECT_ALL_ROWS = "select-all-rows", s.SELECT_ALL_ACROSS_PAGES = "select-all-across-pages", s.COLUMN_MOVE = "column-move", s.COLUMN_UPDATE = "column-update", s.COLUMN_MENU_OPEN = "column-menu-open", s.COLUMN_MENU_CLOSE = "column-menu-close", s.COLUMN_HOVER = "column-hover", s.COLUMN_DRAG_START = "column-dragstart", s.COLUMN_DRAG_ENTER = "column-dragenter", s.COLUMN_DRAG_END = "column-dragend", s.COLUMN_DROP = "column-drop", s))(P || {});
|
|
43
|
+
const Sn = (s, e) => {
|
|
44
|
+
const n = b(null), t = b(!1), l = b(void 0), i = s.value.reduce((C, L) => (C[L.field] = null, C), {}), c = Se(i), _ = Ee(c);
|
|
44
45
|
let f = 0, v = "";
|
|
45
46
|
const p = R(
|
|
46
|
-
() => Object.fromEntries(
|
|
47
|
+
() => Object.fromEntries(s.value.map(({ field: C, width: L, minWidth: y }) => [C, { width: L, minWidth: y }]))
|
|
47
48
|
);
|
|
48
49
|
Vt(() => l.value = p.value);
|
|
49
50
|
let d = null, u = null;
|
|
@@ -67,30 +68,30 @@ const Ls = (n, e) => {
|
|
|
67
68
|
return H(
|
|
68
69
|
() => t.value,
|
|
69
70
|
(C, L) => {
|
|
70
|
-
!C && L && (e(P.COLUMN_HOVER,
|
|
71
|
+
!C && L && (e(P.COLUMN_HOVER, n.value), n.value = null);
|
|
71
72
|
}
|
|
72
73
|
), {
|
|
73
74
|
resizeData: l,
|
|
74
75
|
allColumnRefs: _,
|
|
75
76
|
startResize: h,
|
|
76
77
|
isResizing: t,
|
|
77
|
-
columnHoverEventToEmitAfterResizing:
|
|
78
|
+
columnHoverEventToEmitAfterResizing: n
|
|
78
79
|
};
|
|
79
|
-
},
|
|
80
|
+
}, En = 100, Ue = 50, ne = "b-select", bn = 32, On = 56, Rn = 1, yn = 16, An = (s, e, n) => {
|
|
80
81
|
const t = {}, l = [], i = (_) => {
|
|
81
82
|
const f = t[_];
|
|
82
83
|
f && f.frozen !== !0 && (t[_].frozen = !0, l.push(_));
|
|
83
84
|
};
|
|
84
85
|
function c() {
|
|
85
|
-
if (l.length ===
|
|
86
|
+
if (l.length === n.length)
|
|
86
87
|
return;
|
|
87
88
|
const _ = { min: {}, max: {} };
|
|
88
|
-
let f =
|
|
89
|
+
let f = s, v = e, p = 0;
|
|
89
90
|
l.forEach((d) => {
|
|
90
91
|
f -= t[d].computedWidth, v -= t[d].flex;
|
|
91
92
|
});
|
|
92
|
-
for (let d = 0, u =
|
|
93
|
-
const r =
|
|
93
|
+
for (let d = 0, u = n.length; d < u; d += 1) {
|
|
94
|
+
const r = n[d];
|
|
94
95
|
if (t[r.field] && t[r.field].frozen === !0)
|
|
95
96
|
continue;
|
|
96
97
|
let h = f / v * r.flex;
|
|
@@ -102,27 +103,27 @@ const Ls = (n, e) => {
|
|
|
102
103
|
}
|
|
103
104
|
p > 0 ? Object.keys(_.min).forEach((d) => {
|
|
104
105
|
i(d);
|
|
105
|
-
}) :
|
|
106
|
+
}) : n.forEach(({ field: d }) => {
|
|
106
107
|
i(d);
|
|
107
108
|
}), c();
|
|
108
109
|
}
|
|
109
110
|
return c(), t;
|
|
110
|
-
}, ze = (
|
|
111
|
-
let
|
|
112
|
-
return e && (
|
|
113
|
-
},
|
|
114
|
-
const c = b(
|
|
111
|
+
}, ze = (s, e) => {
|
|
112
|
+
let n = Rn;
|
|
113
|
+
return e && (n += yn * 2), s != null && s.offsetWidth ? s.offsetWidth + n : 0;
|
|
114
|
+
}, Tn = (s, e, n, t, l, i) => {
|
|
115
|
+
const c = b(s.value), _ = b(e), f = b(n), v = b(t), p = b(l), d = b(!1);
|
|
115
116
|
H(
|
|
116
|
-
() =>
|
|
117
|
+
() => s.value,
|
|
117
118
|
(m, a) => {
|
|
118
119
|
var O, T;
|
|
119
120
|
const E = (m == null ? void 0 : m.map(({ field: x }) => x).toString()) === (a == null ? void 0 : a.map(({ field: x }) => x).toString());
|
|
120
121
|
if (!((O = i == null ? void 0 : i.allowColumnDragAndDrop) != null && O.value) || !E) {
|
|
121
|
-
c.value =
|
|
122
|
+
c.value = s.value;
|
|
122
123
|
return;
|
|
123
124
|
}
|
|
124
|
-
c.value = ((T = c.value) == null ? void 0 : T.length) === 0 ?
|
|
125
|
-
const z = c.value.findIndex((
|
|
125
|
+
c.value = ((T = c.value) == null ? void 0 : T.length) === 0 ? s.value : s.value.sort((x, B) => {
|
|
126
|
+
const z = c.value.findIndex((D) => D.field === x.field), U = c.value.findIndex((D) => D.field === B.field);
|
|
126
127
|
return z === -1 ? 1 : U === -1 ? -1 : z - U;
|
|
127
128
|
});
|
|
128
129
|
}
|
|
@@ -134,39 +135,39 @@ const Ls = (n, e) => {
|
|
|
134
135
|
const m = [];
|
|
135
136
|
let a = 0, E = 0;
|
|
136
137
|
const O = {};
|
|
137
|
-
let T = c.value.filter((
|
|
138
|
-
const x = c.value.filter((
|
|
138
|
+
let T = c.value.filter((D) => D.visible !== !1);
|
|
139
|
+
const x = c.value.filter((D) => D.visible === !1);
|
|
139
140
|
if ((z = i == null ? void 0 : i.hasSelectableColumn) != null && z.value) {
|
|
140
|
-
const
|
|
141
|
+
const D = (U = i == null ? void 0 : i.hasSelectableAcrossPages) != null && U.value ? On : bn;
|
|
141
142
|
T = [
|
|
142
143
|
{
|
|
143
|
-
field:
|
|
144
|
+
field: ne,
|
|
144
145
|
label: "",
|
|
145
|
-
minWidth:
|
|
146
|
-
width:
|
|
146
|
+
minWidth: D,
|
|
147
|
+
width: D,
|
|
147
148
|
frozen: !0,
|
|
148
149
|
padding: { left: !1, right: !1 }
|
|
149
150
|
},
|
|
150
151
|
...T
|
|
151
152
|
];
|
|
152
153
|
}
|
|
153
|
-
T.forEach((
|
|
154
|
-
const w = { ...
|
|
154
|
+
T.forEach((D) => {
|
|
155
|
+
const w = { ...D };
|
|
155
156
|
let Z;
|
|
156
157
|
w.flex && w.flex > 0 ? (a += w.flex, Z = 0, m.push(w)) : Z = Math.max(
|
|
157
|
-
(w == null ? void 0 : w.width) ??
|
|
158
|
+
(w == null ? void 0 : w.width) ?? En,
|
|
158
159
|
(w == null ? void 0 : w.minWidth) ?? Ue
|
|
159
160
|
), E += Z, w.width = Z, w.minWidth = (w == null ? void 0 : w.minWidth) ?? Ue, O[w.field] = w;
|
|
160
161
|
});
|
|
161
162
|
const B = Math.max(u.value - E, 0);
|
|
162
163
|
if (a > 0 && u.value > 0) {
|
|
163
|
-
const
|
|
164
|
-
Object.keys(
|
|
165
|
-
O[w].width =
|
|
164
|
+
const D = An(B, a, m);
|
|
165
|
+
Object.keys(D).forEach((w) => {
|
|
166
|
+
O[w].width = D[w].computedWidth;
|
|
166
167
|
});
|
|
167
168
|
}
|
|
168
|
-
return x.forEach((
|
|
169
|
-
const w = { ...
|
|
169
|
+
return x.forEach((D) => {
|
|
170
|
+
const w = { ...D };
|
|
170
171
|
O[w.field] = w;
|
|
171
172
|
}), Object.values(O);
|
|
172
173
|
}), h = b(void 0), C = (m) => {
|
|
@@ -178,7 +179,7 @@ const Ls = (n, e) => {
|
|
|
178
179
|
(x = v.value) == null ? void 0 : x[m],
|
|
179
180
|
(B = i == null ? void 0 : i.hasColumnPanel) == null ? void 0 : B.value
|
|
180
181
|
), O = (U = (z = p.value) == null ? void 0 : z[m]) == null ? void 0 : U.reduce(
|
|
181
|
-
(
|
|
182
|
+
(D, w) => Math.max(D, ze(w)),
|
|
182
183
|
0
|
|
183
184
|
), T = Math.max(E, O ?? 0);
|
|
184
185
|
(a === void 0 || T > a) && C({
|
|
@@ -205,7 +206,7 @@ const Ls = (n, e) => {
|
|
|
205
206
|
var m;
|
|
206
207
|
return (m = y.value) == null ? void 0 : m.filter(({ visible: a }) => a !== !1).reduce((a, E) => E.width + a, 0);
|
|
207
208
|
}
|
|
208
|
-
),
|
|
209
|
+
), F = R(
|
|
209
210
|
() => u.value <= I.value
|
|
210
211
|
), k = R(() => ({
|
|
211
212
|
width: u.value > I.value ? "100%" : "fit-content"
|
|
@@ -226,7 +227,7 @@ const Ls = (n, e) => {
|
|
|
226
227
|
}), (m = document == null ? void 0 : document.fonts) != null && m.ready ? document.fonts.ready.then(() => {
|
|
227
228
|
L();
|
|
228
229
|
}) : L();
|
|
229
|
-
}),
|
|
230
|
+
}), Ke(() => {
|
|
230
231
|
r == null || r.disconnect();
|
|
231
232
|
}), Zt(() => {
|
|
232
233
|
var m;
|
|
@@ -238,29 +239,29 @@ const Ls = (n, e) => {
|
|
|
238
239
|
gridColumnWidthStyle: k,
|
|
239
240
|
onColumnWidthOverride: C,
|
|
240
241
|
isMeasuringColumnWidths: d,
|
|
241
|
-
isTotalWidthOfColumnsTakingUpAllAvailableGridWidth:
|
|
242
|
+
isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: F,
|
|
242
243
|
columns: c
|
|
243
244
|
};
|
|
244
|
-
},
|
|
245
|
-
const i = b(
|
|
245
|
+
}, In = (s, e, n, t, l) => {
|
|
246
|
+
const i = b(s.value ?? []), c = Se({
|
|
246
247
|
allItemsSelected: !1,
|
|
247
248
|
isIndeterminate: !1
|
|
248
249
|
}), _ = () => {
|
|
249
250
|
e(A.SELECT, i.value), e(A.UPDATE_SELECTION, i.value);
|
|
250
251
|
}, f = (d) => {
|
|
251
252
|
var r, g, h, C, L;
|
|
252
|
-
if (i.value = d, ((r =
|
|
253
|
+
if (i.value = d, ((r = n.value) == null ? void 0 : r.length) > 0 && ((g = n.value) == null ? void 0 : g.filter((y) => !l(y)).every((y) => i.value.includes(t(y))))) {
|
|
253
254
|
c.allItemsSelected = !0;
|
|
254
|
-
const y = ((h =
|
|
255
|
+
const y = ((h = n.value) == null ? void 0 : h.length) > 0 && n.value.every((I) => i.value.includes(t(I)));
|
|
255
256
|
c.isIndeterminate = !y;
|
|
256
257
|
} else
|
|
257
|
-
c.allItemsSelected = !1, c.isIndeterminate = ((C = i.value) == null ? void 0 : C.length) > 0 && ((L =
|
|
258
|
+
c.allItemsSelected = !1, c.isIndeterminate = ((C = i.value) == null ? void 0 : C.length) > 0 && ((L = n.value) == null ? void 0 : L.length) > 0 && n.value.some((y) => i.value.includes(t(y)));
|
|
258
259
|
}, v = (d) => {
|
|
259
260
|
V(() => {
|
|
260
261
|
var u, r, g;
|
|
261
262
|
if (c.allItemsSelected = d, d) {
|
|
262
|
-
i.value = (r = (u =
|
|
263
|
-
const h = ((g =
|
|
263
|
+
i.value = (r = (u = n.value) == null ? void 0 : u.filter((C) => !l(C))) == null ? void 0 : r.map((C) => t(C));
|
|
264
|
+
const h = ((g = n.value) == null ? void 0 : g.length) > 0 && n.value.every((C) => i.value.includes(t(C)));
|
|
264
265
|
c.isIndeterminate = i.value.length > 0 && !h;
|
|
265
266
|
} else
|
|
266
267
|
i.value = [], c.isIndeterminate = !1;
|
|
@@ -272,37 +273,37 @@ const Ls = (n, e) => {
|
|
|
272
273
|
});
|
|
273
274
|
};
|
|
274
275
|
return H(
|
|
275
|
-
() =>
|
|
276
|
+
() => s.value,
|
|
276
277
|
() => {
|
|
277
|
-
f(
|
|
278
|
+
f(s.value ?? []);
|
|
278
279
|
},
|
|
279
280
|
{ immediate: !0 }
|
|
280
281
|
), H(
|
|
281
|
-
() =>
|
|
282
|
+
() => n.value,
|
|
282
283
|
() => {
|
|
283
284
|
f(i.value);
|
|
284
285
|
}
|
|
285
286
|
), { onAllRowSelect: v, onRowSelect: p, allItemsSelectedState: c, selectedItems: i };
|
|
286
|
-
},
|
|
287
|
+
}, wn = (s, e, n) => ({ isSorting: (c) => s.value.some((_) => _.field === c), getSortingDirection: (c) => {
|
|
287
288
|
var _;
|
|
288
|
-
return (_ =
|
|
289
|
+
return (_ = s.value.find((f) => f.field === c)) == null ? void 0 : _.direction;
|
|
289
290
|
}, sortByColumnField: (c) => {
|
|
290
291
|
var v;
|
|
291
292
|
if (!e.value.some((p) => p.field === c && p.sortable))
|
|
292
293
|
return;
|
|
293
294
|
const f = [{
|
|
294
295
|
field: c,
|
|
295
|
-
direction: ((v =
|
|
296
|
+
direction: ((v = s.value.find((p) => p.field === c)) == null ? void 0 : v.direction) === te.ASCENDING ? te.DESCENDING : te.ASCENDING
|
|
296
297
|
}];
|
|
297
|
-
|
|
298
|
+
n(P.SORT, f);
|
|
298
299
|
} });
|
|
299
|
-
var G = ((
|
|
300
|
-
const
|
|
300
|
+
var G = ((s) => (s[s.ARROW_DOWN = J.ARROW_DOWN] = "ARROW_DOWN", s[s.ARROW_UP = J.ARROW_UP] = "ARROW_UP", s[s.ARROW_LEFT = J.ARROW_LEFT] = "ARROW_LEFT", s[s.ARROW_RIGHT = J.ARROW_RIGHT] = "ARROW_RIGHT", s[s.PAGE_UP = J.PAGE_UP] = "PAGE_UP", s[s.PAGE_DOWN = J.PAGE_DOWN] = "PAGE_DOWN", s[s.END = J.END] = "END", s[s.HOME = J.HOME] = "HOME", s))(G || {});
|
|
301
|
+
const Nn = (s, e, n) => {
|
|
301
302
|
const t = R(() => {
|
|
302
303
|
const r = e.value.filter(({ visible: g }) => g !== !1);
|
|
303
|
-
return
|
|
304
|
+
return n.value ? r.length + 1 : r.length;
|
|
304
305
|
}), l = R(
|
|
305
|
-
() => [...Object.values(
|
|
306
|
+
() => [...Object.values(s.value)].flat(1).sort((r, g) => {
|
|
306
307
|
const h = Number(r.getAttribute("data-cellindex")), C = Number(g.getAttribute("data-cellindex"));
|
|
307
308
|
return h > C ? 1 : C > h ? -1 : 0;
|
|
308
309
|
})
|
|
@@ -341,21 +342,21 @@ const ws = (n, e, s) => {
|
|
|
341
342
|
focusOnNextGridcell: p,
|
|
342
343
|
navigationInput: (r) => {
|
|
343
344
|
const { ctrlKey: g, keyCode: h, target: C } = r;
|
|
344
|
-
Object.values(
|
|
345
|
+
Object.values(s.value).flat(1).includes(C) && d(h) && p(C, h, g);
|
|
345
346
|
}
|
|
346
347
|
};
|
|
347
|
-
},
|
|
348
|
-
const i = b(
|
|
348
|
+
}, Mn = 90, Dn = (s, e, n, t, l) => {
|
|
349
|
+
const i = b(s), c = b(e), _ = b(n), f = b(t), v = R(() => i.value !== "none"), p = R(() => i.value === "automatic"), d = () => {
|
|
349
350
|
l(A.UPDATE_SHOW_MORE);
|
|
350
351
|
};
|
|
351
352
|
return H(
|
|
352
353
|
() => c.value,
|
|
353
354
|
() => {
|
|
354
|
-
p.value && _.value.offsetHeight / c.value * 100 >
|
|
355
|
+
p.value && _.value.offsetHeight / c.value * 100 > Mn && !f.value && d();
|
|
355
356
|
}
|
|
356
357
|
), { isLazyLoad: v, isInfiniteScroll: p, verticalScrollPosition: c, emitLazyLoadEvent: d };
|
|
357
|
-
},
|
|
358
|
-
const t = b(
|
|
358
|
+
}, Fn = (s, e, n) => {
|
|
359
|
+
const t = b(s), l = b(e), i = Se({
|
|
359
360
|
dragging: null,
|
|
360
361
|
dragToLeft: null,
|
|
361
362
|
target: null
|
|
@@ -364,7 +365,7 @@ const ws = (n, e, s) => {
|
|
|
364
365
|
if (C < 0 || C > t.value.length - 1)
|
|
365
366
|
return;
|
|
366
367
|
const L = [...t.value];
|
|
367
|
-
L.splice(C, 0, L.splice(h, 1)[0]),
|
|
368
|
+
L.splice(C, 0, L.splice(h, 1)[0]), n(A.COLUMNS, L), n(A.UPDATE_COLUMNS, L);
|
|
368
369
|
}, _ = (r, g) => {
|
|
369
370
|
i.dragging = r, g.dataTransfer.setData("text", ""), g.dataTransfer.dropEffect = "move";
|
|
370
371
|
}, f = (r, g) => {
|
|
@@ -378,19 +379,19 @@ const ws = (n, e, s) => {
|
|
|
378
379
|
var a;
|
|
379
380
|
return m.field === ((a = i.dragging) == null ? void 0 : a.field);
|
|
380
381
|
}), L = t.value.findIndex((m) => m.field === r.field), y = i.dragToLeft ? L : L + 1, I = y > C ? y - 1 : y;
|
|
381
|
-
let
|
|
382
|
-
|
|
382
|
+
let F = [...t.value];
|
|
383
|
+
F.splice(
|
|
383
384
|
I === -1 ? 0 : I,
|
|
384
385
|
0,
|
|
385
|
-
|
|
386
|
+
F.splice(C, 1)[0]
|
|
386
387
|
);
|
|
387
388
|
const k = t.value.findIndex((m) => !(m != null && m.frozen));
|
|
388
|
-
((h = i.dragging) == null ? void 0 : h.frozen) !== r.frozen && y !== k && (
|
|
389
|
+
((h = i.dragging) == null ? void 0 : h.frozen) !== r.frozen && y !== k && (F = F.map(
|
|
389
390
|
(m) => {
|
|
390
391
|
var a;
|
|
391
392
|
return ((a = i.dragging) == null ? void 0 : a.field) === m.field ? { ...m, frozen: !!(r != null && r.frozen) } : m;
|
|
392
393
|
}
|
|
393
|
-
)),
|
|
394
|
+
)), n(A.COLUMNS, F), n(A.UPDATE_COLUMNS, F);
|
|
394
395
|
}
|
|
395
396
|
i.dragging = null, i.target = null;
|
|
396
397
|
}, p = () => {
|
|
@@ -419,9 +420,9 @@ const ws = (n, e, s) => {
|
|
|
419
420
|
draggingEventsForRowCell: u,
|
|
420
421
|
onMoveColumnByOffset: c
|
|
421
422
|
};
|
|
422
|
-
},
|
|
423
|
-
const
|
|
424
|
-
() => [...
|
|
423
|
+
}, Pn = (s, e) => {
|
|
424
|
+
const n = b(s), t = R(
|
|
425
|
+
() => [...n.value].sort((d, u) => d.frozen === u.frozen ? 0 : d.frozen ? -1 : 1)
|
|
425
426
|
), l = R(
|
|
426
427
|
() => t.value.filter((d) => d.frozen && d.visible !== !1)
|
|
427
428
|
), i = R(
|
|
@@ -432,7 +433,7 @@ const ws = (n, e, s) => {
|
|
|
432
433
|
{ columnSet: i.value, id: "unfrozen" }
|
|
433
434
|
].filter(({ columnSet: d }) => d.length)
|
|
434
435
|
), _ = R(
|
|
435
|
-
() =>
|
|
436
|
+
() => n.value.filter((d) => (d == null ? void 0 : d.visible) !== !1 && (d == null ? void 0 : d.field) !== ne).length === 1
|
|
436
437
|
), f = (d) => e(A.UPDATE_CONDENSED, d), v = (d) => {
|
|
437
438
|
e(A.COLUMNS, d), e(A.UPDATE_COLUMNS, d);
|
|
438
439
|
};
|
|
@@ -451,18 +452,18 @@ const ws = (n, e, s) => {
|
|
|
451
452
|
v(u);
|
|
452
453
|
}
|
|
453
454
|
};
|
|
454
|
-
}, Be = (
|
|
455
|
-
const
|
|
455
|
+
}, Be = (s, e) => {
|
|
456
|
+
const n = b(0);
|
|
456
457
|
let t = null;
|
|
457
458
|
const l = () => {
|
|
458
|
-
|
|
459
|
+
s != null && s.value && e.value && (n.value = s.value.offsetHeight);
|
|
459
460
|
};
|
|
460
461
|
return be(() => {
|
|
461
462
|
V(() => {
|
|
462
463
|
const i = H(
|
|
463
|
-
|
|
464
|
+
s,
|
|
464
465
|
() => {
|
|
465
|
-
|
|
466
|
+
s != null && s.value && (V(() => i()), t = lt(s.value, () => {
|
|
466
467
|
l();
|
|
467
468
|
}));
|
|
468
469
|
},
|
|
@@ -471,20 +472,20 @@ const ws = (n, e, s) => {
|
|
|
471
472
|
H(
|
|
472
473
|
e,
|
|
473
474
|
() => {
|
|
474
|
-
e.value ? l() :
|
|
475
|
+
e.value ? l() : n.value = 0;
|
|
475
476
|
},
|
|
476
477
|
{ immediate: !0 }
|
|
477
478
|
);
|
|
478
479
|
});
|
|
479
|
-
}),
|
|
480
|
+
}), Ke(() => {
|
|
480
481
|
t == null || t.disconnect();
|
|
481
|
-
}),
|
|
482
|
-
},
|
|
482
|
+
}), n;
|
|
483
|
+
}, $n = (s, e, n) => {
|
|
483
484
|
const t = b(0), l = b(!1), i = b(!1);
|
|
484
485
|
return H(
|
|
485
486
|
() => t.value,
|
|
486
487
|
() => {
|
|
487
|
-
|
|
488
|
+
s.value.scrollLeft = t.value, e.value.scrollLeft = t.value, l.value = !!t.value, i.value = e.value.scrollWidth - e.value.offsetWidth > t.value;
|
|
488
489
|
}
|
|
489
490
|
), be(async () => {
|
|
490
491
|
var f, v;
|
|
@@ -496,25 +497,25 @@ const ws = (n, e, s) => {
|
|
|
496
497
|
hasRightOverflow: i,
|
|
497
498
|
// Methods
|
|
498
499
|
updateScrollPosition: (f) => {
|
|
499
|
-
t.value = f.target.scrollLeft,
|
|
500
|
+
t.value = f.target.scrollLeft, n.value = s.value.scrollHeight - f.target.scrollTop;
|
|
500
501
|
},
|
|
501
502
|
updateScrollPositionOnFrozenColumnsNavigation: (f) => {
|
|
502
|
-
f.key !== "Tab" && f.key !== "ArrowRight" && f.key !== "ArrowLeft" || (f.preventDefault(),
|
|
503
|
-
|
|
503
|
+
f.key !== "Tab" && f.key !== "ArrowRight" && f.key !== "ArrowLeft" || (f.preventDefault(), s.value.scrollLeft = 0, s.value.style.overflowX = "hidden", setTimeout(() => {
|
|
504
|
+
s.value.style.overflowX = "auto";
|
|
504
505
|
}));
|
|
505
506
|
}
|
|
506
507
|
};
|
|
507
|
-
},
|
|
508
|
+
}, xn = (s, e, n, t) => {
|
|
508
509
|
const l = b(null), i = R(() => {
|
|
509
510
|
var h, C, L, y;
|
|
510
|
-
if (!l.value || l.value.field ===
|
|
511
|
+
if (!l.value || l.value.field === ne)
|
|
511
512
|
return {
|
|
512
513
|
hoveredOverColumnField: "",
|
|
513
514
|
isSeparatorOffset: !1,
|
|
514
515
|
noBorderLeft: !1,
|
|
515
516
|
noBorderRight: !1
|
|
516
517
|
};
|
|
517
|
-
const c = (C = (h =
|
|
518
|
+
const c = (C = (h = s.value.find((I) => I.isFrozenColumns)) == null ? void 0 : h.columnSet) == null ? void 0 : C.filter((I) => I.field !== ne), _ = s.value.find((I) => !(I != null && I.isFrozenColumns)), f = l.value.frozen && (c == null ? void 0 : c[0].field) === l.value.field, v = !l.value.frozen && ((L = _ == null ? void 0 : _.columnSet) == null ? void 0 : L[0].field) === l.value.field, p = (e.value || n.value) && f, d = (e.value || n.value) && !c && v, u = c && v, r = (c == null ? void 0 : c.length) > 0 && l.value.frozen && (c == null ? void 0 : c[c.length - 1].field) === l.value.field, g = n.value && t.value && !l.value.frozen && ((y = _ == null ? void 0 : _.columnSet) == null ? void 0 : y[_.columnSet.length - 1].field) === l.value.field;
|
|
518
519
|
return {
|
|
519
520
|
hoveredOverColumnField: l.value.field,
|
|
520
521
|
isSeparatorOffset: g,
|
|
@@ -528,149 +529,149 @@ const ws = (n, e, s) => {
|
|
|
528
529
|
};
|
|
529
530
|
};
|
|
530
531
|
let Ge = 0;
|
|
531
|
-
const
|
|
532
|
+
const Un = {
|
|
532
533
|
beforeCreate() {
|
|
533
534
|
this.uuid = Ge.toString(), Ge += 1;
|
|
534
535
|
}
|
|
535
536
|
};
|
|
536
|
-
var
|
|
537
|
-
var e = this,
|
|
538
|
-
return
|
|
539
|
-
},
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
537
|
+
var zn = function() {
|
|
538
|
+
var e = this, n = e._self._c;
|
|
539
|
+
return n("svg", e._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? n("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), n("g", { attrs: { fill: "#00112C", "clip-path": "url(#uia-icons-16-arrow_up_down_sort__a" + e.uuid + ")" } }, [n("path", { attrs: { d: "M9.06077 4.00011L5.00011 -0.0605469L0.939453 4.00011L2.00011 5.06077L4.25 2.81089V10.75H5.75V2.81066L8.00011 5.06077L9.06077 4.00011Z" } }), n("path", { attrs: { d: "M10.25 13.1893L8.00011 10.9395L6.93945 12.0001L11.0001 16.0608L15.0608 12.0001L14.0001 10.9395L11.75 13.1896V5.25H10.25V13.1893Z" } })]), n("defs", [n("clipPath", { attrs: { id: "uia-icons-16-arrow_up_down_sort__a" + e.uuid } }, [n("rect", { attrs: { width: "16", height: "16", fill: "#fff" } })])])]);
|
|
540
|
+
}, Bn = [], Gn = /* @__PURE__ */ $(
|
|
541
|
+
Un,
|
|
542
|
+
zn,
|
|
543
|
+
Bn,
|
|
543
544
|
!1,
|
|
544
545
|
null,
|
|
545
546
|
null
|
|
546
547
|
);
|
|
547
|
-
const
|
|
548
|
+
const Wn = Gn.exports;
|
|
548
549
|
let We = 0;
|
|
549
|
-
const
|
|
550
|
+
const kn = {
|
|
550
551
|
beforeCreate() {
|
|
551
552
|
this.uuid = We.toString(), We += 1;
|
|
552
553
|
}
|
|
553
554
|
};
|
|
554
|
-
var
|
|
555
|
-
var e = this,
|
|
556
|
-
return
|
|
557
|
-
},
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
555
|
+
var Hn = function() {
|
|
556
|
+
var e = this, n = e._self._c;
|
|
557
|
+
return n("svg", e._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? n("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), n("path", { attrs: { fill: "#00112C", d: "M12.1933 8.7454L7.93903 12.9996L8.99969 14.0603L15.0604 7.99963L8.99969 1.93896L7.93903 2.99963L12.1848 7.24541L1.24902 7.25658L1.25056 8.75658L12.1933 8.7454Z" } })]);
|
|
558
|
+
}, Vn = [], Zn = /* @__PURE__ */ $(
|
|
559
|
+
kn,
|
|
560
|
+
Hn,
|
|
561
|
+
Vn,
|
|
561
562
|
!1,
|
|
562
563
|
null,
|
|
563
564
|
null
|
|
564
565
|
);
|
|
565
|
-
const
|
|
566
|
+
const jn = Zn.exports;
|
|
566
567
|
let ke = 0;
|
|
567
|
-
const
|
|
568
|
+
const qn = {
|
|
568
569
|
beforeCreate() {
|
|
569
570
|
this.uuid = ke.toString(), ke += 1;
|
|
570
571
|
}
|
|
571
572
|
};
|
|
572
|
-
var
|
|
573
|
-
var e = this,
|
|
574
|
-
return
|
|
575
|
-
},
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
573
|
+
var Yn = function() {
|
|
574
|
+
var e = this, n = e._self._c;
|
|
575
|
+
return n("svg", e._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? n("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), n("g", { attrs: { "clip-path": "url(#uia-icons-16-freeze__a" + e.uuid + ")" } }, [n("path", { attrs: { fill: "#00112C", d: "M7.99989 14.0605L9.49989 15.5605L10.5605 14.4999L8.75 12.6893V10.9334L10.169 10.116L11.6861 10.9939L12.3501 13.4688L13.7988 13.0801L13.2488 11.0301L15.2988 10.4801L14.9101 9.03129L12.4363 9.695L10.9199 8.81745V7.18276L12.4365 6.3051L14.9101 6.96875L15.2988 5.51999L13.2488 4.96999L13.7988 2.91999L12.3501 2.53129L11.686 5.00635L10.1693 5.88407L8.75 5.06648L8.75 3.31043L10.5605 1.49989L9.49989 0.439226L7.99989 1.93923L6.49989 0.439226L5.43923 1.49989L7.25 3.31066V5.06639L5.83078 5.88392L4.31419 5.00626L3.65018 2.53129L2.20141 2.91998L2.384 3.60052L2.38063 3.60143L2.75032 4.97028L0.701408 5.51999L1.0901 6.96875L1.7708 6.78612L1.77173 6.78955L3.56437 6.30541L5.07992 7.18246L5.07992 8.81775L3.564 9.69502L1.0901 9.03129L0.701408 10.4801L2.75141 11.0301L2.20141 13.0801L3.65018 13.4687L4.31414 10.994L5.83106 10.1161L7.25 10.9335V12.6891L5.43923 14.4999L6.49989 15.5605L7.99989 14.0605ZM9.41992 7.18345V8.81644L7.99992 9.63441L6.57992 8.81644L6.57992 7.18345L7.99992 6.36548L9.41992 7.18345Z" } })]), n("defs", [n("clipPath", { attrs: { id: "uia-icons-16-freeze__a" + e.uuid } }, [n("rect", { attrs: { width: "16", height: "16", fill: "#fff", transform: "matrix(1 0 0 -1 0 16)" } })])])]);
|
|
576
|
+
}, Xn = [], Jn = /* @__PURE__ */ $(
|
|
577
|
+
qn,
|
|
578
|
+
Yn,
|
|
579
|
+
Xn,
|
|
579
580
|
!1,
|
|
580
581
|
null,
|
|
581
582
|
null
|
|
582
583
|
);
|
|
583
|
-
const dt =
|
|
584
|
+
const dt = Jn.exports;
|
|
584
585
|
let He = 0;
|
|
585
|
-
const
|
|
586
|
+
const Kn = {
|
|
586
587
|
beforeCreate() {
|
|
587
588
|
this.uuid = He.toString(), He += 1;
|
|
588
589
|
}
|
|
589
590
|
};
|
|
590
|
-
var
|
|
591
|
-
var e = this,
|
|
592
|
-
return
|
|
593
|
-
},
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
591
|
+
var Qn = function() {
|
|
592
|
+
var e = this, n = e._self._c;
|
|
593
|
+
return n("svg", e._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? n("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), n("path", { attrs: { fill: "#00112C", d: "M2.99035 14.0608L14.051 3.00011L12.9903 1.93945L1.92969 13.0001L2.99035 14.0608Z" } }), n("path", { attrs: { fill: "#00112C", d: "M13.9404 5.23L12.8704 6.3C13.4704 6.97 13.9004 7.62 14.1304 8C13.4704 9.07 11.2504 12.25 8.00039 12.25C7.67039 12.25 7.34039 12.22 7.03039 12.14L5.80039 13.37C6.48039 13.61 7.21039 13.75 8.00039 13.75C12.7425 13.75 15.4838 8.69421 15.6649 8.36011C15.6671 8.35603 15.6689 8.35265 15.6704 8.35L15.8504 8L15.6704 7.65C15.6204 7.55 15.0204 6.43 13.9404 5.23Z" } }), n("path", { attrs: { fill: "#00112C", d: "M8.96039 3.85C8.65039 3.78 8.33039 3.75 8.00039 3.75C4.75039 3.75 2.53039 6.93 1.87039 8C2.10039 8.38 2.53039 9.02 3.12039 9.69L2.06039 10.75C0.98039 9.56 0.380391 8.45 0.330391 8.35L0.150391 8L0.330391 7.65C0.331838 7.64735 0.333668 7.64397 0.33588 7.63989C0.517034 7.30578 3.25829 2.25 8.00039 2.25C8.79039 2.25 9.52039 2.39 10.1904 2.62L8.96039 3.85Z" } })]);
|
|
594
|
+
}, es = [], ts = /* @__PURE__ */ $(
|
|
595
|
+
Kn,
|
|
596
|
+
Qn,
|
|
597
|
+
es,
|
|
597
598
|
!1,
|
|
598
599
|
null,
|
|
599
600
|
null
|
|
600
601
|
);
|
|
601
|
-
const
|
|
602
|
+
const ns = ts.exports;
|
|
602
603
|
let Ve = 0;
|
|
603
|
-
const
|
|
604
|
+
const ss = {
|
|
604
605
|
beforeCreate() {
|
|
605
606
|
this.uuid = Ve.toString(), Ve += 1;
|
|
606
607
|
}
|
|
607
608
|
};
|
|
608
|
-
var
|
|
609
|
-
var e = this,
|
|
610
|
-
return
|
|
611
|
-
},
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
609
|
+
var ls = function() {
|
|
610
|
+
var e = this, n = e._self._c;
|
|
611
|
+
return n("svg", e._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? n("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), n("g", { attrs: { fill: "#00112C", "clip-path": "url(#uia-icons-16-sort_ascending__a" + e.uuid + ")" } }, [n("path", { attrs: { d: "M12.0001 1.93945L16.0608 6.00011L15.0001 7.06077L12.75 4.81066V12.75H11.25V4.81089L9.00011 7.06077L7.93945 6.00011L12.0001 1.93945Z" } }), n("path", { attrs: { d: "M6.75 7.25H1.25V8.75H6.75V7.25Z" } }), n("path", { attrs: { d: "M1.25 11.25H8.75V12.75H1.25V11.25Z" } }), n("path", { attrs: { d: "M6.75 3.25H1.25V4.75H6.75V3.25Z" } })]), n("defs", [n("clipPath", { attrs: { id: "uia-icons-16-sort_ascending__a" + e.uuid } }, [n("rect", { attrs: { width: "16", height: "16", fill: "#fff" } })])])]);
|
|
612
|
+
}, os = [], is = /* @__PURE__ */ $(
|
|
613
|
+
ss,
|
|
614
|
+
ls,
|
|
615
|
+
os,
|
|
615
616
|
!1,
|
|
616
617
|
null,
|
|
617
618
|
null
|
|
618
619
|
);
|
|
619
|
-
const
|
|
620
|
+
const as = is.exports;
|
|
620
621
|
let Ze = 0;
|
|
621
|
-
const
|
|
622
|
+
const rs = {
|
|
622
623
|
beforeCreate() {
|
|
623
624
|
this.uuid = Ze.toString(), Ze += 1;
|
|
624
625
|
}
|
|
625
626
|
};
|
|
626
|
-
var
|
|
627
|
-
var e = this,
|
|
628
|
-
return
|
|
629
|
-
},
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
627
|
+
var cs = function() {
|
|
628
|
+
var e = this, n = e._self._c;
|
|
629
|
+
return n("svg", e._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? n("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), n("g", { attrs: { fill: "#00112C", "clip-path": "url(#uia-icons-16-sort_descending__a" + e.uuid + ")" } }, [n("path", { attrs: { d: "M12.75 3.25V11.1896L15.0001 8.93945L16.0608 10.0001L12.0001 14.0608L7.93945 10.0001L9.00011 8.93945L11.25 11.1893V3.25H12.75Z" } }), n("path", { attrs: { d: "M6.75 7.25H1.25V8.75H6.75V7.25Z" } }), n("path", { attrs: { d: "M1.25 3.25H9.09V4.75H1.25V3.25Z" } }), n("path", { attrs: { d: "M6.75 11.25H1.25V12.75H6.75V11.25Z" } })]), n("defs", [n("clipPath", { attrs: { id: "uia-icons-16-sort_descending__a" + e.uuid } }, [n("rect", { attrs: { width: "16", height: "16", fill: "#fff" } })])])]);
|
|
630
|
+
}, ds = [], us = /* @__PURE__ */ $(
|
|
631
|
+
rs,
|
|
632
|
+
cs,
|
|
633
|
+
ds,
|
|
633
634
|
!1,
|
|
634
635
|
null,
|
|
635
636
|
null
|
|
636
637
|
);
|
|
637
|
-
const
|
|
638
|
+
const fs = us.exports;
|
|
638
639
|
let je = 0;
|
|
639
|
-
const
|
|
640
|
+
const gs = {
|
|
640
641
|
beforeCreate() {
|
|
641
642
|
this.uuid = je.toString(), je += 1;
|
|
642
643
|
}
|
|
643
644
|
};
|
|
644
|
-
var
|
|
645
|
-
var e = this,
|
|
646
|
-
return
|
|
647
|
-
},
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
|
|
645
|
+
var _s = function() {
|
|
646
|
+
var e = this, n = e._self._c;
|
|
647
|
+
return n("svg", e._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? n("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), n("path", { attrs: { fill: "#00112C", d: "M8 5.25C6.48122 5.25 5.25 6.48122 5.25 8C5.25 9.51878 6.48122 10.75 8 10.75C9.51878 10.75 10.75 9.51878 10.75 8C10.75 6.48122 9.51878 5.25 8 5.25ZM6.75 8C6.75 7.30964 7.30964 6.75 8 6.75C8.69036 6.75 9.25 7.30964 9.25 8C9.25 8.69036 8.69036 9.25 8 9.25C7.30964 9.25 6.75 8.69036 6.75 8Z" } }), n("path", { attrs: { fill: "#00112C", d: "M7.99964 2.25C5.50387 2.25 3.57073 3.66588 2.3086 4.9806C1.6704 5.64539 1.18078 6.30745 0.850599 6.80272C0.685043 7.05106 0.558349 7.2593 0.471981 7.40748C0.428769 7.48162 0.395568 7.54087 0.372564 7.58275C0.36106 7.60369 0.352097 7.6203 0.345701 7.63227L0.338032 7.64672L0.335646 7.65126L0.334488 7.65348L0.154297 8L0.334225 8.34601L0.999638 8C0.334225 8.34601 0.334814 8.34715 0.334814 8.34715L0.335646 8.34874L0.338032 8.35328L0.345701 8.36773C0.352097 8.3797 0.36106 8.39631 0.372564 8.41725C0.395568 8.45913 0.428769 8.51838 0.471981 8.59252C0.558349 8.7407 0.685043 8.94894 0.850599 9.19728C1.18078 9.69255 1.6704 10.3546 2.3086 11.0194C3.57073 12.3341 5.50387 13.75 7.99964 13.75C10.4954 13.75 12.4285 12.3341 13.6907 11.0194C14.3289 10.3546 14.8185 9.69255 15.1487 9.19728C15.3142 8.94894 15.4409 8.7407 15.5273 8.59252C15.5705 8.51838 15.6037 8.45913 15.6267 8.41725C15.6382 8.39631 15.6472 8.3797 15.6536 8.36773L15.6612 8.35328L15.6636 8.34874L15.6648 8.34652L15.845 8L15.6651 7.65399L14.9996 8C15.6651 7.65399 15.6645 7.65285 15.6645 7.65285L15.6636 7.65126L15.6612 7.64672L15.6536 7.63227C15.6472 7.6203 15.6382 7.60369 15.6267 7.58275C15.6037 7.54087 15.5705 7.48162 15.5273 7.40748C15.4409 7.2593 15.3142 7.05106 15.1487 6.80272C14.8185 6.30745 14.3289 5.64539 13.6907 4.9806C12.4285 3.66588 10.4954 2.25 7.99964 2.25ZM14.9996 8L15.6648 8.34652C15.6648 8.34652 15.6651 8.34601 14.9996 8ZM0.999638 8L0.334488 7.65348C0.334488 7.65348 0.334225 7.65399 0.999638 8ZM2.09867 8.36522C2.00649 8.22694 1.92852 8.10363 1.86519 8C1.92852 7.89637 2.00649 7.77306 2.09867 7.63478C2.39349 7.19255 2.82887 6.60461 3.39068 6.0194C4.52855 4.83412 6.09541 3.75 7.99964 3.75C9.90387 3.75 11.4707 4.83412 12.6086 6.0194C13.1704 6.60461 13.6058 7.19255 13.9006 7.63478C13.9928 7.77306 14.0708 7.89637 14.1341 8C14.0708 8.10363 13.9928 8.22694 13.9006 8.36522C13.6058 8.80745 13.1704 9.39539 12.6086 9.9806C11.4707 11.1659 9.90387 12.25 7.99964 12.25C6.09541 12.25 4.52855 11.1659 3.39068 9.9806C2.82887 9.39539 2.39349 8.80745 2.09867 8.36522Z" } })]);
|
|
648
|
+
}, vs = [], Cs = /* @__PURE__ */ $(
|
|
649
|
+
gs,
|
|
650
|
+
_s,
|
|
651
|
+
vs,
|
|
651
652
|
!1,
|
|
652
653
|
null,
|
|
653
654
|
null
|
|
654
655
|
);
|
|
655
|
-
const
|
|
656
|
+
const ms = Cs.exports;
|
|
656
657
|
let qe = 0;
|
|
657
|
-
const
|
|
658
|
+
const ps = {
|
|
658
659
|
beforeCreate() {
|
|
659
660
|
this.uuid = qe.toString(), qe += 1;
|
|
660
661
|
}
|
|
661
662
|
};
|
|
662
|
-
var
|
|
663
|
-
var e = this,
|
|
664
|
-
return
|
|
665
|
-
},
|
|
666
|
-
|
|
667
|
-
|
|
668
|
-
|
|
663
|
+
var hs = function() {
|
|
664
|
+
var e = this, n = e._self._c;
|
|
665
|
+
return n("svg", e._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? n("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), n("path", { attrs: { fill: "#00112C", d: "M8 11.25L12.5 5.25H3.5L8 11.25Z" } })]);
|
|
666
|
+
}, Ls = [], Ss = /* @__PURE__ */ $(
|
|
667
|
+
ps,
|
|
668
|
+
hs,
|
|
669
|
+
Ls,
|
|
669
670
|
!1,
|
|
670
671
|
null,
|
|
671
672
|
null
|
|
672
673
|
);
|
|
673
|
-
const
|
|
674
|
+
const Es = Ss.exports, bs = {
|
|
674
675
|
"en-US": {
|
|
675
676
|
sortColumn: "Sort {name} column",
|
|
676
677
|
sortColumnInAscendingOrder: "Sort {name} column in ascending order",
|
|
@@ -685,12 +686,28 @@ const En = Sn.exports, bn = {
|
|
|
685
686
|
showColumn: "Show column",
|
|
686
687
|
unfreezeColumn: "Unfreeze column",
|
|
687
688
|
columnActions: "{name} column actions"
|
|
689
|
+
},
|
|
690
|
+
"pt-BR": {
|
|
691
|
+
freezeColumn: "Congelar coluna",
|
|
692
|
+
hideColumn: "Ocultar coluna",
|
|
693
|
+
moveColumnLeft: "Mover coluna para a esquerda",
|
|
694
|
+
moveColumnRight: "Mover coluna para a direita",
|
|
695
|
+
selectAll: "Selecionar tudo",
|
|
696
|
+
unfreezeColumn: "Descongelar coluna"
|
|
697
|
+
},
|
|
698
|
+
"ja-JP": {
|
|
699
|
+
freezeColumn: "列を固定",
|
|
700
|
+
hideColumn: "列を非表示",
|
|
701
|
+
moveColumnLeft: "列を左へ移動",
|
|
702
|
+
moveColumnRight: "列を右へ移動",
|
|
703
|
+
selectAll: "すべて選択",
|
|
704
|
+
unfreezeColumn: "列の固定を解除"
|
|
688
705
|
}
|
|
689
|
-
},
|
|
690
|
-
i18n: { messages:
|
|
706
|
+
}, Os = {
|
|
707
|
+
i18n: { messages: bs },
|
|
691
708
|
name: "data-grid-columns"
|
|
692
|
-
},
|
|
693
|
-
...
|
|
709
|
+
}, Rs = /* @__PURE__ */ ee({
|
|
710
|
+
...Os,
|
|
694
711
|
props: {
|
|
695
712
|
/**
|
|
696
713
|
* Column definitions using 'key' to relate to data object.
|
|
@@ -808,17 +825,17 @@ const En = Sn.exports, bn = {
|
|
|
808
825
|
}
|
|
809
826
|
},
|
|
810
827
|
emits: ["column-hover"],
|
|
811
|
-
setup(
|
|
812
|
-
const t =
|
|
828
|
+
setup(s, { expose: e, emit: n }) {
|
|
829
|
+
const t = s, l = 100, { t: i } = se(), { columns: c, sortBy: _ } = Ee(t), f = b({}), v = b({}), p = b(), d = b(), u = (o) => n(P.SELECT_ALL_ROWS, o), r = (o) => o.field === ne, g = R(() => [
|
|
813
830
|
{
|
|
814
831
|
text: i("selectPage"),
|
|
815
832
|
handler: () => u(!0)
|
|
816
833
|
},
|
|
817
834
|
{
|
|
818
835
|
text: i("selectAll"),
|
|
819
|
-
handler: () =>
|
|
836
|
+
handler: () => n(P.SELECT_ALL_ACROSS_PAGES)
|
|
820
837
|
}
|
|
821
|
-
]), { startResize: h, isResizing: C, columnHoverEventToEmitAfterResizing: L } =
|
|
838
|
+
]), { startResize: h, isResizing: C, columnHoverEventToEmitAfterResizing: L } = Sn(c, n), { isSorting: y, getSortingDirection: I, sortByColumnField: F } = wn(_, c, n), k = (o) => {
|
|
822
839
|
var X;
|
|
823
840
|
if (!o.sortable)
|
|
824
841
|
return null;
|
|
@@ -829,47 +846,47 @@ const En = Sn.exports, bn = {
|
|
|
829
846
|
}[N] : pe.NONE;
|
|
830
847
|
}, m = R(() => (o) => t.hasDraggableColumns ? {
|
|
831
848
|
dragstart: (N) => {
|
|
832
|
-
|
|
849
|
+
n(P.COLUMN_DRAG_START, o, N);
|
|
833
850
|
},
|
|
834
851
|
dragover: (N) => {
|
|
835
852
|
N.preventDefault();
|
|
836
853
|
},
|
|
837
854
|
dragenter: (N) => {
|
|
838
|
-
N.preventDefault(),
|
|
855
|
+
N.preventDefault(), n(P.COLUMN_DRAG_ENTER, o, N);
|
|
839
856
|
},
|
|
840
857
|
drop: () => {
|
|
841
|
-
|
|
858
|
+
n(P.COLUMN_DROP, o);
|
|
842
859
|
},
|
|
843
860
|
dragend: () => {
|
|
844
|
-
|
|
861
|
+
n(P.COLUMN_DRAG_END);
|
|
845
862
|
}
|
|
846
863
|
} : {}), a = R(() => (o) => [
|
|
847
864
|
{
|
|
848
865
|
text: i("moveColumnLeft"),
|
|
849
|
-
handler: () =>
|
|
850
|
-
icon:
|
|
866
|
+
handler: () => n(P.COLUMN_MOVE, o, -1),
|
|
867
|
+
icon: pn,
|
|
851
868
|
disabled: t.columns[0].field === o.field
|
|
852
869
|
},
|
|
853
870
|
{
|
|
854
871
|
text: i("moveColumnRight"),
|
|
855
|
-
handler: () =>
|
|
856
|
-
icon:
|
|
872
|
+
handler: () => n(P.COLUMN_MOVE, o, 1),
|
|
873
|
+
icon: jn,
|
|
857
874
|
disabled: t.columns[t.columns.length - 1].field === o.field
|
|
858
875
|
},
|
|
859
876
|
{
|
|
860
877
|
text: o != null && o.frozen ? i("unfreezeColumn") : i("freezeColumn"),
|
|
861
|
-
handler: () =>
|
|
878
|
+
handler: () => n(P.COLUMN_UPDATE, { ...o, frozen: !(o != null && o.frozen) }),
|
|
862
879
|
icon: dt
|
|
863
880
|
},
|
|
864
881
|
{
|
|
865
882
|
text: (o == null ? void 0 : o.visible) !== !1 ? i("hideColumn") : i("showColumn"),
|
|
866
883
|
handler: () => {
|
|
867
|
-
|
|
884
|
+
n(P.COLUMN_UPDATE, {
|
|
868
885
|
...o,
|
|
869
886
|
visible: (o == null ? void 0 : o.visible) === !1
|
|
870
887
|
});
|
|
871
888
|
},
|
|
872
|
-
icon: (o == null ? void 0 : o.visible) !== !1 ?
|
|
889
|
+
icon: (o == null ? void 0 : o.visible) !== !1 ? ns : ms,
|
|
873
890
|
disabled: (o == null ? void 0 : o.mandatory) || (o == null ? void 0 : o.visible) !== !1 && t.isOnlyOneVisibleColumn
|
|
874
891
|
}
|
|
875
892
|
]), E = (o) => {
|
|
@@ -882,10 +899,10 @@ const En = Sn.exports, bn = {
|
|
|
882
899
|
}, T = (o) => {
|
|
883
900
|
let N = {
|
|
884
901
|
mouseenter: () => {
|
|
885
|
-
E(o), C.value ? L.value = o :
|
|
902
|
+
E(o), C.value ? L.value = o : n("column-hover", o);
|
|
886
903
|
},
|
|
887
904
|
mouseleave: () => {
|
|
888
|
-
O(), C.value ? L.value = null :
|
|
905
|
+
O(), C.value ? L.value = null : n("column-hover", null);
|
|
889
906
|
},
|
|
890
907
|
focus: () => E(o)
|
|
891
908
|
};
|
|
@@ -910,7 +927,7 @@ const En = Sn.exports, bn = {
|
|
|
910
927
|
...o,
|
|
911
928
|
"b-data-grid-columns--unfrozen": !0
|
|
912
929
|
};
|
|
913
|
-
}), U = (o, N) => o && N === 0 ? $e.BOTTOM_START : $e.BOTTOM_END,
|
|
930
|
+
}), U = (o, N) => o && N === 0 ? $e.BOTTOM_START : $e.BOTTOM_END, D = (o, N) => {
|
|
914
931
|
var Y, X, le, ie, oe, de, ue, fe, ge, _e;
|
|
915
932
|
return {
|
|
916
933
|
"b-data-grid-columns__column--column-hovered": o.field === t.hoveredOverColumnState.hoveredOverColumnField,
|
|
@@ -939,64 +956,64 @@ const En = Sn.exports, bn = {
|
|
|
939
956
|
}));
|
|
940
957
|
return e({
|
|
941
958
|
columnHeaderRefs: f
|
|
942
|
-
}), { __sfc: !0, props: t, emit:
|
|
959
|
+
}), { __sfc: !0, props: t, emit: n, CLOSING_CONTEXTUAL_MENU_DELAY_MS: l, t: i, columns: c, sortBy: _, columnHeaderRefs: f, contextMenuRef: v, hoveredColumnField: p, closingTimeOutId: d, onAllRowSelect: u, isSelectColumn: r, selectAllMenu: g, startResize: h, isResizing: C, columnHoverEventToEmitAfterResizing: L, isSorting: y, getSortingDirection: I, sortByColumnField: F, getSortingColumnDirection: k, draggingEventsForColumn: m, contextualMenuData: a, showContextualMenu: E, hideContextualMenu: O, dataGridColumnEvents: T, hasColumnActions: x, registerColumnsRefs: B, conditionalColumnsClasses: z, computeMenuPosition: U, conditionalColumnClasses: D, conditionalColumnHeaderAndActionsClasses: w, conditionalColumnActionsClasses: Z, conditionalColumnSeparatorClasses: re, conditionalColumnHeaderClasses: ce, BentoCheckbox: rt, BentoDatagridSortDirection: te, BentoTypography: he, BentoInfoIcon: mn, DatagridColumnsEvent: P, BentoMenu: ct, BentoToggleButton: at, ArrowUpAndDownSortIcon: Wn, SortAscendingIcon: as, SortDescendingIcon: fs, TriangleDown: Es };
|
|
943
960
|
}
|
|
944
961
|
});
|
|
945
|
-
var
|
|
946
|
-
var e = this,
|
|
947
|
-
return
|
|
948
|
-
return
|
|
949
|
-
return [
|
|
950
|
-
}, proxy: !0 }], null, !0) })] : e._e()], 2) : [
|
|
951
|
-
return [
|
|
952
|
-
}, { column: l })], 2), t.hasColumnActions(l) ?
|
|
962
|
+
var ys = function() {
|
|
963
|
+
var e = this, n = e._self._c, t = e._self._setupProxy;
|
|
964
|
+
return n("div", { staticClass: "b-data-grid-columns", class: t.conditionalColumnsClasses, attrs: { "data-testid": "data-grid-columns" } }, e._l(t.columns, function(l, i) {
|
|
965
|
+
return n("div", e._g({ key: l.field, ref: (c) => t.registerColumnsRefs(c, l.field), refInFor: !0, staticClass: "b-data-grid-columns__column", class: t.conditionalColumnClasses(l, i), style: { width: l.autoWidth && e.isMeasuringColumnWidths ? "auto" : `${l.width}px` }, attrs: { "aria-colindex": i + 1, "aria-label": l.label, "aria-sort": t.getSortingColumnDirection(l), "data-testid": `${l.field}-column-header`, draggable: e.hasDraggableColumns && !t.isResizing && !t.isSelectColumn(l), role: "columnheader", tabindex: l.sortable || e.hasColumnPanel || l.infoIconTooltip ? "0" : "-1" } }, t.dataGridColumnEvents(l)), [t.isSelectColumn(l) ? n("div", { staticClass: "b-data-grid-columns__select-column" }, [n(t.BentoCheckbox, { attrs: { "model-value": e.allItemsSelectedState.allItemsSelected, "data-testid": "checkbox-select-all", indeterminate: e.allItemsSelectedState.isIndeterminate, value: "data-grid-select-all" }, on: { "update:model-value": t.onAllRowSelect } }), e.selectableAcrossPages ? [n(t.BentoMenu, { staticClass: "b-data-grid-columns__select-column-menu", attrs: { data: t.selectAllMenu, "menu-position": "bottom-start", "menu-fixed-positioning": "", button: { variant: "tertiary", condensed: !0 } }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
|
|
966
|
+
return [n(t.TriangleDown, { attrs: { "svg-title": t.t("selectionMenu") } })];
|
|
967
|
+
}, proxy: !0 }], null, !0) })] : e._e()], 2) : [n("div", { staticClass: "b-data-grid-columns__column-header-and-actions", class: t.conditionalColumnHeaderAndActionsClasses(l), attrs: { "aria-label": t.t("columnActions", { name: l.label }), "aria-live": "polite", role: "region" } }, [n(t.BentoTypography, { staticClass: "b-data-grid-columns__column-header", class: t.conditionalColumnHeaderClasses, attrs: { el: "div", strongest: "" } }, [e._t(`head-${l.field}`, function() {
|
|
968
|
+
return [n("span", { staticClass: "b-data-grid-columns__label" }, [e._v(e._s(l.label))])];
|
|
969
|
+
}, { column: l })], 2), t.hasColumnActions(l) ? n("div", { staticClass: "b-data-grid-columns__column-actions", class: t.conditionalColumnActionsClasses(l) }, [l.infoIconTooltip ? n("div", { staticClass: "b-data-grid-columns__column-info-icon" }, [n(t.BentoInfoIcon, { attrs: { "tooltip-text": l.infoIconTooltip } })], 1) : e._e(), l.sortable ? n("div", { staticClass: "b-data-grid-columns__column-sort" }, [n(t.BentoToggleButton, { attrs: { condensed: "", toggled: t.isSorting(l.field), variant: "tertiary" }, on: { click: function(c) {
|
|
953
970
|
return t.sortByColumnField(l.field);
|
|
954
971
|
} }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
|
|
955
|
-
return [t.getSortingDirection(l.field) ? t.getSortingDirection(l.field) === t.BentoDatagridSortDirection.ASCENDING ?
|
|
956
|
-
}, proxy: !0 }], null, !0) })], 1) : e._e(), e.hasColumnPanel && t.hoveredColumnField === l.field ?
|
|
972
|
+
return [t.getSortingDirection(l.field) ? t.getSortingDirection(l.field) === t.BentoDatagridSortDirection.ASCENDING ? n(t.SortAscendingIcon, { attrs: { "svg-title": t.t("sortColumnInDescendingOrder", { name: l.label }) } }) : t.getSortingDirection(l.field) === t.BentoDatagridSortDirection.DESCENDING ? n(t.SortDescendingIcon, { attrs: { "svg-title": t.t("sortColumnInAscendingOrder", { name: l.label }) } }) : e._e() : n(t.ArrowUpAndDownSortIcon, { attrs: { "svg-title": t.t("sortColumn", { name: l.label }) } })];
|
|
973
|
+
}, proxy: !0 }], null, !0) })], 1) : e._e(), e.hasColumnPanel && t.hoveredColumnField === l.field ? n(t.BentoMenu, { ref: (c) => t.contextMenuRef[l.field] = c, refInFor: !0, staticClass: "b-data-grid-columns__menu", attrs: { data: t.contextualMenuData(l), "menu-position": t.computeMenuPosition(e.hasFirstColumnPanelRightAligned, i), "menu-fixed-positioning": !0, button: { variant: "tertiary", condensed: !0 } }, on: { open: function(c) {
|
|
957
974
|
return e.$emit(t.DatagridColumnsEvent.COLUMN_MENU_OPEN);
|
|
958
975
|
}, close: function(c) {
|
|
959
976
|
return e.$emit(t.DatagridColumnsEvent.COLUMN_MENU_CLOSE);
|
|
960
|
-
} } }) : e._e()], 1) : e._e()], 1),
|
|
977
|
+
} } }) : e._e()], 1) : e._e()], 1), n("div", { staticClass: "b-data-grid-columns__column-separator-container", class: t.conditionalColumnSeparatorClasses(l), attrs: { "data-testid": `data-grid-column-${l.field}`, role: "presentation" }, on: { mousedown: function(c) {
|
|
961
978
|
return t.startResize(e.hasResizableColumns, l.field, c);
|
|
962
979
|
}, click: function(c) {
|
|
963
980
|
c.stopPropagation();
|
|
964
|
-
} } }, [!e.isFrozenColumns || e.isFrozenColumns && i !== t.columns.length - 1 ?
|
|
981
|
+
} } }, [!e.isFrozenColumns || e.isFrozenColumns && i !== t.columns.length - 1 ? n("div", { staticClass: "b-data-grid-columns__column-separator" }) : e._e()])]], 2);
|
|
965
982
|
}), 0);
|
|
966
|
-
},
|
|
967
|
-
|
|
968
|
-
|
|
969
|
-
|
|
983
|
+
}, As = [], Ts = /* @__PURE__ */ $(
|
|
984
|
+
Rs,
|
|
985
|
+
ys,
|
|
986
|
+
As,
|
|
970
987
|
!1,
|
|
971
988
|
null,
|
|
972
989
|
"b3aeeb28"
|
|
973
990
|
);
|
|
974
|
-
const
|
|
975
|
-
var Q = /* @__PURE__ */ ((
|
|
991
|
+
const Is = Ts.exports;
|
|
992
|
+
var Q = /* @__PURE__ */ ((s) => (s.CONFIG_SETTINGS = "config-settings", s.UPDATE_COLUMNS = "update:columns", s))(Q || {});
|
|
976
993
|
let Ye = 0;
|
|
977
|
-
const
|
|
994
|
+
const ws = {
|
|
978
995
|
beforeCreate() {
|
|
979
996
|
this.uuid = Ye.toString(), Ye += 1;
|
|
980
997
|
}
|
|
981
998
|
};
|
|
982
|
-
var
|
|
983
|
-
var e = this,
|
|
984
|
-
return
|
|
985
|
-
},
|
|
986
|
-
|
|
987
|
-
|
|
988
|
-
|
|
999
|
+
var Ns = function() {
|
|
1000
|
+
var e = this, n = e._self._c;
|
|
1001
|
+
return n("svg", e._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? n("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), n("g", { attrs: { fill: "#00112C", "clip-path": "url(#uia-icons-16-settings__a" + e.uuid + ")" } }, [n("path", { attrs: { d: "M8 5.25C6.48122 5.25 5.25 6.48122 5.25 8C5.25 9.51878 6.48122 10.75 8 10.75C9.51878 10.75 10.75 9.51878 10.75 8C10.75 6.48122 9.51878 5.25 8 5.25ZM6.75 8C6.75 7.30964 7.30964 6.75 8 6.75C8.69036 6.75 9.25 7.30964 9.25 8C9.25 8.69036 8.69036 9.25 8 9.25C7.30964 9.25 6.75 8.69036 6.75 8Z" } }), n("path", { attrs: { d: "M6.84701 0.973015L6.59985 0.35083L5.9537 0.526056C4.64534 0.880867 3.48225 1.56808 2.55285 2.48641L2.07533 2.95826L2.49158 3.48495C2.79648 3.87074 2.85279 4.419 2.58992 4.87589C2.32905 5.32931 1.82436 5.55631 1.33473 5.48726L0.677319 5.39455L0.505539 6.03586C0.33838 6.65992 0.25 7.32519 0.25 7.99991C0.25 8.67463 0.33838 9.3399 0.505539 9.96396L0.677319 10.6053L1.33473 10.5126C1.82436 10.4435 2.32905 10.6705 2.58992 11.1239C2.85279 11.5808 2.79648 12.1291 2.49158 12.5149L2.07533 13.0416L2.55285 13.5134C3.48225 14.4317 4.64534 15.119 5.9537 15.4738L6.59985 15.649L6.84701 15.0268C7.02659 14.5748 7.47549 14.2499 8 14.2499C8.52452 14.2499 8.97341 14.5748 9.15299 15.0268L9.40016 15.649L10.0463 15.4738C11.3547 15.119 12.5177 14.4317 13.4471 13.5134L13.9247 13.0416L13.5084 12.5149C13.2035 12.1291 13.1472 11.5808 13.4101 11.1239C13.671 10.6705 14.1756 10.4435 14.6653 10.5126L15.3227 10.6053L15.4945 9.96396C15.6616 9.3399 15.75 8.67463 15.75 7.99991C15.75 7.32519 15.6616 6.65992 15.4945 6.03586L15.3227 5.39455L14.6653 5.48726C14.1756 5.55631 13.671 5.32931 13.4101 4.87589C13.1472 4.419 13.2035 3.87074 13.5084 3.48495L13.9247 2.95826L13.4471 2.48641C12.5177 1.56808 11.3547 0.880867 10.0463 0.526056L9.40016 0.35083L9.15299 0.973015C8.97341 1.42506 8.52452 1.74991 8 1.74991C7.47549 1.74991 7.02659 1.42506 6.84701 0.973015ZM3.89008 5.62393C4.33946 4.84286 4.36394 3.9353 4.03405 3.16853C4.55803 2.73795 5.15349 2.39116 5.80146 2.14902C6.30062 2.81653 7.10051 3.24991 8 3.24991C8.89949 3.24991 9.69938 2.81653 10.1985 2.14902C10.8465 2.39116 11.442 2.73795 11.966 3.16853C11.6361 3.9353 11.6605 4.84287 12.1099 5.62393C12.5612 6.40839 13.3382 6.88092 14.1658 6.97982C14.221 7.31075 14.25 7.65319 14.25 7.99991C14.25 8.34663 14.221 8.68908 14.1658 9.02001C13.3382 9.11891 12.5612 9.59143 12.1099 10.3759C11.6605 11.157 11.6361 12.0645 11.9659 12.8313C11.442 13.2619 10.8465 13.6087 10.1985 13.8508C9.69938 13.1833 8.89949 12.7499 8 12.7499C7.10051 12.7499 6.30062 13.1833 5.80146 13.8508C5.15349 13.6087 4.55803 13.2619 4.03405 12.8313C4.36394 12.0645 4.33946 11.157 3.89008 10.3759C3.43875 9.59143 2.66177 9.1189 1.8342 9.02C1.77896 8.68908 1.75 8.34663 1.75 7.99991C1.75 7.65319 1.77896 7.31074 1.8342 6.97982C2.66177 6.88092 3.43875 6.40839 3.89008 5.62393Z" } })]), n("defs", [n("clipPath", { attrs: { id: "uia-icons-16-settings__a" + e.uuid } }, [n("rect", { attrs: { width: "16", height: "16", fill: "#fff" } })])])]);
|
|
1002
|
+
}, Ms = [], Ds = /* @__PURE__ */ $(
|
|
1003
|
+
ws,
|
|
1004
|
+
Ns,
|
|
1005
|
+
Ms,
|
|
989
1006
|
!1,
|
|
990
1007
|
null,
|
|
991
1008
|
null
|
|
992
1009
|
);
|
|
993
|
-
const
|
|
1010
|
+
const Fs = Ds.exports, Ps = {
|
|
994
1011
|
"en-US": {
|
|
995
1012
|
toggleColumnVisibility: "Toggle {label} column visibility",
|
|
996
1013
|
toggleColumnFreeze: "Toggle {label} column freeze"
|
|
997
1014
|
}
|
|
998
|
-
}, $
|
|
999
|
-
i18n: { messages:
|
|
1015
|
+
}, $s = ee({
|
|
1016
|
+
i18n: { messages: Ps },
|
|
1000
1017
|
name: "bento-data-grid",
|
|
1001
1018
|
components: {
|
|
1002
1019
|
BentoFreezeIcon: dt,
|
|
@@ -1019,17 +1036,17 @@ const Mn = Fn.exports, Pn = {
|
|
|
1019
1036
|
}
|
|
1020
1037
|
},
|
|
1021
1038
|
emits: ["visible-column", "updated-column"],
|
|
1022
|
-
setup(
|
|
1023
|
-
const { t:
|
|
1039
|
+
setup(s, { emit: e }) {
|
|
1040
|
+
const { t: n } = se(), t = b(!1), l = R(() => {
|
|
1024
1041
|
var d;
|
|
1025
|
-
return (d =
|
|
1042
|
+
return (d = s.column) == null ? void 0 : d.frozen;
|
|
1026
1043
|
}), i = R(() => {
|
|
1027
1044
|
var d;
|
|
1028
|
-
return ((d =
|
|
1045
|
+
return ((d = s.column) == null ? void 0 : d.visible) !== !1;
|
|
1029
1046
|
}), c = () => {
|
|
1030
|
-
e("visible-column", { ...
|
|
1047
|
+
e("visible-column", { ...s.column, visible: !i.value });
|
|
1031
1048
|
}, _ = () => {
|
|
1032
|
-
e("updated-column", { ...
|
|
1049
|
+
e("updated-column", { ...s.column, frozen: !l.value });
|
|
1033
1050
|
}, f = () => {
|
|
1034
1051
|
l.value || (t.value = !0);
|
|
1035
1052
|
}, v = () => {
|
|
@@ -1049,55 +1066,65 @@ const Mn = Fn.exports, Pn = {
|
|
|
1049
1066
|
hideFreezeIcon: v,
|
|
1050
1067
|
toggleColumnFreeze: _,
|
|
1051
1068
|
// Translations
|
|
1052
|
-
t:
|
|
1069
|
+
t: n
|
|
1053
1070
|
};
|
|
1054
1071
|
}
|
|
1055
1072
|
});
|
|
1056
|
-
var
|
|
1057
|
-
var e = this,
|
|
1058
|
-
return e._self._setupProxy,
|
|
1073
|
+
var xs = function() {
|
|
1074
|
+
var e = this, n = e._self._c;
|
|
1075
|
+
return e._self._setupProxy, n("div", { staticClass: "b-data-grid-config-settings-column-row", on: { mouseover: e.showFreezeIcon, mouseleave: e.hideFreezeIcon } }, [n("bento-toggle", { attrs: { "aria-label": e.t("toggleColumnVisibility", { label: e.column.label }), disabled: e.isColumnVisibilityToggleDisabled, "label-position": "after", value: e.isColumnVisible }, on: { input: e.toggleColumnVisibility } }, [e._v(" " + e._s(e.column.label) + " ")]), n("bento-freeze-icon", { directives: [{ name: "show", rawName: "v-show", value: e.isColumnFrozen || e.isFreezeIconOptionShown, expression: "isColumnFrozen || isFreezeIconOptionShown" }], staticClass: "b-data-grid-config-settings-column-row__freeze-icon", class: e.freezeIconConditionalClasses, attrs: { "aria-label": e.t("toggleColumnFreeze", { label: e.column.label }) }, nativeOn: { click: function(t) {
|
|
1059
1076
|
return e.toggleColumnFreeze.apply(null, arguments);
|
|
1060
1077
|
} } })], 1);
|
|
1061
|
-
},
|
|
1062
|
-
$
|
|
1063
|
-
|
|
1064
|
-
|
|
1078
|
+
}, Us = [], zs = /* @__PURE__ */ $(
|
|
1079
|
+
$s,
|
|
1080
|
+
xs,
|
|
1081
|
+
Us,
|
|
1065
1082
|
!1,
|
|
1066
1083
|
null,
|
|
1067
1084
|
"eae7733f"
|
|
1068
1085
|
);
|
|
1069
|
-
const
|
|
1086
|
+
const Bs = zs.exports, Gs = {
|
|
1070
1087
|
"en-US": {
|
|
1071
1088
|
closeConfigSettingsPanel: "Close configuration settings panel",
|
|
1072
|
-
|
|
1073
|
-
displayOptions: "Display options",
|
|
1074
|
-
condensed: "Condensed",
|
|
1075
|
-
condensedToggle: "Condensed toggle",
|
|
1076
|
-
size: "Size",
|
|
1077
|
-
toggleConfigSettingsPanelVisibility: "Toggle Configuration settings panel visibility",
|
|
1089
|
+
closeSearch: "Close search",
|
|
1078
1090
|
columns: "Columns",
|
|
1079
|
-
showAllColumns: "Show all columns ({numberOfColumns})",
|
|
1080
1091
|
columnVisibilitySearchFilter: "Column visibility search filter",
|
|
1092
|
+
condensed: "Condensed",
|
|
1093
|
+
condensedToggle: "Condensed toggle",
|
|
1094
|
+
configSettingsPanel: "Configuration settings Panel",
|
|
1095
|
+
displayOptions: "Display options",
|
|
1096
|
+
noColumnsMatch: "No columns match this search",
|
|
1081
1097
|
search: "Search",
|
|
1082
|
-
|
|
1083
|
-
|
|
1098
|
+
showAllColumns: "Show all columns ({numberOfColumns})",
|
|
1099
|
+
size: "Size",
|
|
1100
|
+
toggleConfigSettingsPanelVisibility: "Toggle Configuration settings panel visibility"
|
|
1101
|
+
},
|
|
1102
|
+
"pt-BR": {
|
|
1103
|
+
condensed: "Condensado",
|
|
1104
|
+
search: "Buscar",
|
|
1105
|
+
size: "Tamanho"
|
|
1106
|
+
},
|
|
1107
|
+
"ja-JP": {
|
|
1108
|
+
condensed: "凝縮",
|
|
1109
|
+
search: "検索",
|
|
1110
|
+
size: "サイズ"
|
|
1084
1111
|
}
|
|
1085
|
-
},
|
|
1086
|
-
i18n: { messages:
|
|
1112
|
+
}, Ws = ee({
|
|
1113
|
+
i18n: { messages: Gs },
|
|
1087
1114
|
name: "bento-data-grid",
|
|
1088
1115
|
components: {
|
|
1089
1116
|
BentoButton: ot,
|
|
1090
1117
|
BentoCrossIcon: tt,
|
|
1091
|
-
BentoPopover:
|
|
1092
|
-
BentoSettingsIcon:
|
|
1118
|
+
BentoPopover: on,
|
|
1119
|
+
BentoSettingsIcon: Fs,
|
|
1093
1120
|
BentoToggleButton: at,
|
|
1094
|
-
BentoDataGridConfigSettingsConfigRow:
|
|
1095
|
-
BentoSearchBar:
|
|
1096
|
-
BentoSearchIcon:
|
|
1121
|
+
BentoDataGridConfigSettingsConfigRow: Bs,
|
|
1122
|
+
BentoSearchBar: an,
|
|
1123
|
+
BentoSearchIcon: dn,
|
|
1097
1124
|
BentoToggle: it,
|
|
1098
1125
|
BentoTypography: he
|
|
1099
1126
|
},
|
|
1100
|
-
directives: { BentoClickOutsideDirective:
|
|
1127
|
+
directives: { BentoClickOutsideDirective: un },
|
|
1101
1128
|
props: {
|
|
1102
1129
|
/**
|
|
1103
1130
|
* Column definitions
|
|
@@ -1115,11 +1142,11 @@ const Bn = zn.exports, Gn = {
|
|
|
1115
1142
|
}
|
|
1116
1143
|
},
|
|
1117
1144
|
emits: [Q.CONFIG_SETTINGS, Q.UPDATE_COLUMNS],
|
|
1118
|
-
setup(
|
|
1119
|
-
const { t:
|
|
1145
|
+
setup(s, { emit: e }) {
|
|
1146
|
+
const { t: n } = se(), t = b(null), l = cn("data-grid-config-settings-popover"), i = b(null), c = b(!1), _ = b(!0), f = b(null), v = b(""), p = Qe(s, "columns"), d = b(!1), u = rn(v, p), r = () => {
|
|
1120
1147
|
v.value = "";
|
|
1121
1148
|
}, g = R(
|
|
1122
|
-
() => !
|
|
1149
|
+
() => !s.columns.some((a) => a.visible === !1 && !a.mandatory)
|
|
1123
1150
|
), h = () => {
|
|
1124
1151
|
r(), d.value = !d.value, d.value ? V(() => {
|
|
1125
1152
|
var a;
|
|
@@ -1129,7 +1156,7 @@ const Bn = zn.exports, Gn = {
|
|
|
1129
1156
|
return (E = (a = f == null ? void 0 : f.value) == null ? void 0 : a.$el) == null ? void 0 : E.focus();
|
|
1130
1157
|
}), _.value = g.value;
|
|
1131
1158
|
}, C = (a) => a.mandatory ?? !1, L = (a) => {
|
|
1132
|
-
const E =
|
|
1159
|
+
const E = s.columns.map((O) => ({
|
|
1133
1160
|
...O,
|
|
1134
1161
|
visible: a.field === O.field ? a.visible : O.visible
|
|
1135
1162
|
}));
|
|
@@ -1137,18 +1164,18 @@ const Bn = zn.exports, Gn = {
|
|
|
1137
1164
|
}, y = (a) => {
|
|
1138
1165
|
a ? e(
|
|
1139
1166
|
Q.UPDATE_COLUMNS,
|
|
1140
|
-
|
|
1167
|
+
s.columns.map((E) => ({ ...E, visible: !0 }))
|
|
1141
1168
|
) : e(
|
|
1142
1169
|
Q.UPDATE_COLUMNS,
|
|
1143
|
-
|
|
1170
|
+
s.columns.map((E) => ({ ...E, visible: (E == null ? void 0 : E.mandatory) === !0 }))
|
|
1144
1171
|
);
|
|
1145
1172
|
}, I = (a) => {
|
|
1146
|
-
const E =
|
|
1173
|
+
const E = s.columns.map((O) => ({
|
|
1147
1174
|
...O,
|
|
1148
1175
|
frozen: a.field === O.field ? !!(a != null && a.frozen) : !!(O != null && O.frozen)
|
|
1149
1176
|
}));
|
|
1150
1177
|
e(Q.UPDATE_COLUMNS, E);
|
|
1151
|
-
},
|
|
1178
|
+
}, F = (a) => {
|
|
1152
1179
|
c.value = a, _.value = g.value;
|
|
1153
1180
|
};
|
|
1154
1181
|
return {
|
|
@@ -1162,110 +1189,130 @@ const Bn = zn.exports, Gn = {
|
|
|
1162
1189
|
isColumnVisibilityFilterShown: d,
|
|
1163
1190
|
searchBarRef: i,
|
|
1164
1191
|
searchButtonRef: f,
|
|
1165
|
-
DATAGRID_SELECT_FIELD_NAME:
|
|
1192
|
+
DATAGRID_SELECT_FIELD_NAME: ne,
|
|
1166
1193
|
// Methods
|
|
1167
|
-
setConfigSettingsPanelVisibility:
|
|
1194
|
+
setConfigSettingsPanelVisibility: F,
|
|
1168
1195
|
emitCondensedToggle: (a) => e(Q.CONFIG_SETTINGS, a),
|
|
1169
1196
|
toggleAllColumnVisibility: y,
|
|
1170
1197
|
clearAction: r,
|
|
1171
1198
|
toggleColumnFilter: h,
|
|
1172
1199
|
emitVisibleColumns: L,
|
|
1173
1200
|
emitFrozenColumns: I,
|
|
1174
|
-
onClickOutside: () =>
|
|
1201
|
+
onClickOutside: () => F(!1),
|
|
1175
1202
|
isColumnVisibilityToggleDisabled: C,
|
|
1176
1203
|
// Translations
|
|
1177
|
-
t:
|
|
1204
|
+
t: n
|
|
1178
1205
|
};
|
|
1179
1206
|
}
|
|
1180
1207
|
});
|
|
1181
|
-
var
|
|
1182
|
-
var e = this,
|
|
1183
|
-
return e._self._setupProxy,
|
|
1208
|
+
var ks = function() {
|
|
1209
|
+
var e = this, n = e._self._c;
|
|
1210
|
+
return e._self._setupProxy, n("div", { directives: [{ name: "bento-click-outside-directive", rawName: "v-bento-click-outside-directive", value: e.onClickOutside, expression: "onClickOutside" }], staticClass: "b-data-grid-config-settings" }, [n("div", { staticClass: "b-data-grid-config-settings__button-and-separator" }, [n("div", { ref: "configSettingsButtonRef", staticClass: "b-data-grid-config-settings__button-container" }, [n("bento-toggle-button", { attrs: { "aria-controls": e.isConfigSettingsPanelOpen ? e.popoverId : null, variant: "tertiary", condensed: "", toggled: e.isConfigSettingsPanelOpen }, on: { click: function(t) {
|
|
1184
1211
|
return e.setConfigSettingsPanelVisibility(!e.isConfigSettingsPanelOpen);
|
|
1185
1212
|
} }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
|
|
1186
|
-
return [
|
|
1187
|
-
}, proxy: !0 }]) })], 1)]), e.configSettingsButtonRef ?
|
|
1213
|
+
return [n("bento-settings-icon", { attrs: { "svg-title": e.t("toggleConfigSettingsPanelVisibility") } })];
|
|
1214
|
+
}, proxy: !0 }]) })], 1)]), e.configSettingsButtonRef ? n("bento-popover", { staticClass: "b-data-grid-config-settings__panel", attrs: { id: e.popoverId, open: e.isConfigSettingsPanelOpen, "aria-label": e.t("configSettingsPanel"), "target-element": e.configSettingsButtonRef, position: "bottom-end" } }, [n("div", { staticClass: "b-data-grid-config-settings__panel-header" }, [n("bento-typography", { attrs: { el: "span", strongest: "" } }, [e._v(" " + e._s(e.t("displayOptions")) + " ")]), n("bento-button", { attrs: { variant: "tertiary" }, on: { click: function(t) {
|
|
1188
1215
|
return e.setConfigSettingsPanelVisibility(!1);
|
|
1189
1216
|
} }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
|
|
1190
|
-
return [
|
|
1191
|
-
}, proxy: !0 }], null, !1, 353359238) })], 1),
|
|
1192
|
-
return [
|
|
1193
|
-
}, proxy: !0 }], null, !1, 2651303519) }, [e._v(" " + e._s(e.t("closeSearch")) + " ")]) :
|
|
1194
|
-
return [
|
|
1195
|
-
}, proxy: !0 }], null, !1, 2341044271) }, [e._v(e._s(e.t("search")))])], 1), e.isColumnVisibilityFilterShown ?
|
|
1217
|
+
return [n("bento-cross-icon", { attrs: { "svg-title": e.t("closeConfigSettingsPanel") } })];
|
|
1218
|
+
}, proxy: !0 }], null, !1, 353359238) })], 1), n("div", { staticClass: "b-data-grid-config-settings__condensed-view-settings" }, [n("bento-typography", { staticClass: "b-data-grid-config-settings__condensed-view-title", attrs: { el: "span", stronger: "" } }, [e._v(" " + e._s(e.t("size")) + " ")]), n("bento-toggle", { attrs: { "label-position": "after", "aria-label": e.t("condensedToggle"), value: e.condensed }, on: { input: e.emitCondensedToggle } }, [e._v(" " + e._s(e.t("condensed")) + " ")])], 1), n("div", { staticClass: "b-data-grid-config-settings__column-visibility-settings" }, [n("div", { staticClass: "b-data-grid-config-settings__column-visibility-header" }, [n("bento-typography", { staticClass: "b-data-grid-config-settings__column-visibility-title", attrs: { el: "span", stronger: "" } }, [e._v(" " + e._s(e.t("columns")) + " ")]), e.isColumnVisibilityFilterShown ? n("bento-button", { attrs: { variant: "tertiary" }, on: { click: e.toggleColumnFilter }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
|
|
1219
|
+
return [n("bento-cross-icon")];
|
|
1220
|
+
}, proxy: !0 }], null, !1, 2651303519) }, [e._v(" " + e._s(e.t("closeSearch")) + " ")]) : n("bento-button", { ref: "searchButtonRef", attrs: { variant: "tertiary" }, on: { click: e.toggleColumnFilter }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
|
|
1221
|
+
return [n("bento-search-icon")];
|
|
1222
|
+
}, proxy: !0 }], null, !1, 2341044271) }, [e._v(e._s(e.t("search")))])], 1), e.isColumnVisibilityFilterShown ? n("div", { staticClass: "b-data-grid-config-settings__column-visibility-search" }, [n("bento-search-bar", { ref: "searchBarRef", attrs: { value: e.searchTerm, "input-field-aria-label": e.t("columnVisibilitySearchFilter").toString() }, on: { input: function(t) {
|
|
1196
1223
|
e.searchTerm = t;
|
|
1197
|
-
}, clear: e.clearAction, "escape-pressed": e.toggleColumnFilter } })], 1) :
|
|
1198
|
-
return
|
|
1199
|
-
}), e.filteredColumnVisibilityColumns.length === 0 ?
|
|
1200
|
-
},
|
|
1201
|
-
|
|
1202
|
-
|
|
1203
|
-
|
|
1224
|
+
}, clear: e.clearAction, "escape-pressed": e.toggleColumnFilter } })], 1) : n("div", { staticClass: "b-data-grid-config-settings__column-visibility-show-all" }, [n("bento-toggle", { attrs: { "label-position": "after", value: e.allColumnsVisbilityToggleState }, on: { input: e.toggleAllColumnVisibility } }, [e._v(" " + e._s(e.t("showAllColumns", { numberOfColumns: e.columns.length })) + " ")])], 1), n("div", { staticClass: "b-data-grid-config-settings__column-visibility-toggles" }, [e._l(e.filteredColumnVisibilityColumns, function(t) {
|
|
1225
|
+
return n("div", { key: t.field }, [t.field !== e.DATAGRID_SELECT_FIELD_NAME ? n("bento-data-grid-config-settings-config-row", { attrs: { column: t, "is-column-visibility-toggle-disabled": e.isColumnVisibilityToggleDisabled(t) }, on: { "visible-column": e.emitVisibleColumns, "updated-column": e.emitFrozenColumns } }) : e._e()], 1);
|
|
1226
|
+
}), e.filteredColumnVisibilityColumns.length === 0 ? n("bento-typography", { staticClass: "b-data-grid-config-settings__column-visibility-empty-search-message", attrs: { el: "span" } }, [e._v(" " + e._s(e.t("noColumnsMatch")) + " ")]) : e._e()], 2)])]) : e._e()], 1);
|
|
1227
|
+
}, Hs = [], Vs = /* @__PURE__ */ $(
|
|
1228
|
+
Ws,
|
|
1229
|
+
ks,
|
|
1230
|
+
Hs,
|
|
1204
1231
|
!1,
|
|
1205
1232
|
null,
|
|
1206
1233
|
"5bd3936a"
|
|
1207
1234
|
);
|
|
1208
|
-
const
|
|
1235
|
+
const Zs = Vs.exports, ut = {
|
|
1209
1236
|
"en-US": {
|
|
1210
1237
|
gettingYourData: "Getting your data",
|
|
1211
1238
|
loading: "Loading",
|
|
1239
|
+
selectRow: "Select row",
|
|
1212
1240
|
showMore: "Show more",
|
|
1213
1241
|
sortAscending: "{field} sort ascending",
|
|
1214
1242
|
sortDescending: "{field} sort descending",
|
|
1215
|
-
sortInactive: "{field} sort inactive"
|
|
1216
|
-
|
|
1243
|
+
sortInactive: "{field} sort inactive"
|
|
1244
|
+
},
|
|
1245
|
+
"pt-BR": {
|
|
1246
|
+
loading: "Carregando",
|
|
1247
|
+
showMore: "Mostrar mais"
|
|
1248
|
+
},
|
|
1249
|
+
"ja-JP": {
|
|
1250
|
+
loading: "読み込み中",
|
|
1251
|
+
showMore: "表示内容を増やす"
|
|
1217
1252
|
}
|
|
1218
|
-
},
|
|
1253
|
+
}, js = {
|
|
1219
1254
|
i18n: { messages: ut }
|
|
1220
|
-
},
|
|
1221
|
-
...
|
|
1255
|
+
}, qs = /* @__PURE__ */ ee({
|
|
1256
|
+
...js,
|
|
1222
1257
|
__name: "data-grid-lazy-load",
|
|
1223
1258
|
props: {
|
|
1224
1259
|
loading: { type: Boolean },
|
|
1225
1260
|
isInfiniteScroll: { type: Boolean }
|
|
1226
1261
|
},
|
|
1227
|
-
setup(
|
|
1228
|
-
const { t: e } =
|
|
1229
|
-
return { __sfc: !0, t: e, BentoLoadingButton:
|
|
1262
|
+
setup(s) {
|
|
1263
|
+
const { t: e } = se();
|
|
1264
|
+
return { __sfc: !0, t: e, BentoLoadingButton: hn, BentoLoadingButtonState: Ln, BentoLoadingIndicator: nt, BentoDatagridEvent: A };
|
|
1230
1265
|
}
|
|
1231
1266
|
});
|
|
1232
|
-
var
|
|
1233
|
-
var e = this,
|
|
1234
|
-
return
|
|
1267
|
+
var Ys = function() {
|
|
1268
|
+
var e = this, n = e._self._c, t = e._self._setupProxy;
|
|
1269
|
+
return n("div", { staticClass: "b-data-grid-lazy-load" }, [e.loading && e.isInfiniteScroll ? n(t.BentoLoadingIndicator) : e._e(), e.loading && !e.isInfiniteScroll ? n(t.BentoLoadingButton, { attrs: { variant: "secondary", state: t.BentoLoadingButtonState.LOADING } }, [e._v(e._s(t.t("loading")))]) : e._e(), !e.loading && !e.isInfiniteScroll ? n(t.BentoLoadingButton, { attrs: { state: t.BentoLoadingButtonState.START, variant: "secondary" }, on: { click: function(l) {
|
|
1235
1270
|
return e.$emit(t.BentoDatagridEvent.UPDATE_SHOW_MORE);
|
|
1236
1271
|
} } }, [e._v(e._s(t.t("showMore")))]) : e._e()], 1);
|
|
1237
|
-
},
|
|
1238
|
-
|
|
1239
|
-
|
|
1240
|
-
|
|
1272
|
+
}, Xs = [], Js = /* @__PURE__ */ $(
|
|
1273
|
+
qs,
|
|
1274
|
+
Ys,
|
|
1275
|
+
Xs,
|
|
1241
1276
|
!1,
|
|
1242
1277
|
null,
|
|
1243
1278
|
"fd9b8204"
|
|
1244
1279
|
);
|
|
1245
|
-
const
|
|
1280
|
+
const Ks = Js.exports;
|
|
1246
1281
|
let Xe = 0;
|
|
1247
|
-
const
|
|
1282
|
+
const Qs = {
|
|
1248
1283
|
beforeCreate() {
|
|
1249
1284
|
this.uuid = Xe.toString(), Xe += 1;
|
|
1250
1285
|
}
|
|
1251
1286
|
};
|
|
1252
1287
|
var el = function() {
|
|
1253
|
-
var e = this,
|
|
1254
|
-
return
|
|
1255
|
-
}, tl = [],
|
|
1256
|
-
|
|
1288
|
+
var e = this, n = e._self._c;
|
|
1289
|
+
return n("svg", e._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? n("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), n("path", { attrs: { fill: "#00112C", d: "M12.9243 1.86372C12.0456 0.985043 10.621 0.985041 9.74234 1.86372L1.25 10.3561V14.7501H5.64399L14.1363 6.25772C15.015 5.37904 15.015 3.95442 14.1363 3.07574L12.9243 1.86372ZM10.803 2.92438C11.0959 2.63149 11.5708 2.63149 11.8637 2.92438L13.0757 4.1364C13.3686 4.42929 13.3686 4.90416 13.0757 5.19706L12.3333 5.93947L10.0606 3.6668L10.803 2.92438ZM8.99993 4.72746L11.2726 7.00013L5.02267 13.2501H2.75V10.9774L8.99993 4.72746Z" } })]);
|
|
1290
|
+
}, tl = [], nl = /* @__PURE__ */ $(
|
|
1291
|
+
Qs,
|
|
1257
1292
|
el,
|
|
1258
1293
|
tl,
|
|
1259
1294
|
!1,
|
|
1260
1295
|
null,
|
|
1261
1296
|
null
|
|
1262
1297
|
);
|
|
1263
|
-
const
|
|
1298
|
+
const sl = nl.exports, ll = {
|
|
1264
1299
|
"en-US": {
|
|
1265
1300
|
copy: "Copy",
|
|
1266
1301
|
edit: "Edit",
|
|
1267
1302
|
open: "Open",
|
|
1268
1303
|
more: "More"
|
|
1304
|
+
},
|
|
1305
|
+
"pt-BR": {
|
|
1306
|
+
copy: "Copiar",
|
|
1307
|
+
edit: "Editar",
|
|
1308
|
+
open: "Abrir",
|
|
1309
|
+
more: "Mais"
|
|
1310
|
+
},
|
|
1311
|
+
"ja-JP": {
|
|
1312
|
+
copy: "コピー",
|
|
1313
|
+
edit: "編集",
|
|
1314
|
+
open: "を開く",
|
|
1315
|
+
more: "表示を増やす"
|
|
1269
1316
|
}
|
|
1270
1317
|
}, ol = {
|
|
1271
1318
|
i18n: { messages: ll },
|
|
@@ -1279,7 +1326,7 @@ const nl = sl.exports, ll = {
|
|
|
1279
1326
|
cellActions: {
|
|
1280
1327
|
type: Array,
|
|
1281
1328
|
required: !0,
|
|
1282
|
-
validator: (
|
|
1329
|
+
validator: (s) => (s == null ? void 0 : s.length) <= 2
|
|
1283
1330
|
},
|
|
1284
1331
|
/**
|
|
1285
1332
|
* The column field key.
|
|
@@ -1297,12 +1344,12 @@ const nl = sl.exports, ll = {
|
|
|
1297
1344
|
}
|
|
1298
1345
|
},
|
|
1299
1346
|
emits: ["menu-item-click-close"],
|
|
1300
|
-
setup(
|
|
1301
|
-
const
|
|
1347
|
+
setup(s, { emit: e }) {
|
|
1348
|
+
const n = s, { t } = se(), l = R(() => {
|
|
1302
1349
|
var u;
|
|
1303
|
-
return ((u =
|
|
1350
|
+
return ((u = n.cellActions) == null ? void 0 : u.length) > 2 && st(
|
|
1304
1351
|
"WARNING: BentoDataGrid Cell actions can only have a maximum of 2 actions, if you need more consider using the menuData property instead."
|
|
1305
|
-
),
|
|
1352
|
+
), n.cellActions.slice(0, 2);
|
|
1306
1353
|
}), i = R(() => (u, r) => {
|
|
1307
1354
|
if (!(!r && u.isShort || r && !u.isShort))
|
|
1308
1355
|
switch (u.variant) {
|
|
@@ -1318,46 +1365,46 @@ const nl = sl.exports, ll = {
|
|
|
1318
1365
|
return u.title;
|
|
1319
1366
|
}
|
|
1320
1367
|
}), c = (u) => (u == null ? void 0 : u.event) !== void 0 ? {
|
|
1321
|
-
click: () => u.event(
|
|
1368
|
+
click: () => u.event(n.rowDataItem, n.columnKey)
|
|
1322
1369
|
} : {}, _ = (u) => ({
|
|
1323
1370
|
...u,
|
|
1324
1371
|
handler: () => {
|
|
1325
|
-
u != null && u.handler && typeof u.handler == "function" && (u == null || u.handler()), u != null && u.event && typeof u.event == "function" && (u == null || u.event(
|
|
1372
|
+
u != null && u.handler && typeof u.handler == "function" && (u == null || u.handler()), u != null && u.event && typeof u.event == "function" && (u == null || u.event(n.rowDataItem, n.columnKey));
|
|
1326
1373
|
}
|
|
1327
1374
|
}), f = (u) => u.map((r) => {
|
|
1328
1375
|
const g = r;
|
|
1329
1376
|
return g != null && g.items && (g.items = f(g.items)), { ..._(g) };
|
|
1330
1377
|
});
|
|
1331
|
-
return { __sfc: !0, t, props:
|
|
1378
|
+
return { __sfc: !0, t, props: n, emit: e, limitedRowCellActionsProps: l, getButtonTitle: i, generateButtonEvents: c, generateMenuEvents: _, transformMenuEvents: f, getCopyText: (u) => {
|
|
1332
1379
|
var r, g;
|
|
1333
|
-
return (u == null ? void 0 : u.getCopyData) !== void 0 ? u.getCopyData(
|
|
1334
|
-
}, shouldShowMenuIconRight: (u) => u.iconRight || ((u == null ? void 0 : u.variant) === "more" || (u == null ? void 0 : u.variant) === "open") && !u.isShort, shouldShowMenuIconLeft: (u) => u.iconLeft || (u == null ? void 0 : u.variant) === "more", BentoButton: ot, BentoMenu: ct, Copy:
|
|
1380
|
+
return (u == null ? void 0 : u.getCopyData) !== void 0 ? u.getCopyData(n.rowDataItem, n.columnKey) : (g = (r = n.rowDataItem) == null ? void 0 : r[n.columnKey]) == null ? void 0 : g.toString();
|
|
1381
|
+
}, shouldShowMenuIconRight: (u) => u.iconRight || ((u == null ? void 0 : u.variant) === "more" || (u == null ? void 0 : u.variant) === "open") && !u.isShort, shouldShowMenuIconLeft: (u) => u.iconLeft || (u == null ? void 0 : u.variant) === "more", BentoButton: ot, BentoMenu: ct, Copy: vn, Edit1Icon: sl, ExternalLinkIcon: _n, OptionsVerticalIcon: fn };
|
|
1335
1382
|
}
|
|
1336
1383
|
});
|
|
1337
1384
|
var al = function() {
|
|
1338
|
-
var e = this,
|
|
1339
|
-
return
|
|
1340
|
-
return
|
|
1385
|
+
var e = this, n = e._self._c, t = e._self._setupProxy;
|
|
1386
|
+
return n("Transition", { attrs: { name: "b-data-grid-cell-actions__animation", appear: "" } }, [n("div", { staticClass: "b-data-grid-cell-actions" }, [n("div", { staticClass: "b-data-grid-cell-actions__background-gradient" }), n("div", { staticClass: "b-data-grid-cell-actions__actions", attrs: { role: "group" } }, e._l(t.limitedRowCellActionsProps, function(l, i) {
|
|
1387
|
+
return n("div", { key: i, staticClass: "b-data-grid-cell-actions__action" }, [l.menuData ? n(t.BentoMenu, { attrs: { data: t.transformMenuEvents(l.menuData), button: {
|
|
1341
1388
|
condensed: !0,
|
|
1342
1389
|
variant: "secondary",
|
|
1343
1390
|
disabled: l.disabled
|
|
1344
1391
|
}, teleport: "" }, on: { "menu-item-click": function(c) {
|
|
1345
1392
|
return t.emit("menu-item-click-close");
|
|
1346
1393
|
} }, scopedSlots: e._u([t.shouldShowMenuIconLeft(l) ? { key: "iconLeft", fn: function() {
|
|
1347
|
-
return [(l == null ? void 0 : l.variant) === "more" ?
|
|
1394
|
+
return [(l == null ? void 0 : l.variant) === "more" ? n(t.OptionsVerticalIcon, { attrs: { "svg-title": t.getButtonTitle(l, !0) } }) : n(l.iconLeft, { tag: "component", attrs: { "svg-title": t.getButtonTitle(l, !0) } })];
|
|
1348
1395
|
}, proxy: !0 } : null, l != null && l.isShort ? null : { key: "default", fn: function() {
|
|
1349
1396
|
return [e._v(" " + e._s(t.getButtonTitle(l)) + " ")];
|
|
1350
1397
|
}, proxy: !0 }, t.shouldShowMenuIconRight(l) ? { key: "iconRight", fn: function() {
|
|
1351
|
-
return [(l == null ? void 0 : l.variant) === "open" ?
|
|
1352
|
-
}, proxy: !0 } : null], null, !0) }) : l.variant === "copy" ?
|
|
1398
|
+
return [(l == null ? void 0 : l.variant) === "open" ? n(t.ExternalLinkIcon, { attrs: { "svg-title": t.getButtonTitle(l, !0) } }) : n(l.iconRight, { tag: "component", attrs: { "svg-title": l.title } })];
|
|
1399
|
+
}, proxy: !0 } : null], null, !0) }) : l.variant === "copy" ? n(t.Copy, { attrs: { text: t.getCopyText(l), "button-text": t.getButtonTitle(l), button: {
|
|
1353
1400
|
condensed: !0,
|
|
1354
1401
|
variant: "secondary"
|
|
1355
|
-
} } }) :
|
|
1356
|
-
return [(l == null ? void 0 : l.variant) === "edit" ?
|
|
1402
|
+
} } }) : n(t.BentoButton, e._g({ attrs: { condensed: "", variant: "secondary", critical: l.critical, disabled: l.disabled, link: l.link }, scopedSlots: e._u([l.iconLeft || l.variant === "edit" ? { key: "iconLeft", fn: function() {
|
|
1403
|
+
return [(l == null ? void 0 : l.variant) === "edit" ? n(t.Edit1Icon, { attrs: { "svg-title": t.getButtonTitle(l, !0) } }) : n(l.iconLeft, { tag: "component", attrs: { "svg-title": l.title } })];
|
|
1357
1404
|
}, proxy: !0 } : null, l != null && l.isShort ? null : { key: "default", fn: function() {
|
|
1358
1405
|
return [e._v(" " + e._s(t.getButtonTitle(l)) + " ")];
|
|
1359
1406
|
}, proxy: !0 }, l.iconRight || l.variant === "open" ? { key: "iconRight", fn: function() {
|
|
1360
|
-
return [(l == null ? void 0 : l.variant) === "open" ?
|
|
1407
|
+
return [(l == null ? void 0 : l.variant) === "open" ? n(t.ExternalLinkIcon, { attrs: { "svg-title": t.getButtonTitle(l, !0) } }) : n(l.iconRight, { tag: "component", attrs: { "svg-title": l.title } })];
|
|
1361
1408
|
}, proxy: !0 } : null], null, !0) }, t.generateButtonEvents(l)))], 1);
|
|
1362
1409
|
}), 0)])]);
|
|
1363
1410
|
}, rl = [], cl = /* @__PURE__ */ $(
|
|
@@ -1369,7 +1416,7 @@ var al = function() {
|
|
|
1369
1416
|
"a6bb216c"
|
|
1370
1417
|
);
|
|
1371
1418
|
const dl = cl.exports;
|
|
1372
|
-
var W = /* @__PURE__ */ ((
|
|
1419
|
+
var W = /* @__PURE__ */ ((s) => (s.COLUMN_HOVERED = "column-hovered", s.COLUMN_HOVERED_NO_BORDER_LEFT = "column-hovered-no-border-left", s.COLUMN_HOVERED_NO_BORDER_RIGHT = "column-hovered-no-border-right", s.CONDENSED = "condensed", s.FROZEN = "frozen", s.IS_COLUMN_REORDERING = "is-column-re-ordering", s.IS_COLUMN_REORDERING_TARGET_LEFT = "is-column-re-order-target-left", s.IS_COLUMN_REORDERING_TARGET_RIGHT = "is-column-re-order-target-right", s.LAST_FROZEN_COLUMN_CELL = "last-frozen-column-cell", s.NUMERIC = "numeric", s.OVERFLOW_ELLIPSIS = "overflow-ellipsis", s.PADDING_LEFT_UNSET = "padding-left-unset", s.PADDING_RIGHT_UNSET = "padding-right-unset", s))(W || {});
|
|
1373
1420
|
const ul = {
|
|
1374
1421
|
"en-US": {
|
|
1375
1422
|
selectRow: "Select row"
|
|
@@ -1426,7 +1473,7 @@ const ul = {
|
|
|
1426
1473
|
*/
|
|
1427
1474
|
getDataItemId: {
|
|
1428
1475
|
type: Function,
|
|
1429
|
-
default: (
|
|
1476
|
+
default: (s) => s.id
|
|
1430
1477
|
},
|
|
1431
1478
|
/**
|
|
1432
1479
|
* The column hovered over state and whether the hovered over column should show a border right or left.
|
|
@@ -1464,8 +1511,8 @@ const ul = {
|
|
|
1464
1511
|
}
|
|
1465
1512
|
},
|
|
1466
1513
|
emits: ["on-frozen-columns-key-press", "select-row", "register-row-cell-element", "cell-hovered"],
|
|
1467
|
-
setup(
|
|
1468
|
-
const t =
|
|
1514
|
+
setup(s, { expose: e, emit: n }) {
|
|
1515
|
+
const t = s, l = et(), i = Cn(l), { t: c } = se(), _ = b(null), f = b(null), v = b(!1), p = b([]), d = R(() => {
|
|
1469
1516
|
var a;
|
|
1470
1517
|
return !!((a = t.rowData) != null && a[t.column.field]);
|
|
1471
1518
|
}), u = (a, E) => (a == null ? void 0 : a.overflow) === Le.ELLIPSIS ? `${E}` : void 0, r = (a) => a ?? "-", g = (a) => t.columnSets.slice(0, a).reduce((E, { columnSet: O }) => E + O.length, 0), h = (a, E) => a + g(E), C = (a, E, O) => g() * a + h(E, O), L = (a) => {
|
|
@@ -1477,7 +1524,7 @@ const ul = {
|
|
|
1477
1524
|
const O = { ...{
|
|
1478
1525
|
...t.draggingEventsForRowCell(a)
|
|
1479
1526
|
} };
|
|
1480
|
-
return a.frozen && (O.keyup = (T) =>
|
|
1527
|
+
return a.frozen && (O.keyup = (T) => n("on-frozen-columns-key-press", T), O.keydown = (T) => n("on-frozen-columns-key-press", T)), a.cellActions && (O.mouseenter = () => {
|
|
1481
1528
|
v.value = !0;
|
|
1482
1529
|
}, O.mouseleave = (T) => {
|
|
1483
1530
|
v.value = !1, L(T == null ? void 0 : T.relatedTarget);
|
|
@@ -1492,16 +1539,16 @@ const ul = {
|
|
|
1492
1539
|
H(
|
|
1493
1540
|
() => v.value,
|
|
1494
1541
|
() => {
|
|
1495
|
-
v.value === !0 ?
|
|
1542
|
+
v.value === !0 ? n("cell-hovered", t.rowIndex) : n("cell-hovered", -1);
|
|
1496
1543
|
}
|
|
1497
1544
|
);
|
|
1498
|
-
const
|
|
1545
|
+
const F = (a) => {
|
|
1499
1546
|
p.value.push(a);
|
|
1500
1547
|
}, k = (a) => {
|
|
1501
1548
|
_.value.contains(a == null ? void 0 : a.relatedTarget) || (v.value = !1);
|
|
1502
1549
|
};
|
|
1503
|
-
jt(
|
|
1504
|
-
registerMenuContainerElement:
|
|
1550
|
+
jt(gn, {
|
|
1551
|
+
registerMenuContainerElement: F,
|
|
1505
1552
|
menuMouseLeave: k
|
|
1506
1553
|
});
|
|
1507
1554
|
const m = (a) => {
|
|
@@ -1523,17 +1570,17 @@ const ul = {
|
|
|
1523
1570
|
};
|
|
1524
1571
|
return e({
|
|
1525
1572
|
gridcellRef: _
|
|
1526
|
-
}), { __sfc: !0, slots: l, hasSlot: i, t: c, props: t, emit:
|
|
1573
|
+
}), { __sfc: !0, slots: l, hasSlot: i, t: c, props: t, emit: n, gridcellRef: _, cellActionsRef: f, shouldShowCellActions: v, childrenMenuContainerElements: p, hasRowData: d, conditionalTitleAttribute: u, getRowData: r, sumColumnAmountsInColumnSets: g, getColIndex: h, getCellIndex: C, isLeavingCellFocus: L, onMenuClose: y, getGridcellEvents: I, registerMenuContainerElement: F, menuMouseLeave: k, conditionalRowCellClasses: m, DATAGRID_SELECT_FIELD_NAME: ne, BentoCheckbox: rt, BentoTypography: he, DataGridCellActions: dl };
|
|
1527
1574
|
}
|
|
1528
1575
|
});
|
|
1529
1576
|
var _l = function() {
|
|
1530
1577
|
var l;
|
|
1531
|
-
var e = this,
|
|
1532
|
-
return
|
|
1578
|
+
var e = this, n = e._self._c, t = e._self._setupProxy;
|
|
1579
|
+
return n("div", e._g({ key: `cell-${e.column.field}`, ref: "gridcellRef", staticClass: "b-data-grid-cell", class: t.conditionalRowCellClasses(e.column), style: {
|
|
1533
1580
|
width: e.column.autoWidth && e.isMeasuringColumnWidths ? "auto" : `${e.column.width}px`
|
|
1534
|
-
}, attrs: { "data-testid": `cell-${e.column.field}`, "data-cellindex": t.getCellIndex(e.rowIndex, e.colIndex, e.columnSetIndex), role: "gridcell", tabindex: t.getCellIndex(e.rowIndex, e.colIndex, e.columnSetIndex) === 0 ? "0" : "-1", "aria-colindex": t.getColIndex(e.colIndex, e.columnSetIndex) + 1 } }, t.getGridcellEvents(e.column)), [e.column.field !== t.DATAGRID_SELECT_FIELD_NAME ? [
|
|
1535
|
-
return [
|
|
1536
|
-
}, { item: e.rowData })], 2), ((l = e.column.cellActions) == null ? void 0 : l.length) > 0 ?
|
|
1581
|
+
}, attrs: { "data-testid": `cell-${e.column.field}`, "data-cellindex": t.getCellIndex(e.rowIndex, e.colIndex, e.columnSetIndex), role: "gridcell", tabindex: t.getCellIndex(e.rowIndex, e.colIndex, e.columnSetIndex) === 0 ? "0" : "-1", "aria-colindex": t.getColIndex(e.colIndex, e.columnSetIndex) + 1 } }, t.getGridcellEvents(e.column)), [e.column.field !== t.DATAGRID_SELECT_FIELD_NAME ? [n(t.BentoTypography, { attrs: { el: "div" } }, [e._t(`item-${e.column.field}`, function() {
|
|
1582
|
+
return [n("span", { attrs: { title: t.conditionalTitleAttribute(e.column, e.rowData[e.column.field]) } }, [e._v(e._s(t.getRowData(e.rowData[e.column.field])))])];
|
|
1583
|
+
}, { item: e.rowData })], 2), ((l = e.column.cellActions) == null ? void 0 : l.length) > 0 ? n("div", { staticClass: "b-data-grid-cell__cell-actions" }, [t.shouldShowCellActions && (t.hasRowData || t.hasSlot(`item-${e.column.field}`)) ? n(t.DataGridCellActions, { ref: "cellActionsRef", attrs: { "cell-actions": e.column.cellActions, "column-key": e.column.field, "row-data-item": e.rowData }, on: { "menu-item-click-close": t.onMenuClose } }) : e._e()], 1) : e._e()] : [n(t.BentoCheckbox, { staticClass: "b-data-grid-cell__select-cell", attrs: { "aria-label": t.t("selectRow"), "model-value": e.selectedItems, disabled: e.isDataItemDisabled(e.rowData), value: e.getDataItemId(e.rowData) }, on: { "update:model-value": function(i) {
|
|
1537
1584
|
return e.$emit("select-row", i);
|
|
1538
1585
|
} } })]], 2);
|
|
1539
1586
|
}, vl = [], Cl = /* @__PURE__ */ $(
|
|
@@ -1545,15 +1592,15 @@ var _l = function() {
|
|
|
1545
1592
|
"be96f8d1"
|
|
1546
1593
|
);
|
|
1547
1594
|
const ml = Cl.exports;
|
|
1548
|
-
let
|
|
1595
|
+
let Je = 0;
|
|
1549
1596
|
const pl = {
|
|
1550
1597
|
beforeCreate() {
|
|
1551
|
-
this.uuid =
|
|
1598
|
+
this.uuid = Je.toString(), Je += 1;
|
|
1552
1599
|
}
|
|
1553
1600
|
};
|
|
1554
1601
|
var hl = function() {
|
|
1555
|
-
var e = this,
|
|
1556
|
-
return
|
|
1602
|
+
var e = this, n = e._self._c;
|
|
1603
|
+
return n("svg", e._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? n("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), n("g", { attrs: { "clip-path": "url(#uia-icons-16-warning_circle_fill__a" + e.uuid + ")" } }, [n("path", { attrs: { fill: "#00112C", d: "M0.25 8C0.25 3.71979 3.71979 0.25 8 0.25C12.2802 0.25 15.75 3.71979 15.75 8C15.75 12.2802 12.2802 15.75 8 15.75C3.71979 15.75 0.25 12.2802 0.25 8ZM8.75 8.75V4.25H7.25V8.75H8.75ZM8 11.5C8.41421 11.5 8.75 11.1642 8.75 10.75C8.75 10.3358 8.41421 10 8 10C7.58579 10 7.25 10.3358 7.25 10.75C7.25 11.1642 7.58579 11.5 8 11.5Z" } })]), n("defs", [n("clipPath", { attrs: { id: "uia-icons-16-warning_circle_fill__a" + e.uuid } }, [n("rect", { attrs: { width: "16", height: "16", fill: "#fff" } })])])]);
|
|
1557
1604
|
}, Ll = [], Sl = /* @__PURE__ */ $(
|
|
1558
1605
|
pl,
|
|
1559
1606
|
hl,
|
|
@@ -1570,8 +1617,8 @@ const El = Sl.exports, bl = {}, Ol = /* @__PURE__ */ ee({
|
|
|
1570
1617
|
tooltipText: null,
|
|
1571
1618
|
variant: { default: "no-value" }
|
|
1572
1619
|
},
|
|
1573
|
-
setup(
|
|
1574
|
-
const e =
|
|
1620
|
+
setup(s) {
|
|
1621
|
+
const e = s, n = R(() => {
|
|
1575
1622
|
switch (e.variant) {
|
|
1576
1623
|
case "checkmark":
|
|
1577
1624
|
return qt;
|
|
@@ -1589,12 +1636,12 @@ const El = Sl.exports, bl = {}, Ol = /* @__PURE__ */ ee({
|
|
|
1589
1636
|
}), t = R(() => ({
|
|
1590
1637
|
"b-data-grid-static-icon--colored": e.colored && e.variant !== "no-value"
|
|
1591
1638
|
})), l = R(() => `b-data-grid-static-icon__${e.variant}`), i = R(() => Xt.AUTO);
|
|
1592
|
-
return { __sfc: !0, props: e, computedIcon:
|
|
1639
|
+
return { __sfc: !0, props: e, computedIcon: n, conditionalClasses: t, computedIconClass: l, tooltipPosition: i, vBentoTooltipDirective: Jt };
|
|
1593
1640
|
}
|
|
1594
1641
|
});
|
|
1595
1642
|
var Rl = function() {
|
|
1596
|
-
var e = this,
|
|
1597
|
-
return
|
|
1643
|
+
var e = this, n = e._self._c, t = e._self._setupProxy;
|
|
1644
|
+
return n("div", { directives: [{ name: "bento-tooltip-directive", rawName: "v-bento-tooltip-directive:[tooltipPosition]", value: e.tooltipText, expression: "tooltipText", arg: t.tooltipPosition }], staticClass: "b-data-grid-static-icon", class: t.conditionalClasses, attrs: { "aria-label": e.tooltipText, tabindex: "0" } }, [n(t.computedIcon, { tag: "component", class: t.computedIconClass, attrs: { "svg-title": e.tooltipText } })], 1);
|
|
1598
1645
|
}, yl = [], Al = /* @__PURE__ */ $(
|
|
1599
1646
|
Ol,
|
|
1600
1647
|
Rl,
|
|
@@ -1603,7 +1650,7 @@ var Rl = function() {
|
|
|
1603
1650
|
null,
|
|
1604
1651
|
"f8532817"
|
|
1605
1652
|
);
|
|
1606
|
-
const
|
|
1653
|
+
const Lo = Al.exports, Tl = {
|
|
1607
1654
|
i18n: { messages: ut },
|
|
1608
1655
|
name: "bento-data-grid"
|
|
1609
1656
|
}, Il = /* @__PURE__ */ ee({
|
|
@@ -1696,7 +1743,7 @@ const ho = Al.exports, Tl = {
|
|
|
1696
1743
|
*/
|
|
1697
1744
|
getDataItemId: {
|
|
1698
1745
|
type: Function,
|
|
1699
|
-
default: (
|
|
1746
|
+
default: (s) => s.id
|
|
1700
1747
|
},
|
|
1701
1748
|
/**
|
|
1702
1749
|
* If resize is enabled
|
|
@@ -1722,7 +1769,7 @@ const ho = Al.exports, Tl = {
|
|
|
1722
1769
|
lazyLoadType: {
|
|
1723
1770
|
type: String,
|
|
1724
1771
|
default: "none",
|
|
1725
|
-
validator: (
|
|
1772
|
+
validator: (s) => ["automatic", "button", "none"].includes(s)
|
|
1726
1773
|
},
|
|
1727
1774
|
/**
|
|
1728
1775
|
* If the loading indicator should be shown.
|
|
@@ -1841,8 +1888,8 @@ const ho = Al.exports, Tl = {
|
|
|
1841
1888
|
A.SELECT_ALL_ACROSS_PAGES,
|
|
1842
1889
|
A.SORT
|
|
1843
1890
|
],
|
|
1844
|
-
setup(
|
|
1845
|
-
const t =
|
|
1891
|
+
setup(s, { expose: e, emit: n }) {
|
|
1892
|
+
const t = s, l = et(), i = b(null), c = b(), _ = b({}), f = b(null), v = b(null), p = b(), d = b(null), {
|
|
1846
1893
|
allowColumnDragAndDrop: u,
|
|
1847
1894
|
columns: r,
|
|
1848
1895
|
columnPanel: g,
|
|
@@ -1851,10 +1898,10 @@ const ho = Al.exports, Tl = {
|
|
|
1851
1898
|
selectable: L,
|
|
1852
1899
|
selection: y,
|
|
1853
1900
|
loading: I,
|
|
1854
|
-
selectableAcrossPages:
|
|
1901
|
+
selectableAcrossPages: F,
|
|
1855
1902
|
outline: k
|
|
1856
|
-
} = Ee(t), m = b(-1), { t: a } =
|
|
1857
|
-
|
|
1903
|
+
} = Ee(t), m = b(-1), { t: a } = se(), E = R(() => U.value.filter((S) => S.frozen).length), O = Fe(
|
|
1904
|
+
ln,
|
|
1858
1905
|
() => ({
|
|
1859
1906
|
isDataGridTemplate: !1,
|
|
1860
1907
|
stickyTabs: b(!1),
|
|
@@ -1862,18 +1909,18 @@ const ho = Al.exports, Tl = {
|
|
|
1862
1909
|
})
|
|
1863
1910
|
), { isDataGridTemplate: T, stickyTabs: x, tabsRef: B } = O(), z = R(() => t.fitContent || T ? 0 : null), {
|
|
1864
1911
|
columnDefs: U,
|
|
1865
|
-
onColumnWidthOverride:
|
|
1912
|
+
onColumnWidthOverride: D,
|
|
1866
1913
|
gridColumnWidthStyle: w,
|
|
1867
1914
|
isMeasuringColumnWidths: Z,
|
|
1868
1915
|
isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: re,
|
|
1869
1916
|
columns: ce
|
|
1870
|
-
} =
|
|
1917
|
+
} = Tn(r, h, i, _, f, {
|
|
1871
1918
|
hasColumnPanel: g,
|
|
1872
1919
|
hasSelectableColumn: L,
|
|
1873
|
-
hasSelectableAcrossPages:
|
|
1920
|
+
hasSelectableAcrossPages: F,
|
|
1874
1921
|
allowColumnDragAndDrop: u
|
|
1875
|
-
}), o = (S, ...
|
|
1876
|
-
(S === A.COLUMNS || S === A.UPDATE_COLUMNS) && ([ce.value] =
|
|
1922
|
+
}), o = (S, ...M) => {
|
|
1923
|
+
(S === A.COLUMNS || S === A.UPDATE_COLUMNS) && ([ce.value] = M), n(S, ...M);
|
|
1877
1924
|
}, N = Be(B, x), Y = R(
|
|
1878
1925
|
() => t.stickyFilters ? `${N.value}px` : null
|
|
1879
1926
|
), X = Be(v, Qe(t, "stickyFilters")), le = R(
|
|
@@ -1885,92 +1932,92 @@ const ho = Al.exports, Tl = {
|
|
|
1885
1932
|
onConfigSettingsUpdate: ue,
|
|
1886
1933
|
onConfigSettingsColumnsUpdate: fe,
|
|
1887
1934
|
onConfigSettingsColumnUpdate: ge
|
|
1888
|
-
} =
|
|
1935
|
+
} = Pn(U, o), { hoveredOverColumn: _e, hoveredOverColumnState: ft } = xn(
|
|
1889
1936
|
oe,
|
|
1890
1937
|
L,
|
|
1891
1938
|
k,
|
|
1892
1939
|
re
|
|
1893
|
-
), { draggingColumns: Oe, draggingEventsForColumns: gt, draggingEventsForRowCell: _t, onMoveColumnByOffset: vt } =
|
|
1940
|
+
), { draggingColumns: Oe, draggingEventsForColumns: gt, draggingEventsForRowCell: _t, onMoveColumnByOffset: vt } = Fn(ie, u, o), { onAllRowSelect: Ct, onRowSelect: mt, selectedItems: ve, allItemsSelectedState: pt } = In(
|
|
1894
1941
|
y,
|
|
1895
1942
|
o,
|
|
1896
1943
|
h,
|
|
1897
1944
|
t.getDataItemId,
|
|
1898
1945
|
t.isDataItemDisabled
|
|
1899
|
-
), { navigationInput: ht } =
|
|
1946
|
+
), { navigationInput: ht } = Nn(f, r, L), { isLazyLoad: Re, isInfiniteScroll: Lt, verticalScrollPosition: ye, emitLazyLoadEvent: St } = Dn(
|
|
1900
1947
|
C,
|
|
1901
1948
|
d,
|
|
1902
1949
|
i,
|
|
1903
1950
|
I,
|
|
1904
1951
|
o
|
|
1905
|
-
), { updateScrollPosition: Et, updateScrollPositionOnFrozenColumnsNavigation: bt, hasLeftOverflow: Ce, hasRightOverflow: Ae } =
|
|
1952
|
+
), { updateScrollPosition: Et, updateScrollPositionOnFrozenColumnsNavigation: bt, hasLeftOverflow: Ce, hasRightOverflow: Ae } = $n(i, c, ye), Te = () => {
|
|
1906
1953
|
p.value.isClearAllVisible ? p.value.clearAllFilters() : p.value.isResetAllVisible && p.value.resetAllFilters();
|
|
1907
1954
|
}, Ot = R(() => {
|
|
1908
|
-
var S,
|
|
1955
|
+
var S, M;
|
|
1909
1956
|
return {
|
|
1910
1957
|
...t.emptyState,
|
|
1911
|
-
variant: ((S = t.emptyState) == null ? void 0 : S.variant) === "embedded" || ((
|
|
1958
|
+
variant: ((S = t.emptyState) == null ? void 0 : S.variant) === "embedded" || ((M = t.emptyState) == null ? void 0 : M.variant) === "basic" ? t.emptyState.variant : "basic"
|
|
1912
1959
|
};
|
|
1913
1960
|
}), Rt = R(() => ({
|
|
1914
|
-
[`b-data-grid--${
|
|
1915
|
-
[`b-data-grid--${
|
|
1916
|
-
[`b-data-grid--${
|
|
1917
|
-
[`b-data-grid--${
|
|
1918
|
-
[`b-data-grid--${
|
|
1919
|
-
[`b-data-grid--${
|
|
1920
|
-
})), yt = R(() => oe.value.findIndex((S) => S.columnSet.length)), At = (S,
|
|
1961
|
+
[`b-data-grid--${K.OUTLINE}`]: t.outline,
|
|
1962
|
+
[`b-data-grid--${K.SCROLL}`]: t.fitContent || Re.value,
|
|
1963
|
+
[`b-data-grid--${K.STICKY_FILTERS}`]: t.filters && t.stickyFilters,
|
|
1964
|
+
[`b-data-grid--${K.OVERFLOW_SHADOW_LEFT}`]: Ce.value && !E.value,
|
|
1965
|
+
[`b-data-grid--${K.OVERFLOW_SHADOW_RIGHT}`]: Ae.value,
|
|
1966
|
+
[`b-data-grid--${K.NO_SPACING_TOP}`]: t.noSpacingTop
|
|
1967
|
+
})), yt = R(() => oe.value.findIndex((S) => S.columnSet.length)), At = (S, M) => {
|
|
1921
1968
|
var j;
|
|
1922
1969
|
return {
|
|
1923
1970
|
"b-data-grid__row--disabled": t.isDataItemDisabled(S),
|
|
1924
1971
|
"b-data-grid__row--row-clicks-enabled": t.allowRowClicks,
|
|
1925
1972
|
"b-data-grid__cell--is-re-ordering": ((j = Oe.target) == null ? void 0 : j.field) !== void 0,
|
|
1926
1973
|
"b-data-grid__row--highlighted": t.highlightedRows.includes(t.getDataItemId(S)) || ve.value.includes(t.getDataItemId(S)),
|
|
1927
|
-
"b-data-grid__row--hovered": m.value ===
|
|
1974
|
+
"b-data-grid__row--hovered": m.value === M
|
|
1928
1975
|
};
|
|
1929
1976
|
}, Ie = R(() => !(t.selectable && E.value === 1) || Ce.value), Tt = (S) => ({
|
|
1930
1977
|
"b-data-grid__row-cell-set--frozen": S,
|
|
1931
|
-
[`b-data-grid__row-cell-set--${
|
|
1978
|
+
[`b-data-grid__row-cell-set--${K.OVERFLOW_SHADOW_LEFT}`]: S && Ce.value,
|
|
1932
1979
|
"b-data-grid__row-cell-set--frozen-separator": S && Ie.value,
|
|
1933
1980
|
"b-data-grid__row-cell-set--unfrozen": !S,
|
|
1934
1981
|
"b-data-grid__row-cell-set--is-measuring": Z.value
|
|
1935
1982
|
}), It = R(() => ({
|
|
1936
1983
|
"b-data-grid__filters--sticky": !!t.stickyFilters || T
|
|
1937
1984
|
})), wt = R(() => {
|
|
1938
|
-
var S,
|
|
1985
|
+
var S, M, j, q, ae, De;
|
|
1939
1986
|
return {
|
|
1940
|
-
"b-data-grid__pagination--padding-left-unset": ((j = (
|
|
1941
|
-
"b-data-grid__pagination--padding-right-unset": ((
|
|
1987
|
+
"b-data-grid__pagination--padding-left-unset": ((j = (M = (S = t.columns) == null ? void 0 : S[0]) == null ? void 0 : M.padding) == null ? void 0 : j.left) === !1,
|
|
1988
|
+
"b-data-grid__pagination--padding-right-unset": ((De = (ae = (q = t.columns) == null ? void 0 : q[t.columns.length - 1]) == null ? void 0 : ae.padding) == null ? void 0 : De.right) === !1,
|
|
1942
1989
|
"b-data-grid__pagination--sticky": !!t.stickyPagination || T
|
|
1943
1990
|
};
|
|
1944
1991
|
}), Nt = (S) => {
|
|
1945
|
-
const
|
|
1946
|
-
S !== null && (
|
|
1992
|
+
const M = S;
|
|
1993
|
+
S !== null && (M != null && M.columnHeaderRefs) && Object.entries(M == null ? void 0 : M.columnHeaderRefs).forEach(([j, q]) => {
|
|
1947
1994
|
_.value[j] = q;
|
|
1948
1995
|
});
|
|
1949
|
-
},
|
|
1996
|
+
}, Mt = (S, M, j) => {
|
|
1950
1997
|
var ae;
|
|
1951
1998
|
const q = S;
|
|
1952
|
-
((ae = f.value) == null ? void 0 : ae[
|
|
1953
|
-
},
|
|
1954
|
-
t.allowRowClicks && o(A.ROW_CLICK, S,
|
|
1955
|
-
},
|
|
1999
|
+
((ae = f.value) == null ? void 0 : ae[M]) === void 0 && (f.value = { ...f.value, [M]: [] }), S !== null && (q != null && q.gridcellRef) && (f.value[M][j] = q.gridcellRef);
|
|
2000
|
+
}, Dt = (S, M) => {
|
|
2001
|
+
t.allowRowClicks && o(A.ROW_CLICK, S, M);
|
|
2002
|
+
}, Ft = (S) => {
|
|
1956
2003
|
m.value = S;
|
|
1957
|
-
}, Pt = R(() => !!t.selectableAcrossPages && !!t.pagination), $t =
|
|
1958
|
-
label: l != null && l.header ?
|
|
2004
|
+
}, Pt = R(() => !!t.selectableAcrossPages && !!t.pagination), $t = en({
|
|
2005
|
+
label: l != null && l.header ? tn(l)("header") : null,
|
|
1959
2006
|
defaultFallback: "data grid"
|
|
1960
2007
|
}), xt = (S) => {
|
|
1961
2008
|
if (!t.selectable)
|
|
1962
2009
|
return null;
|
|
1963
|
-
const
|
|
1964
|
-
return ve.value.includes(
|
|
2010
|
+
const M = t.getDataItemId(S);
|
|
2011
|
+
return ve.value.includes(M).toString();
|
|
1965
2012
|
}, we = R(() => {
|
|
1966
2013
|
var S;
|
|
1967
2014
|
return ((S = ve.value) == null ? void 0 : S.length) ?? 0;
|
|
1968
2015
|
}), Ut = R(() => t.bulkActions && we.value > 0), zt = (S) => o(A.COLUMN_RESIZE, S), Bt = (S) => {
|
|
1969
2016
|
o(A.UPDATE_SORT_BY, S), o(A.SORT, S);
|
|
1970
|
-
}, Gt = (S,
|
|
2017
|
+
}, Gt = (S, M) => {
|
|
1971
2018
|
o(A.NAVIGATE, S), o(A.UPDATE_PAGINATION, {
|
|
1972
2019
|
...t.pagination,
|
|
1973
|
-
size:
|
|
2020
|
+
size: M,
|
|
1974
2021
|
page: S
|
|
1975
2022
|
});
|
|
1976
2023
|
}, Wt = (S) => {
|
|
@@ -1980,18 +2027,18 @@ const ho = Al.exports, Tl = {
|
|
|
1980
2027
|
}, Ht = (S) => {
|
|
1981
2028
|
o(A.UPDATE_FILTER_SEARCH_TERM, S), o(A.FILTER_SEARCH_INPUT, S);
|
|
1982
2029
|
}, Ne = R(() => r.value.some((S) => S.mandatory));
|
|
1983
|
-
Ne.value ||
|
|
2030
|
+
Ne.value || st(
|
|
1984
2031
|
"WARNING: At least one BentoDataGrid column should be set as mandatory to ensure data is always displayed correctly."
|
|
1985
2032
|
);
|
|
1986
|
-
const
|
|
1987
|
-
return
|
|
2033
|
+
const Me = Fe(sn, () => null);
|
|
2034
|
+
return Me(t.tabTitle), e({ onEmptyStateClearResetButtonClick: Te }), { __sfc: !0, props: t, slots: l, body: i, columnsRef: c, columnHeaderRefs: _, gridcellRefs: f, filtersRef: v, filterBarRef: p, verticalScrollPositionRef: d, allowColumnDragAndDrop: u, columns: r, columnPanel: g, data: h, lazyLoadType: C, selectable: L, selection: y, loading: I, selectableAcrossPages: F, outline: k, hoveredRowIndex: m, t: a, frozenColumnsLength: E, registerDatagridInDataGridTemplate: O, isDataGridTemplate: T, stickyTabs: x, tabsRef: B, computedColumnsTabIndex: z, columnDefs: U, onColumnWidthOverride: D, gridColumnWidthStyle: w, isMeasuringColumnWidths: Z, isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: re, localColumnsState: ce, definedEmitsFunction: n, emit: o, stickyFiltersHeight: N, computedStickyFiltersTopPosition: Y, columnHeadersHeight: X, computedColumnHeadersTopPosition: le, sortedColumns: ie, columnSets: oe, isOnlyOneVisibleColumn: de, onConfigSettingsUpdate: ue, onConfigSettingsColumnsUpdate: fe, onConfigSettingsColumnUpdate: ge, hoveredOverColumn: _e, hoveredOverColumnState: ft, draggingColumns: Oe, draggingEventsForColumns: gt, draggingEventsForRowCell: _t, onMoveColumnByOffset: vt, onAllRowSelect: Ct, onRowSelect: mt, selectedItems: ve, allItemsSelectedState: pt, navigationInput: ht, isLazyLoad: Re, isInfiniteScroll: Lt, verticalScrollPosition: ye, emitLazyLoadEvent: St, updateScrollPosition: Et, updateScrollPositionOnFrozenColumnsNavigation: bt, hasLeftOverflow: Ce, hasRightOverflow: Ae, onEmptyStateClearResetButtonClick: Te, limitedEmptyStateProps: Ot, conditionalGridClasses: Rt, computedColumnPanelAlignment: yt, conditionalRowClasses: At, showFrozenColumnsSeparator: Ie, conditionalRowSetClasses: Tt, conditionalFilterClasses: It, conditionalPaginationClasses: wt, registerColumnHeaderRefs: Nt, registerRowCellRef: Mt, onRowClick: Dt, onCellHover: Ft, selectableAcrossPagesComputed: Pt, ariaGridHeaderText: $t, getRowAriaSelectedValue: xt, itemsSelectedCounter: we, showActionBar: Ut, onColumnResized: zt, onSort: Bt, onPaginationNavigate: Gt, onItemsPerPageChange: Wt, onSearchTermCleared: kt, onSearchTermInput: Ht, hasMandatoryColumn: Ne, setTitle: Me, BentoActionBar: Kt, BentoPagination: Qt, BentoLoadingIndicator: nt, BentoTypography: he, BentoDataGridConfigSettings: Zs, DataGridCell: ml, DataGridColumns: Is, DataGridLazyLoad: Ks, BentoDatagridEvent: A, BentoEmptyState: nn, BentoFilterBar: me };
|
|
1988
2035
|
}
|
|
1989
2036
|
});
|
|
1990
2037
|
var wl = function() {
|
|
1991
2038
|
var l;
|
|
1992
|
-
var e = this,
|
|
1993
|
-
return
|
|
1994
|
-
return [i != null && i.length ?
|
|
2039
|
+
var e = this, n = e._self._c, t = e._self._setupProxy;
|
|
2040
|
+
return n("div", { staticClass: "b-data-grid", class: t.conditionalGridClasses, attrs: { role: "grid", "aria-rowcount": t.data.length, "aria-colcount": t.columns.length, "aria-label": t.ariaGridHeaderText } }, [e.filters ? n("div", { ref: "filtersRef", staticClass: "b-data-grid__filters", class: t.conditionalFilterClasses, style: { top: t.computedStickyFiltersTopPosition } }, [e.filters ? n(t.BentoFilterBar, { ref: "filterBarRef", attrs: { config: e.filters, "filter-values": e.filterValues, "search-term": e.filterSearchTerm }, on: { "search-input": t.onSearchTermInput, "search-clear": t.onSearchTermCleared, input: (i) => e.$emit(t.BentoDatagridEvent.UPDATE_FILTERS, i), "update:filter-values": (i) => e.$emit(t.BentoDatagridEvent.UPDATE_FILTER_VALUES, i) } }) : e._e()], 1) : e._e(), e.$slots.header ? n("div", { staticClass: "b-data-grid__header" }, [e._t("header")], 2) : e._e(), n("div", { staticClass: "b-data-grid__column-headers", style: { top: t.computedColumnHeadersTopPosition } }, [t.columnPanel ? n(t.BentoDataGridConfigSettings, { staticClass: "b-data-grid__config-settings", attrs: { columns: t.localColumnsState, condensed: e.condensed }, on: { "config-settings": t.onConfigSettingsUpdate, "update:columns": t.onConfigSettingsColumnsUpdate } }) : e._e(), n("div", { ref: "columnsRef", staticClass: "b-data-grid__columns-row", attrs: { role: "rowgroup", tabindex: t.computedColumnsTabIndex }, on: { scroll: t.updateScrollPosition } }, [n("div", { staticClass: "b-data-grid__columns", style: t.gridColumnWidthStyle, attrs: { role: "row" } }, [e._l(t.columnSets, function({ columnSet: i, id: c, isFrozenColumns: _ }, f) {
|
|
2041
|
+
return [i != null && i.length ? n(t.DataGridColumns, e._g({ key: `data-grid-columns-${c}`, ref: (v) => t.registerColumnHeaderRefs(v), refInFor: !0, attrs: { columns: i, "has-resizable-columns": e.hasResizableColumns, "sort-by": e.sortBy, "all-items-selected-state": t.allItemsSelectedState, "is-frozen-columns": _, "show-frozen-columns-separator": t.showFrozenColumnsSeparator, "dragging-columns": t.draggingColumns, "has-draggable-columns": t.allowColumnDragAndDrop, "has-column-panel": t.columnPanel, "has-left-overflow": t.hasLeftOverflow, "has-first-column-panel-right-aligned": f === t.computedColumnPanelAlignment, "hovered-over-column-state": t.hoveredOverColumnState, "is-measuring-column-widths": t.isMeasuringColumnWidths, "is-only-one-visible-column": t.isOnlyOneVisibleColumn, "selectable-across-pages": t.selectableAcrossPagesComputed, "truncate-column-headers": e.truncateColumnHeaders }, on: { "column-hover": function(v) {
|
|
1995
2042
|
t.hoveredOverColumn = v;
|
|
1996
2043
|
}, "column-move": t.onMoveColumnByOffset, "column-update": t.onConfigSettingsColumnUpdate, "column-resize": t.onColumnResized, "column-resizing": t.onColumnWidthOverride, "select-all-rows": t.onAllRowSelect, "select-all-across-pages": function(v) {
|
|
1997
2044
|
return t.emit(t.BentoDatagridEvent.SELECT_ALL_ACROSS_PAGES);
|
|
@@ -2000,22 +2047,22 @@ var wl = function() {
|
|
|
2000
2047
|
return [e._t(p, null, null, d)];
|
|
2001
2048
|
} };
|
|
2002
2049
|
})], null, !0) }, t.draggingEventsForColumns)) : e._e()];
|
|
2003
|
-
})], 2)])], 1),
|
|
2004
|
-
return
|
|
2050
|
+
})], 2)])], 1), n("div", { ref: "body", staticClass: "b-data-grid__body", attrs: { "data-testid": "data-grid-body", tabindex: t.loading ? "0" : "-1", "aria-busy": t.loading, "aria-live": "polite" }, on: { scroll: t.updateScrollPosition } }, [t.loading && !t.isLazyLoad ? n("div", { staticClass: "b-data-grid__loading" }, [n(t.BentoLoadingIndicator, { staticClass: "b-data-grid__loading-indicator", attrs: { large: "" } }), n(t.BentoTypography, { attrs: { el: "span", variant: "caption" } }, [e._v(e._s(t.t("gettingYourData")))])], 1) : ((l = t.data) == null ? void 0 : l.length) === 0 && e.emptyState ? n("div", { staticClass: "b-data-grid__empty-state" }, [n(t.BentoEmptyState, e._b({}, "bento-empty-state", t.limitedEmptyStateProps, !1))], 1) : n("div", { staticClass: "b-data-grid__rows", attrs: { role: "rowgroup" }, on: { keydown: t.navigationInput } }, e._l(t.data, function(i, c) {
|
|
2051
|
+
return n("div", { key: c, staticClass: "b-data-grid__row", class: t.conditionalRowClasses(i, c), style: t.gridColumnWidthStyle, attrs: { role: "row", "aria-rowindex": c + 1, "aria-selected": t.getRowAriaSelectedValue(i) }, on: { click: function(_) {
|
|
2005
2052
|
return t.onRowClick(i, _);
|
|
2006
2053
|
} } }, [e._l(t.columnSets, function({ columnSet: _, id: f, isFrozenColumns: v }, p) {
|
|
2007
|
-
return [_ != null && _.length ?
|
|
2008
|
-
return
|
|
2054
|
+
return [_ != null && _.length ? n("div", { key: `data-grid-rows-${f}`, staticClass: "b-data-grid__cells", class: t.conditionalRowSetClasses(v), attrs: { "data-testid": `data-grid-${f}-rows` } }, e._l(_, function(d, u) {
|
|
2055
|
+
return n(t.DataGridCell, { key: `cell-${d.field}`, ref: (r) => t.registerRowCellRef(r, d.field, c), refInFor: !0, attrs: { column: d, "column-set-index": p, "col-index": u, "column-sets": t.columnSets, condensed: e.condensed, "dragging-columns": t.draggingColumns, "dragging-events-for-row-cell": t.draggingEventsForRowCell, "get-data-item-id": e.getDataItemId, "hovered-over-column-state": t.hoveredOverColumnState, "is-data-item-disabled": e.isDataItemDisabled, "is-measuring-column-widths": t.isMeasuringColumnWidths, "row-data": i, "row-index": c, "selected-items": t.selectedItems }, on: { "cell-hover": (r) => t.hoveredOverColumn = r, "on-frozen-columns-key-press": t.updateScrollPositionOnFrozenColumnsNavigation, "select-row": t.onRowSelect, "cell-hovered": t.onCellHover }, scopedSlots: e._u([e._l(t.slots, function(r, g) {
|
|
2009
2056
|
return { key: g, fn: function(h) {
|
|
2010
2057
|
return [e._t(g, null, null, h)];
|
|
2011
2058
|
} };
|
|
2012
2059
|
})], null, !0) });
|
|
2013
2060
|
}), 1) : e._e()];
|
|
2014
2061
|
})], 2);
|
|
2015
|
-
}), 0)]), t.isLazyLoad ?
|
|
2062
|
+
}), 0)]), t.isLazyLoad ? n(t.DataGridLazyLoad, { attrs: { loading: t.loading, "is-infinite-scroll": t.isInfiniteScroll }, on: { "update:show-more": t.emitLazyLoadEvent } }) : e._e(), e.pagination && !t.isLazyLoad ? n("div", { staticClass: "b-data-grid__pagination", class: t.conditionalPaginationClasses, attrs: { "data-testid": "pagination-container" } }, [n(t.BentoPagination, e._b({ attrs: { "aria-label": `${t.ariaGridHeaderText} navigation` }, on: { navigate: t.onPaginationNavigate, "items-page": t.onItemsPerPageChange } }, "bento-pagination", e.pagination, !1))], 1) : e._e(), e.$slots.footer ? n("div", { staticClass: "b-data-grid__footer" }, [e._t("footer")], 2) : e._e(), t.showActionBar ? n(t.BentoActionBar, { attrs: { actions: e.bulkActions, "item-counter": t.itemsSelectedCounter, "extra-bottom-spacing": e.stickyPagination }, on: { close: function(i) {
|
|
2016
2063
|
return t.onAllRowSelect(!1);
|
|
2017
2064
|
} } }) : e._e()], 1);
|
|
2018
|
-
}, Nl = [],
|
|
2065
|
+
}, Nl = [], Ml = /* @__PURE__ */ $(
|
|
2019
2066
|
Il,
|
|
2020
2067
|
wl,
|
|
2021
2068
|
Nl,
|
|
@@ -2023,14 +2070,14 @@ var wl = function() {
|
|
|
2023
2070
|
null,
|
|
2024
2071
|
"0bd88142"
|
|
2025
2072
|
);
|
|
2026
|
-
const
|
|
2073
|
+
const So = Ml.exports;
|
|
2027
2074
|
export {
|
|
2028
2075
|
Le as B,
|
|
2029
|
-
|
|
2030
|
-
|
|
2076
|
+
Lo as a,
|
|
2077
|
+
K as b,
|
|
2031
2078
|
te as c,
|
|
2032
|
-
|
|
2079
|
+
So as d,
|
|
2033
2080
|
A as e,
|
|
2034
2081
|
pe as f
|
|
2035
2082
|
};
|
|
2036
|
-
//# sourceMappingURL=data-grid.
|
|
2083
|
+
//# sourceMappingURL=data-grid.CZjS7HUz.js.map
|