@adyen/bento-vue3 1.68.2 → 1.70.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 (458) hide show
  1. package/dist/@types/components.d.ts +1 -0
  2. package/dist/@types/index.d.ts +978 -1976
  3. package/dist/accordion.js +1 -1
  4. package/dist/action-bar.js +1 -1
  5. package/dist/alert.js +1 -1
  6. package/dist/assets/accordion-item.css +1 -1
  7. package/dist/assets/action-bar.css +1 -1
  8. package/dist/assets/alert.css +1 -1
  9. package/dist/assets/base-button.css +1 -1
  10. package/dist/assets/base-modal.css +1 -1
  11. package/dist/assets/button-actions-with-menu.css +1 -1
  12. package/dist/assets/button.css +1 -1
  13. package/dist/assets/calendar.css +1 -1
  14. package/dist/assets/card.css +1 -1
  15. package/dist/assets/checkbox-group.css +1 -1
  16. package/dist/assets/checkbox-input.css +1 -1
  17. package/dist/assets/checkbox.css +1 -1
  18. package/dist/assets/chip.css +1 -1
  19. package/dist/assets/code-snippet.css +1 -1
  20. package/dist/assets/controls-group.css +1 -1
  21. package/dist/assets/copy.css +1 -1
  22. package/dist/assets/country.css +1 -1
  23. package/dist/assets/currency.css +1 -1
  24. package/dist/assets/dashed-underline.css +1 -1
  25. package/dist/assets/data-grid-template.css +1 -1
  26. package/dist/assets/data-grid.css +1 -1
  27. package/dist/assets/date-picker.css +1 -1
  28. package/dist/assets/date-range-picker.css +1 -1
  29. package/dist/assets/dialog-page.css +1 -1
  30. package/dist/assets/divider.css +1 -1
  31. package/dist/assets/dropdown-default-textbox.css +1 -1
  32. package/dist/assets/dropdown-tag.css +1 -1
  33. package/dist/assets/dropdown.css +1 -1
  34. package/dist/assets/empty-state.css +1 -1
  35. package/dist/assets/error-message.css +1 -1
  36. package/dist/assets/file-uploader.css +1 -1
  37. package/dist/assets/filter-bar.css +1 -1
  38. package/dist/assets/focus-trap.css +1 -1
  39. package/dist/assets/footer-actions.css +1 -1
  40. package/dist/assets/form-layout-title.css +1 -1
  41. package/dist/assets/grid-layout.css +1 -1
  42. package/dist/assets/header-meta.css +1 -1
  43. package/dist/assets/header-with-views.css +1 -1
  44. package/dist/assets/header.css +1 -1
  45. package/dist/assets/info-icon.css +1 -1
  46. package/dist/assets/input-field-password.css +1 -1
  47. package/dist/assets/input-field-phone-number.css +1 -1
  48. package/dist/assets/input-field.css +1 -1
  49. package/dist/assets/inspector.css +1 -1
  50. package/dist/assets/layout-row.css +1 -1
  51. package/dist/assets/listbox-option-tag.css +1 -1
  52. package/dist/assets/loading-indicator.css +1 -1
  53. package/dist/assets/modal-fullscreen.css +1 -1
  54. package/dist/assets/pagination.css +1 -1
  55. package/dist/assets/payment-method.css +1 -1
  56. package/dist/assets/popper-container.css +1 -1
  57. package/dist/assets/promo-banner.css +1 -1
  58. package/dist/assets/radio-group.css +1 -1
  59. package/dist/assets/radio-input.css +1 -1
  60. package/dist/assets/rich-text-editor.css +1 -1
  61. package/dist/assets/search-bar.css +1 -1
  62. package/dist/assets/secondary-nav.css +1 -1
  63. package/dist/assets/segmented-control.css +1 -1
  64. package/dist/assets/selection-card-group.css +1 -1
  65. package/dist/assets/sidepanel.css +1 -1
  66. package/dist/assets/status.css +1 -1
  67. package/dist/assets/step.css +1 -1
  68. package/dist/assets/structured-list-item.css +1 -1
  69. package/dist/assets/tab.css +1 -1
  70. package/dist/assets/tag.css +1 -1
  71. package/dist/assets/textarea.css +1 -1
  72. package/dist/assets/timeline-item.css +1 -1
  73. package/dist/assets/toast.css +1 -1
  74. package/dist/assets/toggle-button.css +1 -1
  75. package/dist/assets/toggle.css +1 -1
  76. package/dist/assets/tooltip.css +1 -1
  77. package/dist/assets/tutorial.css +1 -1
  78. package/dist/assets/typography.css +1 -1
  79. package/dist/assets/use-cached-selected-values.css +1 -1
  80. package/dist/avatar.js +1 -1
  81. package/dist/button.js +9 -9
  82. package/dist/card.js +1 -1
  83. package/dist/checkbox.js +2 -2
  84. package/dist/chip.js +1 -1
  85. package/dist/chunks/{accordion-item.DOnW0OnU.js → accordion-item.6etqAJV9.js} +3 -3
  86. package/dist/chunks/accordion-item.6etqAJV9.js.map +1 -0
  87. package/dist/chunks/{action-bar.CflF49oL.js → action-bar.CweA2FeY.js} +7 -8
  88. package/dist/chunks/action-bar.CweA2FeY.js.map +1 -0
  89. package/dist/chunks/alert.Dzx5MzgE.js +171 -0
  90. package/dist/chunks/alert.Dzx5MzgE.js.map +1 -0
  91. package/dist/chunks/aria-label.CaUURpnB.js.map +1 -1
  92. package/dist/chunks/{avatar.B0-9jC6H.js → avatar.Dq59yj6m.js} +2 -2
  93. package/dist/chunks/avatar.Dq59yj6m.js.map +1 -0
  94. package/dist/chunks/{base-button.DdNFlbgH.js → base-button.CjYb5Y8k.js} +19 -19
  95. package/dist/chunks/base-button.CjYb5Y8k.js.map +1 -0
  96. package/dist/chunks/{base-modal.C3_r3rmc.js → base-modal.BrBcILSe.js} +21 -21
  97. package/dist/chunks/base-modal.BrBcILSe.js.map +1 -0
  98. package/dist/chunks/bin.DuHlEQBO.js +37 -0
  99. package/dist/chunks/bin.DuHlEQBO.js.map +1 -0
  100. package/dist/chunks/button-actions-with-menu.CBuoSd3w.js +93 -0
  101. package/dist/chunks/button-actions-with-menu.CBuoSd3w.js.map +1 -0
  102. package/dist/chunks/button-actions.types.BptAXjD8.js +8 -0
  103. package/dist/chunks/button-actions.types.BptAXjD8.js.map +1 -0
  104. package/dist/chunks/{button.AB0SOQMn.js → button.C-MAa6ut.js} +4 -4
  105. package/dist/chunks/button.C-MAa6ut.js.map +1 -0
  106. package/dist/chunks/{calendar._oPk_A1C.js → calendar.DFHiga9k.js} +36 -37
  107. package/dist/chunks/calendar.DFHiga9k.js.map +1 -0
  108. package/dist/chunks/{card.CS34Mi_G.js → card.BspLDcas.js} +6 -5
  109. package/dist/chunks/card.BspLDcas.js.map +1 -0
  110. package/dist/chunks/{checkbox-group.JRo6xNpe.js → checkbox-group.DIXgr1WQ.js} +6 -6
  111. package/dist/chunks/checkbox-group.DIXgr1WQ.js.map +1 -0
  112. package/dist/chunks/{checkbox-input.DFkwZ4GM.js → checkbox-input.BXNGT9U0.js} +2 -2
  113. package/dist/chunks/checkbox-input.BXNGT9U0.js.map +1 -0
  114. package/dist/chunks/{checkbox.DGrG3GN1.js → checkbox.M6lKj2hQ.js} +27 -27
  115. package/dist/chunks/checkbox.M6lKj2hQ.js.map +1 -0
  116. package/dist/chunks/{chip.CneNX2_j.js → chip.DcpP3zb6.js} +11 -11
  117. package/dist/chunks/chip.DcpP3zb6.js.map +1 -0
  118. package/dist/chunks/{code-snippet.D5M76Qy6.js → code-snippet.CKrxKjkQ.js} +8 -8
  119. package/dist/chunks/code-snippet.CKrxKjkQ.js.map +1 -0
  120. package/dist/chunks/{controls-group.CrzkSu0U.js → controls-group.CXVHTaYp.js} +32 -29
  121. package/dist/chunks/controls-group.CXVHTaYp.js.map +1 -0
  122. package/dist/chunks/{copy.RUoQOydT.js → copy.C4DAAiPw.js} +18 -19
  123. package/dist/chunks/copy.C4DAAiPw.js.map +1 -0
  124. package/dist/chunks/{country.Q95voxeL.js → country.RVvsGwuV.js} +9 -9
  125. package/dist/chunks/country.RVvsGwuV.js.map +1 -0
  126. package/dist/chunks/country.types.C0Q_hhgJ.js.map +1 -1
  127. package/dist/chunks/{currency.CZVdyZUH.js → currency.CN4UnCx8.js} +3 -3
  128. package/dist/chunks/currency.CN4UnCx8.js.map +1 -0
  129. package/dist/chunks/{dashboard-section.Bhd5Lsy2.js → dashboard-section.Cll3tn0q.js} +4 -4
  130. package/dist/chunks/{dashboard-section.Bhd5Lsy2.js.map → dashboard-section.Cll3tn0q.js.map} +1 -1
  131. package/dist/chunks/{dashed-underline.DkzQkpaf.js → dashed-underline.2OYxO-Rh.js} +30 -32
  132. package/dist/chunks/dashed-underline.2OYxO-Rh.js.map +1 -0
  133. package/dist/chunks/{data-grid-template.DSwj7e1E.js → data-grid-template.CTRHofoW.js} +5 -5
  134. package/dist/chunks/data-grid-template.CTRHofoW.js.map +1 -0
  135. package/dist/chunks/data-grid.DMOTTywp.js +3932 -0
  136. package/dist/chunks/data-grid.DMOTTywp.js.map +1 -0
  137. package/dist/chunks/{date-picker.CAoXTiZR.js → date-picker.CBlQ0ql7.js} +13 -14
  138. package/dist/chunks/date-picker.CBlQ0ql7.js.map +1 -0
  139. package/dist/chunks/date-range-picker.D-gGqpFB.js +1168 -0
  140. package/dist/chunks/date-range-picker.D-gGqpFB.js.map +1 -0
  141. package/dist/chunks/{date.DSjCnSgL.js → date.4GAXrgy5.js} +2 -2
  142. package/dist/chunks/{date.DSjCnSgL.js.map → date.4GAXrgy5.js.map} +1 -1
  143. package/dist/chunks/{dialog-page.C80HOigq.js → dialog-page.VSJgHY3C.js} +15 -15
  144. package/dist/chunks/dialog-page.VSJgHY3C.js.map +1 -0
  145. package/dist/chunks/{divider.qUOSAbU6.js → divider.DnKNNyWB.js} +2 -2
  146. package/dist/chunks/divider.DnKNNyWB.js.map +1 -0
  147. package/dist/chunks/{dropdown-default-textbox.Ce5D3ipi.js → dropdown-default-textbox.CGsOngY1.js} +111 -109
  148. package/dist/chunks/dropdown-default-textbox.CGsOngY1.js.map +1 -0
  149. package/dist/chunks/dropdown-tag.DlFpUeXa.js +296 -0
  150. package/dist/chunks/dropdown-tag.DlFpUeXa.js.map +1 -0
  151. package/dist/chunks/{dropdown.CMOYmQLB.js → dropdown.agfzvJZE.js} +59 -59
  152. package/dist/chunks/dropdown.agfzvJZE.js.map +1 -0
  153. package/dist/chunks/{empty-state.D7llINgF.js → empty-state.BTaeZdQu.js} +4 -4
  154. package/dist/chunks/empty-state.BTaeZdQu.js.map +1 -0
  155. package/dist/chunks/{error-message.DHMHq9bR.js → error-message.B1P5ictH.js} +5 -5
  156. package/dist/chunks/{error-message.DHMHq9bR.js.map → error-message.B1P5ictH.js.map} +1 -1
  157. package/dist/chunks/es6.MoTTyETW.js +12 -0
  158. package/dist/chunks/es6.MoTTyETW.js.map +1 -0
  159. package/dist/chunks/events.CMzGybJJ.js +47 -0
  160. package/dist/chunks/events.CMzGybJJ.js.map +1 -0
  161. package/dist/chunks/{file-uploader.B_EI2fAc.js → file-uploader.Vac1Cu0i.js} +165 -164
  162. package/dist/chunks/file-uploader.Vac1Cu0i.js.map +1 -0
  163. package/dist/chunks/{filter-bar.DoHMLZ4O.js → filter-bar.uUpoP-XZ.js} +361 -368
  164. package/dist/chunks/filter-bar.uUpoP-XZ.js.map +1 -0
  165. package/dist/chunks/{fixed-scroller.D5nAPPbo.js → fixed-scroller.DSGxXiAH.js} +2 -2
  166. package/dist/chunks/{fixed-scroller.D5nAPPbo.js.map → fixed-scroller.DSGxXiAH.js.map} +1 -1
  167. package/dist/chunks/{focus-trap.CljZgv9i.js → focus-trap.rjp24a37.js} +2 -2
  168. package/dist/chunks/focus-trap.rjp24a37.js.map +1 -0
  169. package/dist/chunks/{footer-actions.Bje-DDqw.js → footer-actions.gRKTKGts.js} +5 -5
  170. package/dist/chunks/footer-actions.gRKTKGts.js.map +1 -0
  171. package/dist/chunks/{form-layout-title.rpIO-I9A.js → form-layout-title.DdRqnXXi.js} +5 -5
  172. package/dist/chunks/form-layout-title.DdRqnXXi.js.map +1 -0
  173. package/dist/chunks/{grid-layout.BTLE3rac.js → grid-layout.DDaRNz4-.js} +2 -2
  174. package/dist/chunks/grid-layout.DDaRNz4-.js.map +1 -0
  175. package/dist/chunks/{header-meta.Yt43-cUI.js → header-meta.Ct79L1O8.js} +26 -27
  176. package/dist/chunks/{header-meta.Yt43-cUI.js.map → header-meta.Ct79L1O8.js.map} +1 -1
  177. package/dist/chunks/{header-with-views.BUed3ocZ.js → header-with-views.BVHdSAKp.js} +281 -281
  178. package/dist/chunks/header-with-views.BVHdSAKp.js.map +1 -0
  179. package/dist/chunks/{header.CwKjDgKv.js → header.Cd1P8lYK.js} +32 -32
  180. package/dist/chunks/header.Cd1P8lYK.js.map +1 -0
  181. package/dist/chunks/image.vue_vue_type_script_setup_true_lang.DQT2oNEF.js.map +1 -1
  182. package/dist/chunks/{info-icon.DprUQ9fj.js → info-icon.Bl0iKUfC.js} +7 -8
  183. package/dist/chunks/info-icon.Bl0iKUfC.js.map +1 -0
  184. package/dist/chunks/info.BKwey1HA.js +44 -0
  185. package/dist/chunks/info.BKwey1HA.js.map +1 -0
  186. package/dist/chunks/{input-field-password.DN0Jro1V.js → input-field-password.DkIWrrxy.js} +8 -8
  187. package/dist/chunks/input-field-password.DkIWrrxy.js.map +1 -0
  188. package/dist/chunks/{input-field-phone-number.BhPsrafR.js → input-field-phone-number.EXlRu8qq.js} +46 -45
  189. package/dist/chunks/{input-field-phone-number.BhPsrafR.js.map → input-field-phone-number.EXlRu8qq.js.map} +1 -1
  190. package/dist/chunks/{input-field.su5Cq8Dt.js → input-field.CgbiOju9.js} +5 -5
  191. package/dist/chunks/input-field.CgbiOju9.js.map +1 -0
  192. package/dist/chunks/{inspector.CoZCPfHC.js → inspector.BGtTMtE0.js} +13 -13
  193. package/dist/chunks/inspector.BGtTMtE0.js.map +1 -0
  194. package/dist/chunks/{keyboard-navigation.CqgGzfZQ.js → keyboard-navigation.pB8weElW.js} +2 -2
  195. package/dist/chunks/keyboard-navigation.pB8weElW.js.map +1 -0
  196. package/dist/chunks/{layout-row.CZNtHaXd.js → layout-row.BPfOPn4x.js} +9 -9
  197. package/dist/chunks/layout-row.BPfOPn4x.js.map +1 -0
  198. package/dist/chunks/{link.BBpxiclu.js → link.cwPmWlsk.js} +2 -2
  199. package/dist/chunks/{link.BBpxiclu.js.map → link.cwPmWlsk.js.map} +1 -1
  200. package/dist/chunks/{listbox-option-tag.0BK6jWO9.js → listbox-option-tag.CDIkX7nh.js} +7 -7
  201. package/dist/chunks/listbox-option-tag.CDIkX7nh.js.map +1 -0
  202. package/dist/chunks/{loading-indicator.DEepb9Wl.js → loading-indicator.VHi5tbZa.js} +3 -3
  203. package/dist/chunks/loading-indicator.VHi5tbZa.js.map +1 -0
  204. package/dist/chunks/minus-small.DYIyF5XW.js.map +1 -1
  205. package/dist/chunks/{modal-fullscreen.DBTnoSX9.js → modal-fullscreen.-Q-7GMyT.js} +18 -19
  206. package/dist/chunks/modal-fullscreen.-Q-7GMyT.js.map +1 -0
  207. package/dist/chunks/{modal.vue_vue_type_script_setup_true_lang.Cd-mQUJ8.js → modal.vue_vue_type_script_setup_true_lang.TFh7p51f.js} +6 -6
  208. package/dist/chunks/modal.vue_vue_type_script_setup_true_lang.TFh7p51f.js.map +1 -0
  209. package/dist/chunks/{pagination.fYQak4C8.js → pagination.DW_HPEIu.js} +5 -5
  210. package/dist/chunks/pagination.DW_HPEIu.js.map +1 -0
  211. package/dist/chunks/{payment-method.eazefwm6.js → payment-method.CDnn1bjo.js} +3 -3
  212. package/dist/chunks/payment-method.CDnn1bjo.js.map +1 -0
  213. package/dist/chunks/popover.types.COM6oQgq.js +6 -0
  214. package/dist/chunks/popover.types.COM6oQgq.js.map +1 -0
  215. package/dist/chunks/{popper-container.b5h4zYgT.js → popper-container.CgJzEQ7N.js} +285 -281
  216. package/dist/chunks/popper-container.CgJzEQ7N.js.map +1 -0
  217. package/dist/chunks/{promo-banner.CQp3z2CP.js → promo-banner.BbqIA4Ce.js} +4 -4
  218. package/dist/chunks/promo-banner.BbqIA4Ce.js.map +1 -0
  219. package/dist/chunks/{radio-group.H9A5QcNu.js → radio-group.CbLIPi7h.js} +77 -69
  220. package/dist/chunks/radio-group.CbLIPi7h.js.map +1 -0
  221. package/dist/chunks/{radio-input.DKfQGxtp.js → radio-input.odN9FOyr.js} +2 -2
  222. package/dist/chunks/radio-input.odN9FOyr.js.map +1 -0
  223. package/dist/chunks/{rich-text-editor.Dx78coVL.js → rich-text-editor.C0hJeV4H.js} +8 -8
  224. package/dist/chunks/rich-text-editor.C0hJeV4H.js.map +1 -0
  225. package/dist/chunks/{search-bar.CUrcP_wf.js → search-bar.CvAi2t3-.js} +46 -44
  226. package/dist/chunks/search-bar.CvAi2t3-.js.map +1 -0
  227. package/dist/chunks/{secondary-nav.j3ddtYoZ.js → secondary-nav.yntS8-u5.js} +28 -28
  228. package/dist/chunks/secondary-nav.yntS8-u5.js.map +1 -0
  229. package/dist/chunks/{segmented-control.5-vlm8Gt.js → segmented-control.CRSdIvha.js} +6 -7
  230. package/dist/chunks/segmented-control.CRSdIvha.js.map +1 -0
  231. package/dist/chunks/{selection-card-group.B4xpnd-z.js → selection-card-group.Cu3V8h4R.js} +16 -16
  232. package/dist/chunks/selection-card-group.Cu3V8h4R.js.map +1 -0
  233. package/dist/chunks/{sidepanel.DPN__L3Q.js → sidepanel.z18XSO3M.js} +14 -14
  234. package/dist/chunks/sidepanel.z18XSO3M.js.map +1 -0
  235. package/dist/chunks/{status.types.Bdv2zuuh.js → status.types.-l2qJxLn.js} +9 -9
  236. package/dist/chunks/status.types.-l2qJxLn.js.map +1 -0
  237. package/dist/chunks/{step.BtNhPZAf.js → step.BMSjltwl.js} +8 -9
  238. package/dist/chunks/step.BMSjltwl.js.map +1 -0
  239. package/dist/chunks/{structured-list-item.BQbEDKhg.js → structured-list-item.CD1nMqzH.js} +18 -19
  240. package/dist/chunks/structured-list-item.CD1nMqzH.js.map +1 -0
  241. package/dist/chunks/{summary-grid.types.CjbbSZBJ.js → summary-grid.types.BHuDlPDw.js} +7 -7
  242. package/dist/chunks/{summary-grid.types.CjbbSZBJ.js.map → summary-grid.types.BHuDlPDw.js.map} +1 -1
  243. package/dist/chunks/{tab.CAt51ksU.js → tab.C3R_VoJL.js} +5 -5
  244. package/dist/chunks/tab.C3R_VoJL.js.map +1 -0
  245. package/dist/chunks/{tag.D3in0-Bp.js → tag.B6AmSws9.js} +11 -12
  246. package/dist/chunks/tag.B6AmSws9.js.map +1 -0
  247. package/dist/chunks/textarea.DfQLxj_w.js +295 -0
  248. package/dist/chunks/textarea.DfQLxj_w.js.map +1 -0
  249. package/dist/chunks/timeline-item.25y9USE-.js +568 -0
  250. package/dist/chunks/timeline-item.25y9USE-.js.map +1 -0
  251. package/dist/chunks/{toast.CSoCPteL.js → toast.DIhABAW8.js} +18 -18
  252. package/dist/chunks/toast.DIhABAW8.js.map +1 -0
  253. package/dist/chunks/toggle-button.CQl9HneO.js +1353 -0
  254. package/dist/chunks/toggle-button.CQl9HneO.js.map +1 -0
  255. package/dist/chunks/{toggle.BuKXexA6.js → toggle.C8k7NQ7y.js} +3 -3
  256. package/dist/chunks/toggle.C8k7NQ7y.js.map +1 -0
  257. package/dist/chunks/{tooltip.VYPUHERk.js → tooltip.lBnko9QV.js} +70 -64
  258. package/dist/chunks/tooltip.lBnko9QV.js.map +1 -0
  259. package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.Dmf8fGaM.js → tutorial.vue_vue_type_script_setup_true_lang.BProZFmI.js} +48 -51
  260. package/dist/chunks/tutorial.vue_vue_type_script_setup_true_lang.BProZFmI.js.map +1 -0
  261. package/dist/chunks/{typography.DN5eC5ch.js → typography.yBEME_Gu.js} +25 -25
  262. package/dist/chunks/typography.yBEME_Gu.js.map +1 -0
  263. package/dist/chunks/{use-bento-toast-controller.D3LA1FCd.js → use-bento-toast-controller.Kri_h7jS.js} +2 -2
  264. package/dist/chunks/{use-bento-toast-controller.D3LA1FCd.js.map → use-bento-toast-controller.Kri_h7jS.js.map} +1 -1
  265. package/dist/chunks/{use-cached-selected-values.Dyoz6cUK.js → use-cached-selected-values.CELe-MsT.js} +16 -17
  266. package/dist/chunks/use-cached-selected-values.CELe-MsT.js.map +1 -0
  267. package/dist/chunks/{use-country-items.Duh4bMqW.js → use-country-items.D_kamcYy.js} +2 -2
  268. package/dist/chunks/use-country-items.D_kamcYy.js.map +1 -0
  269. package/dist/chunks/{use-country-phon-code.BOaJ9PDl.js → use-country-phon-code.Bui3zD6W.js} +5 -3
  270. package/dist/chunks/{use-country-phon-code.BOaJ9PDl.js.map → use-country-phon-code.Bui3zD6W.js.map} +1 -1
  271. package/dist/chunks/use-has-slot.B7eQSabc.js.map +1 -1
  272. package/dist/chunks/warning-filled.BMGD0G-_.js +29 -0
  273. package/dist/chunks/warning-filled.BMGD0G-_.js.map +1 -0
  274. package/dist/code-snippet.js +1 -1
  275. package/dist/country.js +2 -2
  276. package/dist/currency.js +1 -1
  277. package/dist/dashboard-template.js +1 -1
  278. package/dist/dashed-underline.js +1 -1
  279. package/dist/data-grid-template.js +1 -1
  280. package/dist/data-grid.js +1 -1
  281. package/dist/date-picker.js +2 -2
  282. package/dist/date-range-picker.js +2 -2
  283. package/dist/date.js +1 -1
  284. package/dist/divider.js +1 -1
  285. package/dist/dropdown.js +4 -4
  286. package/dist/empty-state.js +1 -1
  287. package/dist/file-uploader.js +1 -1
  288. package/dist/filter-bar.js +1 -1
  289. package/dist/focus-trap.js +1 -1
  290. package/dist/form-layout.js +1 -1
  291. package/dist/header-with-views.js +1 -1
  292. package/dist/header.js +1 -1
  293. package/dist/index.js +241 -244
  294. package/dist/index.js.map +1 -1
  295. package/dist/info-icon.js +1 -1
  296. package/dist/input-field-password.js +1 -1
  297. package/dist/input-field-phone-number.js +3 -2
  298. package/dist/input-field.js +1 -1
  299. package/dist/inspector.js +1 -1
  300. package/dist/internal.js +33 -32
  301. package/dist/internal.js.map +1 -1
  302. package/dist/layout.js +1 -1
  303. package/dist/link.js +1 -1
  304. package/dist/loading-indicator.js +1 -1
  305. package/dist/menu.js +1 -1
  306. package/dist/modal-fullscreen.js +1 -1
  307. package/dist/modal.js +2 -2
  308. package/dist/pagination.js +1 -1
  309. package/dist/payment-method.js +1 -1
  310. package/dist/popover.js +2 -2
  311. package/dist/popper-container.js +4 -5
  312. package/dist/popper-container.js.map +1 -1
  313. package/dist/promo-banner.js +1 -1
  314. package/dist/radio-group.js +2 -2
  315. package/dist/rich-text-editor.js +1 -1
  316. package/dist/search-bar.js +2 -2
  317. package/dist/secondary-nav.js +1 -1
  318. package/dist/segmented-control.js +1 -1
  319. package/dist/selection-card.js +1 -1
  320. package/dist/sidepanel.js +1 -1
  321. package/dist/status.js +1 -1
  322. package/dist/stepper.js +1 -1
  323. package/dist/structured-list.js +1 -1
  324. package/dist/styles/bento-dark.css +17 -4
  325. package/dist/styles/bento-light.css +17 -4
  326. package/dist/styles/bento.css +17 -4
  327. package/dist/styles/styleguide.css +17 -4
  328. package/dist/styles/utility.css +3 -0
  329. package/dist/summary-grid.js +1 -1
  330. package/dist/tabs.js +1 -1
  331. package/dist/tag.js +1 -1
  332. package/dist/textarea.js +1 -1
  333. package/dist/timeline.js +1 -1
  334. package/dist/toast.js +1 -1
  335. package/dist/toggle.js +1 -1
  336. package/dist/tutorial.js +1 -1
  337. package/dist/typography.js +1 -1
  338. package/dist/use-form-v4.js.map +1 -1
  339. package/dist/web-types.json +1 -1
  340. package/package.json +6 -6
  341. package/dist/assets/button-actions.css +0 -1
  342. package/dist/assets/menu.css +0 -1
  343. package/dist/assets/popover.css +0 -1
  344. package/dist/assets/teleport.css +0 -1
  345. package/dist/chunks/accordion-item.DOnW0OnU.js.map +0 -1
  346. package/dist/chunks/action-bar.CflF49oL.js.map +0 -1
  347. package/dist/chunks/alert.DvleqX0i.js +0 -169
  348. package/dist/chunks/alert.DvleqX0i.js.map +0 -1
  349. package/dist/chunks/avatar.B0-9jC6H.js.map +0 -1
  350. package/dist/chunks/base-button.DdNFlbgH.js.map +0 -1
  351. package/dist/chunks/base-modal.C3_r3rmc.js.map +0 -1
  352. package/dist/chunks/base-modal.keys.C2PQXcE2.js +0 -5
  353. package/dist/chunks/base-modal.keys.C2PQXcE2.js.map +0 -1
  354. package/dist/chunks/bin.CiGG2V4b.js +0 -37
  355. package/dist/chunks/bin.CiGG2V4b.js.map +0 -1
  356. package/dist/chunks/button-actions-with-menu.8ZYh7-9s.js +0 -91
  357. package/dist/chunks/button-actions-with-menu.8ZYh7-9s.js.map +0 -1
  358. package/dist/chunks/button-actions.CZdO9YOk.js +0 -264
  359. package/dist/chunks/button-actions.CZdO9YOk.js.map +0 -1
  360. package/dist/chunks/button.AB0SOQMn.js.map +0 -1
  361. package/dist/chunks/calendar._oPk_A1C.js.map +0 -1
  362. package/dist/chunks/card.CS34Mi_G.js.map +0 -1
  363. package/dist/chunks/checkbox-group.JRo6xNpe.js.map +0 -1
  364. package/dist/chunks/checkbox-input.DFkwZ4GM.js.map +0 -1
  365. package/dist/chunks/checkbox.DGrG3GN1.js.map +0 -1
  366. package/dist/chunks/chip.CneNX2_j.js.map +0 -1
  367. package/dist/chunks/code-snippet.D5M76Qy6.js.map +0 -1
  368. package/dist/chunks/controls-group.CrzkSu0U.js.map +0 -1
  369. package/dist/chunks/copy.RUoQOydT.js.map +0 -1
  370. package/dist/chunks/country.Q95voxeL.js.map +0 -1
  371. package/dist/chunks/currency.CZVdyZUH.js.map +0 -1
  372. package/dist/chunks/dashed-underline.DkzQkpaf.js.map +0 -1
  373. package/dist/chunks/data-grid-template.DSwj7e1E.js.map +0 -1
  374. package/dist/chunks/data-grid.BEdELRNZ.js +0 -3860
  375. package/dist/chunks/data-grid.BEdELRNZ.js.map +0 -1
  376. package/dist/chunks/date-picker.CAoXTiZR.js.map +0 -1
  377. package/dist/chunks/date-range-picker.DtV4L3L6.js +0 -1225
  378. package/dist/chunks/date-range-picker.DtV4L3L6.js.map +0 -1
  379. package/dist/chunks/dialog-page.C80HOigq.js.map +0 -1
  380. package/dist/chunks/divider.qUOSAbU6.js.map +0 -1
  381. package/dist/chunks/dropdown-default-textbox.Ce5D3ipi.js.map +0 -1
  382. package/dist/chunks/dropdown-tag.B3fptORX.js +0 -230
  383. package/dist/chunks/dropdown-tag.B3fptORX.js.map +0 -1
  384. package/dist/chunks/dropdown.CMOYmQLB.js.map +0 -1
  385. package/dist/chunks/empty-state.D7llINgF.js.map +0 -1
  386. package/dist/chunks/es6.n1ewaW31.js +0 -11
  387. package/dist/chunks/es6.n1ewaW31.js.map +0 -1
  388. package/dist/chunks/events.FNmSWp_P.js +0 -52
  389. package/dist/chunks/events.FNmSWp_P.js.map +0 -1
  390. package/dist/chunks/file-uploader.B_EI2fAc.js.map +0 -1
  391. package/dist/chunks/filter-bar.DoHMLZ4O.js.map +0 -1
  392. package/dist/chunks/focus-trap.CljZgv9i.js.map +0 -1
  393. package/dist/chunks/footer-actions.Bje-DDqw.js.map +0 -1
  394. package/dist/chunks/form-layout-title.rpIO-I9A.js.map +0 -1
  395. package/dist/chunks/grid-layout.BTLE3rac.js.map +0 -1
  396. package/dist/chunks/header-with-views.BUed3ocZ.js.map +0 -1
  397. package/dist/chunks/header.CwKjDgKv.js.map +0 -1
  398. package/dist/chunks/info-icon.DprUQ9fj.js.map +0 -1
  399. package/dist/chunks/info.DcTs-Bzp.js +0 -44
  400. package/dist/chunks/info.DcTs-Bzp.js.map +0 -1
  401. package/dist/chunks/input-field-password.DN0Jro1V.js.map +0 -1
  402. package/dist/chunks/input-field.su5Cq8Dt.js.map +0 -1
  403. package/dist/chunks/inspector.CoZCPfHC.js.map +0 -1
  404. package/dist/chunks/keyboard-navigation.CqgGzfZQ.js.map +0 -1
  405. package/dist/chunks/layout-row.CZNtHaXd.js.map +0 -1
  406. package/dist/chunks/listbox-option-tag.0BK6jWO9.js.map +0 -1
  407. package/dist/chunks/loading-indicator.DEepb9Wl.js.map +0 -1
  408. package/dist/chunks/menu.EtjeOPXX.js +0 -680
  409. package/dist/chunks/menu.EtjeOPXX.js.map +0 -1
  410. package/dist/chunks/modal-fullscreen.DBTnoSX9.js.map +0 -1
  411. package/dist/chunks/modal-fullscreen.keys.CMba3hYp.js +0 -5
  412. package/dist/chunks/modal-fullscreen.keys.CMba3hYp.js.map +0 -1
  413. package/dist/chunks/modal.vue_vue_type_script_setup_true_lang.Cd-mQUJ8.js.map +0 -1
  414. package/dist/chunks/pagination.fYQak4C8.js.map +0 -1
  415. package/dist/chunks/payment-method.eazefwm6.js.map +0 -1
  416. package/dist/chunks/popover.DYgCCUCJ.js +0 -200
  417. package/dist/chunks/popover.DYgCCUCJ.js.map +0 -1
  418. package/dist/chunks/popover.types.V8old-GW.js +0 -6
  419. package/dist/chunks/popover.types.V8old-GW.js.map +0 -1
  420. package/dist/chunks/popper-container.b5h4zYgT.js.map +0 -1
  421. package/dist/chunks/popper-container.types.BCZMbVFD.js +0 -9
  422. package/dist/chunks/popper-container.types.BCZMbVFD.js.map +0 -1
  423. package/dist/chunks/promo-banner.CQp3z2CP.js.map +0 -1
  424. package/dist/chunks/radio-group.H9A5QcNu.js.map +0 -1
  425. package/dist/chunks/radio-input.DKfQGxtp.js.map +0 -1
  426. package/dist/chunks/rich-text-editor.Dx78coVL.js.map +0 -1
  427. package/dist/chunks/search-bar.CUrcP_wf.js.map +0 -1
  428. package/dist/chunks/secondary-nav.j3ddtYoZ.js.map +0 -1
  429. package/dist/chunks/segmented-control.5-vlm8Gt.js.map +0 -1
  430. package/dist/chunks/selection-card-group.B4xpnd-z.js.map +0 -1
  431. package/dist/chunks/sidepanel.DPN__L3Q.js.map +0 -1
  432. package/dist/chunks/sidepanel.keys.R0DKQuYx.js +0 -5
  433. package/dist/chunks/sidepanel.keys.R0DKQuYx.js.map +0 -1
  434. package/dist/chunks/status.types.Bdv2zuuh.js.map +0 -1
  435. package/dist/chunks/step.BtNhPZAf.js.map +0 -1
  436. package/dist/chunks/structured-list-item.BQbEDKhg.js.map +0 -1
  437. package/dist/chunks/tab.CAt51ksU.js.map +0 -1
  438. package/dist/chunks/tag.D3in0-Bp.js.map +0 -1
  439. package/dist/chunks/teleport.CfGWjxe2.js +0 -129
  440. package/dist/chunks/teleport.CfGWjxe2.js.map +0 -1
  441. package/dist/chunks/textarea.BBhN67-I.js +0 -282
  442. package/dist/chunks/textarea.BBhN67-I.js.map +0 -1
  443. package/dist/chunks/timeline-item.CuCII37W.js +0 -566
  444. package/dist/chunks/timeline-item.CuCII37W.js.map +0 -1
  445. package/dist/chunks/toast.CSoCPteL.js.map +0 -1
  446. package/dist/chunks/toggle-button.NQwrfSr1.js +0 -80
  447. package/dist/chunks/toggle-button.NQwrfSr1.js.map +0 -1
  448. package/dist/chunks/toggle.BuKXexA6.js.map +0 -1
  449. package/dist/chunks/tooltip.VYPUHERk.js.map +0 -1
  450. package/dist/chunks/tutorial.vue_vue_type_script_setup_true_lang.Dmf8fGaM.js.map +0 -1
  451. package/dist/chunks/typography.DN5eC5ch.js.map +0 -1
  452. package/dist/chunks/use-cached-selected-values.Dyoz6cUK.js.map +0 -1
  453. package/dist/chunks/use-click-outside.BnhTgpSt.js +0 -14
  454. package/dist/chunks/use-click-outside.BnhTgpSt.js.map +0 -1
  455. package/dist/chunks/use-country-items.Duh4bMqW.js.map +0 -1
  456. package/dist/chunks/warning-filled.AiUbXzzg.js +0 -29
  457. package/dist/chunks/warning-filled.AiUbXzzg.js.map +0 -1
  458. package/dist/styles/legacy.css +0 -2226
