@adyen/bento-vue2 1.89.2 → 1.91.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.
Files changed (296) hide show
  1. package/dist/@types/components.d.ts +4 -0
  2. package/dist/@types/index.d.ts +381 -118
  3. package/dist/accordion.js +1 -1
  4. package/dist/action-bar.js +1 -1
  5. package/dist/ai-tag.js +1 -1
  6. package/dist/alert.js +1 -1
  7. package/dist/anchor-scroller.js +1 -1
  8. package/dist/assets/accordion-item.css +1 -1
  9. package/dist/assets/action-bar.css +1 -1
  10. package/dist/assets/base-modal.css +1 -1
  11. package/dist/assets/button-actions.css +1 -1
  12. package/dist/assets/card.css +1 -1
  13. package/dist/assets/data-grid.css +1 -1
  14. package/dist/assets/date-picker.css +1 -1
  15. package/dist/assets/date-range-picker.css +1 -1
  16. package/dist/assets/dialog-page.css +1 -1
  17. package/dist/assets/draggable-handle.css +1 -1
  18. package/dist/assets/dropdown.css +1 -1
  19. package/dist/assets/error-message.css +1 -1
  20. package/dist/assets/field-label.css +1 -0
  21. package/dist/assets/file-uploader.css +1 -1
  22. package/dist/assets/filter-bar.css +1 -1
  23. package/dist/assets/form-layout-title.css +1 -1
  24. package/dist/assets/input-field.css +1 -1
  25. package/dist/assets/input-time.css +1 -0
  26. package/dist/assets/inspector.css +1 -1
  27. package/dist/assets/modal-fullscreen.css +1 -1
  28. package/dist/assets/secondary-nav.css +1 -1
  29. package/dist/assets/sidepanel.css +1 -1
  30. package/dist/assets/use-cached-selected-values.css +1 -1
  31. package/dist/button.js +3 -3
  32. package/dist/card.js +1 -1
  33. package/dist/checkbox.js +2 -2
  34. package/dist/chip.js +1 -1
  35. package/dist/chunks/accordion-item.D0WVCLec.js +145 -0
  36. package/dist/chunks/{accordion-item.BZDSJamR.js.map → accordion-item.D0WVCLec.js.map} +1 -1
  37. package/dist/chunks/action-bar.Dj830k6L.js +334 -0
  38. package/dist/chunks/{action-bar.CYGUYI0V.js.map → action-bar.Dj830k6L.js.map} +1 -1
  39. package/dist/chunks/{ai-button.CR_ePQRR.js → ai-button.7L9bANlk.js} +2 -2
  40. package/dist/chunks/{ai-button.CR_ePQRR.js.map → ai-button.7L9bANlk.js.map} +1 -1
  41. package/dist/chunks/ai-tag.AyG2UWCB.js +110 -0
  42. package/dist/chunks/{ai-tag.Cjf38mjR.js.map → ai-tag.AyG2UWCB.js.map} +1 -1
  43. package/dist/chunks/alert.CXRb-Smf.js +160 -0
  44. package/dist/chunks/{alert.QVQ6Zjbm.js.map → alert.CXRb-Smf.js.map} +1 -1
  45. package/dist/chunks/{anchor-scroller.CjJ26PJS.js → anchor-scroller.DWaykZQj.js} +66 -39
  46. package/dist/chunks/{anchor-scroller.CjJ26PJS.js.map → anchor-scroller.DWaykZQj.js.map} +1 -1
  47. package/dist/chunks/{base-modal.DmWkavtf.js → base-modal.C52VMtnd.js} +104 -67
  48. package/dist/chunks/{base-modal.DmWkavtf.js.map → base-modal.C52VMtnd.js.map} +1 -1
  49. package/dist/chunks/{button-actions-with-menu.Bi_HXopk.js → button-actions-with-menu.OsPQ-POD.js} +2 -2
  50. package/dist/chunks/{button-actions-with-menu.Bi_HXopk.js.map → button-actions-with-menu.OsPQ-POD.js.map} +1 -1
  51. package/dist/chunks/{button-actions.BLk114As.js → button-actions.Bdbu0bvt.js} +222 -148
  52. package/dist/chunks/{button-actions.BLk114As.js.map → button-actions.Bdbu0bvt.js.map} +1 -1
  53. package/dist/chunks/{button.DxhJNOtr.js → button.C9b2AC9w.js} +2 -2
  54. package/dist/chunks/{button.DxhJNOtr.js.map → button.C9b2AC9w.js.map} +1 -1
  55. package/dist/chunks/{calendar.CXKhBF2f.js → calendar.CqsfThnC.js} +438 -346
  56. package/dist/chunks/calendar.CqsfThnC.js.map +1 -0
  57. package/dist/chunks/card.8z7UQeVK.js +165 -0
  58. package/dist/chunks/{card.GjhsXOT0.js.map → card.8z7UQeVK.js.map} +1 -1
  59. package/dist/chunks/{checkbox-group.B2BjU3ZN.js → checkbox-group.Dur2Edtw.js} +4 -4
  60. package/dist/chunks/{checkbox-group.B2BjU3ZN.js.map → checkbox-group.Dur2Edtw.js.map} +1 -1
  61. package/dist/chunks/{checkbox.CIv8WgGp.js → checkbox.vNjt6QDJ.js} +93 -56
  62. package/dist/chunks/{checkbox.CIv8WgGp.js.map → checkbox.vNjt6QDJ.js.map} +1 -1
  63. package/dist/chunks/chip.BFY_-VCz.js +84 -0
  64. package/dist/chunks/{chip.DTpENaGC.js.map → chip.BFY_-VCz.js.map} +1 -1
  65. package/dist/chunks/{click-outside.CDz_x8mN.js → click-outside.BG01Sm0A.js} +2 -2
  66. package/dist/chunks/{click-outside.CDz_x8mN.js.map → click-outside.BG01Sm0A.js.map} +1 -1
  67. package/dist/chunks/{code-snippet.YIm2oO_o.js → code-snippet.BVpFBhKq.js} +133 -76
  68. package/dist/chunks/{code-snippet.YIm2oO_o.js.map → code-snippet.BVpFBhKq.js.map} +1 -1
  69. package/dist/chunks/{controls-group.CqotnNEF.js → controls-group.DSm2Ujwt.js} +2 -2
  70. package/dist/chunks/{controls-group.CqotnNEF.js.map → controls-group.DSm2Ujwt.js.map} +1 -1
  71. package/dist/chunks/copy.qqGYFbKJ.js +133 -0
  72. package/dist/chunks/{copy.BVGQcf22.js.map → copy.qqGYFbKJ.js.map} +1 -1
  73. package/dist/chunks/{country.D20NCLLG.js → country.BEwW8TQo.js} +3 -3
  74. package/dist/chunks/{country.D20NCLLG.js.map → country.BEwW8TQo.js.map} +1 -1
  75. package/dist/chunks/country.types.jjXwaoMl.js +2537 -0
  76. package/dist/chunks/country.types.jjXwaoMl.js.map +1 -0
  77. package/dist/chunks/{dashboard-section.BubZyu8i.js → dashboard-section.DNxNVV44.js} +3 -3
  78. package/dist/chunks/{dashboard-section.BubZyu8i.js.map → dashboard-section.DNxNVV44.js.map} +1 -1
  79. package/dist/chunks/{dashed-underline.pjYTS0m1.js → dashed-underline.DL2_sik5.js} +3 -3
  80. package/dist/chunks/{dashed-underline.pjYTS0m1.js.map → dashed-underline.DL2_sik5.js.map} +1 -1
  81. package/dist/chunks/{data-grid-template.D8RhngPj.js → data-grid-template.BFv1zr6g.js} +4 -4
  82. package/dist/chunks/{data-grid-template.D8RhngPj.js.map → data-grid-template.BFv1zr6g.js.map} +1 -1
  83. package/dist/chunks/data-grid.ZHY5EzP3.js +4071 -0
  84. package/dist/chunks/data-grid.ZHY5EzP3.js.map +1 -0
  85. package/dist/chunks/date-picker.kl6aFlr1.js +237 -0
  86. package/dist/chunks/date-picker.kl6aFlr1.js.map +1 -0
  87. package/dist/chunks/date-range-picker.LCWVAa5R.js +1089 -0
  88. package/dist/chunks/date-range-picker.LCWVAa5R.js.map +1 -0
  89. package/dist/chunks/dialog-page.EdejG53a.js +143 -0
  90. package/dist/chunks/{dialog-page.oyG153fC.js.map → dialog-page.EdejG53a.js.map} +1 -1
  91. package/dist/chunks/{directive.rXUeDb8p.js → directive.Bfr4fuOy.js} +2 -2
  92. package/dist/chunks/{directive.rXUeDb8p.js.map → directive.Bfr4fuOy.js.map} +1 -1
  93. package/dist/chunks/draggable-handle.Ba28eM8o.js +245 -0
  94. package/dist/chunks/draggable-handle.Ba28eM8o.js.map +1 -0
  95. package/dist/chunks/{dropdown-tag.BRB-emd1.js → dropdown-tag.B61hPq5n.js} +5 -5
  96. package/dist/chunks/{dropdown-tag.BRB-emd1.js.map → dropdown-tag.B61hPq5n.js.map} +1 -1
  97. package/dist/chunks/dropdown.Ca-f8tdX.js +1140 -0
  98. package/dist/chunks/dropdown.Ca-f8tdX.js.map +1 -0
  99. package/dist/chunks/{empty-state.D_Ac-XXH.js → empty-state.DMV23IZy.js} +2 -2
  100. package/dist/chunks/{empty-state.D_Ac-XXH.js.map → empty-state.DMV23IZy.js.map} +1 -1
  101. package/dist/chunks/error-message.CyERcfdt.js +72 -0
  102. package/dist/chunks/error-message.CyERcfdt.js.map +1 -0
  103. package/dist/chunks/field-label.DjjjkcO6.js +97 -0
  104. package/dist/chunks/field-label.DjjjkcO6.js.map +1 -0
  105. package/dist/chunks/{file-uploader.D5Rjsx4k.js → file-uploader.DeWmLpfp.js} +751 -469
  106. package/dist/chunks/{file-uploader.D5Rjsx4k.js.map → file-uploader.DeWmLpfp.js.map} +1 -1
  107. package/dist/chunks/{filter-bar.zD_ctViU.js → filter-bar.Bd4ghW_B.js} +1596 -1039
  108. package/dist/chunks/filter-bar.Bd4ghW_B.js.map +1 -0
  109. package/dist/chunks/fixed-scroller.DR2E_No4.js +148 -0
  110. package/dist/chunks/{fixed-scroller.MerESbd_.js.map → fixed-scroller.DR2E_No4.js.map} +1 -1
  111. package/dist/chunks/{footer-actions.CiPj7hZG.js → footer-actions.CvUaoMzj.js} +3 -3
  112. package/dist/chunks/{footer-actions.CiPj7hZG.js.map → footer-actions.CvUaoMzj.js.map} +1 -1
  113. package/dist/chunks/form-layout-title.DzGajv4U.js +248 -0
  114. package/dist/chunks/form-layout-title.DzGajv4U.js.map +1 -0
  115. package/dist/chunks/{header-meta.Dq6TlNPw.js → header-meta.AXUGoqDd.js} +127 -73
  116. package/dist/chunks/{header-meta.Dq6TlNPw.js.map → header-meta.AXUGoqDd.js.map} +1 -1
  117. package/dist/chunks/{header-with-views.DaEhkSS8.js → header-with-views.Ba4dswJF.js} +1121 -680
  118. package/dist/chunks/{header-with-views.DaEhkSS8.js.map → header-with-views.Ba4dswJF.js.map} +1 -1
  119. package/dist/chunks/{header.DkC-KKWa.js → header.C7B7RBib.js} +3 -3
  120. package/dist/chunks/{header.DkC-KKWa.js.map → header.C7B7RBib.js.map} +1 -1
  121. package/dist/chunks/{info-icon.BF8KxU-k.js → info-icon.DCR42Kvm.js} +2 -2
  122. package/dist/chunks/{info-icon.BF8KxU-k.js.map → info-icon.DCR42Kvm.js.map} +1 -1
  123. package/dist/chunks/input-field-password.BNAtIn_D.js +381 -0
  124. package/dist/chunks/{input-field-password.BKT1mYUw.js.map → input-field-password.BNAtIn_D.js.map} +1 -1
  125. package/dist/chunks/{input-field-phone-number.BjRKjQOQ.js → input-field-phone-number.CEYx1s4b.js} +98 -71
  126. package/dist/chunks/{input-field-phone-number.BjRKjQOQ.js.map → input-field-phone-number.CEYx1s4b.js.map} +1 -1
  127. package/dist/chunks/input-field.Dh5W0Az-.js +211 -0
  128. package/dist/chunks/input-field.Dh5W0Az-.js.map +1 -0
  129. package/dist/chunks/input-time.BLuMfakv.js +135 -0
  130. package/dist/chunks/input-time.BLuMfakv.js.map +1 -0
  131. package/dist/chunks/inspector.BzBPlz-5.js +172 -0
  132. package/dist/chunks/{inspector.Bnm0hl_D.js.map → inspector.BzBPlz-5.js.map} +1 -1
  133. package/dist/chunks/{link.MhoM3zQj.js → link.DB5g6d48.js} +56 -29
  134. package/dist/chunks/{link.MhoM3zQj.js.map → link.DB5g6d48.js.map} +1 -1
  135. package/dist/chunks/{list-item.BnzU1LIu.js → list-item.DqTHh8-Z.js} +2 -2
  136. package/dist/chunks/{list-item.BnzU1LIu.js.map → list-item.DqTHh8-Z.js.map} +1 -1
  137. package/dist/chunks/{listbox-option-tag.BhPVuAjJ.js → listbox-option-tag.CvbE-EuG.js} +2 -2
  138. package/dist/chunks/{listbox-option-tag.BhPVuAjJ.js.map → listbox-option-tag.CvbE-EuG.js.map} +1 -1
  139. package/dist/chunks/{modal-fullscreen.CXOq6_Cv.js → modal-fullscreen.DTvg2NLk.js} +63 -36
  140. package/dist/chunks/{modal-fullscreen.CXOq6_Cv.js.map → modal-fullscreen.DTvg2NLk.js.map} +1 -1
  141. package/dist/chunks/{modal.o0KddMiG.js → modal.D_TcWTkf.js} +63 -36
  142. package/dist/chunks/{modal.o0KddMiG.js.map → modal.D_TcWTkf.js.map} +1 -1
  143. package/dist/chunks/on-click-outside.Cy1eFULD.js +109 -0
  144. package/dist/chunks/on-click-outside.Cy1eFULD.js.map +1 -0
  145. package/dist/chunks/{pagination.ZISqB4M_.js → pagination.D6BxMw5L.js} +221 -99
  146. package/dist/chunks/{pagination.ZISqB4M_.js.map → pagination.D6BxMw5L.js.map} +1 -1
  147. package/dist/chunks/promo-banner.Dc_kK1x9.js +91 -0
  148. package/dist/chunks/{promo-banner.Db2kh2qK.js.map → promo-banner.Dc_kK1x9.js.map} +1 -1
  149. package/dist/chunks/{radio-group.DnMy7brs.js → radio-group.Bb-L-0io.js} +4 -4
  150. package/dist/chunks/{radio-group.DnMy7brs.js.map → radio-group.Bb-L-0io.js.map} +1 -1
  151. package/dist/chunks/{rich-text-editor.Cbv1DxXn.js → rich-text-editor.Dtdfh-0V.js} +1782 -1731
  152. package/dist/chunks/{rich-text-editor.Cbv1DxXn.js.map → rich-text-editor.Dtdfh-0V.js.map} +1 -1
  153. package/dist/chunks/search-bar.MVJS9-Mh.js +126 -0
  154. package/dist/chunks/{search-bar.DPjYDhja.js.map → search-bar.MVJS9-Mh.js.map} +1 -1
  155. package/dist/chunks/secondary-nav.C-nPZR-2.js +226 -0
  156. package/dist/chunks/secondary-nav.C-nPZR-2.js.map +1 -0
  157. package/dist/chunks/{segmented-control.BqIiX9hv.js → segmented-control.DDtjX-V5.js} +2 -2
  158. package/dist/chunks/{segmented-control.BqIiX9hv.js.map → segmented-control.DDtjX-V5.js.map} +1 -1
  159. package/dist/chunks/{selection-card-group.IPiouuot.js → selection-card-group.CLJPaknG.js} +3 -3
  160. package/dist/chunks/{selection-card-group.IPiouuot.js.map → selection-card-group.CLJPaknG.js.map} +1 -1
  161. package/dist/chunks/{sidepanel.BGMjjB3F.js → sidepanel.BTRfwGiS.js} +66 -39
  162. package/dist/chunks/{sidepanel.BGMjjB3F.js.map → sidepanel.BTRfwGiS.js.map} +1 -1
  163. package/dist/chunks/{step.QFER3tSj.js → step.TDm_ts1S.js} +92 -63
  164. package/dist/chunks/{step.QFER3tSj.js.map → step.TDm_ts1S.js.map} +1 -1
  165. package/dist/chunks/{structured-list-item.BDJKRC_8.js → structured-list-item.BBBtie1s.js} +58 -31
  166. package/dist/chunks/{structured-list-item.BDJKRC_8.js.map → structured-list-item.BBBtie1s.js.map} +1 -1
  167. package/dist/chunks/{summary-grid.types.CIkArZf5.js → summary-grid.types.DUIqCmwg.js} +5 -5
  168. package/dist/chunks/{summary-grid.types.CIkArZf5.js.map → summary-grid.types.DUIqCmwg.js.map} +1 -1
  169. package/dist/chunks/{tab.CaXF0dho.js → tab.CNIZyfZt.js} +2 -2
  170. package/dist/chunks/{tab.CaXF0dho.js.map → tab.CNIZyfZt.js.map} +1 -1
  171. package/dist/chunks/{tag.CocLKztJ.js → tag.D2xagTJv.js} +2 -2
  172. package/dist/chunks/{tag.CocLKztJ.js.map → tag.D2xagTJv.js.map} +1 -1
  173. package/dist/chunks/textarea.CJS-1I41.js +219 -0
  174. package/dist/chunks/{textarea.D4X6Ss9q.js.map → textarea.CJS-1I41.js.map} +1 -1
  175. package/dist/chunks/timeline-item.BOUWkLi1.js +322 -0
  176. package/dist/chunks/{timeline-item.C8BxWdy1.js.map → timeline-item.BOUWkLi1.js.map} +1 -1
  177. package/dist/chunks/{toast.BRI3G7TL.js → toast.d8vg71CB.js} +81 -54
  178. package/dist/chunks/{toast.BRI3G7TL.js.map → toast.d8vg71CB.js.map} +1 -1
  179. package/dist/chunks/{tooltip.CbsNGnhw.js → tooltip.BxtnF3is.js} +38 -36
  180. package/dist/chunks/tooltip.BxtnF3is.js.map +1 -0
  181. package/dist/chunks/{tutorial.BzV6bHQJ.js → tutorial.CZt_mcuT.js} +190 -103
  182. package/dist/chunks/{tutorial.BzV6bHQJ.js.map → tutorial.CZt_mcuT.js.map} +1 -1
  183. package/dist/chunks/{use-cached-selected-values.DqX2qsMC.js → use-cached-selected-values.BJbWbkEQ.js} +553 -417
  184. package/dist/chunks/use-cached-selected-values.BJbWbkEQ.js.map +1 -0
  185. package/dist/chunks/{use-country-items.CI8C7MLU.js → use-country-items.B4j8pAvW.js} +3 -3
  186. package/dist/chunks/{use-country-items.CI8C7MLU.js.map → use-country-items.B4j8pAvW.js.map} +1 -1
  187. package/dist/chunks/use-country-phon-code.ByqnuIni.js +6386 -0
  188. package/dist/chunks/use-country-phon-code.ByqnuIni.js.map +1 -0
  189. package/dist/chunks/{use-date-input-formatter.BYaTO3vz.js → use-date-input-formatter.Djf8AoLr.js} +2 -2
  190. package/dist/chunks/{use-date-input-formatter.BYaTO3vz.js.map → use-date-input-formatter.Djf8AoLr.js.map} +1 -1
  191. package/dist/chunks/use-touch-device.DTqFAbXh.js +11 -0
  192. package/dist/chunks/use-touch-device.DTqFAbXh.js.map +1 -0
  193. package/dist/click-outside.js +1 -1
  194. package/dist/code-snippet.js +1 -1
  195. package/dist/country.js +3 -3
  196. package/dist/dashboard-template.js +1 -1
  197. package/dist/dashed-underline.js +1 -1
  198. package/dist/data-grid-template.js +1 -1
  199. package/dist/data-grid.js +1 -1
  200. package/dist/date-picker.js +2 -2
  201. package/dist/date-range-picker.js +2 -2
  202. package/dist/draggable.js +1396 -0
  203. package/dist/draggable.js.map +1 -0
  204. package/dist/dropdown.js +11 -12
  205. package/dist/dropdown.js.map +1 -1
  206. package/dist/empty-state.js +1 -1
  207. package/dist/file-uploader.js +1 -1
  208. package/dist/filter-bar.js +1 -1
  209. package/dist/form-layout.js +1 -1
  210. package/dist/header-with-views.js +1 -1
  211. package/dist/header.js +1 -1
  212. package/dist/index.js +280 -275
  213. package/dist/index.js.map +1 -1
  214. package/dist/info-icon.js +1 -1
  215. package/dist/input-field-password.js +1 -1
  216. package/dist/input-field-phone-number.js +1 -1
  217. package/dist/input-field.js +1 -1
  218. package/dist/input-time.js +5 -0
  219. package/dist/input-time.js.map +1 -0
  220. package/dist/inspector.js +1 -1
  221. package/dist/internal.js +26 -25
  222. package/dist/internal.js.map +1 -1
  223. package/dist/link.js +1 -1
  224. package/dist/list.js +1 -1
  225. package/dist/menu.js +1 -1
  226. package/dist/modal-fullscreen.js +1 -1
  227. package/dist/modal.js +2 -2
  228. package/dist/pagination.js +1 -1
  229. package/dist/popover.js +1 -1
  230. package/dist/promo-banner.js +1 -1
  231. package/dist/radio-group.js +1 -1
  232. package/dist/rich-text-editor.js +1 -1
  233. package/dist/search-bar.js +2 -2
  234. package/dist/secondary-nav.js +1 -1
  235. package/dist/segmented-control.js +1 -1
  236. package/dist/selection-card.js +1 -1
  237. package/dist/sidepanel.js +1 -1
  238. package/dist/stepper.js +1 -1
  239. package/dist/structured-list.js +1 -1
  240. package/dist/summary-grid.js +1 -1
  241. package/dist/tabs.js +1 -1
  242. package/dist/tag.js +1 -1
  243. package/dist/textarea.js +1 -1
  244. package/dist/timeline.js +1 -1
  245. package/dist/toast.js +1 -1
  246. package/dist/tutorial.js +1 -1
  247. package/dist/web-types.json +297 -4
  248. package/package.json +10 -15
  249. package/dist/assets/dropdown-default-textbox.css +0 -1
  250. package/dist/chunks/accordion-item.BZDSJamR.js +0 -108
  251. package/dist/chunks/action-bar.CYGUYI0V.js +0 -207
  252. package/dist/chunks/ai-tag.Cjf38mjR.js +0 -73
  253. package/dist/chunks/alert.QVQ6Zjbm.js +0 -93
  254. package/dist/chunks/calendar.CXKhBF2f.js.map +0 -1
  255. package/dist/chunks/card.GjhsXOT0.js +0 -128
  256. package/dist/chunks/chip.DTpENaGC.js +0 -57
  257. package/dist/chunks/copy.BVGQcf22.js +0 -86
  258. package/dist/chunks/country.types.DxKjyd0S.js +0 -20
  259. package/dist/chunks/country.types.DxKjyd0S.js.map +0 -1
  260. package/dist/chunks/data-grid.DJG8Ty0A.js +0 -3194
  261. package/dist/chunks/data-grid.DJG8Ty0A.js.map +0 -1
  262. package/dist/chunks/date-picker.CnazYcSX.js +0 -155
  263. package/dist/chunks/date-picker.CnazYcSX.js.map +0 -1
  264. package/dist/chunks/date-range-picker.Bf9pRNL7.js +0 -811
  265. package/dist/chunks/date-range-picker.Bf9pRNL7.js.map +0 -1
  266. package/dist/chunks/debounce.DUTu11PS.js +0 -10
  267. package/dist/chunks/debounce.DUTu11PS.js.map +0 -1
  268. package/dist/chunks/dialog-page.oyG153fC.js +0 -116
  269. package/dist/chunks/dropdown-default-textbox.Dvzg0StF.js +0 -337
  270. package/dist/chunks/dropdown-default-textbox.Dvzg0StF.js.map +0 -1
  271. package/dist/chunks/dropdown.Ct7uhPr6.js +0 -696
  272. package/dist/chunks/dropdown.Ct7uhPr6.js.map +0 -1
  273. package/dist/chunks/error-message.RxdStT3S.js +0 -106
  274. package/dist/chunks/error-message.RxdStT3S.js.map +0 -1
  275. package/dist/chunks/filter-bar.zD_ctViU.js.map +0 -1
  276. package/dist/chunks/fixed-scroller.MerESbd_.js +0 -111
  277. package/dist/chunks/form-layout-title.Bw7VgOO5.js +0 -210
  278. package/dist/chunks/form-layout-title.Bw7VgOO5.js.map +0 -1
  279. package/dist/chunks/input-field-password.BKT1mYUw.js +0 -234
  280. package/dist/chunks/input-field.m1PMwa4C.js +0 -170
  281. package/dist/chunks/input-field.m1PMwa4C.js.map +0 -1
  282. package/dist/chunks/inspector.Bnm0hl_D.js +0 -105
  283. package/dist/chunks/on-click-outside.BW4rkhzG.js +0 -91
  284. package/dist/chunks/on-click-outside.BW4rkhzG.js.map +0 -1
  285. package/dist/chunks/promo-banner.Db2kh2qK.js +0 -64
  286. package/dist/chunks/search-bar.DPjYDhja.js +0 -89
  287. package/dist/chunks/secondary-nav.CwJjkJkj.js +0 -112
  288. package/dist/chunks/secondary-nav.CwJjkJkj.js.map +0 -1
  289. package/dist/chunks/textarea.D4X6Ss9q.js +0 -169
  290. package/dist/chunks/timeline-item.C8BxWdy1.js +0 -238
  291. package/dist/chunks/tooltip.CbsNGnhw.js.map +0 -1
  292. package/dist/chunks/use-cached-selected-values.DqX2qsMC.js.map +0 -1
  293. package/dist/chunks/use-country-phon-code.C6orQNnM.js +0 -291
  294. package/dist/chunks/use-country-phon-code.C6orQNnM.js.map +0 -1
  295. package/dist/draggable-handle.js +0 -149
  296. package/dist/draggable-handle.js.map +0 -1
