@adyen/bento-vue3 1.90.0 → 1.92.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/@types/components.d.ts +2 -0
- package/dist/@types/index.d.ts +728 -597
- package/dist/action-bar.js +1 -1
- package/dist/ai-tag.js +1 -1
- package/dist/alert.js +1 -1
- package/dist/assets/accordion-item.css +1 -1
- package/dist/assets/action-bar.css +1 -1
- package/dist/assets/base-modal.css +1 -1
- package/dist/assets/button-actions.css +1 -1
- package/dist/assets/card.css +1 -1
- package/dist/assets/checkbox-group.css +1 -1
- package/dist/assets/checkbox.css +1 -1
- package/dist/assets/data-grid.css +1 -1
- package/dist/assets/date-picker.css +1 -1
- package/dist/assets/date-range-picker.css +1 -1
- package/dist/assets/dialog-page.css +1 -1
- package/dist/assets/draggable-handle.css +1 -1
- package/dist/assets/dropdown-tag.css +1 -1
- package/dist/assets/dropdown.css +1 -1
- package/dist/assets/error-message.css +1 -1
- package/dist/assets/field-label.css +1 -0
- package/dist/assets/file-uploader.css +1 -1
- package/dist/assets/filter-bar.css +1 -1
- package/dist/assets/form-layout-title.css +1 -1
- package/dist/assets/input-field-password.css +1 -1
- package/dist/assets/input-field-phone-number.css +1 -1
- package/dist/assets/input-field.css +1 -1
- package/dist/assets/input-time.css +1 -1
- package/dist/assets/inspector.css +1 -1
- package/dist/assets/modal-fullscreen.css +1 -1
- package/dist/assets/secondary-nav.css +1 -1
- package/dist/assets/sidepanel.css +1 -1
- package/dist/assets/textarea.css +1 -1
- package/dist/assets/toggle.css +1 -1
- package/dist/assets/use-cached-selected-values.css +1 -1
- package/dist/button.js +1 -1
- package/dist/card.js +1 -1
- package/dist/checkbox.js +2 -2
- package/dist/chunks/{action-bar.Pe_hvtja.js → action-bar.BxyRAZn1.js} +3 -3
- package/dist/chunks/{action-bar.Pe_hvtja.js.map → action-bar.BxyRAZn1.js.map} +1 -1
- package/dist/chunks/{ai-tag.BSlc78DU.js → ai-tag.CpeZm2Yf.js} +2 -2
- package/dist/chunks/{ai-tag.BSlc78DU.js.map → ai-tag.CpeZm2Yf.js.map} +1 -1
- package/dist/chunks/{alert.CFWN2E0b.js → alert.RD0qOLhx.js} +91 -69
- package/dist/chunks/alert.RD0qOLhx.js.map +1 -0
- package/dist/chunks/{base-modal.BjjDrx0z.js → base-modal.C8Rsc2oO.js} +4 -4
- package/dist/chunks/base-modal.C8Rsc2oO.js.map +1 -0
- package/dist/chunks/{button-actions-with-menu.DvkS16ur.js → button-actions-with-menu.KaWdHibo.js} +2 -2
- package/dist/chunks/{button-actions-with-menu.DvkS16ur.js.map → button-actions-with-menu.KaWdHibo.js.map} +1 -1
- package/dist/chunks/{button-actions.Bh_PZ_fV.js → button-actions.7Oi2Ra4p.js} +88 -94
- package/dist/chunks/button-actions.7Oi2Ra4p.js.map +1 -0
- package/dist/chunks/button-actions.types.BptAXjD8.js.map +1 -1
- package/dist/chunks/button.DWF7FSIw.js.map +1 -1
- package/dist/chunks/{calendar.CH-1Vgeb.js → calendar.DfMwuOIR.js} +503 -425
- package/dist/chunks/calendar.DfMwuOIR.js.map +1 -0
- package/dist/chunks/{card.BzCGCCzH.js → card.7q8tTfjG.js} +2 -2
- package/dist/chunks/card.7q8tTfjG.js.map +1 -0
- package/dist/chunks/{checkbox-group.D_fN6Glu.js → checkbox-group.DawPC5Go.js} +6 -6
- package/dist/chunks/checkbox-group.DawPC5Go.js.map +1 -0
- package/dist/chunks/{checkbox.BlAhQl9N.js → checkbox.CDjMTuJk.js} +4 -6
- package/dist/chunks/checkbox.CDjMTuJk.js.map +1 -0
- package/dist/chunks/{click-outside.BPylIosK.js → click-outside.B0whuTUU.js} +2 -2
- package/dist/chunks/{click-outside.BPylIosK.js.map → click-outside.B0whuTUU.js.map} +1 -1
- package/dist/chunks/{code-snippet.BePxxR3q.js → code-snippet.Dtb7CDv9.js} +3 -3
- package/dist/chunks/code-snippet.Dtb7CDv9.js.map +1 -0
- package/dist/chunks/constructNow.DyOJDyZZ.js +8 -0
- package/dist/chunks/{constructNow.D9uRk678.js.map → constructNow.DyOJDyZZ.js.map} +1 -1
- package/dist/chunks/{controls-group.Cxk-0fCy.js → controls-group.DqRpF9bh.js} +2 -2
- package/dist/chunks/{controls-group.Cxk-0fCy.js.map → controls-group.DqRpF9bh.js.map} +1 -1
- package/dist/chunks/country.types.6a7xxZIR.js.map +1 -1
- package/dist/chunks/{dashboard-section.CiNDItU2.js → dashboard-section.kwKlujP-.js} +2 -2
- package/dist/chunks/{dashboard-section.CiNDItU2.js.map → dashboard-section.kwKlujP-.js.map} +1 -1
- package/dist/chunks/{dashed-underline.CwdpUz76.js → dashed-underline.ADDEdamG.js} +2 -2
- package/dist/chunks/{dashed-underline.CwdpUz76.js.map → dashed-underline.ADDEdamG.js.map} +1 -1
- package/dist/chunks/{data-grid-template.nXn1dLCw.js → data-grid-template.C69yN3ZR.js} +2 -2
- package/dist/chunks/{data-grid-template.nXn1dLCw.js.map → data-grid-template.C69yN3ZR.js.map} +1 -1
- package/dist/chunks/{data-grid.CXWaoqzi.js → data-grid._kCZlpR4.js} +745 -741
- package/dist/chunks/data-grid._kCZlpR4.js.map +1 -0
- package/dist/chunks/date-picker.D08qIp2A.js +269 -0
- package/dist/chunks/date-picker.D08qIp2A.js.map +1 -0
- package/dist/chunks/date-picker.types.Ckt7zxGy.js.map +1 -1
- package/dist/chunks/date-range-picker.BXzTT4AF.js +1038 -0
- package/dist/chunks/date-range-picker.BXzTT4AF.js.map +1 -0
- package/dist/chunks/date-range-picker.types.Ckt7zxGy.js.map +1 -1
- package/dist/chunks/{de.DXrHnkLX.js → de.ctR_lBqr.js} +2 -2
- package/dist/chunks/{de.DXrHnkLX.js.map → de.ctR_lBqr.js.map} +1 -1
- package/dist/chunks/{differenceInMonths.s_znQQpw.js → differenceInMonths.yz4Dfe-b.js} +13 -12
- package/dist/chunks/{differenceInMonths.s_znQQpw.js.map → differenceInMonths.yz4Dfe-b.js.map} +1 -1
- package/dist/chunks/{directive.Dpivxq_t.js → directive.C8kY-ZW-.js} +2 -2
- package/dist/chunks/{directive.Dpivxq_t.js.map → directive.C8kY-ZW-.js.map} +1 -1
- package/dist/{draggable-handle.js → chunks/draggable-handle.BWHOlabB.js} +56 -47
- package/dist/chunks/draggable-handle.BWHOlabB.js.map +1 -0
- package/dist/chunks/{dropdown-tag.B7OA_Yv9.js → dropdown-tag.Sk2n9gbl.js} +6 -6
- package/dist/chunks/dropdown-tag.Sk2n9gbl.js.map +1 -0
- package/dist/chunks/dropdown.CuIBYLdy.js +1218 -0
- package/dist/chunks/dropdown.CuIBYLdy.js.map +1 -0
- package/dist/chunks/{en-GB.CBpvhDYV.js → en-GB.BsQNm5GT.js} +2 -2
- package/dist/chunks/{en-GB.CBpvhDYV.js.map → en-GB.BsQNm5GT.js.map} +1 -1
- package/dist/chunks/{en-US.CCazFVNP.js → en-US.BR6y7foR.js} +5 -5
- package/dist/chunks/{en-US.CCazFVNP.js.map → en-US.BR6y7foR.js.map} +1 -1
- package/dist/chunks/error-message.Dyvrw6ZB.js +55 -0
- package/dist/chunks/error-message.Dyvrw6ZB.js.map +1 -0
- package/dist/chunks/{es.CoF2PB8b.js → es.DxqH-QhP.js} +2 -2
- package/dist/chunks/{es.CoF2PB8b.js.map → es.DxqH-QhP.js.map} +1 -1
- package/dist/chunks/field-label.DZYFjFgr.js +111 -0
- package/dist/chunks/field-label.DZYFjFgr.js.map +1 -0
- package/dist/chunks/{file-uploader.BUvDU_cn.js → file-uploader.B5_l2uQO.js} +5 -5
- package/dist/chunks/{file-uploader.BUvDU_cn.js.map → file-uploader.B5_l2uQO.js.map} +1 -1
- package/dist/chunks/{filter-bar.fowl40RS.js → filter-bar.gwDFNkp5.js} +1472 -1454
- package/dist/chunks/filter-bar.gwDFNkp5.js.map +1 -0
- package/dist/chunks/{footer-actions.uoNbOGAQ.js → footer-actions.4Qj_I3cd.js} +2 -2
- package/dist/chunks/{footer-actions.uoNbOGAQ.js.map → footer-actions.4Qj_I3cd.js.map} +1 -1
- package/dist/chunks/{form-layout-title.Cr3wdpK_.js → form-layout-title.B712PesH.js} +79 -65
- package/dist/chunks/form-layout-title.B712PesH.js.map +1 -0
- package/dist/chunks/{fr.CJXL-Ief.js → fr.DJtn8ron.js} +2 -2
- package/dist/chunks/{fr.CJXL-Ief.js.map → fr.DJtn8ron.js.map} +1 -1
- package/dist/chunks/{header-meta.CmH6SnjE.js → header-meta.BJjFOcxY.js} +14 -14
- package/dist/chunks/{header-meta.CmH6SnjE.js.map → header-meta.BJjFOcxY.js.map} +1 -1
- package/dist/chunks/{header-with-views.B2pPBcTf.js → header-with-views.CMO5q6g5.js} +10 -10
- package/dist/chunks/{header-with-views.B2pPBcTf.js.map → header-with-views.CMO5q6g5.js.map} +1 -1
- package/dist/chunks/{header.BVM8Usdi.js → header.5RQulwlL.js} +3 -3
- package/dist/chunks/header.5RQulwlL.js.map +1 -0
- package/dist/chunks/{input-field-password.CHb2Ros_.js → input-field-password.DWR0liBW.js} +5 -5
- package/dist/chunks/input-field-password.DWR0liBW.js.map +1 -0
- package/dist/chunks/{input-field-phone-number.DM2rmZkQ.js → input-field-phone-number.ByjukCrO.js} +4 -4
- package/dist/chunks/{input-field-phone-number.DM2rmZkQ.js.map → input-field-phone-number.ByjukCrO.js.map} +1 -1
- package/dist/chunks/{input-field.DnYjM6yy.js → input-field.FkzBZDWS.js} +150 -135
- package/dist/chunks/input-field.FkzBZDWS.js.map +1 -0
- package/dist/chunks/input-time.DlvANG4O.js +122 -0
- package/dist/chunks/input-time.DlvANG4O.js.map +1 -0
- package/dist/chunks/isSameWeek.CieN9XgL.js +14 -0
- package/dist/chunks/{isSameWeek.Dj6luS8h.js.map → isSameWeek.CieN9XgL.js.map} +1 -1
- package/dist/chunks/{it.20Y7h-bF.js → it.keS7oN5l.js} +3 -3
- package/dist/chunks/{it.20Y7h-bF.js.map → it.keS7oN5l.js.map} +1 -1
- package/dist/chunks/{ja.DXlq0H98.js → ja.cLwacUE6.js} +2 -2
- package/dist/chunks/{ja.DXlq0H98.js.map → ja.cLwacUE6.js.map} +1 -1
- package/dist/chunks/link.D6D6YGsN.js.map +1 -1
- package/dist/chunks/{modal-fullscreen.9CSTqFQc.js → modal-fullscreen.CepaWyoi.js} +2 -2
- package/dist/chunks/{modal-fullscreen.9CSTqFQc.js.map → modal-fullscreen.CepaWyoi.js.map} +1 -1
- package/dist/chunks/{modal.vue_vue_type_script_setup_true_lang.BAxTkaQM.js → modal.vue_vue_type_script_setup_true_lang.BW9Ff59H.js} +49 -47
- package/dist/chunks/{modal.vue_vue_type_script_setup_true_lang.BAxTkaQM.js.map → modal.vue_vue_type_script_setup_true_lang.BW9Ff59H.js.map} +1 -1
- package/dist/chunks/on-click-outside.BgIzQ2G1.js +108 -0
- package/dist/chunks/on-click-outside.BgIzQ2G1.js.map +1 -0
- package/dist/chunks/{pagination.DL-h8OLF.js → pagination.Ch_Occwt.js} +100 -100
- package/dist/chunks/{pagination.DL-h8OLF.js.map → pagination.Ch_Occwt.js.map} +1 -1
- package/dist/chunks/payment-method.types.BqtH7RM2.js.map +1 -1
- package/dist/chunks/popover.types.D8tHtFl3.js.map +1 -1
- package/dist/chunks/popper-container.DMN8n5iC.js.map +1 -1
- package/dist/chunks/promo-banner.-H4r_cwj.js.map +1 -1
- package/dist/chunks/{pt-BR.DmhmCzxE.js → pt-BR.ChPOra5s.js} +2 -2
- package/dist/chunks/{pt-BR.DmhmCzxE.js.map → pt-BR.ChPOra5s.js.map} +1 -1
- package/dist/chunks/{radio-group.DzhQgXv9.js → radio-group.CfMr1fmW.js} +3 -3
- package/dist/chunks/radio-group.CfMr1fmW.js.map +1 -0
- package/dist/chunks/{rich-text-editor.Ij2t4pyI.js → rich-text-editor.mxbLaG6q.js} +7 -6
- package/dist/chunks/{rich-text-editor.Ij2t4pyI.js.map → rich-text-editor.mxbLaG6q.js.map} +1 -1
- package/dist/chunks/{search-bar.DfNwnjes.js → search-bar.JDkxJGjF.js} +4 -4
- package/dist/chunks/{search-bar.DfNwnjes.js.map → search-bar.JDkxJGjF.js.map} +1 -1
- package/dist/chunks/{secondary-nav.CvipTDRh.js → secondary-nav.CROQNbYk.js} +2 -2
- package/dist/chunks/{secondary-nav.CvipTDRh.js.map → secondary-nav.CROQNbYk.js.map} +1 -1
- package/dist/chunks/segmented-control.types.BHRLV8KU.js.map +1 -1
- package/dist/chunks/{selection-card-group.CcOWQAUC.js → selection-card-group.DJ6FFvsA.js} +3 -3
- package/dist/chunks/{selection-card-group.CcOWQAUC.js.map → selection-card-group.DJ6FFvsA.js.map} +1 -1
- package/dist/chunks/{sidepanel.BObSv8UU.js → sidepanel.S037xghX.js} +4 -4
- package/dist/chunks/{sidepanel.BObSv8UU.js.map → sidepanel.S037xghX.js.map} +1 -1
- package/dist/chunks/{startOfWeek.Cvmo-f5J.js → startOfWeek.muMEhS7U.js} +2 -2
- package/dist/chunks/{startOfWeek.Cvmo-f5J.js.map → startOfWeek.muMEhS7U.js.map} +1 -1
- package/dist/chunks/status.types.Dx8MDhEH.js.map +1 -1
- package/dist/chunks/{summary-grid.types.DKPhtHw3.js → summary-grid.types.D1JQ_jtv.js} +2 -2
- package/dist/chunks/{summary-grid.types.DKPhtHw3.js.map → summary-grid.types.D1JQ_jtv.js.map} +1 -1
- package/dist/chunks/tag.YN2r-Pp3.js.map +1 -1
- package/dist/chunks/{textarea.C-sBemuo.js → textarea.-6FHesSp.js} +19 -18
- package/dist/chunks/textarea.-6FHesSp.js.map +1 -0
- package/dist/chunks/{timeline-item.CHk8wXeT.js → timeline-item.BJaFr2_Y.js} +5 -5
- package/dist/chunks/timeline-item.BJaFr2_Y.js.map +1 -0
- package/dist/chunks/{toggle.BQoprdX-.js → toggle.BdcgY15I.js} +3 -5
- package/dist/chunks/toggle.BdcgY15I.js.map +1 -0
- package/dist/chunks/tooltip.DHfG2aRt.js.map +1 -1
- package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.CUDeriBU.js → tutorial.vue_vue_type_script_setup_true_lang.D_Z1zKam.js} +2 -2
- package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.CUDeriBU.js.map → tutorial.vue_vue_type_script_setup_true_lang.D_Z1zKam.js.map} +1 -1
- package/dist/chunks/typography.B3J6_tYk.js.map +1 -1
- package/dist/chunks/use-cached-selected-values.DUWGSMvO.js +1740 -0
- package/dist/chunks/use-cached-selected-values.DUWGSMvO.js.map +1 -0
- package/dist/chunks/{use-date-input-formatter.BiIraXZZ.js → use-date-input-formatter.BH4hdEJW.js} +4 -4
- package/dist/chunks/{use-date-input-formatter.BiIraXZZ.js.map → use-date-input-formatter.BH4hdEJW.js.map} +1 -1
- package/dist/chunks/use-touch-device.DTqFAbXh.js +11 -0
- package/dist/chunks/use-touch-device.DTqFAbXh.js.map +1 -0
- package/dist/chunks/{zh-CN.Ce34mXsX.js → zh-CN.ZG6obniO.js} +3 -3
- package/dist/chunks/{zh-CN.Ce34mXsX.js.map → zh-CN.ZG6obniO.js.map} +1 -1
- package/dist/click-outside.js +1 -1
- package/dist/code-snippet.js +1 -1
- package/dist/dashboard-template.js +1 -1
- package/dist/dashed-underline.js +1 -1
- package/dist/data-grid-template.js +1 -1
- package/dist/data-grid.js +1 -1
- package/dist/date-picker.js +2 -2
- package/dist/date-range-picker.js +2 -2
- package/dist/draggable.js +1383 -0
- package/dist/draggable.js.map +1 -0
- package/dist/dropdown.js +10 -11
- package/dist/dropdown.js.map +1 -1
- package/dist/file-uploader.js +1 -1
- package/dist/filter-bar.js +1 -1
- package/dist/form-layout.js +1 -1
- package/dist/header-with-views.js +1 -1
- package/dist/header.js +1 -1
- package/dist/index.js +278 -275
- package/dist/index.js.map +1 -1
- package/dist/input-field-password.js +1 -1
- package/dist/input-field-phone-number.js +1 -1
- package/dist/input-field.js +1 -1
- package/dist/input-time.js +1 -1
- package/dist/internal.js +24 -23
- package/dist/internal.js.map +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/rich-text-editor.js +1 -1
- package/dist/search-bar.js +2 -2
- package/dist/secondary-nav.js +1 -1
- package/dist/selection-card.js +1 -1
- package/dist/sidepanel.js +1 -1
- package/dist/summary-grid.js +1 -1
- package/dist/textarea.js +1 -1
- package/dist/timeline.js +1 -1
- package/dist/toggle.js +1 -1
- package/dist/tutorial.js +1 -1
- package/dist/web-types.json +1 -1
- package/package.json +8 -11
- package/dist/assets/dropdown-default-textbox.css +0 -1
- package/dist/chunks/alert.CFWN2E0b.js.map +0 -1
- package/dist/chunks/base-modal.BjjDrx0z.js.map +0 -1
- package/dist/chunks/button-actions.Bh_PZ_fV.js.map +0 -1
- package/dist/chunks/calendar.CH-1Vgeb.js.map +0 -1
- package/dist/chunks/card.BzCGCCzH.js.map +0 -1
- package/dist/chunks/checkbox-group.D_fN6Glu.js.map +0 -1
- package/dist/chunks/checkbox.BlAhQl9N.js.map +0 -1
- package/dist/chunks/code-snippet.BePxxR3q.js.map +0 -1
- package/dist/chunks/constructNow.D9uRk678.js +0 -8
- package/dist/chunks/data-grid.CXWaoqzi.js.map +0 -1
- package/dist/chunks/date-picker.DPjCROIP.js +0 -238
- package/dist/chunks/date-picker.DPjCROIP.js.map +0 -1
- package/dist/chunks/date-range-picker.fyrfFd04.js +0 -998
- package/dist/chunks/date-range-picker.fyrfFd04.js.map +0 -1
- package/dist/chunks/debounce.DUTu11PS.js +0 -10
- package/dist/chunks/debounce.DUTu11PS.js.map +0 -1
- package/dist/chunks/dropdown-default-textbox.aYsTZDZ7.js +0 -415
- package/dist/chunks/dropdown-default-textbox.aYsTZDZ7.js.map +0 -1
- package/dist/chunks/dropdown-tag.B7OA_Yv9.js.map +0 -1
- package/dist/chunks/dropdown.Do-mZiI6.js +0 -813
- package/dist/chunks/dropdown.Do-mZiI6.js.map +0 -1
- package/dist/chunks/error-message.849uzpkq.js +0 -157
- package/dist/chunks/error-message.849uzpkq.js.map +0 -1
- package/dist/chunks/filter-bar.fowl40RS.js.map +0 -1
- package/dist/chunks/form-layout-title.Cr3wdpK_.js.map +0 -1
- package/dist/chunks/header.BVM8Usdi.js.map +0 -1
- package/dist/chunks/input-field-password.CHb2Ros_.js.map +0 -1
- package/dist/chunks/input-field.DnYjM6yy.js.map +0 -1
- package/dist/chunks/input-time.DeJ8lDio.js +0 -103
- package/dist/chunks/input-time.DeJ8lDio.js.map +0 -1
- package/dist/chunks/isSameWeek.Dj6luS8h.js +0 -14
- package/dist/chunks/on-click-outside.ZUMLlxE_.js +0 -90
- package/dist/chunks/on-click-outside.ZUMLlxE_.js.map +0 -1
- package/dist/chunks/radio-group.DzhQgXv9.js.map +0 -1
- package/dist/chunks/textarea.C-sBemuo.js.map +0 -1
- package/dist/chunks/timeline-item.CHk8wXeT.js.map +0 -1
- package/dist/chunks/toggle.BQoprdX-.js.map +0 -1
- package/dist/chunks/use-cached-selected-values.DIbfa5F1.js +0 -1652
- package/dist/chunks/use-cached-selected-values.DIbfa5F1.js.map +0 -1
- package/dist/chunks/warning-filled.BzyK_mMj.js +0 -29
- package/dist/chunks/warning-filled.BzyK_mMj.js.map +0 -1
- package/dist/draggable-handle.js.map +0 -1
|
@@ -1,48 +1,49 @@
|
|
|
1
|
-
import { ref as
|
|
1
|
+
import { ref as S, onMounted as Je, nextTick as de, watch as Ce, onUnmounted as vn, reactive as At, toRefs as Et, computed as v, watchEffect as pl, onBeforeUpdate as bl, openBlock as c, createElementBlock as E, mergeProps as ee, toDisplayString as q, createCommentVNode as F, createElementVNode as O, defineComponent as Se, inject as Te, normalizeClass as ae, Fragment as fe, renderList as be, unref as n, toHandlers as ft, createBlock as W, withCtx as V, createVNode as j, renderSlot as Oe, withModifiers as wl, normalizeStyle as Le, resolveComponent as we, createTextVNode as re, withDirectives as Xe, vShow as Sl, toRef as wt, resolveDirective as _l, Transition as hn, createSlots as Ke, resolveDynamicComponent as qe, useSlots as yt, provide as it, withKeys as Bt, normalizeProps as Rl, guardReactiveProps as Al } from "vue";
|
|
2
2
|
import { C as El } from "./checkmark-circle-fill.DugX5fbG.js";
|
|
3
|
-
import { W as yl } from "./
|
|
3
|
+
import { W as yl } from "./alert.RD0qOLhx.js";
|
|
4
4
|
/* empty css */
|
|
5
5
|
import { _ as oe } from "./_plugin-vue_export-helper.CHgC5LLL.js";
|
|
6
6
|
import { C as Cn } from "./cross.CCHdi6v3.js";
|
|
7
7
|
import { N as Wt } from "./minus-small.CnYLTuSv.js";
|
|
8
8
|
import { E as le, b as St, T as Ll, B as Ol } from "./tooltip.DHfG2aRt.js";
|
|
9
9
|
import { b as Tl } from "./popper-container.DMN8n5iC.js";
|
|
10
|
-
import { B as Il } from "./dashed-underline.
|
|
10
|
+
import { B as Il } from "./dashed-underline.ADDEdamG.js";
|
|
11
11
|
import { B as Ge, p as pn } from "./typography.B3J6_tYk.js";
|
|
12
|
-
import { u as
|
|
12
|
+
import { u as ze } from "./index.B875RXHM.js";
|
|
13
13
|
import { B as Nl } from "./tag.YN2r-Pp3.js";
|
|
14
|
-
import { B as Dl } from "./action-bar.
|
|
15
|
-
import { B as Ml } from "./pagination.
|
|
14
|
+
import { B as Dl } from "./action-bar.BxyRAZn1.js";
|
|
15
|
+
import { B as Ml } from "./pagination.Ch_Occwt.js";
|
|
16
16
|
import { B as dt } from "./loading-indicator.BPol9I84.js";
|
|
17
17
|
import { u as Lt } from "./use-has-slot.CyMiImRQ.js";
|
|
18
|
+
import { u as zl } from "./use-touch-device.DTqFAbXh.js";
|
|
18
19
|
import { g as ut } from "./generate-uid.DBWe4g6T.js";
|
|
19
|
-
import { a as
|
|
20
|
-
import { B as
|
|
21
|
-
import { E as
|
|
22
|
-
import { D as
|
|
23
|
-
import { b as
|
|
20
|
+
import { a as Fl } from "./filter-bar.gwDFNkp5.js";
|
|
21
|
+
import { B as Pl } from "./empty-state.DT4sFyjB.js";
|
|
22
|
+
import { E as $l } from "./tabs.keys.B4qGhjp2.js";
|
|
23
|
+
import { D as kl } from "./data-grid-template.keys.VezYtHtM.js";
|
|
24
|
+
import { b as Ul } from "./index.DDwcHPb6.js";
|
|
24
25
|
import { o as Ot } from "./resize.Bqks3WUm.js";
|
|
25
|
-
import { f as _t, c as Tt, h as
|
|
26
|
+
import { f as _t, c as Tt, h as Bl, a as Vt, b as Gt, O as xt, D as Wl } from "./button-actions.7Oi2Ra4p.js";
|
|
26
27
|
import { B as bn } from "./button.DWF7FSIw.js";
|
|
27
|
-
import { B as wn } from "./toggle.
|
|
28
|
-
import { B as
|
|
29
|
-
import { B as
|
|
30
|
-
import { u as
|
|
31
|
-
import { S as
|
|
32
|
-
import { B as Sn } from "./checkbox.
|
|
33
|
-
import { B as
|
|
34
|
-
import { D as
|
|
28
|
+
import { B as wn } from "./toggle.BdcgY15I.js";
|
|
29
|
+
import { B as Vl } from "./search-bar.JDkxJGjF.js";
|
|
30
|
+
import { B as Gl } from "./directive.C8kY-ZW-.js";
|
|
31
|
+
import { u as xl } from "./dropdown.CuIBYLdy.js";
|
|
32
|
+
import { S as Hl } from "./search.ClLmZAgC.js";
|
|
33
|
+
import { B as Sn } from "./checkbox.CDjMTuJk.js";
|
|
34
|
+
import { B as Zl } from "./info-icon.B3MDsjMu.js";
|
|
35
|
+
import { D as jl } from "./use-cached-selected-values.DUWGSMvO.js";
|
|
35
36
|
import { B as Ht } from "./popover.types.D8tHtFl3.js";
|
|
36
|
-
import { A as
|
|
37
|
-
import { A as
|
|
38
|
-
import { H as
|
|
37
|
+
import { A as ql } from "./arrow-left.C6UiqO-c.js";
|
|
38
|
+
import { A as Kl } from "./arrow-right.fSdLV_ho.js";
|
|
39
|
+
import { H as Yl, S as Xl } from "./show.BreRPkgL.js";
|
|
39
40
|
import { l as Zt } from "./events.BQOQSSb7.js";
|
|
40
41
|
import { b as _n } from "./focus-trap.BAiM_ywb.js";
|
|
41
42
|
import { E as jt } from "./link.D6D6YGsN.js";
|
|
42
43
|
import { C as qt } from "./copy.CL893i9-.js";
|
|
43
|
-
import { C as
|
|
44
|
-
import { C as
|
|
45
|
-
import { u as
|
|
44
|
+
import { C as Jl } from "./chevron-down.XeE-LBV_.js";
|
|
45
|
+
import { C as Ql } from "./chevron-up.Cmgl2a3x.js";
|
|
46
|
+
import { u as eo } from "./use-expandable-content-height.B5jjRvCz.js";
|
|
46
47
|
import "../assets/data-grid.css";
|
|
47
48
|
const Kt = (e) => {
|
|
48
49
|
if (!e)
|
|
@@ -51,24 +52,24 @@ const Kt = (e) => {
|
|
|
51
52
|
let i = e.offsetHeight;
|
|
52
53
|
const t = window.getComputedStyle(e, "::after");
|
|
53
54
|
if (t.content !== "none" && t.position === "absolute") {
|
|
54
|
-
const
|
|
55
|
-
!isNaN(
|
|
55
|
+
const l = parseFloat(t.height), o = parseFloat(t.bottom);
|
|
56
|
+
!isNaN(l) && !isNaN(o) && o < 0 && o + l <= 0 && (i += l);
|
|
56
57
|
}
|
|
57
58
|
const r = parseFloat(s.top);
|
|
58
59
|
return !isNaN(r) && r < 0 && (i += r), i;
|
|
59
|
-
}, Yt = (e, s, i =
|
|
60
|
-
const r =
|
|
61
|
-
let
|
|
60
|
+
}, Yt = (e, s, i = S(!1), t = null) => {
|
|
61
|
+
const r = S(0);
|
|
62
|
+
let l = null, o = null;
|
|
62
63
|
const f = () => {
|
|
63
64
|
const a = s.value ? Kt(e.value) : 0, m = i.value && t ? Kt(t.value) : 0;
|
|
64
65
|
r.value = a + m;
|
|
65
66
|
};
|
|
66
|
-
return
|
|
67
|
+
return Je(() => {
|
|
67
68
|
de(() => {
|
|
68
69
|
const a = Ce(
|
|
69
70
|
e,
|
|
70
71
|
() => {
|
|
71
|
-
e?.value && (de(() => a()),
|
|
72
|
+
e?.value && (de(() => a()), l = Ot(e.value, f), o = new MutationObserver(f), o.observe(e.value, { attributes: !0, attributeFilter: ["class"] }));
|
|
72
73
|
},
|
|
73
74
|
{ immediate: !0 }
|
|
74
75
|
);
|
|
@@ -81,12 +82,12 @@ const Kt = (e) => {
|
|
|
81
82
|
);
|
|
82
83
|
});
|
|
83
84
|
}), vn(() => {
|
|
84
|
-
|
|
85
|
+
l?.disconnect(), o?.disconnect();
|
|
85
86
|
}), r;
|
|
86
87
|
};
|
|
87
|
-
var Rt = /* @__PURE__ */ ((e) => (e.WRAP = "wrap", e.ELLIPSIS = "ellipsis", e))(Rt || {}), ne = /* @__PURE__ */ ((e) => (e.COLUMN_RESIZE = "column-resize", e.COLUMN_RESIZING = "column-resizing", e.SELECT_ALL_ROWS = "select-all-rows", e.SELECT_ALL_ACROSS_PAGES = "select-all-across-pages", e.SELECT_ALL_CURRENT_RESULTS = "select-all-current-results", e.DESELECT_ALL = "deselect-all", e.DESELECT_ALL_CURRENT_RESULTS = "deselect-all-current-results", e.COLUMN_MOVE = "column-move", e.COLUMN_UPDATE = "column-update", e.COLUMN_MENU_OPEN = "column-menu-open", e.COLUMN_MENU_CLOSE = "column-menu-close", e.COLUMN_HOVER = "column-hover", e.COLUMN_DRAG_START = "column-dragstart", e.COLUMN_DRAG_ENTER = "column-dragenter", e.COLUMN_DRAG_END = "column-dragend", e.COLUMN_DROP = "column-drop", e))(ne || {}), ye = /* @__PURE__ */ ((e) => (e.OUTLINE = "outline", e.SCROLL = "scroll", e.STICKY_FILTERS = "sticky-filters", e.OVERFLOW_SHADOW_LEFT = "overflow-shadow-left", e.OVERFLOW_SHADOW_RIGHT = "overflow-shadow-right", e.NO_SPACING_TOP = "no-spacing-top", e.FIT_CONTENT = "fit-content", e.ZEBRA_ROWS = "zebra-rows", e))(ye || {}),
|
|
88
|
-
const
|
|
89
|
-
const i =
|
|
88
|
+
var Rt = /* @__PURE__ */ ((e) => (e.WRAP = "wrap", e.ELLIPSIS = "ellipsis", e))(Rt || {}), ne = /* @__PURE__ */ ((e) => (e.COLUMN_RESIZE = "column-resize", e.COLUMN_RESIZING = "column-resizing", e.SELECT_ALL_ROWS = "select-all-rows", e.SELECT_ALL_ACROSS_PAGES = "select-all-across-pages", e.SELECT_ALL_CURRENT_RESULTS = "select-all-current-results", e.DESELECT_ALL = "deselect-all", e.DESELECT_ALL_CURRENT_RESULTS = "deselect-all-current-results", e.COLUMN_MOVE = "column-move", e.COLUMN_UPDATE = "column-update", e.COLUMN_MENU_OPEN = "column-menu-open", e.COLUMN_MENU_CLOSE = "column-menu-close", e.COLUMN_HOVER = "column-hover", e.COLUMN_DRAG_START = "column-dragstart", e.COLUMN_DRAG_ENTER = "column-dragenter", e.COLUMN_DRAG_END = "column-dragend", e.COLUMN_DROP = "column-drop", e))(ne || {}), ye = /* @__PURE__ */ ((e) => (e.OUTLINE = "outline", e.SCROLL = "scroll", e.STICKY_FILTERS = "sticky-filters", e.OVERFLOW_SHADOW_LEFT = "overflow-shadow-left", e.OVERFLOW_SHADOW_RIGHT = "overflow-shadow-right", e.NO_SPACING_TOP = "no-spacing-top", e.FIT_CONTENT = "fit-content", e.ZEBRA_ROWS = "zebra-rows", e))(ye || {}), Fe = /* @__PURE__ */ ((e) => (e.ASCENDING = "asc", e.DESCENDING = "desc", e))(Fe || {}), N = /* @__PURE__ */ ((e) => (e.CELL_FOCUS = "cell-focus", e.COLUMNS = "columns", e.COLUMN_RESIZE = "column-resize", e.ITEMS_PAGE = "items-page", e.NAVIGATE = "navigate", e.NESTED_CONTENT_TOGGLED = "nested-content-toggled", e.FILTER_SEARCH_INPUT = "filter-search-input", e.FILTER_SEARCH_CLEAR = "filter-search-clear", e.UPDATE_COLUMNS = "update:columns", e.UPDATE_CONDENSED = "update:condensed", e.UPDATE_FILTERS = "update:filters", e.UPDATE_FILTER_VALUES = "update:filter-values", e.UPDATE_FILTER_VALUES_OBJECT = "update:filter-values-object", e.UPDATE_FILTER_SEARCH_TERM = "update:filter-search-term", e.UPDATE_PAGINATION = "update:pagination", e.UPDATE_SELECTION = "update:selection", e.UPDATE_SHOW_MORE = "update:show-more", e.UPDATE_SORT_BY = "update:sort-by", e.UPDATE_ZEBRA_ROWS = "update:zebra-rows", e.ROW_CLICK = "row-click", e.SELECT = "select", e.SELECT_ALL_ACROSS_PAGES = "select-all-across-pages", e.SELECT_ALL_CURRENT_RESULTS = "select-all-current-results", e.DESELECT_ALL_CURRENT_RESULTS = "deselect-all-current-results", e.SORT = "sort", e))(N || {}), rt = /* @__PURE__ */ ((e) => (e.ASCENDING = "ascending", e.DESCENDING = "descending", e.NONE = "none", e))(rt || {});
|
|
89
|
+
const to = (e, s) => {
|
|
90
|
+
const i = S(null), t = S(!1), r = S(void 0), l = e.value.reduce((_, D) => (_[D.field] = null, _), {}), o = At(l), f = Et(o);
|
|
90
91
|
let a = 0, m = "";
|
|
91
92
|
const R = v(
|
|
92
93
|
() => Object.fromEntries(e.value.map(({ field: _, width: D, minWidth: y }) => [_, { width: D, minWidth: y }]))
|
|
@@ -122,8 +123,8 @@ const eo = (e, s) => {
|
|
|
122
123
|
isResizing: t,
|
|
123
124
|
columnHoverEventToEmitAfterResizing: i
|
|
124
125
|
};
|
|
125
|
-
},
|
|
126
|
-
const t = {}, r = [],
|
|
126
|
+
}, no = 100, Xt = 50, he = "b-actions-column", lo = 42, oo = 56, so = 56, ao = 80, io = 36, ro = 1, Rn = 16, uo = 20, co = (e, s, i) => {
|
|
127
|
+
const t = {}, r = [], l = (f) => {
|
|
127
128
|
const a = t[f];
|
|
128
129
|
a && a.frozen !== !0 && (t[f].frozen = !0, r.push(f));
|
|
129
130
|
};
|
|
@@ -147,22 +148,22 @@ const eo = (e, s) => {
|
|
|
147
148
|
};
|
|
148
149
|
}
|
|
149
150
|
R > 0 ? Object.keys(f.min).forEach((p) => {
|
|
150
|
-
|
|
151
|
+
l(p);
|
|
151
152
|
}) : i.forEach(({ field: p }) => {
|
|
152
|
-
|
|
153
|
+
l(p);
|
|
153
154
|
}), o();
|
|
154
155
|
}
|
|
155
156
|
return o(), t;
|
|
156
157
|
}, Jt = (e, s) => {
|
|
157
|
-
let i =
|
|
158
|
+
let i = ro;
|
|
158
159
|
return s && (i += Rn * 2), e?.offsetWidth ? e.offsetWidth + i : 0;
|
|
159
|
-
},
|
|
160
|
-
const o =
|
|
160
|
+
}, go = (e) => e?.hasNestedContent?.value || e?.hasNestedRows?.value ? e?.hasSelectableColumn?.value ? e?.hasSelectableAcrossPages?.value ? ao : so : io : e?.hasSelectableAcrossPages?.value ? oo : lo, fo = (e, s, i, t, r, l) => {
|
|
161
|
+
const o = S(e.value), f = S(s), a = S(i), m = S(t), R = S(r), p = S(!1), I = S(0);
|
|
161
162
|
Ce(
|
|
162
163
|
() => e.value,
|
|
163
164
|
(d, b) => {
|
|
164
165
|
const P = d?.map(({ field: B }) => B).toString() === b?.map(({ field: B }) => B).toString();
|
|
165
|
-
if (!
|
|
166
|
+
if (!l?.allowColumnDragAndDrop?.value || !P) {
|
|
166
167
|
o.value = e.value;
|
|
167
168
|
return;
|
|
168
169
|
}
|
|
@@ -172,7 +173,7 @@ const eo = (e, s) => {
|
|
|
172
173
|
});
|
|
173
174
|
}
|
|
174
175
|
);
|
|
175
|
-
const A =
|
|
176
|
+
const A = S();
|
|
176
177
|
let g = null;
|
|
177
178
|
const L = v(() => {
|
|
178
179
|
const d = [];
|
|
@@ -180,8 +181,8 @@ const eo = (e, s) => {
|
|
|
180
181
|
const B = {};
|
|
181
182
|
let Z = o.value.filter((X) => X.visible !== !1);
|
|
182
183
|
const J = o.value.filter((X) => X.visible === !1);
|
|
183
|
-
if (
|
|
184
|
-
const X =
|
|
184
|
+
if (l?.hasSelectableColumn?.value || l?.hasNestedContent?.value || l?.hasNestedRows?.value) {
|
|
185
|
+
const X = go(l);
|
|
185
186
|
Z = [
|
|
186
187
|
{
|
|
187
188
|
field: he,
|
|
@@ -196,15 +197,15 @@ const eo = (e, s) => {
|
|
|
196
197
|
}
|
|
197
198
|
Z.forEach((X) => {
|
|
198
199
|
const Y = { ...X };
|
|
199
|
-
let
|
|
200
|
-
Y.flex && Y.flex > 0 ? (b += Y.flex,
|
|
201
|
-
Y?.width ??
|
|
200
|
+
let ce;
|
|
201
|
+
Y.flex && Y.flex > 0 ? (b += Y.flex, ce = 0, d.push(Y)) : ce = Math.max(
|
|
202
|
+
Y?.width ?? no,
|
|
202
203
|
Y?.minWidth ?? Xt
|
|
203
|
-
), P +=
|
|
204
|
+
), P += ce, Y.width = ce, Y.minWidth = Y?.minWidth ?? Xt, B[Y.field] = Y;
|
|
204
205
|
}), P += I.value;
|
|
205
206
|
const K = Math.max(A.value - P, 0);
|
|
206
207
|
if (b > 0 && A.value > 0) {
|
|
207
|
-
const X =
|
|
208
|
+
const X = co(K, b, d);
|
|
208
209
|
Object.keys(X).forEach((Y) => {
|
|
209
210
|
B[Y].width = X[Y].computedWidth;
|
|
210
211
|
});
|
|
@@ -213,13 +214,13 @@ const eo = (e, s) => {
|
|
|
213
214
|
const Y = { ...X };
|
|
214
215
|
B[Y.field] = Y;
|
|
215
216
|
}), Object.values(B);
|
|
216
|
-
}), _ =
|
|
217
|
+
}), _ = S(void 0), D = (d) => {
|
|
217
218
|
_.value = { ..._.value, ...d };
|
|
218
219
|
}, y = async () => {
|
|
219
220
|
o.value.some((d) => d?.autoWidth) && (p.value = !0, await de(), await de(), o?.value.filter((d) => d?.autoWidth).forEach(({ field: d, minWidth: b }) => {
|
|
220
221
|
const P = Jt(
|
|
221
222
|
m.value?.[d],
|
|
222
|
-
|
|
223
|
+
l?.hasColumnPanel?.value
|
|
223
224
|
), B = R.value?.[d]?.reduce(
|
|
224
225
|
(J, K) => Math.max(J, Jt(K)),
|
|
225
226
|
0
|
|
@@ -247,8 +248,8 @@ const eo = (e, s) => {
|
|
|
247
248
|
), u = v(() => ({
|
|
248
249
|
width: A.value > C.value ? "100%" : "fit-content"
|
|
249
250
|
}));
|
|
250
|
-
return
|
|
251
|
-
const d =
|
|
251
|
+
return Je(() => {
|
|
252
|
+
const d = l?.isDataGridTemplate ? uo : 0;
|
|
252
253
|
de(() => {
|
|
253
254
|
a.value && (A.value = a.value.getBoundingClientRect().width - d);
|
|
254
255
|
const b = Ce(
|
|
@@ -279,8 +280,8 @@ const eo = (e, s) => {
|
|
|
279
280
|
totalWidthOfAllColumns: C,
|
|
280
281
|
rowActionsMaxWidth: I
|
|
281
282
|
};
|
|
282
|
-
},
|
|
283
|
-
const f =
|
|
283
|
+
}, mo = (e, s, i, t, r, l, o) => {
|
|
284
|
+
const f = S(e.value ?? []), a = At({
|
|
284
285
|
allItemsSelected: !1,
|
|
285
286
|
isIndeterminate: !1
|
|
286
287
|
}), m = v(
|
|
@@ -293,7 +294,7 @@ const eo = (e, s) => {
|
|
|
293
294
|
() => i.value?.length > 0 && !m.value?.some((d) => f.value.includes(t(d)))
|
|
294
295
|
), A = v(
|
|
295
296
|
() => i.value?.length > 0 && !m.value?.filter((d) => !r(d)).some((d) => f.value.includes(t(d)))
|
|
296
|
-
), g = v(() => !
|
|
297
|
+
), g = v(() => !l?.value || o?.value?.totalCount === void 0 ? !1 : f.value.length >= o.value.totalCount && p.value), L = () => {
|
|
297
298
|
s(N.SELECT, f.value), s(N.UPDATE_SELECTION, f.value);
|
|
298
299
|
}, _ = (d) => {
|
|
299
300
|
f.value = d, R.value ? (a.allItemsSelected = !0, a.isIndeterminate = !1) : (a.allItemsSelected = !1, a.isIndeterminate = f.value?.length > 0 && i.value?.length > 0 && i.value.some(
|
|
@@ -357,18 +358,18 @@ const eo = (e, s) => {
|
|
|
357
358
|
selectedItems: f,
|
|
358
359
|
selectionState: u
|
|
359
360
|
};
|
|
360
|
-
},
|
|
361
|
+
}, vo = (e, s, i) => ({ isSorting: (o) => e.value.some((f) => f.field === o), getSortingDirection: (o) => e.value.find((f) => f.field === o)?.direction, sortByColumnField: (o) => {
|
|
361
362
|
if (!s.value.some((m) => m.field === o && m.sortable))
|
|
362
363
|
return;
|
|
363
364
|
const a = [{
|
|
364
365
|
field: o,
|
|
365
|
-
direction: e.value.find((m) => m.field === o)?.direction ===
|
|
366
|
+
direction: e.value.find((m) => m.field === o)?.direction === Fe.ASCENDING ? Fe.DESCENDING : Fe.ASCENDING
|
|
366
367
|
}];
|
|
367
368
|
i("sort", a);
|
|
368
369
|
} });
|
|
369
370
|
var ve = ((e) => (e[e.ARROW_DOWN = le.ARROW_DOWN] = "ARROW_DOWN", e[e.ARROW_UP = le.ARROW_UP] = "ARROW_UP", e[e.ARROW_LEFT = le.ARROW_LEFT] = "ARROW_LEFT", e[e.ARROW_RIGHT = le.ARROW_RIGHT] = "ARROW_RIGHT", e[e.PAGE_UP = le.PAGE_UP] = "PAGE_UP", e[e.PAGE_DOWN = le.PAGE_DOWN] = "PAGE_DOWN", e[e.END = le.END] = "END", e[e.HOME = le.HOME] = "HOME", e))(ve || {});
|
|
370
|
-
const It = "b-row-actions-column",
|
|
371
|
-
const o = v(() =>
|
|
371
|
+
const It = "b-row-actions-column", ho = (e, s, i, t, r, l) => {
|
|
372
|
+
const o = v(() => l.value || t.value ? !0 : i.value.some((y) => y.infoIconTooltip || y.sortable)), f = v(() => {
|
|
372
373
|
let y = i.value.filter(({ visible: z }) => z !== !1);
|
|
373
374
|
return r.value && (y = [
|
|
374
375
|
...y,
|
|
@@ -432,18 +433,18 @@ const It = "b-row-actions-column", vo = (e, s, i, t, r, n) => {
|
|
|
432
433
|
d.getAttribute("role") !== "menuitem" && (m.value.includes(d) || (d = M.closest('[role="gridcell"], [role="columnheader"]')), m.value.includes(d) && _(u) && L(d, u, z));
|
|
433
434
|
}
|
|
434
435
|
};
|
|
435
|
-
},
|
|
436
|
-
const
|
|
436
|
+
}, Co = 90, po = (e, s, i, t, r) => {
|
|
437
|
+
const l = S(e), o = S(s), f = S(i), a = S(t), m = v(() => l.value !== "none"), R = v(() => l.value === "automatic"), p = () => {
|
|
437
438
|
r(N.UPDATE_SHOW_MORE);
|
|
438
439
|
};
|
|
439
440
|
return Ce(
|
|
440
441
|
() => o.value,
|
|
441
442
|
() => {
|
|
442
|
-
R.value && f.value.offsetHeight / o.value * 100 >
|
|
443
|
+
R.value && f.value.offsetHeight / o.value * 100 > Co && !a.value && p();
|
|
443
444
|
}
|
|
444
445
|
), { isLazyLoad: m, isInfiniteScroll: R, verticalScrollPosition: o, emitLazyLoadEvent: p };
|
|
445
|
-
},
|
|
446
|
-
const t =
|
|
446
|
+
}, bo = (e, s, i) => {
|
|
447
|
+
const t = S(e), r = S(s), l = At({
|
|
447
448
|
dragging: null,
|
|
448
449
|
dragToLeft: null,
|
|
449
450
|
target: null
|
|
@@ -454,14 +455,14 @@ const It = "b-row-actions-column", vo = (e, s, i, t, r, n) => {
|
|
|
454
455
|
const D = [...t.value];
|
|
455
456
|
D.splice(_, 0, D.splice(L, 1)[0]), i(N.COLUMNS, D), i(N.UPDATE_COLUMNS, D);
|
|
456
457
|
}, f = (A, g) => {
|
|
457
|
-
|
|
458
|
+
l.dragging = A, g.dataTransfer.setData("text", ""), g.dataTransfer.dropEffect = "move";
|
|
458
459
|
}, a = (A, g) => {
|
|
459
|
-
|
|
460
|
+
l.target = A;
|
|
460
461
|
const L = g.currentTarget.getBoundingClientRect(), _ = L.left + L.width / 2, D = g.clientX ?? 0;
|
|
461
|
-
|
|
462
|
+
l.dragToLeft = D <= _;
|
|
462
463
|
}, m = (A) => {
|
|
463
|
-
if (
|
|
464
|
-
const g = t.value.findIndex((C) => C.field ===
|
|
464
|
+
if (l.dragging?.field !== A.field) {
|
|
465
|
+
const g = t.value.findIndex((C) => C.field === l.dragging?.field), L = t.value.findIndex((C) => C.field === A.field), _ = l.dragToLeft ? L : L + 1, D = _ > g ? _ - 1 : _;
|
|
465
466
|
let y = [...t.value];
|
|
466
467
|
y.splice(
|
|
467
468
|
D === -1 ? 0 : D,
|
|
@@ -469,13 +470,13 @@ const It = "b-row-actions-column", vo = (e, s, i, t, r, n) => {
|
|
|
469
470
|
y.splice(g, 1)[0]
|
|
470
471
|
);
|
|
471
472
|
const z = t.value.findIndex((C) => !C?.frozen);
|
|
472
|
-
|
|
473
|
-
(C) =>
|
|
473
|
+
l.dragging?.frozen !== A.frozen && _ !== z && (y = y.map(
|
|
474
|
+
(C) => l.dragging?.field === C.field ? { ...C, frozen: !!A?.frozen } : C
|
|
474
475
|
)), i(N.COLUMNS, y), i(N.UPDATE_COLUMNS, y);
|
|
475
476
|
}
|
|
476
|
-
|
|
477
|
+
l.dragging = null, l.target = null;
|
|
477
478
|
}, R = () => {
|
|
478
|
-
|
|
479
|
+
l.dragging = null, l.dragToLeft = null, l.target = null;
|
|
479
480
|
}, p = v(() => r.value ? {
|
|
480
481
|
[ne.COLUMN_DRAG_START]: (A, g) => f(A, g),
|
|
481
482
|
[ne.COLUMN_DRAG_ENTER]: (A, g) => a(A, g),
|
|
@@ -494,19 +495,19 @@ const It = "b-row-actions-column", vo = (e, s, i, t, r, n) => {
|
|
|
494
495
|
} : {});
|
|
495
496
|
return {
|
|
496
497
|
// Values
|
|
497
|
-
draggingColumns:
|
|
498
|
+
draggingColumns: l,
|
|
498
499
|
// Methods
|
|
499
500
|
draggingEventsForColumns: p,
|
|
500
501
|
draggingEventsForRowCell: I,
|
|
501
502
|
onMoveColumnByOffset: o
|
|
502
503
|
};
|
|
503
|
-
},
|
|
504
|
-
const t =
|
|
504
|
+
}, wo = (e, s, i) => {
|
|
505
|
+
const t = S(e), r = S(s.value), l = v(
|
|
505
506
|
() => [...t.value].sort((g, L) => g.frozen === L.frozen ? 0 : g.frozen ? -1 : 1)
|
|
506
507
|
), o = v(
|
|
507
|
-
() =>
|
|
508
|
+
() => l.value.filter((g) => g.frozen && g.visible !== !1)
|
|
508
509
|
), f = v(
|
|
509
|
-
() =>
|
|
510
|
+
() => l.value.filter((g) => !g.frozen && g.visible !== !1)
|
|
510
511
|
), a = v(
|
|
511
512
|
() => [
|
|
512
513
|
{ columnSet: o.value, id: "frozen", isFrozenColumns: !0 },
|
|
@@ -519,7 +520,7 @@ const It = "b-row-actions-column", vo = (e, s, i, t, r, n) => {
|
|
|
519
520
|
}, I = (g) => {
|
|
520
521
|
i(N.COLUMNS, g), i(N.UPDATE_COLUMNS, g);
|
|
521
522
|
}, A = (g) => {
|
|
522
|
-
const L =
|
|
523
|
+
const L = l.value.map(
|
|
523
524
|
(_) => _?.field === g.field ? g : _
|
|
524
525
|
);
|
|
525
526
|
I(L);
|
|
@@ -531,18 +532,18 @@ const It = "b-row-actions-column", vo = (e, s, i, t, r, n) => {
|
|
|
531
532
|
columnSets: a,
|
|
532
533
|
isOnlyOneVisibleColumn: m,
|
|
533
534
|
internalZebraRows: r,
|
|
534
|
-
sortedColumns:
|
|
535
|
+
sortedColumns: l,
|
|
535
536
|
// Methods
|
|
536
537
|
onConfigSettingsColumnsUpdate: I,
|
|
537
538
|
onConfigSettingsColumnUpdate: A,
|
|
538
539
|
onConfigSettingsCondensedUpdate: R,
|
|
539
540
|
onConfigSettingsZebraRowsUpdate: p
|
|
540
541
|
};
|
|
541
|
-
},
|
|
542
|
-
const f =
|
|
543
|
-
Ce([() => f.value, () =>
|
|
542
|
+
}, So = (e, s, i, t, r, l, o) => {
|
|
543
|
+
const f = S(0), a = S(!1), m = S(!1);
|
|
544
|
+
Ce([() => f.value, () => l.value], ([g]) => {
|
|
544
545
|
e.value.scrollLeft = g, s.value.scrollLeft = g, a.value = !!g, m.value = s.value.scrollWidth - s.value.offsetWidth > g;
|
|
545
|
-
}),
|
|
546
|
+
}), Je(async () => {
|
|
546
547
|
await de(), await de(), s.value?.offsetWidth < s.value?.scrollWidth && (m.value = !0);
|
|
547
548
|
});
|
|
548
549
|
const R = (g) => {
|
|
@@ -569,8 +570,8 @@ const It = "b-row-actions-column", vo = (e, s, i, t, r, n) => {
|
|
|
569
570
|
updateScrollPositionOnFrozenColumnsNavigation: p,
|
|
570
571
|
syncVirtualScrollerWithBody: I
|
|
571
572
|
};
|
|
572
|
-
},
|
|
573
|
-
const r =
|
|
573
|
+
}, _o = (e, s, i, t) => {
|
|
574
|
+
const r = S(null), l = v(() => {
|
|
574
575
|
if (!r.value || r.value.field === he)
|
|
575
576
|
return {
|
|
576
577
|
hoveredOverColumnField: "",
|
|
@@ -578,7 +579,7 @@ const It = "b-row-actions-column", vo = (e, s, i, t, r, n) => {
|
|
|
578
579
|
noBorderLeft: !1,
|
|
579
580
|
noBorderRight: !1
|
|
580
581
|
};
|
|
581
|
-
const o = e.value.find((L) => L.isFrozenColumns)?.columnSet?.filter((L) => L.field !== he), f = e.value.find((L) => !L?.isFrozenColumns), a = r.value.frozen && o?.[0]
|
|
582
|
+
const o = e.value.find((L) => L.isFrozenColumns)?.columnSet?.filter((L) => L.field !== he), f = e.value.find((L) => !L?.isFrozenColumns), a = r.value.frozen && o?.[0]?.field === r.value.field, m = !r.value.frozen && f?.columnSet?.[0]?.field === r.value.field, R = (s.value || i.value) && a, p = (s.value || i.value) && !o && m, I = o && m, A = o?.length > 0 && r.value.frozen && o?.[o.length - 1].field === r.value.field, g = i.value && t.value && !r.value.frozen && f?.columnSet?.[f.columnSet.length - 1].field === r.value.field;
|
|
582
583
|
return {
|
|
583
584
|
hoveredOverColumnField: r.value.field,
|
|
584
585
|
isSeparatorOffset: g,
|
|
@@ -588,7 +589,7 @@ const It = "b-row-actions-column", vo = (e, s, i, t, r, n) => {
|
|
|
588
589
|
});
|
|
589
590
|
return {
|
|
590
591
|
hoveredOverColumn: r,
|
|
591
|
-
hoveredOverColumnState:
|
|
592
|
+
hoveredOverColumnState: l
|
|
592
593
|
};
|
|
593
594
|
}, ct = (e, s) => {
|
|
594
595
|
const t = _n(e).filter((r) => r.node !== e);
|
|
@@ -611,11 +612,11 @@ const It = "b-row-actions-column", vo = (e, s, i, t, r, n) => {
|
|
|
611
612
|
if (!t)
|
|
612
613
|
return;
|
|
613
614
|
const r = i.querySelectorAll('[role="row"]');
|
|
614
|
-
let
|
|
615
|
+
let l = "<table>", o = "";
|
|
615
616
|
const f = (a) => {
|
|
616
617
|
a.forEach((m) => {
|
|
617
618
|
const R = m.closest("[role]").getAttribute("role") === "gridcell" ? "td" : "th", p = m.textContent.trim();
|
|
618
|
-
p && (
|
|
619
|
+
p && (l += `<${R}>${p}</${R}>`, o += `${p} `);
|
|
619
620
|
});
|
|
620
621
|
};
|
|
621
622
|
if (!r.length) {
|
|
@@ -623,7 +624,7 @@ const It = "b-row-actions-column", vo = (e, s, i, t, r, n) => {
|
|
|
623
624
|
'[role="gridcell"] > .b-typography:first-of-type, [role="columnheader"] .b-typography'
|
|
624
625
|
);
|
|
625
626
|
if (a.length)
|
|
626
|
-
|
|
627
|
+
l += "<tr>", f(a), l += "</tr>";
|
|
627
628
|
else {
|
|
628
629
|
e?.preventDefault(), navigator.clipboard.writeText(t);
|
|
629
630
|
return;
|
|
@@ -633,28 +634,28 @@ const It = "b-row-actions-column", vo = (e, s, i, t, r, n) => {
|
|
|
633
634
|
const m = a.querySelectorAll(
|
|
634
635
|
'[role="gridcell"] > .b-typography:first-of-type, [role="columnheader"] .b-typography'
|
|
635
636
|
);
|
|
636
|
-
if (
|
|
637
|
+
if (l += "<tr>", m.length)
|
|
637
638
|
f(m);
|
|
638
639
|
else {
|
|
639
640
|
const R = a.textContent.trim();
|
|
640
|
-
|
|
641
|
+
l += `<td>${R}</td>`, o += `${R} `;
|
|
641
642
|
}
|
|
642
|
-
|
|
643
|
+
l += "</tr>", o += `
|
|
643
644
|
`;
|
|
644
|
-
}),
|
|
645
|
+
}), l += "</table>", e?.preventDefault(), navigator.clipboard.write([
|
|
645
646
|
new ClipboardItem({
|
|
646
|
-
"text/html": new Blob([
|
|
647
|
+
"text/html": new Blob([l], { type: "text/html" }),
|
|
647
648
|
"text/plain": new Blob([o || t], { type: "text/plain" })
|
|
648
649
|
})
|
|
649
650
|
]);
|
|
650
651
|
};
|
|
651
652
|
let en = 0;
|
|
652
|
-
const
|
|
653
|
+
const Ro = {
|
|
653
654
|
beforeCreate() {
|
|
654
655
|
this.uuid = en.toString(), en += 1;
|
|
655
656
|
}
|
|
656
|
-
},
|
|
657
|
-
function
|
|
657
|
+
}, Ao = { key: 0 }, Eo = ["clip-path"], yo = ["id"];
|
|
658
|
+
function Lo(e, s, i, t, r, l) {
|
|
658
659
|
return c(), E("svg", ee({ role: "img" }, e.$attrs, {
|
|
659
660
|
class: "ui-assets-icons-16",
|
|
660
661
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -662,14 +663,14 @@ function yo(e, s, i, t, r, n) {
|
|
|
662
663
|
height: "16",
|
|
663
664
|
fill: "none"
|
|
664
665
|
}), [
|
|
665
|
-
e.$attrs["svg-title"] ? (c(), E("title",
|
|
666
|
+
e.$attrs["svg-title"] ? (c(), E("title", Ao, q(e.$attrs["svg-title"]), 1)) : F("", !0),
|
|
666
667
|
O("g", {
|
|
667
668
|
fill: "#001222",
|
|
668
669
|
"clip-path": "url(#uia-ui-assets/icons-16-arrow_up_down_sort__a" + e.uuid + ")"
|
|
669
670
|
}, s[0] || (s[0] = [
|
|
670
671
|
O("path", { 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" }, null, -1),
|
|
671
672
|
O("path", { 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" }, null, -1)
|
|
672
|
-
]), 8,
|
|
673
|
+
]), 8, Eo),
|
|
673
674
|
O("defs", null, [
|
|
674
675
|
O("clipPath", {
|
|
675
676
|
id: "uia-ui-assets/icons-16-arrow_up_down_sort__a" + e.uuid
|
|
@@ -679,18 +680,18 @@ function yo(e, s, i, t, r, n) {
|
|
|
679
680
|
height: "16",
|
|
680
681
|
fill: "#fff"
|
|
681
682
|
}, null, -1)
|
|
682
|
-
]), 8,
|
|
683
|
+
]), 8, yo)
|
|
683
684
|
])
|
|
684
685
|
], 16);
|
|
685
686
|
}
|
|
686
|
-
const
|
|
687
|
+
const Oo = /* @__PURE__ */ oe(Ro, [["render", Lo]]);
|
|
687
688
|
let tn = 0;
|
|
688
|
-
const
|
|
689
|
+
const To = {
|
|
689
690
|
beforeCreate() {
|
|
690
691
|
this.uuid = tn.toString(), tn += 1;
|
|
691
692
|
}
|
|
692
|
-
},
|
|
693
|
-
function
|
|
693
|
+
}, Io = { key: 0 }, No = ["clip-path"], Do = ["id"];
|
|
694
|
+
function Mo(e, s, i, t, r, l) {
|
|
694
695
|
return c(), E("svg", ee({ role: "img" }, e.$attrs, {
|
|
695
696
|
class: "ui-assets-icons-16",
|
|
696
697
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -698,7 +699,7 @@ function Do(e, s, i, t, r, n) {
|
|
|
698
699
|
height: "16",
|
|
699
700
|
fill: "none"
|
|
700
701
|
}), [
|
|
701
|
-
e.$attrs["svg-title"] ? (c(), E("title",
|
|
702
|
+
e.$attrs["svg-title"] ? (c(), E("title", Io, q(e.$attrs["svg-title"]), 1)) : F("", !0),
|
|
702
703
|
O("g", {
|
|
703
704
|
"clip-path": "url(#uia-ui-assets/icons-16-freeze__a" + e.uuid + ")"
|
|
704
705
|
}, s[0] || (s[0] = [
|
|
@@ -706,7 +707,7 @@ function Do(e, s, i, t, r, n) {
|
|
|
706
707
|
fill: "#001222",
|
|
707
708
|
d: "M10.5605 14.5L9.94434 13.8838C9.6002 13.5397 9.18722 13.3072 8.75 13.1836V10.9336L10.1689 10.1162L11.6865 10.9941L12.1094 12.5605C12.1146 12.5821 12.1182 12.6044 12.124 12.626L12.1553 12.7441L12.3496 13.4688L13.7988 13.0801L13.6162 12.4004L13.6201 12.3984L13.5547 12.1592C13.4254 11.5178 13.8153 10.878 14.4561 10.7061L14.5742 10.6748L15.2988 10.4805L14.9102 9.03125L14.2295 9.21387L14.2285 9.20996L13.5049 9.40625L12.4346 9.69531L10.9199 8.81836V7.18262L12.8633 6.05762C13.1889 6.37496 13.597 6.61697 14.0674 6.74316L14.1855 6.77441L14.9102 6.96875L15.2988 5.52051L14.5742 5.32617L14.4561 5.29395C13.7894 5.11503 13.3935 4.4294 13.5723 3.7627L13.6045 3.64453L13.7988 2.91992L12.3496 2.53125L12.1553 3.25586L12.124 3.37402C11.9979 3.84406 12.0018 4.31824 12.1133 4.75879L10.1689 5.88477L8.75 5.06738V2.81738C9.18731 2.69384 9.60013 2.46036 9.94434 2.11621L10.5605 1.5L9.5 0.439453L8.88379 1.05566C8.39567 1.54362 7.60433 1.54362 7.11621 1.05566L6.5 0.439453L5.43945 1.5L6.05566 2.11621C6.39987 2.46036 6.81269 2.69384 7.25 2.81738V5.06738L5.83105 5.88477L3.88574 4.75879C3.99724 4.31819 4.00207 3.84412 3.87598 3.37402L3.84473 3.25586L3.65039 2.53125L2.20117 2.91992L2.39551 3.64453L2.42773 3.7627C2.60651 4.42942 2.21066 5.11507 1.54395 5.29395L1.42578 5.32617L0.701172 5.52051L1.08984 6.96875L1.81445 6.77441L1.93262 6.74316C2.40275 6.61703 2.81018 6.37474 3.13574 6.05762L5.08008 7.18262V8.81836L3.13574 9.94336C2.81015 9.62622 2.40287 9.38399 1.93262 9.25781L1.81445 9.22559L1.08984 9.03125L0.701172 10.4805L1.42578 10.6748L1.54395 10.7061C2.2106 10.8849 2.60644 11.5706 2.42773 12.2373L2.39551 12.3555L2.20117 13.0801L3.65039 13.4688L3.84473 12.7441L3.87598 12.626C4.00207 12.1559 3.99723 11.6817 3.88574 11.2412L5.83105 10.1162L7.25 10.9336V13.1836C6.81278 13.3072 6.3998 13.5397 6.05566 13.8838L5.43945 14.5L6.5 15.5605L7.11621 14.9443C7.60433 14.4564 8.39567 14.4564 8.88379 14.9443L9.5 15.5605L10.5605 14.5ZM6.58008 8.81641V7.18262L8 6.36426L9.41992 7.18262V8.81641L8 9.63477L6.58008 8.81641Z"
|
|
708
709
|
}, null, -1)
|
|
709
|
-
]), 8,
|
|
710
|
+
]), 8, No),
|
|
710
711
|
O("defs", null, [
|
|
711
712
|
O("clipPath", {
|
|
712
713
|
id: "uia-ui-assets/icons-16-freeze__a" + e.uuid
|
|
@@ -717,18 +718,18 @@ function Do(e, s, i, t, r, n) {
|
|
|
717
718
|
fill: "#fff",
|
|
718
719
|
transform: "matrix(1 0 0 -1 0 16)"
|
|
719
720
|
}, null, -1)
|
|
720
|
-
]), 8,
|
|
721
|
+
]), 8, Do)
|
|
721
722
|
])
|
|
722
723
|
], 16);
|
|
723
724
|
}
|
|
724
|
-
const An = /* @__PURE__ */ oe(
|
|
725
|
+
const An = /* @__PURE__ */ oe(To, [["render", Mo]]);
|
|
725
726
|
let nn = 0;
|
|
726
|
-
const
|
|
727
|
+
const zo = {
|
|
727
728
|
beforeCreate() {
|
|
728
729
|
this.uuid = nn.toString(), nn += 1;
|
|
729
730
|
}
|
|
730
|
-
},
|
|
731
|
-
function
|
|
731
|
+
}, Fo = { key: 0 }, Po = ["clip-path"], $o = ["id"];
|
|
732
|
+
function ko(e, s, i, t, r, l) {
|
|
732
733
|
return c(), E("svg", ee({ role: "img" }, e.$attrs, {
|
|
733
734
|
class: "ui-assets-icons-16",
|
|
734
735
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -736,7 +737,7 @@ function $o(e, s, i, t, r, n) {
|
|
|
736
737
|
height: "16",
|
|
737
738
|
fill: "none"
|
|
738
739
|
}), [
|
|
739
|
-
e.$attrs["svg-title"] ? (c(), E("title",
|
|
740
|
+
e.$attrs["svg-title"] ? (c(), E("title", Fo, q(e.$attrs["svg-title"]), 1)) : F("", !0),
|
|
740
741
|
O("g", {
|
|
741
742
|
fill: "#001222",
|
|
742
743
|
"clip-path": "url(#uia-ui-assets/icons-16-sort_ascending__a" + e.uuid + ")"
|
|
@@ -745,7 +746,7 @@ function $o(e, s, i, t, r, n) {
|
|
|
745
746
|
O("path", { d: "M6.75 7.25H1.25V8.75H6.75V7.25Z" }, null, -1),
|
|
746
747
|
O("path", { d: "M1.25 11.25H8.75V12.75H1.25V11.25Z" }, null, -1),
|
|
747
748
|
O("path", { d: "M6.75 3.25H1.25V4.75H6.75V3.25Z" }, null, -1)
|
|
748
|
-
]), 8,
|
|
749
|
+
]), 8, Po),
|
|
749
750
|
O("defs", null, [
|
|
750
751
|
O("clipPath", {
|
|
751
752
|
id: "uia-ui-assets/icons-16-sort_ascending__a" + e.uuid
|
|
@@ -755,18 +756,18 @@ function $o(e, s, i, t, r, n) {
|
|
|
755
756
|
height: "16",
|
|
756
757
|
fill: "#fff"
|
|
757
758
|
}, null, -1)
|
|
758
|
-
]), 8,
|
|
759
|
+
]), 8, $o)
|
|
759
760
|
])
|
|
760
761
|
], 16);
|
|
761
762
|
}
|
|
762
|
-
const
|
|
763
|
+
const Uo = /* @__PURE__ */ oe(zo, [["render", ko]]);
|
|
763
764
|
let ln = 0;
|
|
764
|
-
const
|
|
765
|
+
const Bo = {
|
|
765
766
|
beforeCreate() {
|
|
766
767
|
this.uuid = ln.toString(), ln += 1;
|
|
767
768
|
}
|
|
768
|
-
},
|
|
769
|
-
function
|
|
769
|
+
}, Wo = { key: 0 }, Vo = ["clip-path"], Go = ["id"];
|
|
770
|
+
function xo(e, s, i, t, r, l) {
|
|
770
771
|
return c(), E("svg", ee({ role: "img" }, e.$attrs, {
|
|
771
772
|
class: "ui-assets-icons-16",
|
|
772
773
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -774,7 +775,7 @@ function Go(e, s, i, t, r, n) {
|
|
|
774
775
|
height: "16",
|
|
775
776
|
fill: "none"
|
|
776
777
|
}), [
|
|
777
|
-
e.$attrs["svg-title"] ? (c(), E("title",
|
|
778
|
+
e.$attrs["svg-title"] ? (c(), E("title", Wo, q(e.$attrs["svg-title"]), 1)) : F("", !0),
|
|
778
779
|
O("g", {
|
|
779
780
|
fill: "#001222",
|
|
780
781
|
"clip-path": "url(#uia-ui-assets/icons-16-sort_descending__a" + e.uuid + ")"
|
|
@@ -783,7 +784,7 @@ function Go(e, s, i, t, r, n) {
|
|
|
783
784
|
O("path", { d: "M6.75 7.25H1.25V8.75H6.75V7.25Z" }, null, -1),
|
|
784
785
|
O("path", { d: "M1.25 3.25H9.09V4.75H1.25V3.25Z" }, null, -1),
|
|
785
786
|
O("path", { d: "M6.75 11.25H1.25V12.75H6.75V11.25Z" }, null, -1)
|
|
786
|
-
]), 8,
|
|
787
|
+
]), 8, Vo),
|
|
787
788
|
O("defs", null, [
|
|
788
789
|
O("clipPath", {
|
|
789
790
|
id: "uia-ui-assets/icons-16-sort_descending__a" + e.uuid
|
|
@@ -793,18 +794,18 @@ function Go(e, s, i, t, r, n) {
|
|
|
793
794
|
height: "16",
|
|
794
795
|
fill: "#fff"
|
|
795
796
|
}, null, -1)
|
|
796
|
-
]), 8,
|
|
797
|
+
]), 8, Go)
|
|
797
798
|
])
|
|
798
799
|
], 16);
|
|
799
800
|
}
|
|
800
|
-
const
|
|
801
|
+
const Ho = /* @__PURE__ */ oe(Bo, [["render", xo]]);
|
|
801
802
|
let on = 0;
|
|
802
|
-
const
|
|
803
|
+
const Zo = {
|
|
803
804
|
beforeCreate() {
|
|
804
805
|
this.uuid = on.toString(), on += 1;
|
|
805
806
|
}
|
|
806
|
-
},
|
|
807
|
-
function
|
|
807
|
+
}, jo = { key: 0 };
|
|
808
|
+
function qo(e, s, i, t, r, l) {
|
|
808
809
|
return c(), E("svg", ee({ role: "img" }, e.$attrs, {
|
|
809
810
|
class: "ui-assets-icons-16",
|
|
810
811
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -812,14 +813,14 @@ function jo(e, s, i, t, r, n) {
|
|
|
812
813
|
height: "16",
|
|
813
814
|
fill: "none"
|
|
814
815
|
}), [
|
|
815
|
-
e.$attrs["svg-title"] ? (c(), E("title",
|
|
816
|
+
e.$attrs["svg-title"] ? (c(), E("title", jo, q(e.$attrs["svg-title"]), 1)) : F("", !0),
|
|
816
817
|
s[0] || (s[0] = O("path", {
|
|
817
818
|
fill: "#001222",
|
|
818
819
|
d: "M8 11.25L12.5 5.25H3.5L8 11.25Z"
|
|
819
820
|
}, null, -1))
|
|
820
821
|
], 16);
|
|
821
822
|
}
|
|
822
|
-
const
|
|
823
|
+
const Ko = /* @__PURE__ */ oe(Zo, [["render", qo]]), En = {
|
|
823
824
|
"de-DE": { columnActions: "{name}-Spaltenaktionen", deselectAll: "Alle abwählen", deselectAllCurrentResults: "Alle in den aktuellen Ergebnissen abwählen", deselectPage: "Diese Seite abwählen", freezeColumn: "Spalte einfrieren", hideColumn: "Spalte ausblenden", moveColumnLeft: "Spalte nach links verschieben", moveColumnRight: "Spalte nach rechts verschieben", rowActionsColumn: "Spaltenaktionen für Zeilen", selectAll: "Alle auswählen", selectAllCurrentResults: "Alle in den aktuellen Ergebnissen auswählen", selectAllMenu: "Menü „Alle auswählen“", selectPage: "Diese Seite auswählen", selectionMenu: "Auswahlmenü", showColumn: "Spalte anzeigen", sortColumn: "Spalte {name} sortieren", sortColumnInAscendingOrder: "Spalte {name} in aufsteigender Reihenfolge sortieren", sortColumnInDescendingOrder: "Spalte {name} in absteigender Reihenfolge sortieren", unfreezeColumn: "Spalte einfrieren aufheben" },
|
|
824
825
|
"en-GB": { columnActions: "{name} column actions", deselectAll: "Deselect all", deselectAllCurrentResults: "Deselect all from current results", deselectPage: "Deselect this page", freezeColumn: "Freeze column", hideColumn: "Hide column", moveColumnLeft: "Move column left", moveColumnRight: "Move column to the right", rowActionsColumn: "Row actions column", selectAll: "Select all", selectAllCurrentResults: "Select all in current results", selectAllMenu: "Select all menu", selectPage: "Select this page", selectionMenu: "Selection menu", showColumn: "Show column", sortColumn: "Sort {name} column", sortColumnInAscendingOrder: "Sort {name} column in ascending order", sortColumnInDescendingOrder: "Sort {name} column in descending order", unfreezeColumn: "Unfreeze column" },
|
|
825
826
|
"en-US": { columnActions: "{name} column actions", deselectAll: "Deselect all", deselectAllCurrentResults: "Deselect all in current results", deselectPage: "Deselect this page", freezeColumn: "Freeze column", hideColumn: "Hide column", moveColumnLeft: "Move column left", moveColumnRight: "Move column right", rowActionsColumn: "Row actions column", selectAll: "Select all", selectAllCurrentResults: "Select all in current results", selectAllMenu: "Select all menu", selectPage: "Select this page", selectionMenu: "Selection menu", showColumn: "Show column", sortColumn: "Sort {name} column", sortColumnInAscendingOrder: "Sort {name} column in ascending order", sortColumnInDescendingOrder: "Sort {name} column in descending order", unfreezeColumn: "Unfreeze column" },
|
|
@@ -830,20 +831,20 @@ const qo = /* @__PURE__ */ oe(Ho, [["render", jo]]), En = {
|
|
|
830
831
|
"ja-JP": { columnActions: "{name}列のアクション", deselectAll: "すべての選択を解除", deselectAllCurrentResults: "現在の結果の選択をすべて解除", deselectPage: "このページの選択を解除", freezeColumn: "列を固定", hideColumn: "列を非表示", moveColumnLeft: "列を左に移動", moveColumnRight: "列を右に移動", rowActionsColumn: "行アクション列", selectAll: "すべて選択", selectAllCurrentResults: "現在の結果をすべて選択", selectAllMenu: "すべてのメニューを選択", selectPage: "このページを選択", selectionMenu: "選択メニュー", showColumn: "列を表示", sortColumn: "{name}列を並べ替え", sortColumnInAscendingOrder: "{name}列を昇順に並べ替え", sortColumnInDescendingOrder: "{name}列を降順に並べ替え", unfreezeColumn: "列の固定を解除" },
|
|
831
832
|
"pt-BR": { columnActions: "Ações da coluna {name}", deselectAll: "Desmarcar tudo", deselectAllCurrentResults: "Desmarcar tudo nos resultados atuais", deselectPage: "Desmarcar esta página", freezeColumn: "Congelar coluna", hideColumn: "Ocultar coluna", moveColumnLeft: "Mover coluna para a esquerda", moveColumnRight: "Mover a coluna para a direita", rowActionsColumn: "Coluna de ações da linha", selectAll: "Selecionar tudo", selectAllCurrentResults: "Selecionar tudo nos resultados atuais", selectAllMenu: "Selecionar todo o menu", selectPage: "Selecionar esta página", selectionMenu: "Menu de seleção", showColumn: "Mostrar coluna", sortColumn: "Classificar coluna {name}", sortColumnInAscendingOrder: "Classificar coluna {name} em ordem crescente", sortColumnInDescendingOrder: "Classificar coluna {name} em ordem decrescente", unfreezeColumn: "Liberar coluna" },
|
|
832
833
|
"zh-CN": { columnActions: "{name} 列操作", deselectAll: "取消所有选择", deselectAllCurrentResults: "取消当前结果中的所有选择", deselectPage: "取消选择此页面", freezeColumn: "冻结列", hideColumn: "隐藏列", moveColumnLeft: "将列向左移动", moveColumnRight: "将列向右移动", rowActionsColumn: "行操作列", selectAll: "全部选择", selectAllCurrentResults: "选择当前结果的全部", selectAllMenu: "选择全部菜单", selectPage: "选择此页", selectionMenu: "选择菜单", showColumn: "显示列", sortColumn: "排序 {name} 列", sortColumnInAscendingOrder: "按升序排列 {name} 列", sortColumnInDescendingOrder: "按降序排序 {name} 列", unfreezeColumn: "取消冻结列" }
|
|
833
|
-
}, yn = /* @__PURE__ */ Symbol("data-grid slashed zero key"), Qe = /* @__PURE__ */ Symbol("data-grid small container key"), mt = /* @__PURE__ */ Symbol("data-grid touch device key"),
|
|
834
|
+
}, yn = /* @__PURE__ */ Symbol("data-grid slashed zero key"), Qe = /* @__PURE__ */ Symbol("data-grid small container key"), mt = /* @__PURE__ */ Symbol("data-grid touch device key"), Yo = ["aria-colindex", "aria-label", "aria-sort", "data-testid", "draggable", "tabindex"], Xo = { class: "b-data-grid-columns__select-column-menu-button" }, Jo = ["aria-label"], Qo = { class: "b-data-grid-columns__label" }, es = {
|
|
834
835
|
key: 0,
|
|
835
836
|
class: "b-data-grid-columns__column-info-icon"
|
|
836
|
-
},
|
|
837
|
+
}, ts = {
|
|
837
838
|
key: 1,
|
|
838
839
|
class: "b-data-grid-columns__column-sort"
|
|
839
|
-
},
|
|
840
|
+
}, ns = ["data-testid", "onMousedown"], ls = {
|
|
840
841
|
key: 0,
|
|
841
842
|
class: "b-data-grid-columns__column-separator"
|
|
842
|
-
},
|
|
843
|
+
}, os = ["aria-label", "aria-colindex", "tabindex"], ss = {
|
|
843
844
|
i18n: { messages: En },
|
|
844
845
|
name: "data-grid-columns"
|
|
845
|
-
},
|
|
846
|
-
...
|
|
846
|
+
}, as = /* @__PURE__ */ Se({
|
|
847
|
+
...ss,
|
|
847
848
|
props: {
|
|
848
849
|
/**
|
|
849
850
|
* Column definitions using 'key' to relate to data object.
|
|
@@ -990,7 +991,7 @@ const qo = /* @__PURE__ */ oe(Ho, [["render", jo]]), En = {
|
|
|
990
991
|
},
|
|
991
992
|
emits: ["sort", "column-hover"],
|
|
992
993
|
setup(e, { expose: s, emit: i }) {
|
|
993
|
-
const t = e, r = i,
|
|
994
|
+
const t = e, r = i, l = 100, { t: o } = ze({ messages: En }), { columns: f, sortBy: a } = Et(t), m = S(), R = S({}), p = S({}), I = S(), A = S(), g = v(
|
|
994
995
|
() => t.columns.some((h) => h.sortable || t.hasColumnPanel || h.infoIconTooltip)
|
|
995
996
|
), L = (h) => r(ne.SELECT_ALL_ROWS, h), _ = (h) => h.field === he, D = v(() => t.selectionState === "all"), y = v(
|
|
996
997
|
() => [
|
|
@@ -1028,23 +1029,23 @@ const qo = /* @__PURE__ */ oe(Ho, [["render", jo]]), En = {
|
|
|
1028
1029
|
handler: () => r(ne.DESELECT_ALL)
|
|
1029
1030
|
}
|
|
1030
1031
|
].filter(Boolean)
|
|
1031
|
-
), { startResize: z, isResizing: C, columnHoverEventToEmitAfterResizing: M } =
|
|
1032
|
+
), { startResize: z, isResizing: C, columnHoverEventToEmitAfterResizing: M } = to(f, r), { isSorting: u, getSortingDirection: d, sortByColumnField: b } = vo(a, f, r), P = (h) => {
|
|
1032
1033
|
if (!h.sortable)
|
|
1033
1034
|
return null;
|
|
1034
|
-
const
|
|
1035
|
-
return
|
|
1036
|
-
[
|
|
1037
|
-
[
|
|
1038
|
-
}[
|
|
1035
|
+
const x = t.sortBy.find(({ field: pe }) => pe === h.field)?.direction;
|
|
1036
|
+
return x ? {
|
|
1037
|
+
[Fe.ASCENDING]: rt.ASCENDING,
|
|
1038
|
+
[Fe.DESCENDING]: rt.DESCENDING
|
|
1039
|
+
}[x] : rt.NONE;
|
|
1039
1040
|
}, B = v(() => (h) => t.hasDraggableColumns ? {
|
|
1040
|
-
dragstart: (
|
|
1041
|
-
r(ne.COLUMN_DRAG_START, h,
|
|
1041
|
+
dragstart: (x) => {
|
|
1042
|
+
r(ne.COLUMN_DRAG_START, h, x);
|
|
1042
1043
|
},
|
|
1043
|
-
dragover: (
|
|
1044
|
-
|
|
1044
|
+
dragover: (x) => {
|
|
1045
|
+
x.preventDefault();
|
|
1045
1046
|
},
|
|
1046
|
-
dragenter: (
|
|
1047
|
-
|
|
1047
|
+
dragenter: (x) => {
|
|
1048
|
+
x.preventDefault(), r(ne.COLUMN_DRAG_ENTER, h, x);
|
|
1048
1049
|
},
|
|
1049
1050
|
drop: () => {
|
|
1050
1051
|
r(ne.COLUMN_DROP, h);
|
|
@@ -1057,13 +1058,13 @@ const qo = /* @__PURE__ */ oe(Ho, [["render", jo]]), En = {
|
|
|
1057
1058
|
{
|
|
1058
1059
|
text: o("moveColumnLeft"),
|
|
1059
1060
|
handler: () => r(ne.COLUMN_MOVE, h, -1),
|
|
1060
|
-
icon:
|
|
1061
|
+
icon: ql,
|
|
1061
1062
|
disabled: t.columns[0].field === h.field
|
|
1062
1063
|
},
|
|
1063
1064
|
{
|
|
1064
1065
|
text: o("moveColumnRight"),
|
|
1065
1066
|
handler: () => r(ne.COLUMN_MOVE, h, 1),
|
|
1066
|
-
icon:
|
|
1067
|
+
icon: Kl,
|
|
1067
1068
|
disabled: t.columns[t.columns.length - 1].field === h.field
|
|
1068
1069
|
},
|
|
1069
1070
|
!Ae.value && {
|
|
@@ -1079,19 +1080,19 @@ const qo = /* @__PURE__ */ oe(Ho, [["render", jo]]), En = {
|
|
|
1079
1080
|
visible: h?.visible === !1
|
|
1080
1081
|
});
|
|
1081
1082
|
},
|
|
1082
|
-
icon: h?.visible !== !1 ?
|
|
1083
|
+
icon: h?.visible !== !1 ? Yl : Xl,
|
|
1083
1084
|
disabled: h?.mandatory || h?.visible !== !1 && t.isOnlyOneVisibleColumn
|
|
1084
1085
|
}
|
|
1085
1086
|
].filter(Boolean)
|
|
1086
1087
|
), J = (h) => {
|
|
1087
1088
|
I.value = h.field, A.value && clearTimeout(A.value);
|
|
1088
1089
|
}, K = (h) => {
|
|
1089
|
-
const
|
|
1090
|
+
const x = setTimeout(() => {
|
|
1090
1091
|
h.field === I.value && (I.value = "");
|
|
1091
|
-
},
|
|
1092
|
-
A.value =
|
|
1092
|
+
}, l);
|
|
1093
|
+
A.value = x;
|
|
1093
1094
|
}, X = (h) => {
|
|
1094
|
-
let
|
|
1095
|
+
let x = {
|
|
1095
1096
|
mouseenter: () => {
|
|
1096
1097
|
J(h), C.value ? M.value = h : r("column-hover", h);
|
|
1097
1098
|
},
|
|
@@ -1105,16 +1106,16 @@ const qo = /* @__PURE__ */ oe(Ho, [["render", jo]]), En = {
|
|
|
1105
1106
|
m.value?.contains($?.relatedTarget) || K(h);
|
|
1106
1107
|
}
|
|
1107
1108
|
};
|
|
1108
|
-
return _(h) || (
|
|
1109
|
-
...
|
|
1109
|
+
return _(h) || (x = {
|
|
1110
|
+
...x,
|
|
1110
1111
|
...B.value(h)
|
|
1111
|
-
}),
|
|
1112
|
-
}, Y = (h) => h.infoIconTooltip || h.sortable || t.hasColumnPanel,
|
|
1113
|
-
R.value?.[
|
|
1112
|
+
}), x;
|
|
1113
|
+
}, Y = (h) => h.infoIconTooltip || h.sortable || t.hasColumnPanel, ce = (h, x) => {
|
|
1114
|
+
R.value?.[x] === void 0 && (R.value = { ...R.value, [x]: null }), h !== null && (R.value[x] = h);
|
|
1114
1115
|
}, Ae = Te(
|
|
1115
1116
|
Qe,
|
|
1116
1117
|
v(() => !1)
|
|
1117
|
-
), xe = Te(mt,
|
|
1118
|
+
), xe = Te(mt, S(!1)), Pe = v(() => {
|
|
1118
1119
|
const h = {
|
|
1119
1120
|
"b-data-grid-columns--is-measuring": t.isMeasuringColumnWidths
|
|
1120
1121
|
};
|
|
@@ -1127,13 +1128,13 @@ const qo = /* @__PURE__ */ oe(Ho, [["render", jo]]), En = {
|
|
|
1127
1128
|
...h,
|
|
1128
1129
|
"b-data-grid-columns--unfrozen": !0
|
|
1129
1130
|
};
|
|
1130
|
-
}),
|
|
1131
|
+
}), $e = v(() => ({
|
|
1131
1132
|
"b-data-grid-columns__select-column--all": t.selectableAcrossPages
|
|
1132
|
-
})),
|
|
1133
|
+
})), ke = (h, x) => h && x === 0 ? Ht.BOTTOM_START : Ht.BOTTOM_END, Ue = (h, x) => ({
|
|
1133
1134
|
"b-data-grid-columns__column--column-hovered": h.field === t.hoveredOverColumnState.hoveredOverColumnField,
|
|
1134
1135
|
"b-data-grid-columns__column--column-hovered-no-border-left": h.field === t.hoveredOverColumnState.hoveredOverColumnField && t.hoveredOverColumnState.noBorderLeft,
|
|
1135
1136
|
"b-data-grid-columns__column--column-hovered-no-border-right": h.field === t.hoveredOverColumnState.hoveredOverColumnField && t.hoveredOverColumnState.noBorderRight,
|
|
1136
|
-
"b-data-grid-columns__column--last-frozen-frozen-column": t.isFrozenColumns &&
|
|
1137
|
+
"b-data-grid-columns__column--last-frozen-frozen-column": t.isFrozenColumns && x === f.value.length - 1,
|
|
1137
1138
|
"b-data-grid-columns__column--sortable": h.sortable,
|
|
1138
1139
|
"b-data-grid-columns__column--padding-left-unset": h?.padding?.left === !1,
|
|
1139
1140
|
"b-data-grid-columns__column--padding-right-unset": h?.padding?.right === !1,
|
|
@@ -1158,42 +1159,42 @@ const qo = /* @__PURE__ */ oe(Ho, [["render", jo]]), En = {
|
|
|
1158
1159
|
});
|
|
1159
1160
|
return s({
|
|
1160
1161
|
columnHeaderRefs: R
|
|
1161
|
-
}), (h,
|
|
1162
|
+
}), (h, x) => (c(), E("div", {
|
|
1162
1163
|
ref_key: "allColumnsRef",
|
|
1163
1164
|
ref: m,
|
|
1164
|
-
class: ae(["b-data-grid-columns",
|
|
1165
|
+
class: ae(["b-data-grid-columns", Pe.value]),
|
|
1165
1166
|
"data-testid": "data-grid-columns"
|
|
1166
1167
|
}, [
|
|
1167
|
-
(c(!0), E(fe, null,
|
|
1168
|
+
(c(!0), E(fe, null, be(n(f), ($, pe) => (c(), E("div", ee({
|
|
1168
1169
|
key: $.field,
|
|
1169
1170
|
ref_for: !0,
|
|
1170
|
-
ref: (me) =>
|
|
1171
|
-
"aria-colindex":
|
|
1171
|
+
ref: (me) => ce(me, $.field),
|
|
1172
|
+
"aria-colindex": pe + 1,
|
|
1172
1173
|
"aria-label": $.label,
|
|
1173
1174
|
"aria-sort": P($),
|
|
1174
|
-
class: [
|
|
1175
|
+
class: [Ue($, pe), "b-data-grid-columns__column"],
|
|
1175
1176
|
"data-testid": `${$.field}-column-header`,
|
|
1176
|
-
draggable: e.hasDraggableColumns && !
|
|
1177
|
+
draggable: e.hasDraggableColumns && !n(C) && !_($),
|
|
1177
1178
|
role: "columnheader",
|
|
1178
1179
|
tabindex: $.sortable || e.hasColumnPanel || $.infoIconTooltip ? "0" : "-1",
|
|
1179
1180
|
style: { width: $.autoWidth && e.isMeasuringColumnWidths ? "auto" : `${$.width}px` }
|
|
1180
1181
|
}, ft(X($), !0)), [
|
|
1181
1182
|
_($) && e.selectable ? (c(), E("div", {
|
|
1182
1183
|
key: 0,
|
|
1183
|
-
class: ae(["b-data-grid-columns__select-column",
|
|
1184
|
+
class: ae(["b-data-grid-columns__select-column", $e.value])
|
|
1184
1185
|
}, [
|
|
1185
|
-
e.selectableAcrossPages ? F("", !0) : (c(), W(
|
|
1186
|
+
e.selectableAcrossPages ? F("", !0) : (c(), W(n(Sn), {
|
|
1186
1187
|
key: 0,
|
|
1187
|
-
"aria-label":
|
|
1188
|
+
"aria-label": n(o)("selectAll"),
|
|
1188
1189
|
"model-value": e.allItemsSelectedState.allItemsSelected,
|
|
1189
1190
|
"data-testid": "checkbox-select-all",
|
|
1190
1191
|
indeterminate: e.allItemsSelectedState.isIndeterminate,
|
|
1191
1192
|
value: "data-grid-select-all",
|
|
1192
1193
|
"onUpdate:modelValue": L
|
|
1193
1194
|
}, null, 8, ["aria-label", "model-value", "indeterminate"])),
|
|
1194
|
-
e.selectableAcrossPages ? (c(), W(
|
|
1195
|
+
e.selectableAcrossPages ? (c(), W(n(_t), {
|
|
1195
1196
|
key: 1,
|
|
1196
|
-
button: { variant: "tertiary", condensed: !0, "aria-label":
|
|
1197
|
+
button: { variant: "tertiary", condensed: !0, "aria-label": n(o)("selectAllMenu") },
|
|
1197
1198
|
data: y.value,
|
|
1198
1199
|
class: "b-data-grid-columns__select-column-menu",
|
|
1199
1200
|
"disable-arrow-down-opening-menu": "",
|
|
@@ -1201,16 +1202,16 @@ const qo = /* @__PURE__ */ oe(Ho, [["render", jo]]), En = {
|
|
|
1201
1202
|
"menu-position": "bottom-start"
|
|
1202
1203
|
}, {
|
|
1203
1204
|
iconLeft: V(() => [
|
|
1204
|
-
O("div",
|
|
1205
|
-
j(
|
|
1205
|
+
O("div", Xo, [
|
|
1206
|
+
j(n(jl), {
|
|
1206
1207
|
indeterminate: e.allItemsSelectedState.isIndeterminate,
|
|
1207
1208
|
checked: e.allItemsSelectedState.allItemsSelected,
|
|
1208
1209
|
"all-selected": D.value,
|
|
1209
1210
|
class: "b-data-grid-columns__select-column-menu-checkbox",
|
|
1210
1211
|
"data-testid": "checkbox-select-all"
|
|
1211
1212
|
}, null, 8, ["indeterminate", "checked", "all-selected"]),
|
|
1212
|
-
j(
|
|
1213
|
-
"svg-title":
|
|
1213
|
+
j(n(Ko), {
|
|
1214
|
+
"svg-title": n(o)("selectionMenu"),
|
|
1214
1215
|
"aria-hidden": "true"
|
|
1215
1216
|
}, null, 8, ["svg-title"])
|
|
1216
1217
|
])
|
|
@@ -1219,19 +1220,19 @@ const qo = /* @__PURE__ */ oe(Ho, [["render", jo]]), En = {
|
|
|
1219
1220
|
}, 8, ["button", "data"])) : F("", !0)
|
|
1220
1221
|
], 2)) : (c(), E(fe, { key: 1 }, [
|
|
1221
1222
|
O("div", {
|
|
1222
|
-
"aria-label":
|
|
1223
|
+
"aria-label": n(o)("columnActions", { name: $.label }),
|
|
1223
1224
|
"aria-live": "polite",
|
|
1224
1225
|
role: "region",
|
|
1225
1226
|
class: ae(["b-data-grid-columns__column-header-and-actions", Be($)])
|
|
1226
1227
|
}, [
|
|
1227
|
-
j(
|
|
1228
|
+
j(n(Ge), {
|
|
1228
1229
|
el: "div",
|
|
1229
1230
|
strongest: "",
|
|
1230
1231
|
class: ae(["b-data-grid-columns__column-header", te.value])
|
|
1231
1232
|
}, {
|
|
1232
1233
|
default: V(() => [
|
|
1233
1234
|
Oe(h.$slots, `head-${$.field}`, { column: $ }, () => [
|
|
1234
|
-
O("span",
|
|
1235
|
+
O("span", Qo, q($.label), 1)
|
|
1235
1236
|
], !0)
|
|
1236
1237
|
]),
|
|
1237
1238
|
_: 2
|
|
@@ -1240,86 +1241,86 @@ const qo = /* @__PURE__ */ oe(Ho, [["render", jo]]), En = {
|
|
|
1240
1241
|
key: 0,
|
|
1241
1242
|
class: ae(["b-data-grid-columns__column-actions", Ie($)])
|
|
1242
1243
|
}, [
|
|
1243
|
-
$.infoIconTooltip ? (c(), E("div",
|
|
1244
|
-
j(
|
|
1244
|
+
$.infoIconTooltip ? (c(), E("div", es, [
|
|
1245
|
+
j(n(Zl), {
|
|
1245
1246
|
"tooltip-text": $.infoIconTooltip
|
|
1246
1247
|
}, null, 8, ["tooltip-text"])
|
|
1247
1248
|
])) : F("", !0),
|
|
1248
|
-
$.sortable ? (c(), E("div",
|
|
1249
|
-
j(
|
|
1249
|
+
$.sortable ? (c(), E("div", ts, [
|
|
1250
|
+
j(n(Tt), {
|
|
1250
1251
|
condensed: "",
|
|
1251
|
-
toggled:
|
|
1252
|
+
toggled: n(u)($.field),
|
|
1252
1253
|
variant: "tertiary",
|
|
1253
|
-
onClick: (me) =>
|
|
1254
|
+
onClick: (me) => n(b)($.field)
|
|
1254
1255
|
}, {
|
|
1255
1256
|
iconLeft: V(() => [
|
|
1256
|
-
|
|
1257
|
+
n(d)($.field) ? n(d)($.field) === n(Fe).ASCENDING ? (c(), W(n(Uo), {
|
|
1257
1258
|
key: 1,
|
|
1258
|
-
"svg-title":
|
|
1259
|
-
}, null, 8, ["svg-title"])) :
|
|
1259
|
+
"svg-title": n(o)("sortColumnInDescendingOrder", { name: $.label })
|
|
1260
|
+
}, null, 8, ["svg-title"])) : n(d)($.field) === n(Fe).DESCENDING ? (c(), W(n(Ho), {
|
|
1260
1261
|
key: 2,
|
|
1261
|
-
"svg-title":
|
|
1262
|
-
}, null, 8, ["svg-title"])) : F("", !0) : (c(), W(
|
|
1262
|
+
"svg-title": n(o)("sortColumnInAscendingOrder", { name: $.label })
|
|
1263
|
+
}, null, 8, ["svg-title"])) : F("", !0) : (c(), W(n(Oo), {
|
|
1263
1264
|
key: 0,
|
|
1264
|
-
"svg-title":
|
|
1265
|
+
"svg-title": n(o)("sortColumn", { name: $.label })
|
|
1265
1266
|
}, null, 8, ["svg-title"]))
|
|
1266
1267
|
]),
|
|
1267
1268
|
_: 2
|
|
1268
1269
|
}, 1032, ["toggled", "onClick"])
|
|
1269
1270
|
])) : F("", !0),
|
|
1270
|
-
e.hasColumnPanel ? (c(), W(
|
|
1271
|
+
e.hasColumnPanel ? (c(), W(n(_t), {
|
|
1271
1272
|
key: 2,
|
|
1272
1273
|
ref_for: !0,
|
|
1273
1274
|
ref: (me) => p.value[$.field] = me,
|
|
1274
1275
|
class: ae(["b-data-grid-columns__menu", se($)]),
|
|
1275
1276
|
"disable-arrow-down-opening-menu": "",
|
|
1276
1277
|
data: Z.value($),
|
|
1277
|
-
"menu-position":
|
|
1278
|
+
"menu-position": ke(e.hasFirstColumnPanelRightAligned, pe),
|
|
1278
1279
|
"menu-fixed-positioning": !0,
|
|
1279
1280
|
button: { variant: "tertiary", condensed: !0 },
|
|
1280
|
-
onOpen:
|
|
1281
|
-
onClose:
|
|
1281
|
+
onOpen: x[0] || (x[0] = (me) => h.$emit(n(ne).COLUMN_MENU_OPEN)),
|
|
1282
|
+
onClose: x[1] || (x[1] = (me) => h.$emit(n(ne).COLUMN_MENU_CLOSE))
|
|
1282
1283
|
}, null, 8, ["class", "data", "menu-position"])) : F("", !0)
|
|
1283
1284
|
], 2)) : F("", !0)
|
|
1284
|
-
], 10,
|
|
1285
|
+
], 10, Jo),
|
|
1285
1286
|
O("div", {
|
|
1286
1287
|
"data-testid": `data-grid-column-${$.field}`,
|
|
1287
1288
|
class: ae(["b-data-grid-columns__column-separator-container", k($)]),
|
|
1288
1289
|
role: "presentation",
|
|
1289
|
-
onMousedown: (me) =>
|
|
1290
|
-
onClick:
|
|
1290
|
+
onMousedown: (me) => n(z)(e.hasResizableColumns, $.field, me),
|
|
1291
|
+
onClick: x[2] || (x[2] = wl(() => {
|
|
1291
1292
|
}, ["stop"]))
|
|
1292
1293
|
}, [
|
|
1293
|
-
!e.isFrozenColumns || e.isFrozenColumns &&
|
|
1294
|
-
], 42,
|
|
1294
|
+
!e.isFrozenColumns || e.isFrozenColumns && pe !== n(f).length - 1 ? (c(), E("div", ls)) : F("", !0)
|
|
1295
|
+
], 42, ns)
|
|
1295
1296
|
], 64))
|
|
1296
|
-
], 16,
|
|
1297
|
+
], 16, Yo))), 128)),
|
|
1297
1298
|
e.rowActionsMaximumWidth && !e.isFrozenColumns ? (c(), E(fe, { key: 0 }, [
|
|
1298
|
-
|
|
1299
|
+
x[3] || (x[3] = O("div", {
|
|
1299
1300
|
role: "presentation",
|
|
1300
1301
|
class: "b-data-grid-columns__row-actions-filler"
|
|
1301
1302
|
}, null, -1)),
|
|
1302
1303
|
O("div", {
|
|
1303
|
-
ref: ($) =>
|
|
1304
|
-
"aria-label":
|
|
1305
|
-
"aria-colindex":
|
|
1304
|
+
ref: ($) => ce($, n(It)),
|
|
1305
|
+
"aria-label": n(o)("rowActionsColumn"),
|
|
1306
|
+
"aria-colindex": n(f).length + 1,
|
|
1306
1307
|
class: "b-data-grid-columns__column",
|
|
1307
1308
|
role: "columnheader",
|
|
1308
1309
|
tabindex: g.value ? "0" : "-1",
|
|
1309
1310
|
style: Le({ minWidth: `${e.rowActionsMaximumWidth}px` })
|
|
1310
|
-
}, null, 12,
|
|
1311
|
+
}, null, 12, os)
|
|
1311
1312
|
], 64)) : F("", !0)
|
|
1312
1313
|
], 2));
|
|
1313
1314
|
}
|
|
1314
|
-
}),
|
|
1315
|
+
}), is = /* @__PURE__ */ oe(as, [["__scopeId", "data-v-80ba53c8"]]);
|
|
1315
1316
|
var Ee = /* @__PURE__ */ ((e) => (e.UPDATE_CONDENSED = "update:condensed", e.UPDATE_COLUMNS = "update:columns", e.UPDATE_ZEBRA_ROWS = "update:zebra-rows", e))(Ee || {});
|
|
1316
1317
|
let sn = 0;
|
|
1317
|
-
const
|
|
1318
|
+
const rs = {
|
|
1318
1319
|
beforeCreate() {
|
|
1319
1320
|
this.uuid = sn.toString(), sn += 1;
|
|
1320
1321
|
}
|
|
1321
|
-
},
|
|
1322
|
-
function
|
|
1322
|
+
}, ds = { key: 0 }, us = ["clip-path"], cs = ["id"];
|
|
1323
|
+
function gs(e, s, i, t, r, l) {
|
|
1323
1324
|
return c(), E("svg", ee({ role: "img" }, e.$attrs, {
|
|
1324
1325
|
class: "ui-assets-icons-16",
|
|
1325
1326
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -1327,14 +1328,14 @@ function cs(e, s, i, t, r, n) {
|
|
|
1327
1328
|
height: "16",
|
|
1328
1329
|
fill: "none"
|
|
1329
1330
|
}), [
|
|
1330
|
-
e.$attrs["svg-title"] ? (c(), E("title",
|
|
1331
|
+
e.$attrs["svg-title"] ? (c(), E("title", ds, q(e.$attrs["svg-title"]), 1)) : F("", !0),
|
|
1331
1332
|
O("g", {
|
|
1332
1333
|
fill: "#001222",
|
|
1333
1334
|
"clip-path": "url(#uia-ui-assets/icons-16-settings__a" + e.uuid + ")"
|
|
1334
1335
|
}, s[0] || (s[0] = [
|
|
1335
1336
|
O("path", { 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" }, null, -1),
|
|
1336
1337
|
O("path", { 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" }, null, -1)
|
|
1337
|
-
]), 8,
|
|
1338
|
+
]), 8, us),
|
|
1338
1339
|
O("defs", null, [
|
|
1339
1340
|
O("clipPath", {
|
|
1340
1341
|
id: "uia-ui-assets/icons-16-settings__a" + e.uuid
|
|
@@ -1344,11 +1345,11 @@ function cs(e, s, i, t, r, n) {
|
|
|
1344
1345
|
height: "16",
|
|
1345
1346
|
fill: "#fff"
|
|
1346
1347
|
}, null, -1)
|
|
1347
|
-
]), 8,
|
|
1348
|
+
]), 8, cs)
|
|
1348
1349
|
])
|
|
1349
1350
|
], 16);
|
|
1350
1351
|
}
|
|
1351
|
-
const
|
|
1352
|
+
const fs = /* @__PURE__ */ oe(rs, [["render", gs]]), an = {
|
|
1352
1353
|
"de-DE": { toggleColumnFreeze: "{label} Spaltenfixierung umschalten", toggleColumnVisibility: "Sichtbarkeit der Spalte {label} umschalten" },
|
|
1353
1354
|
"en-GB": { toggleColumnFreeze: "Toggle {label} column freeze", toggleColumnVisibility: "Toggle {label} column visibility" },
|
|
1354
1355
|
"en-US": { toggleColumnFreeze: "Toggle {label} column freeze", toggleColumnVisibility: "Toggle {label} column visibility" },
|
|
@@ -1359,7 +1360,7 @@ const gs = /* @__PURE__ */ oe(is, [["render", cs]]), an = {
|
|
|
1359
1360
|
"ja-JP": { toggleColumnFreeze: "{label}列の固定を切り替え", toggleColumnVisibility: "{label}列の表示を切り替え" },
|
|
1360
1361
|
"pt-BR": { toggleColumnFreeze: "Alternar congelamento da coluna {label}", toggleColumnVisibility: "Alternar visibilidade da coluna {label}" },
|
|
1361
1362
|
"zh-CN": { toggleColumnFreeze: "切换 {label} 列冻结", toggleColumnVisibility: "切换 {label} 列的可见性" }
|
|
1362
|
-
},
|
|
1363
|
+
}, ms = Se({
|
|
1363
1364
|
i18n: { messages: an },
|
|
1364
1365
|
name: "bento-data-grid",
|
|
1365
1366
|
components: {
|
|
@@ -1384,11 +1385,11 @@ const gs = /* @__PURE__ */ oe(is, [["render", cs]]), an = {
|
|
|
1384
1385
|
},
|
|
1385
1386
|
emits: ["visible-column", "updated-column"],
|
|
1386
1387
|
setup(e, { emit: s }) {
|
|
1387
|
-
const { t: i } =
|
|
1388
|
+
const { t: i } = ze({ messages: an }), t = S(!1), r = v(() => e.column?.frozen), l = v(() => e.column?.visible !== !1), o = Te(
|
|
1388
1389
|
Qe,
|
|
1389
1390
|
v(() => !1)
|
|
1390
1391
|
), f = () => {
|
|
1391
|
-
s("visible-column", { ...e.column, visible: !
|
|
1392
|
+
s("visible-column", { ...e.column, visible: !l.value });
|
|
1392
1393
|
}, a = () => {
|
|
1393
1394
|
s("updated-column", { ...e.column, frozen: !r.value });
|
|
1394
1395
|
}, m = () => {
|
|
@@ -1403,7 +1404,7 @@ const gs = /* @__PURE__ */ oe(is, [["render", cs]]), an = {
|
|
|
1403
1404
|
isFreezeIconOptionShown: t,
|
|
1404
1405
|
isColumnFrozen: r,
|
|
1405
1406
|
freezeIconConditionalClasses: p,
|
|
1406
|
-
isColumnVisible:
|
|
1407
|
+
isColumnVisible: l,
|
|
1407
1408
|
isSmallContainer: o,
|
|
1408
1409
|
// Methods
|
|
1409
1410
|
toggleColumnVisibility: f,
|
|
@@ -1415,7 +1416,7 @@ const gs = /* @__PURE__ */ oe(is, [["render", cs]]), an = {
|
|
|
1415
1416
|
};
|
|
1416
1417
|
}
|
|
1417
1418
|
});
|
|
1418
|
-
function
|
|
1419
|
+
function vs(e, s, i, t, r, l) {
|
|
1419
1420
|
const o = we("bento-toggle"), f = we("bento-freeze-icon");
|
|
1420
1421
|
return c(), E("div", {
|
|
1421
1422
|
class: "b-data-grid-config-settings-column-row",
|
|
@@ -1434,7 +1435,7 @@ function ms(e, s, i, t, r, n) {
|
|
|
1434
1435
|
]),
|
|
1435
1436
|
_: 1
|
|
1436
1437
|
}, 8, ["aria-label", "disabled", "value", "onInput"]),
|
|
1437
|
-
|
|
1438
|
+
Xe(j(f, {
|
|
1438
1439
|
"aria-label": e.t("toggleColumnFreeze", { label: e.column.label }),
|
|
1439
1440
|
class: ae(["b-data-grid-config-settings-column-row__freeze-icon", e.freezeIconConditionalClasses]),
|
|
1440
1441
|
onClick: e.toggleColumnFreeze
|
|
@@ -1443,7 +1444,7 @@ function ms(e, s, i, t, r, n) {
|
|
|
1443
1444
|
])
|
|
1444
1445
|
], 32);
|
|
1445
1446
|
}
|
|
1446
|
-
const
|
|
1447
|
+
const hs = /* @__PURE__ */ oe(ms, [["render", vs], ["__scopeId", "data-v-0769d049"]]), rn = {
|
|
1447
1448
|
"de-DE": { appearance: "Erscheinungsbild", closeConfigSettingsPanel: "Konfigurations-Einstellungen-Panel schließen", closeSearch: "Suche schließen", columnVisibilitySearchFilter: "Suchfilter für die Spaltensichtbarkeit", columns: "Spalten", condensed: "Kompakt", condensedToggle: "Umschalter für Kompakt", configSettingsPanel: "Konfigurationseinstellungen-Panel", displayOptions: "Anzeigeoptionen", noColumnsMatch: "Keine Spalten entsprechen dieser Suche", search: "Suche", showAllColumns: "Alle Spalten anzeigen ({numberOfColumns})", toggleConfigSettingsPanelVisibility: "Konfigurationsmenü ein- oder ausblenden", zebraRows: "Zebramuster", zebraRowsToggle: "Zebramuster schalten" },
|
|
1448
1449
|
"en-GB": { appearance: "Appearance", closeConfigSettingsPanel: "Close configuration settings panel", closeSearch: "Close search", columnVisibilitySearchFilter: "Column visibility search filter", columns: "Columns", condensed: "Condensed", condensedToggle: "Condensed toggle", configSettingsPanel: "Configuration settings Panel", displayOptions: "Display options", noColumnsMatch: "No columns match this search", search: "Search", showAllColumns: "Show all columns ({numberOfColumns})", toggleConfigSettingsPanelVisibility: "Toggle Configuration settings panel visibility", zebraRows: "Zebra rows", zebraRowsToggle: "Zebra rows toggle" },
|
|
1449
1450
|
"en-US": { appearance: "Appearance", closeConfigSettingsPanel: "Close configuration settings panel", closeSearch: "Close search", columnVisibilitySearchFilter: "Column visibility search filter", columns: "Columns", condensed: "Condensed", condensedToggle: "Condensed toggle", configSettingsPanel: "Configuration settings Panel", displayOptions: "Display options", noColumnsMatch: "No columns match this search", search: "Search", showAllColumns: "Show all columns ({numberOfColumns})", toggleConfigSettingsPanelVisibility: "Toggle Configuration settings panel visibility", zebraRows: "Zebra rows", zebraRowsToggle: "Zebra rows toggle" },
|
|
@@ -1454,22 +1455,22 @@ const vs = /* @__PURE__ */ oe(fs, [["render", ms], ["__scopeId", "data-v-0769d04
|
|
|
1454
1455
|
"ja-JP": { appearance: "外観", closeConfigSettingsPanel: "構成設定パネルを閉じる", closeSearch: "検索を閉じる", columnVisibilitySearchFilter: "列の表示設定検索フィルター", columns: "列", condensed: "簡略化", condensedToggle: "簡略化を切り替え", configSettingsPanel: "構成設定パネル", displayOptions: "表示オプション", noColumnsMatch: "この検索に一致する列はありません", search: "検索", showAllColumns: "すべての列を表示 ({numberOfColumns})", toggleConfigSettingsPanelVisibility: "構成設定パネルの表示を切り替え", zebraRows: "1行おきに色を設定", zebraRowsToggle: "1行おきに色を設定の切り替え" },
|
|
1455
1456
|
"pt-BR": { appearance: "Aparência", closeConfigSettingsPanel: "Fechar painel de configurações", closeSearch: "Fechar busca", columnVisibilitySearchFilter: "Filtro de busca de visibilidade da coluna", columns: "Colunas", condensed: "Condensado", condensedToggle: "Alternância condensada", configSettingsPanel: "Painel de configurações", displayOptions: "Opções de exibição", noColumnsMatch: "Nenhuma coluna corresponde a esta busca", search: "Busca", showAllColumns: "Mostrar todas as colunas ({numberOfColumns})", toggleConfigSettingsPanelVisibility: "Alternar a visibilidade do painel de configurações", zebraRows: "Linhas alternadas", zebraRowsToggle: "Alternar linhas alternadas" },
|
|
1456
1457
|
"zh-CN": { appearance: "外观", closeConfigSettingsPanel: "关闭配置设置面板", closeSearch: "关闭搜索", columnVisibilitySearchFilter: "列可见性搜索筛选器", columns: "列", condensed: "扼要", condensedToggle: "扼要切换", configSettingsPanel: "配置设置面板", displayOptions: "显示选项", noColumnsMatch: "没有符合此搜索条件的列", search: "搜索", showAllColumns: "显示所有列 ({numberOfColumns})", toggleConfigSettingsPanelVisibility: "切换配置设置面板的可见性", zebraRows: "斑马条纹行", zebraRowsToggle: "斑马条纹行切换" }
|
|
1457
|
-
},
|
|
1458
|
+
}, Cs = Se({
|
|
1458
1459
|
i18n: { messages: rn },
|
|
1459
1460
|
name: "bento-data-grid",
|
|
1460
1461
|
components: {
|
|
1461
1462
|
BentoButton: bn,
|
|
1462
1463
|
BentoCrossIcon: Cn,
|
|
1463
|
-
BentoPopover:
|
|
1464
|
-
BentoSettingsIcon:
|
|
1464
|
+
BentoPopover: Bl,
|
|
1465
|
+
BentoSettingsIcon: fs,
|
|
1465
1466
|
BentoToggleButton: Tt,
|
|
1466
|
-
BentoDataGridConfigSettingsConfigRow:
|
|
1467
|
-
BentoSearchBar:
|
|
1468
|
-
BentoSearchIcon:
|
|
1467
|
+
BentoDataGridConfigSettingsConfigRow: hs,
|
|
1468
|
+
BentoSearchBar: Vl,
|
|
1469
|
+
BentoSearchIcon: Hl,
|
|
1469
1470
|
BentoToggle: wn,
|
|
1470
1471
|
BentoTypography: Ge
|
|
1471
1472
|
},
|
|
1472
|
-
directives: { BentoClickOutsideDirective:
|
|
1473
|
+
directives: { BentoClickOutsideDirective: Gl },
|
|
1473
1474
|
props: {
|
|
1474
1475
|
/**
|
|
1475
1476
|
* Column definitions
|
|
@@ -1499,12 +1500,12 @@ const vs = /* @__PURE__ */ oe(fs, [["render", ms], ["__scopeId", "data-v-0769d04
|
|
|
1499
1500
|
Ee.UPDATE_ZEBRA_ROWS
|
|
1500
1501
|
],
|
|
1501
1502
|
setup(e, { emit: s }) {
|
|
1502
|
-
const { t: i } =
|
|
1503
|
+
const { t: i } = ze({ messages: rn }), t = S(null), r = ut("data-grid-config-settings-popover"), l = S(null), o = S(!1), f = S(!0), a = S(null), m = S(""), R = wt(e, "columns"), p = S(!1), I = xl(m, R), A = () => {
|
|
1503
1504
|
m.value = "";
|
|
1504
1505
|
}, g = v(
|
|
1505
1506
|
() => !e.columns.some((b) => b.visible === !1 && !b.mandatory)
|
|
1506
1507
|
), L = () => {
|
|
1507
|
-
A(), p.value = !p.value, p.value ? de(() =>
|
|
1508
|
+
A(), p.value = !p.value, p.value ? de(() => l.value.$refs.bentoInputField?.focusInput()) : de(() => a?.value?.$el?.focus()), f.value = g.value;
|
|
1508
1509
|
}, _ = (b) => b.mandatory ?? !1, D = (b) => {
|
|
1509
1510
|
const P = e.columns.map((B) => ({
|
|
1510
1511
|
...B,
|
|
@@ -1537,7 +1538,7 @@ const vs = /* @__PURE__ */ oe(fs, [["render", ms], ["__scopeId", "data-v-0769d04
|
|
|
1537
1538
|
filteredColumnVisibilityColumns: I,
|
|
1538
1539
|
searchTerm: m,
|
|
1539
1540
|
isColumnVisibilityFilterShown: p,
|
|
1540
|
-
searchBarRef:
|
|
1541
|
+
searchBarRef: l,
|
|
1541
1542
|
searchButtonRef: a,
|
|
1542
1543
|
DATAGRID_ACTIONS_COLUMN_FIELD_NAME: he,
|
|
1543
1544
|
// Methods
|
|
@@ -1555,21 +1556,21 @@ const vs = /* @__PURE__ */ oe(fs, [["render", ms], ["__scopeId", "data-v-0769d04
|
|
|
1555
1556
|
t: i
|
|
1556
1557
|
};
|
|
1557
1558
|
}
|
|
1558
|
-
}),
|
|
1559
|
+
}), ps = { class: "b-data-grid-config-settings" }, bs = { class: "b-data-grid-config-settings__button-and-separator" }, ws = {
|
|
1559
1560
|
ref: "configSettingsButtonRef",
|
|
1560
1561
|
class: "b-data-grid-config-settings__button-container"
|
|
1561
|
-
},
|
|
1562
|
+
}, Ss = { class: "b-data-grid-config-settings__panel-header" }, _s = { class: "b-data-grid-config-settings__appearance" }, Rs = { class: "b-data-grid-config-settings__appearance-button" }, As = { class: "b-data-grid-config-settings__appearance-button" }, Es = { class: "b-data-grid-config-settings__column-visibility-settings" }, ys = { class: "b-data-grid-config-settings__column-visibility-header" }, Ls = {
|
|
1562
1563
|
key: 0,
|
|
1563
1564
|
class: "b-data-grid-config-settings__column-visibility-search"
|
|
1564
|
-
},
|
|
1565
|
+
}, Os = {
|
|
1565
1566
|
key: 1,
|
|
1566
1567
|
class: "b-data-grid-config-settings__column-visibility-show-all"
|
|
1567
|
-
},
|
|
1568
|
-
function
|
|
1568
|
+
}, Ts = { class: "b-data-grid-config-settings__column-visibility-toggles" };
|
|
1569
|
+
function Is(e, s, i, t, r, l) {
|
|
1569
1570
|
const o = we("bento-settings-icon"), f = we("bento-toggle-button"), a = we("bento-typography"), m = we("bento-cross-icon"), R = we("bento-button"), p = we("bento-toggle"), I = we("bento-search-icon"), A = we("bento-search-bar"), g = we("bento-data-grid-config-settings-config-row"), L = we("bento-popover"), _ = _l("bento-click-outside-directive");
|
|
1570
|
-
return
|
|
1571
|
-
O("div",
|
|
1572
|
-
O("div",
|
|
1571
|
+
return Xe((c(), E("div", ps, [
|
|
1572
|
+
O("div", bs, [
|
|
1573
|
+
O("div", ws, [
|
|
1573
1574
|
j(f, {
|
|
1574
1575
|
"aria-controls": e.isConfigSettingsPanelOpen ? e.popoverId : null,
|
|
1575
1576
|
variant: "tertiary",
|
|
@@ -1596,7 +1597,7 @@ function Ts(e, s, i, t, r, n) {
|
|
|
1596
1597
|
position: "bottom-end"
|
|
1597
1598
|
}, {
|
|
1598
1599
|
default: V(() => [
|
|
1599
|
-
O("div",
|
|
1600
|
+
O("div", Ss, [
|
|
1600
1601
|
j(a, {
|
|
1601
1602
|
el: "span",
|
|
1602
1603
|
strongest: ""
|
|
@@ -1618,7 +1619,7 @@ function Ts(e, s, i, t, r, n) {
|
|
|
1618
1619
|
_: 1
|
|
1619
1620
|
})
|
|
1620
1621
|
]),
|
|
1621
|
-
O("div",
|
|
1622
|
+
O("div", _s, [
|
|
1622
1623
|
j(a, {
|
|
1623
1624
|
class: "b-data-grid-config-settings__appearance-title",
|
|
1624
1625
|
el: "span",
|
|
@@ -1629,7 +1630,7 @@ function Ts(e, s, i, t, r, n) {
|
|
|
1629
1630
|
]),
|
|
1630
1631
|
_: 1
|
|
1631
1632
|
}),
|
|
1632
|
-
O("div",
|
|
1633
|
+
O("div", Rs, [
|
|
1633
1634
|
j(p, {
|
|
1634
1635
|
"label-position": "after",
|
|
1635
1636
|
"aria-label": e.t("condensedToggle"),
|
|
@@ -1642,7 +1643,7 @@ function Ts(e, s, i, t, r, n) {
|
|
|
1642
1643
|
_: 1
|
|
1643
1644
|
}, 8, ["aria-label", "value", "onInput"])
|
|
1644
1645
|
]),
|
|
1645
|
-
O("div",
|
|
1646
|
+
O("div", As, [
|
|
1646
1647
|
j(p, {
|
|
1647
1648
|
"label-position": "after",
|
|
1648
1649
|
"aria-label": e.t("zebraRowsToggle"),
|
|
@@ -1656,8 +1657,8 @@ function Ts(e, s, i, t, r, n) {
|
|
|
1656
1657
|
}, 8, ["aria-label", "value", "onInput"])
|
|
1657
1658
|
])
|
|
1658
1659
|
]),
|
|
1659
|
-
O("div",
|
|
1660
|
-
O("div",
|
|
1660
|
+
O("div", Es, [
|
|
1661
|
+
O("div", ys, [
|
|
1661
1662
|
j(a, {
|
|
1662
1663
|
class: "b-data-grid-config-settings__column-visibility-title",
|
|
1663
1664
|
el: "span",
|
|
@@ -1695,7 +1696,7 @@ function Ts(e, s, i, t, r, n) {
|
|
|
1695
1696
|
_: 1
|
|
1696
1697
|
}, 8, ["onClick"]))
|
|
1697
1698
|
]),
|
|
1698
|
-
e.isColumnVisibilityFilterShown ? (c(), E("div",
|
|
1699
|
+
e.isColumnVisibilityFilterShown ? (c(), E("div", Ls, [
|
|
1699
1700
|
j(A, {
|
|
1700
1701
|
ref: "searchBarRef",
|
|
1701
1702
|
value: e.searchTerm,
|
|
@@ -1704,7 +1705,7 @@ function Ts(e, s, i, t, r, n) {
|
|
|
1704
1705
|
onClear: e.clearAction,
|
|
1705
1706
|
onEscapePressed: e.toggleColumnFilter
|
|
1706
1707
|
}, null, 8, ["value", "input-field-aria-label", "onClear", "onEscapePressed"])
|
|
1707
|
-
])) : (c(), E("div",
|
|
1708
|
+
])) : (c(), E("div", Os, [
|
|
1708
1709
|
j(p, {
|
|
1709
1710
|
"label-position": "after",
|
|
1710
1711
|
value: e.allColumnsVisbilityToggleState,
|
|
@@ -1716,8 +1717,8 @@ function Ts(e, s, i, t, r, n) {
|
|
|
1716
1717
|
_: 1
|
|
1717
1718
|
}, 8, ["value", "onInput"])
|
|
1718
1719
|
])),
|
|
1719
|
-
O("div",
|
|
1720
|
-
(c(!0), E(fe, null,
|
|
1720
|
+
O("div", Ts, [
|
|
1721
|
+
(c(!0), E(fe, null, be(e.filteredColumnVisibilityColumns, (D) => (c(), E("div", {
|
|
1721
1722
|
key: D.field
|
|
1722
1723
|
}, [
|
|
1723
1724
|
D.field !== e.DATAGRID_ACTIONS_COLUMN_FIELD_NAME ? (c(), W(g, {
|
|
@@ -1747,7 +1748,7 @@ function Ts(e, s, i, t, r, n) {
|
|
|
1747
1748
|
[_, e.onClickOutside]
|
|
1748
1749
|
]);
|
|
1749
1750
|
}
|
|
1750
|
-
const
|
|
1751
|
+
const Ns = /* @__PURE__ */ oe(Cs, [["render", Is], ["__scopeId", "data-v-01dda331"]]), vt = {
|
|
1751
1752
|
"de-DE": { filterBar: "Filter", gettingYourData: "Ihre Daten werden abgerufen", loading: "Laden", noResults: "Keine Ergebnisse", pagination: "Paginierung", selectRow: "Zeile auswählen", showMore: "Mehr anzeigen", sortAscending: "{field} aufsteigend sortieren", sortDescending: "{field} absteigend sortieren", sortInactive: "{field} Sortierung inaktiv" },
|
|
1752
1753
|
"en-GB": { filterBar: "Filters", gettingYourData: "Getting your data", loading: "Loading", noResults: "No results", pagination: "Pagination", selectRow: "Select row", showMore: "Show more", sortAscending: "{field} sort ascending", sortDescending: "{field} sort descending", sortInactive: "{field} sort inactive" },
|
|
1753
1754
|
"en-US": { filterBar: "Filters", gettingYourData: "Getting your data", loading: "Loading", noResults: "No results", pagination: "Pagination", selectRow: "Select row", showMore: "Show more", sortAscending: "{field} sort ascending", sortDescending: "{field} sort descending", sortInactive: "{field} sort inactive" },
|
|
@@ -1758,54 +1759,54 @@ const Is = /* @__PURE__ */ oe(hs, [["render", Ts], ["__scopeId", "data-v-01dda33
|
|
|
1758
1759
|
"ja-JP": { filterBar: "フィルター", gettingYourData: "データの取得", loading: "読み込み中", noResults: "結果なし", pagination: "ページネーション", selectRow: "行を選択", showMore: "もっと見る", sortAscending: "{field}昇順で並べ替え", sortDescending: "{field}降順で並べ替え", sortInactive: "{field}の並べ替えが無効" },
|
|
1759
1760
|
"pt-BR": { filterBar: "Filtros", gettingYourData: "Obtendo seus dados", loading: "Carregando", noResults: "Nenhum resultado", pagination: "Paginação", selectRow: "Selecionar linha", showMore: "Mostrar mais", sortAscending: "{field} ordenar em ordem ascendente", sortDescending: "{field} ordenar em ordem decrescente", sortInactive: "{field} ordenação inativa" },
|
|
1760
1761
|
"zh-CN": { filterBar: "筛选器", gettingYourData: "获取数据", loading: "正在加载", noResults: "没有结果", pagination: "分页", selectRow: "选择行", showMore: "显示更多", sortAscending: "{field} 升序排序", sortDescending: "{field} 降序排序", sortInactive: "{field} 排序未激活" }
|
|
1761
|
-
},
|
|
1762
|
+
}, Ds = { class: "b-data-grid-lazy-load" }, Ms = {
|
|
1762
1763
|
i18n: { messages: vt }
|
|
1763
|
-
},
|
|
1764
|
-
...
|
|
1764
|
+
}, zs = /* @__PURE__ */ Se({
|
|
1765
|
+
...Ms,
|
|
1765
1766
|
__name: "data-grid-lazy-load",
|
|
1766
1767
|
props: {
|
|
1767
1768
|
loading: { type: Boolean },
|
|
1768
1769
|
isInfiniteScroll: { type: Boolean }
|
|
1769
1770
|
},
|
|
1770
1771
|
setup(e) {
|
|
1771
|
-
const { t: s } =
|
|
1772
|
-
return (i, t) => (c(), E("div",
|
|
1773
|
-
i.loading && i.isInfiniteScroll ? (c(), W(
|
|
1774
|
-
i.loading && !i.isInfiniteScroll ? (c(), W(
|
|
1772
|
+
const { t: s } = ze({ messages: vt });
|
|
1773
|
+
return (i, t) => (c(), E("div", Ds, [
|
|
1774
|
+
i.loading && i.isInfiniteScroll ? (c(), W(n(dt), { key: 0 })) : F("", !0),
|
|
1775
|
+
i.loading && !i.isInfiniteScroll ? (c(), W(n(Vt), {
|
|
1775
1776
|
key: 1,
|
|
1776
1777
|
variant: "secondary",
|
|
1777
|
-
state:
|
|
1778
|
+
state: n(Gt).LOADING
|
|
1778
1779
|
}, {
|
|
1779
1780
|
default: V(() => [
|
|
1780
|
-
re(q(
|
|
1781
|
+
re(q(n(s)("loading")), 1)
|
|
1781
1782
|
]),
|
|
1782
1783
|
_: 1
|
|
1783
1784
|
}, 8, ["state"])) : F("", !0),
|
|
1784
|
-
!i.loading && !i.isInfiniteScroll ? (c(), W(
|
|
1785
|
+
!i.loading && !i.isInfiniteScroll ? (c(), W(n(Vt), {
|
|
1785
1786
|
key: 2,
|
|
1786
|
-
state:
|
|
1787
|
+
state: n(Gt).START,
|
|
1787
1788
|
variant: "secondary",
|
|
1788
|
-
onClick: t[0] || (t[0] = (r) => i.$emit(
|
|
1789
|
+
onClick: t[0] || (t[0] = (r) => i.$emit(n(N).UPDATE_SHOW_MORE))
|
|
1789
1790
|
}, {
|
|
1790
1791
|
default: V(() => [
|
|
1791
|
-
re(q(
|
|
1792
|
+
re(q(n(s)("showMore")), 1)
|
|
1792
1793
|
]),
|
|
1793
1794
|
_: 1
|
|
1794
1795
|
}, 8, ["state"])) : F("", !0)
|
|
1795
1796
|
]));
|
|
1796
1797
|
}
|
|
1797
|
-
}),
|
|
1798
|
+
}), Fs = /* @__PURE__ */ oe(zs, [["__scopeId", "data-v-a4824c2d"]]), dn = () => {
|
|
1798
1799
|
const e = document.activeElement;
|
|
1799
1800
|
return e ? e.matches(":focus-visible") || e.matches(".focus-visible") : !1;
|
|
1800
|
-
},
|
|
1801
|
-
const s =
|
|
1801
|
+
}, Ps = ({ gridcellRef: e }) => {
|
|
1802
|
+
const s = S(!1), i = S(!1), t = S(), r = S([]), l = S(!1), o = S(!1), f = S(!1), a = S(!1), m = S(!1), R = v(() => (t.value?.length ?? 0) > 1), p = (u) => u ? e.value?.contains(u) ? !0 : r.value?.map((d) => d.value).some((d) => d === u || d?.contains(u)) : !1, I = (u) => {
|
|
1802
1803
|
p(u) || (s.value = !1);
|
|
1803
1804
|
}, A = () => {
|
|
1804
1805
|
a.value = !0, setTimeout(() => {
|
|
1805
1806
|
e.value?.contains(document.activeElement) && e.value?.focus();
|
|
1806
1807
|
}, 0);
|
|
1807
1808
|
}, g = () => {
|
|
1808
|
-
o.value = !1,
|
|
1809
|
+
o.value = !1, l.value = !1, m.value = !0, Re(e.value), e.value?.focus();
|
|
1809
1810
|
}, L = () => {
|
|
1810
1811
|
const u = e.value?.closest('[role="grid"]');
|
|
1811
1812
|
if (!u)
|
|
@@ -1817,7 +1818,7 @@ const Is = /* @__PURE__ */ oe(hs, [["render", Ts], ["__scopeId", "data-v-01dda33
|
|
|
1817
1818
|
});
|
|
1818
1819
|
return d.currentNode = u, d.nextNode();
|
|
1819
1820
|
}, _ = () => {
|
|
1820
|
-
if (
|
|
1821
|
+
if (l.value || o.value)
|
|
1821
1822
|
return !0;
|
|
1822
1823
|
const u = document.activeElement;
|
|
1823
1824
|
return !!(u && u !== e.value && e.value?.contains(u));
|
|
@@ -1827,7 +1828,7 @@ const Is = /* @__PURE__ */ oe(hs, [["render", Ts], ["__scopeId", "data-v-01dda33
|
|
|
1827
1828
|
isFocused: i,
|
|
1828
1829
|
focusableItems: t,
|
|
1829
1830
|
childrenMenuContainerElements: r,
|
|
1830
|
-
hasInteractiveElFocusedInside:
|
|
1831
|
+
hasInteractiveElFocusedInside: l,
|
|
1831
1832
|
cellInteractionMode: o,
|
|
1832
1833
|
isNavigatingAway: f,
|
|
1833
1834
|
isReturningFromMenu: a,
|
|
@@ -1841,10 +1842,10 @@ const Is = /* @__PURE__ */ oe(hs, [["render", Ts], ["__scopeId", "data-v-01dda33
|
|
|
1841
1842
|
handleFocus: async (u) => {
|
|
1842
1843
|
if (!dn())
|
|
1843
1844
|
return;
|
|
1844
|
-
i.value = !0, document.activeElement === e.value && (o.value = !1,
|
|
1845
|
+
i.value = !0, document.activeElement === e.value && (o.value = !1, l.value = !1), u(), !R.value && !a.value && !m.value && (gt(t.value), await de(), ct(e.value) && (l.value = !0)), a.value = !1, m.value = !1;
|
|
1845
1846
|
},
|
|
1846
1847
|
handleFocusout: (u) => {
|
|
1847
|
-
dn() && (p(u.relatedTarget) || (
|
|
1848
|
+
dn() && (p(u.relatedTarget) || (l.value = !1, o.value = !1, f.value = !1));
|
|
1848
1849
|
},
|
|
1849
1850
|
handleKeydown: (u) => {
|
|
1850
1851
|
const d = document.activeElement, b = d === e.value;
|
|
@@ -1854,7 +1855,7 @@ const Is = /* @__PURE__ */ oe(hs, [["render", Ts], ["__scopeId", "data-v-01dda33
|
|
|
1854
1855
|
}
|
|
1855
1856
|
if (b && (t.value?.length ?? 0) > 0 && (u.key === le.ENTER || u.key === le.F2)) {
|
|
1856
1857
|
u.stopPropagation(), u.preventDefault(), o.value ? g() : (o.value = !0, gt(t.value), de(() => {
|
|
1857
|
-
ct(e.value) && (
|
|
1858
|
+
ct(e.value) && (l.value = !0);
|
|
1858
1859
|
}));
|
|
1859
1860
|
return;
|
|
1860
1861
|
}
|
|
@@ -1877,11 +1878,11 @@ const Is = /* @__PURE__ */ oe(hs, [["render", Ts], ["__scopeId", "data-v-01dda33
|
|
|
1877
1878
|
u.preventDefault(), u.stopPropagation(), f.value = !0;
|
|
1878
1879
|
const J = L();
|
|
1879
1880
|
setTimeout(() => {
|
|
1880
|
-
|
|
1881
|
+
l.value = !1, s.value = !1, de(() => J?.focus());
|
|
1881
1882
|
}, 0);
|
|
1882
1883
|
return;
|
|
1883
1884
|
}
|
|
1884
|
-
u.key !== le.TAB && (B && (f.value = !0),
|
|
1885
|
+
u.key !== le.TAB && (B && (f.value = !0), l.value = !1, i.value = !1, s.value = !1, Re(e.value));
|
|
1885
1886
|
},
|
|
1886
1887
|
handleCellActionsFocus: async (u, d) => {
|
|
1887
1888
|
if (f.value) {
|
|
@@ -1897,12 +1898,12 @@ const Is = /* @__PURE__ */ oe(hs, [["render", Ts], ["__scopeId", "data-v-01dda33
|
|
|
1897
1898
|
};
|
|
1898
1899
|
};
|
|
1899
1900
|
let un = 0;
|
|
1900
|
-
const
|
|
1901
|
+
const $s = {
|
|
1901
1902
|
beforeCreate() {
|
|
1902
1903
|
this.uuid = un.toString(), un += 1;
|
|
1903
1904
|
}
|
|
1904
|
-
},
|
|
1905
|
-
function
|
|
1905
|
+
}, ks = { key: 0 };
|
|
1906
|
+
function Us(e, s, i, t, r, l) {
|
|
1906
1907
|
return c(), E("svg", ee({ role: "img" }, e.$attrs, {
|
|
1907
1908
|
class: "ui-assets-icons-16",
|
|
1908
1909
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -1910,14 +1911,14 @@ function ks(e, s, i, t, r, n) {
|
|
|
1910
1911
|
height: "16",
|
|
1911
1912
|
fill: "none"
|
|
1912
1913
|
}), [
|
|
1913
|
-
e.$attrs["svg-title"] ? (c(), E("title",
|
|
1914
|
+
e.$attrs["svg-title"] ? (c(), E("title", ks, q(e.$attrs["svg-title"]), 1)) : F("", !0),
|
|
1914
1915
|
s[0] || (s[0] = O("path", {
|
|
1915
1916
|
fill: "#001222",
|
|
1916
1917
|
d: "M9.38867 2.21717C10.4626 1.14323 12.2044 1.14323 13.2783 2.21717L13.7832 2.72205C14.857 3.79601 14.8571 5.53782 13.7832 6.6117L5.64355 14.7504H1.25V10.3558L9.38867 2.21717ZM2.75 10.9769V13.2504H5.02246L11.2715 6.9994L8.99902 4.72693L2.75 10.9769ZM12.2168 3.27772C11.7286 2.78987 10.9373 2.78967 10.4492 3.27772L10.0596 3.66639L12.332 5.93885L12.7217 5.55018C13.2098 5.06203 13.2098 4.27076 12.7217 3.7826L12.2168 3.27772Z"
|
|
1917
1918
|
}, null, -1))
|
|
1918
1919
|
], 16);
|
|
1919
1920
|
}
|
|
1920
|
-
const cn = /* @__PURE__ */ oe(
|
|
1921
|
+
const cn = /* @__PURE__ */ oe($s, [["render", Us]]), Ln = {
|
|
1921
1922
|
"de-DE": { copy: "Kopieren", edit: "Bearbeiten", more: "Mehr", open: "Offen" },
|
|
1922
1923
|
"en-GB": { copy: "Copy", edit: "Edit", more: "More", open: "Open" },
|
|
1923
1924
|
"en-US": { copy: "Copy", edit: "Edit", more: "More", open: "Open" },
|
|
@@ -1928,11 +1929,11 @@ const cn = /* @__PURE__ */ oe(Ps, [["render", ks]]), Ln = {
|
|
|
1928
1929
|
"ja-JP": { copy: "コピー", edit: "編集", more: "その他", open: "開く" },
|
|
1929
1930
|
"pt-BR": { copy: "Copiar", edit: "Editar", more: "Mais", open: "Abrir" },
|
|
1930
1931
|
"zh-CN": { copy: "复制", edit: "编辑", more: "更多", open: "打开" }
|
|
1931
|
-
},
|
|
1932
|
+
}, Bs = { class: "b-data-grid-cell-actions" }, Ws = {
|
|
1932
1933
|
i18n: { messages: Ln },
|
|
1933
1934
|
name: "data-grid-cell-actions"
|
|
1934
|
-
},
|
|
1935
|
-
...
|
|
1935
|
+
}, Vs = /* @__PURE__ */ Se({
|
|
1936
|
+
...Ws,
|
|
1936
1937
|
props: {
|
|
1937
1938
|
/**
|
|
1938
1939
|
* Column definitions using 'key' to relate to data object.
|
|
@@ -2001,7 +2002,7 @@ const cn = /* @__PURE__ */ oe(Ps, [["render", ks]]), Ln = {
|
|
|
2001
2002
|
},
|
|
2002
2003
|
emits: ["menu-open", "menu-close", "menu-item-click"],
|
|
2003
2004
|
setup(e, { emit: s }) {
|
|
2004
|
-
const { t: i } =
|
|
2005
|
+
const { t: i } = ze({ messages: Ln }), t = e, r = s, l = Te(mt, S(!1)), o = (C) => {
|
|
2005
2006
|
if ("text" in C && C.text !== void 0)
|
|
2006
2007
|
return C.text;
|
|
2007
2008
|
switch (C.variant) {
|
|
@@ -2036,14 +2037,17 @@ const cn = /* @__PURE__ */ oe(Ps, [["render", ks]]), Ln = {
|
|
|
2036
2037
|
"b-data-grid-cell-actions__actions--with-row-actions": a.value,
|
|
2037
2038
|
"b-data-grid-cell-actions__actions--zebra": t.hasZebraBackground,
|
|
2038
2039
|
"b-data-grid-cell-actions__actions--highlighted": t.isHighlighted,
|
|
2039
|
-
"b-data-grid-cell-actions__actions--selected": t.isSelected
|
|
2040
|
+
"b-data-grid-cell-actions__actions--selected": t.isSelected,
|
|
2041
|
+
"b-data-grid-cell-actions__actions--zebra-hover": !a.value && t.hasZebraBackground,
|
|
2042
|
+
"b-data-grid-cell-actions__actions--highlighted-hover": !a.value && t.isHighlighted,
|
|
2043
|
+
"b-data-grid-cell-actions__actions--selected-hover": !a.value && t.isSelected
|
|
2040
2044
|
})), p = v(() => !a.value || a.value && t.hasRightOverflow);
|
|
2041
2045
|
function I(C) {
|
|
2042
2046
|
return typeof C == "function";
|
|
2043
2047
|
}
|
|
2044
2048
|
const A = v(() => {
|
|
2045
2049
|
const C = I(t.cellActions) ? t.cellActions?.(t.rowDataItem, t.columnKey) : t.cellActions;
|
|
2046
|
-
if (
|
|
2050
|
+
if (l.value && !a.value && C) {
|
|
2047
2051
|
const M = [];
|
|
2048
2052
|
return C.forEach((u) => {
|
|
2049
2053
|
u.menuData ? u.menuData.forEach((d) => {
|
|
@@ -2064,7 +2068,7 @@ const cn = /* @__PURE__ */ oe(Ps, [["render", ks]]), Ln = {
|
|
|
2064
2068
|
}
|
|
2065
2069
|
];
|
|
2066
2070
|
}
|
|
2067
|
-
return !
|
|
2071
|
+
return !l.value && C?.length > 2 && pn(
|
|
2068
2072
|
"WARNING: BentoDataGrid Cell actions can only have a maximum of 2 actions, if you need more consider using the menuData property instead."
|
|
2069
2073
|
), C?.slice(0, 2);
|
|
2070
2074
|
}), g = v(() => (C, M) => {
|
|
@@ -2099,8 +2103,8 @@ const cn = /* @__PURE__ */ oe(Ps, [["render", ks]]), Ln = {
|
|
|
2099
2103
|
appear: ""
|
|
2100
2104
|
}, {
|
|
2101
2105
|
default: V(() => [
|
|
2102
|
-
O("div",
|
|
2103
|
-
p.value && !l
|
|
2106
|
+
O("div", Bs, [
|
|
2107
|
+
p.value && !n(l) ? (c(), E("div", {
|
|
2104
2108
|
key: 0,
|
|
2105
2109
|
class: ae(["b-data-grid-cell-actions__background-gradient", m.value])
|
|
2106
2110
|
}, null, 2)) : F("", !0),
|
|
@@ -2108,11 +2112,11 @@ const cn = /* @__PURE__ */ oe(Ps, [["render", ks]]), Ln = {
|
|
|
2108
2112
|
class: ae(["b-data-grid-cell-actions__actions", R.value]),
|
|
2109
2113
|
role: "group"
|
|
2110
2114
|
}, [
|
|
2111
|
-
(c(!0), E(fe, null,
|
|
2115
|
+
(c(!0), E(fe, null, be(A.value, (u, d) => (c(), E("div", {
|
|
2112
2116
|
key: d,
|
|
2113
2117
|
class: "b-data-grid-cell-actions__action"
|
|
2114
2118
|
}, [
|
|
2115
|
-
u.menuData ?
|
|
2119
|
+
u.menuData ? Xe((c(), W(n(_t), {
|
|
2116
2120
|
key: 0,
|
|
2117
2121
|
data: D(u.menuData),
|
|
2118
2122
|
button: {
|
|
@@ -2125,14 +2129,14 @@ const cn = /* @__PURE__ */ oe(Ps, [["render", ks]]), Ln = {
|
|
|
2125
2129
|
onOpen: M[0] || (M[0] = (b) => r("menu-open")),
|
|
2126
2130
|
onClose: M[1] || (M[1] = (b) => r("menu-close")),
|
|
2127
2131
|
onMenuItemClick: M[2] || (M[2] = (b) => r("menu-item-click"))
|
|
2128
|
-
},
|
|
2132
|
+
}, Ke({ _: 2 }, [
|
|
2129
2133
|
z(u) ? {
|
|
2130
2134
|
name: "iconLeft",
|
|
2131
2135
|
fn: V(() => [
|
|
2132
|
-
u?.variant === "more" ? (c(), W(
|
|
2136
|
+
u?.variant === "more" ? (c(), W(n(xt), {
|
|
2133
2137
|
key: 0,
|
|
2134
2138
|
"svg-title": g.value(u, !0)
|
|
2135
|
-
}, null, 8, ["svg-title"])) : (c(), W(
|
|
2139
|
+
}, null, 8, ["svg-title"])) : (c(), W(qe(u.iconLeft), {
|
|
2136
2140
|
key: 1,
|
|
2137
2141
|
"svg-title": g.value(u, !0)
|
|
2138
2142
|
}, null, 8, ["svg-title"]))
|
|
@@ -2147,8 +2151,8 @@ const cn = /* @__PURE__ */ oe(Ps, [["render", ks]]), Ln = {
|
|
|
2147
2151
|
key: "1"
|
|
2148
2152
|
}
|
|
2149
2153
|
]), 1032, ["data", "button", "disable-arrow-down-opening-menu", "teleport"])), [
|
|
2150
|
-
[
|
|
2151
|
-
]) : u.variant === "copy" ? (c(), W(
|
|
2154
|
+
[n(St), u.tooltipText, u.tooltipPosition]
|
|
2155
|
+
]) : u.variant === "copy" ? (c(), W(n(qt), {
|
|
2152
2156
|
key: 1,
|
|
2153
2157
|
text: y(u),
|
|
2154
2158
|
"button-text": g.value(u),
|
|
@@ -2156,21 +2160,21 @@ const cn = /* @__PURE__ */ oe(Ps, [["render", ks]]), Ln = {
|
|
|
2156
2160
|
condensed: !0,
|
|
2157
2161
|
variant: "secondary"
|
|
2158
2162
|
}
|
|
2159
|
-
}, null, 8, ["text", "button-text"])) :
|
|
2163
|
+
}, null, 8, ["text", "button-text"])) : Xe((c(), W(n(bn), ee({
|
|
2160
2164
|
key: 2,
|
|
2161
2165
|
condensed: "",
|
|
2162
2166
|
variant: "secondary",
|
|
2163
2167
|
critical: u.critical,
|
|
2164
2168
|
disabled: u.disabled,
|
|
2165
2169
|
link: u.link
|
|
2166
|
-
}, ft(L(u))),
|
|
2170
|
+
}, ft(L(u))), Ke({ _: 2 }, [
|
|
2167
2171
|
u.iconLeft || u.variant === "edit" ? {
|
|
2168
2172
|
name: "iconLeft",
|
|
2169
2173
|
fn: V(() => [
|
|
2170
|
-
u?.variant === "edit" ? (c(), W(
|
|
2174
|
+
u?.variant === "edit" ? (c(), W(n(cn), {
|
|
2171
2175
|
key: 0,
|
|
2172
2176
|
"svg-title": g.value(u, !0)
|
|
2173
|
-
}, null, 8, ["svg-title"])) : (c(), W(
|
|
2177
|
+
}, null, 8, ["svg-title"])) : (c(), W(qe(u.iconLeft), {
|
|
2174
2178
|
key: 1,
|
|
2175
2179
|
"svg-title": u.title
|
|
2176
2180
|
}, null, 8, ["svg-title"]))
|
|
@@ -2187,10 +2191,10 @@ const cn = /* @__PURE__ */ oe(Ps, [["render", ks]]), Ln = {
|
|
|
2187
2191
|
u.iconRight || u.variant === "open" ? {
|
|
2188
2192
|
name: "iconRight",
|
|
2189
2193
|
fn: V(() => [
|
|
2190
|
-
u?.variant === "open" ? (c(), W(
|
|
2194
|
+
u?.variant === "open" ? (c(), W(n(jt), {
|
|
2191
2195
|
key: 0,
|
|
2192
2196
|
"svg-title": g.value(u, !0)
|
|
2193
|
-
}, null, 8, ["svg-title"])) : (c(), W(
|
|
2197
|
+
}, null, 8, ["svg-title"])) : (c(), W(qe(u.iconRight), {
|
|
2194
2198
|
key: 1,
|
|
2195
2199
|
"svg-title": u.title
|
|
2196
2200
|
}, null, 8, ["svg-title"]))
|
|
@@ -2198,7 +2202,7 @@ const cn = /* @__PURE__ */ oe(Ps, [["render", ks]]), Ln = {
|
|
|
2198
2202
|
key: "2"
|
|
2199
2203
|
} : void 0
|
|
2200
2204
|
]), 1040, ["critical", "disabled", "link"])), [
|
|
2201
|
-
[
|
|
2205
|
+
[n(St), u.tooltipText, u.tooltipPosition]
|
|
2202
2206
|
])
|
|
2203
2207
|
]))), 128))
|
|
2204
2208
|
], 2)
|
|
@@ -2207,8 +2211,8 @@ const cn = /* @__PURE__ */ oe(Ps, [["render", ks]]), Ln = {
|
|
|
2207
2211
|
_: 1
|
|
2208
2212
|
}));
|
|
2209
2213
|
}
|
|
2210
|
-
}), On = /* @__PURE__ */ oe(
|
|
2211
|
-
var
|
|
2214
|
+
}), On = /* @__PURE__ */ oe(Vs, [["__scopeId", "data-v-426bb810"]]);
|
|
2215
|
+
var ue = /* @__PURE__ */ ((e) => (e.ACTION_COL_NESTED_CONTENT_AND_SELECTION_ENABLED = "action-col-nested-content-and-selection-enabled", e.ACTION_COL_NESTED_CONTENT_ENABLED = "action-col-nested-content-enabled", e.ACTION_COL_SELECTION_ENABLED = "action-col-selection-enabled", e.COLUMN_HOVERED = "column-hovered", e.COLUMN_HOVERED_NO_BORDER_LEFT = "column-hovered-no-border-left", e.COLUMN_HOVERED_NO_BORDER_RIGHT = "column-hovered-no-border-right", e.CONDENSED = "condensed", e.FROZEN = "frozen", e.IS_COLUMN_REORDERING = "is-column-re-ordering", e.IS_COLUMN_REORDERING_TARGET_LEFT = "is-column-re-order-target-left", e.IS_COLUMN_REORDERING_TARGET_RIGHT = "is-column-re-order-target-right", e.LAST_FROZEN_COLUMN_CELL = "last-frozen-column-cell", e.NESTED_CONTENT_ENABLED = "nested-content-toggle-enabled", e.NUMERIC = "numeric", e.OVERFLOW_ELLIPSIS = "overflow-ellipsis", e.PADDING_LEFT_UNSET = "padding-left-unset", e.PADDING_RIGHT_UNSET = "padding-right-unset", e.SLASHED_ZERO = "slashed-zero", e))(ue || {});
|
|
2212
2216
|
const Tn = {
|
|
2213
2217
|
"de-DE": { collapseNestedContent: "Verschachtelte Inhalte ausblenden", expandNestedContent: "Verschachtelten Inhalt anzeigen", selectRow: "Zeile auswählen" },
|
|
2214
2218
|
"en-GB": { collapseNestedContent: "Collapse nested content", expandNestedContent: "Expand nested content", selectRow: "Select row" },
|
|
@@ -2220,14 +2224,14 @@ const Tn = {
|
|
|
2220
2224
|
"ja-JP": { collapseNestedContent: "ネストされたコンテンツを折りたたむ", expandNestedContent: "ネストされたコンテンツを展開", selectRow: "行を選択" },
|
|
2221
2225
|
"pt-BR": { collapseNestedContent: "Recolher conteúdo aninhado", expandNestedContent: "Expandir conteúdo aninhado", selectRow: "Selecionar linha" },
|
|
2222
2226
|
"zh-CN": { collapseNestedContent: "折叠嵌套内容", expandNestedContent: "展开嵌套内容", selectRow: "选择行" }
|
|
2223
|
-
},
|
|
2227
|
+
}, Gs = ["aria-hidden", "data-testid", "data-cellindex", "tabindex", "aria-colindex"], xs = ["title"], Hs = {
|
|
2224
2228
|
key: 0,
|
|
2225
2229
|
class: "b-data-grid-cell__cell-actions"
|
|
2226
|
-
},
|
|
2230
|
+
}, Zs = {
|
|
2227
2231
|
i18n: { messages: Tn },
|
|
2228
2232
|
name: "data-grid-cell"
|
|
2229
|
-
},
|
|
2230
|
-
...
|
|
2233
|
+
}, js = /* @__PURE__ */ Se({
|
|
2234
|
+
...Zs,
|
|
2231
2235
|
props: {
|
|
2232
2236
|
draggingEventsForRowCell: {
|
|
2233
2237
|
type: Function,
|
|
@@ -2370,7 +2374,7 @@ const Tn = {
|
|
|
2370
2374
|
},
|
|
2371
2375
|
emits: ["on-frozen-columns-key-press", "select-row", "register-row-cell-element", "cell-hovered", "nested-content-toggled", "cell-focus"],
|
|
2372
2376
|
setup(e, { expose: s, emit: i }) {
|
|
2373
|
-
const t = yt(), r = Lt(t), { t:
|
|
2377
|
+
const t = yt(), r = Lt(t), { t: l } = ze({ messages: Tn }), o = e, f = i, a = S(null), m = S(null), R = S(!1), {
|
|
2374
2378
|
shouldShowCellActions: p,
|
|
2375
2379
|
isFocused: I,
|
|
2376
2380
|
focusableItems: A,
|
|
@@ -2383,11 +2387,11 @@ const Tn = {
|
|
|
2383
2387
|
handleKeydown: C,
|
|
2384
2388
|
handleCellActionsFocus: M,
|
|
2385
2389
|
handleCellActionsFocusout: u
|
|
2386
|
-
} =
|
|
2390
|
+
} = Ps({ gridcellRef: a }), d = v(() => !!o.rowData?.[o.column.field]), b = v(
|
|
2387
2391
|
() => o.column.field === he && o.nestedRowsElementIds?.length > 0 ? o.nestedRowsElementIds.join(" ") : void 0
|
|
2388
2392
|
), P = v(
|
|
2389
2393
|
() => o.column.field === he && !o.selectable && !o.nestedContent
|
|
2390
|
-
), B = v(() => !P.value && (Y(o.rowIndex, o.colIndex, o.columnSetIndex) === 0 && !R.value || I.value) ? "0" : (o.column.field === he, "-1")), Z = (k, te) => k?.overflow === Rt.ELLIPSIS ? `${te}` : void 0, J = (k) => k ?? "-", K = (k) => o.columnSets.slice(0, k).reduce((te, { columnSet: se }) => te + se.length, 0), X = (k, te) => k + K(te), Y = (k, te, se) => K() * k + X(te, se),
|
|
2394
|
+
), B = v(() => !P.value && (Y(o.rowIndex, o.colIndex, o.columnSetIndex) === 0 && !R.value || I.value) ? "0" : (o.column.field === he, "-1")), Z = (k, te) => k?.overflow === Rt.ELLIPSIS ? `${te}` : void 0, J = (k) => k ?? "-", K = (k) => o.columnSets.slice(0, k).reduce((te, { columnSet: se }) => te + se.length, 0), X = (k, te) => k + K(te), Y = (k, te, se) => K() * k + X(te, se), ce = (k) => {
|
|
2391
2395
|
const te = {
|
|
2392
2396
|
...o.draggingEventsForRowCell(k),
|
|
2393
2397
|
focus: async () => {
|
|
@@ -2415,7 +2419,7 @@ const Tn = {
|
|
|
2415
2419
|
u(te.focusout, h);
|
|
2416
2420
|
}), se;
|
|
2417
2421
|
};
|
|
2418
|
-
|
|
2422
|
+
Je(() => {
|
|
2419
2423
|
A.value = Re(a.value);
|
|
2420
2424
|
});
|
|
2421
2425
|
const Ae = () => {
|
|
@@ -2426,7 +2430,7 @@ const Tn = {
|
|
|
2426
2430
|
async () => {
|
|
2427
2431
|
p.value === !0 ? (f("cell-hovered", o.rowIndex), await de(), A.value = Re(a.value), I.value && gt(A.value)) : f("cell-hovered", -1);
|
|
2428
2432
|
}
|
|
2429
|
-
), it(
|
|
2433
|
+
), it(Wl, {
|
|
2430
2434
|
registerMenuContainerElement: (k) => {
|
|
2431
2435
|
g.value.push(k);
|
|
2432
2436
|
},
|
|
@@ -2434,28 +2438,28 @@ const Tn = {
|
|
|
2434
2438
|
a.value.contains(k?.relatedTarget) || (p.value = !1);
|
|
2435
2439
|
}
|
|
2436
2440
|
});
|
|
2437
|
-
const
|
|
2441
|
+
const $e = Te(yn, S(!1)), ke = Te(
|
|
2438
2442
|
Qe,
|
|
2439
2443
|
v(() => !1)
|
|
2440
|
-
),
|
|
2441
|
-
[`b-data-grid-cell--${
|
|
2442
|
-
[`b-data-grid-cell--${
|
|
2443
|
-
[`b-data-grid-cell--${
|
|
2444
|
-
[`b-data-grid-cell--${
|
|
2445
|
-
[`b-data-grid-cell--${
|
|
2446
|
-
[`b-data-grid-cell--${
|
|
2447
|
-
[`b-data-grid-cell--${
|
|
2448
|
-
[`b-data-grid-cell--${
|
|
2449
|
-
[`b-data-grid-cell--${
|
|
2450
|
-
[`b-data-grid-cell--${
|
|
2451
|
-
[`b-data-grid-cell--${
|
|
2452
|
-
[`b-data-grid-cell--${
|
|
2453
|
-
[`b-data-grid-cell--${
|
|
2454
|
-
[`b-data-grid-cell--${
|
|
2455
|
-
[`b-data-grid-cell--${
|
|
2456
|
-
[`b-data-grid-cell--${
|
|
2457
|
-
[`b-data-grid-cell--${
|
|
2458
|
-
"b-data-grid-cell--small-container":
|
|
2444
|
+
), Ue = Te(mt, S(!1)), Be = (k) => ({
|
|
2445
|
+
[`b-data-grid-cell--${ue.COLUMN_HOVERED}`]: k?.field === o.hoveredOverColumnState.hoveredOverColumnField,
|
|
2446
|
+
[`b-data-grid-cell--${ue.COLUMN_HOVERED_NO_BORDER_LEFT}`]: k?.field === o.hoveredOverColumnState.hoveredOverColumnField && o.hoveredOverColumnState.noBorderLeft,
|
|
2447
|
+
[`b-data-grid-cell--${ue.COLUMN_HOVERED_NO_BORDER_RIGHT}`]: k?.field === o.hoveredOverColumnState.hoveredOverColumnField && o.hoveredOverColumnState.noBorderRight,
|
|
2448
|
+
[`b-data-grid-cell--${ue.PADDING_LEFT_UNSET}`]: k?.padding?.left === !1,
|
|
2449
|
+
[`b-data-grid-cell--${ue.PADDING_RIGHT_UNSET}`]: k?.padding?.right === !1,
|
|
2450
|
+
[`b-data-grid-cell--${ue.NUMERIC}`]: k?.numeric,
|
|
2451
|
+
[`b-data-grid-cell--${ue.CONDENSED}`]: o.condensed,
|
|
2452
|
+
[`b-data-grid-cell--${ue.OVERFLOW_ELLIPSIS}`]: k?.overflow === Rt.ELLIPSIS,
|
|
2453
|
+
[`b-data-grid-cell--${ue.IS_COLUMN_REORDERING}`]: o.draggingColumns.dragging?.field === k.field,
|
|
2454
|
+
[`b-data-grid-cell--${ue.IS_COLUMN_REORDERING_TARGET_LEFT}`]: o.draggingColumns.target?.field === k.field && o.draggingColumns?.dragToLeft,
|
|
2455
|
+
[`b-data-grid-cell--${ue.IS_COLUMN_REORDERING_TARGET_RIGHT}`]: o.draggingColumns.target?.field === k.field && !o.draggingColumns?.dragToLeft,
|
|
2456
|
+
[`b-data-grid-cell--${ue.FROZEN}`]: k?.frozen,
|
|
2457
|
+
[`b-data-grid-cell--${ue.NESTED_CONTENT_ENABLED}`]: o.nestedContent,
|
|
2458
|
+
[`b-data-grid-cell--${ue.ACTION_COL_NESTED_CONTENT_ENABLED}`]: o.nestedContent && !o.selectable && k.field === he,
|
|
2459
|
+
[`b-data-grid-cell--${ue.ACTION_COL_NESTED_CONTENT_AND_SELECTION_ENABLED}`]: o.nestedContent && o.selectable && k.field === he,
|
|
2460
|
+
[`b-data-grid-cell--${ue.ACTION_COL_SELECTION_ENABLED}`]: k.field === he && o.selectable,
|
|
2461
|
+
[`b-data-grid-cell--${ue.SLASHED_ZERO}`]: $e.value,
|
|
2462
|
+
"b-data-grid-cell--small-container": ke.value
|
|
2459
2463
|
}), Ie = v(() => ({
|
|
2460
2464
|
"b-data-grid-cell__cell-content--is-focused-on-inside-interactive-element": L.value
|
|
2461
2465
|
}));
|
|
@@ -2475,20 +2479,20 @@ const Tn = {
|
|
|
2475
2479
|
style: {
|
|
2476
2480
|
width: e.column.autoWidth && e.isMeasuringColumnWidths ? "auto" : `${e.column.width}px`
|
|
2477
2481
|
}
|
|
2478
|
-
}, ft(
|
|
2479
|
-
e.column.field ===
|
|
2480
|
-
e.selectable ? (c(), W(
|
|
2482
|
+
}, ft(ce(e.column), !0)), [
|
|
2483
|
+
e.column.field === n(he) ? (c(), E(fe, { key: 0 }, [
|
|
2484
|
+
e.selectable ? (c(), W(n(Sn), {
|
|
2481
2485
|
key: 0,
|
|
2482
2486
|
class: "b-data-grid-cell__select-cell",
|
|
2483
|
-
"aria-label": l
|
|
2487
|
+
"aria-label": n(l)("selectRow"),
|
|
2484
2488
|
disabled: e.isDataItemDisabled(e.rowData),
|
|
2485
2489
|
indeterminate: e.selectionIsIndeterminate,
|
|
2486
2490
|
"model-value": e.selectedItems,
|
|
2487
2491
|
value: e.getDataItemId(e.rowData),
|
|
2488
|
-
tabindex:
|
|
2492
|
+
tabindex: n(I) ? 0 : -1,
|
|
2489
2493
|
"onUpdate:modelValue": te[0] || (te[0] = (se) => k.$emit("select-row", se))
|
|
2490
2494
|
}, null, 8, ["aria-label", "disabled", "indeterminate", "model-value", "value", "tabindex"])) : F("", !0),
|
|
2491
|
-
e.nestedContent ? (c(), W(
|
|
2495
|
+
e.nestedContent ? (c(), W(n(Tt), {
|
|
2492
2496
|
key: 1,
|
|
2493
2497
|
ref: "menuButtonRef",
|
|
2494
2498
|
"aria-haspopup": "true",
|
|
@@ -2499,20 +2503,20 @@ const Tn = {
|
|
|
2499
2503
|
onClick: Ae
|
|
2500
2504
|
}, {
|
|
2501
2505
|
iconLeft: V(() => [
|
|
2502
|
-
e.isNestedContentExpanded ? (c(), W(
|
|
2506
|
+
e.isNestedContentExpanded ? (c(), W(n(Ql), {
|
|
2503
2507
|
key: 0,
|
|
2504
2508
|
class: "b-accordion-item__icon",
|
|
2505
|
-
"svg-title": l
|
|
2506
|
-
}, null, 8, ["svg-title"])) : (c(), W(
|
|
2509
|
+
"svg-title": n(l)("collapseNestedContent")
|
|
2510
|
+
}, null, 8, ["svg-title"])) : (c(), W(n(Jl), {
|
|
2507
2511
|
key: 1,
|
|
2508
2512
|
class: "b-accordion-item__icon",
|
|
2509
|
-
"svg-title": l
|
|
2513
|
+
"svg-title": n(l)("expandNestedContent")
|
|
2510
2514
|
}, null, 8, ["svg-title"]))
|
|
2511
2515
|
]),
|
|
2512
2516
|
_: 1
|
|
2513
2517
|
}, 8, ["aria-controls", "toggled"])) : F("", !0)
|
|
2514
2518
|
], 64)) : (c(), E(fe, { key: 1 }, [
|
|
2515
|
-
j(
|
|
2519
|
+
j(n(Ge), {
|
|
2516
2520
|
el: "div",
|
|
2517
2521
|
class: ae(["b-data-grid-cell__cell-content", Ie.value]),
|
|
2518
2522
|
"data-testid": "cell-content"
|
|
@@ -2524,13 +2528,13 @@ const Tn = {
|
|
|
2524
2528
|
}, () => [
|
|
2525
2529
|
O("span", {
|
|
2526
2530
|
title: Z(e.column, e.rowData[e.column.field])
|
|
2527
|
-
}, q(J(e.rowData[e.column.field])), 9,
|
|
2531
|
+
}, q(J(e.rowData[e.column.field])), 9, xs)
|
|
2528
2532
|
], !0)
|
|
2529
2533
|
]),
|
|
2530
2534
|
_: 3
|
|
2531
2535
|
}, 8, ["class"]),
|
|
2532
|
-
e.column.cellActions?.length > 0 ? (c(), E("div",
|
|
2533
|
-
(
|
|
2536
|
+
e.column.cellActions?.length > 0 ? (c(), E("div", Hs, [
|
|
2537
|
+
(n(p) || n(Ue)) && (d.value || n(r)(`item-${e.column.field}`)) ? (c(), W(On, {
|
|
2534
2538
|
key: 0,
|
|
2535
2539
|
ref_key: "cellActionsRef",
|
|
2536
2540
|
ref: m,
|
|
@@ -2541,25 +2545,25 @@ const Tn = {
|
|
|
2541
2545
|
"is-highlighted": e.isHighlighted,
|
|
2542
2546
|
"is-selected": e.isSelected,
|
|
2543
2547
|
"teleport-menu": "",
|
|
2544
|
-
onMenuItemClick:
|
|
2548
|
+
onMenuItemClick: n(_)
|
|
2545
2549
|
}, null, 8, ["cell-actions", "column-key", "row-data-item", "has-zebra-background", "is-highlighted", "is-selected", "onMenuItemClick"])) : F("", !0)
|
|
2546
2550
|
])) : F("", !0)
|
|
2547
2551
|
], 64))
|
|
2548
|
-
], 16,
|
|
2552
|
+
], 16, Gs));
|
|
2549
2553
|
}
|
|
2550
|
-
}),
|
|
2554
|
+
}), qs = /* @__PURE__ */ oe(js, [["__scopeId", "data-v-71530750"]]), Ks = {
|
|
2551
2555
|
class: "b-data-grid-row-container",
|
|
2552
2556
|
role: "presentation"
|
|
2553
|
-
},
|
|
2557
|
+
}, Ys = ["id", "aria-selected"], Xs = ["data-testid"], Js = ["aria-colindex", "data-cellindex"], Qs = {
|
|
2554
2558
|
key: 0,
|
|
2555
2559
|
class: "b-data-grid-row-container__row-nested-rows-loading-container"
|
|
2556
|
-
},
|
|
2560
|
+
}, ea = {
|
|
2557
2561
|
key: 0,
|
|
2558
2562
|
class: "b-data-grid-row-container__row-nested-rows-loading-container"
|
|
2559
|
-
},
|
|
2563
|
+
}, ta = { key: 1 }, na = {
|
|
2560
2564
|
name: "data-grid-row"
|
|
2561
|
-
},
|
|
2562
|
-
...
|
|
2565
|
+
}, la = /* @__PURE__ */ Se({
|
|
2566
|
+
...na,
|
|
2563
2567
|
props: {
|
|
2564
2568
|
/**
|
|
2565
2569
|
* Row actions property that generates which button to show in row actions area
|
|
@@ -2767,96 +2771,96 @@ const Tn = {
|
|
|
2767
2771
|
},
|
|
2768
2772
|
emits: ["cell-hovered", "on-frozen-columns-key-press", "select-row", "select-nested-row", "row-click", "nested-content-toggled", "cell-focus"],
|
|
2769
2773
|
setup(e, { expose: s, emit: i }) {
|
|
2770
|
-
const t = yt(), r = Lt(t),
|
|
2771
|
-
const
|
|
2772
|
-
return Array.isArray(
|
|
2774
|
+
const t = yt(), r = Lt(t), l = e, o = i, f = (w, T) => !w || !T ? !1 : !!(T.compareDocumentPosition(w) & Node.DOCUMENT_POSITION_FOLLOWING), a = S({}), m = S(!1), R = S(), p = S(), I = S([]), A = ut("nested-content-slot"), g = S(!1), L = S(!1), _ = S(), D = () => {
|
|
2775
|
+
const w = p.value;
|
|
2776
|
+
return Array.isArray(w) ? w[0] : w;
|
|
2773
2777
|
};
|
|
2774
|
-
|
|
2775
|
-
const
|
|
2776
|
-
|
|
2778
|
+
Je(() => {
|
|
2779
|
+
const w = D();
|
|
2780
|
+
w && (_.value = Re(w));
|
|
2777
2781
|
});
|
|
2778
|
-
const y = v(() =>
|
|
2779
|
-
() => !
|
|
2782
|
+
const y = v(() => l.shouldShowNestedRows(l.rowData)), z = v(
|
|
2783
|
+
() => !l.isNestedRow && l.hasNestedRows && y.value && l.rowData?.children?.length > 0
|
|
2780
2784
|
), C = v(
|
|
2781
|
-
() => !
|
|
2785
|
+
() => !l.isNestedRow && l.hasNestedRows && y.value && (l.rowData?.children === void 0 || l?.rowData?.children.length === 0)
|
|
2782
2786
|
), M = v(
|
|
2783
|
-
() =>
|
|
2787
|
+
() => l.hasNestedContent && l.shouldShowNestedContent(l.rowData) || l.hasNestedRows && y.value && !l.isNestedRow
|
|
2784
2788
|
), u = v(() => {
|
|
2785
|
-
if (
|
|
2786
|
-
const
|
|
2789
|
+
if (l.hasNestedContent || l.hasNestedRows) {
|
|
2790
|
+
const w = m.value.toString();
|
|
2787
2791
|
return {
|
|
2788
|
-
"aria-expanded": M.value ?
|
|
2789
|
-
"aria-level":
|
|
2790
|
-
"aria-posinset":
|
|
2791
|
-
"aria-setsize":
|
|
2792
|
+
"aria-expanded": M.value ? w : void 0,
|
|
2793
|
+
"aria-level": l.isNestedRow ? "2" : "1",
|
|
2794
|
+
"aria-posinset": l.rowIndex + 1,
|
|
2795
|
+
"aria-setsize": l.rowSetSize
|
|
2792
2796
|
};
|
|
2793
2797
|
}
|
|
2794
|
-
return { "aria-rowindex":
|
|
2798
|
+
return { "aria-rowindex": l.rowIndex + 1 };
|
|
2795
2799
|
}), d = v(() => {
|
|
2796
2800
|
if (C.value)
|
|
2797
2801
|
return {
|
|
2798
2802
|
"aria-busy": "true",
|
|
2799
2803
|
"aria-live": "polite"
|
|
2800
2804
|
};
|
|
2801
|
-
if (!(z.value || !
|
|
2805
|
+
if (!(z.value || !l.hasNestedContent || !l.shouldShowNestedContent(l.rowData)))
|
|
2802
2806
|
return {
|
|
2803
|
-
"aria-level":
|
|
2807
|
+
"aria-level": l.isNestedRow ? "3" : "2",
|
|
2804
2808
|
"aria-posinset": "1",
|
|
2805
2809
|
"aria-setsize": "1",
|
|
2806
2810
|
id: A,
|
|
2807
2811
|
role: "row",
|
|
2808
2812
|
tabindex: "-1"
|
|
2809
2813
|
};
|
|
2810
|
-
}), b = v(() => z.value ?
|
|
2814
|
+
}), b = v(() => z.value ? l.rowData?.children?.reduce((w, T, ie) => (w[ie] = ut("nested-row"), w), {}) : []), P = v(() => {
|
|
2811
2815
|
if (m.value) {
|
|
2812
|
-
if (
|
|
2816
|
+
if (l.hasNestedContent && l.shouldShowNestedContent(l.rowData))
|
|
2813
2817
|
return [A];
|
|
2814
2818
|
if (z.value && Object.keys(b.value)?.length > 0) {
|
|
2815
|
-
const
|
|
2816
|
-
if (
|
|
2817
|
-
return
|
|
2819
|
+
const w = Object.values(b.value);
|
|
2820
|
+
if (w?.length > 0)
|
|
2821
|
+
return w;
|
|
2818
2822
|
}
|
|
2819
2823
|
return [];
|
|
2820
2824
|
}
|
|
2821
2825
|
}), B = v(() => {
|
|
2822
|
-
const
|
|
2823
|
-
if (
|
|
2824
|
-
const T =
|
|
2826
|
+
const w = l.rowData?.children?.map((T) => l.getDataItemId(T));
|
|
2827
|
+
if (w?.length > 0) {
|
|
2828
|
+
const T = w.every((H) => l?.selectedItems?.includes(H)), ie = w.some((H) => l?.selectedItems?.includes(H));
|
|
2825
2829
|
return !T && ie;
|
|
2826
2830
|
}
|
|
2827
2831
|
return !1;
|
|
2828
|
-
}), Z = (
|
|
2829
|
-
const ie =
|
|
2830
|
-
|
|
2831
|
-
}, J = (
|
|
2832
|
-
|
|
2833
|
-
}, K = (
|
|
2834
|
-
if (!
|
|
2832
|
+
}), Z = (w, T) => {
|
|
2833
|
+
const ie = w;
|
|
2834
|
+
w !== null && ie?.gridcellRef && (a.value[T] = ie.gridcellRef);
|
|
2835
|
+
}, J = (w, T) => {
|
|
2836
|
+
w !== null && (I.value[T] = w);
|
|
2837
|
+
}, K = (w) => b.value[w], X = (w) => {
|
|
2838
|
+
if (!l.selectable)
|
|
2835
2839
|
return null;
|
|
2836
|
-
const T =
|
|
2837
|
-
return
|
|
2838
|
-
}, Y = (
|
|
2839
|
-
o("row-click",
|
|
2840
|
-
},
|
|
2841
|
-
if (!
|
|
2840
|
+
const T = l.getDataItemId(w);
|
|
2841
|
+
return l.selectedItems.includes(T).toString();
|
|
2842
|
+
}, Y = (w, T) => {
|
|
2843
|
+
o("row-click", w, T);
|
|
2844
|
+
}, ce = (w) => {
|
|
2845
|
+
if (!l.allowRowClicks)
|
|
2842
2846
|
return;
|
|
2843
2847
|
let T = !1;
|
|
2844
2848
|
const ie = ["button", "input", "a"];
|
|
2845
|
-
for (let
|
|
2846
|
-
if (
|
|
2849
|
+
for (let H = 0; H < ie.length; H++)
|
|
2850
|
+
if (w?.target?.closest(ie[H])) {
|
|
2847
2851
|
T = !0;
|
|
2848
2852
|
break;
|
|
2849
2853
|
}
|
|
2850
|
-
T || Y(
|
|
2851
|
-
}, Ae = (
|
|
2852
|
-
o("select-row",
|
|
2853
|
-
}, xe = (
|
|
2854
|
-
o("select-nested-row", T,
|
|
2855
|
-
},
|
|
2854
|
+
T || Y(l.rowData, w);
|
|
2855
|
+
}, Ae = (w) => {
|
|
2856
|
+
o("select-row", w, l.rowData);
|
|
2857
|
+
}, xe = (w, T) => {
|
|
2858
|
+
o("select-nested-row", T, l.rowData, w);
|
|
2859
|
+
}, Pe = () => {
|
|
2856
2860
|
g.value = !0;
|
|
2857
|
-
},
|
|
2861
|
+
}, $e = () => {
|
|
2858
2862
|
g.value = !1;
|
|
2859
|
-
},
|
|
2863
|
+
}, ke = (w) => {
|
|
2860
2864
|
if (L.value) {
|
|
2861
2865
|
L.value = !1;
|
|
2862
2866
|
return;
|
|
@@ -2864,100 +2868,100 @@ const Tn = {
|
|
|
2864
2868
|
const T = D();
|
|
2865
2869
|
if (!T || !_.value?.length)
|
|
2866
2870
|
return;
|
|
2867
|
-
const ie = f(
|
|
2868
|
-
gt([
|
|
2869
|
-
},
|
|
2870
|
-
const
|
|
2871
|
-
|
|
2872
|
-
}, Be = (
|
|
2871
|
+
const ie = f(w.relatedTarget, T), H = _.value.length - 1, ge = ie ? _.value[H] : _.value[0];
|
|
2872
|
+
gt([ge]), ct(T, { last: ie });
|
|
2873
|
+
}, Ue = () => {
|
|
2874
|
+
const w = D();
|
|
2875
|
+
w && Re(w);
|
|
2876
|
+
}, Be = (w) => {
|
|
2873
2877
|
const T = D();
|
|
2874
|
-
if (
|
|
2875
|
-
T && Re(T), L.value = !0, T?.focus(),
|
|
2878
|
+
if (w.key === le.ESCAPE) {
|
|
2879
|
+
T && Re(T), L.value = !0, T?.focus(), w.stopPropagation(), w.preventDefault();
|
|
2876
2880
|
return;
|
|
2877
2881
|
}
|
|
2878
|
-
|
|
2879
|
-
}, Ie = () =>
|
|
2880
|
-
if (
|
|
2882
|
+
w.key !== le.TAB && T && Re(T), w.key === le.ARROW_RIGHT && _.value?.length > 1 && _.value[0].node === document.activeElement ? (T && Re(T), _.value[1].node.setAttribute("tabindex", "0"), _.value[1].node.focus(), w.stopPropagation(), w.preventDefault()) : w.key === le.ARROW_LEFT && _.value?.length > 1 && _.value[1].node === document.activeElement && (T && Re(T), _.value[0].node.setAttribute("tabindex", "0"), _.value[0].node.focus(), w.stopPropagation(), w.preventDefault());
|
|
2883
|
+
}, Ie = () => l.columnSets.reduce((w, { columnSet: T }) => w + T.length, 0), k = () => Ie() * l.rowIndex + Ie(), { updateContentHeight: te, contentHeight: se } = eo(R, m), h = v(() => {
|
|
2884
|
+
if (l.hasNestedContent || l.hasNestedRows)
|
|
2881
2885
|
return {
|
|
2882
2886
|
paddingLeft: `${z.value || C.value ? 0 : a.value[he].offsetWidth + Rn}px`,
|
|
2883
|
-
"max-height": (
|
|
2887
|
+
"max-height": (l.hasNestedContent || l.hasNestedRows) && se.value && !se?.value?.includes("null") ? se.value : 0
|
|
2884
2888
|
};
|
|
2885
2889
|
});
|
|
2886
2890
|
Ce(
|
|
2887
2891
|
() => R.value,
|
|
2888
2892
|
() => {
|
|
2889
|
-
let
|
|
2890
|
-
!
|
|
2893
|
+
let w = null;
|
|
2894
|
+
!w && R.value && (w = Ot(R.value, () => {
|
|
2891
2895
|
R.value && te();
|
|
2892
2896
|
}));
|
|
2893
2897
|
}
|
|
2894
2898
|
);
|
|
2895
|
-
const
|
|
2896
|
-
m.value = !m.value, te(), o("nested-content-toggled",
|
|
2899
|
+
const x = () => {
|
|
2900
|
+
m.value = !m.value, te(), o("nested-content-toggled", l.rowData);
|
|
2897
2901
|
};
|
|
2898
2902
|
Ce(
|
|
2899
|
-
() =>
|
|
2900
|
-
(
|
|
2901
|
-
|
|
2903
|
+
() => l.rowData?.children,
|
|
2904
|
+
(w, T) => {
|
|
2905
|
+
l?.rowData?.children?.length > 0 && T === void 0 && !m.value && te();
|
|
2902
2906
|
}
|
|
2903
2907
|
);
|
|
2904
2908
|
const $ = Te(
|
|
2905
2909
|
Qe,
|
|
2906
2910
|
v(() => !1)
|
|
2907
|
-
),
|
|
2908
|
-
"b-data-grid-row-container__row--disabled":
|
|
2909
|
-
"b-data-grid-row-container__row--row-clicks-enabled":
|
|
2910
|
-
"b-data-grid-row-container__row--highlighted":
|
|
2911
|
-
"b-data-grid-row-container__row--selected": me(
|
|
2912
|
-
"b-data-grid-row-container__row--hovered":
|
|
2913
|
-
"b-data-grid-row-container__row--is-last-child":
|
|
2914
|
-
"b-data-grid-row-container__row--nested-row":
|
|
2915
|
-
"b-data-grid-row-container__row--zebra":
|
|
2916
|
-
}), et = (
|
|
2917
|
-
"b-data-grid-row-container__row-cell-set--frozen":
|
|
2918
|
-
[`b-data-grid-row-container__row-cell-set--${ye.OVERFLOW_SHADOW_LEFT}`]: !T &&
|
|
2919
|
-
"b-data-grid-row-container__row-cell-set--frozen-separator": !T &&
|
|
2920
|
-
"b-data-grid-row-container__row-cell-set--unfrozen": !
|
|
2921
|
-
"b-data-grid-row-container__row-cell-set--is-measuring":
|
|
2911
|
+
), pe = (w) => l.highlightedRows.includes(l.getDataItemId(w)), me = (w) => l.selectedItems.includes(l.getDataItemId(w)), ht = (w, T) => ({
|
|
2912
|
+
"b-data-grid-row-container__row--disabled": l.isDataItemDisabled(w),
|
|
2913
|
+
"b-data-grid-row-container__row--row-clicks-enabled": l.allowRowClicks,
|
|
2914
|
+
"b-data-grid-row-container__row--highlighted": pe(w),
|
|
2915
|
+
"b-data-grid-row-container__row--selected": me(w),
|
|
2916
|
+
"b-data-grid-row-container__row--hovered": l.hoveredRowIndex === T,
|
|
2917
|
+
"b-data-grid-row-container__row--is-last-child": l.isRowLastChild && !m.value,
|
|
2918
|
+
"b-data-grid-row-container__row--nested-row": l.isNestedRow,
|
|
2919
|
+
"b-data-grid-row-container__row--zebra": l.isRowEven
|
|
2920
|
+
}), et = (w, T) => ({
|
|
2921
|
+
"b-data-grid-row-container__row-cell-set--frozen": w && !T,
|
|
2922
|
+
[`b-data-grid-row-container__row-cell-set--${ye.OVERFLOW_SHADOW_LEFT}`]: !T && w && l.hasLeftOverflow,
|
|
2923
|
+
"b-data-grid-row-container__row-cell-set--frozen-separator": !T && w && l.showFrozenColumnsSeparator,
|
|
2924
|
+
"b-data-grid-row-container__row-cell-set--unfrozen": !w || T,
|
|
2925
|
+
"b-data-grid-row-container__row-cell-set--is-measuring": l.isMeasuringColumnWidths
|
|
2922
2926
|
}), Ye = v(() => ({
|
|
2923
|
-
"b-data-grid-row-container__row-nested-slot--is-last-child":
|
|
2924
|
-
"b-data-grid-row-container__row-nested-slot": !z.value &&
|
|
2925
|
-
})),
|
|
2927
|
+
"b-data-grid-row-container__row-nested-slot--is-last-child": l.isRowLastChild,
|
|
2928
|
+
"b-data-grid-row-container__row-nested-slot": !z.value && l.shouldShowNestedContent(l.rowData)
|
|
2929
|
+
})), He = v(() => ({
|
|
2926
2930
|
"b-data-grid-row-container__row-actions-container--row-actions-menu-open": g.value
|
|
2927
2931
|
})), tt = v(() => ({
|
|
2928
|
-
minWidth: `${
|
|
2932
|
+
minWidth: `${l.rowActionsMaximumWidth}px`
|
|
2929
2933
|
}));
|
|
2930
2934
|
return s({
|
|
2931
2935
|
gridcellRefs: a,
|
|
2932
2936
|
isNestedContentShown: m,
|
|
2933
2937
|
nestedRowRefs: I,
|
|
2934
2938
|
rowActionsRef: p
|
|
2935
|
-
}), (
|
|
2939
|
+
}), (w, T) => (c(), E("div", Ks, [
|
|
2936
2940
|
(c(), E("div", ee(u.value, {
|
|
2937
2941
|
id: e.rowId?.toString(),
|
|
2938
2942
|
key: e.rowIndex,
|
|
2939
2943
|
class: ["b-data-grid-row-container__row", ht(e.rowData, e.rowIndex)],
|
|
2940
2944
|
role: "row",
|
|
2941
2945
|
"aria-selected": X(e.rowData),
|
|
2942
|
-
onClick:
|
|
2946
|
+
onClick: ce,
|
|
2943
2947
|
onKeyup: [
|
|
2944
|
-
Bt(
|
|
2945
|
-
Bt(
|
|
2948
|
+
Bt(ce, ["enter"]),
|
|
2949
|
+
Bt(ce, ["space"])
|
|
2946
2950
|
]
|
|
2947
2951
|
}), [
|
|
2948
|
-
(c(!0), E(fe, null,
|
|
2952
|
+
(c(!0), E(fe, null, be(e.columnSets, ({ columnSet: ie, id: H, isFrozenColumns: ge }, Ze) => (c(), E(fe, null, [
|
|
2949
2953
|
ie?.length ? (c(), E("div", {
|
|
2950
|
-
key: `data-grid-rows-${
|
|
2951
|
-
class: ae(["b-data-grid-row-container__cells", et(
|
|
2952
|
-
"data-testid": `data-grid-${
|
|
2954
|
+
key: `data-grid-rows-${H}`,
|
|
2955
|
+
class: ae(["b-data-grid-row-container__cells", et(ge, n($))]),
|
|
2956
|
+
"data-testid": `data-grid-${H}-rows`
|
|
2953
2957
|
}, [
|
|
2954
|
-
(c(!0), E(fe, null,
|
|
2958
|
+
(c(!0), E(fe, null, be(ie, (We, nt) => (c(), W(qs, {
|
|
2955
2959
|
key: `cell-${We.field}`,
|
|
2956
2960
|
ref_for: !0,
|
|
2957
2961
|
ref: (_e) => Z(_e, We.field),
|
|
2958
2962
|
class: "b-data-grid-row-container__cell",
|
|
2959
2963
|
column: We,
|
|
2960
|
-
"column-set-index":
|
|
2964
|
+
"column-set-index": Ze,
|
|
2961
2965
|
"col-index": nt,
|
|
2962
2966
|
"column-sets": e.columnSets,
|
|
2963
2967
|
condensed: e.condensed,
|
|
@@ -2965,7 +2969,7 @@ const Tn = {
|
|
|
2965
2969
|
"dragging-events-for-row-cell": e.draggingEventsForRowCell,
|
|
2966
2970
|
"get-data-item-id": e.getDataItemId,
|
|
2967
2971
|
"has-zebra-background": e.isRowEven,
|
|
2968
|
-
"is-highlighted":
|
|
2972
|
+
"is-highlighted": pe(e.rowData),
|
|
2969
2973
|
"is-selected": me(e.rowData),
|
|
2970
2974
|
"hovered-over-column-state": e.hoveredOverColumnState,
|
|
2971
2975
|
"is-data-item-disabled": e.isDataItemDisabled,
|
|
@@ -2982,45 +2986,47 @@ const Tn = {
|
|
|
2982
2986
|
onCellFocus: T[1] || (T[1] = (_e) => o("cell-focus", _e)),
|
|
2983
2987
|
onOnFrozenColumnsKeyPress: T[2] || (T[2] = (_e) => o("on-frozen-columns-key-press", _e)),
|
|
2984
2988
|
onSelectRow: Ae,
|
|
2985
|
-
onNestedContentToggled:
|
|
2986
|
-
},
|
|
2987
|
-
|
|
2989
|
+
onNestedContentToggled: x
|
|
2990
|
+
}, Ke({ _: 2 }, [
|
|
2991
|
+
be(n(t), (_e, Ve) => ({
|
|
2988
2992
|
name: Ve,
|
|
2989
2993
|
fn: V((Ct) => [
|
|
2990
|
-
Oe(
|
|
2994
|
+
Oe(w.$slots, Ve, ee({ ref_for: !0 }, Ct), void 0, !0)
|
|
2991
2995
|
])
|
|
2992
2996
|
}))
|
|
2993
2997
|
]), 1032, ["column", "column-set-index", "col-index", "column-sets", "condensed", "dragging-columns", "dragging-events-for-row-cell", "get-data-item-id", "has-zebra-background", "is-highlighted", "is-selected", "hovered-over-column-state", "is-data-item-disabled", "is-measuring-column-widths", "is-nested-content-expanded", "nested-content", "nested-rows-element-ids", "row-data", "row-index", "selection-is-indeterminate", "selectable", "selected-items"]))), 128))
|
|
2994
|
-
], 10,
|
|
2995
|
-
|
|
2996
|
-
|
|
2997
|
-
|
|
2998
|
-
|
|
2999
|
-
|
|
3000
|
-
|
|
3001
|
-
|
|
3002
|
-
|
|
3003
|
-
|
|
3004
|
-
|
|
3005
|
-
|
|
3006
|
-
|
|
3007
|
-
|
|
3008
|
-
|
|
3009
|
-
|
|
3010
|
-
|
|
3011
|
-
|
|
3012
|
-
|
|
3013
|
-
|
|
3014
|
-
|
|
3015
|
-
|
|
3016
|
-
|
|
3017
|
-
|
|
3018
|
-
|
|
3019
|
-
|
|
3020
|
-
|
|
3021
|
-
|
|
3022
|
-
|
|
3023
|
-
|
|
2998
|
+
], 10, Xs)) : F("", !0)
|
|
2999
|
+
], 64))), 256)),
|
|
3000
|
+
e.rowActions ? (c(), E("div", {
|
|
3001
|
+
key: 0,
|
|
3002
|
+
ref_key: "rowActionsRef",
|
|
3003
|
+
ref: p,
|
|
3004
|
+
"aria-colindex": Ie().toString(),
|
|
3005
|
+
class: ae(["b-data-grid-row-container__row-actions-container", He.value]),
|
|
3006
|
+
style: Le(tt.value),
|
|
3007
|
+
"data-cellindex": k(),
|
|
3008
|
+
tabindex: "-1",
|
|
3009
|
+
role: "gridcell",
|
|
3010
|
+
onFocus: ke,
|
|
3011
|
+
"on:focusOut": Ue,
|
|
3012
|
+
onKeydown: Be
|
|
3013
|
+
}, [
|
|
3014
|
+
j(On, {
|
|
3015
|
+
class: "b-data-grid-row-container__row-actions",
|
|
3016
|
+
"disable-arrow-down-opening-menu": "",
|
|
3017
|
+
"cell-actions": e.rowActions,
|
|
3018
|
+
"has-right-overflow": e.hasRightOverflow,
|
|
3019
|
+
"row-data-item": e.rowData,
|
|
3020
|
+
"has-zebra-background": e.isRowEven,
|
|
3021
|
+
"is-highlighted": pe(e.rowData),
|
|
3022
|
+
"is-selected": me(e.rowData),
|
|
3023
|
+
"teleport-menu": "",
|
|
3024
|
+
onMenuOpen: Pe,
|
|
3025
|
+
onMenuClose: $e
|
|
3026
|
+
}, null, 8, ["cell-actions", "has-right-overflow", "row-data-item", "has-zebra-background", "is-highlighted", "is-selected"])
|
|
3027
|
+
], 46, Js)) : F("", !0)
|
|
3028
|
+
], 16, Ys)),
|
|
3029
|
+
e.hasNestedContent && n(r)("nested-slot") && e.shouldShowNestedContent(e.rowData) || e.hasNestedRows && y.value ? (c(), W(hn, {
|
|
3024
3030
|
key: `${e.rowIndex}-nest-content`,
|
|
3025
3031
|
name: "b-data-grid-row-container__animation--nested-content"
|
|
3026
3032
|
}, {
|
|
@@ -3036,28 +3042,28 @@ const Tn = {
|
|
|
3036
3042
|
ref_key: "nestedContentRef",
|
|
3037
3043
|
ref: R
|
|
3038
3044
|
}, [
|
|
3039
|
-
C.value ? (c(), E("div",
|
|
3040
|
-
j(
|
|
3045
|
+
C.value ? (c(), E("div", Qs, [
|
|
3046
|
+
j(n(dt))
|
|
3041
3047
|
])) : F("", !0),
|
|
3042
|
-
(c(!0), E(fe, null,
|
|
3043
|
-
id: K(
|
|
3044
|
-
key: `child-${
|
|
3048
|
+
(c(!0), E(fe, null, be(e.rowData.children, (ie, H) => (c(), W(In, ee({ ref_for: !0 }, l, {
|
|
3049
|
+
id: K(H),
|
|
3050
|
+
key: `child-${H}`,
|
|
3045
3051
|
ref_for: !0,
|
|
3046
|
-
ref: (
|
|
3052
|
+
ref: (ge) => J(ge, H),
|
|
3047
3053
|
"row-data": ie,
|
|
3048
|
-
"row-index":
|
|
3054
|
+
"row-index": H,
|
|
3049
3055
|
"row-set-size": e.rowData.children.length,
|
|
3050
3056
|
"is-nested-row": "",
|
|
3051
|
-
onCellHovered: T[3] || (T[3] = (
|
|
3052
|
-
onCellFocus: T[4] || (T[4] = (
|
|
3057
|
+
onCellHovered: T[3] || (T[3] = (ge) => o("cell-hovered", ge)),
|
|
3058
|
+
onCellFocus: T[4] || (T[4] = (ge) => o("cell-focus", ge)),
|
|
3053
3059
|
onRowClick: Y,
|
|
3054
|
-
onOnFrozenColumnsKeyPress: T[5] || (T[5] = (
|
|
3055
|
-
onSelectRow: (
|
|
3056
|
-
}),
|
|
3057
|
-
|
|
3058
|
-
name:
|
|
3060
|
+
onOnFrozenColumnsKeyPress: T[5] || (T[5] = (ge) => o("on-frozen-columns-key-press", ge)),
|
|
3061
|
+
onSelectRow: (ge) => xe(ie, ge)
|
|
3062
|
+
}), Ke({ _: 2 }, [
|
|
3063
|
+
be(n(t), (ge, Ze) => ({
|
|
3064
|
+
name: Ze,
|
|
3059
3065
|
fn: V((We) => [
|
|
3060
|
-
Oe(
|
|
3066
|
+
Oe(w.$slots, Ze, ee({ ref_for: !0 }, We), void 0, !0)
|
|
3061
3067
|
])
|
|
3062
3068
|
}))
|
|
3063
3069
|
]), 1040, ["id", "row-data", "row-index", "row-set-size", "onSelectRow"]))), 128))
|
|
@@ -3074,10 +3080,10 @@ const Tn = {
|
|
|
3074
3080
|
ref: R,
|
|
3075
3081
|
role: "gridcell"
|
|
3076
3082
|
}, [
|
|
3077
|
-
C.value ? (c(), E("div",
|
|
3078
|
-
j(
|
|
3079
|
-
])) :
|
|
3080
|
-
Oe(
|
|
3083
|
+
C.value ? (c(), E("div", ea, [
|
|
3084
|
+
j(n(dt))
|
|
3085
|
+
])) : n(r)("nested-slot") && e.shouldShowNestedContent(e.rowData) ? (c(), E("div", ta, [
|
|
3086
|
+
Oe(w.$slots, "nested-slot", { item: e.rowData }, void 0, !0)
|
|
3081
3087
|
])) : F("", !0)
|
|
3082
3088
|
], 512)
|
|
3083
3089
|
], 16)) : F("", !0)
|
|
@@ -3086,14 +3092,14 @@ const Tn = {
|
|
|
3086
3092
|
})) : F("", !0)
|
|
3087
3093
|
]));
|
|
3088
3094
|
}
|
|
3089
|
-
}), In = /* @__PURE__ */ oe(
|
|
3095
|
+
}), In = /* @__PURE__ */ oe(la, [["__scopeId", "data-v-0cbbe57d"]]);
|
|
3090
3096
|
let gn = 0;
|
|
3091
|
-
const
|
|
3097
|
+
const oa = {
|
|
3092
3098
|
beforeCreate() {
|
|
3093
3099
|
this.uuid = gn.toString(), gn += 1;
|
|
3094
3100
|
}
|
|
3095
|
-
},
|
|
3096
|
-
function
|
|
3101
|
+
}, sa = { key: 0 }, aa = ["clip-path"], ia = ["id"];
|
|
3102
|
+
function ra(e, s, i, t, r, l) {
|
|
3097
3103
|
return c(), E("svg", ee({ role: "img" }, e.$attrs, {
|
|
3098
3104
|
class: "ui-assets-icons-16",
|
|
3099
3105
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -3101,7 +3107,7 @@ function ia(e, s, i, t, r, n) {
|
|
|
3101
3107
|
height: "16",
|
|
3102
3108
|
fill: "none"
|
|
3103
3109
|
}), [
|
|
3104
|
-
e.$attrs["svg-title"] ? (c(), E("title",
|
|
3110
|
+
e.$attrs["svg-title"] ? (c(), E("title", sa, q(e.$attrs["svg-title"]), 1)) : F("", !0),
|
|
3105
3111
|
O("g", {
|
|
3106
3112
|
"clip-path": "url(#uia-ui-assets/icons-16-warning_circle_fill__a" + e.uuid + ")"
|
|
3107
3113
|
}, s[0] || (s[0] = [
|
|
@@ -3109,7 +3115,7 @@ function ia(e, s, i, t, r, n) {
|
|
|
3109
3115
|
fill: "#001222",
|
|
3110
3116
|
d: "M8 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 8C0.25 3.71979 3.71979 0.25 8 0.25ZM8 9.75C7.44772 9.75 7 10.1977 7 10.75C7 11.3023 7.44772 11.75 8 11.75C8.55228 11.75 9 11.3023 9 10.75C9 10.1977 8.55228 9.75 8 9.75ZM7.25 4.25V8.75H8.75V4.25H7.25Z"
|
|
3111
3117
|
}, null, -1)
|
|
3112
|
-
]), 8,
|
|
3118
|
+
]), 8, aa),
|
|
3113
3119
|
O("defs", null, [
|
|
3114
3120
|
O("clipPath", {
|
|
3115
3121
|
id: "uia-ui-assets/icons-16-warning_circle_fill__a" + e.uuid
|
|
@@ -3119,12 +3125,12 @@ function ia(e, s, i, t, r, n) {
|
|
|
3119
3125
|
height: "16",
|
|
3120
3126
|
fill: "#fff"
|
|
3121
3127
|
}, null, -1)
|
|
3122
|
-
]), 8,
|
|
3128
|
+
]), 8, ia)
|
|
3123
3129
|
])
|
|
3124
3130
|
], 16);
|
|
3125
3131
|
}
|
|
3126
|
-
const
|
|
3127
|
-
...
|
|
3132
|
+
const da = /* @__PURE__ */ oe(oa, [["render", ra]]), ua = ["aria-label"], ca = {}, ga = /* @__PURE__ */ Se({
|
|
3133
|
+
...ca,
|
|
3128
3134
|
__name: "data-grid-static-icon",
|
|
3129
3135
|
props: {
|
|
3130
3136
|
colored: { type: Boolean, default: !1 },
|
|
@@ -3139,7 +3145,7 @@ const ra = /* @__PURE__ */ oe(la, [["render", ia]]), da = ["aria-label"], ua = {
|
|
|
3139
3145
|
case "warning":
|
|
3140
3146
|
return yl;
|
|
3141
3147
|
case "error":
|
|
3142
|
-
return
|
|
3148
|
+
return da;
|
|
3143
3149
|
case "cross":
|
|
3144
3150
|
return Cn;
|
|
3145
3151
|
case "no-value":
|
|
@@ -3149,21 +3155,21 @@ const ra = /* @__PURE__ */ oe(la, [["render", ia]]), da = ["aria-label"], ua = {
|
|
|
3149
3155
|
}
|
|
3150
3156
|
}), t = v(() => ({
|
|
3151
3157
|
"b-data-grid-static-icon--colored": s.colored && s.variant !== "no-value"
|
|
3152
|
-
})), r = v(() => `b-data-grid-static-icon__${s.variant}`),
|
|
3153
|
-
return (o, f) =>
|
|
3158
|
+
})), r = v(() => `b-data-grid-static-icon__${s.variant}`), l = v(() => Tl.AUTO);
|
|
3159
|
+
return (o, f) => Xe((c(), E("div", {
|
|
3154
3160
|
"aria-label": o.tooltipText,
|
|
3155
3161
|
class: ae(["b-data-grid-static-icon", t.value]),
|
|
3156
3162
|
tabindex: "0"
|
|
3157
3163
|
}, [
|
|
3158
|
-
(c(), W(
|
|
3164
|
+
(c(), W(qe(i.value), {
|
|
3159
3165
|
class: ae(r.value),
|
|
3160
3166
|
"svg-title": o.tooltipText
|
|
3161
3167
|
}, null, 8, ["class", "svg-title"]))
|
|
3162
|
-
], 10,
|
|
3163
|
-
[
|
|
3168
|
+
], 10, ua)), [
|
|
3169
|
+
[n(St), o.tooltipText, l.value]
|
|
3164
3170
|
]);
|
|
3165
3171
|
}
|
|
3166
|
-
}),
|
|
3172
|
+
}), Pi = /* @__PURE__ */ oe(ga, [["__scopeId", "data-v-b8c9e150"]]), Nn = {
|
|
3167
3173
|
"de-DE": { numberResults: "1 Ergebnis | {count} Ergebnisse" },
|
|
3168
3174
|
"en-GB": { numberResults: "1 result | {count} results" },
|
|
3169
3175
|
"en-US": { numberResults: "1 result | {count} results" },
|
|
@@ -3174,10 +3180,10 @@ const ra = /* @__PURE__ */ oe(la, [["render", ia]]), da = ["aria-label"], ua = {
|
|
|
3174
3180
|
"ja-JP": { numberResults: "1件の結果 | {count}件の結果" },
|
|
3175
3181
|
"pt-BR": { numberResults: "1 resultado | {count} resultados" },
|
|
3176
3182
|
"zh-CN": { numberResults: "1 个结果 | {count} 个结果" }
|
|
3177
|
-
},
|
|
3183
|
+
}, fa = { class: "b-data-grid-summary-cell" }, ma = { class: "b-data-grid-summary-cell__list" }, va = {
|
|
3178
3184
|
i18n: { messages: Nn }
|
|
3179
|
-
},
|
|
3180
|
-
...
|
|
3185
|
+
}, ha = /* @__PURE__ */ Se({
|
|
3186
|
+
...va,
|
|
3181
3187
|
__name: "data-grid-summary-cell",
|
|
3182
3188
|
props: {
|
|
3183
3189
|
label: {},
|
|
@@ -3187,7 +3193,7 @@ const ra = /* @__PURE__ */ oe(la, [["render", ia]]), da = ["aria-label"], ua = {
|
|
|
3187
3193
|
tooltipText: { default: null }
|
|
3188
3194
|
},
|
|
3189
3195
|
setup(e) {
|
|
3190
|
-
const { tc: s } =
|
|
3196
|
+
const { tc: s } = ze({ messages: Nn }), i = e, t = S(), r = v(() => ({
|
|
3191
3197
|
popoverPosition: "right",
|
|
3192
3198
|
// Setting popover defaults, but they are overriden if used passes dashedUnderline prop
|
|
3193
3199
|
popoverTitle: i.label,
|
|
@@ -3197,21 +3203,21 @@ const ra = /* @__PURE__ */ oe(la, [["render", ia]]), da = ["aria-label"], ua = {
|
|
|
3197
3203
|
teleport: {
|
|
3198
3204
|
disabled: !1
|
|
3199
3205
|
}
|
|
3200
|
-
})),
|
|
3206
|
+
})), l = v(() => i.searchTerm?.toLowerCase() ?? ""), o = (m) => i.searchTerm && m.toLowerCase().includes(l.value) ? "mark" : "span", f = v(() => i.searchTerm ? i.items.filter((m) => m.toLowerCase().includes(l.value)).length : 0), a = v(
|
|
3201
3207
|
() => i.tooltipText ?? (f.value > 0 ? s("numberResults", f.value) : "")
|
|
3202
3208
|
);
|
|
3203
|
-
return (m, R) => (c(), E("div",
|
|
3204
|
-
m.items.length > 1 ? (c(), W(
|
|
3209
|
+
return (m, R) => (c(), E("div", fa, [
|
|
3210
|
+
m.items.length > 1 ? (c(), W(n(Il), ee({
|
|
3205
3211
|
key: 0,
|
|
3206
3212
|
ref_key: "dashedUnderlineRef",
|
|
3207
3213
|
ref: t
|
|
3208
3214
|
}, r.value), {
|
|
3209
3215
|
"popover-content": V(() => [
|
|
3210
|
-
j(
|
|
3216
|
+
j(n(Ge), { class: "b-data-grid-summary-cell__popover-content" }, {
|
|
3211
3217
|
default: V(() => [
|
|
3212
|
-
O("ul",
|
|
3213
|
-
(c(!0), E(fe, null,
|
|
3214
|
-
(c(), W(
|
|
3218
|
+
O("ul", ma, [
|
|
3219
|
+
(c(!0), E(fe, null, be(m.items, (p) => (c(), E("li", { key: p }, [
|
|
3220
|
+
(c(), W(qe(o(p)), null, {
|
|
3215
3221
|
default: V(() => [
|
|
3216
3222
|
re(q(p), 1)
|
|
3217
3223
|
]),
|
|
@@ -3230,19 +3236,19 @@ const ra = /* @__PURE__ */ oe(la, [["render", ia]]), da = ["aria-label"], ua = {
|
|
|
3230
3236
|
}, 16)) : (c(), E(fe, { key: 1 }, [
|
|
3231
3237
|
re(q(m.items[0]), 1)
|
|
3232
3238
|
], 64)),
|
|
3233
|
-
t.value && a.value ? (c(), W(
|
|
3239
|
+
t.value && a.value ? (c(), W(n(Ll), {
|
|
3234
3240
|
key: 2,
|
|
3235
3241
|
content: a.value,
|
|
3236
3242
|
"disabled-focus-trap": !0,
|
|
3237
|
-
position:
|
|
3243
|
+
position: n(Ol).RIGHT,
|
|
3238
3244
|
"fallback-position": ["left", "bottom"],
|
|
3239
3245
|
"is-shown": !!a.value,
|
|
3240
3246
|
"target-element": t.value
|
|
3241
3247
|
}, null, 8, ["content", "position", "is-shown", "target-element"])) : F("", !0)
|
|
3242
3248
|
]));
|
|
3243
3249
|
}
|
|
3244
|
-
}),
|
|
3245
|
-
...
|
|
3250
|
+
}), $i = /* @__PURE__ */ oe(ha, [["__scopeId", "data-v-5ea6289c"]]), Ca = { class: "b-data-grid-tag-with-text-cell" }, pa = {}, ba = /* @__PURE__ */ Se({
|
|
3251
|
+
...pa,
|
|
3246
3252
|
__name: "data-grid-tag-with-text-cell",
|
|
3247
3253
|
props: {
|
|
3248
3254
|
tag: {},
|
|
@@ -3250,7 +3256,7 @@ const ra = /* @__PURE__ */ oe(la, [["render", ia]]), da = ["aria-label"], ua = {
|
|
|
3250
3256
|
},
|
|
3251
3257
|
setup(e) {
|
|
3252
3258
|
const s = e;
|
|
3253
|
-
return (i, t) => (c(), E("div",
|
|
3259
|
+
return (i, t) => (c(), E("div", Ca, [
|
|
3254
3260
|
j(Nl, Rl(Al(s.tag)), null, 16),
|
|
3255
3261
|
j(Ge, { el: "span" }, {
|
|
3256
3262
|
default: V(() => [
|
|
@@ -3260,14 +3266,14 @@ const ra = /* @__PURE__ */ oe(la, [["render", ia]]), da = ["aria-label"], ua = {
|
|
|
3260
3266
|
})
|
|
3261
3267
|
]));
|
|
3262
3268
|
}
|
|
3263
|
-
}),
|
|
3269
|
+
}), ki = /* @__PURE__ */ oe(ba, [["__scopeId", "data-v-b8837a72"]]);
|
|
3264
3270
|
let fn = 0;
|
|
3265
|
-
const
|
|
3271
|
+
const wa = {
|
|
3266
3272
|
beforeCreate() {
|
|
3267
3273
|
this.uuid = fn.toString(), fn += 1;
|
|
3268
3274
|
}
|
|
3269
|
-
},
|
|
3270
|
-
function
|
|
3275
|
+
}, Sa = { key: 0 };
|
|
3276
|
+
function _a(e, s, i, t, r, l) {
|
|
3271
3277
|
return c(), E("svg", ee({ role: "img" }, e.$attrs, {
|
|
3272
3278
|
class: "ui-assets-icons-16",
|
|
3273
3279
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -3275,21 +3281,21 @@ function Sa(e, s, i, t, r, n) {
|
|
|
3275
3281
|
height: "16",
|
|
3276
3282
|
fill: "none"
|
|
3277
3283
|
}), [
|
|
3278
|
-
e.$attrs["svg-title"] ? (c(), E("title",
|
|
3284
|
+
e.$attrs["svg-title"] ? (c(), E("title", Sa, q(e.$attrs["svg-title"]), 1)) : F("", !0),
|
|
3279
3285
|
s[0] || (s[0] = O("path", {
|
|
3280
3286
|
fill: "#001222",
|
|
3281
3287
|
d: "M12.0605 7L11 8.06055L8.75 5.81055V12.75H7.25V5.81055L5 8.06055L3.93945 7L8 2.93945L12.0605 7Z"
|
|
3282
3288
|
}, null, -1))
|
|
3283
3289
|
], 16);
|
|
3284
3290
|
}
|
|
3285
|
-
const
|
|
3291
|
+
const Ra = /* @__PURE__ */ oe(wa, [["render", _a]]);
|
|
3286
3292
|
let mn = 0;
|
|
3287
|
-
const
|
|
3293
|
+
const Aa = {
|
|
3288
3294
|
beforeCreate() {
|
|
3289
3295
|
this.uuid = mn.toString(), mn += 1;
|
|
3290
3296
|
}
|
|
3291
|
-
},
|
|
3292
|
-
function
|
|
3297
|
+
}, Ea = { key: 0 };
|
|
3298
|
+
function ya(e, s, i, t, r, l) {
|
|
3293
3299
|
return c(), E("svg", ee({ role: "img" }, e.$attrs, {
|
|
3294
3300
|
class: "ui-assets-icons-16",
|
|
3295
3301
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -3297,14 +3303,14 @@ function Ea(e, s, i, t, r, n) {
|
|
|
3297
3303
|
height: "16",
|
|
3298
3304
|
fill: "none"
|
|
3299
3305
|
}), [
|
|
3300
|
-
e.$attrs["svg-title"] ? (c(), E("title",
|
|
3306
|
+
e.$attrs["svg-title"] ? (c(), E("title", Ea, q(e.$attrs["svg-title"]), 1)) : F("", !0),
|
|
3301
3307
|
s[0] || (s[0] = O("path", {
|
|
3302
3308
|
fill: "#001222",
|
|
3303
3309
|
d: "M8.75 10.1895L11 7.93945L12.0605 9L8 13.0605L3.93945 9L5 7.93945L7.25 10.1895V3.25H8.75V10.1895Z"
|
|
3304
3310
|
}, null, -1))
|
|
3305
3311
|
], 16);
|
|
3306
3312
|
}
|
|
3307
|
-
const
|
|
3313
|
+
const La = /* @__PURE__ */ oe(Aa, [["render", ya]]), Dn = {
|
|
3308
3314
|
"de-DE": { decrease: "verringern", increase: "erhöhen" },
|
|
3309
3315
|
"en-GB": { decrease: "decrease", increase: "increase" },
|
|
3310
3316
|
"en-US": { decrease: "decrease", increase: "increase" },
|
|
@@ -3315,10 +3321,10 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
|
|
|
3315
3321
|
"ja-JP": { decrease: "低減", increase: "増加" },
|
|
3316
3322
|
"pt-BR": { decrease: "diminuir", increase: "aumentar" },
|
|
3317
3323
|
"zh-CN": { decrease: "减少", increase: "增加" }
|
|
3318
|
-
},
|
|
3324
|
+
}, Oa = {
|
|
3319
3325
|
i18n: { messages: Dn }
|
|
3320
|
-
},
|
|
3321
|
-
...
|
|
3326
|
+
}, Ta = /* @__PURE__ */ Se({
|
|
3327
|
+
...Oa,
|
|
3322
3328
|
__name: "data-grid-trend-cell",
|
|
3323
3329
|
props: {
|
|
3324
3330
|
direction: { default: "none" },
|
|
@@ -3326,9 +3332,9 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
|
|
|
3326
3332
|
value: {}
|
|
3327
3333
|
},
|
|
3328
3334
|
setup(e) {
|
|
3329
|
-
const { t: s, locale: i } =
|
|
3335
|
+
const { t: s, locale: i } = ze({ messages: Dn }), t = e, r = v(() => ({
|
|
3330
3336
|
[`b-data-grid-trend-cell--${t.variant}`]: t.variant !== "black"
|
|
3331
|
-
})),
|
|
3337
|
+
})), l = v(() => {
|
|
3332
3338
|
switch (t.direction) {
|
|
3333
3339
|
case "up":
|
|
3334
3340
|
return s("increase");
|
|
@@ -3340,9 +3346,9 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
|
|
|
3340
3346
|
}), o = v(() => {
|
|
3341
3347
|
switch (t.direction) {
|
|
3342
3348
|
case "up":
|
|
3343
|
-
return
|
|
3349
|
+
return Ra;
|
|
3344
3350
|
case "down":
|
|
3345
|
-
return
|
|
3351
|
+
return La;
|
|
3346
3352
|
default:
|
|
3347
3353
|
return null;
|
|
3348
3354
|
}
|
|
@@ -3359,11 +3365,11 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
|
|
|
3359
3365
|
return (a, m) => (c(), E("div", {
|
|
3360
3366
|
class: ae(["b-data-grid-trend-cell", r.value])
|
|
3361
3367
|
}, [
|
|
3362
|
-
o.value ? (c(), W(
|
|
3368
|
+
o.value ? (c(), W(qe(o.value), {
|
|
3363
3369
|
key: 0,
|
|
3364
|
-
"svg-title":
|
|
3370
|
+
"svg-title": l.value
|
|
3365
3371
|
}, null, 8, ["svg-title"])) : F("", !0),
|
|
3366
|
-
j(
|
|
3372
|
+
j(n(Ge), { el: "span" }, {
|
|
3367
3373
|
default: V(() => [
|
|
3368
3374
|
re(q(f.value), 1)
|
|
3369
3375
|
]),
|
|
@@ -3371,8 +3377,8 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
|
|
|
3371
3377
|
})
|
|
3372
3378
|
], 2));
|
|
3373
3379
|
}
|
|
3374
|
-
}),
|
|
3375
|
-
const t =
|
|
3380
|
+
}), Ui = /* @__PURE__ */ oe(Ta, [["__scopeId", "data-v-08286f85"]]), Ia = (e, s, i) => {
|
|
3381
|
+
const t = S([]), r = (a, m) => {
|
|
3376
3382
|
if (!a?.gridcellRefs)
|
|
3377
3383
|
return { count: 0, entries: [], maxWidth: 0 };
|
|
3378
3384
|
const R = [];
|
|
@@ -3383,8 +3389,8 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
|
|
|
3383
3389
|
}), I && (R.push({
|
|
3384
3390
|
field: It,
|
|
3385
3391
|
index: m,
|
|
3386
|
-
el: a.rowActionsRef
|
|
3387
|
-
}), p = Math.max(p, a.rowActionsRef?.
|
|
3392
|
+
el: a.rowActionsRef
|
|
3393
|
+
}), p = Math.max(p, a.rowActionsRef?.offsetWidth ?? 0));
|
|
3388
3394
|
let A = 1;
|
|
3389
3395
|
if (a.isNestedContentShown && a.nestedRowRefs?.length > 0)
|
|
3390
3396
|
for (let g = 0; g < a.nestedRowRefs.length; g++) {
|
|
@@ -3396,11 +3402,11 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
|
|
|
3396
3402
|
}
|
|
3397
3403
|
return { count: A, entries: R, maxWidth: p };
|
|
3398
3404
|
};
|
|
3399
|
-
let
|
|
3405
|
+
let l = !1;
|
|
3400
3406
|
const o = (a, m) => {
|
|
3401
|
-
a !== null && (t.value[m] = a,
|
|
3407
|
+
a !== null && (t.value[m] = a, l || f());
|
|
3402
3408
|
}, f = () => {
|
|
3403
|
-
|
|
3409
|
+
l = !0;
|
|
3404
3410
|
const a = {};
|
|
3405
3411
|
let m = 0, R = 0;
|
|
3406
3412
|
for (let p = 0; p < t.value.length; p++) {
|
|
@@ -3412,34 +3418,34 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
|
|
|
3412
3418
|
}), m = Math.max(m, A.maxWidth), R += A.count;
|
|
3413
3419
|
}
|
|
3414
3420
|
}
|
|
3415
|
-
e.value = a, s.value = m,
|
|
3421
|
+
e.value = a, s.value = m, l = !1;
|
|
3416
3422
|
};
|
|
3417
3423
|
return {
|
|
3418
3424
|
topLevelRowComponents: t,
|
|
3419
3425
|
registerRowCellRefs: o,
|
|
3420
3426
|
rebuildGridcellRefs: f
|
|
3421
3427
|
};
|
|
3422
|
-
},
|
|
3428
|
+
}, Na = ["aria-busy"], Da = ["aria-controls", "aria-label"], Ma = {
|
|
3423
3429
|
key: 1,
|
|
3424
3430
|
class: "b-data-grid__header"
|
|
3425
|
-
},
|
|
3431
|
+
}, za = ["id", "role", "aria-rowcount", "aria-colcount", "aria-label"], Fa = {
|
|
3426
3432
|
key: 0,
|
|
3427
3433
|
role: "row"
|
|
3428
|
-
},
|
|
3434
|
+
}, Pa = {
|
|
3429
3435
|
key: 0,
|
|
3430
3436
|
class: "b-data-grid__loading"
|
|
3431
|
-
},
|
|
3437
|
+
}, $a = {
|
|
3432
3438
|
key: 0,
|
|
3433
3439
|
role: "row",
|
|
3434
3440
|
tabindex: "-1"
|
|
3435
|
-
},
|
|
3441
|
+
}, ka = ["aria-colspan"], Ua = {
|
|
3436
3442
|
key: 5,
|
|
3437
3443
|
class: "b-data-grid__footer"
|
|
3438
|
-
},
|
|
3444
|
+
}, Ba = {
|
|
3439
3445
|
i18n: { messages: vt },
|
|
3440
3446
|
name: "bento-data-grid"
|
|
3441
|
-
},
|
|
3442
|
-
...
|
|
3447
|
+
}, Wa = /* @__PURE__ */ Se({
|
|
3448
|
+
...Ba,
|
|
3443
3449
|
props: {
|
|
3444
3450
|
/**
|
|
3445
3451
|
* When true, will emit a 'rowClick' event when a row is clicked. Will add cursor: pointer to rows.
|
|
@@ -3776,7 +3782,7 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
|
|
|
3776
3782
|
N.CELL_FOCUS
|
|
3777
3783
|
],
|
|
3778
3784
|
setup(e, { expose: s, emit: i }) {
|
|
3779
|
-
const t = e, r = yt(),
|
|
3785
|
+
const t = e, r = yt(), l = Lt(r), o = S(null), f = S(), a = S({}), m = S(ut("data-grid")), R = S(null), p = S(null), I = S(null), A = S(null), g = S(null), L = S(null), {
|
|
3780
3786
|
allowColumnDragAndDrop: _,
|
|
3781
3787
|
columns: D,
|
|
3782
3788
|
columnPanel: y,
|
|
@@ -3792,31 +3798,29 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
|
|
|
3792
3798
|
outline: J,
|
|
3793
3799
|
pagination: K,
|
|
3794
3800
|
zebraRows: X
|
|
3795
|
-
} = Et(t), Y =
|
|
3796
|
-
it(Qe,
|
|
3797
|
-
const
|
|
3798
|
-
|
|
3799
|
-
typeof window < "u" && (ze.value = "ontouchstart" in window || navigator?.maxTouchPoints > 0);
|
|
3800
|
-
}), it(mt, ze);
|
|
3801
|
+
} = Et(t), Y = S(-1), { t: ce } = ze({ messages: vt }), Ae = v(() => x.value.filter((U) => U.frozen).length), xe = 550, Pe = S(), { width: $e } = Ul(Pe), ke = v(() => $e.value <= xe);
|
|
3802
|
+
it(Qe, ke);
|
|
3803
|
+
const { isTouchDevice: Ue } = zl();
|
|
3804
|
+
it(mt, Ue);
|
|
3801
3805
|
const Be = Te(
|
|
3802
|
-
|
|
3806
|
+
kl,
|
|
3803
3807
|
() => ({
|
|
3804
|
-
additionalContentSlotRef:
|
|
3808
|
+
additionalContentSlotRef: S(null),
|
|
3805
3809
|
isDataGridTemplate: !1,
|
|
3806
|
-
stickyAditionalContent:
|
|
3807
|
-
stickyTabs:
|
|
3808
|
-
tabsRef:
|
|
3810
|
+
stickyAditionalContent: S(!1),
|
|
3811
|
+
stickyTabs: S(!1),
|
|
3812
|
+
tabsRef: S(null)
|
|
3809
3813
|
})
|
|
3810
3814
|
), { additionalContentSlotRef: Ie, isDataGridTemplate: k, stickyTabs: te, tabsRef: se, stickyAdditionalContent: h } = Be(), {
|
|
3811
|
-
columnDefs:
|
|
3815
|
+
columnDefs: x,
|
|
3812
3816
|
onColumnWidthOverride: $,
|
|
3813
|
-
gridRowWidthStyle:
|
|
3817
|
+
gridRowWidthStyle: pe,
|
|
3814
3818
|
isMeasuringColumnWidths: me,
|
|
3815
3819
|
isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: ht,
|
|
3816
3820
|
columns: et,
|
|
3817
3821
|
totalWidthOfAllColumns: Ye,
|
|
3818
|
-
rowActionsMaxWidth:
|
|
3819
|
-
} =
|
|
3822
|
+
rowActionsMaxWidth: He
|
|
3823
|
+
} = fo(D, z, o, a, R, {
|
|
3820
3824
|
hasColumnPanel: y,
|
|
3821
3825
|
hasSelectableColumn: b,
|
|
3822
3826
|
hasSelectableAcrossPages: B,
|
|
@@ -3824,21 +3828,21 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
|
|
|
3824
3828
|
hasNestedRows: d,
|
|
3825
3829
|
allowColumnDragAndDrop: _,
|
|
3826
3830
|
isDataGridTemplate: k
|
|
3827
|
-
}), tt = v(() => t.rowActions !== void 0), { registerRowCellRefs:
|
|
3831
|
+
}), tt = v(() => t.rowActions !== void 0), { registerRowCellRefs: w, rebuildGridcellRefs: T } = Ia(
|
|
3828
3832
|
R,
|
|
3829
|
-
|
|
3833
|
+
He,
|
|
3830
3834
|
tt
|
|
3831
|
-
), ie = i,
|
|
3835
|
+
), ie = i, H = (U, ...G) => {
|
|
3832
3836
|
(U === N.COLUMNS || U === N.UPDATE_COLUMNS) && ([et.value] = G), ie(U, ...G);
|
|
3833
|
-
},
|
|
3837
|
+
}, ge = Yt(
|
|
3834
3838
|
se,
|
|
3835
3839
|
te,
|
|
3836
3840
|
h,
|
|
3837
3841
|
Ie
|
|
3838
|
-
),
|
|
3839
|
-
() => t.stickyFilters ? `${
|
|
3842
|
+
), Ze = v(
|
|
3843
|
+
() => t.stickyFilters ? `${ge.value}px` : null
|
|
3840
3844
|
), We = Yt(p, wt(t, "stickyFilters")), nt = v(
|
|
3841
|
-
() => `${We.value +
|
|
3845
|
+
() => `${We.value + ge.value}px`
|
|
3842
3846
|
), {
|
|
3843
3847
|
sortedColumns: _e,
|
|
3844
3848
|
columnSets: Ve,
|
|
@@ -3848,12 +3852,12 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
|
|
|
3848
3852
|
onConfigSettingsColumnUpdate: zn,
|
|
3849
3853
|
onConfigSettingsCondensedUpdate: Fn,
|
|
3850
3854
|
onConfigSettingsZebraRowsUpdate: Pn
|
|
3851
|
-
} =
|
|
3855
|
+
} = wo(x, X, H), { hoveredOverColumn: $n, hoveredOverColumnState: Nt } = _o(
|
|
3852
3856
|
Ve,
|
|
3853
3857
|
b,
|
|
3854
3858
|
J,
|
|
3855
3859
|
ht
|
|
3856
|
-
), { draggingColumns: Dt, draggingEventsForColumns: kn, draggingEventsForRowCell: Un, onMoveColumnByOffset: Bn } =
|
|
3860
|
+
), { draggingColumns: Dt, draggingEventsForColumns: kn, draggingEventsForRowCell: Un, onMoveColumnByOffset: Bn } = bo(_e, _, H), Mt = v(
|
|
3857
3861
|
() => t.data?.length > 0 && !!t.selectableAcrossPages && !!t.pagination && t.pagination.totalCount > 0
|
|
3858
3862
|
), {
|
|
3859
3863
|
onAllRowSelect: Wn,
|
|
@@ -3863,9 +3867,9 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
|
|
|
3863
3867
|
allItemsSelectedState: xn,
|
|
3864
3868
|
selectedItems: bt,
|
|
3865
3869
|
selectionState: Hn
|
|
3866
|
-
} =
|
|
3870
|
+
} = mo(
|
|
3867
3871
|
P,
|
|
3868
|
-
|
|
3872
|
+
H,
|
|
3869
3873
|
z,
|
|
3870
3874
|
t.getDataItemId,
|
|
3871
3875
|
t.isDataItemDisabled,
|
|
@@ -3874,19 +3878,19 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
|
|
|
3874
3878
|
), Zn = v(() => ({
|
|
3875
3879
|
filtered: I.value?.isClearAllVisible || I.value?.isResetAllVisible || !!t.filterSearchTerm,
|
|
3876
3880
|
allRowsVisible: K.value?.size >= K.value?.totalCount
|
|
3877
|
-
})), { navigationInput: lt } =
|
|
3881
|
+
})), { navigationInput: lt } = ho(
|
|
3878
3882
|
R,
|
|
3879
3883
|
a,
|
|
3880
3884
|
_e,
|
|
3881
3885
|
b,
|
|
3882
3886
|
tt,
|
|
3883
3887
|
y
|
|
3884
|
-
), { isLazyLoad:
|
|
3888
|
+
), { isLazyLoad: je, isInfiniteScroll: jn, verticalScrollPosition: qn, emitLazyLoadEvent: Kn } = po(
|
|
3885
3889
|
C,
|
|
3886
3890
|
g,
|
|
3887
3891
|
o,
|
|
3888
3892
|
M,
|
|
3889
|
-
|
|
3893
|
+
H
|
|
3890
3894
|
), {
|
|
3891
3895
|
updateScrollPosition: ot,
|
|
3892
3896
|
updateScrollPositionOnFrozenColumnsNavigation: Yn,
|
|
@@ -3894,7 +3898,7 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
|
|
|
3894
3898
|
hasLeftOverflow: st,
|
|
3895
3899
|
hasRightOverflow: Pt,
|
|
3896
3900
|
horizontalScrollbarConditionalStyles: Xn
|
|
3897
|
-
} =
|
|
3901
|
+
} = So(
|
|
3898
3902
|
o,
|
|
3899
3903
|
f,
|
|
3900
3904
|
qn,
|
|
@@ -3902,7 +3906,7 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
|
|
|
3902
3906
|
A,
|
|
3903
3907
|
Ye,
|
|
3904
3908
|
{
|
|
3905
|
-
isLazyLoad:
|
|
3909
|
+
isLazyLoad: je,
|
|
3906
3910
|
pagination: K,
|
|
3907
3911
|
stickyPagination: Z,
|
|
3908
3912
|
isDataGridTemplate: k
|
|
@@ -3914,14 +3918,14 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
|
|
|
3914
3918
|
variant: t.emptyState?.variant === "embedded" || t.emptyState?.variant === "basic" ? t.emptyState.variant : "basic"
|
|
3915
3919
|
})), el = v(() => ({
|
|
3916
3920
|
[`b-data-grid--${ye.OUTLINE}`]: t.outline,
|
|
3917
|
-
[`b-data-grid--${ye.SCROLL}`]: t.fitContent ||
|
|
3921
|
+
[`b-data-grid--${ye.SCROLL}`]: t.fitContent || je.value,
|
|
3918
3922
|
[`b-data-grid--${ye.STICKY_FILTERS}`]: t.filters && t.stickyFilters,
|
|
3919
3923
|
[`b-data-grid--${ye.OVERFLOW_SHADOW_LEFT}`]: st.value && !Ae.value,
|
|
3920
3924
|
[`b-data-grid--${ye.OVERFLOW_SHADOW_RIGHT}`]: Pt.value && t.rowActions === void 0,
|
|
3921
3925
|
[`b-data-grid--${ye.NO_SPACING_TOP}`]: t.noSpacingTop,
|
|
3922
3926
|
[`b-data-grid--${ye.FIT_CONTENT}`]: t.fitContent,
|
|
3923
3927
|
[`b-data-grid--${ye.ZEBRA_ROWS}`]: pt.value,
|
|
3924
|
-
"b-data-grid--lazy-load":
|
|
3928
|
+
"b-data-grid--lazy-load": je.value
|
|
3925
3929
|
})), tl = v(() => ({
|
|
3926
3930
|
"b-data-grid__body--sticky-horizontal-scrollbar": t.stickyHorizontalScrollbar
|
|
3927
3931
|
})), nl = v(() => Ve.value.findIndex((U) => U.columnSet.length)), $t = v(() => !((t.selectable || t.hasNestedContent || t.hasNestedRows) && Ae.value === 1) || st.value), ll = v(() => ({
|
|
@@ -3936,49 +3940,49 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
|
|
|
3936
3940
|
a.value[Q] = Ne;
|
|
3937
3941
|
});
|
|
3938
3942
|
}, al = (U, G) => {
|
|
3939
|
-
t.allowRowClicks &&
|
|
3943
|
+
t.allowRowClicks && H(N.ROW_CLICK, U, G);
|
|
3940
3944
|
}, il = (U) => {
|
|
3941
|
-
|
|
3945
|
+
H(N.NESTED_CONTENT_TOGGLED, U), de(() => T());
|
|
3942
3946
|
}, rl = (U) => {
|
|
3943
3947
|
Y.value = U;
|
|
3944
|
-
}, dl = v(() => t.hasNestedContent || t.hasNestedRows ? "treegrid" : "grid"), kt = v(() => bt.value?.length ?? 0), ul = v(() => t.bulkActions && kt.value > 0), cl = (U) =>
|
|
3945
|
-
|
|
3948
|
+
}, dl = v(() => t.hasNestedContent || t.hasNestedRows ? "treegrid" : "grid"), kt = v(() => bt.value?.length ?? 0), ul = v(() => t.bulkActions && kt.value > 0), cl = (U) => H(N.COLUMN_RESIZE, U), gl = (U) => {
|
|
3949
|
+
H(N.UPDATE_SORT_BY, U), H(N.SORT, U);
|
|
3946
3950
|
}, fl = (U, G) => {
|
|
3947
|
-
|
|
3951
|
+
H(N.NAVIGATE, U), H(N.UPDATE_PAGINATION, {
|
|
3948
3952
|
...t.pagination,
|
|
3949
3953
|
size: G,
|
|
3950
3954
|
page: U
|
|
3951
3955
|
});
|
|
3952
3956
|
}, ml = (U) => {
|
|
3953
|
-
|
|
3957
|
+
H(N.ITEMS_PAGE, U);
|
|
3954
3958
|
}, vl = () => {
|
|
3955
|
-
|
|
3959
|
+
H(N.FILTER_SEARCH_CLEAR);
|
|
3956
3960
|
}, hl = (U) => {
|
|
3957
|
-
|
|
3961
|
+
H(N.UPDATE_FILTER_SEARCH_TERM, U), H(N.FILTER_SEARCH_INPUT, U);
|
|
3958
3962
|
};
|
|
3959
3963
|
return v(() => D.value.some((U) => U.mandatory)).value || pn(
|
|
3960
3964
|
"WARNING: At least one BentoDataGrid column should be set as mandatory to ensure data is always displayed correctly."
|
|
3961
|
-
), Te(
|
|
3965
|
+
), Te($l, () => null)(t.tabTitle), it(yn, wt(t, "slashedZero")), s({ onEmptyStateClearResetButtonClick: Jn }), (U, G) => (c(), E("div", {
|
|
3962
3966
|
ref_key: "dataGridRef",
|
|
3963
|
-
ref:
|
|
3967
|
+
ref: Pe,
|
|
3964
3968
|
class: ae(["b-data-grid", el.value]),
|
|
3965
3969
|
"data-testid": "data-grid",
|
|
3966
3970
|
"aria-live": "polite",
|
|
3967
|
-
"aria-busy":
|
|
3971
|
+
"aria-busy": n(M),
|
|
3968
3972
|
onCopy: G[14] || (G[14] = //@ts-ignore
|
|
3969
|
-
(...Q) =>
|
|
3973
|
+
(...Q) => n(Qt) && n(Qt)(...Q))
|
|
3970
3974
|
}, [
|
|
3971
3975
|
e.filters ? (c(), E("div", {
|
|
3972
3976
|
key: 0,
|
|
3973
3977
|
ref_key: "filtersRef",
|
|
3974
3978
|
ref: p,
|
|
3975
3979
|
class: ae(["b-data-grid__filters", ll.value]),
|
|
3976
|
-
style: Le({ top:
|
|
3980
|
+
style: Le({ top: Ze.value }),
|
|
3977
3981
|
"aria-controls": m.value,
|
|
3978
|
-
"aria-label":
|
|
3982
|
+
"aria-label": n(ce)("filterBar"),
|
|
3979
3983
|
role: "region"
|
|
3980
3984
|
}, [
|
|
3981
|
-
e.filters ? (c(), W(
|
|
3985
|
+
e.filters ? (c(), W(Fl, {
|
|
3982
3986
|
key: 0,
|
|
3983
3987
|
ref_key: "filterBarRef",
|
|
3984
3988
|
ref: I,
|
|
@@ -3990,20 +3994,20 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
|
|
|
3990
3994
|
"search-term": e.filterSearchTerm,
|
|
3991
3995
|
onSearchInput: hl,
|
|
3992
3996
|
onSearchClear: vl,
|
|
3993
|
-
onInput: G[0] || (G[0] = (Q) => U.$emit(
|
|
3994
|
-
"onUpdate:filterValues": G[1] || (G[1] = (Q) => U.$emit(
|
|
3995
|
-
"onUpdate:filterValuesObject": G[2] || (G[2] = (Q) => U.$emit(
|
|
3997
|
+
onInput: G[0] || (G[0] = (Q) => U.$emit(n(N).UPDATE_FILTERS, Q)),
|
|
3998
|
+
"onUpdate:filterValues": G[1] || (G[1] = (Q) => U.$emit(n(N).UPDATE_FILTER_VALUES, Q)),
|
|
3999
|
+
"onUpdate:filterValuesObject": G[2] || (G[2] = (Q) => U.$emit(n(N).UPDATE_FILTER_VALUES_OBJECT, Q))
|
|
3996
4000
|
}, null, 8, ["config", "container-size-layout", "filter-values", "filter-values-object", "search", "search-term"])) : F("", !0)
|
|
3997
|
-
], 14,
|
|
3998
|
-
U.$slots.header ? (c(), E("div",
|
|
4001
|
+
], 14, Da)) : F("", !0),
|
|
4002
|
+
U.$slots.header ? (c(), E("div", Ma, [
|
|
3999
4003
|
Oe(U.$slots, "header", {}, void 0, !0)
|
|
4000
4004
|
])) : F("", !0),
|
|
4001
4005
|
O("div", {
|
|
4002
4006
|
id: m.value,
|
|
4003
4007
|
role: dl.value,
|
|
4004
|
-
"aria-rowcount":
|
|
4005
|
-
"aria-colcount":
|
|
4006
|
-
"aria-label": e.emptyState ?
|
|
4008
|
+
"aria-rowcount": n(z).length,
|
|
4009
|
+
"aria-colcount": n(D).length,
|
|
4010
|
+
"aria-label": e.emptyState ? n(ce)("noResults") : null,
|
|
4007
4011
|
class: "b-data-grid__wrapper",
|
|
4008
4012
|
style: Le({ top: nt.value })
|
|
4009
4013
|
}, [
|
|
@@ -4017,67 +4021,67 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
|
|
|
4017
4021
|
role: "rowgroup",
|
|
4018
4022
|
class: "b-data-grid__columns-row",
|
|
4019
4023
|
onScroll: G[7] || (G[7] = //@ts-ignore
|
|
4020
|
-
(...Q) =>
|
|
4024
|
+
(...Q) => n(ot) && n(ot)(...Q)),
|
|
4021
4025
|
onKeydown: G[8] || (G[8] = //@ts-ignore
|
|
4022
|
-
(...Q) =>
|
|
4026
|
+
(...Q) => n(lt) && n(lt)(...Q))
|
|
4023
4027
|
}, [
|
|
4024
|
-
|
|
4025
|
-
j(
|
|
4028
|
+
n(y) ? (c(), E("div", Fa, [
|
|
4029
|
+
j(n(Ns), {
|
|
4026
4030
|
class: "b-data-grid__config-settings",
|
|
4027
4031
|
role: "gridcell",
|
|
4028
|
-
columns:
|
|
4032
|
+
columns: n(et),
|
|
4029
4033
|
condensed: e.condensed,
|
|
4030
|
-
"zebra-rows":
|
|
4031
|
-
"onUpdate:condensed":
|
|
4032
|
-
"onUpdate:zebraRows":
|
|
4033
|
-
"onUpdate:columns":
|
|
4034
|
+
"zebra-rows": n(pt),
|
|
4035
|
+
"onUpdate:condensed": n(Fn),
|
|
4036
|
+
"onUpdate:zebraRows": n(Pn),
|
|
4037
|
+
"onUpdate:columns": n(Mn)
|
|
4034
4038
|
}, null, 8, ["columns", "condensed", "zebra-rows", "onUpdate:condensed", "onUpdate:zebraRows", "onUpdate:columns"])
|
|
4035
4039
|
])) : F("", !0),
|
|
4036
4040
|
O("div", {
|
|
4037
|
-
style: Le(
|
|
4041
|
+
style: Le(n(pe)),
|
|
4038
4042
|
class: "b-data-grid__columns",
|
|
4039
4043
|
role: "row"
|
|
4040
4044
|
}, [
|
|
4041
|
-
(c(!0), E(fe, null,
|
|
4042
|
-
Q?.length ? (c(), W(
|
|
4045
|
+
(c(!0), E(fe, null, be(n(Ve), ({ columnSet: Q, id: Ne, isFrozenColumns: De }, at) => (c(), E(fe, null, [
|
|
4046
|
+
Q?.length || !De && n(He) ? (c(), W(n(is), ee({
|
|
4043
4047
|
key: `data-grid-columns-${Ne}`,
|
|
4044
4048
|
ref_for: !0,
|
|
4045
|
-
ref: (
|
|
4049
|
+
ref: (Me) => sl(Me),
|
|
4046
4050
|
columns: Q,
|
|
4047
4051
|
"has-resizable-columns": e.hasResizableColumns,
|
|
4048
4052
|
"sort-by": e.sortBy,
|
|
4049
|
-
"all-items-selected-state":
|
|
4050
|
-
"is-frozen-columns":
|
|
4053
|
+
"all-items-selected-state": n(xn),
|
|
4054
|
+
"is-frozen-columns": De,
|
|
4051
4055
|
"show-frozen-columns-separator": $t.value,
|
|
4052
|
-
"dragging-columns":
|
|
4053
|
-
"has-draggable-columns":
|
|
4054
|
-
"has-column-panel":
|
|
4055
|
-
"has-left-overflow":
|
|
4056
|
+
"dragging-columns": n(Dt),
|
|
4057
|
+
"has-draggable-columns": n(_),
|
|
4058
|
+
"has-column-panel": n(y),
|
|
4059
|
+
"has-left-overflow": n(st),
|
|
4056
4060
|
"has-first-column-panel-right-aligned": at === nl.value,
|
|
4057
|
-
"hovered-over-column-state":
|
|
4058
|
-
"is-measuring-column-widths":
|
|
4059
|
-
"is-only-one-visible-column":
|
|
4060
|
-
selectable:
|
|
4061
|
+
"hovered-over-column-state": n(Nt),
|
|
4062
|
+
"is-measuring-column-widths": n(me),
|
|
4063
|
+
"is-only-one-visible-column": n(Ct),
|
|
4064
|
+
selectable: n(z)?.length > 0 && n(b),
|
|
4061
4065
|
"selectable-across-pages": Mt.value,
|
|
4062
|
-
"selected-items":
|
|
4066
|
+
"selected-items": n(bt),
|
|
4063
4067
|
"visible-rows-state": Zn.value,
|
|
4064
|
-
"selection-state":
|
|
4068
|
+
"selection-state": n(Hn),
|
|
4065
4069
|
"truncate-column-headers": e.truncateColumnHeaders,
|
|
4066
|
-
"row-actions-maximum-width":
|
|
4067
|
-
}, ft(
|
|
4068
|
-
onColumnHover: G[3] || (G[3] = (
|
|
4069
|
-
onColumnMove:
|
|
4070
|
-
onColumnUpdate:
|
|
4070
|
+
"row-actions-maximum-width": n(He)
|
|
4071
|
+
}, ft(n(kn)), {
|
|
4072
|
+
onColumnHover: G[3] || (G[3] = (Me) => $n.value = Me),
|
|
4073
|
+
onColumnMove: n(Bn),
|
|
4074
|
+
onColumnUpdate: n(zn),
|
|
4071
4075
|
onColumnResize: cl,
|
|
4072
|
-
onColumnResizing:
|
|
4073
|
-
onSelectAllRows:
|
|
4074
|
-
onSelectAllAcrossPages: G[4] || (G[4] = (
|
|
4075
|
-
onSelectAllCurrentResults: G[5] || (G[5] = (
|
|
4076
|
-
onDeselectAllCurrentResults: G[6] || (G[6] = (
|
|
4077
|
-
onDeselectAll:
|
|
4076
|
+
onColumnResizing: n($),
|
|
4077
|
+
onSelectAllRows: n(Wn),
|
|
4078
|
+
onSelectAllAcrossPages: G[4] || (G[4] = (Me) => H(n(N).SELECT_ALL_ACROSS_PAGES)),
|
|
4079
|
+
onSelectAllCurrentResults: G[5] || (G[5] = (Me) => H(n(N).SELECT_ALL_CURRENT_RESULTS)),
|
|
4080
|
+
onDeselectAllCurrentResults: G[6] || (G[6] = (Me) => H(n(N).DESELECT_ALL_CURRENT_RESULTS)),
|
|
4081
|
+
onDeselectAll: n(zt),
|
|
4078
4082
|
onSort: gl
|
|
4079
|
-
}),
|
|
4080
|
-
|
|
4083
|
+
}), Ke({ _: 2 }, [
|
|
4084
|
+
be(n(r), (Me, Ut) => ({
|
|
4081
4085
|
name: Ut,
|
|
4082
4086
|
fn: V((Cl) => [
|
|
4083
4087
|
Oe(U.$slots, Ut, ee({ ref_for: !0 }, Cl), void 0, !0)
|
|
@@ -4094,19 +4098,19 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
|
|
|
4094
4098
|
"data-testid": "data-grid-body",
|
|
4095
4099
|
class: ae(["b-data-grid__body", tl.value]),
|
|
4096
4100
|
onScroll: G[12] || (G[12] = //@ts-ignore
|
|
4097
|
-
(...Q) =>
|
|
4101
|
+
(...Q) => n(ot) && n(ot)(...Q))
|
|
4098
4102
|
}, [
|
|
4099
|
-
|
|
4100
|
-
j(
|
|
4103
|
+
n(M) && !n(je) ? (c(), E("div", Pa, [
|
|
4104
|
+
j(n(dt), {
|
|
4101
4105
|
class: "b-data-grid__loading-indicator",
|
|
4102
4106
|
large: ""
|
|
4103
4107
|
}),
|
|
4104
|
-
j(
|
|
4108
|
+
j(n(Ge), {
|
|
4105
4109
|
el: "span",
|
|
4106
4110
|
variant: "caption"
|
|
4107
4111
|
}, {
|
|
4108
4112
|
default: V(() => [
|
|
4109
|
-
re(q(
|
|
4113
|
+
re(q(n(ce)("gettingYourData")), 1)
|
|
4110
4114
|
]),
|
|
4111
4115
|
_: 1
|
|
4112
4116
|
})
|
|
@@ -4114,71 +4118,71 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
|
|
|
4114
4118
|
key: 1,
|
|
4115
4119
|
role: "rowgroup",
|
|
4116
4120
|
onKeydown: G[11] || (G[11] = //@ts-ignore
|
|
4117
|
-
(...Q) =>
|
|
4121
|
+
(...Q) => n(lt) && n(lt)(...Q))
|
|
4118
4122
|
}, [
|
|
4119
|
-
|
|
4123
|
+
n(z)?.length === 0 && e.emptyState ? (c(), E("div", $a, [
|
|
4120
4124
|
O("div", {
|
|
4121
4125
|
role: "gridcell",
|
|
4122
|
-
"aria-colspan":
|
|
4126
|
+
"aria-colspan": n(D).length,
|
|
4123
4127
|
tabindex: "-1"
|
|
4124
4128
|
}, [
|
|
4125
|
-
j(
|
|
4126
|
-
], 8,
|
|
4127
|
-
])) : (c(!0), E(fe, { key: 1 },
|
|
4129
|
+
j(n(Pl), ee({ class: "b-data-grid__empty-state" }, Qn.value), null, 16)
|
|
4130
|
+
], 8, ka)
|
|
4131
|
+
])) : (c(!0), E(fe, { key: 1 }, be(n(z), (Q, Ne) => (c(), W(n(In), {
|
|
4128
4132
|
key: Ne,
|
|
4129
4133
|
ref_for: !0,
|
|
4130
|
-
ref: (
|
|
4131
|
-
style: Le(
|
|
4134
|
+
ref: (De) => n(w)(De, Ne),
|
|
4135
|
+
style: Le(n(pe)),
|
|
4132
4136
|
"allow-row-clicks": e.allowRowClicks,
|
|
4133
|
-
"column-sets":
|
|
4137
|
+
"column-sets": n(Ve),
|
|
4134
4138
|
condensed: e.condensed,
|
|
4135
|
-
"dragging-columns":
|
|
4136
|
-
"dragging-events-for-row-cell":
|
|
4139
|
+
"dragging-columns": n(Dt),
|
|
4140
|
+
"dragging-events-for-row-cell": n(Un),
|
|
4137
4141
|
"get-data-item-id": e.getDataItemId,
|
|
4138
|
-
"has-nested-content":
|
|
4139
|
-
"has-nested-rows":
|
|
4140
|
-
"has-left-overflow":
|
|
4141
|
-
"has-right-overflow":
|
|
4142
|
+
"has-nested-content": n(u),
|
|
4143
|
+
"has-nested-rows": n(d),
|
|
4144
|
+
"has-left-overflow": n(st),
|
|
4145
|
+
"has-right-overflow": n(Pt),
|
|
4142
4146
|
"highlighted-rows": e.highlightedRows,
|
|
4143
4147
|
"hovered-row-index": Y.value,
|
|
4144
|
-
"hovered-over-column-state":
|
|
4148
|
+
"hovered-over-column-state": n(Nt),
|
|
4145
4149
|
"is-data-item-disabled": e.isDataItemDisabled,
|
|
4146
|
-
"is-row-even":
|
|
4147
|
-
"is-row-last-child": Ne + 1 ===
|
|
4148
|
-
"is-measuring-column-widths":
|
|
4149
|
-
"row-actions-maximum-width":
|
|
4150
|
+
"is-row-even": n(pt) ? Ne % 2 !== 0 : !1,
|
|
4151
|
+
"is-row-last-child": Ne + 1 === n(z)?.length,
|
|
4152
|
+
"is-measuring-column-widths": n(me),
|
|
4153
|
+
"row-actions-maximum-width": n(He),
|
|
4150
4154
|
"row-actions": e.rowActions,
|
|
4151
4155
|
"row-data": Q,
|
|
4152
4156
|
"row-index": Ne,
|
|
4153
|
-
"row-set-size":
|
|
4157
|
+
"row-set-size": n(z)?.length,
|
|
4154
4158
|
"show-frozen-columns-separator": $t.value,
|
|
4155
4159
|
"should-show-nested-content": e.shouldShowNestedContent,
|
|
4156
4160
|
"should-show-nested-rows": e.shouldShowNestedRows,
|
|
4157
|
-
selectable:
|
|
4158
|
-
"selected-items":
|
|
4161
|
+
selectable: n(b),
|
|
4162
|
+
"selected-items": n(bt),
|
|
4159
4163
|
onCellHovered: rl,
|
|
4160
|
-
onCellFocus: G[9] || (G[9] = (
|
|
4161
|
-
onNestedContentToggled: G[10] || (G[10] = (
|
|
4164
|
+
onCellFocus: G[9] || (G[9] = (De) => H(n(N).CELL_FOCUS, De)),
|
|
4165
|
+
onNestedContentToggled: G[10] || (G[10] = (De) => il(De)),
|
|
4162
4166
|
onRowClick: al,
|
|
4163
|
-
onOnFrozenColumnsKeyPress:
|
|
4164
|
-
onSelectRow:
|
|
4165
|
-
onSelectNestedRow:
|
|
4166
|
-
},
|
|
4167
|
-
|
|
4167
|
+
onOnFrozenColumnsKeyPress: n(Yn),
|
|
4168
|
+
onSelectRow: n(Vn),
|
|
4169
|
+
onSelectNestedRow: n(Gn)
|
|
4170
|
+
}, Ke({ _: 2 }, [
|
|
4171
|
+
be(n(r), (De, at) => ({
|
|
4168
4172
|
name: at,
|
|
4169
|
-
fn: V((
|
|
4170
|
-
Oe(U.$slots, at, ee({ ref_for: !0 },
|
|
4173
|
+
fn: V((Me) => [
|
|
4174
|
+
Oe(U.$slots, at, ee({ ref_for: !0 }, Me), void 0, !0)
|
|
4171
4175
|
])
|
|
4172
4176
|
}))
|
|
4173
4177
|
]), 1032, ["style", "allow-row-clicks", "column-sets", "condensed", "dragging-columns", "dragging-events-for-row-cell", "get-data-item-id", "has-nested-content", "has-nested-rows", "has-left-overflow", "has-right-overflow", "highlighted-rows", "hovered-row-index", "hovered-over-column-state", "is-data-item-disabled", "is-row-even", "is-row-last-child", "is-measuring-column-widths", "row-actions-maximum-width", "row-actions", "row-data", "row-index", "row-set-size", "show-frozen-columns-separator", "should-show-nested-content", "should-show-nested-rows", "selectable", "selected-items", "onOnFrozenColumnsKeyPress", "onSelectRow", "onSelectNestedRow"]))), 128))
|
|
4174
4178
|
], 32))
|
|
4175
4179
|
], 34)
|
|
4176
|
-
], 12,
|
|
4177
|
-
|
|
4180
|
+
], 12, za),
|
|
4181
|
+
n(je) ? (c(), W(n(Fs), {
|
|
4178
4182
|
key: 2,
|
|
4179
|
-
loading:
|
|
4180
|
-
"is-infinite-scroll":
|
|
4181
|
-
"onUpdate:showMore":
|
|
4183
|
+
loading: n(M),
|
|
4184
|
+
"is-infinite-scroll": n(jn),
|
|
4185
|
+
"onUpdate:showMore": n(Kn)
|
|
4182
4186
|
}, null, 8, ["loading", "is-infinite-scroll", "onUpdate:showMore"])) : F("", !0),
|
|
4183
4187
|
e.stickyHorizontalScrollbar ? (c(), E("div", {
|
|
4184
4188
|
key: 3,
|
|
@@ -4187,56 +4191,56 @@ const ya = /* @__PURE__ */ oe(Ra, [["render", Ea]]), Dn = {
|
|
|
4187
4191
|
class: "b-data-grid__horizontal-scrollbar",
|
|
4188
4192
|
"aria-hidden": "true",
|
|
4189
4193
|
"data-testid": "sticky-horizontal-scrollbar",
|
|
4190
|
-
style: Le(
|
|
4194
|
+
style: Le(n(Xn)),
|
|
4191
4195
|
onScroll: G[13] || (G[13] = //@ts-ignore
|
|
4192
|
-
(...Q) =>
|
|
4196
|
+
(...Q) => n(Ft) && n(Ft)(...Q))
|
|
4193
4197
|
}, [
|
|
4194
4198
|
O("div", {
|
|
4195
|
-
style: Le({ width: `${
|
|
4199
|
+
style: Le({ width: `${n(Ye)}px`, height: "15px" })
|
|
4196
4200
|
}, null, 4)
|
|
4197
4201
|
], 36)) : F("", !0),
|
|
4198
|
-
|
|
4202
|
+
n(K) && !n(je) ? (c(), E("div", {
|
|
4199
4203
|
key: 4,
|
|
4200
4204
|
ref_key: "paginationContainerRef",
|
|
4201
4205
|
ref: A,
|
|
4202
4206
|
"data-testid": "pagination-container",
|
|
4203
4207
|
class: ae(["b-data-grid__pagination", ol.value])
|
|
4204
4208
|
}, [
|
|
4205
|
-
j(
|
|
4209
|
+
j(n(Ml), ee(n(K), {
|
|
4206
4210
|
"aria-label": U.$t("pagination"),
|
|
4207
4211
|
"aria-controls": m.value,
|
|
4208
4212
|
onNavigate: fl,
|
|
4209
4213
|
onItemsPage: ml
|
|
4210
4214
|
}), {
|
|
4211
4215
|
default: V(() => [
|
|
4212
|
-
l
|
|
4216
|
+
n(l)("pagination-slot") ? Oe(U.$slots, "pagination-slot", { key: 0 }, void 0, !0) : F("", !0)
|
|
4213
4217
|
]),
|
|
4214
4218
|
_: 3
|
|
4215
4219
|
}, 16, ["aria-label", "aria-controls"])
|
|
4216
4220
|
], 2)) : F("", !0),
|
|
4217
|
-
U.$slots.footer ? (c(), E("div",
|
|
4221
|
+
U.$slots.footer ? (c(), E("div", Ua, [
|
|
4218
4222
|
Oe(U.$slots, "footer", {}, void 0, !0)
|
|
4219
4223
|
])) : F("", !0),
|
|
4220
|
-
ul.value ? (c(), W(
|
|
4224
|
+
ul.value ? (c(), W(n(Dl), {
|
|
4221
4225
|
key: 6,
|
|
4222
4226
|
actions: e.bulkActions,
|
|
4223
4227
|
"item-counter": kt.value,
|
|
4224
|
-
"extra-bottom-spacing":
|
|
4225
|
-
onClose:
|
|
4228
|
+
"extra-bottom-spacing": n(Z),
|
|
4229
|
+
onClose: n(zt)
|
|
4226
4230
|
}, null, 8, ["actions", "item-counter", "extra-bottom-spacing", "onClose"])) : F("", !0)
|
|
4227
|
-
], 42,
|
|
4231
|
+
], 42, Na));
|
|
4228
4232
|
}
|
|
4229
|
-
}),
|
|
4233
|
+
}), Bi = /* @__PURE__ */ oe(Wa, [["__scopeId", "data-v-8f3b88a5"]]);
|
|
4230
4234
|
export {
|
|
4231
4235
|
Rt as B,
|
|
4232
|
-
|
|
4233
|
-
|
|
4234
|
-
|
|
4235
|
-
|
|
4236
|
-
|
|
4236
|
+
Pi as a,
|
|
4237
|
+
$i as b,
|
|
4238
|
+
ki as c,
|
|
4239
|
+
Bi as d,
|
|
4240
|
+
Ui as e,
|
|
4237
4241
|
rt as f,
|
|
4238
4242
|
N as g,
|
|
4239
|
-
|
|
4243
|
+
Fe as h,
|
|
4240
4244
|
ye as i
|
|
4241
4245
|
};
|
|
4242
|
-
//# sourceMappingURL=data-grid.
|
|
4246
|
+
//# sourceMappingURL=data-grid._kCZlpR4.js.map
|