@@ -1,10 +1,8 @@
1
- import { defineComponent as E, useSlots as C, ref as i, computed as p, watch as D, withDirectives as k, createElementBlock as w, openBlock as h, createElementVNode as T, createBlock as N, createCommentVNode as V, renderSlot as _, unref as t, withCtx as u, toHandlers as y, createVNode as B, createTextVNode as I, toDisplayString as z } from "vue";
2
- import { B as F } from "./popover.DYgCCUCJ.js";
3
- import "./events.FNmSWp_P.js";
4
- import { B as L } from "./tooltip.VYPUHERk.js";
5
- import { B as M } from "./typography.DN5eC5ch.js";
6
- import { u as U } from "./use-has-slot.B7eQSabc.js";
7
- import { B as A } from "./teleport.CfGWjxe2.js";
1
+ import { defineComponent as E, useSlots as C, ref as i, computed as p, watch as D, withDirectives as k, createElementBlock as w, openBlock as h, createElementVNode as T, createBlock as N, createCommentVNode as V, renderSlot as _, unref as t, withCtx as d, toHandlers as y, createVNode as P, createTextVNode as I, toDisplayString as z } from "vue";
2
+ import { d as F, h as L } from "./toggle-button.CQl9HneO.js";
3
+ import { b as M } from "./tooltip.lBnko9QV.js";
4
+ import { B as U } from "./typography.yBEME_Gu.js";
5
+ import { u as A } from "./use-has-slot.B7eQSabc.js";
8
6
  import { _ as G } from "./_plugin-vue_export-helper.CHgC5LLL.js";