@@ -1,3194 +0,0 @@
1
- import { ref as p, onMounted as Ee, nextTick as ae, watch as ie, onUnmounted as Tt, reactive as ze, toRefs as ke, computed as v, watchEffect as $n, onBeforeUpdate as zn, defineComponent as de, inject as _e, toRef as Ue, useSlots as We, provide as Ne } from "vue";
2
- import { C as kn } from "./checkmark-circle-fill.BttTCjrM.js";
3
- import { W as Wn } from "./warning-filled.CbJ1pcB2.js";
4
- /* empty css */
5
- import { n as q } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
6
- import { C as Ot } from "./cross.CC_B-vG-.js";
7
- import { N as at } from "./minus-small.DJacLGTw.js";
8
- import { b as Gn } from "./popper-container.C_n9Ds1W.js";
9
- import { E as ce, b as Nt, B as Hn, T as Vn } from "./tooltip.CbsNGnhw.js";
10
- import { B as Zn } from "./dashed-underline.pjYTS0m1.js";
11
- import { B as Se, p as It } from "./typography.C8lPlsbD.js";
12
- import { u as he } from "./index.B6WW_F-J.js";
13
- import { B as jn } from "./tag.CocLKztJ.js";
14
- import { B as qn } from "./action-bar.CYGUYI0V.js";
15
- import { B as Yn } from "./pagination.ZISqB4M_.js";
16
- import { B as Ge } from "./loading-indicator.PxbRzshH.js";
17
- import { u as He } from "./use-has-slot.C9lQZ6nz.js";
18
- import { g as De } from "./generate-uid.NJ8tVoha.js";
19
- import { a as Jn } from "./filter-bar.zD_ctViU.js";
20
- import { B as Kn } from "./empty-state.D_Ac-XXH.js";
21
- import { E as Xn } from "./tabs.keys.B4qGhjp2.js";
22
- import { D as Qn } from "./data-grid-template.keys.VezYtHtM.js";
23
- import { b as es } from "./index.CwzYJHw2.js";
24
- import { o as Ve } from "./resize.Bqks3WUm.js";
25
- import "./index.Cl4_42j5.js";
26
- import { b as Dt } from "./focus-trap.DRqjHzt6.js";
27
- import { B as xt } from "./checkbox.CIv8WgGp.js";
28
- import { B as Ft } from "./button.DxhJNOtr.js";
29
- import { c as Ze, f as Bt, h as ts, b as ns, a as ss, O as it, D as os } from "./button-actions.BLk114As.js";
30
- import { E as rt } from "./link.MhoM3zQj.js";
31
- import { C as ct } from "./copy.BVGQcf22.js";
32
- import { C as ls } from "./chevron-down.eYtgv5ly.js";
33
- import { C as as } from "./chevron-up.d8cwIlA_.js";
34
- import { u as is } from "./use-expandable-content-height.GkjjbmPy.js";
35
- import { B as rs } from "./info-icon.BF8KxU-k.js";
36
- import { D as cs } from "./use-cached-selected-values.DqX2qsMC.js";
37
- import { B as dt } from "./popover.types.hA13DZPg.js";
38
- import { A as ds } from "./arrow-left.CRREfabP.js";
39
- import { A as us } from "./arrow-right.Dn3AYpUP.js";
40
- import { H as fs, S as gs } from "./show.B_mKPF6I.js";
41
- import { l as ut } from "./events.BQOQSSb7.js";
42
- import { B as Pt } from "./toggle.B1z1YPe_.js";
43
- import { B as _s } from "./search-bar.DPjYDhja.js";
44
- import { u as vs } from "./dropdown.Ct7uhPr6.js";
45
- import { S as ms } from "./search.D53Ia3rC.js";
46
- import { B as Cs } from "./directive.rXUeDb8p.js";
47
- import "../assets/data-grid.css";
48
- const ft = (s) => {
49
- if (!s)
50
- return 0;
51
- const t = window.getComputedStyle(s);
52
- let n = s.offsetHeight;
53
- const e = window.getComputedStyle(s, "::after");
54
- if (e.content !== "none" && e.position === "absolute") {
55
- const l = parseFloat(e.height), a = parseFloat(e.bottom);
56
- !isNaN(l) && !isNaN(a) && a < 0 && a + l <= 0 && (n += l);
57
- }
58
- const o = parseFloat(t.top);
59
- return !isNaN(o) && o < 0 && (n += o), n;
60
- }, gt = (s, t, n = p(!1), e = null) => {
61
- const o = p(0);
62
- let l = null, a = null;
63
- const i = () => {
64
- const _ = t.value ? ft(s.value) : 0, d = n.value && e ? ft(e.value) : 0;
65
- o.value = _ + d;
66
- };
67
- return Ee(() => {
68
- ae(() => {
69
- const _ = ie(
70
- s,
71
- () => {
72
- s != null && s.value && (ae(() => _()), l = Ve(s.value, i), a = new MutationObserver(i), a.observe(s.value, { attributes: !0, attributeFilter: ["class"] }));
73
- },
74
- { immediate: !0 }
75
- );
76
- ie(
77
- [t, n],
78
- () => {
79
- i();
80
- },
81
- { immediate: !0 }
82
- );
83
- });
84
- }), Tt(() => {
85
- l == null || l.disconnect(), a == null || a.disconnect();
86
- }), o;
87
- };
88
- var $e = /* @__PURE__ */ ((s) => (s.WRAP = "wrap", s.ELLIPSIS = "ellipsis", s))($e || {}), j = /* @__PURE__ */ ((s) => (s.COLUMN_RESIZE = "column-resize", s.COLUMN_RESIZING = "column-resizing", s.SELECT_ALL_ROWS = "select-all-rows", s.SELECT_ALL_ACROSS_PAGES = "select-all-across-pages", s.SELECT_ALL_CURRENT_RESULTS = "select-all-current-results", s.DESELECT_ALL = "deselect-all", s.DESELECT_ALL_CURRENT_RESULTS = "deselect-all-current-results", s.COLUMN_MOVE = "column-move", s.COLUMN_UPDATE = "column-update", s.COLUMN_MENU_OPEN = "column-menu-open", s.COLUMN_MENU_CLOSE = "column-menu-close", s.COLUMN_HOVER = "column-hover", s.COLUMN_DRAG_START = "column-dragstart", s.COLUMN_DRAG_ENTER = "column-dragenter", s.COLUMN_DRAG_END = "column-dragend", s.COLUMN_DROP = "column-drop", s))(j || {}), ge = /* @__PURE__ */ ((s) => (s.OUTLINE = "outline", s.SCROLL = "scroll", s.STICKY_FILTERS = "sticky-filters", s.OVERFLOW_SHADOW_LEFT = "overflow-shadow-left", s.OVERFLOW_SHADOW_RIGHT = "overflow-shadow-right", s.NO_SPACING_TOP = "no-spacing-top", s.FIT_CONTENT = "fit-content", s.ZEBRA_ROWS = "zebra-rows", s))(ge || {}), be = /* @__PURE__ */ ((s) => (s.ASCENDING = "asc", s.DESCENDING = "desc", s))(be || {}), N = /* @__PURE__ */ ((s) => (s.CELL_FOCUS = "cell-focus", s.COLUMNS = "columns", s.COLUMN_RESIZE = "column-resize", s.ITEMS_PAGE = "items-page", s.NAVIGATE = "navigate", s.NESTED_CONTENT_TOGGLED = "nested-content-toggled", s.FILTER_SEARCH_INPUT = "filter-search-input", s.FILTER_SEARCH_CLEAR = "filter-search-clear", s.UPDATE_COLUMNS = "update:columns", s.UPDATE_CONDENSED = "update:condensed", s.UPDATE_FILTERS = "update:filters", s.UPDATE_FILTER_VALUES = "update:filter-values", s.UPDATE_FILTER_VALUES_OBJECT = "update:filter-values-object", s.UPDATE_FILTER_SEARCH_TERM = "update:filter-search-term", s.UPDATE_PAGINATION = "update:pagination", s.UPDATE_SELECTION = "update:selection", s.UPDATE_SHOW_MORE = "update:show-more", s.UPDATE_SORT_BY = "update:sort-by", s.UPDATE_ZEBRA_ROWS = "update:zebra-rows", s.ROW_CLICK = "row-click", s.SELECT = "select", s.SELECT_ALL_ACROSS_PAGES = "select-all-across-pages", s.SELECT_ALL_CURRENT_RESULTS = "select-all-current-results", s.DESELECT_ALL_CURRENT_RESULTS = "deselect-all-current-results", s.SORT = "sort", s))(N || {}), Ie = /* @__PURE__ */ ((s) => (s.ASCENDING = "ascending", s.DESCENDING = "descending", s.NONE = "none", s))(Ie || {});
89
- const hs = (s, t) => {
90
- const n = p(null), e = p(!1), o = p(void 0), l = s.value.reduce((L, F) => (L[F.field] = null, L), {}), a = ze(l), i = ke(a);
91
- let _ = 0, d = "";
92
- const C = v(
93
- () => Object.fromEntries(s.value.map(({ field: L, width: F, minWidth: E }) => [L, { width: F, minWidth: E }]))
94
- );
95
- $n(() => o.value = C.value);
96
- let m = null, S = null;
97
- const b = (L) => {
98
- const F = L.clientX - _, E = d, u = o.value[E].width + F;
99
- o.value[E].width = u > C.value[E].minWidth ? u : C.value[E].minWidth, t(j.COLUMN_RESIZING, o.value), _ = L.clientX;
100
- }, f = () => {
101
- e.value = !1, m == null || m(), S == null || S(), d && t(j.COLUMN_RESIZE, {
102
- field: d,
103
- width: o.value[d].width
104
- }), m = null, S = null, d = "", _ = null;
105
- }, A = (L, F, E) => {
106
- if (E.preventDefault(), L) {
107
- if (e.value = !0, E.buttons !== 1) {
108
- f();
109
- return;
110
- }
111
- d = F, _ = E.clientX, m = ut(window, "mousemove", b), S = ut(window, "mouseup", f);
112
- }
113
- };
114
- return ie(
115
- () => e.value,
116
- (L, F) => {
117
- !L && F && (t(j.COLUMN_HOVER, n.value), n.value = null);
118
- }
119
- ), {
120
- resizeData: o,
121
- allColumnRefs: i,
122
- startResize: A,
123
- isResizing: e,
124
- columnHoverEventToEmitAfterResizing: n
125
- };
126
- }, ps = 100, _t = 50, le = "b-actions-column", ws = 42, bs = 56, Ss = 56, Rs = 80, Es = 36, Ls = 1, Mt = 16, As = 20, ys = (s, t, n) => {
127
- const e = {}, o = [], l = (i) => {
128
- const _ = e[i];
129
- _ && _.frozen !== !0 && (e[i].frozen = !0, o.push(i));
130
- };
131
- function a() {
132
- if (o.length === n.length)
133
- return;
134
- const i = { min: {} };
135
- let _ = s, d = t, C = 0;
136
- o.forEach((m) => {
137
- _ -= e[m].computedWidth, d -= e[m].flex;
138
- });
139
- for (let m = 0, S = n.length; m < S; m += 1) {
140
- const b = n[m];
141
- if (e[b.field] && e[b.field].frozen === !0)
142
- continue;
143
- let A = _ / d * b.flex;
144
- A < b.minWidth && (C += b.minWidth - A, A = b.minWidth, i.min[b.field] = !0), e[b.field] = {
145
- frozen: !1,
146
- computedWidth: A,
147
- flex: b.flex
148
- };
149
- }
150
- C > 0 ? Object.keys(i.min).forEach((m) => {
151
- l(m);
152
- }) : n.forEach(({ field: m }) => {
153
- l(m);
154
- }), a();
155
- }
156
- return a(), e;
157
- }, vt = (s, t) => {
158
- let n = Ls;
159
- return t && (n += Mt * 2), s != null && s.offsetWidth ? s.offsetWidth + n : 0;
160
- }, Ts = (s) => {
161
- var t, n, e, o, l;
162
- return (t = s == null ? void 0 : s.hasNestedContent) != null && t.value || (n = s == null ? void 0 : s.hasNestedRows) != null && n.value ? (e = s == null ? void 0 : s.hasSelectableColumn) != null && e.value ? (o = s == null ? void 0 : s.hasSelectableAcrossPages) != null && o.value ? Rs : Ss : Es : (l = s == null ? void 0 : s.hasSelectableAcrossPages) != null && l.value ? bs : ws;
163
- }, Os = (s, t, n, e, o, l) => {
164
- const a = p(s.value), i = p(t), _ = p(n), d = p(e), C = p(o), m = p(!1), S = p(0);
165
- ie(
166
- () => s.value,
167
- (r, g) => {
168
- var T, B;
169
- const R = (r == null ? void 0 : r.map(({ field: P }) => P).toString()) === (g == null ? void 0 : g.map(({ field: P }) => P).toString());
170
- if (!((T = l == null ? void 0 : l.allowColumnDragAndDrop) != null && T.value) || !R) {
171
- a.value = s.value;
172
- return;
173
- }
174
- a.value = ((B = a.value) == null ? void 0 : B.length) === 0 ? s.value : s.value.sort((P, k) => {
175
- const K = a.value.findIndex((ee) => ee.field === P.field), Y = a.value.findIndex((ee) => ee.field === k.field);
176
- return K === -1 ? 1 : Y === -1 ? -1 : K - Y;
177
- });
178
- }
179
- );
180
- const b = p();
181
- let f = null;
182
- const A = v(() => {
183
- var K, Y, ee;
184
- const r = [];
185
- let g = 0, R = 0;
186
- const T = {};
187
- let B = a.value.filter((G) => G.visible !== !1);
188
- const P = a.value.filter((G) => G.visible === !1);
189
- if ((K = l == null ? void 0 : l.hasSelectableColumn) != null && K.value || (Y = l == null ? void 0 : l.hasNestedContent) != null && Y.value || (ee = l == null ? void 0 : l.hasNestedRows) != null && ee.value) {
190
- const G = Ts(l);
191
- B = [
192
- {
193
- field: le,
194
- label: "",
195
- minWidth: G,
196
- width: G,
197
- frozen: !0,
198
- padding: { left: !1, right: !1 }
199
- },
200
- ...B
201
- ];
202
- }
203
- B.forEach((G) => {
204
- const M = { ...G };
205
- let w;
206
- M.flex && M.flex > 0 ? (g += M.flex, w = 0, r.push(M)) : w = Math.max(
207
- (M == null ? void 0 : M.width) ?? ps,
208
- (M == null ? void 0 : M.minWidth) ?? _t
209
- ), R += w, M.width = w, M.minWidth = (M == null ? void 0 : M.minWidth) ?? _t, T[M.field] = M;
210
- }), R += S.value;
211
- const k = Math.max(b.value - R, 0);
212
- if (g > 0 && b.value > 0) {
213
- const G = ys(k, g, r);
214
- Object.keys(G).forEach((M) => {
215
- T[M].width = G[M].computedWidth;
216
- });
217
- }
218
- return P.forEach((G) => {
219
- const M = { ...G };
220
- T[M.field] = M;
221
- }), Object.values(T);
222
- }), L = p(void 0), F = (r) => {
223
- L.value = { ...L.value, ...r };
224
- }, E = async () => {
225
- a.value.some((r) => r == null ? void 0 : r.autoWidth) && (m.value = !0, await ae(), a == null || a.value.filter((r) => r == null ? void 0 : r.autoWidth).forEach(({ field: r, minWidth: g }) => {
226
- var P, k, K, Y;
227
- const R = vt(
228
- (P = d.value) == null ? void 0 : P[r],
229
- (k = l == null ? void 0 : l.hasColumnPanel) == null ? void 0 : k.value
230
- ), T = (Y = (K = C.value) == null ? void 0 : K[r]) == null ? void 0 : Y.reduce(
231
- (ee, G) => Math.max(ee, vt(G)),
232
- 0
233
- ), B = Math.max(R, T ?? 0);
234
- (g === void 0 || B > g) && F({
235
- [r]: {
236
- width: B
237
- }
238
- });
239
- }), m.value = !1);
240
- };
241
- ie([() => a.value, () => i.value], async () => {
242
- a.value.some((r) => r == null ? void 0 : r.autoWidth) && await E();
243
- });
244
- const u = v(
245
- () => A.value.map((r) => {
246
- var g, R;
247
- return {
248
- ...r,
249
- // Override column width with resized ones
250
- width: ((R = (g = L.value) == null ? void 0 : g[r.field]) == null ? void 0 : R.width) ?? r.width
251
- };
252
- })
253
- ), y = v(
254
- () => {
255
- var r;
256
- return ((r = u.value) == null ? void 0 : r.filter(({ visible: g }) => g !== !1).reduce((g, R) => R.width + g, 0)) + S.value;
257
- }
258
- ), O = v(
259
- () => b.value <= y.value
260
- ), x = v(() => ({
261
- width: b.value > y.value ? "100%" : "fit-content"
262
- }));
263
- return Ee(() => {
264
- var g;
265
- const r = l != null && l.isDataGridTemplate ? As : 0;
266
- ae(() => {
267
- _.value && (b.value = _.value.getBoundingClientRect().width - r);
268
- const R = ie(
269
- _,
270
- () => {
271
- _.value && (ae(() => R()), f = Ve(_.value, ({ width: T }) => {
272
- b.value = T - r;
273
- }));
274
- },
275
- { immediate: !0 }
276
- );
277
- }), (g = document == null ? void 0 : document.fonts) != null && g.ready ? document.fonts.ready.then(() => {
278
- E();
279
- }) : E();
280
- }), Tt(() => {
281
- f == null || f.disconnect();
282
- }), zn(() => {
283
- var r;
284
- C.value && ((r = Object.keys(C.value)) == null ? void 0 : r.length) > 0 && Object.keys(C.value).forEach((R) => {
285
- C.value[R] = [];
286
- });
287
- }), {
288
- columnDefs: u,
289
- gridRowWidthStyle: x,
290
- onColumnWidthOverride: F,
291
- isMeasuringColumnWidths: m,
292
- isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: O,
293
- columns: a,
294
- totalWidthOfAllColumns: y,
295
- rowActionsMaxWidth: S
296
- };
297
- }, Ns = (s, t, n, e, o, l, a) => {
298
- const i = p(s.value ?? []), _ = ze({
299
- allItemsSelected: !1,
300
- isIndeterminate: !1
301
- }), d = v(
302
- () => n.value.flatMap((r) => {
303
- var g;
304
- return [r, ((g = r == null ? void 0 : r.children) == null ? void 0 : g.length) > 0 ? r == null ? void 0 : r.children : []];
305
- }).flat()
306
- ), C = v(
307
- () => {
308
- var r, g;
309
- return ((r = n.value) == null ? void 0 : r.length) > 0 && ((g = d.value) == null ? void 0 : g.every((R) => i.value.includes(e(R))));
310
- }
311
- ), m = v(
312
- () => {
313
- var r, g;
314
- return ((r = n.value) == null ? void 0 : r.length) > 0 && ((g = d.value) == null ? void 0 : g.filter((R) => !o(R)).every((R) => i.value.includes(e(R))));
315
- }
316
- ), S = v(
317
- () => {
318
- var r, g;
319
- return ((r = n.value) == null ? void 0 : r.length) > 0 && !((g = d.value) != null && g.some((R) => i.value.includes(e(R))));
320
- }
321
- ), b = v(
322
- () => {
323
- var r, g;
324
- return ((r = n.value) == null ? void 0 : r.length) > 0 && !((g = d.value) != null && g.filter((R) => !o(R)).some((R) => i.value.includes(e(R))));
325
- }
326
- ), f = v(() => {
327
- var r;
328
- return !(l != null && l.value) || ((r = a == null ? void 0 : a.value) == null ? void 0 : r.totalCount) === void 0 ? !1 : i.value.length >= a.value.totalCount && m.value;
329
- }), A = () => {
330
- t(N.SELECT, i.value), t(N.UPDATE_SELECTION, i.value);
331
- }, L = (r) => {
332
- var g, R;
333
- i.value = r, C.value ? (_.allItemsSelected = !0, _.isIndeterminate = !1) : (_.allItemsSelected = !1, _.isIndeterminate = ((g = i.value) == null ? void 0 : g.length) > 0 && ((R = n.value) == null ? void 0 : R.length) > 0 && n.value.some(
334
- (T) => {
335
- var B;
336
- return i.value.includes(e(T)) || ((B = T == null ? void 0 : T.children) == null ? void 0 : B.some((P) => i.value.includes(e(P))));
337
- }
338
- ));
339
- }, F = (r) => {
340
- ae(() => {
341
- var R, T;
342
- _.allItemsSelected = r;
343
- const g = ((T = (R = d.value) == null ? void 0 : R.filter(
344
- (B) => !o(B) && ((B == null ? void 0 : B.children) === void 0 || B.children.every((P) => !o(P)))
345
- )) == null ? void 0 : T.map((B) => e(B))) ?? [];
346
- r ? (i.value = [.../* @__PURE__ */ new Set([...i.value, ...g])], _.isIndeterminate = !C.value) : (i.value = i.value.filter((B) => !g.includes(B)), _.isIndeterminate = !S.value), A();
347
- });
348
- }, E = () => {
349
- ae(() => {
350
- L([]), A();
351
- });
352
- }, u = (r, g) => {
353
- ae(() => {
354
- var R;
355
- L(((R = g == null ? void 0 : g.children) == null ? void 0 : R.length) > 0 ? y(r, g) : r), A();
356
- });
357
- }, y = (r, g) => {
358
- var B;
359
- const R = e(g), T = (B = g.children) == null ? void 0 : B.filter((P) => !o(P)).map((P) => e(P));
360
- if (r.includes(R)) {
361
- const P = r;
362
- return T.forEach((k) => {
363
- P.includes(k) || P.push(k);
364
- }), P;
365
- }
366
- return r.filter((P) => !T.includes(P));
367
- }, O = (r, g, R) => {
368
- ae(() => {
369
- var B, P;
370
- const T = e(g);
371
- r.includes(e(R)) ? L(
372
- !r.includes(T) && ((B = g == null ? void 0 : g.children) != null && B.every((k) => r.includes(e(k)))) ? [...r, T] : r
373
- ) : L(
374
- r.includes(T) && !((P = g == null ? void 0 : g.children) != null && P.every((k) => r.includes(e(k)))) ? r.filter((k) => k !== T) : r
375
- ), A();
376
- });
377
- }, x = v(() => f.value ? "all" : m.value ? "page" : !i.value || i.value.length === 0 ? "none" : b.value ? "unselected-page" : "single");
378
- return ie(
379
- () => s.value,
380
- () => {
381
- L(s.value ?? []);
382
- },
383
- { immediate: !0 }
384
- ), ie(
385
- () => n.value,
386
- () => {
387
- const r = n.value.filter((g) => i.value.includes(e(g))).flatMap(
388
- (g) => {
389
- var R;
390
- return ((R = g == null ? void 0 : g.children) == null ? void 0 : R.length) > 0 ? g.children.map((T) => e(T)).filter((T) => !i.value.includes(T)) : [];
391
- }
392
- );
393
- (r == null ? void 0 : r.length) > 0 ? (L([...i.value, ...r]), A()) : L(i.value);
394
- }
395
- ), {
396
- onAllRowSelect: F,
397
- onRowSelect: u,
398
- onNestedRowSelect: O,
399
- onDeselectAll: E,
400
- allItemsSelectedState: _,
401
- selectedItems: i,
402
- selectionState: x
403
- };
404
- }, Is = (s, t, n) => ({ isSorting: (a) => s.value.some((i) => i.field === a), getSortingDirection: (a) => {
405
- var i;
406
- return (i = s.value.find((_) => _.field === a)) == null ? void 0 : i.direction;
407
- }, sortByColumnField: (a) => {
408
- var d;
409
- if (!t.value.some((C) => C.field === a && C.sortable))
410
- return;
411
- const _ = [{
412
- field: a,
413
- direction: ((d = s.value.find((C) => C.field === a)) == null ? void 0 : d.direction) === be.ASCENDING ? be.DESCENDING : be.ASCENDING
414
- }];
415
- n("sort", _);
416
- } });
417
- var oe = ((s) => (s[s.ARROW_DOWN = ce.ARROW_DOWN] = "ARROW_DOWN", s[s.ARROW_UP = ce.ARROW_UP] = "ARROW_UP", s[s.ARROW_LEFT = ce.ARROW_LEFT] = "ARROW_LEFT", s[s.ARROW_RIGHT = ce.ARROW_RIGHT] = "ARROW_RIGHT", s[s.PAGE_UP = ce.PAGE_UP] = "PAGE_UP", s[s.PAGE_DOWN = ce.PAGE_DOWN] = "PAGE_DOWN", s[s.END = ce.END] = "END", s[s.HOME = ce.HOME] = "HOME", s))(oe || {});
418
- const ye = "b-row-actions-column", Ds = (s, t, n, e, o, l) => {
419
- const a = v(() => l.value || e.value ? !0 : n.value.some((E) => E.infoIconTooltip || E.sortable)), i = v(() => {
420
- let E = n.value.filter(({ visible: u }) => u !== !1);
421
- return o.value && (E = [
422
- ...E,
423
- { field: ye, label: "" }
424
- ]), E;
425
- }), _ = v(() => i.value.length), d = v(() => {
426
- if (!s.value)
427
- return [];
428
- const E = Object.keys(s.value)[0];
429
- if (!E || !s.value[E])
430
- return [];
431
- const u = [];
432
- if (a.value)
433
- for (const O of i.value) {
434
- const x = t.value[O.field];
435
- u.push(x);
436
- }
437
- const y = s.value[E].length;
438
- for (let O = 0; O < y; O++)
439
- for (const x of i.value) {
440
- const r = s.value[x.field];
441
- r != null && r[O] && u.push(r[O]);
442
- }
443
- return u;
444
- }), C = (E) => Math.floor(E / _.value), m = (E, u, y) => {
445
- const O = d.value.length - 1, x = _.value - 1, r = C(E), g = E - _.value * r;
446
- return {
447
- [oe.PAGE_UP]: g + (a.value ? _.value : 0),
448
- [oe.PAGE_DOWN]: O - x + g,
449
- [oe.END]: y ? O : _.value * r + x,
450
- [oe.HOME]: y ? a.value ? _.value : 0 : _.value * r
451
- }[u];
452
- }, S = (E, u) => {
453
- const y = C(E), x = {
454
- [oe.ARROW_DOWN]: _.value,
455
- [oe.ARROW_UP]: y === 0 && !a.value ? 0 : -_.value,
456
- [oe.ARROW_LEFT]: -1,
457
- [oe.ARROW_RIGHT]: 1
458
- }[u], r = E + x;
459
- return r < 0 || r >= d.value.length ? E : r;
460
- }, b = (E) => [
461
- oe.PAGE_UP,
462
- oe.PAGE_DOWN,
463
- oe.END,
464
- oe.HOME
465
- ].includes(E), f = (E, u, y) => {
466
- const O = d.value.indexOf(E);
467
- return b(u) ? m(O, u, y) : S(O, u);
468
- }, A = (E, u, y) => {
469
- if (!d.value.includes(E))
470
- return;
471
- const O = f(E, u, y);
472
- d.value[O].focus();
473
- }, L = (E) => E in oe;
474
- return {
475
- isNavigationKeyCode: L,
476
- focusOnNextGridcell: A,
477
- navigationInput: (E) => {
478
- const { ctrlKey: u, key: y, target: O } = E, x = y;
479
- let r = O;
480
- r.getAttribute("role") !== "menuitem" && (d.value.includes(r) || (r = O.closest('[role="gridcell"], [role="columnheader"]')), d.value.includes(r) && L(x) && A(r, x, u));
481
- }
482
- };
483
- }, xs = 90, Fs = (s, t, n, e, o) => {
484
- const l = p(s), a = p(t), i = p(n), _ = p(e), d = v(() => l.value !== "none"), C = v(() => l.value === "automatic"), m = () => {
485
- o(N.UPDATE_SHOW_MORE);
486
- };
487
- return ie(
488
- () => a.value,
489
- () => {
490
- C.value && i.value.offsetHeight / a.value * 100 > xs && !_.value && m();
491
- }
492
- ), { isLazyLoad: d, isInfiniteScroll: C, verticalScrollPosition: a, emitLazyLoadEvent: m };
493
- }, Bs = (s, t, n) => {
494
- const e = p(s), o = p(t), l = ze({
495
- dragging: null,
496
- dragToLeft: null,
497
- target: null
498
- }), a = (b, f = 0) => {
499
- const A = e.value.findIndex((E) => E.field === b.field), L = A + f;
500
- if (L < 0 || L > e.value.length - 1)
501
- return;
502
- const F = [...e.value];
503
- F.splice(L, 0, F.splice(A, 1)[0]), n(N.COLUMNS, F), n(N.UPDATE_COLUMNS, F);
504
- }, i = (b, f) => {
505
- l.dragging = b, f.dataTransfer.setData("text", ""), f.dataTransfer.dropEffect = "move";
506
- }, _ = (b, f) => {
507
- l.target = b;
508
- const A = f.currentTarget.getBoundingClientRect(), L = A.left + A.width / 2, F = f.clientX ?? 0;
509
- l.dragToLeft = F <= L;
510
- }, d = (b) => {
511
- var f, A;
512
- if (((f = l.dragging) == null ? void 0 : f.field) !== b.field) {
513
- const L = e.value.findIndex((x) => {
514
- var r;
515
- return x.field === ((r = l.dragging) == null ? void 0 : r.field);
516
- }), F = e.value.findIndex((x) => x.field === b.field), E = l.dragToLeft ? F : F + 1, u = E > L ? E - 1 : E;
517
- let y = [...e.value];
518
- y.splice(
519
- u === -1 ? 0 : u,
520
- 0,
521
- y.splice(L, 1)[0]
522
- );
523
- const O = e.value.findIndex((x) => !(x != null && x.frozen));
524
- ((A = l.dragging) == null ? void 0 : A.frozen) !== b.frozen && E !== O && (y = y.map(
525
- (x) => {
526
- var r;
527
- return ((r = l.dragging) == null ? void 0 : r.field) === x.field ? { ...x, frozen: !!(b != null && b.frozen) } : x;
528
- }
529
- )), n(N.COLUMNS, y), n(N.UPDATE_COLUMNS, y);
530
- }
531
- l.dragging = null, l.target = null;
532
- }, C = () => {
533
- l.dragging = null, l.dragToLeft = null, l.target = null;
534
- }, m = v(() => o.value ? {
535
- [j.COLUMN_DRAG_START]: (b, f) => i(b, f),
536
- [j.COLUMN_DRAG_ENTER]: (b, f) => _(b, f),
537
- [j.COLUMN_DROP]: (b) => d(b),
538
- [j.COLUMN_DRAG_END]: () => C()
539
- } : {}), S = v(() => (b) => o.value ? {
540
- dragenter: (f) => {
541
- f.preventDefault(), _(b, f);
542
- },
543
- drop: () => {
544
- d(b);
545
- },
546
- dragover: (f) => {
547
- f.preventDefault();
548
- }
549
- } : {});
550
- return {
551
- // Values
552
- draggingColumns: l,
553
- // Methods
554
- draggingEventsForColumns: m,
555
- draggingEventsForRowCell: S,
556
- onMoveColumnByOffset: a
557
- };
558
- }, Ps = (s, t, n) => {
559
- const e = p(s), o = p(t.value), l = v(
560
- () => [...e.value].sort((f, A) => f.frozen === A.frozen ? 0 : f.frozen ? -1 : 1)
561
- ), a = v(
562
- () => l.value.filter((f) => f.frozen && f.visible !== !1)
563
- ), i = v(
564
- () => l.value.filter((f) => !f.frozen && f.visible !== !1)
565
- ), _ = v(
566
- () => [
567
- { columnSet: a.value, id: "frozen", isFrozenColumns: !0 },
568
- { columnSet: i.value, id: "unfrozen" }
569
- ].filter(({ columnSet: f }) => f.length)
570
- ), d = v(
571
- () => e.value.filter((f) => (f == null ? void 0 : f.visible) !== !1 && (f == null ? void 0 : f.field) !== le).length === 1
572
- ), C = (f) => n(N.UPDATE_CONDENSED, f), m = (f) => {
573
- o.value = f, n(N.UPDATE_ZEBRA_ROWS, f);
574
- }, S = (f) => {
575
- n(N.COLUMNS, f), n(N.UPDATE_COLUMNS, f);
576
- }, b = (f) => {
577
- const A = l.value.map(
578
- (L) => (L == null ? void 0 : L.field) === f.field ? f : L
579
- );
580
- S(A);
581
- };
582
- return ie(t, (f) => {
583
- o.value = f;
584
- }), {
585
- // Values
586
- columnSets: _,
587
- isOnlyOneVisibleColumn: d,
588
- internalZebraRows: o,
589
- sortedColumns: l,
590
- // Methods
591
- onConfigSettingsColumnsUpdate: S,
592
- onConfigSettingsColumnUpdate: b,
593
- onConfigSettingsCondensedUpdate: C,
594
- onConfigSettingsZebraRowsUpdate: m
595
- };
596
- }, Ms = (s, t, n, e, o, l, a) => {
597
- const i = p(0), _ = p(!1), d = p(!1);
598
- ie([() => i.value, () => l.value], ([f]) => {
599
- s.value.scrollLeft = f, t.value.scrollLeft = f, _.value = !!f, d.value = t.value.scrollWidth - t.value.offsetWidth > f;
600
- }), Ee(async () => {
601
- var f, A;
602
- await ae(), ((f = t.value) == null ? void 0 : f.offsetWidth) < ((A = t.value) == null ? void 0 : A.scrollWidth) && (d.value = !0);
603
- });
604
- const C = (f) => {
605
- if (i.value = f.target.scrollLeft, n.value = s.value.scrollHeight - f.target.scrollTop, e != null && e.value) {
606
- const A = f.target.scrollLeft;
607
- e.value.scrollLeft !== A && (e.value.scrollLeft = A);
608
- }
609
- }, m = (f) => {
610
- f.key === "Tab" || f.key !== "ArrowRight" && f.key !== "ArrowLeft" || (f.preventDefault(), s.value.scrollLeft = 0, s.value.style.overflowX = "hidden", setTimeout(() => {
611
- s.value && (s.value.style.overflowX = "auto");
612
- }));
613
- }, S = (f) => {
614
- const A = f.target.scrollLeft;
615
- s.value.scrollLeft !== A && (s.value.scrollLeft = A);
616
- }, b = v(() => {
617
- var f, A, L, F;
618
- return (f = a == null ? void 0 : a.pagination) != null && f.value && ((A = a == null ? void 0 : a.stickyPagination) != null && A.value || a != null && a.isDataGridTemplate) && !((L = a == null ? void 0 : a.isLazyLoad) != null && L.value) ? { bottom: `${(((F = o.value) == null ? void 0 : F.clientHeight) ?? 0) + 1}px` } : {};
619
- });
620
- return {
621
- // Values
622
- scrollLeftPosition: i,
623
- hasLeftOverflow: _,
624
- hasRightOverflow: d,
625
- horizontalScrollbarConditionalStyles: b,
626
- // Methods
627
- updateScrollPosition: C,
628
- updateScrollPositionOnFrozenColumnsNavigation: m,
629
- syncVirtualScrollerWithBody: S
630
- };
631
- }, Us = (s, t, n, e) => {
632
- const o = p(null), l = v(() => {
633
- var A, L, F, E;
634
- if (!o.value || o.value.field === le)
635
- return {
636
- hoveredOverColumnField: "",
637
- isSeparatorOffset: !1,
638
- noBorderLeft: !1,
639
- noBorderRight: !1
640
- };
641
- const a = (L = (A = s.value.find((u) => u.isFrozenColumns)) == null ? void 0 : A.columnSet) == null ? void 0 : L.filter((u) => u.field !== le), i = s.value.find((u) => !(u != null && u.isFrozenColumns)), _ = o.value.frozen && (a == null ? void 0 : a[0].field) === o.value.field, d = !o.value.frozen && ((F = i == null ? void 0 : i.columnSet) == null ? void 0 : F[0].field) === o.value.field, C = (t.value || n.value) && _, m = (t.value || n.value) && !a && d, S = a && d, b = (a == null ? void 0 : a.length) > 0 && o.value.frozen && (a == null ? void 0 : a[a.length - 1].field) === o.value.field, f = n.value && e.value && !o.value.frozen && ((E = i == null ? void 0 : i.columnSet) == null ? void 0 : E[i.columnSet.length - 1].field) === o.value.field;
642
- return {
643
- hoveredOverColumnField: o.value.field,
644
- isSeparatorOffset: f,
645
- noBorderLeft: !!C || !!m || !!S,
646
- noBorderRight: !!b || !!f
647
- };
648
- });
649
- return {
650
- hoveredOverColumn: o,
651
- hoveredOverColumnState: l
652
- };
653
- }, je = (s) => {
654
- const n = Dt(s).filter((e) => e.node !== s);
655
- return (n == null ? void 0 : n.length) > 0 ? (n[0].node.focus(), !0) : !1;
656
- }, we = (s) => {
657
- const t = Dt(s), n = t == null ? void 0 : t.filter((e) => e.node !== s);
658
- if ((n == null ? void 0 : n.length) > 0)
659
- return n.forEach((e) => e.node.setAttribute("tabindex", "-1")), n;
660
- }, Ut = (s) => {
661
- (s == null ? void 0 : s.length) > 0 && s.forEach((t) => t == null ? void 0 : t.node.setAttribute("tabindex", "0"));
662
- }, $s = (s) => {
663
- var _;
664
- const t = window.getSelection();
665
- if (!t || !t.rangeCount)
666
- return;
667
- const n = t.getRangeAt(0).cloneContents(), e = (_ = n.textContent) == null ? void 0 : _.trim();
668
- if (!e)
669
- return;
670
- const o = n.querySelectorAll('[role="row"]');
671
- let l = "<table>", a = "";
672
- const i = (d) => {
673
- d.forEach((C) => {
674
- const m = C.closest("[role]").getAttribute("role") === "gridcell" ? "td" : "th", S = C.textContent.trim();
675
- S && (l += `<${m}>${S}</${m}>`, a += `${S} `);
676
- });
677
- };
678
- if (!o.length) {
679
- const d = n.querySelectorAll(
680
- '[role="gridcell"] > .b-typography:first-of-type, [role="columnheader"] .b-typography'
681
- );
682
- if (d.length)
683
- l += "<tr>", i(d), l += "</tr>";
684
- else {
685
- s == null || s.preventDefault(), navigator.clipboard.writeText(e);
686
- return;
687
- }
688
- }
689
- o.forEach((d) => {
690
- const C = d.querySelectorAll(
691
- '[role="gridcell"] > .b-typography:first-of-type, [role="columnheader"] .b-typography'
692
- );
693
- if (l += "<tr>", C.length)
694
- i(C);
695
- else {
696
- const m = d.textContent.trim();
697
- l += `<td>${m}</td>`, a += `${m} `;
698
- }
699
- l += "</tr>", a += `
700
- `;
701
- }), l += "</table>", s == null || s.preventDefault(), navigator.clipboard.write([
702
- new ClipboardItem({
703
- "text/html": new Blob([l], { type: "text/html" }),
704
- "text/plain": new Blob([a || e], { type: "text/plain" })
705
- })
706
- ]);
707
- };
708
- let mt = 0;
709
- const zs = {
710
- beforeCreate() {
711
- this.uuid = mt.toString(), mt += 1;
712
- }
713
- };
714
- var ks = function() {
715
- var t = this, n = t._self._c;
716
- return n("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? n("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), n("g", { attrs: { fill: "#001222", "clip-path": "url(#uia-ui-assets/icons-16-arrow_up_down_sort__a" + t.uuid + ")" } }, [n("path", { attrs: { d: "M9.06077 4.00011L5.00011 -0.0605469L0.939453 4.00011L2.00011 5.06077L4.25 2.81089V10.75H5.75V2.81066L8.00011 5.06077L9.06077 4.00011Z" } }), n("path", { attrs: { d: "M10.25 13.1893L8.00011 10.9395L6.93945 12.0001L11.0001 16.0608L15.0608 12.0001L14.0001 10.9395L11.75 13.1896V5.25H10.25V13.1893Z" } })]), n("defs", [n("clipPath", { attrs: { id: "uia-ui-assets/icons-16-arrow_up_down_sort__a" + t.uuid } }, [n("rect", { attrs: { width: "16", height: "16", fill: "#fff" } })])])]);
717
- }, Ws = [], Gs = /* @__PURE__ */ q(
718
- zs,
719
- ks,
720
- Ws,
721
- !1,
722
- null,
723
- null
724
- );
725
- const Hs = Gs.exports;
726
- let Ct = 0;
727
- const Vs = {
728
- beforeCreate() {
729
- this.uuid = Ct.toString(), Ct += 1;
730
- }
731
- };
732
- var Zs = function() {
733
- var t = this, n = t._self._c;
734
- return n("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? n("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), n("g", { attrs: { "clip-path": "url(#uia-ui-assets/icons-16-freeze__a" + t.uuid + ")" } }, [n("path", { attrs: { fill: "#001222", d: "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" } })]), n("defs", [n("clipPath", { attrs: { id: "uia-ui-assets/icons-16-freeze__a" + t.uuid } }, [n("rect", { attrs: { width: "16", height: "16", fill: "#fff", transform: "matrix(1 0 0 -1 0 16)" } })])])]);
735
- }, js = [], qs = /* @__PURE__ */ q(
736
- Vs,
737
- Zs,
738
- js,
739
- !1,
740
- null,
741
- null
742
- );
743
- const $t = qs.exports;
744
- let ht = 0;
745
- const Ys = {
746
- beforeCreate() {
747
- this.uuid = ht.toString(), ht += 1;
748
- }
749
- };
750
- var Js = function() {
751
- var t = this, n = t._self._c;
752
- return n("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? n("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), n("g", { attrs: { fill: "#001222", "clip-path": "url(#uia-ui-assets/icons-16-sort_ascending__a" + t.uuid + ")" } }, [n("path", { attrs: { d: "M12.0001 1.93945L16.0608 6.00011L15.0001 7.06077L12.75 4.81066V12.75H11.25V4.81089L9.00011 7.06077L7.93945 6.00011L12.0001 1.93945Z" } }), n("path", { attrs: { d: "M6.75 7.25H1.25V8.75H6.75V7.25Z" } }), n("path", { attrs: { d: "M1.25 11.25H8.75V12.75H1.25V11.25Z" } }), n("path", { attrs: { d: "M6.75 3.25H1.25V4.75H6.75V3.25Z" } })]), n("defs", [n("clipPath", { attrs: { id: "uia-ui-assets/icons-16-sort_ascending__a" + t.uuid } }, [n("rect", { attrs: { width: "16", height: "16", fill: "#fff" } })])])]);
753
- }, Ks = [], Xs = /* @__PURE__ */ q(
754
- Ys,
755
- Js,
756
- Ks,
757
- !1,
758
- null,
759
- null
760
- );
761
- const Qs = Xs.exports;
762
- let pt = 0;
763
- const eo = {
764
- beforeCreate() {
765
- this.uuid = pt.toString(), pt += 1;
766
- }
767
- };
768
- var to = function() {
769
- var t = this, n = t._self._c;
770
- return n("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? n("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), n("g", { attrs: { fill: "#001222", "clip-path": "url(#uia-ui-assets/icons-16-sort_descending__a" + t.uuid + ")" } }, [n("path", { attrs: { d: "M12.75 3.25V11.1896L15.0001 8.93945L16.0608 10.0001L12.0001 14.0608L7.93945 10.0001L9.00011 8.93945L11.25 11.1893V3.25H12.75Z" } }), n("path", { attrs: { d: "M6.75 7.25H1.25V8.75H6.75V7.25Z" } }), n("path", { attrs: { d: "M1.25 3.25H9.09V4.75H1.25V3.25Z" } }), n("path", { attrs: { d: "M6.75 11.25H1.25V12.75H6.75V11.25Z" } })]), n("defs", [n("clipPath", { attrs: { id: "uia-ui-assets/icons-16-sort_descending__a" + t.uuid } }, [n("rect", { attrs: { width: "16", height: "16", fill: "#fff" } })])])]);
771
- }, no = [], so = /* @__PURE__ */ q(
772
- eo,
773
- to,
774
- no,
775
- !1,
776
- null,
777
- null
778
- );
779
- const oo = so.exports;
780
- let wt = 0;
781
- const lo = {
782
- beforeCreate() {
783
- this.uuid = wt.toString(), wt += 1;
784
- }
785
- };
786
- var ao = function() {
787
- var t = this, n = t._self._c;
788
- return n("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? n("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), n("path", { attrs: { fill: "#001222", d: "M8 11.25L12.5 5.25H3.5L8 11.25Z" } })]);
789
- }, io = [], ro = /* @__PURE__ */ q(
790
- lo,
791
- ao,
792
- io,
793
- !1,
794
- null,
795
- null
796
- );
797
- const co = ro.exports, uo = {
798
- "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" },
799
- "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: "列の固定を解除" },
800
- "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 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: "Selecione esta página", selectionMenu: "Menu de seleção", showColumn: "Mostrar coluna", sortColumn: "Classificar a coluna {name}", sortColumnInAscendingOrder: "Classificar a coluna {name} em ordem crescente", sortColumnInDescendingOrder: "Classificar a coluna {name} em ordem decrescente", unfreezeColumn: "Descongelar coluna" }
801
- }, zt = /* @__PURE__ */ Symbol("data-grid slashed zero key"), Te = /* @__PURE__ */ Symbol("data-grid small container key"), xe = /* @__PURE__ */ Symbol("data-grid touch device key"), fo = {
802
- i18n: { messages: uo },
803
- name: "data-grid-columns"
804
- }, go = /* @__PURE__ */ de({
805
- ...fo,
806
- props: {
807
- /**
808
- * Column definitions using 'key' to relate to data object.
809
- */
810
- columns: {
811
- type: Array,
812
- required: !0
813
- },
814
- /**
815
- * Columns being dragged, contains dragging column and a target column
816
- */
817
- draggingColumns: {
818
- type: Object,
819
- default: void 0
820
- },
821
- /**
822
- * Determines the state of the current results: { filtered: boolean, allItemsVisible: boolean } to render the correct select all menu options
823
- */
824
- visibleRowsState: {
825
- type: Object,
826
- default: void 0
827
- },
828
- /**
829
- * Toggle the columns draggable events.
830
- */
831
- hasDraggableColumns: {
832
- type: Boolean,
833
- default: !0
834
- },
835
- /**
836
- * If resize is enabled
837
- */
838
- hasResizableColumns: {
839
- type: Boolean,
840
- default: !0
841
- },
842
- /**
843
- * Signifies if the column panel is enabled.
844
- */
845
- hasColumnPanel: {
846
- type: Boolean,
847
- default: !1
848
- },
849
- /**
850
- * If set to true, aligns the first column panel to the right of its button.
851
- */
852
- hasFirstColumnPanelRightAligned: {
853
- type: Boolean,
854
- default: !1
855
- },
856
- /**
857
- * If the data grid has overflow on the left side
858
- */
859
- hasLeftOverflow: {
860
- type: Boolean,
861
- default: !1
862
- },
863
- /**
864
- * The column hovered over state and whether the hovered over column should show a border right or left.
865
- */
866
- hoveredOverColumnState: {
867
- type: Object,
868
- required: !0
869
- },
870
- /**
871
- * Toggled to true when the DataGrid has auto width columns and is measuring the
872
- */
873
- isMeasuringColumnWidths: {
874
- type: Boolean,
875
- default: !1
876
- },
877
- /**
878
- * Used to disable hiding the last visible column.
879
- */
880
- isOnlyOneVisibleColumn: {
881
- type: Boolean,
882
- default: !1
883
- },
884
- /**
885
- * If these columns are frozen (pinned) columns
886
- */
887
- isFrozenColumns: {
888
- type: Boolean,
889
- default: !1
890
- },
891
- /**
892
- * Show frozen columns separator
893
- */
894
- showFrozenColumnsSeparator: {
895
- type: Boolean,
896
- default: !1
897
- },
898
- /**
899
- * The column all items selected state
900
- */
901
- allItemsSelectedState: {
902
- type: Object,
903
- default: void 0
904
- },
905
- /**
906
- * Determines if the user has enabled row selection
907
- */
908
- selectable: {
909
- type: Boolean,
910
- default: !1
911
- },
912
- /**
913
- * Adds an extra option when selecting all, to select items in other pages too
914
- */
915
- selectableAcrossPages: {
916
- type: Boolean,
917
- default: !1
918
- },
919
- /**
920
- * Determines which state of row selection is currently active. Used to display the "Select all" menu options.
921
- */
922
- selectionState: {
923
- type: String,
924
- default: void 0
925
- },
926
- /**
927
- * Sortby handles proper rendering of sort icon in header. Sorting currently is only supported server side.
928
- * It does make sure the currently sorted column has a more visible sort icon, and the sort icon points in the right direction.
929
- */
930
- sortBy: {
931
- type: Array,
932
- // NOTE: is an array to allow multi-sorting in the future
933
- default: () => []
934
- },
935
- /**
936
- * Truncates all data grid column headers
937
- */
938
- truncateColumnHeaders: {
939
- type: Boolean,
940
- default: !1
941
- },
942
- /**
943
- * The maximum width of the row actions in all rows
944
- */
945
- rowActionsMaximumWidth: {
946
- type: Number,
947
- default: 0
948
- }
949
- },
950
- emits: ["sort", "column-hover"],
951
- setup(s, { expose: t, emit: n }) {
952
- const e = s, o = 100, { t: l } = he(), { columns: a, sortBy: i } = ke(e), _ = p(), d = p({}), C = p({}), m = p(), S = p(), b = (c) => n(j.SELECT_ALL_ROWS, c), f = (c) => c.field === le, A = v(() => e.selectionState === "all"), L = v(
953
- () => {
954
- var c, U, X;
955
- return [
956
- {
957
- text: l("selectPage"),
958
- handler: () => b(!0),
959
- disabled: e.selectionState === "page" || e.selectionState === "all"
960
- },
961
- (c = e.visibleRowsState) != null && c.filtered ? {
962
- text: l("selectAllCurrentResults"),
963
- handler: () => n(j.SELECT_ALL_CURRENT_RESULTS),
964
- addDivider: e.selectionState !== "none",
965
- disabled: e.selectionState === "all"
966
- } : {
967
- text: l("selectAll"),
968
- handler: () => n(j.SELECT_ALL_ACROSS_PAGES),
969
- addDivider: e.selectionState !== "none",
970
- disabled: e.selectionState === "all"
971
- },
972
- e.selectionState !== "none" && {
973
- text: l("deselectPage"),
974
- handler: () => b(!1),
975
- addDivider: !((U = e.visibleRowsState) != null && U.filtered),
976
- // otherwise divider shown in deselect all in current results
977
- disabled: e.selectionState === "unselected-page"
978
- },
979
- ((X = e.visibleRowsState) == null ? void 0 : X.filtered) && e.selectionState !== "none" && {
980
- text: l("deselectAllCurrentResults"),
981
- handler: () => n(j.DESELECT_ALL_CURRENT_RESULTS),
982
- addDivider: !0,
983
- disabled: e.selectionState === "unselected-page" && e.visibleRowsState.allRowsVisible
984
- },
985
- e.selectionState !== "none" && {
986
- text: l("deselectAll"),
987
- handler: () => n(j.DESELECT_ALL)
988
- }
989
- ].filter(Boolean);
990
- }
991
- ), { startResize: F, isResizing: E, columnHoverEventToEmitAfterResizing: u } = hs(a, n), { isSorting: y, getSortingDirection: O, sortByColumnField: x } = Is(i, a, n), r = (c) => {
992
- var ne;
993
- if (!c.sortable)
994
- return null;
995
- const U = (ne = e.sortBy.find(({ field: pe }) => pe === c.field)) == null ? void 0 : ne.direction;
996
- return U ? {
997
- [be.ASCENDING]: Ie.ASCENDING,
998
- [be.DESCENDING]: Ie.DESCENDING
999
- }[U] : Ie.NONE;
1000
- }, g = v(() => (c) => e.hasDraggableColumns ? {
1001
- dragstart: (U) => {
1002
- n(j.COLUMN_DRAG_START, c, U);
1003
- },
1004
- dragover: (U) => {
1005
- U.preventDefault();
1006
- },
1007
- dragenter: (U) => {
1008
- U.preventDefault(), n(j.COLUMN_DRAG_ENTER, c, U);
1009
- },
1010
- drop: () => {
1011
- n(j.COLUMN_DROP, c);
1012
- },
1013
- dragend: () => {
1014
- n(j.COLUMN_DRAG_END);
1015
- }
1016
- } : {}), R = v(
1017
- () => (c) => [
1018
- {
1019
- text: l("moveColumnLeft"),
1020
- handler: () => n(j.COLUMN_MOVE, c, -1),
1021
- icon: ds,
1022
- disabled: e.columns[0].field === c.field
1023
- },
1024
- {
1025
- text: l("moveColumnRight"),
1026
- handler: () => n(j.COLUMN_MOVE, c, 1),
1027
- icon: us,
1028
- disabled: e.columns[e.columns.length - 1].field === c.field
1029
- },
1030
- !Y.value && {
1031
- text: c != null && c.frozen ? l("unfreezeColumn") : l("freezeColumn"),
1032
- handler: () => n(j.COLUMN_UPDATE, { ...c, frozen: !(c != null && c.frozen) }),
1033
- icon: $t
1034
- },
1035
- {
1036
- text: (c == null ? void 0 : c.visible) !== !1 ? l("hideColumn") : l("showColumn"),
1037
- handler: () => {
1038
- n(j.COLUMN_UPDATE, {
1039
- ...c,
1040
- visible: (c == null ? void 0 : c.visible) === !1
1041
- });
1042
- },
1043
- icon: (c == null ? void 0 : c.visible) !== !1 ? fs : gs,
1044
- disabled: (c == null ? void 0 : c.mandatory) || (c == null ? void 0 : c.visible) !== !1 && e.isOnlyOneVisibleColumn
1045
- }
1046
- ].filter(Boolean)
1047
- ), T = (c) => {
1048
- m.value = c.field, S.value && clearTimeout(S.value);
1049
- }, B = (c) => {
1050
- const U = setTimeout(() => {
1051
- c.field === m.value && (m.value = "");
1052
- }, o);
1053
- S.value = U;
1054
- }, P = (c) => {
1055
- let U = {
1056
- mouseenter: () => {
1057
- T(c), E.value ? u.value = c : n("column-hover", c);
1058
- },
1059
- mouseleave: () => {
1060
- B(c), E.value ? u.value = null : n("column-hover", null);
1061
- },
1062
- focus: () => {
1063
- T(c), f(c) && je(d.value[c.field]);
1064
- },
1065
- focusout: (X) => {
1066
- var ne;
1067
- (ne = _.value) != null && ne.contains(X == null ? void 0 : X.relatedTarget) || B(c);
1068
- }
1069
- };
1070
- return f(c) || (U = {
1071
- ...U,
1072
- ...g.value(c)
1073
- }), U;
1074
- }, k = (c) => c.infoIconTooltip || c.sortable || e.hasColumnPanel, K = (c, U) => {
1075
- var X;
1076
- ((X = d.value) == null ? void 0 : X[U]) === void 0 && (d.value = { ...d.value, [U]: null }), c !== null && (d.value[U] = c);
1077
- }, Y = _e(
1078
- Te,
1079
- v(() => !1)
1080
- ), ee = _e(xe, p(!1)), G = v(() => {
1081
- var U;
1082
- const c = {
1083
- "b-data-grid-columns--is-measuring": e.isMeasuringColumnWidths
1084
- };
1085
- return (U = a.value[0]) != null && U.frozen && !Y.value ? {
1086
- ...c,
1087
- "b-data-grid-columns--frozen": !0,
1088
- "b-data-grid-columns--frozen-separator": e.showFrozenColumnsSeparator,
1089
- "b-data-grid-columns--overflow-shadow-left": e.hasLeftOverflow
1090
- } : {
1091
- ...c,
1092
- "b-data-grid-columns--unfrozen": !0
1093
- };
1094
- }), M = v(() => ({
1095
- "b-data-grid-columns__select-column--all": e.selectableAcrossPages
1096
- })), w = (c, U) => c && U === 0 ? dt.BOTTOM_START : dt.BOTTOM_END, W = (c, U) => {
1097
- var X, ne, pe, Re, h, I, H, te, se, Z;
1098
- return {
1099
- "b-data-grid-columns__column--column-hovered": c.field === e.hoveredOverColumnState.hoveredOverColumnField,
1100
- "b-data-grid-columns__column--column-hovered-no-border-left": c.field === e.hoveredOverColumnState.hoveredOverColumnField && e.hoveredOverColumnState.noBorderLeft,
1101
- "b-data-grid-columns__column--column-hovered-no-border-right": c.field === e.hoveredOverColumnState.hoveredOverColumnField && e.hoveredOverColumnState.noBorderRight,
1102
- "b-data-grid-columns__column--last-frozen-frozen-column": e.isFrozenColumns && U === a.value.length - 1,
1103
- "b-data-grid-columns__column--sortable": c.sortable,
1104
- "b-data-grid-columns__column--padding-left-unset": ((X = c == null ? void 0 : c.padding) == null ? void 0 : X.left) === !1,
1105
- "b-data-grid-columns__column--padding-right-unset": ((ne = c == null ? void 0 : c.padding) == null ? void 0 : ne.right) === !1,
1106
- "b-data-grid-columns__column--numeric": c == null ? void 0 : c.numeric,
1107
- "b-data-grid-columns__column--frozen": c == null ? void 0 : c.frozen,
1108
- "b-data-grid-columns__column--is-re-ordering": (c == null ? void 0 : c.field) === ((Re = (pe = e.draggingColumns) == null ? void 0 : pe.dragging) == null ? void 0 : Re.field),
1109
- "b-data-grid-columns__column--is-re-ordering-target-left": (c == null ? void 0 : c.field) === ((I = (h = e.draggingColumns) == null ? void 0 : h.target) == null ? void 0 : I.field) && ((H = e.draggingColumns) == null ? void 0 : H.dragToLeft),
1110
- "b-data-grid-columns__column--is-re-ordering-target-right": (c == null ? void 0 : c.field) === ((se = (te = e.draggingColumns) == null ? void 0 : te.target) == null ? void 0 : se.field) && !((Z = e.draggingColumns) != null && Z.dragToLeft),
1111
- "b-data-grid-columns__column--with-sorting-or-column-panel": c.sortable || c.infoIconTooltip || e.hasColumnPanel || e.selectableAcrossPages,
1112
- "b-data-grid-columns--small-container": Y.value
1113
- };
1114
- }, $ = (c) => ({
1115
- "b-data-grid-columns__column-header-and-actions--numeric": c == null ? void 0 : c.numeric
1116
- }), z = (c) => ({
1117
- "b-data-grid-columns__column-actions--numeric": c == null ? void 0 : c.numeric
1118
- }), ve = (c) => ({
1119
- "b-data-grid-columns__column-separator-container--is-resizeable": e.hasResizableColumns,
1120
- "b-data-grid-columns__column-separator-container--is-offset": e.hoveredOverColumnState.hoveredOverColumnField === c.field && e.hoveredOverColumnState.isSeparatorOffset
1121
- }), me = v(() => ({
1122
- "b-data-grid-columns__column-header--truncated": e.truncateColumnHeaders
1123
- })), re = (c) => ({
1124
- "b-data-grid-columns__menu--hovered": m.value === c.field || ee.value
1125
- });
1126
- return t({
1127
- columnHeaderRefs: d
1128
- }), { __sfc: !0, props: e, emit: n, CLOSING_CONTEXTUAL_MENU_DELAY_MS: o, t: l, columns: a, sortBy: i, allColumnsRef: _, columnHeaderRefs: d, contextMenuRef: C, hoveredColumnField: m, closingTimeOutId: S, onAllRowSelect: b, isActionsColumn: f, isAllSelectionState: A, selectAllMenu: L, startResize: F, isResizing: E, columnHoverEventToEmitAfterResizing: u, isSorting: y, getSortingDirection: O, sortByColumnField: x, getSortingColumnDirection: r, draggingEventsForColumn: g, contextualMenuData: R, showContextualMenu: T, hideContextualMenu: B, dataGridColumnEvents: P, hasColumnActions: k, registerColumnsRefs: K, isSmallContainer: Y, isTouchDevice: ee, conditionalColumnsClasses: G, conditionalSelectColumnClasses: M, computeMenuPosition: w, conditionalColumnClasses: W, conditionalColumnHeaderAndActionsClasses: $, conditionalColumnActionsClasses: z, conditionalColumnSeparatorClasses: ve, conditionalColumnHeaderClasses: me, conditionalColumnMenuClasses: re, BentoCheckbox: xt, BentoDatagridSortDirection: be, BentoTypography: Se, DATAGRID_ROW_ACTIONS_COLUMN_FIELD_NAME: ye, BentoInfoIcon: rs, DatagridColumnsEvent: j, BentoMenu: Bt, BentoToggleButton: Ze, DecorativeCheckbox: cs, ArrowUpAndDownSortIcon: Hs, SortAscendingIcon: Qs, SortDescendingIcon: oo, TriangleDown: co };
1129
- }
1130
- });
1131
- var _o = function() {
1132
- var t = this, n = t._self._c, e = t._self._setupProxy;
1133
- return n("div", { ref: "allColumnsRef", staticClass: "b-data-grid-columns", class: e.conditionalColumnsClasses, attrs: { "data-testid": "data-grid-columns" } }, [t._l(e.columns, function(o, l) {
1134
- return n("div", t._g({ key: o.field, ref: (a) => e.registerColumnsRefs(a, o.field), refInFor: !0, staticClass: "b-data-grid-columns__column", class: e.conditionalColumnClasses(o, l), style: { width: o.autoWidth && t.isMeasuringColumnWidths ? "auto" : `${o.width}px` }, attrs: { "aria-colindex": l + 1, "aria-label": o.label, "aria-sort": e.getSortingColumnDirection(o), "data-testid": `${o.field}-column-header`, draggable: t.hasDraggableColumns && !e.isResizing && !e.isActionsColumn(o), role: "columnheader", tabindex: o.sortable || t.hasColumnPanel || o.infoIconTooltip ? "0" : "-1" } }, e.dataGridColumnEvents(o)), [e.isActionsColumn(o) && t.selectable ? n("div", { staticClass: "b-data-grid-columns__select-column", class: e.conditionalSelectColumnClasses }, [t.selectableAcrossPages ? t._e() : n(e.BentoCheckbox, { attrs: { "aria-label": e.t("selectAll"), "model-value": t.allItemsSelectedState.allItemsSelected, "data-testid": "checkbox-select-all", indeterminate: t.allItemsSelectedState.isIndeterminate, value: "data-grid-select-all" }, on: { "update:model-value": e.onAllRowSelect } }), t.selectableAcrossPages ? [n(e.BentoMenu, { staticClass: "b-data-grid-columns__select-column-menu", attrs: { button: { variant: "tertiary", condensed: !0, "aria-label": e.t("selectAllMenu") }, data: e.selectAllMenu, "disable-arrow-down-opening-menu": "", "menu-fixed-positioning": "", "menu-position": "bottom-start" }, scopedSlots: t._u([{ key: "iconLeft", fn: function() {
1135
- return [n("div", { staticClass: "b-data-grid-columns__select-column-menu-button" }, [n(e.DecorativeCheckbox, { staticClass: "b-data-grid-columns__select-column-menu-checkbox", attrs: { indeterminate: t.allItemsSelectedState.isIndeterminate, checked: t.allItemsSelectedState.allItemsSelected, "all-selected": e.isAllSelectionState, "data-testid": "checkbox-select-all" } }), n(e.TriangleDown, { attrs: { "svg-title": e.t("selectionMenu"), "aria-hidden": "true" } })], 1)];
1136
- }, proxy: !0 }], null, !0) })] : t._e()], 2) : [n("div", { staticClass: "b-data-grid-columns__column-header-and-actions", class: e.conditionalColumnHeaderAndActionsClasses(o), attrs: { "aria-label": e.t("columnActions", { name: o.label }), "aria-live": "polite", role: "region" } }, [n(e.BentoTypography, { staticClass: "b-data-grid-columns__column-header", class: e.conditionalColumnHeaderClasses, attrs: { el: "div", strongest: "" } }, [t._t(`head-${o.field}`, function() {
1137
- return [n("span", { staticClass: "b-data-grid-columns__label" }, [t._v(t._s(o.label))])];
1138
- }, { column: o })], 2), e.hasColumnActions(o) ? n("div", { staticClass: "b-data-grid-columns__column-actions", class: e.conditionalColumnActionsClasses(o) }, [o.infoIconTooltip ? n("div", { staticClass: "b-data-grid-columns__column-info-icon" }, [n(e.BentoInfoIcon, { attrs: { "tooltip-text": o.infoIconTooltip } })], 1) : t._e(), o.sortable ? n("div", { staticClass: "b-data-grid-columns__column-sort" }, [n(e.BentoToggleButton, { attrs: { condensed: "", toggled: e.isSorting(o.field), variant: "tertiary" }, on: { click: function(a) {
1139
- return e.sortByColumnField(o.field);
1140
- } }, scopedSlots: t._u([{ key: "iconLeft", fn: function() {
1141
- return [e.getSortingDirection(o.field) ? e.getSortingDirection(o.field) === e.BentoDatagridSortDirection.ASCENDING ? n(e.SortAscendingIcon, { attrs: { "svg-title": e.t("sortColumnInDescendingOrder", { name: o.label }) } }) : e.getSortingDirection(o.field) === e.BentoDatagridSortDirection.DESCENDING ? n(e.SortDescendingIcon, { attrs: { "svg-title": e.t("sortColumnInAscendingOrder", { name: o.label }) } }) : t._e() : n(e.ArrowUpAndDownSortIcon, { attrs: { "svg-title": e.t("sortColumn", { name: o.label }) } })];
1142
- }, proxy: !0 }], null, !0) })], 1) : t._e(), t.hasColumnPanel ? n(e.BentoMenu, { ref: (a) => e.contextMenuRef[o.field] = a, refInFor: !0, staticClass: "b-data-grid-columns__menu", class: e.conditionalColumnMenuClasses(o), attrs: { "disable-arrow-down-opening-menu": "", data: e.contextualMenuData(o), "menu-position": e.computeMenuPosition(t.hasFirstColumnPanelRightAligned, l), "menu-fixed-positioning": !0, button: { variant: "tertiary", condensed: !0 } }, on: { open: function(a) {
1143
- return t.$emit(e.DatagridColumnsEvent.COLUMN_MENU_OPEN);
1144
- }, close: function(a) {
1145
- return t.$emit(e.DatagridColumnsEvent.COLUMN_MENU_CLOSE);
1146
- } } }) : t._e()], 1) : t._e()], 1), n("div", { staticClass: "b-data-grid-columns__column-separator-container", class: e.conditionalColumnSeparatorClasses(o), attrs: { "data-testid": `data-grid-column-${o.field}`, role: "presentation" }, on: { mousedown: function(a) {
1147
- return e.startResize(t.hasResizableColumns, o.field, a);
1148
- }, click: function(a) {
1149
- a.stopPropagation();
1150
- } } }, [!t.isFrozenColumns || t.isFrozenColumns && l !== e.columns.length - 1 ? n("div", { staticClass: "b-data-grid-columns__column-separator" }) : t._e()])]], 2);
1151
- }), t.rowActionsMaximumWidth && !t.isFrozenColumns ? [n("div", { staticClass: "b-data-grid-columns__row-actions-filler", attrs: { role: "presentation" } }), n("div", { ref: (o) => e.registerColumnsRefs(o, e.DATAGRID_ROW_ACTIONS_COLUMN_FIELD_NAME), staticClass: "b-data-grid-columns__column", style: { minWidth: `${t.rowActionsMaximumWidth}px` }, attrs: { "aria-label": e.t("rowActionsColumn"), "aria-colindex": e.columns.length + 1, role: "columnheader", tabindex: "0" } })] : t._e()], 2);
1152
- }, vo = [], mo = /* @__PURE__ */ q(
1153
- go,
1154
- _o,
1155
- vo,
1156
- !1,
1157
- null,
1158
- "047e7ae6"
1159
- );
1160
- const Co = mo.exports;
1161
- var fe = /* @__PURE__ */ ((s) => (s.UPDATE_CONDENSED = "update:condensed", s.UPDATE_COLUMNS = "update:columns", s.UPDATE_ZEBRA_ROWS = "update:zebra-rows", s))(fe || {});
1162
- let bt = 0;
1163
- const ho = {
1164
- beforeCreate() {
1165
- this.uuid = bt.toString(), bt += 1;
1166
- }
1167
- };
1168
- var po = function() {
1169
- var t = this, n = t._self._c;
1170
- return n("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? n("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), n("g", { attrs: { fill: "#001222", "clip-path": "url(#uia-ui-assets/icons-16-settings__a" + t.uuid + ")" } }, [n("path", { attrs: { d: "M8 5.25C6.48122 5.25 5.25 6.48122 5.25 8C5.25 9.51878 6.48122 10.75 8 10.75C9.51878 10.75 10.75 9.51878 10.75 8C10.75 6.48122 9.51878 5.25 8 5.25ZM6.75 8C6.75 7.30964 7.30964 6.75 8 6.75C8.69036 6.75 9.25 7.30964 9.25 8C9.25 8.69036 8.69036 9.25 8 9.25C7.30964 9.25 6.75 8.69036 6.75 8Z" } }), n("path", { attrs: { d: "M6.84701 0.973015L6.59985 0.35083L5.9537 0.526056C4.64534 0.880867 3.48225 1.56808 2.55285 2.48641L2.07533 2.95826L2.49158 3.48495C2.79648 3.87074 2.85279 4.419 2.58992 4.87589C2.32905 5.32931 1.82436 5.55631 1.33473 5.48726L0.677319 5.39455L0.505539 6.03586C0.33838 6.65992 0.25 7.32519 0.25 7.99991C0.25 8.67463 0.33838 9.3399 0.505539 9.96396L0.677319 10.6053L1.33473 10.5126C1.82436 10.4435 2.32905 10.6705 2.58992 11.1239C2.85279 11.5808 2.79648 12.1291 2.49158 12.5149L2.07533 13.0416L2.55285 13.5134C3.48225 14.4317 4.64534 15.119 5.9537 15.4738L6.59985 15.649L6.84701 15.0268C7.02659 14.5748 7.47549 14.2499 8 14.2499C8.52452 14.2499 8.97341 14.5748 9.15299 15.0268L9.40016 15.649L10.0463 15.4738C11.3547 15.119 12.5177 14.4317 13.4471 13.5134L13.9247 13.0416L13.5084 12.5149C13.2035 12.1291 13.1472 11.5808 13.4101 11.1239C13.671 10.6705 14.1756 10.4435 14.6653 10.5126L15.3227 10.6053L15.4945 9.96396C15.6616 9.3399 15.75 8.67463 15.75 7.99991C15.75 7.32519 15.6616 6.65992 15.4945 6.03586L15.3227 5.39455L14.6653 5.48726C14.1756 5.55631 13.671 5.32931 13.4101 4.87589C13.1472 4.419 13.2035 3.87074 13.5084 3.48495L13.9247 2.95826L13.4471 2.48641C12.5177 1.56808 11.3547 0.880867 10.0463 0.526056L9.40016 0.35083L9.15299 0.973015C8.97341 1.42506 8.52452 1.74991 8 1.74991C7.47549 1.74991 7.02659 1.42506 6.84701 0.973015ZM3.89008 5.62393C4.33946 4.84286 4.36394 3.9353 4.03405 3.16853C4.55803 2.73795 5.15349 2.39116 5.80146 2.14902C6.30062 2.81653 7.10051 3.24991 8 3.24991C8.89949 3.24991 9.69938 2.81653 10.1985 2.14902C10.8465 2.39116 11.442 2.73795 11.966 3.16853C11.6361 3.9353 11.6605 4.84287 12.1099 5.62393C12.5612 6.40839 13.3382 6.88092 14.1658 6.97982C14.221 7.31075 14.25 7.65319 14.25 7.99991C14.25 8.34663 14.221 8.68908 14.1658 9.02001C13.3382 9.11891 12.5612 9.59143 12.1099 10.3759C11.6605 11.157 11.6361 12.0645 11.9659 12.8313C11.442 13.2619 10.8465 13.6087 10.1985 13.8508C9.69938 13.1833 8.89949 12.7499 8 12.7499C7.10051 12.7499 6.30062 13.1833 5.80146 13.8508C5.15349 13.6087 4.55803 13.2619 4.03405 12.8313C4.36394 12.0645 4.33946 11.157 3.89008 10.3759C3.43875 9.59143 2.66177 9.1189 1.8342 9.02C1.77896 8.68908 1.75 8.34663 1.75 7.99991C1.75 7.65319 1.77896 7.31074 1.8342 6.97982C2.66177 6.88092 3.43875 6.40839 3.89008 5.62393Z" } })]), n("defs", [n("clipPath", { attrs: { id: "uia-ui-assets/icons-16-settings__a" + t.uuid } }, [n("rect", { attrs: { width: "16", height: "16", fill: "#fff" } })])])]);
1171
- }, wo = [], bo = /* @__PURE__ */ q(
1172
- ho,
1173
- po,
1174
- wo,
1175
- !1,
1176
- null,
1177
- null
1178
- );
1179
- const So = bo.exports, Ro = {
1180
- "en-US": { toggleColumnFreeze: "Toggle {label} column freeze", toggleColumnVisibility: "Toggle {label} column visibility" },
1181
- "ja-JP": { toggleColumnFreeze: "{label}列の固定を切り替え", toggleColumnVisibility: "{label}列の表示を切り替え" },
1182
- "pt-BR": { toggleColumnFreeze: "Alternar congelamento da coluna {label}", toggleColumnVisibility: "Alternar visibilidade da coluna {label}" }
1183
- }, Eo = de({
1184
- i18n: { messages: Ro },
1185
- name: "bento-data-grid",
1186
- components: {
1187
- BentoFreezeIcon: $t,
1188
- BentoToggle: Pt
1189
- },
1190
- props: {
1191
- /**
1192
- * Is column visibitlity toggle disabled
1193
- */
1194
- isColumnVisibilityToggleDisabled: {
1195
- type: Boolean,
1196
- required: !0
1197
- },
1198
- /**
1199
- * Column definition
1200
- */
1201
- column: {
1202
- type: Object,
1203
- required: !0
1204
- }
1205
- },
1206
- emits: ["visible-column", "updated-column"],
1207
- setup(s, { emit: t }) {
1208
- const { t: n } = he(), e = p(!1), o = v(() => {
1209
- var S;
1210
- return (S = s.column) == null ? void 0 : S.frozen;
1211
- }), l = v(() => {
1212
- var S;
1213
- return ((S = s.column) == null ? void 0 : S.visible) !== !1;
1214
- }), a = _e(
1215
- Te,
1216
- v(() => !1)
1217
- ), i = () => {
1218
- t("visible-column", { ...s.column, visible: !l.value });
1219
- }, _ = () => {
1220
- t("updated-column", { ...s.column, frozen: !o.value });
1221
- }, d = () => {
1222
- o.value || (e.value = !0);
1223
- }, C = () => {
1224
- o.value || (e.value = !1);
1225
- }, m = v(() => ({
1226
- "b-data-grid-config-settings-column-row__freeze-icon--frozen": o.value
1227
- }));
1228
- return {
1229
- // Values
1230
- isFreezeIconOptionShown: e,
1231
- isColumnFrozen: o,
1232
- freezeIconConditionalClasses: m,
1233
- isColumnVisible: l,
1234
- isSmallContainer: a,
1235
- // Methods
1236
- toggleColumnVisibility: i,
1237
- showFreezeIcon: d,
1238
- hideFreezeIcon: C,
1239
- toggleColumnFreeze: _,
1240
- // Translations
1241
- t: n
1242
- };
1243
- }
1244
- });
1245
- var Lo = function() {
1246
- var t = this, n = t._self._c;
1247
- return t._self._setupProxy, n("div", { staticClass: "b-data-grid-config-settings-column-row", on: { mouseover: t.showFreezeIcon, mouseleave: t.hideFreezeIcon } }, [n("bento-toggle", { attrs: { "aria-label": t.t("toggleColumnVisibility", { label: t.column.label }), disabled: t.isColumnVisibilityToggleDisabled, "label-position": "after", value: t.isColumnVisible }, on: { input: t.toggleColumnVisibility } }, [t._v(" " + t._s(t.column.label) + " ")]), n("bento-freeze-icon", { directives: [{ name: "show", rawName: "v-show", value: (t.isColumnFrozen || t.isFreezeIconOptionShown) && !t.isSmallContainer, expression: "(isColumnFrozen || isFreezeIconOptionShown) && !isSmallContainer" }], staticClass: "b-data-grid-config-settings-column-row__freeze-icon", class: t.freezeIconConditionalClasses, attrs: { "aria-label": t.t("toggleColumnFreeze", { label: t.column.label }) }, nativeOn: { click: function(e) {
1248
- return t.toggleColumnFreeze.apply(null, arguments);
1249
- } } })], 1);
1250
- }, Ao = [], yo = /* @__PURE__ */ q(
1251
- Eo,
1252
- Lo,
1253
- Ao,
1254
- !1,
1255
- null,
1256
- "b49cbd8d"
1257
- );
1258
- const To = yo.exports, Oo = {
1259
- "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" },
1260
- "ja-JP": { appearance: "外観", closeConfigSettingsPanel: "構成設定パネルを閉じる", closeSearch: "検索を閉じる", columnVisibilitySearchFilter: "列の表示設定検索フィルター", columns: "列", condensed: "凝縮", condensedToggle: "簡略化を切り替え", configSettingsPanel: "構成設定パネル", displayOptions: "表示オプション", noColumnsMatch: "この検索に一致する列はありません", search: "検索", showAllColumns: "すべての列を表示 ({numberOfColumns})", toggleConfigSettingsPanelVisibility: "構成設定パネルの表示を切り替え", zebraRows: "1行おきに色を設定", zebraRowsToggle: "1行おきに色を設定の切り替え" },
1261
- "pt-BR": { appearance: "Aparência", closeConfigSettingsPanel: "Fechar painel de configurações", closeSearch: "Fechar busca", columnVisibilitySearchFilter: "Filtro de busca de visibilidade de 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: "Buscar", showAllColumns: "Mostrar todas as colunas ({numberOfColumns})", toggleConfigSettingsPanelVisibility: "Alternar a visibilidade do painel de configurações", zebraRows: "Linhas alternadas", zebraRowsToggle: "Alternar linhas alternadas" }
1262
- }, No = de({
1263
- i18n: { messages: Oo },
1264
- name: "bento-data-grid",
1265
- components: {
1266
- BentoButton: Ft,
1267
- BentoCrossIcon: Ot,
1268
- BentoPopover: ts,
1269
- BentoSettingsIcon: So,
1270
- BentoToggleButton: Ze,
1271
- BentoDataGridConfigSettingsConfigRow: To,
1272
- BentoSearchBar: _s,
1273
- BentoSearchIcon: ms,
1274
- BentoToggle: Pt,
1275
- BentoTypography: Se
1276
- },
1277
- directives: { BentoClickOutsideDirective: Cs },
1278
- props: {
1279
- /**
1280
- * Column definitions
1281
- */
1282
- columns: {
1283
- type: Array,
1284
- required: !0
1285
- },
1286
- /**
1287
- * Sets the row cells to the condensed padding state.
1288
- */
1289
- condensed: {
1290
- type: Boolean,
1291
- default: !1
1292
- },
1293
- /**
1294
- * Sets a different background color for even rows.
1295
- */
1296
- zebraRows: {
1297
- type: Boolean,
1298
- default: !1
1299
- }
1300
- },
1301
- emits: [
1302
- fe.UPDATE_CONDENSED,
1303
- fe.UPDATE_COLUMNS,
1304
- fe.UPDATE_ZEBRA_ROWS
1305
- ],
1306
- setup(s, { emit: t }) {
1307
- const { t: n } = he(), e = p(null), o = De("data-grid-config-settings-popover"), l = p(null), a = p(!1), i = p(!0), _ = p(null), d = p(""), C = Ue(s, "columns"), m = p(!1), S = vs(d, C), b = () => {
1308
- d.value = "";
1309
- }, f = v(
1310
- () => !s.columns.some((g) => g.visible === !1 && !g.mandatory)
1311
- ), A = () => {
1312
- b(), m.value = !m.value, m.value ? ae(() => {
1313
- var g;
1314
- return (g = l.value.$refs.bentoInputField) == null ? void 0 : g.focusInput();
1315
- }) : ae(() => {
1316
- var g, R;
1317
- return (R = (g = _ == null ? void 0 : _.value) == null ? void 0 : g.$el) == null ? void 0 : R.focus();
1318
- }), i.value = f.value;
1319
- }, L = (g) => g.mandatory ?? !1, F = (g) => {
1320
- const R = s.columns.map((T) => ({
1321
- ...T,
1322
- visible: g.field === T.field ? g.visible : T.visible
1323
- }));
1324
- t(fe.UPDATE_COLUMNS, R);
1325
- }, E = (g) => {
1326
- g ? t(
1327
- fe.UPDATE_COLUMNS,
1328
- s.columns.map((R) => ({ ...R, visible: !0 }))
1329
- ) : t(
1330
- fe.UPDATE_COLUMNS,
1331
- s.columns.map((R) => ({ ...R, visible: (R == null ? void 0 : R.mandatory) === !0 }))
1332
- );
1333
- }, u = (g) => {
1334
- const R = s.columns.map((T) => ({
1335
- ...T,
1336
- frozen: g.field === T.field ? !!(g != null && g.frozen) : !!(T != null && T.frozen)
1337
- }));
1338
- t(fe.UPDATE_COLUMNS, R);
1339
- }, y = (g) => {
1340
- a.value = g, i.value = f.value;
1341
- };
1342
- return {
1343
- // Values
1344
- configSettingsButtonRef: e,
1345
- popoverId: o,
1346
- isConfigSettingsPanelOpen: a,
1347
- allColumnsVisbilityToggleState: i,
1348
- filteredColumnVisibilityColumns: S,
1349
- searchTerm: d,
1350
- isColumnVisibilityFilterShown: m,
1351
- searchBarRef: l,
1352
- searchButtonRef: _,
1353
- DATAGRID_ACTIONS_COLUMN_FIELD_NAME: le,
1354
- // Methods
1355
- setConfigSettingsPanelVisibility: y,
1356
- emitCondensedToggle: (g) => t(fe.UPDATE_CONDENSED, g),
1357
- toggleAllColumnVisibility: E,
1358
- clearAction: b,
1359
- toggleColumnFilter: A,
1360
- emitVisibleColumns: F,
1361
- emitFrozenColumns: u,
1362
- onClickOutside: () => y(!1),
1363
- isColumnVisibilityToggleDisabled: L,
1364
- emitZebraRowsToggle: (g) => t(fe.UPDATE_ZEBRA_ROWS, g),
1365
- // Translations
1366
- t: n
1367
- };
1368
- }
1369
- });
1370
- var Io = function() {
1371
- var t = this, n = t._self._c;
1372
- return t._self._setupProxy, n("div", { directives: [{ name: "bento-click-outside-directive", rawName: "v-bento-click-outside-directive", value: t.onClickOutside, expression: "onClickOutside" }], staticClass: "b-data-grid-config-settings" }, [n("div", { staticClass: "b-data-grid-config-settings__button-and-separator" }, [n("div", { ref: "configSettingsButtonRef", staticClass: "b-data-grid-config-settings__button-container" }, [n("bento-toggle-button", { attrs: { "aria-controls": t.isConfigSettingsPanelOpen ? t.popoverId : null, variant: "tertiary", condensed: "", toggled: t.isConfigSettingsPanelOpen }, on: { click: function(e) {
1373
- return t.setConfigSettingsPanelVisibility(!t.isConfigSettingsPanelOpen);
1374
- } }, scopedSlots: t._u([{ key: "iconLeft", fn: function() {
1375
- return [n("bento-settings-icon", { attrs: { "svg-title": t.t("toggleConfigSettingsPanelVisibility") } })];
1376
- }, proxy: !0 }]) })], 1)]), t.configSettingsButtonRef ? n("bento-popover", { staticClass: "b-data-grid-config-settings__panel", attrs: { id: t.popoverId, open: t.isConfigSettingsPanelOpen, "aria-label": t.t("configSettingsPanel"), "target-element": t.configSettingsButtonRef, position: "bottom-end" } }, [n("div", { staticClass: "b-data-grid-config-settings__panel-header" }, [n("bento-typography", { attrs: { el: "span", strongest: "" } }, [t._v(" " + t._s(t.t("displayOptions")) + " ")]), n("bento-button", { attrs: { variant: "tertiary" }, on: { click: function(e) {
1377
- return t.setConfigSettingsPanelVisibility(!1);
1378
- } }, scopedSlots: t._u([{ key: "iconLeft", fn: function() {
1379
- return [n("bento-cross-icon", { attrs: { "svg-title": t.t("closeConfigSettingsPanel") } })];
1380
- }, proxy: !0 }], null, !1, 353359238) })], 1), n("div", { staticClass: "b-data-grid-config-settings__appearance" }, [n("bento-typography", { staticClass: "b-data-grid-config-settings__appearance-title", attrs: { el: "span", stronger: "" } }, [t._v(" " + t._s(t.t("appearance")) + " ")]), n("div", { staticClass: "b-data-grid-config-settings__appearance-button" }, [n("bento-toggle", { attrs: { "label-position": "after", "aria-label": t.t("condensedToggle"), value: t.condensed }, on: { input: t.emitCondensedToggle } }, [t._v(" " + t._s(t.t("condensed")) + " ")])], 1), n("div", { staticClass: "b-data-grid-config-settings__appearance-button" }, [n("bento-toggle", { attrs: { "label-position": "after", "aria-label": t.t("zebraRowsToggle"), value: t.zebraRows }, on: { input: t.emitZebraRowsToggle } }, [t._v(" " + t._s(t.t("zebraRows")) + " ")])], 1)], 1), n("div", { staticClass: "b-data-grid-config-settings__column-visibility-settings" }, [n("div", { staticClass: "b-data-grid-config-settings__column-visibility-header" }, [n("bento-typography", { staticClass: "b-data-grid-config-settings__column-visibility-title", attrs: { el: "span", stronger: "" } }, [t._v(" " + t._s(t.t("columns")) + " ")]), t.isColumnVisibilityFilterShown ? n("bento-button", { attrs: { variant: "tertiary" }, on: { click: t.toggleColumnFilter }, scopedSlots: t._u([{ key: "iconLeft", fn: function() {
1381
- return [n("bento-cross-icon")];
1382
- }, proxy: !0 }], null, !1, 2651303519) }, [t._v(" " + t._s(t.t("closeSearch")) + " ")]) : n("bento-button", { ref: "searchButtonRef", attrs: { variant: "tertiary" }, on: { click: t.toggleColumnFilter }, scopedSlots: t._u([{ key: "iconLeft", fn: function() {
1383
- return [n("bento-search-icon")];
1384
- }, proxy: !0 }], null, !1, 2341044271) }, [t._v(t._s(t.t("search")))])], 1), t.isColumnVisibilityFilterShown ? n("div", { staticClass: "b-data-grid-config-settings__column-visibility-search" }, [n("bento-search-bar", { ref: "searchBarRef", attrs: { value: t.searchTerm, "input-field-aria-label": t.t("columnVisibilitySearchFilter").toString() }, on: { input: function(e) {
1385
- t.searchTerm = e;
1386
- }, clear: t.clearAction, "escape-pressed": t.toggleColumnFilter } })], 1) : n("div", { staticClass: "b-data-grid-config-settings__column-visibility-show-all" }, [n("bento-toggle", { attrs: { "label-position": "after", value: t.allColumnsVisbilityToggleState }, on: { input: t.toggleAllColumnVisibility } }, [t._v(" " + t._s(t.t("showAllColumns", { numberOfColumns: t.columns.length })) + " ")])], 1), n("div", { staticClass: "b-data-grid-config-settings__column-visibility-toggles" }, [t._l(t.filteredColumnVisibilityColumns, function(e) {
1387
- return n("div", { key: e.field }, [e.field !== t.DATAGRID_ACTIONS_COLUMN_FIELD_NAME ? n("bento-data-grid-config-settings-config-row", { attrs: { column: e, "is-column-visibility-toggle-disabled": t.isColumnVisibilityToggleDisabled(e) }, on: { "visible-column": t.emitVisibleColumns, "updated-column": t.emitFrozenColumns } }) : t._e()], 1);
1388
- }), t.filteredColumnVisibilityColumns.length === 0 ? n("bento-typography", { staticClass: "b-data-grid-config-settings__column-visibility-empty-search-message", attrs: { el: "span" } }, [t._v(" " + t._s(t.t("noColumnsMatch")) + " ")]) : t._e()], 2)])]) : t._e()], 1);
1389
- }, Do = [], xo = /* @__PURE__ */ q(
1390
- No,
1391
- Io,
1392
- Do,
1393
- !1,
1394
- null,
1395
- "0e477266"
1396
- );
1397
- const Fo = xo.exports, kt = {
1398
- "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" },
1399
- "ja-JP": { filterBar: "フィルター", gettingYourData: "データの取得", loading: "読み込み中", noResults: "結果がありません", pagination: "ページネーション", selectRow: "行を選択", showMore: "表示内容を増やす", sortAscending: "{field}昇順で並べ替え", sortDescending: "{field}降順で並べ替え", sortInactive: "{field}の並べ替えが無効" },
1400
- "pt-BR": { filterBar: "Filtro", 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" }
1401
- }, Bo = {
1402
- i18n: { messages: kt }
1403
- }, Po = /* @__PURE__ */ de({
1404
- ...Bo,
1405
- __name: "data-grid-lazy-load",
1406
- props: {
1407
- loading: { type: Boolean },
1408
- isInfiniteScroll: { type: Boolean }
1409
- },
1410
- setup(s) {
1411
- const { t } = he();
1412
- return { __sfc: !0, t, BentoLoadingButton: ss, BentoLoadingButtonState: ns, BentoLoadingIndicator: Ge, BentoDatagridEvent: N };
1413
- }
1414
- });
1415
- var Mo = function() {
1416
- var t = this, n = t._self._c, e = t._self._setupProxy;
1417
- return n("div", { staticClass: "b-data-grid-lazy-load" }, [t.loading && t.isInfiniteScroll ? n(e.BentoLoadingIndicator) : t._e(), t.loading && !t.isInfiniteScroll ? n(e.BentoLoadingButton, { attrs: { variant: "secondary", state: e.BentoLoadingButtonState.LOADING } }, [t._v(t._s(e.t("loading")))]) : t._e(), !t.loading && !t.isInfiniteScroll ? n(e.BentoLoadingButton, { attrs: { state: e.BentoLoadingButtonState.START, variant: "secondary" }, on: { click: function(o) {
1418
- return t.$emit(e.BentoDatagridEvent.UPDATE_SHOW_MORE);
1419
- } } }, [t._v(t._s(e.t("showMore")))]) : t._e()], 1);
1420
- }, Uo = [], $o = /* @__PURE__ */ q(
1421
- Po,
1422
- Mo,
1423
- Uo,
1424
- !1,
1425
- null,
1426
- "fd9b8204"
1427
- );
1428
- const zo = $o.exports;
1429
- let St = 0;
1430
- const ko = {
1431
- beforeCreate() {
1432
- this.uuid = St.toString(), St += 1;
1433
- }
1434
- };
1435
- var Wo = function() {
1436
- var t = this, n = t._self._c;
1437
- return n("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? n("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), n("path", { attrs: { fill: "#001222", d: "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" } })]);
1438
- }, Go = [], Ho = /* @__PURE__ */ q(
1439
- ko,
1440
- Wo,
1441
- Go,
1442
- !1,
1443
- null,
1444
- null
1445
- );
1446
- const Rt = Ho.exports, Vo = {
1447
- "en-US": { copy: "Copy", edit: "Edit", more: "More", open: "Open" },
1448
- "ja-JP": { copy: "コピー", edit: "編集", more: "詳しく見る", open: "未解決" },
1449
- "pt-BR": { copy: "Copiar", edit: "Editar", more: "Mais", open: "Aberto" }
1450
- }, Zo = {
1451
- i18n: { messages: Vo },
1452
- name: "data-grid-cell-actions"
1453
- }, jo = /* @__PURE__ */ de({
1454
- ...Zo,
1455
- props: {
1456
- /**
1457
- * Column definitions using 'key' to relate to data object.
1458
- */
1459
- cellActions: {
1460
- type: [Array, Function],
1461
- required: !0,
1462
- validator: (s) => (s == null ? void 0 : s.length) <= 2
1463
- },
1464
- /**
1465
- * The column field key.
1466
- */
1467
- columnKey: {
1468
- type: String,
1469
- default: void 0
1470
- },
1471
- /**
1472
- * Disables any opening of the cell actions menus using the down arrow key.
1473
- */
1474
- disableArrowDownOpeningMenu: {
1475
- type: Boolean,
1476
- default: !1
1477
- },
1478
- /**
1479
- * Set to true if the datagrid has been scrolled and the right side has overflowing space.
1480
- */
1481
- hasRightOverflow: {
1482
- type: Boolean,
1483
- default: !1
1484
- },
1485
- /**
1486
- * Set to true if the row has a darker background when zebra rows is enabled.
1487
- */
1488
- hasZebraBackground: {
1489
- type: Boolean,
1490
- default: !1
1491
- },
1492
- /**
1493
- * Set to true if the row is selected.
1494
- */
1495
- isSelected: {
1496
- type: Boolean,
1497
- default: !1
1498
- },
1499
- /**
1500
- * Set to true if the row is highlighted.
1501
- */
1502
- isHighlighted: {
1503
- type: Boolean,
1504
- default: !1
1505
- },
1506
- /**
1507
- * Set if set to true will teleport the action menu component
1508
- */
1509
- teleportMenu: {
1510
- type: Boolean,
1511
- default: !1
1512
- },
1513
- /**
1514
- * The row data item object.
1515
- */
1516
- rowDataItem: {
1517
- type: Object,
1518
- required: !0
1519
- }
1520
- },
1521
- emits: ["menu-open", "menu-close", "menu-item-click"],
1522
- setup(s, { emit: t }) {
1523
- const n = s, { t: e } = he(), o = _e(xe, p(!1)), l = (u) => {
1524
- if ("text" in u && u.text !== void 0)
1525
- return u.text;
1526
- switch (u.variant) {
1527
- case "copy":
1528
- return e("copy");
1529
- case "edit":
1530
- return e("edit");
1531
- case "open":
1532
- return e("open");
1533
- case "more":
1534
- return e("more");
1535
- default:
1536
- return u.title;
1537
- }
1538
- }, a = (u) => {
1539
- switch (u.variant) {
1540
- case "copy":
1541
- return ct;
1542
- case "edit":
1543
- return Rt;
1544
- case "open":
1545
- return rt;
1546
- default:
1547
- return;
1548
- }
1549
- }, i = v(() => n.columnKey === void 0), _ = v(() => ({
1550
- "b-data-grid-cell-actions__background-gradient--with-row-actions-and-overflow": i.value && n.hasRightOverflow,
1551
- "b-data-grid-cell-actions__background-gradient--zebra": n.hasZebraBackground,
1552
- "b-data-grid-cell-actions__background-gradient--highlighted": n.isHighlighted,
1553
- "b-data-grid-cell-actions__background-gradient--selected": n.isSelected
1554
- })), d = v(() => ({
1555
- "b-data-grid-cell-actions__actions--with-row-actions": i.value,
1556
- "b-data-grid-cell-actions__actions--zebra": n.hasZebraBackground,
1557
- "b-data-grid-cell-actions__actions--highlighted": n.isHighlighted,
1558
- "b-data-grid-cell-actions__actions--selected": n.isSelected
1559
- })), C = v(() => !i.value || i.value && n.hasRightOverflow);
1560
- function m(u) {
1561
- return typeof u == "function";
1562
- }
1563
- const S = v(() => {
1564
- var y;
1565
- const u = m(n.cellActions) ? (y = n.cellActions) == null ? void 0 : y.call(n, n.rowDataItem, n.columnKey) : n.cellActions;
1566
- if (o.value && !i.value && u) {
1567
- const O = [];
1568
- return u.forEach((x) => {
1569
- x.menuData ? x.menuData.forEach((r) => {
1570
- O.push(r);
1571
- }) : O.push({
1572
- text: l(x),
1573
- event: x.event,
1574
- critical: x.critical,
1575
- disabled: x.disabled,
1576
- icon: a(x)
1577
- });
1578
- }), [
1579
- {
1580
- variant: "more",
1581
- isShort: !0,
1582
- iconLeft: it,
1583
- menuData: L(O)
1584
- }
1585
- ];
1586
- }
1587
- return !o.value && (u == null ? void 0 : u.length) > 2 && It(
1588
- "WARNING: BentoDataGrid Cell actions can only have a maximum of 2 actions, if you need more consider using the menuData property instead."
1589
- ), u == null ? void 0 : u.slice(0, 2);
1590
- }), b = v(() => (u, y) => {
1591
- if (!(!y && u.isShort || y && !u.isShort))
1592
- switch (u.variant) {
1593
- case "copy":
1594
- return e("copy");
1595
- case "edit":
1596
- return e("edit");
1597
- case "open":
1598
- return e("open");
1599
- case "more":
1600
- return e("more");
1601
- default:
1602
- return u.title;
1603
- }
1604
- }), f = (u) => (u == null ? void 0 : u.event) !== void 0 ? {
1605
- click: (y) => {
1606
- y.stopPropagation(), u.event(n.rowDataItem, n.columnKey);
1607
- }
1608
- } : {}, A = (u) => ({
1609
- ...u,
1610
- handler: () => {
1611
- u != null && u.handler && typeof u.handler == "function" && (u == null || u.handler()), u != null && u.event && typeof u.event == "function" && (u == null || u.event(n.rowDataItem, n.columnKey));
1612
- }
1613
- }), L = (u) => u.map((y) => {
1614
- const O = y;
1615
- return O != null && O.items && (O.items = L(O.items)), { ...A(O) };
1616
- });
1617
- return { __sfc: !0, t: e, props: n, emit: t, isTouchDevice: o, getMenuItemText: l, getMenuItemIcon: a, isRowActions: i, conditionalCellActionsBackgroundGradientClasses: _, conditionalCellActionsClasses: d, showGradientElement: C, isBentoColumnCellActionsByCellValueDataFn: m, computedCellActions: S, getButtonTitle: b, generateButtonEvents: f, generateMenuEvents: A, transformMenuEvents: L, getCopyText: (u) => {
1618
- var y, O;
1619
- return (u == null ? void 0 : u.getCopyData) !== void 0 ? u.getCopyData(n.rowDataItem, n.columnKey) : n.columnKey ? (O = (y = n.rowDataItem) == null ? void 0 : y[n.columnKey]) == null ? void 0 : O.toString() : "";
1620
- }, shouldShowMenuIconLeft: (u) => u.iconLeft || (u == null ? void 0 : u.variant) === "more", BentoButton: Ft, BentoMenu: Bt, Copy: ct, vBentoTooltipDirective: Nt, Edit1Icon: Rt, ExternalLinkIcon: rt, OptionsVerticalIcon: it };
1621
- }
1622
- });
1623
- var qo = function() {
1624
- var t = this, n = t._self._c, e = t._self._setupProxy;
1625
- return n("Transition", { attrs: { name: "b-data-grid-cell-actions__animation", appear: "" } }, [n("div", { staticClass: "b-data-grid-cell-actions" }, [e.showGradientElement && !e.isTouchDevice ? n("div", { staticClass: "b-data-grid-cell-actions__background-gradient", class: e.conditionalCellActionsBackgroundGradientClasses }) : t._e(), n("div", { staticClass: "b-data-grid-cell-actions__actions", class: e.conditionalCellActionsClasses, attrs: { role: "group" } }, t._l(e.computedCellActions, function(o, l) {
1626
- return n("div", { key: l, staticClass: "b-data-grid-cell-actions__action" }, [o.menuData ? n(e.BentoMenu, { directives: [{ name: "bento-tooltip-directive", rawName: "v-bento-tooltip-directive:[button.tooltipPosition]", value: o.tooltipText, expression: "button.tooltipText", arg: o.tooltipPosition }], attrs: { data: e.transformMenuEvents(o.menuData), button: {
1627
- condensed: !0,
1628
- variant: "secondary",
1629
- disabled: o.disabled
1630
- }, "disable-arrow-down-opening-menu": t.disableArrowDownOpeningMenu, teleport: t.teleportMenu }, on: { open: function(a) {
1631
- return e.emit("menu-open");
1632
- }, close: function(a) {
1633
- return e.emit("menu-close");
1634
- }, "menu-item-click": function(a) {
1635
- return e.emit("menu-item-click");
1636
- } }, scopedSlots: t._u([e.shouldShowMenuIconLeft(o) ? { key: "iconLeft", fn: function() {
1637
- return [(o == null ? void 0 : o.variant) === "more" ? n(e.OptionsVerticalIcon, { attrs: { "svg-title": e.getButtonTitle(o, !0) } }) : n(o.iconLeft, { tag: "component", attrs: { "svg-title": e.getButtonTitle(o, !0) } })];
1638
- }, proxy: !0 } : null, o != null && o.isShort ? null : { key: "default", fn: function() {
1639
- return [t._v(" " + t._s(e.getButtonTitle(o)) + " ")];
1640
- }, proxy: !0 }], null, !0) }) : o.variant === "copy" ? n(e.Copy, { attrs: { text: e.getCopyText(o), "button-text": e.getButtonTitle(o), button: {
1641
- condensed: !0,
1642
- variant: "secondary"
1643
- } } }) : n(e.BentoButton, t._g({ directives: [{ name: "bento-tooltip-directive", rawName: "v-bento-tooltip-directive:[button.tooltipPosition]", value: o.tooltipText, expression: "button.tooltipText", arg: o.tooltipPosition }], attrs: { condensed: "", variant: "secondary", critical: o.critical, disabled: o.disabled, link: o.link }, scopedSlots: t._u([o.iconLeft || o.variant === "edit" ? { key: "iconLeft", fn: function() {
1644
- return [(o == null ? void 0 : o.variant) === "edit" ? n(e.Edit1Icon, { attrs: { "svg-title": e.getButtonTitle(o, !0) } }) : n(o.iconLeft, { tag: "component", attrs: { "svg-title": o.title } })];
1645
- }, proxy: !0 } : null, o != null && o.isShort ? null : { key: "default", fn: function() {
1646
- return [t._v(" " + t._s(e.getButtonTitle(o)) + " ")];
1647
- }, proxy: !0 }, o.iconRight || o.variant === "open" ? { key: "iconRight", fn: function() {
1648
- return [(o == null ? void 0 : o.variant) === "open" ? n(e.ExternalLinkIcon, { attrs: { "svg-title": e.getButtonTitle(o, !0) } }) : n(o.iconRight, { tag: "component", attrs: { "svg-title": o.title } })];
1649
- }, proxy: !0 } : null], null, !0) }, e.generateButtonEvents(o)))], 1);
1650
- }), 0)])]);
1651
- }, Yo = [], Jo = /* @__PURE__ */ q(
1652
- jo,
1653
- qo,
1654
- Yo,
1655
- !1,
1656
- null,
1657
- "7ecb90d6"
1658
- );
1659
- const Wt = Jo.exports;
1660
- var Q = /* @__PURE__ */ ((s) => (s.ACTION_COL_NESTED_CONTENT_AND_SELECTION_ENABLED = "action-col-nested-content-and-selection-enabled", s.ACTION_COL_NESTED_CONTENT_ENABLED = "action-col-nested-content-enabled", s.ACTION_COL_SELECTION_ENABLED = "action-col-selection-enabled", s.COLUMN_HOVERED = "column-hovered", s.COLUMN_HOVERED_NO_BORDER_LEFT = "column-hovered-no-border-left", s.COLUMN_HOVERED_NO_BORDER_RIGHT = "column-hovered-no-border-right", s.CONDENSED = "condensed", s.FROZEN = "frozen", s.IS_COLUMN_REORDERING = "is-column-re-ordering", s.IS_COLUMN_REORDERING_TARGET_LEFT = "is-column-re-order-target-left", s.IS_COLUMN_REORDERING_TARGET_RIGHT = "is-column-re-order-target-right", s.LAST_FROZEN_COLUMN_CELL = "last-frozen-column-cell", s.NESTED_CONTENT_ENABLED = "nested-content-toggle-enabled", s.NUMERIC = "numeric", s.OVERFLOW_ELLIPSIS = "overflow-ellipsis", s.PADDING_LEFT_UNSET = "padding-left-unset", s.PADDING_RIGHT_UNSET = "padding-right-unset", s.SLASHED_ZERO = "slashed-zero", s))(Q || {});
1661
- const Et = () => {
1662
- const s = document.activeElement;
1663
- return s ? s.matches(":focus-visible") || s.matches(".focus-visible") : !1;
1664
- }, Ko = {
1665
- "en-US": { collapseNestedContent: "Collapse nested content", expandNestedContent: "Expand nested content", selectRow: "Select row" },
1666
- "ja-JP": { collapseNestedContent: "ネストされたコンテンツを折りたたむ", expandNestedContent: "ネストされたコンテンツを展開", selectRow: "行を選択" },
1667
- "pt-BR": { collapseNestedContent: "Recolher conteúdo aninhado", expandNestedContent: "Expandir conteúdo aninhado", selectRow: "Selecionar linha" }
1668
- }, Xo = {
1669
- i18n: { messages: Ko },
1670
- name: "data-grid-cell"
1671
- }, Qo = /* @__PURE__ */ de({
1672
- ...Xo,
1673
- props: {
1674
- draggingEventsForRowCell: {
1675
- type: Function,
1676
- required: !0
1677
- },
1678
- /**
1679
- * The columns sets including
1680
- */
1681
- columnSets: {
1682
- type: Array,
1683
- required: !0
1684
- },
1685
- /**
1686
- * The columns set we are iterating over
1687
- */
1688
- column: {
1689
- type: Object,
1690
- required: !0
1691
- },
1692
- colIndex: {
1693
- type: Number,
1694
- required: !0
1695
- },
1696
- columnSetIndex: {
1697
- type: Number,
1698
- required: !0
1699
- },
1700
- /**
1701
- * Sets the row cells to the condensed padding state.
1702
- */
1703
- condensed: {
1704
- type: Boolean,
1705
- default: !1
1706
- },
1707
- /**
1708
- * Columns being dragged, contains dragging column and a target column
1709
- */
1710
- draggingColumns: {
1711
- type: Object,
1712
- default: void 0
1713
- },
1714
- /**
1715
- * A customisable method to retrieve a unique identifier for a data item in the array of data supplied.
1716
- * This is used selecting and performance reasons and must exist in each data item.
1717
- */
1718
- getDataItemId: {
1719
- type: Function,
1720
- default: (s) => s.id
1721
- },
1722
- /**
1723
- * Set to true if the cell has a darker background when zebra rows is enabled.
1724
- */
1725
- hasZebraBackground: {
1726
- type: Boolean,
1727
- default: !1
1728
- },
1729
- /**
1730
- * Set to true if the row is selected.
1731
- */
1732
- isSelected: {
1733
- type: Boolean,
1734
- default: !1
1735
- },
1736
- /**
1737
- * Set to true if the row is highlighted.
1738
- */
1739
- isHighlighted: {
1740
- type: Boolean,
1741
- default: !1
1742
- },
1743
- /**
1744
- * The column hovered over state and whether the hovered over column should show a border right or left.
1745
- */
1746
- hoveredOverColumnState: {
1747
- type: Object,
1748
- required: !0
1749
- },
1750
- /**
1751
- * A customisable method to determine if a row is not selectable.
1752
- * The default is that every row is selectable.
1753
- */
1754
- isDataItemDisabled: {
1755
- type: Function,
1756
- default: () => !1
1757
- },
1758
- isMeasuringColumnWidths: {
1759
- type: Boolean,
1760
- default: !1
1761
- },
1762
- /**
1763
- * Determines if the nested content is visible.
1764
- */
1765
- isNestedContentExpanded: {
1766
- type: Boolean,
1767
- default: !1
1768
- },
1769
- /**
1770
- * Determines if the nest content slot is enabled for this data row.
1771
- */
1772
- nestedContent: {
1773
- type: Boolean,
1774
- default: !1
1775
- },
1776
- /**
1777
- * The IDs of the rows this cell controls to show / hide them.
1778
- */
1779
- nestedRowsElementIds: {
1780
- type: Array,
1781
- default: () => []
1782
- },
1783
- /**
1784
- * The row data object
1785
- */
1786
- rowData: {
1787
- type: Object,
1788
- required: !0
1789
- },
1790
- rowIndex: {
1791
- type: Number,
1792
- required: !0
1793
- },
1794
- /**
1795
- * The row selection checkbox indeterminate state.
1796
- */
1797
- selectionIsIndeterminate: {
1798
- type: Boolean,
1799
- default: !1
1800
- },
1801
- /**
1802
- * Determines if the row selection is enabled.
1803
- */
1804
- selectable: {
1805
- type: Boolean,
1806
- default: !1
1807
- },
1808
- selectedItems: {
1809
- type: Array,
1810
- required: !0
1811
- }
1812
- },
1813
- emits: ["on-frozen-columns-key-press", "select-row", "register-row-cell-element", "cell-hovered", "nested-content-toggled", "cell-focus"],
1814
- setup(s, { expose: t, emit: n }) {
1815
- const e = s, o = We(), l = He(o), { t: a } = he(), i = p(null), _ = p(null), d = p(!1), C = p([]), m = p(!1), S = p(), b = p(!1), f = v(() => {
1816
- var w;
1817
- return !!((w = e.rowData) != null && w[e.column.field]);
1818
- }), A = v(
1819
- () => {
1820
- var w;
1821
- return e.column.field === le && ((w = e.nestedRowsElementIds) == null ? void 0 : w.length) > 0 ? e.nestedRowsElementIds.join(" ") : void 0;
1822
- }
1823
- ), L = v(
1824
- () => e.column.field === le && !e.selectable && !e.nestedContent
1825
- ), F = v(() => !L.value && (x(e.rowIndex, e.colIndex, e.columnSetIndex) === 0 && !b.value || m.value) ? "0" : (e.column.field === le, "-1")), E = (w, W) => (w == null ? void 0 : w.overflow) === $e.ELLIPSIS ? `${W}` : void 0, u = (w) => w ?? "-", y = (w) => e.columnSets.slice(0, w).reduce((W, { columnSet: $ }) => W + $.length, 0), O = (w, W) => w + y(W), x = (w, W, $) => y() * w + O(W, $), r = (w) => {
1826
- var W;
1827
- (w === null || !i.value.contains(w) && !((W = C.value) != null && W.map(($) => $.value).some(($) => $ === w || ($ == null ? void 0 : $.contains(w))))) && (d.value = !1);
1828
- }, g = () => {
1829
- d.value = !1;
1830
- }, R = p(!1), T = (w) => {
1831
- const W = {
1832
- ...e.draggingEventsForRowCell(w),
1833
- // Focus on the first interactive child in the grid cell if one exists
1834
- focus: async () => {
1835
- if (!Et())
1836
- return;
1837
- m.value = !0, b.value = !0, n("cell-focus", {
1838
- rowData: e.rowData,
1839
- column: e.column,
1840
- rowIndex: e.rowIndex,
1841
- colIndex: O(e.colIndex, e.columnSetIndex)
1842
- }), Ut(S.value), await ae(), je(i.value) && (R.value = !0);
1843
- },
1844
- focusout: () => {
1845
- Et() && (R.value = !1);
1846
- },
1847
- keydown: (z) => {
1848
- z.key !== ce.TAB && (R.value = !1, m.value = !1, we(i.value));
1849
- }
1850
- }, $ = { ...W };
1851
- return w.frozen && ($.keyup = (z) => n("on-frozen-columns-key-press", z), $.keydown = (z) => {
1852
- W.keydown(z), n("on-frozen-columns-key-press", z);
1853
- }), w.cellActions && ($.mouseenter = () => {
1854
- d.value = !0;
1855
- }, $.mouseleave = (z) => {
1856
- r(z == null ? void 0 : z.relatedTarget);
1857
- }, $.focus = async (z) => {
1858
- W.focus(z), await ae(), d.value = !0;
1859
- }, $.focusout = (z) => {
1860
- W.focusout(z), r(z == null ? void 0 : z.relatedTarget);
1861
- }), $;
1862
- };
1863
- Ee(() => {
1864
- S.value = we(i.value);
1865
- });
1866
- const B = () => {
1867
- n("nested-content-toggled");
1868
- };
1869
- ie(
1870
- () => d.value,
1871
- () => {
1872
- d.value === !0 ? n("cell-hovered", e.rowIndex) : n("cell-hovered", -1);
1873
- }
1874
- );
1875
- const P = (w) => {
1876
- C.value.push(w);
1877
- }, k = (w) => {
1878
- i.value.contains(w == null ? void 0 : w.relatedTarget) || (d.value = !1);
1879
- };
1880
- Ne(os, {
1881
- registerMenuContainerElement: P,
1882
- menuMouseLeave: k
1883
- });
1884
- const K = _e(zt, p(!1)), Y = _e(
1885
- Te,
1886
- v(() => !1)
1887
- ), ee = _e(xe, p(!1)), G = (w) => {
1888
- var W, $, z, ve, me, re, c;
1889
- return {
1890
- [`b-data-grid-cell--${Q.COLUMN_HOVERED}`]: (w == null ? void 0 : w.field) === e.hoveredOverColumnState.hoveredOverColumnField,
1891
- [`b-data-grid-cell--${Q.COLUMN_HOVERED_NO_BORDER_LEFT}`]: (w == null ? void 0 : w.field) === e.hoveredOverColumnState.hoveredOverColumnField && e.hoveredOverColumnState.noBorderLeft,
1892
- [`b-data-grid-cell--${Q.COLUMN_HOVERED_NO_BORDER_RIGHT}`]: (w == null ? void 0 : w.field) === e.hoveredOverColumnState.hoveredOverColumnField && e.hoveredOverColumnState.noBorderRight,
1893
- [`b-data-grid-cell--${Q.PADDING_LEFT_UNSET}`]: ((W = w == null ? void 0 : w.padding) == null ? void 0 : W.left) === !1,
1894
- [`b-data-grid-cell--${Q.PADDING_RIGHT_UNSET}`]: (($ = w == null ? void 0 : w.padding) == null ? void 0 : $.right) === !1,
1895
- [`b-data-grid-cell--${Q.NUMERIC}`]: w == null ? void 0 : w.numeric,
1896
- [`b-data-grid-cell--${Q.CONDENSED}`]: e.condensed,
1897
- [`b-data-grid-cell--${Q.OVERFLOW_ELLIPSIS}`]: (w == null ? void 0 : w.overflow) === $e.ELLIPSIS,
1898
- [`b-data-grid-cell--${Q.IS_COLUMN_REORDERING}`]: ((z = e.draggingColumns.dragging) == null ? void 0 : z.field) === w.field,
1899
- [`b-data-grid-cell--${Q.IS_COLUMN_REORDERING_TARGET_LEFT}`]: ((ve = e.draggingColumns.target) == null ? void 0 : ve.field) === w.field && ((me = e.draggingColumns) == null ? void 0 : me.dragToLeft),
1900
- [`b-data-grid-cell--${Q.IS_COLUMN_REORDERING_TARGET_RIGHT}`]: ((re = e.draggingColumns.target) == null ? void 0 : re.field) === w.field && !((c = e.draggingColumns) != null && c.dragToLeft),
1901
- [`b-data-grid-cell--${Q.FROZEN}`]: w == null ? void 0 : w.frozen,
1902
- [`b-data-grid-cell--${Q.NESTED_CONTENT_ENABLED}`]: e.nestedContent,
1903
- [`b-data-grid-cell--${Q.ACTION_COL_NESTED_CONTENT_ENABLED}`]: e.nestedContent && !e.selectable && w.field === le,
1904
- [`b-data-grid-cell--${Q.ACTION_COL_NESTED_CONTENT_AND_SELECTION_ENABLED}`]: e.nestedContent && e.selectable && w.field === le,
1905
- [`b-data-grid-cell--${Q.ACTION_COL_SELECTION_ENABLED}`]: w.field === le && e.selectable,
1906
- [`b-data-grid-cell--${Q.SLASHED_ZERO}`]: K.value,
1907
- "b-data-grid-cell--small-container": Y.value
1908
- };
1909
- }, M = v(() => ({
1910
- "b-data-grid-cell__cell-content--is-focused-on-inside-interactive-element": R.value
1911
- }));
1912
- return t({
1913
- gridcellRef: i
1914
- }), { __sfc: !0, slots: o, hasSlot: l, t: a, props: e, emit: n, gridcellRef: i, cellActionsRef: _, shouldShowCellActions: d, childrenMenuContainerElements: C, isFocused: m, focusableItems: S, hasEverBeenFocused: b, hasRowData: f, controlledNestedRowElementIds: A, ariaHidden: L, tabIndex: F, conditionalTitleAttribute: E, getRowData: u, sumColumnAmountsInColumnSets: y, getColIndex: O, getCellIndex: x, isLeavingCellFocus: r, onMenuClose: g, hasInteractiveElFocusedInside: R, getGridcellEvents: T, toggleNestedContent: B, registerMenuContainerElement: P, menuMouseLeave: k, hasSlashedZero: K, isSmallContainer: Y, isTouchDevice: ee, conditionalRowCellClasses: G, computedCellContentClasses: M, DATAGRID_ACTIONS_COLUMN_FIELD_NAME: le, BentoCheckbox: xt, BentoTypography: Se, BentoToggleButton: Ze, DataGridCellActions: Wt, ChevronDownIcon: ls, ChevronUpIcon: as };
1915
- }
1916
- });
1917
- var el = function() {
1918
- var o;
1919
- var t = this, n = t._self._c, e = t._self._setupProxy;
1920
- return n("div", t._g({ key: `cell-${t.column.field}`, ref: "gridcellRef", staticClass: "b-data-grid-cell", class: e.conditionalRowCellClasses(t.column), style: {
1921
- width: t.column.autoWidth && t.isMeasuringColumnWidths ? "auto" : `${t.column.width}px`
1922
- }, attrs: { "aria-hidden": e.ariaHidden, "data-testid": `cell-${t.column.field}`, "data-cellindex": e.getCellIndex(t.rowIndex, t.colIndex, t.columnSetIndex), role: "gridcell", tabindex: e.tabIndex, "aria-colindex": e.getColIndex(t.colIndex, t.columnSetIndex) + 1 } }, e.getGridcellEvents(t.column)), [t.column.field === e.DATAGRID_ACTIONS_COLUMN_FIELD_NAME ? [t.selectable ? [n(e.BentoCheckbox, { staticClass: "b-data-grid-cell__select-cell", attrs: { "aria-label": e.t("selectRow"), disabled: t.isDataItemDisabled(t.rowData), indeterminate: t.selectionIsIndeterminate, "model-value": t.selectedItems, value: t.getDataItemId(t.rowData), tabindex: e.isFocused ? 0 : -1 }, on: { "update:model-value": function(l) {
1923
- return t.$emit("select-row", l);
1924
- } } })] : t._e(), t.nestedContent ? [n(e.BentoToggleButton, { ref: "menuButtonRef", attrs: { "aria-haspopup": "true", "aria-controls": e.controlledNestedRowElementIds, condensed: "", variant: "tertiary", toggled: t.isNestedContentExpanded }, on: { click: e.toggleNestedContent }, scopedSlots: t._u([{ key: "iconLeft", fn: function() {
1925
- return [t.isNestedContentExpanded ? n(e.ChevronUpIcon, { staticClass: "b-accordion-item__icon", attrs: { "svg-title": e.t("collapseNestedContent") } }) : n(e.ChevronDownIcon, { staticClass: "b-accordion-item__icon", attrs: { "svg-title": e.t("expandNestedContent") } })];
1926
- }, proxy: !0 }], null, !1, 1879847906) })] : t._e()] : [n(e.BentoTypography, { staticClass: "b-data-grid-cell__cell-content", class: e.computedCellContentClasses, attrs: { el: "div", "data-testid": "cell-content" } }, [t._t(`item-${t.column.field}`, function() {
1927
- return [n("span", { attrs: { title: e.conditionalTitleAttribute(t.column, t.rowData[t.column.field]) } }, [t._v(t._s(e.getRowData(t.rowData[t.column.field])))])];
1928
- }, { item: t.rowData, rowIndex: t.rowIndex })], 2), ((o = t.column.cellActions) == null ? void 0 : o.length) > 0 ? n("div", { staticClass: "b-data-grid-cell__cell-actions" }, [(e.shouldShowCellActions || e.isTouchDevice) && (e.hasRowData || e.hasSlot(`item-${t.column.field}`)) ? n(e.DataGridCellActions, { ref: "cellActionsRef", attrs: { "cell-actions": t.column.cellActions, "column-key": t.column.field, "row-data-item": t.rowData, "has-zebra-background": t.hasZebraBackground, "is-highlighted": t.isHighlighted, "is-selected": t.isSelected, "teleport-menu": "" }, on: { "menu-item-click": e.onMenuClose } }) : t._e()], 1) : t._e()]], 2);
1929
- }, tl = [], nl = /* @__PURE__ */ q(
1930
- Qo,
1931
- el,
1932
- tl,
1933
- !1,
1934
- null,
1935
- "43492ebb"
1936
- );
1937
- const sl = nl.exports, ol = {
1938
- name: "data-grid-row"
1939
- }, ll = /* @__PURE__ */ de({
1940
- ...ol,
1941
- props: {
1942
- /**
1943
- * Row actions property that generates which button to show in row actions area
1944
- */
1945
- rowActions: {
1946
- type: [Function, Array],
1947
- default: void 0
1948
- },
1949
- /**
1950
- * When true, will emit a 'rowClick' event when a row is clicked. Will add cursor: pointer to rows.
1951
- */
1952
- allowRowClicks: { type: Boolean, default: !1 },
1953
- /**
1954
- * The columns sets including
1955
- */
1956
- columnSets: {
1957
- type: Array,
1958
- required: !0
1959
- },
1960
- /**
1961
- * Sets the row cells to the condensed padding state.
1962
- */
1963
- condensed: {
1964
- type: Boolean,
1965
- default: !1
1966
- },
1967
- /**
1968
- * Columns being dragged, contains dragging column and a target column
1969
- */
1970
- draggingColumns: {
1971
- type: Object,
1972
- default: void 0
1973
- },
1974
- /**
1975
- * Dragging event handlers for each row cell
1976
- */
1977
- draggingEventsForRowCell: {
1978
- type: Function,
1979
- required: !0
1980
- },
1981
- /**
1982
- * A customisable method to retrieve a unique identifier for a data item in the array of data supplied.
1983
- * This is used selecting and performance reasons and must exist in each data item.
1984
- */
1985
- getDataItemId: {
1986
- type: Function,
1987
- default: (s) => s.id
1988
- },
1989
- /**
1990
- * Set to true if the datagrid has been scrolled and the left side has overflowing space.
1991
- */
1992
- hasLeftOverflow: {
1993
- type: Boolean,
1994
- default: !1
1995
- },
1996
- /**
1997
- * Enables the nested content slot functionality.
1998
- */
1999
- hasNestedContent: {
2000
- type: Boolean,
2001
- default: !1
2002
- },
2003
- /**
2004
- * Enables the nested content slot functionality.
2005
- */
2006
- hasNestedRows: {
2007
- type: Boolean,
2008
- default: !1
2009
- },
2010
- /**
2011
- * Set to true if the datagrid has been scrolled and the right side has overflowing space.
2012
- */
2013
- hasRightOverflow: {
2014
- type: Boolean,
2015
- default: !1
2016
- },
2017
- /**
2018
- * Highlighted row IDs.
2019
- */
2020
- highlightedRows: {
2021
- type: Array,
2022
- default: () => []
2023
- },
2024
- /**
2025
- * The row index of a currently hovered row.
2026
- */
2027
- hoveredRowIndex: {
2028
- type: Number,
2029
- default: -1
2030
- },
2031
- /**
2032
- * The column hovered over state and whether the hovered over column should show a border right or left.
2033
- */
2034
- hoveredOverColumnState: {
2035
- type: Object,
2036
- required: !0
2037
- },
2038
- /**
2039
- * A customisable method to determine if a row is not selectable.
2040
- * The default is that every row is selectable.
2041
- */
2042
- isDataItemDisabled: {
2043
- type: Function,
2044
- default: () => !1
2045
- },
2046
- /**
2047
- * If the row is of an even number.
2048
- * Rows are 0th based index e.g. index 0 is an odd-numbered row.
2049
- */
2050
- isRowEven: {
2051
- type: Boolean,
2052
- default: !1
2053
- },
2054
- /**
2055
- * If the row is the last child in it's parent container.
2056
- */
2057
- isRowLastChild: {
2058
- type: Boolean,
2059
- default: !1
2060
- },
2061
- /**
2062
- * If columns are being measured for the autoWidth functionality.
2063
- */
2064
- isMeasuringColumnWidths: {
2065
- type: Boolean,
2066
- default: !1
2067
- },
2068
- /**
2069
- * Determines if this row is nested inside another row.
2070
- */
2071
- isNestedRow: {
2072
- type: Boolean,
2073
- default: !1
2074
- },
2075
- /**
2076
- * The maximum width of the row actions in all rows
2077
- */
2078
- rowActionsMaximumWidth: {
2079
- type: Number,
2080
- default: 0
2081
- },
2082
- /**
2083
- * The row data object
2084
- */
2085
- rowData: {
2086
- type: Object,
2087
- required: !0
2088
- },
2089
- /**
2090
- * The row index.
2091
- */
2092
- rowIndex: {
2093
- type: Number,
2094
- required: !0
2095
- },
2096
- /**
2097
- * The row ID to be using for the ID attribute.
2098
- */
2099
- rowId: {
2100
- type: Number,
2101
- default: void 0
2102
- },
2103
- /**
2104
- * The number of rows that this row is within.
2105
- */
2106
- rowSetSize: {
2107
- type: Number,
2108
- default: 0
2109
- },
2110
- /**
2111
- * Determines whether to render frozen seperator on the row.
2112
- */
2113
- showFrozenColumnsSeparator: {
2114
- type: Boolean,
2115
- default: !1
2116
- },
2117
- /**
2118
- * Determines if the row selection is enabled.
2119
- */
2120
- selectable: {
2121
- type: Boolean,
2122
- default: !1
2123
- },
2124
- /**
2125
- * The array of IDs for the selected rows.
2126
- */
2127
- selectedItems: {
2128
- type: Array,
2129
- required: !0
2130
- },
2131
- /**
2132
- * Enables / Disables the nested-content slot
2133
- */
2134
- shouldShowNestedContent: {
2135
- type: Function,
2136
- default: (s) => !0
2137
- },
2138
- /**
2139
- * Returns the nested rows for a given BentoDatagridDataItem.
2140
- */
2141
- shouldShowNestedRows: {
2142
- type: Function,
2143
- default: (s) => !0
2144
- }
2145
- },
2146
- emits: ["cell-hovered", "on-frozen-columns-key-press", "select-row", "select-nested-row", "row-click", "nested-content-toggled", "cell-focus"],
2147
- setup(s, { expose: t, emit: n }) {
2148
- const e = s, o = We(), l = He(o), a = p({}), i = p(!1), _ = p(), d = p(), C = De("nested-content-slot"), m = p(!1), S = p();
2149
- Ee(() => {
2150
- d.value && (S.value = we(d.value));
2151
- });
2152
- const b = v(() => e.shouldShowNestedRows(e.rowData)), f = v(
2153
- () => {
2154
- var h, I;
2155
- return !e.isNestedRow && e.hasNestedRows && b.value && ((I = (h = e.rowData) == null ? void 0 : h.children) == null ? void 0 : I.length) > 0;
2156
- }
2157
- ), A = v(
2158
- () => {
2159
- var h, I;
2160
- return !e.isNestedRow && e.hasNestedRows && b.value && (((h = e.rowData) == null ? void 0 : h.children) === void 0 || ((I = e == null ? void 0 : e.rowData) == null ? void 0 : I.children.length) === 0);
2161
- }
2162
- ), L = v(
2163
- () => e.hasNestedContent && e.shouldShowNestedContent(e.rowData) || e.hasNestedRows && b.value && !e.isNestedRow
2164
- ), F = v(() => {
2165
- if (e.hasNestedContent || e.hasNestedRows) {
2166
- const h = i.value.toString();
2167
- return {
2168
- "aria-expanded": L.value ? h : void 0,
2169
- "aria-level": e.isNestedRow ? "2" : "1",
2170
- "aria-posinset": e.rowIndex + 1,
2171
- "aria-setsize": e.rowSetSize
2172
- };
2173
- }
2174
- return { "aria-rowindex": e.rowIndex + 1 };
2175
- }), E = v(() => {
2176
- if (A.value)
2177
- return {
2178
- "aria-busy": "true",
2179
- "aria-live": "polite"
2180
- };
2181
- if (!(f.value || !e.hasNestedContent || !e.shouldShowNestedContent(e.rowData)))
2182
- return {
2183
- "aria-level": e.isNestedRow ? "3" : "2",
2184
- "aria-posinset": "1",
2185
- "aria-setsize": "1",
2186
- id: C,
2187
- role: "row",
2188
- tabindex: "-1"
2189
- };
2190
- }), u = v(() => {
2191
- var h, I;
2192
- return f.value ? (I = (h = e.rowData) == null ? void 0 : h.children) == null ? void 0 : I.reduce((H, te, se) => (H[se] = De("nested-row"), H), {}) : [];
2193
- }), y = v(() => {
2194
- var h;
2195
- if (i.value) {
2196
- if (e.hasNestedContent && e.shouldShowNestedContent(e.rowData))
2197
- return [C];
2198
- if (f.value && ((h = Object.keys(u.value)) == null ? void 0 : h.length) > 0) {
2199
- const I = Object.values(u.value);
2200
- if ((I == null ? void 0 : I.length) > 0)
2201
- return I;
2202
- }
2203
- return [];
2204
- }
2205
- }), O = v(() => {
2206
- var I, H;
2207
- const h = (H = (I = e.rowData) == null ? void 0 : I.children) == null ? void 0 : H.map((te) => e.getDataItemId(te));
2208
- if ((h == null ? void 0 : h.length) > 0) {
2209
- const te = h.every((Z) => {
2210
- var Ce;
2211
- return (Ce = e == null ? void 0 : e.selectedItems) == null ? void 0 : Ce.includes(Z);
2212
- }), se = h.some((Z) => {
2213
- var Ce;
2214
- return (Ce = e == null ? void 0 : e.selectedItems) == null ? void 0 : Ce.includes(Z);
2215
- });
2216
- return !te && se;
2217
- }
2218
- return !1;
2219
- }), x = (h, I) => {
2220
- const H = h;
2221
- h !== null && (H != null && H.gridcellRef) && (a.value[I] = H.gridcellRef);
2222
- }, r = (h) => u.value[h], g = (h) => {
2223
- if (!e.selectable)
2224
- return null;
2225
- const I = e.getDataItemId(h);
2226
- return e.selectedItems.includes(I).toString();
2227
- }, R = (h, I) => {
2228
- n("row-click", h, I);
2229
- }, T = (h) => {
2230
- var te;
2231
- if (!e.allowRowClicks)
2232
- return;
2233
- let I = !1;
2234
- const H = ["button", "input", "a"];
2235
- for (let se = 0; se < H.length; se++)
2236
- if ((te = h == null ? void 0 : h.target) != null && te.closest(H[se])) {
2237
- I = !0;
2238
- break;
2239
- }
2240
- I || R(e.rowData, h);
2241
- }, B = (h) => {
2242
- n("select-row", h, e.rowData);
2243
- }, P = (h, I) => {
2244
- n("select-nested-row", I, e.rowData, h);
2245
- }, k = () => {
2246
- m.value = !0;
2247
- }, K = () => {
2248
- m.value = !1;
2249
- }, Y = () => {
2250
- var h;
2251
- Ut([(h = S.value) == null ? void 0 : h[0]]), je(d.value);
2252
- }, ee = () => {
2253
- we(d.value);
2254
- }, G = (h) => {
2255
- var I, H;
2256
- h.key !== ce.TAB && we(d.value), h.key === ce.ARROW_RIGHT && ((I = S.value) == null ? void 0 : I.length) > 1 && S.value[0].node === document.activeElement ? (we(d.value), S.value[1].node.setAttribute("tabindex", "0"), S.value[1].node.focus(), h.stopPropagation(), h.preventDefault()) : h.key === ce.ARROW_LEFT && ((H = S.value) == null ? void 0 : H.length) > 1 && S.value[1].node === document.activeElement && (we(d.value), S.value[0].node.setAttribute("tabindex", "0"), S.value[0].node.focus(), h.stopPropagation(), h.preventDefault());
2257
- }, M = () => e.columnSets.reduce((h, { columnSet: I }) => h + I.length, 0), w = () => M() * e.rowIndex + M(), { updateContentHeight: W, contentHeight: $ } = is(_, i), z = v(() => {
2258
- var h;
2259
- if (e.hasNestedContent || e.hasNestedRows)
2260
- return {
2261
- paddingLeft: `${f.value || A.value ? 0 : a.value[le].offsetWidth + Mt}px`,
2262
- "max-height": (e.hasNestedContent || e.hasNestedRows) && $.value && !((h = $ == null ? void 0 : $.value) != null && h.includes("null")) ? $.value : 0
2263
- };
2264
- });
2265
- ie(
2266
- () => _.value,
2267
- () => {
2268
- let h = null;
2269
- !h && _.value && (h = Ve(_.value, () => {
2270
- _.value && W();
2271
- }));
2272
- }
2273
- );
2274
- const ve = () => {
2275
- i.value = !i.value, W(), n("nested-content-toggled", e.rowData);
2276
- };
2277
- ie(
2278
- () => {
2279
- var h;
2280
- return (h = e.rowData) == null ? void 0 : h.children;
2281
- },
2282
- (h, I) => {
2283
- var H, te;
2284
- ((te = (H = e == null ? void 0 : e.rowData) == null ? void 0 : H.children) == null ? void 0 : te.length) > 0 && I === void 0 && !i.value && W();
2285
- }
2286
- );
2287
- const me = _e(
2288
- Te,
2289
- v(() => !1)
2290
- ), re = (h) => e.highlightedRows.includes(e.getDataItemId(h)), c = (h) => e.selectedItems.includes(e.getDataItemId(h)), U = (h, I) => ({
2291
- "b-data-grid-row-container__row--disabled": e.isDataItemDisabled(h),
2292
- "b-data-grid-row-container__row--row-clicks-enabled": e.allowRowClicks,
2293
- "b-data-grid-row-container__row--highlighted": re(h),
2294
- "b-data-grid-row-container__row--selected": c(h),
2295
- "b-data-grid-row-container__row--hovered": e.hoveredRowIndex === I,
2296
- "b-data-grid-row-container__row--is-last-child": e.isRowLastChild && !i.value,
2297
- "b-data-grid-row-container__row--nested-row": e.isNestedRow,
2298
- "b-data-grid-row-container__row--zebra": e.isRowEven
2299
- }), X = (h, I) => ({
2300
- "b-data-grid-row-container__row-cell-set--frozen": h && !I,
2301
- [`b-data-grid-row-container__row-cell-set--${ge.OVERFLOW_SHADOW_LEFT}`]: !I && h && e.hasLeftOverflow,
2302
- "b-data-grid-row-container__row-cell-set--frozen-separator": !I && h && e.showFrozenColumnsSeparator,
2303
- "b-data-grid-row-container__row-cell-set--unfrozen": !h || I,
2304
- "b-data-grid-row-container__row-cell-set--is-measuring": e.isMeasuringColumnWidths
2305
- }), ne = v(() => ({
2306
- "b-data-grid-row-container__row-nested-slot--is-last-child": e.isRowLastChild,
2307
- "b-data-grid-row-container__row-nested-slot": !f.value && e.shouldShowNestedContent(e.rowData)
2308
- })), pe = v(() => ({
2309
- "b-data-grid-row-container__row-actions-container--row-actions-menu-open": m.value
2310
- })), Re = v(() => ({
2311
- minWidth: `${e.rowActionsMaximumWidth}px`
2312
- }));
2313
- return t({
2314
- gridcellRefs: a,
2315
- rowActionsRef: d
2316
- }), { __sfc: !0, slots: o, hasSlot: l, props: e, emit: n, gridcellRefs: a, isNestedContentShown: i, nestedContentRef: _, rowActionsRef: d, nestedContentSlotId: C, isRowActionMenuOpen: m, focusableItems: S, shouldShowNestedRowsBooleanResult: b, shouldShowRenderNestedRows: f, isLoadingNestedRows: A, shouldShowNestedContentToggle: L, ariaRowAttributes: F, nestedContentContainerDivAriaAttributes: E, nestedRowIds: u, allNestedRowIds: y, hasUnSelectedNestedRows: O, registerRowCellRef: x, getRowId: r, getRowAriaSelectedValue: g, emitRowClick: R, onRowClick: T, onRowSelect: B, onNestedRowSelect: P, onRowActionMenuOpen: k, onRowActionMenuClose: K, onRowActionsCellFocus: Y, onRowActionsCellFocusOut: ee, onRowActionsCellOnKeyDown: G, sumColumnAmountsInColumnSets: M, getRowActionsCellIndex: w, updateContentHeight: W, contentHeight: $, nestedContentStyles: z, nestedContentToggled: ve, isSmallContainer: me, isHighlightedRow: re, isSelectedRow: c, conditionalRowClasses: U, conditionalRowSetClasses: X, conditionalNestedRowClasses: ne, conditionalRowActionsContainerClasses: pe, computedRowActionsStyles: Re, BentoLoadingIndicator: Ge, DataGridRow: Gt, DataGridCell: sl, DataGridCellActions: Wt };
2317
- }
2318
- });
2319
- var al = function() {
2320
- var o;
2321
- var t = this, n = t._self._c, e = t._self._setupProxy;
2322
- return n("div", { staticClass: "b-data-grid-row-container", attrs: { role: "presentation" } }, [n("div", t._b({ key: t.rowIndex, staticClass: "b-data-grid-row-container__row", class: e.conditionalRowClasses(t.rowData, t.rowIndex), attrs: { id: (o = t.rowId) == null ? void 0 : o.toString(), role: "row", "aria-selected": e.getRowAriaSelectedValue(t.rowData) }, on: { click: e.onRowClick, keyup: [function(l) {
2323
- return !l.type.indexOf("key") && t._k(l.keyCode, "enter", 13, l.key, "Enter") ? null : e.onRowClick.apply(null, arguments);
2324
- }, function(l) {
2325
- return !l.type.indexOf("key") && t._k(l.keyCode, "space", 32, l.key, [" ", "Spacebar"]) ? null : e.onRowClick.apply(null, arguments);
2326
- }] } }, "div", e.ariaRowAttributes, !1), [t._l(t.columnSets, function({ columnSet: l, id: a, isFrozenColumns: i }, _) {
2327
- return [l != null && l.length ? n("div", { key: `data-grid-rows-${a}`, staticClass: "b-data-grid-row-container__cells", class: e.conditionalRowSetClasses(i, e.isSmallContainer), attrs: { "data-testid": `data-grid-${a}-rows` } }, t._l(l, function(d, C) {
2328
- return n(e.DataGridCell, { key: `cell-${d.field}`, ref: (m) => e.registerRowCellRef(m, d.field), refInFor: !0, staticClass: "b-data-grid-row-container__cell", attrs: { column: d, "column-set-index": _, "col-index": C, "column-sets": t.columnSets, condensed: t.condensed, "dragging-columns": t.draggingColumns, "dragging-events-for-row-cell": t.draggingEventsForRowCell, "get-data-item-id": t.getDataItemId, "has-zebra-background": t.isRowEven, "is-highlighted": e.isHighlightedRow(t.rowData), "is-selected": e.isSelectedRow(t.rowData), "hovered-over-column-state": t.hoveredOverColumnState, "is-data-item-disabled": t.isDataItemDisabled, "is-measuring-column-widths": t.isMeasuringColumnWidths, "is-nested-content-expanded": e.isNestedContentShown, "nested-content": e.shouldShowNestedContentToggle, "nested-rows-element-ids": e.allNestedRowIds, "row-data": t.rowData, "row-index": t.rowIndex, "selection-is-indeterminate": e.hasUnSelectedNestedRows, selectable: t.selectable, "selected-items": t.selectedItems }, on: { "cell-hovered": function(m) {
2329
- return e.emit("cell-hovered", m);
2330
- }, "cell-focus": function(m) {
2331
- return e.emit("cell-focus", m);
2332
- }, "on-frozen-columns-key-press": function(m) {
2333
- return e.emit("on-frozen-columns-key-press", m);
2334
- }, "select-row": e.onRowSelect, "nested-content-toggled": e.nestedContentToggled }, scopedSlots: t._u([t._l(e.slots, function(m, S) {
2335
- return { key: S, fn: function(b) {
2336
- return [t._t(S, null, null, b)];
2337
- } };
2338
- })], null, !0) });
2339
- }), 1) : t._e(), !i && t.rowActions ? n("div", { key: `data-grid-row-actions-${a}`, ref: "rowActionsRef", refInFor: !0, staticClass: "b-data-grid-row-container__row-actions-container", class: e.conditionalRowActionsContainerClasses, style: e.computedRowActionsStyles, attrs: { "aria-colindex": e.sumColumnAmountsInColumnSets().toString(), "data-cellindex": e.getRowActionsCellIndex(), tabindex: "-1", role: "gridcell" }, on: { focus: e.onRowActionsCellFocus, focusOut: e.onRowActionsCellFocusOut, keydown: e.onRowActionsCellOnKeyDown } }, [n(e.DataGridCellActions, { staticClass: "b-data-grid-row-container__row-actions", attrs: { "disable-arrow-down-opening-menu": "", "cell-actions": t.rowActions, "has-right-overflow": t.hasRightOverflow, "row-data-item": t.rowData, "teleport-menu": "" }, on: { "menu-open": e.onRowActionMenuOpen, "menu-close": e.onRowActionMenuClose } })], 1) : t._e()];
2340
- })], 2), t.hasNestedContent && e.hasSlot("nested-slot") && t.shouldShowNestedContent(t.rowData) || t.hasNestedRows && e.shouldShowNestedRowsBooleanResult ? n("Transition", { key: `${t.rowIndex}-nest-content`, attrs: { name: "b-data-grid-row-container__animation--nested-content" } }, [e.isNestedContentShown && e.shouldShowRenderNestedRows ? n("div", { class: e.conditionalNestedRowClasses, style: e.nestedContentStyles, attrs: { "data-testid": "nested-content-container", role: "presentation" } }, [n("div", { ref: "nestedContentRef" }, [e.isLoadingNestedRows ? n("div", { staticClass: "b-data-grid-row-container__row-nested-rows-loading-container" }, [n(e.BentoLoadingIndicator)], 1) : t._e(), t._l(t.rowData.children, function(l, a) {
2341
- return n(e.DataGridRow, t._b({ key: `child-${a}`, attrs: { id: e.getRowId(a), "row-data": l, "row-index": a, "row-set-size": t.rowData.children.length, "is-nested-row": "" }, on: { "cell-hovered": function(i) {
2342
- return e.emit("cell-hovered", i);
2343
- }, "cell-focus": function(i) {
2344
- return e.emit("cell-focus", i);
2345
- }, "row-click": e.emitRowClick, "on-frozen-columns-key-press": function(i) {
2346
- return e.emit("on-frozen-columns-key-press", i);
2347
- }, "select-row": function(i) {
2348
- return e.onNestedRowSelect(l, i);
2349
- } }, scopedSlots: t._u([t._l(e.slots, function(i, _) {
2350
- return { key: _, fn: function(d) {
2351
- return [t._t(_, null, null, d)];
2352
- } };
2353
- })], null, !0) }, "data-grid-row", e.props, !1));
2354
- })], 2)]) : e.isNestedContentShown ? n("div", t._b({ class: e.conditionalNestedRowClasses, style: e.nestedContentStyles, attrs: { "data-testid": "nested-content-container", role: "row", tabindex: "-1" } }, "div", e.nestedContentContainerDivAriaAttributes, !1), [n("div", { ref: "nestedContentRef", attrs: { role: "gridcell" } }, [e.isLoadingNestedRows ? n("div", { staticClass: "b-data-grid-row-container__row-nested-rows-loading-container" }, [n(e.BentoLoadingIndicator)], 1) : e.hasSlot("nested-slot") && t.shouldShowNestedContent(t.rowData) ? n("div", [t._t("nested-slot", null, { item: t.rowData })], 2) : t._e()])]) : t._e()]) : t._e()], 1);
2355
- }, il = [], rl = /* @__PURE__ */ q(
2356
- ll,
2357
- al,
2358
- il,
2359
- !1,
2360
- null,
2361
- "96b2006a"
2362
- );
2363
- const Gt = rl.exports;
2364
- let Lt = 0;
2365
- const cl = {
2366
- beforeCreate() {
2367
- this.uuid = Lt.toString(), Lt += 1;
2368
- }
2369
- };
2370
- var dl = function() {
2371
- var t = this, n = t._self._c;
2372
- return n("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? n("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), n("g", { attrs: { "clip-path": "url(#uia-ui-assets/icons-16-warning_circle_fill__a" + t.uuid + ")" } }, [n("path", { attrs: { fill: "#001222", d: "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" } })]), n("defs", [n("clipPath", { attrs: { id: "uia-ui-assets/icons-16-warning_circle_fill__a" + t.uuid } }, [n("rect", { attrs: { width: "16", height: "16", fill: "#fff" } })])])]);
2373
- }, ul = [], fl = /* @__PURE__ */ q(
2374
- cl,
2375
- dl,
2376
- ul,
2377
- !1,
2378
- null,
2379
- null
2380
- );
2381
- const gl = fl.exports, _l = {}, vl = /* @__PURE__ */ de({
2382
- ..._l,
2383
- __name: "data-grid-static-icon",
2384
- props: {
2385
- colored: { type: Boolean, default: !1 },
2386
- tooltipText: null,
2387
- variant: { default: "no-value" }
2388
- },
2389
- setup(s) {
2390
- const t = s, n = v(() => {
2391
- switch (t.variant) {
2392
- case "checkmark":
2393
- return kn;
2394
- case "warning":
2395
- return Wn;
2396
- case "error":
2397
- return gl;
2398
- case "cross":
2399
- return Ot;
2400
- case "no-value":
2401
- return at;
2402
- default:
2403
- return at;
2404
- }
2405
- }), e = v(() => ({
2406
- "b-data-grid-static-icon--colored": t.colored && t.variant !== "no-value"
2407
- })), o = v(() => `b-data-grid-static-icon__${t.variant}`), l = v(() => Gn.AUTO);
2408
- return { __sfc: !0, props: t, computedIcon: n, conditionalClasses: e, computedIconClass: o, tooltipPosition: l, vBentoTooltipDirective: Nt };
2409
- }
2410
- });
2411
- var ml = function() {
2412
- var t = this, n = t._self._c, e = t._self._setupProxy;
2413
- return n("div", { directives: [{ name: "bento-tooltip-directive", rawName: "v-bento-tooltip-directive:[tooltipPosition]", value: t.tooltipText, expression: "tooltipText", arg: e.tooltipPosition }], staticClass: "b-data-grid-static-icon", class: e.conditionalClasses, attrs: { "aria-label": t.tooltipText, tabindex: "0" } }, [n(e.computedIcon, { tag: "component", class: e.computedIconClass, attrs: { "svg-title": t.tooltipText } })], 1);
2414
- }, Cl = [], hl = /* @__PURE__ */ q(
2415
- vl,
2416
- ml,
2417
- Cl,
2418
- !1,
2419
- null,
2420
- "dbc055cb"
2421
- );
2422
- const Ga = hl.exports, pl = {
2423
- "de-DE": { numberResults: "1 Ergebnis | {count} Ergebnisse" },
2424
- "en-US": { numberResults: "1 result | {count} results" },
2425
- "es-ES": { numberResults: "1 resultado | {count} resultados" },
2426
- "fr-FR": { numberResults: "1 résultat | {count} résultats" },
2427
- "ja-JP": { numberResults: "1件の結果 | {count}件の結果" },
2428
- "pt-BR": { numberResults: "1 resultado | {count} resultados" }
2429
- }, wl = {
2430
- i18n: { messages: pl }
2431
- }, bl = /* @__PURE__ */ de({
2432
- ...wl,
2433
- __name: "data-grid-summary-cell",
2434
- props: {
2435
- label: null,
2436
- items: null,
2437
- dashedUnderline: { default: () => ({}) },
2438
- searchTerm: { default: "" },
2439
- tooltipText: { default: null }
2440
- },
2441
- setup(s) {
2442
- const t = s, { tc: n } = he(), e = p(), o = v(() => ({
2443
- popoverPosition: "right",
2444
- // Setting popover defaults, but they are overriden if used passes dashedUnderline prop
2445
- popoverTitle: t.label,
2446
- popoverSize: "small",
2447
- ...t.dashedUnderline,
2448
- // We force teleport as this is needed for the popover to appear above all the data grid elements
2449
- teleport: {
2450
- disabled: !1
2451
- }
2452
- })), l = v(() => {
2453
- var d;
2454
- return ((d = t.searchTerm) == null ? void 0 : d.toLowerCase()) ?? "";
2455
- }), a = (d) => t.searchTerm && d.toLowerCase().includes(l.value) ? "mark" : "span", i = v(() => t.searchTerm ? t.items.filter((d) => d.toLowerCase().includes(l.value)).length : 0), _ = v(
2456
- () => t.tooltipText ?? (i.value > 0 ? n("numberResults", i.value) : "")
2457
- );
2458
- return { __sfc: !0, tc: n, props: t, dashedUnderlineRef: e, dashedUnderlineProps: o, lowerCaseSearchTerm: l, highlightedComponent: a, highlightedItemsCount: i, computedToolTipText: _, BentoDashedUnderline: Zn, BentoTypography: Se, Tooltip: Vn, BentoTooltipPosition: Hn };
2459
- }
2460
- });
2461
- var Sl = function() {
2462
- var t = this, n = t._self._c, e = t._self._setupProxy;
2463
- return n("div", { staticClass: "b-data-grid-summary-cell" }, [t.items.length > 1 ? n(e.BentoDashedUnderline, t._b({ ref: "dashedUnderlineRef", scopedSlots: t._u([{ key: "popover-content", fn: function() {
2464
- return [n(e.BentoTypography, { staticClass: "b-data-grid-summary-cell__popover-content" }, [n("ul", { staticClass: "b-data-grid-summary-cell__list" }, t._l(t.items, function(o) {
2465
- return n("li", { key: o }, [n(e.highlightedComponent(o), { tag: "component" }, [t._v(t._s(o))])], 1);
2466
- }), 0)])];
2467
- }, proxy: !0 }], null, !1, 4023850623) }, "bento-dashed-underline", e.dashedUnderlineProps, !1), [t._v(" " + t._s(t.label) + " ")]) : [t._v(t._s(t.items[0]))], e.dashedUnderlineRef && e.computedToolTipText ? n(e.Tooltip, { attrs: { content: e.computedToolTipText, "disabled-focus-trap": !0, position: e.BentoTooltipPosition.RIGHT, "fallback-position": ["left", "bottom"], "is-shown": !!e.computedToolTipText, "target-element": e.dashedUnderlineRef } }) : t._e()], 2);
2468
- }, Rl = [], El = /* @__PURE__ */ q(
2469
- bl,
2470
- Sl,
2471
- Rl,
2472
- !1,
2473
- null,
2474
- "2cf5d218"
2475
- );
2476
- const Ha = El.exports, Ll = {}, Al = /* @__PURE__ */ de({
2477
- ...Ll,
2478
- __name: "data-grid-tag-with-text-cell",
2479
- props: {
2480
- tag: null,
2481
- value: null
2482
- },
2483
- setup(s) {
2484
- return { __sfc: !0, props: s, BentoTag: jn, BentoTypography: Se };
2485
- }
2486
- });
2487
- var yl = function() {
2488
- var t = this, n = t._self._c, e = t._self._setupProxy;
2489
- return n("div", { staticClass: "b-data-grid-tag-with-text-cell" }, [n(e.BentoTag, t._b({}, "bento-tag", e.props.tag, !1)), n(e.BentoTypography, { attrs: { el: "span" } }, [t._v(t._s(t.value))])], 1);
2490
- }, Tl = [], Ol = /* @__PURE__ */ q(
2491
- Al,
2492
- yl,
2493
- Tl,
2494
- !1,
2495
- null,
2496
- "ed0cc252"
2497
- );
2498
- const Va = Ol.exports;
2499
- let At = 0;
2500
- const Nl = {
2501
- beforeCreate() {
2502
- this.uuid = At.toString(), At += 1;
2503
- }
2504
- };
2505
- var Il = function() {
2506
- var t = this, n = t._self._c;
2507
- return n("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? n("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), n("path", { attrs: { fill: "#001222", d: "M12.0605 7L11 8.06055L8.75 5.81055V12.75H7.25V5.81055L5 8.06055L3.93945 7L8 2.93945L12.0605 7Z" } })]);
2508
- }, Dl = [], xl = /* @__PURE__ */ q(
2509
- Nl,
2510
- Il,
2511
- Dl,
2512
- !1,
2513
- null,
2514
- null
2515
- );
2516
- const Fl = xl.exports;
2517
- let yt = 0;
2518
- const Bl = {
2519
- beforeCreate() {
2520
- this.uuid = yt.toString(), yt += 1;
2521
- }
2522
- };
2523
- var Pl = function() {
2524
- var t = this, n = t._self._c;
2525
- return n("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? n("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), n("path", { attrs: { fill: "#001222", d: "M8.75 10.1895L11 7.93945L12.0605 9L8 13.0605L3.93945 9L5 7.93945L7.25 10.1895V3.25H8.75V10.1895Z" } })]);
2526
- }, Ml = [], Ul = /* @__PURE__ */ q(
2527
- Bl,
2528
- Pl,
2529
- Ml,
2530
- !1,
2531
- null,
2532
- null
2533
- );
2534
- const $l = Ul.exports, zl = {
2535
- "en-US": { decrease: "decrease", increase: "increase" },
2536
- "ja-JP": { decrease: "低減", increase: "増加" },
2537
- "pt-BR": { decrease: "diminuir", increase: "aumentar" }
2538
- }, kl = {
2539
- i18n: { messages: zl }
2540
- }, Wl = /* @__PURE__ */ de({
2541
- ...kl,
2542
- __name: "data-grid-trend-cell",
2543
- props: {
2544
- direction: { default: "none" },
2545
- variant: { default: "black" },
2546
- value: null
2547
- },
2548
- setup(s) {
2549
- const t = s, { t: n, locale: e } = he(), o = v(() => ({
2550
- [`b-data-grid-trend-cell--${t.variant}`]: t.variant !== "black"
2551
- })), l = v(() => {
2552
- switch (t.direction) {
2553
- case "up":
2554
- return n("increase");
2555
- case "down":
2556
- return n("decrease");
2557
- default:
2558
- return null;
2559
- }
2560
- }), a = v(() => {
2561
- switch (t.direction) {
2562
- case "up":
2563
- return Fl;
2564
- case "down":
2565
- return $l;
2566
- default:
2567
- return null;
2568
- }
2569
- }), i = v(() => {
2570
- const _ = typeof t.value == "string" ? parseFloat(t.value) : t.value;
2571
- return isNaN(_) ? "" : new Intl.NumberFormat(e.value, {
2572
- style: "percent",
2573
- minimumFractionDigits: 0,
2574
- // Don't force zeros
2575
- maximumFractionDigits: 10
2576
- // Cap it reasonably to avoid float artifacts
2577
- }).format(_ / 100);
2578
- });
2579
- return { __sfc: !0, t: n, locale: e, props: t, conditionalClasses: o, computedIconTitle: l, computedIcon: a, computedValue: i, BentoTypography: Se };
2580
- }
2581
- });
2582
- var Gl = function() {
2583
- var t = this, n = t._self._c, e = t._self._setupProxy;
2584
- return n("div", { staticClass: "b-data-grid-trend-cell", class: e.conditionalClasses }, [e.computedIcon ? n(e.computedIcon, { tag: "component", attrs: { "svg-title": e.computedIconTitle } }) : t._e(), n(e.BentoTypography, { attrs: { el: "span" } }, [t._v(t._s(e.computedValue))])], 1);
2585
- }, Hl = [], Vl = /* @__PURE__ */ q(
2586
- Wl,
2587
- Gl,
2588
- Hl,
2589
- !1,
2590
- null,
2591
- "05cdd7d9"
2592
- );
2593
- const Za = Vl.exports, Zl = {
2594
- i18n: { messages: kt },
2595
- name: "bento-data-grid"
2596
- }, jl = /* @__PURE__ */ de({
2597
- ...Zl,
2598
- props: {
2599
- /**
2600
- * When true, will emit a 'rowClick' event when a row is clicked. Will add cursor: pointer to rows.
2601
- */
2602
- allowRowClicks: { type: Boolean, default: !1 },
2603
- /**
2604
- * When true, column headers will become draggable, allowing users to rearrange columns.
2605
- */
2606
- allowColumnDragAndDrop: { type: Boolean, default: !0 },
2607
- /**
2608
- * List of actions that will be rendered in the action bar when user selects items.
2609
- *
2610
- * Each object in the list should have a `title`, an `event` and,
2611
- * optionally, an `icon`.
2612
- *
2613
- * The component will display 4 actions and the hide the rest inside a menu.
2614
- *
2615
- * @see BentoButton for a list of all the other props supported by each button action.
2616
- */
2617
- bulkActions: {
2618
- type: Array,
2619
- default: null
2620
- },
2621
- /**
2622
- * Sets the row cells to the condensed padding state.
2623
- */
2624
- condensed: {
2625
- type: Boolean,
2626
- default: !1
2627
- },
2628
- /**
2629
- * Column definitions using 'key' to relate to data object.
2630
- */
2631
- columns: {
2632
- type: Array,
2633
- required: !0
2634
- },
2635
- /**
2636
- * Enables / hides the display options panel and the column contextual menu functionality.
2637
- */
2638
- columnPanel: { type: Boolean, default: !1 },
2639
- /**
2640
- * An array of data objects to display.
2641
- */
2642
- data: {
2643
- type: Array,
2644
- required: !0
2645
- },
2646
- /**
2647
- * Empty state props that will be passed down to inner empty-state component
2648
- */
2649
- emptyState: {
2650
- type: Object,
2651
- default: void 0
2652
- },
2653
- /**
2654
- * filter-bar value (i.e. filters) that will be passed down to inner filter-bar component
2655
- * {@see BentoFilterBarModel}
2656
- */
2657
- filters: {
2658
- // TODO: Change this to BentoFilterBarProps['value'] when the interface is available
2659
- type: Array,
2660
- default: void 0
2661
- },
2662
- /**
2663
- * Defines the layout (multi-line or one-line) to be used in the filter bar for different
2664
- * container sizes:
2665
- * - Large (>=700px): Always multi-line
2666
- * - Medium (>=430px & <700px)
2667
- * - Small (<430px)
2668
- *
2669
- * @default
2670
- * {
2671
- * medium: 'multi-line',
2672
- * small: 'one-line'
2673
- * }
2674
- */
2675
- filtersContainerSizeLayout: {
2676
- type: Object,
2677
- default: void 0
2678
- },
2679
- /**
2680
- * An array of the values for each filter set in `value`.
2681
- * {@see BentoFilterValues}
2682
- */
2683
- filterValues: {
2684
- type: Array,
2685
- default: () => []
2686
- },
2687
- /**
2688
- * An object of the values for each filter in the filter bar where key is a the field name and the value is the BentoFilterBarValue.
2689
- *
2690
- * @example
2691
- * {
2692
- * 'company': '200',
2693
- * 'name': 'some text'
2694
- * },
2695
- */
2696
- filterValuesObject: {
2697
- type: Object,
2698
- default: () => {
2699
- }
2700
- },
2701
- // TODO: Move this prop as a part of "config" BentoFilterBarModel = Array<BentoFilterModel | BentoFilterSearchModel> in Bento 2.0.
2702
- // It was not done now because it's a breaking change for the types.
2703
- /**
2704
- * Filter's search bar properties with which the placeholder, hint and other
2705
- * "bento-search-bar" properties can be set. @see {@link BentoFilterBarSearchBarProps}
2706
- */
2707
- filterSearchConfig: {
2708
- type: Object,
2709
- default: void 0
2710
- },
2711
- /**
2712
- * Filter bar search term useful to filter all the data by text
2713
- */
2714
- filterSearchTerm: {
2715
- type: String,
2716
- default: void 0
2717
- },
2718
- /**
2719
- * Allows the grid to be rendered inside a confined space.
2720
- * This makes the data-grid expand to fill the height of its parent container, with the grid body becoming scrollable.
2721
- */
2722
- fitContent: { type: Boolean, default: !1 },
2723
- /**
2724
- * A customisable method to retrieve a unique identifier for a data item in the array of data supplied.
2725
- * This is used selecting and performance reasons and must exist in each data item.
2726
- */
2727
- getDataItemId: {
2728
- type: Function,
2729
- default: (s) => s.id
2730
- },
2731
- /**
2732
- * Row actions propery that generates which button to show in row actions area
2733
- */
2734
- rowActions: {
2735
- type: [Function, Array],
2736
- default: void 0
2737
- },
2738
- /**
2739
- * If resize is enabled
2740
- */
2741
- hasResizableColumns: {
2742
- type: Boolean,
2743
- default: !0
2744
- },
2745
- /**
2746
- * Enables the nested content slot functionality.
2747
- */
2748
- hasNestedContent: {
2749
- type: Boolean,
2750
- default: !1
2751
- },
2752
- /**
2753
- * Enables the nested content slot functionality.
2754
- */
2755
- hasNestedRows: {
2756
- type: Boolean,
2757
- default: !1
2758
- },
2759
- /**
2760
- * Highlighted items
2761
- */
2762
- highlightedRows: {
2763
- type: Array,
2764
- default: () => []
2765
- },
2766
- /**
2767
- * A customisable method to determine if a row is not selectable.
2768
- * The default is that every row is selectable.
2769
- */
2770
- isDataItemDisabled: {
2771
- type: Function,
2772
- default: () => !1
2773
- },
2774
- /**
2775
- * The type of `Lazy Load`.
2776
- * Type "automatic" will enable infinite scrolling
2777
- * Type "button" will enable lazy loading with "Show more" button
2778
- * @values automatic, button, none
2779
- */
2780
- lazyLoadType: {
2781
- type: String,
2782
- default: "none",
2783
- validator: (s) => ["automatic", "button", "none"].includes(s)
2784
- },
2785
- /**
2786
- * If the loading indicator should be shown.
2787
- */
2788
- loading: {
2789
- type: Boolean,
2790
- default: !1
2791
- },
2792
- /**
2793
- * Enables / Disables the table's surrounding border.
2794
- */
2795
- outline: {
2796
- type: Boolean,
2797
- default: !1
2798
- },
2799
- /**
2800
- * Renders the data grid with no top spacing, to render inside containers that already have spacing
2801
- */
2802
- noSpacingTop: {
2803
- type: Boolean,
2804
- default: !1
2805
- },
2806
- /**
2807
- * Pagination props that will be passed down to inner pagination component
2808
- */
2809
- pagination: {
2810
- type: Object,
2811
- default: void 0
2812
- },
2813
- /**
2814
- * Adds an extra option when selecting all items that allows user to select items in other pages too.
2815
- * Needs pagination.totalCount to be set.
2816
- */
2817
- selectableAcrossPages: {
2818
- type: Boolean,
2819
- default: !1
2820
- },
2821
- /**
2822
- * Renders a font numeric style with slashed zeros instead of normal ones.
2823
- */
2824
- slashedZero: { type: Boolean, default: !1 },
2825
- /**
2826
- * Sticks the horizontal scrollbar to the bottom of the screen if the data-grid is larger than the screen height.
2827
- */
2828
- stickyHorizontalScrollbar: {
2829
- type: Boolean,
2830
- default: !1
2831
- },
2832
- /**
2833
- * Make pagination stick to the bottom of the page when the data-grid is bigger than the screen.
2834
- * Because styles have to be applied to pagination container element, this has to be a data-grid prop (rather than a pagination prop).
2835
- */
2836
- stickyPagination: {
2837
- type: Boolean,
2838
- default: !1
2839
- },
2840
- /**
2841
- * Make data-grid filters stick to the top of the page along with the data-grid headers.
2842
- * Defaults to true.
2843
- */
2844
- stickyFilters: {
2845
- type: Boolean,
2846
- default: !0
2847
- },
2848
- /**
2849
- * Enables / Disables rows to be selected via a checkbox. On select the "select" event will be emitted.
2850
- */
2851
- selectable: {
2852
- type: Boolean,
2853
- default: !1
2854
- },
2855
- /**
2856
- * Selected items
2857
- */
2858
- selection: {
2859
- type: Array,
2860
- default: () => []
2861
- },
2862
- /**
2863
- * Enables / Disables the nested-content slot
2864
- */
2865
- shouldShowNestedContent: {
2866
- type: Function,
2867
- default: (s) => !0
2868
- },
2869
- /**
2870
- * Returns the nested rows for a given BentoDatagridDataItem.
2871
- */
2872
- shouldShowNestedRows: {
2873
- type: Function,
2874
- default: (s) => !0
2875
- },
2876
- /**
2877
- * Sortby handles proper rendering of sort icon in header. Sorting currently is only supported server side.
2878
- * It does make sure the currently sorted column has a more visible sort icon, and the sort icon points in the right direction.
2879
- */
2880
- sortBy: {
2881
- type: Array,
2882
- // NOTE: is an array to allow multi-sorting in the future
2883
- default: () => []
2884
- },
2885
- /**
2886
- * Title of the data grid to be rendered as tab title when a data grid is passed in a tab layout.
2887
- */
2888
- tabTitle: {
2889
- type: String,
2890
- default: null
2891
- },
2892
- /**
2893
- * Truncates all data grid column headers
2894
- */
2895
- truncateColumnHeaders: {
2896
- type: Boolean,
2897
- default: !1
2898
- },
2899
- /**
2900
- * Toggles the alternating background color of rows.
2901
- */
2902
- zebraRows: {
2903
- type: Boolean,
2904
- default: !1
2905
- }
2906
- },
2907
- emits: [
2908
- N.COLUMNS,
2909
- N.COLUMN_RESIZE,
2910
- N.ITEMS_PAGE,
2911
- N.FILTER_SEARCH_INPUT,
2912
- N.FILTER_SEARCH_CLEAR,
2913
- N.NAVIGATE,
2914
- N.NESTED_CONTENT_TOGGLED,
2915
- N.UPDATE_COLUMNS,
2916
- N.UPDATE_CONDENSED,
2917
- N.UPDATE_FILTER_VALUES,
2918
- N.UPDATE_FILTER_VALUES_OBJECT,
2919
- N.UPDATE_FILTERS,
2920
- N.UPDATE_FILTER_SEARCH_TERM,
2921
- N.UPDATE_SHOW_MORE,
2922
- N.UPDATE_PAGINATION,
2923
- N.UPDATE_SELECTION,
2924
- N.UPDATE_SORT_BY,
2925
- N.ROW_CLICK,
2926
- N.SELECT,
2927
- N.SELECT_ALL_ACROSS_PAGES,
2928
- N.SELECT_ALL_CURRENT_RESULTS,
2929
- N.DESELECT_ALL_CURRENT_RESULTS,
2930
- N.SORT,
2931
- N.CELL_FOCUS
2932
- ],
2933
- setup(s, { expose: t, emit: n }) {
2934
- const e = s, o = We(), l = He(o), a = p(null), i = p(), _ = p({}), d = p(De("data-grid")), C = p(null), m = p(null), S = p(null), b = p(null), f = p(null), A = p(null), {
2935
- allowColumnDragAndDrop: L,
2936
- columns: F,
2937
- columnPanel: E,
2938
- data: u,
2939
- lazyLoadType: y,
2940
- loading: O,
2941
- hasNestedContent: x,
2942
- hasNestedRows: r,
2943
- selectable: g,
2944
- selection: R,
2945
- selectableAcrossPages: T,
2946
- stickyPagination: B,
2947
- outline: P,
2948
- pagination: k,
2949
- zebraRows: K
2950
- } = ke(e), Y = p(-1), { t: ee } = he(), G = v(() => ne.value.filter((D) => D.frozen).length), M = 550, w = p(), { width: W } = es(w), $ = v(() => W.value <= M);
2951
- Ne(Te, $);
2952
- const z = p(!1);
2953
- Ee(() => {
2954
- typeof window < "u" && (z.value = "ontouchstart" in window || (navigator == null ? void 0 : navigator.maxTouchPoints) > 0);
2955
- }), Ne(xe, z);
2956
- const ve = _e(
2957
- Qn,
2958
- () => ({
2959
- additionalContentSlotRef: p(null),
2960
- isDataGridTemplate: !1,
2961
- stickyAditionalContent: p(!1),
2962
- stickyTabs: p(!1),
2963
- tabsRef: p(null)
2964
- })
2965
- ), { additionalContentSlotRef: me, isDataGridTemplate: re, stickyTabs: c, tabsRef: U, stickyAdditionalContent: X } = ve(), {
2966
- columnDefs: ne,
2967
- onColumnWidthOverride: pe,
2968
- gridRowWidthStyle: Re,
2969
- isMeasuringColumnWidths: h,
2970
- isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: I,
2971
- columns: H,
2972
- totalWidthOfAllColumns: te,
2973
- rowActionsMaxWidth: se
2974
- } = Os(F, u, a, _, C, {
2975
- hasColumnPanel: E,
2976
- hasSelectableColumn: g,
2977
- hasSelectableAcrossPages: T,
2978
- hasNestedContent: x,
2979
- hasNestedRows: r,
2980
- allowColumnDragAndDrop: L,
2981
- isDataGridTemplate: re
2982
- }), Z = (D, ...V) => {
2983
- (D === N.COLUMNS || D === N.UPDATE_COLUMNS) && ([H.value] = V), n(D, ...V);
2984
- }, Ce = gt(
2985
- U,
2986
- c,
2987
- X,
2988
- me
2989
- ), Ht = v(
2990
- () => e.stickyFilters ? `${Ce.value}px` : null
2991
- ), qe = gt(m, Ue(e, "stickyFilters")), Vt = v(
2992
- () => `${qe.value + Ce.value}px`
2993
- ), {
2994
- sortedColumns: Fe,
2995
- columnSets: Be,
2996
- isOnlyOneVisibleColumn: Zt,
2997
- internalZebraRows: Ye,
2998
- onConfigSettingsColumnsUpdate: jt,
2999
- onConfigSettingsColumnUpdate: qt,
3000
- onConfigSettingsCondensedUpdate: Yt,
3001
- onConfigSettingsZebraRowsUpdate: Jt
3002
- } = Ps(ne, K, Z), { hoveredOverColumn: Kt, hoveredOverColumnState: Xt } = Us(
3003
- Be,
3004
- g,
3005
- P,
3006
- I
3007
- ), { draggingColumns: Qt, draggingEventsForColumns: en, draggingEventsForRowCell: tn, onMoveColumnByOffset: nn } = Bs(Fe, L, Z), Je = v(
3008
- () => {
3009
- var D;
3010
- return ((D = e.data) == null ? void 0 : D.length) > 0 && !!e.selectableAcrossPages && !!e.pagination && e.pagination.totalCount > 0;
3011
- }
3012
- ), {
3013
- onAllRowSelect: sn,
3014
- onRowSelect: on,
3015
- onNestedRowSelect: ln,
3016
- onDeselectAll: an,
3017
- allItemsSelectedState: rn,
3018
- selectedItems: Ke,
3019
- selectionState: cn
3020
- } = Ns(
3021
- R,
3022
- Z,
3023
- u,
3024
- e.getDataItemId,
3025
- e.isDataItemDisabled,
3026
- Je,
3027
- k
3028
- ), dn = v(() => {
3029
- var D, V, J, ue;
3030
- return {
3031
- filtered: ((D = S.value) == null ? void 0 : D.isClearAllVisible) || ((V = S.value) == null ? void 0 : V.isResetAllVisible) || !!e.filterSearchTerm,
3032
- allRowsVisible: ((J = k.value) == null ? void 0 : J.size) >= ((ue = k.value) == null ? void 0 : ue.totalCount)
3033
- };
3034
- }), { navigationInput: un } = Ds(
3035
- C,
3036
- _,
3037
- Fe,
3038
- g,
3039
- v(() => e.rowActions !== void 0),
3040
- E
3041
- ), { isLazyLoad: Oe, isInfiniteScroll: fn, verticalScrollPosition: Xe, emitLazyLoadEvent: gn } = Fs(
3042
- y,
3043
- f,
3044
- a,
3045
- O,
3046
- Z
3047
- ), {
3048
- updateScrollPosition: _n,
3049
- updateScrollPositionOnFrozenColumnsNavigation: vn,
3050
- syncVirtualScrollerWithBody: mn,
3051
- hasLeftOverflow: Pe,
3052
- hasRightOverflow: Qe,
3053
- horizontalScrollbarConditionalStyles: Cn
3054
- } = Ms(
3055
- a,
3056
- i,
3057
- Xe,
3058
- A,
3059
- b,
3060
- te,
3061
- {
3062
- isLazyLoad: Oe,
3063
- pagination: k,
3064
- stickyPagination: B,
3065
- isDataGridTemplate: re
3066
- }
3067
- ), et = () => {
3068
- S.value.isClearAllVisible ? S.value.clearAllFilters() : S.value.isResetAllVisible && S.value.resetAllFilters();
3069
- }, hn = v(() => {
3070
- var D, V;
3071
- return {
3072
- ...e.emptyState,
3073
- variant: ((D = e.emptyState) == null ? void 0 : D.variant) === "embedded" || ((V = e.emptyState) == null ? void 0 : V.variant) === "basic" ? e.emptyState.variant : "basic"
3074
- };
3075
- }), pn = v(() => ({
3076
- [`b-data-grid--${ge.OUTLINE}`]: e.outline,
3077
- [`b-data-grid--${ge.SCROLL}`]: e.fitContent || Oe.value,
3078
- [`b-data-grid--${ge.STICKY_FILTERS}`]: e.filters && e.stickyFilters,
3079
- [`b-data-grid--${ge.OVERFLOW_SHADOW_LEFT}`]: Pe.value && !G.value,
3080
- [`b-data-grid--${ge.OVERFLOW_SHADOW_RIGHT}`]: Qe.value && e.rowActions === void 0,
3081
- [`b-data-grid--${ge.NO_SPACING_TOP}`]: e.noSpacingTop,
3082
- [`b-data-grid--${ge.FIT_CONTENT}`]: e.fitContent,
3083
- [`b-data-grid--${ge.ZEBRA_ROWS}`]: Ye.value,
3084
- "b-data-grid--lazy-load": Oe.value
3085
- })), wn = v(() => ({
3086
- "b-data-grid__body--sticky-horizontal-scrollbar": e.stickyHorizontalScrollbar
3087
- })), bn = v(() => Be.value.findIndex((D) => D.columnSet.length)), Sn = v(() => !((e.selectable || e.hasNestedContent || e.hasNestedRows) && G.value === 1) || Pe.value), Rn = v(() => ({
3088
- "b-data-grid__filters--sticky": !!e.stickyFilters || re
3089
- })), En = v(() => {
3090
- var D, V, J, ue, Le, Ae;
3091
- return {
3092
- "b-data-grid__pagination--padding-left-unset": ((J = (V = (D = e.columns) == null ? void 0 : D[0]) == null ? void 0 : V.padding) == null ? void 0 : J.left) === !1,
3093
- "b-data-grid__pagination--padding-right-unset": ((Ae = (Le = (ue = e.columns) == null ? void 0 : ue[e.columns.length - 1]) == null ? void 0 : Le.padding) == null ? void 0 : Ae.right) === !1,
3094
- "b-data-grid__pagination--sticky": !!e.stickyPagination || re
3095
- };
3096
- }), Ln = (D) => {
3097
- const V = D;
3098
- D !== null && (V != null && V.columnHeaderRefs) && Object.entries(V == null ? void 0 : V.columnHeaderRefs).forEach(([J, ue]) => {
3099
- _.value[J] = ue;
3100
- });
3101
- }, An = (D, V) => {
3102
- var ue, Le, Ae, ot;
3103
- const J = D;
3104
- if (D !== null && J != null && J.gridcellRefs) {
3105
- const Mn = e.rowActions !== void 0 && (J == null ? void 0 : J.rowActionsRef);
3106
- Object.entries(J == null ? void 0 : J.gridcellRefs).map(([Me, Un]) => {
3107
- var lt;
3108
- ((lt = C.value) == null ? void 0 : lt[Me]) === void 0 && (C.value = { ...C.value, [Me]: [] }), C.value[Me][V] = Un;
3109
- }), Mn && (((ue = C.value) == null ? void 0 : ue[ye]) === void 0 && (C.value = { ...C.value, [ye]: [] }), C.value[ye][V] = (Le = J.rowActionsRef) == null ? void 0 : Le[0], se.value = Math.max(
3110
- se.value,
3111
- ((ot = (Ae = J.rowActionsRef) == null ? void 0 : Ae[0]) == null ? void 0 : ot.offsetWidth) ?? 0
3112
- ));
3113
- }
3114
- }, yn = (D, V) => {
3115
- e.allowRowClicks && Z(N.ROW_CLICK, D, V);
3116
- }, Tn = (D) => {
3117
- Y.value = D;
3118
- }, On = v(() => e.hasNestedContent || e.hasNestedRows ? "treegrid" : "grid"), tt = v(() => {
3119
- var D;
3120
- return ((D = Ke.value) == null ? void 0 : D.length) ?? 0;
3121
- }), Nn = v(() => e.bulkActions && tt.value > 0), In = (D) => Z(N.COLUMN_RESIZE, D), Dn = (D) => {
3122
- Z(N.UPDATE_SORT_BY, D), Z(N.SORT, D);
3123
- }, xn = (D, V) => {
3124
- Z(N.NAVIGATE, D), Z(N.UPDATE_PAGINATION, {
3125
- ...e.pagination,
3126
- size: V,
3127
- page: D
3128
- });
3129
- }, Fn = (D) => {
3130
- Z(N.ITEMS_PAGE, D);
3131
- }, Bn = () => {
3132
- Z(N.FILTER_SEARCH_CLEAR);
3133
- }, Pn = (D) => {
3134
- Z(N.UPDATE_FILTER_SEARCH_TERM, D), Z(N.FILTER_SEARCH_INPUT, D);
3135
- }, nt = v(() => F.value.some((D) => D.mandatory));
3136
- nt.value || It(
3137
- "WARNING: At least one BentoDataGrid column should be set as mandatory to ensure data is always displayed correctly."
3138
- );
3139
- const st = _e(Xn, () => null);
3140
- return st(e.tabTitle), Ne(zt, Ue(e, "slashedZero")), t({ onEmptyStateClearResetButtonClick: et }), { __sfc: !0, props: e, slots: o, hasSlot: l, body: a, columnsRef: i, columnHeaderRefs: _, dataGridUid: d, gridcellRefs: C, filtersRef: m, filterBarRef: S, paginationContainerRef: b, verticalScrollPositionRef: f, virtualHorizontalScrollbarRef: A, allowColumnDragAndDrop: L, columns: F, columnPanel: E, data: u, lazyLoadType: y, loading: O, hasNestedContent: x, hasNestedRows: r, selectable: g, selection: R, selectableAcrossPages: T, stickyPagination: B, outline: P, pagination: k, zebraRows: K, hoveredRowIndex: Y, t: ee, frozenColumnsLength: G, MOBILE_BREAKPOINT: M, dataGridRef: w, width: W, isSmallContainer: $, isTouchDevice: z, registerDatagridInDataGridTemplate: ve, additionalContentSlotRef: me, isDataGridTemplate: re, stickyTabs: c, tabsRef: U, stickyAdditionalContent: X, columnDefs: ne, onColumnWidthOverride: pe, gridRowWidthStyle: Re, isMeasuringColumnWidths: h, isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: I, localColumnsState: H, totalWidthOfAllColumns: te, rowActionsMaxWidth: se, definedEmitsFunction: n, emit: Z, stickyFiltersHeight: Ce, computedStickyFiltersTopPosition: Ht, columnHeadersHeight: qe, computedColumnHeadersTopPosition: Vt, sortedColumns: Fe, columnSets: Be, isOnlyOneVisibleColumn: Zt, internalZebraRows: Ye, onConfigSettingsColumnsUpdate: jt, onConfigSettingsColumnUpdate: qt, onConfigSettingsCondensedUpdate: Yt, onConfigSettingsZebraRowsUpdate: Jt, hoveredOverColumn: Kt, hoveredOverColumnState: Xt, draggingColumns: Qt, draggingEventsForColumns: en, draggingEventsForRowCell: tn, onMoveColumnByOffset: nn, selectableAcrossPagesComputed: Je, onAllRowSelect: sn, onRowSelect: on, onNestedRowSelect: ln, onDeselectAll: an, allItemsSelectedState: rn, selectedItems: Ke, selectionState: cn, visibleRowsState: dn, navigationInput: un, isLazyLoad: Oe, isInfiniteScroll: fn, verticalScrollPosition: Xe, emitLazyLoadEvent: gn, updateScrollPosition: _n, updateScrollPositionOnFrozenColumnsNavigation: vn, syncVirtualScrollerWithBody: mn, hasLeftOverflow: Pe, hasRightOverflow: Qe, horizontalScrollbarConditionalStyles: Cn, onEmptyStateClearResetButtonClick: et, limitedEmptyStateProps: hn, conditionalGridClasses: pn, conditionalGridBodyClasses: wn, computedColumnPanelAlignment: bn, showFrozenColumnsSeparator: Sn, conditionalFilterClasses: Rn, conditionalPaginationClasses: En, registerColumnHeaderRefs: Ln, registerRowCellRefs: An, onRowClick: yn, onCellHover: Tn, ariaGridRole: On, itemsSelectedCounter: tt, showActionBar: Nn, onColumnResized: In, onSort: Dn, onPaginationNavigate: xn, onItemsPerPageChange: Fn, onSearchTermCleared: Bn, onSearchTermInput: Pn, hasMandatoryColumn: nt, setTitle: st, BentoActionBar: qn, BentoPagination: Yn, BentoLoadingIndicator: Ge, BentoTypography: Se, BentoDataGridConfigSettings: Fo, DataGridColumns: Co, DataGridLazyLoad: zo, DataGridRow: Gt, handleClipboard: $s, BentoDatagridEvent: N, BentoFilterBar: Jn, BentoEmptyState: Kn };
3141
- }
3142
- });
3143
- var ql = function() {
3144
- var o;
3145
- var t = this, n = t._self._c, e = t._self._setupProxy;
3146
- return n("div", { ref: "dataGridRef", staticClass: "b-data-grid", class: e.conditionalGridClasses, attrs: { "data-testid": "data-grid", "aria-live": "polite", "aria-busy": e.loading }, on: { copy: e.handleClipboard } }, [t.filters ? n("div", { ref: "filtersRef", staticClass: "b-data-grid__filters", class: e.conditionalFilterClasses, style: { top: e.computedStickyFiltersTopPosition }, attrs: { "aria-controls": e.dataGridUid, "aria-label": e.t("filterBar"), role: "region" } }, [t.filters ? n(e.BentoFilterBar, { ref: "filterBarRef", attrs: { config: t.filters, "container-size-layout": t.filtersContainerSizeLayout, "filter-values": t.filterValues, "filter-values-object": t.filterValuesObject, search: t.filterSearchConfig, "search-term": t.filterSearchTerm }, on: { "search-input": e.onSearchTermInput, "search-clear": e.onSearchTermCleared, input: (l) => t.$emit(e.BentoDatagridEvent.UPDATE_FILTERS, l), "update:filter-values": (l) => t.$emit(e.BentoDatagridEvent.UPDATE_FILTER_VALUES, l), "update:filter-values-object": (l) => t.$emit(e.BentoDatagridEvent.UPDATE_FILTER_VALUES_OBJECT, l) } }) : t._e()], 1) : t._e(), t.$slots.header ? n("div", { staticClass: "b-data-grid__header" }, [t._t("header")], 2) : t._e(), n("div", { staticClass: "b-data-grid__wrapper", style: { top: e.computedColumnHeadersTopPosition }, attrs: { id: e.dataGridUid, role: e.ariaGridRole, "aria-rowcount": e.data.length, "aria-colcount": e.columns.length, "aria-label": t.emptyState ? e.t("noResults") : null } }, [n("div", { staticClass: "b-data-grid__column-headers", style: { top: e.computedColumnHeadersTopPosition } }, [n("div", { ref: "columnsRef", staticClass: "b-data-grid__columns-row", attrs: { role: "rowgroup" }, on: { scroll: e.updateScrollPosition, keydown: e.navigationInput } }, [e.columnPanel ? n("div", { attrs: { role: "row" } }, [n(e.BentoDataGridConfigSettings, { staticClass: "b-data-grid__config-settings", attrs: { role: "gridcell", columns: e.localColumnsState, condensed: t.condensed, "zebra-rows": e.internalZebraRows }, on: { "update:condensed": e.onConfigSettingsCondensedUpdate, "update:zebra-rows": e.onConfigSettingsZebraRowsUpdate, "update:columns": e.onConfigSettingsColumnsUpdate } })], 1) : t._e(), n("div", { staticClass: "b-data-grid__columns", style: e.gridRowWidthStyle, attrs: { role: "row" } }, [t._l(e.columnSets, function({ columnSet: l, id: a, isFrozenColumns: i }, _) {
3147
- var d;
3148
- return [l != null && l.length ? n(e.DataGridColumns, t._g({ key: `data-grid-columns-${a}`, ref: (C) => e.registerColumnHeaderRefs(C), refInFor: !0, attrs: { columns: l, "has-resizable-columns": t.hasResizableColumns, "sort-by": t.sortBy, "all-items-selected-state": e.allItemsSelectedState, "is-frozen-columns": i, "show-frozen-columns-separator": e.showFrozenColumnsSeparator, "dragging-columns": e.draggingColumns, "has-draggable-columns": e.allowColumnDragAndDrop, "has-column-panel": e.columnPanel, "has-left-overflow": e.hasLeftOverflow, "has-first-column-panel-right-aligned": _ === e.computedColumnPanelAlignment, "hovered-over-column-state": e.hoveredOverColumnState, "is-measuring-column-widths": e.isMeasuringColumnWidths, "is-only-one-visible-column": e.isOnlyOneVisibleColumn, selectable: ((d = e.data) == null ? void 0 : d.length) > 0 && e.selectable, "selectable-across-pages": e.selectableAcrossPagesComputed, "selected-items": e.selectedItems, "visible-rows-state": e.visibleRowsState, "selection-state": e.selectionState, "truncate-column-headers": t.truncateColumnHeaders, "row-actions-maximum-width": e.rowActionsMaxWidth }, on: { "column-hover": function(C) {
3149
- e.hoveredOverColumn = C;
3150
- }, "column-move": e.onMoveColumnByOffset, "column-update": e.onConfigSettingsColumnUpdate, "column-resize": e.onColumnResized, "column-resizing": e.onColumnWidthOverride, "select-all-rows": e.onAllRowSelect, "select-all-across-pages": function(C) {
3151
- return e.emit(e.BentoDatagridEvent.SELECT_ALL_ACROSS_PAGES);
3152
- }, "select-all-current-results": function(C) {
3153
- return e.emit(e.BentoDatagridEvent.SELECT_ALL_CURRENT_RESULTS);
3154
- }, "deselect-all-current-results": function(C) {
3155
- return e.emit(e.BentoDatagridEvent.DESELECT_ALL_CURRENT_RESULTS);
3156
- }, "deselect-all": e.onDeselectAll, sort: e.onSort }, scopedSlots: t._u([t._l(e.slots, function(C, m) {
3157
- return { key: m, fn: function(S) {
3158
- return [t._t(m, null, null, S)];
3159
- } };
3160
- })], null, !0) }, e.draggingEventsForColumns)) : t._e()];
3161
- })], 2)])]), n("div", { ref: "body", staticClass: "b-data-grid__body", class: e.conditionalGridBodyClasses, attrs: { "data-testid": "data-grid-body" }, on: { scroll: e.updateScrollPosition } }, [e.loading && !e.isLazyLoad ? n("div", { staticClass: "b-data-grid__loading" }, [n(e.BentoLoadingIndicator, { staticClass: "b-data-grid__loading-indicator", attrs: { large: "" } }), n(e.BentoTypography, { attrs: { el: "span", variant: "caption" } }, [t._v(t._s(e.t("gettingYourData")))])], 1) : n("div", { attrs: { role: "rowgroup" }, on: { keydown: e.navigationInput } }, [((o = e.data) == null ? void 0 : o.length) === 0 && t.emptyState ? [n("div", { attrs: { role: "row", tabindex: "-1" } }, [n("div", { attrs: { role: "gridcell", "aria-colspan": e.columns.length, tabindex: "-1" } }, [n(e.BentoEmptyState, t._b({ staticClass: "b-data-grid__empty-state" }, "bento-empty-state", e.limitedEmptyStateProps, !1))], 1)])] : t._l(e.data, function(l, a) {
3162
- var i, _;
3163
- return n(e.DataGridRow, { key: a, ref: (d) => e.registerRowCellRefs(d, a), refInFor: !0, style: e.gridRowWidthStyle, attrs: { "allow-row-clicks": t.allowRowClicks, "column-sets": e.columnSets, condensed: t.condensed, "dragging-columns": e.draggingColumns, "dragging-events-for-row-cell": e.draggingEventsForRowCell, "get-data-item-id": t.getDataItemId, "has-nested-content": e.hasNestedContent, "has-nested-rows": e.hasNestedRows, "has-left-overflow": e.hasLeftOverflow, "has-right-overflow": e.hasRightOverflow, "highlighted-rows": t.highlightedRows, "hovered-row-index": e.hoveredRowIndex, "hovered-over-column-state": e.hoveredOverColumnState, "is-data-item-disabled": t.isDataItemDisabled, "is-row-even": e.internalZebraRows ? a % 2 !== 0 : !1, "is-row-last-child": a + 1 === ((i = e.data) == null ? void 0 : i.length), "is-measuring-column-widths": e.isMeasuringColumnWidths, "row-actions-maximum-width": e.rowActionsMaxWidth, "row-actions": t.rowActions, "row-data": l, "row-index": a, "row-set-size": (_ = e.data) == null ? void 0 : _.length, "show-frozen-columns-separator": e.showFrozenColumnsSeparator, "should-show-nested-content": t.shouldShowNestedContent, "should-show-nested-rows": t.shouldShowNestedRows, selectable: e.selectable, "selected-items": e.selectedItems }, on: { "cell-hovered": e.onCellHover, "cell-focus": function(d) {
3164
- return e.emit(e.BentoDatagridEvent.CELL_FOCUS, d);
3165
- }, "nested-content-toggled": function(d) {
3166
- return e.emit(e.BentoDatagridEvent.NESTED_CONTENT_TOGGLED, d);
3167
- }, "row-click": e.onRowClick, "on-frozen-columns-key-press": e.updateScrollPositionOnFrozenColumnsNavigation, "select-row": e.onRowSelect, "select-nested-row": e.onNestedRowSelect }, scopedSlots: t._u([t._l(e.slots, function(d, C) {
3168
- return { key: C, fn: function(m) {
3169
- return [t._t(C, null, null, m)];
3170
- } };
3171
- })], null, !0) });
3172
- })], 2)])]), e.isLazyLoad ? n(e.DataGridLazyLoad, { attrs: { loading: e.loading, "is-infinite-scroll": e.isInfiniteScroll }, on: { "update:show-more": e.emitLazyLoadEvent } }) : t._e(), t.stickyHorizontalScrollbar ? n("div", { ref: "virtualHorizontalScrollbarRef", staticClass: "b-data-grid__horizontal-scrollbar", style: e.horizontalScrollbarConditionalStyles, attrs: { "aria-hidden": "true", "data-testid": "sticky-horizontal-scrollbar" }, on: { scroll: e.syncVirtualScrollerWithBody } }, [n("div", { style: { width: `${e.totalWidthOfAllColumns}px`, height: "15px" } })]) : t._e(), e.pagination && !e.isLazyLoad ? n("div", { ref: "paginationContainerRef", staticClass: "b-data-grid__pagination", class: e.conditionalPaginationClasses, attrs: { "data-testid": "pagination-container" } }, [n(e.BentoPagination, t._b({ attrs: { "aria-label": t.$t("pagination"), "aria-controls": e.dataGridUid }, on: { navigate: e.onPaginationNavigate, "items-page": e.onItemsPerPageChange } }, "bento-pagination", e.pagination, !1), [e.hasSlot("pagination-slot") ? t._t("pagination-slot") : t._e()], 2)], 1) : t._e(), t.$slots.footer ? n("div", { staticClass: "b-data-grid__footer" }, [t._t("footer")], 2) : t._e(), e.showActionBar ? n(e.BentoActionBar, { attrs: { actions: t.bulkActions, "item-counter": e.itemsSelectedCounter, "extra-bottom-spacing": e.stickyPagination }, on: { close: e.onDeselectAll } }) : t._e()], 1);
3173
- }, Yl = [], Jl = /* @__PURE__ */ q(
3174
- jl,
3175
- ql,
3176
- Yl,
3177
- !1,
3178
- null,
3179
- "a34da065"
3180
- );
3181
- const ja = Jl.exports;
3182
- export {
3183
- $e as B,
3184
- Ga as a,
3185
- Ha as b,
3186
- Va as c,
3187
- ja as d,
3188
- Za as e,
3189
- Ie as f,
3190
- N as g,
3191
- be as h,
3192
- ge as i
3193
- };
3194
- //# sourceMappingURL=data-grid.DJG8Ty0A.js.map