9
7
  import "../assets/dashed-underline.css";
10
8
  const H = { class: "b-dashed-underline__content" }, R = {}, Y = /* @__PURE__ */ E({
@@ -21,21 +19,21 @@ const H = { class: "b-dashed-underline__content" }, R = {}, Y = /* @__PURE__ */
21
19
  tooltipText: { default: null },
22
20
  tooltipPosition: { default: "top" }
23
21
  },
24
- setup(P) {
25
- const n = P, S = C(), b = U(S), o = i(null), r = i(!1), l = i(), s = () => {
26
- r.value = !0, l.value && clearTimeout(l.value);
22
+ setup(S) {
23
+ const n = S, O = C(), b = A(O), o = i(null), l = i(!1), r = i(), s = () => {
24
+ l.value = !0, r.value && clearTimeout(r.value);
27
25
  }, a = () => {
28
26
  const e = setTimeout(() => {
29
- r.value = !1;
27
+ l.value = !1;
30
28
  }, 200);
31
- l.value = e;
32
- }, d = () => {
29
+ r.value = e;
30
+ }, u = () => {
33
31
  s();
34
32
  }, c = (e) => {
35
33
  (!o.value || !((e == null ? void 0 : e.relatedTarget) instanceof Element) || !o.value.contains(e.relatedTarget)) && a();
36
- }, f = p(() => n.popoverText || b("popover-content")), O = p(() => !n.tooltipText && !f.value);
34
+ }, v = p(() => n.popoverText || b("popover-content")), g = p(() => !n.tooltipText && !v.value);
37
35
  D(
38
- O,
36
+ g,
39
37
  (e) => {
40
38
  if (e)
41
39
  throw new Error(
@@ -44,19 +42,19 @@ const H = { class: "b-dashed-underline__content" }, R = {}, Y = /* @__PURE__ */
44
42
  },
45
43
  { immediate: !0 }
46
44
  );
47
- const g = p(
45
+ const B = p(
48
46
  () => {
49
47
  var e;
50
48
  return ((e = n.teleport) == null ? void 0 : e.disabled) === !1 ? {
51
49
  mouseenter: s,
52
50
  mouseleave: a,
53
- focus: d,
51
+ focus: u,
54
52
  focusout: c
55
53
  } : {};
56
54
  }
57
55
  );
58
56
  return (e, q) => {
59
- var v, m;
57
+ var f, m;
60
58
  return k((h(), w("span", {
61
59
  ref_key: "element",
62
60
  ref: o,
@@ -64,21 +62,21 @@ const H = { class: "b-dashed-underline__content" }, R = {}, Y = /* @__PURE__ */
64
62
  tabindex: "0",
65
63
  onMouseenter: s,
66
64
  onMouseleave: a,
67
- onFocus: d,
65
+ onFocus: u,
68
66
  onFocusout: c
69
67
  }, [
70
68
  T("span", H, [
71
69
  _(e.$slots, "default", {}, void 0, !0)
72
70
  ]),
73
- o.value && f.value ? (h(), N(t(A), {
71
+ o.value && v.value ? (h(), N(t(F), {
74
72
  key: 0,
75
- disabled: (v = e.teleport) == null ? void 0 : v.disabled,
73
+ disabled: (f = e.teleport) == null ? void 0 : f.disabled,
76
74
  to: (m = e.teleport) == null ? void 0 : m.to
77
75
  }, {
78
- default: u(() => [
79
- T("span", y(g.value, !0), [
80
- B(t(F), {
81
- open: r.value,
76
+ default: d(() => [
77
+ T("span", y(B.value, !0), [
78
+ P(t(L), {
79
+ open: l.value,
82
80
  "target-element": o.value,
83
81
  position: e.popoverPosition,
84
82
  role: "tooltip",
@@ -88,10 +86,10 @@ const H = { class: "b-dashed-underline__content" }, R = {}, Y = /* @__PURE__ */
88
86
  title: e.popoverTitle,
89
87
  "disable-focus-trap": ""
90
88
  }, {
91
- default: u(() => [
89
+ default: d(() => [
92
90
  _(e.$slots, "popover-content", {}, () => [
93
- B(t(M), null, {
94
- default: u(() => [
91
+ P(t(U), null, {
92
+ default: d(() => [
95
93
  I(z(e.popoverText), 1)
96
94
  ]),
97
95
  _: 1
@@ -105,12 +103,12 @@ const H = { class: "b-dashed-underline__content" }, R = {}, Y = /* @__PURE__ */
105
103
  _: 3
106
104
  }, 8, ["disabled", "to"])) : V("", !0)
107
105
  ], 32)), [
108
- [t(L), e.tooltipText, e.tooltipPosition]
106
+ [t(M), e.tooltipText, e.tooltipPosition]
109
107
  ]);
110
108
  };
111
109
  }
112
- }), ee = /* @__PURE__ */ G(Y, [["__scopeId", "data-v-b7f3769b"]]);
110
+ }), X = /* @__PURE__ */ G(Y, [["__scopeId", "data-v-d87d8c52"]]);
113
111
  export {
114
- ee as B
112
+ X as B
115
113
  };
116
- //# sourceMappingURL=dashed-underline.DkzQkpaf.js.map
114
+ //# sourceMappingURL=dashed-underline.2OYxO-Rh.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dashed-underline.2OYxO-Rh.js","sources":["../../../vue2/src/components/dashed-underline/dashed-underline.vue"],"sourcesContent":["<template>\n <span\n ref=\"element\"\n v-bento-tooltip-directive:[tooltipPosition]=\"tooltipText\"\n class=\"b-dashed-underline\"\n tabindex=\"0\"\n @mouseenter=\"openPopover\"\n @mouseleave=\"closePopover\"\n @focus=\"dashedUnderlineOnFocus\"\n @focusout=\"dashedUnderlineOnFocusOut\"\n >\n <span class=\"b-dashed-underline__content\">\n <slot></slot>\n </span>\n <bento-teleport v-if=\"element && hasPopover\" :disabled=\"teleport?.disabled\" :to=\"teleport?.to\">\n <span v-on=\"computedPopoverContainerEvents\">\n <bento-popover\n :open=\"isOpen\"\n :target-element=\"element\"\n :position=\"popoverPosition\"\n role=\"tooltip\"\n :fit-content=\"popoverSize === 'fit-content' || undefined\"\n :large=\"popoverSize === 'large' || undefined\"\n :small=\"popoverSize === 'small' || undefined\"\n :title=\"popoverTitle\"\n disable-focus-trap\n >\n <slot name=\"popover-content\">\n <bento-typography>\n {{ popoverText }}\n </bento-typography>\n </slot>\n </bento-popover>\n </span>\n </bento-teleport>\n </span>\n</template>\n\n<script lang=\"ts\" setup>\n import { computed, ref, useSlots, watch } from 'vue';\n import { BentoPopover } from '@/components/popover';\n import { BentoTooltipDirective as vBentoTooltipDirective } from '@/directives/tooltip/index';\n import { BentoTypography } from '@/components/typography';\n import { useHasSlot } from '@/composables';\n import { BentoTeleport } from '@/internal';\n import { type BentoDashedUnderlineProps } from './dashed-underline.types';\n\n const CLOSING_POPOVER_DELAY_MS = 200;\n\n const props = withDefaults(defineProps<BentoDashedUnderlineProps>(), {\n popoverText: null,\n popoverTitle: null,\n popoverPosition: 'top',\n popoverSize: 'fit-content',\n teleport: () => ({\n disabled: true,\n }),\n tooltipText: null,\n tooltipPosition: 'top',\n });\n\n const slots = useSlots();\n const hasSlot = useHasSlot(slots);\n\n const element = ref<HTMLSpanElement>(null);\n const isOpen = ref(false);\n\n const closingTimeOutId = ref();\n\n const openPopover = () => {\n isOpen.value = true;\n if (closingTimeOutId.value) {\n clearTimeout(closingTimeOutId.value);\n }\n };\n\n const closePopover = () => {\n // We want to delay closing for a couple of seconds so\n // it doesn't flicker if a user hovers over the icon and then inside the popover.\n const timeOutId = setTimeout(() => {\n isOpen.value = false;\n }, CLOSING_POPOVER_DELAY_MS);\n closingTimeOutId.value = timeOutId;\n };\n\n const dashedUnderlineOnFocus = () => {\n openPopover();\n };\n\n /**\n * Only close popover on blur if the newly focus element is not a child of this element\n * @param e - the event that contains the newly focused element\n */\n const dashedUnderlineOnFocusOut = (e: FocusEvent) => {\n if (!element.value || !(e?.relatedTarget instanceof Element) || !element.value.contains(e.relatedTarget)) {\n closePopover();\n }\n };\n\n const hasPopover = computed(() => props.popoverText || hasSlot('popover-content'));\n\n const shouldShowTooltipPopoverError = computed(() => !props.tooltipText && !hasPopover.value);\n\n watch(\n shouldShowTooltipPopoverError,\n value => {\n if (value) {\n throw new Error(\n 'BentoDashedUnderline requires either a tooltip or a popover to be configured. Check the docs for more info.'\n );\n }\n },\n { immediate: true }\n );\n\n /**\n * When the popover is teleported, it is no longer a DOM descendant of the trigger element.\n * We add these event listeners to the popover's container to keep the popover open when\n * the user moves their mouse or focuses out from the trigger to the popover BUT then mouses over\n * or focuses on the popover content.\n */\n const computedPopoverContainerEvents = computed(() =>\n props.teleport?.disabled === false\n ? {\n mouseenter: openPopover,\n mouseleave: closePopover,\n focus: dashedUnderlineOnFocus,\n focusout: dashedUnderlineOnFocusOut,\n }\n : {}\n );\n</script>\n\n<script lang=\"ts\">\n /**\n * Provides a dashed underline to text, indicating that more information is available on\n * hover or focus. The additional information is displayed in a tooltip or a popover.\n *\n * @example\n * import { BentoDashedUnderline } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoDashedUnderline },\n * template: `\n * <p>\n * This is some <bento-dashed-underline tooltip-text=\"A short explanation\">annotated text</bento-dashed-underline>.\n * </p>\n * `\n * }\n */\n export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./dashed-underline.scss\" />\n"],"names":["__default__","props","__props","slots","useSlots","hasSlot","useHasSlot","element","ref","isOpen","closingTimeOutId","openPopover","closePopover","timeOutId","dashedUnderlineOnFocus","dashedUnderlineOnFocusOut","hasPopover","computed","shouldShowTooltipPopoverError","watch","value","computedPopoverContainerEvents","_a"],"mappings":";;;;;;;oDAsJIA,IAAA,CAAA;;;;;;;;;;;;;;;AArGA,UAAAC,IAAAC,GAYAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEAI,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAA,EAAA,GAEAE,IAAAF,EAAA,GAEAG,IAAA,MAAA;AACI,MAAAF,EAAA,QAAA,IACAC,EAAA,SACI,aAAAA,EAAA,KAAA;AAAA,IACJ,GAGJE,IAAA,MAAA;AAGI,YAAAC,IAAA,WAAA,MAAA;AACI,QAAAJ,EAAA,QAAA;AAAA,MAAe,GAAA,GAAA;AAEnB,MAAAC,EAAA,QAAAG;AAAA,IAAyB,GAG7BC,IAAA,MAAA;AACI,MAAAH,EAAA;AAAA,IAAY,GAOhBI,IAAA,CAAA,MAAA;AACI,OAAA,CAAAR,EAAA,SAAA,GAAA,uBAAA,0BAAA,YAAA,CAAAA,EAAA,MAAA,SAAA,EAAA,aAAA,MACIK,EAAA;AAAA,IACJ,GAGJI,IAAAC,EAAA,MAAAhB,EAAA,eAAAI,EAAA,iBAAA,CAAA,GAEAa,IAAAD,EAAA,MAAA,CAAAhB,EAAA,eAAA,CAAAe,EAAA,KAAA;AAEA,IAAAG;AAAA,MAAAD;AAAA,MACI,CAAAE,MAAA;AAEI,YAAAA;AACI,gBAAA,IAAA;AAAA,YAAU;AAAA,UACN;AAAA,MAER;AAAA,MACJ,EAAA,WAAA,GAAA;AAAA,IACkB;AAStB,UAAAC,IAAAJ;AAAA,MAAuC,MAAA;;AAAA,iBAAAK,IAAArB,EAAA,aAAA,gBAAAqB,EAAA,cAAA,KAAA;AAAA,UAE7B,YAAAX;AAAA,UACgB,YAAAC;AAAA,UACA,OAAAE;AAAA,UACL,UAAAC;AAAA,QACG,IAAA,CAAA;AAAA;AAAA,IAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,7 +1,7 @@
1
1
  import { defineComponent as G, useSlots as H, ref as f, computed as o, provide as N, createElementBlock as m, openBlock as c, createVNode as T, unref as n, mergeProps as _, toHandlers as O, withCtx as l, renderSlot as s, createElementVNode as j, createCommentVNode as x, createBlock as C, createSlots as P, normalizeClass as V, Fragment as w, renderList as L, toRef as g } from "vue";
2
- import { B as z } from "./header.CwKjDgKv.js";
3
- import { B as F } from "./inspector.CoZCPfHC.js";
4
- import { B as J, a as K } from "./tab.CAt51ksU.js";
2
+ import { B as z } from "./header.Cd1P8lYK.js";
3
+ import { B as F } from "./inspector.BGtTMtE0.js";
4
+ import { B as J, a as K } from "./tab.C3R_VoJL.js";
5
5
  import { u as M } from "./use-has-slot.B7eQSabc.js";
6
6
  import { D as U } from "./data-grid-template.keys.2_AkxuNT.js";
7
7
  import { _ as Y } from "./_plugin-vue_export-helper.CHgC5LLL.js";
@@ -137,8 +137,8 @@ const q = { class: "b-data-grid-template" }, Q = { class: "b-data-grid-template_
137
137
  }, 16)
138
138
  ]));
139
139
  }
140
- }), rt = /* @__PURE__ */ Y(X, [["__scopeId", "data-v-b227aafd"]]);
140
+ }), rt = /* @__PURE__ */ Y(X, [["__scopeId", "data-v-1a318cfb"]]);
141
141
  export {
142
142
  rt as d
143
143
  };
144
- //# sourceMappingURL=data-grid-template.DSwj7e1E.js.map
144
+ //# sourceMappingURL=data-grid-template.CTRHofoW.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"data-grid-template.CTRHofoW.js","sources":["../../../vue2/src/templates/data-grid-template/data-grid-template.vue"],"sourcesContent":["<template>\n <main class=\"b-data-grid-template\">\n <bento-inspector v-bind=\"computedInspectorProps\" ref=\"inspectorRef\" v-on=\"inspectorEvents\">\n <template #page>\n <div class=\"b-data-grid-template__header\">\n <slot name=\"header\">\n <bento-header v-bind=\"header\" variant=\"component\">\n <template v-if=\"hasSlot('infoIconTooltipContent')\" #infoIconTooltipContent>\n <slot name=\"infoIconTooltipContent\" />\n </template>\n </bento-header>\n </slot>\n </div>\n\n <div\n v-if=\"hasSlot('additionalContent')\"\n ref=\"additionalContentRef\"\n class=\"b-data-grid-template__additional-content\"\n :class=\"additionalContentConditionalClasses\"\n >\n <slot name=\"additionalContent\" />\n </div>\n\n <bento-tabs\n v-if=\"tabsSlots.length > 1\"\n ref=\"tabsRef\"\n :active-tab-index=\"tabs.activeTabIndex\"\n :sticky=\"stickyTabs\"\n :sticky-options=\"stickyAdditionalContent ? { top: computedStickyAdditionalContentHeight } : null\"\n @update:active-tab-index=\"emitTabs\"\n >\n <bento-tab v-for=\"(_item, index) in tabsSlots\" :key=\"`tab-${index}`\" :title=\"getTabTitle(index)\">\n <slot :name=\"`tab-${index + 1}`\" />\n </bento-tab>\n </bento-tabs>\n\n <slot v-else />\n </template>\n\n <template #content>\n <slot name=\"inspector-content\" />\n </template>\n </bento-inspector>\n </main>\n</template>\n\n<script setup lang=\"ts\">\n import { BentoHeader } from '@/components/header';\n import { BentoInspector } from '@/components/inspector';\n import { BentoTab, BentoTabs } from '@/components/tabs';\n import { useHasSlot } from '@/composables';\n import { computed, type PropType, provide, type Ref, ref, toRef, type UnwrapRef, useSlots } from 'vue';\n import { DATA_GRID_REGISTER_TEMPLATE_INJECTION_KEY } from './data-grid-template.keys';\n import type {\n BentoDataGridTemplateDataGrid,\n BentoDataGridTemplateHeader,\n BentoDataGridTemplateInspector,\n BentoDataGridTemplateTabs,\n } from './data-grid-template.types';\n\n const props = defineProps({\n /**\n * The header that goes to the top of the template\n */\n header: {\n type: Object as PropType<BentoDataGridTemplateHeader>,\n default: undefined,\n },\n\n /**\n * All the tab properties that can be set on the inner tab components.\n * - tabs.activeTabIndex: the currenly active tab index.\n * - tabs.tabs: an array of BentoTab props, the first item in the array will affect the `tab-1` slot and so on.\n */\n tabs: {\n type: Object as PropType<BentoDataGridTemplateTabs>,\n default: undefined,\n },\n\n /**\n * Renders the additional content slot with a sticky positioning\n */\n stickyAdditionalContent: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Renders the tabs with a sticky positioning\n */\n stickyTabs: {\n type: Boolean,\n default: false,\n },\n\n /**\n * All the inspector properties that can be set on the inner inspector component.\n */\n inspector: {\n type: Object as PropType<BentoDataGridTemplateInspector>,\n default: undefined,\n },\n });\n const slots = useSlots();\n const hasSlot = useHasSlot(slots);\n\n const emit = defineEmits<{\n /**\n * Emits update event when activeTabIndex changes internally\n */\n (e: 'update:tabs', value: BentoDataGridTemplateTabs): void;\n\n /**\n * Emits update event when the inspector's `isOpen` state changes\n */\n (e: 'update:is-open:inspector', value: boolean): void;\n\n /**\n * Emits update event when the inspector's `activePage` changes\n */\n (e: 'update:active-page:inspector', value: string): void;\n\n /**\n * Emits event when the inspector's expand button is clicked\n */\n (e: 'expand:inspector', value: boolean): void;\n }>();\n\n const tabsRef = ref(null);\n const additionalContentRef = ref(null);\n const inspectorRef = ref(null);\n\n const additionalContentConditionalClasses = computed(() => ({\n 'b-data-grid-template__additional-content--sticky': props.stickyAdditionalContent,\n }));\n\n const computedInspectorProps = computed(() => ({\n title: '',\n ...props.inspector,\n }));\n\n const computedStickyAdditionalContentHeight = computed(() => additionalContentRef?.value?.offsetHeight);\n\n const computedTabsRef = computed(() => tabsRef.value?.$refs?.tablistwrapper);\n\n const tabsSlots = computed(() => Object.keys(slots).filter(el => el?.includes('tab-')));\n\n const inspectorEvents = computed(() => ({\n 'update:is-open': (value: boolean) => emit('update:is-open:inspector', value),\n 'update:active-page': (value: string) => emit('update:active-page:inspector', value),\n expand: (value: boolean) => emit('expand:inspector', value),\n }));\n\n const emitTabs = (newActiveTabIndex: number) => {\n emit('update:tabs', { ...props.tabs, activeTabIndex: newActiveTabIndex });\n };\n\n const getTabTitle = (index: number) => props?.tabs.tabs?.[index]?.title ?? `Tab ${index + 1}`;\n\n const registerDatagridInDataGridTemplate: BentoDataGridTemplateDataGrid = () => {\n const isDataGridTemplate = true;\n const stickyTabs: Ref<boolean> = toRef(props, 'stickyTabs');\n const stickyAdditionalContent: Ref<boolean> = toRef(props, 'stickyAdditionalContent');\n const tabsRef: Ref<UnwrapRef<HTMLDivElement>> | null = computedTabsRef;\n const additionalContentSlotRef: Ref<UnwrapRef<HTMLDivElement>> | null = additionalContentRef;\n\n // return values to the Tab component\n return {\n isDataGridTemplate,\n stickyTabs,\n tabsRef,\n stickyAdditionalContent,\n additionalContentSlotRef,\n };\n };\n\n provide(DATA_GRID_REGISTER_TEMPLATE_INJECTION_KEY, registerDatagridInDataGridTemplate);\n</script>\n\n<script lang=\"ts\">\n /**\n * The data grid template is a restrictive, full-page data grid used to display information from a data set.\n * You can use this data grid template when your user needs a clear overview of data or a way of organizing and analyzing the data in their own way.\n * This data grid template shouldn’t be confused with the data grid.\n *\n * @example\n * import { BentoDataGridTemplate } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoDataGridTemplate },\n * template: `\n * // If you want to display multiple data grids in the same page (they will be rendered in different tabs)\n * <bento-data-grid-template>\n * <template #tab-1><bento-data-grid v-bind=\"your-data-grid-args\" title=\"Title for tab 1\"/></template>\n * <template #tab-2><bento-data-grid v-bind=\"your-data-grid-args\" title=\"Title for tab 2\"/></template>\n * </bento-data-grid-template>\n * // Alternatively, if you only want to pass one data grid to your template:\n * <bento-data-grid-template>\n * <template #default><bento-data-grid v-bind=\"your-data-grid-args\"/></template>\n * </bento-data-grid-template>\n * `\n * }\n */\n export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./data-grid-template.scss\" />\n"],"names":["__default__","props","__props","slots","useSlots","hasSlot","useHasSlot","emit","__emit","tabsRef","ref","additionalContentRef","inspectorRef","additionalContentConditionalClasses","computed","computedInspectorProps","computedStickyAdditionalContentHeight","_a","computedTabsRef","_b","tabsSlots","el","inspectorEvents","value","emitTabs","newActiveTabIndex","getTabTitle","index","provide","DATA_GRID_REGISTER_TEMPLATE_INJECTION_KEY","stickyTabs","toRef","stickyAdditionalContent"],"mappings":";;;;;;;;4FA2MIA,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA/IA,UAAAC,IAAAC,GA2CAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEAI,IAAAC,GAsBAC,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAA,IAAA,GACAE,IAAAF,EAAA,IAAA,GAEAG,IAAAC,EAAA,OAAA;AAAA,MAA4D,oDAAAb,EAAA;AAAA,IACE,EAAA,GAG9Dc,IAAAD,EAAA,OAAA;AAAA,MAA+C,OAAA;AAAA,MACpC,GAAAb,EAAA;AAAA,IACE,EAAA,GAGbe,IAAAF,EAAA,MAAA;;AAAA,cAAAG,IAAAN,KAAA,gBAAAA,EAAA,UAAA,gBAAAM,EAAA;AAAA,KAAA,GAEAC,IAAAJ,EAAA,MAAA;;AAAA,cAAAK,KAAAF,IAAAR,EAAA,UAAA,gBAAAQ,EAAA,UAAA,gBAAAE,EAAA;AAAA,KAAA,GAEAC,IAAAN,EAAA,MAAA,OAAA,KAAAX,CAAA,EAAA,OAAA,CAAAkB,MAAAA,KAAA,gBAAAA,EAAA,SAAA,OAAA,CAAA,GAEAC,IAAAR,EAAA,OAAA;AAAA,MAAwC,kBAAA,CAAAS,MAAAhB,EAAA,4BAAAgB,CAAA;AAAA,MACwC,sBAAA,CAAAA,MAAAhB,EAAA,gCAAAgB,CAAA;AAAA,MACO,QAAA,CAAAA,MAAAhB,EAAA,oBAAAgB,CAAA;AAAA,IACzB,EAAA,GAG9DC,IAAA,CAAAC,MAAA;AACI,MAAAlB,EAAA,eAAA,EAAA,GAAAN,EAAA,MAAA,gBAAAwB,EAAA,CAAA;AAAA,IAAwE,GAG5EC,IAAA,CAAAC,MAAA;;AAAA,eAAAR,KAAAF,IAAAhB,KAAA,gBAAAA,EAAA,KAAA,SAAA,gBAAAgB,EAAAU,OAAA,gBAAAR,EAAA,UAAA,OAAAQ,IAAA,CAAA;AAAA;AAmBA,WAAAC,EAAAC,GAjBA,MAAA;AAEI,YAAAC,IAAAC,EAAA9B,GAAA,YAAA,GACA+B,IAAAD,EAAA9B,GAAA,yBAAA;AAKA,aAAA;AAAA,QAAO;AAAA,QACH,YAAA6B;AAAA,QACA,SANJZ;AAAA,QAOI,yBAAAc;AAAA,QACA,0BAPJrB;AAAA,MAQI;AAAA,IACJ,CAGJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}