@adyen/bento-vue3 1.50.0 → 1.52.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 (343) hide show
  1. package/dist/@types/index.d.ts +513 -608
  2. package/dist/accordion.js +1 -1
  3. package/dist/action-bar.js +1 -1
  4. package/dist/alert.js +1 -1
  5. package/dist/assets/accordion-item.css +1 -1
  6. package/dist/assets/action-bar.css +1 -1
  7. package/dist/assets/alert.css +1 -1
  8. package/dist/assets/base-modal.css +1 -1
  9. package/dist/assets/button-actions-with-menu.css +1 -1
  10. package/dist/assets/calendar.css +1 -1
  11. package/dist/assets/card.css +1 -1
  12. package/dist/assets/checkbox-input.css +1 -1
  13. package/dist/assets/checkbox.css +1 -1
  14. package/dist/assets/copy.css +1 -1
  15. package/dist/assets/data-grid.css +1 -1
  16. package/dist/assets/date-picker.css +1 -1
  17. package/dist/assets/date-range-picker.css +1 -1
  18. package/dist/assets/dialog-page.css +1 -1
  19. package/dist/assets/dropdown.css +1 -1
  20. package/dist/assets/file-uploader.css +1 -1
  21. package/dist/assets/filter-bar.css +1 -1
  22. package/dist/assets/form-layout-title.css +1 -1
  23. package/dist/assets/input-field-password.css +1 -1
  24. package/dist/assets/input-field-phone-number.css +1 -1
  25. package/dist/assets/input-field.css +1 -1
  26. package/dist/assets/inspector.css +1 -1
  27. package/dist/assets/link.css +1 -1
  28. package/dist/assets/menu.css +1 -1
  29. package/dist/assets/modal-fullscreen.css +1 -1
  30. package/dist/assets/pagination.css +1 -1
  31. package/dist/assets/payment-method.css +1 -1
  32. package/dist/assets/popover.css +1 -1
  33. package/dist/assets/search-bar.css +1 -1
  34. package/dist/assets/sidepanel.css +1 -1
  35. package/dist/assets/timeline-item.css +1 -1
  36. package/dist/assets/tutorial.css +1 -1
  37. package/dist/assets/use-cached-selected-values.css +1 -1
  38. package/dist/button.js +3 -3
  39. package/dist/card.js +1 -1
  40. package/dist/checkbox.js +3 -3
  41. package/dist/chip.js +1 -1
  42. package/dist/chunks/{accordion-item.Cf184uiI.js → accordion-item.DLyCF015.js} +2 -2
  43. package/dist/chunks/{accordion-item.Cf184uiI.js.map → accordion-item.DLyCF015.js.map} +1 -1
  44. package/dist/chunks/{action-bar.DkGjsKiy.js → action-bar.eo5EXYmg.js} +7 -7
  45. package/dist/chunks/{action-bar.DkGjsKiy.js.map → action-bar.eo5EXYmg.js.map} +1 -1
  46. package/dist/chunks/{alert.DGewBB2a.js → alert.DEf0borp.js} +45 -44
  47. package/dist/chunks/alert.DEf0borp.js.map +1 -0
  48. package/dist/chunks/{base-modal.gW2mkOwf.js → base-modal.BlC6TZNz.js} +6 -6
  49. package/dist/chunks/{base-modal.gW2mkOwf.js.map → base-modal.BlC6TZNz.js.map} +1 -1
  50. package/dist/chunks/button-actions-with-menu.DQaq1bkf.js +174 -0
  51. package/dist/chunks/button-actions-with-menu.DQaq1bkf.js.map +1 -0
  52. package/dist/chunks/{button-actions.BZEKcCbe.js → button-actions.BvGAE7sw.js} +4 -4
  53. package/dist/chunks/{button-actions.BZEKcCbe.js.map → button-actions.BvGAE7sw.js.map} +1 -1
  54. package/dist/chunks/{button.BXVKUuum.js → button.6HMG0xEY.js} +2 -2
  55. package/dist/chunks/{button.BXVKUuum.js.map → button.6HMG0xEY.js.map} +1 -1
  56. package/dist/chunks/calendar.D2X834TU.js +1252 -0
  57. package/dist/chunks/calendar.D2X834TU.js.map +1 -0
  58. package/dist/chunks/{card.Ec-SR2qG.js → card.IrL_Fw-f.js} +3 -3
  59. package/dist/chunks/{card.Ec-SR2qG.js.map → card.IrL_Fw-f.js.map} +1 -1
  60. package/dist/chunks/{checkbox-group.KeIRO8lx.js → checkbox-group.BVJfN48k.js} +4 -4
  61. package/dist/chunks/{checkbox-group.KeIRO8lx.js.map → checkbox-group.BVJfN48k.js.map} +1 -1
  62. package/dist/chunks/{checkbox-input.CAYgiRHG.js → checkbox-input.CgbJsFXD.js} +62 -55
  63. package/dist/chunks/checkbox-input.CgbJsFXD.js.map +1 -0
  64. package/dist/chunks/{checkbox.BllRk82F.js → checkbox.erdZ58Kk.js} +72 -64
  65. package/dist/chunks/checkbox.erdZ58Kk.js.map +1 -0
  66. package/dist/chunks/{checkmark-circle-fill.g_tcBhFJ.js → checkmark-circle-fill.jicbqe7k.js} +13 -13
  67. package/dist/chunks/checkmark-circle-fill.jicbqe7k.js.map +1 -0
  68. package/dist/chunks/{checkmark-small.BDqUF-Ni.js → checkmark-small.D7l69yBf.js} +4 -4
  69. package/dist/chunks/checkmark-small.D7l69yBf.js.map +1 -0
  70. package/dist/chunks/{chevron-left.CYEK2UTr.js → chevron-left.BF63HtOH.js} +6 -6
  71. package/dist/chunks/chevron-left.BF63HtOH.js.map +1 -0
  72. package/dist/chunks/{chevron-up.Cu9qXgBY.js → chevron-up.-0oLlHmh.js} +6 -6
  73. package/dist/chunks/chevron-up.-0oLlHmh.js.map +1 -0
  74. package/dist/chunks/chip.3T0x6FuI.js +74 -0
  75. package/dist/chunks/chip.3T0x6FuI.js.map +1 -0
  76. package/dist/chunks/{code-snippet.DfTfz3vU.js → code-snippet.Bb4_r0C8.js} +7 -7
  77. package/dist/chunks/{code-snippet.DfTfz3vU.js.map → code-snippet.Bb4_r0C8.js.map} +1 -1
  78. package/dist/chunks/{controls-group.BnbQO34k.js → controls-group.BaDhGB9H.js} +2 -2
  79. package/dist/chunks/{controls-group.BnbQO34k.js.map → controls-group.BaDhGB9H.js.map} +1 -1
  80. package/dist/chunks/{copy.DAu8GrR9.js → copy.gmSTAqHY.js} +10 -9
  81. package/dist/chunks/copy.gmSTAqHY.js.map +1 -0
  82. package/dist/chunks/{cross-circle-fill-small.CJyARMSZ.js → cross-circle-fill-small.mY6ihJcA.js} +4 -4
  83. package/dist/chunks/cross-circle-fill-small.mY6ihJcA.js.map +1 -0
  84. package/dist/chunks/cross-circle-fill.B7YpDLTK.js +44 -0
  85. package/dist/chunks/cross-circle-fill.B7YpDLTK.js.map +1 -0
  86. package/dist/chunks/{cross-small.Z5EKYRm0.js → cross-small.CFrBIeYK.js} +4 -4
  87. package/dist/chunks/cross-small.CFrBIeYK.js.map +1 -0
  88. package/dist/chunks/{cross.BZYw4R3N.js → cross.CbLEjiVy.js} +4 -4
  89. package/dist/chunks/cross.CbLEjiVy.js.map +1 -0
  90. package/dist/chunks/{dashboard-section.pyg05_v_.js → dashboard-section.MAHmbUDG.js} +4 -4
  91. package/dist/chunks/{dashboard-section.pyg05_v_.js.map → dashboard-section.MAHmbUDG.js.map} +1 -1
  92. package/dist/chunks/{dashed-underline.DTZGLrPu.js → dashed-underline.DY8xR9GH.js} +3 -3
  93. package/dist/chunks/{dashed-underline.DTZGLrPu.js.map → dashed-underline.DY8xR9GH.js.map} +1 -1
  94. package/dist/chunks/{data-grid-template.sUNqCvbt.js → data-grid-template.Dievz913.js} +3 -3
  95. package/dist/chunks/{data-grid-template.sUNqCvbt.js.map → data-grid-template.Dievz913.js.map} +1 -1
  96. package/dist/chunks/{data-grid.BNXoMZf9.js → data-grid.KZqjmRvk.js} +956 -976
  97. package/dist/chunks/data-grid.KZqjmRvk.js.map +1 -0
  98. package/dist/chunks/{date-picker.DgpHNnu_.js → date-picker.BWJYkSmo.js} +123 -100
  99. package/dist/chunks/date-picker.BWJYkSmo.js.map +1 -0
  100. package/dist/chunks/date-range-picker.1Vbf9Zk8.js +1107 -0
  101. package/dist/chunks/date-range-picker.1Vbf9Zk8.js.map +1 -0
  102. package/dist/chunks/{date.Cvfyq77s.js → date.DoJuTLhO.js} +17 -17
  103. package/dist/chunks/{date.Cvfyq77s.js.map → date.DoJuTLhO.js.map} +1 -1
  104. package/dist/chunks/{dialog-page.DK2UKGH8.js → dialog-page.CXQafL9G.js} +5 -4
  105. package/dist/chunks/dialog-page.CXQafL9G.js.map +1 -0
  106. package/dist/chunks/{dot.cpdFEk6G.js → dot.BW-xtyjC.js} +4 -4
  107. package/dist/chunks/dot.BW-xtyjC.js.map +1 -0
  108. package/dist/chunks/{dropdown-default-textbox.BpvVMlcX.js → dropdown-default-textbox.CwsgzDpx.js} +4 -4
  109. package/dist/chunks/{dropdown-default-textbox.BpvVMlcX.js.map → dropdown-default-textbox.CwsgzDpx.js.map} +1 -1
  110. package/dist/chunks/{dropdown-tag.DqfoOcUU.js → dropdown-tag.C9nM0YHC.js} +4 -4
  111. package/dist/chunks/{dropdown-tag.DqfoOcUU.js.map → dropdown-tag.C9nM0YHC.js.map} +1 -1
  112. package/dist/chunks/{dropdown.a8OeeVAZ.js → dropdown.qw5oXFYs.js} +268 -259
  113. package/dist/chunks/dropdown.qw5oXFYs.js.map +1 -0
  114. package/dist/chunks/{empty-state.DkYtiTHG.js → empty-state.BffIZp3a.js} +2 -2
  115. package/dist/chunks/{empty-state.DkYtiTHG.js.map → empty-state.BffIZp3a.js.map} +1 -1
  116. package/dist/chunks/{error-message.B3z5WkLF.js → error-message.DAjisbU1.js} +3 -3
  117. package/dist/chunks/{error-message.B3z5WkLF.js.map → error-message.DAjisbU1.js.map} +1 -1
  118. package/dist/chunks/es6.BtaxuP0b.js.map +1 -1
  119. package/dist/chunks/{expand.CJ162RaJ.js → expand.DusW7F7p.js} +4 -4
  120. package/dist/chunks/expand.DusW7F7p.js.map +1 -0
  121. package/dist/chunks/{file-uploader.DV4I5Lvf.js → file-uploader.BLJpDgAZ.js} +57 -56
  122. package/dist/chunks/file-uploader.BLJpDgAZ.js.map +1 -0
  123. package/dist/chunks/filter-bar.DYrXBQDF.js +2754 -0
  124. package/dist/chunks/filter-bar.DYrXBQDF.js.map +1 -0
  125. package/dist/chunks/{fixed-scroller.B4Eag_Sd.js → fixed-scroller.Bfk75Nei.js} +3 -3
  126. package/dist/chunks/{fixed-scroller.B4Eag_Sd.js.map → fixed-scroller.Bfk75Nei.js.map} +1 -1
  127. package/dist/chunks/{focus-trap.DPJj05sV.js → focus-trap.DMgm-9f7.js} +2 -2
  128. package/dist/chunks/{focus-trap.DPJj05sV.js.map → focus-trap.DMgm-9f7.js.map} +1 -1
  129. package/dist/chunks/{footer-actions.WvWwFKM8.js → footer-actions.DK3pMfDY.js} +3 -3
  130. package/dist/chunks/{footer-actions.WvWwFKM8.js.map → footer-actions.DK3pMfDY.js.map} +1 -1
  131. package/dist/chunks/{form-layout-title.BHL_MDqT.js → form-layout-title.BWCOZyay.js} +62 -60
  132. package/dist/chunks/form-layout-title.BWCOZyay.js.map +1 -0
  133. package/dist/chunks/header.BASKzNwu.js +234 -0
  134. package/dist/chunks/header.BASKzNwu.js.map +1 -0
  135. package/dist/chunks/index.BDuTpjD8.js +40 -0
  136. package/dist/chunks/index.BDuTpjD8.js.map +1 -0
  137. package/dist/chunks/index.BxBB1rsx.js +15 -0
  138. package/dist/chunks/index.BxBB1rsx.js.map +1 -0
  139. package/dist/chunks/{index.BS3BeXQJ.js → index.CMGT-6mh.js} +2 -1
  140. package/dist/chunks/{index.BS3BeXQJ.js.map → index.CMGT-6mh.js.map} +1 -1
  141. package/dist/chunks/index.DD7TppDb.js +10 -0
  142. package/dist/chunks/index.DD7TppDb.js.map +1 -0
  143. package/dist/chunks/{info-icon-with-popover.BM0esxKN.js → info-icon-with-popover.BJccyOFx.js} +3 -3
  144. package/dist/chunks/{info-icon-with-popover.BM0esxKN.js.map → info-icon-with-popover.BJccyOFx.js.map} +1 -1
  145. package/dist/chunks/{info-icon.DQn8-VSp.js → info-icon.L8AexnZg.js} +3 -3
  146. package/dist/chunks/{info-icon.DQn8-VSp.js.map → info-icon.L8AexnZg.js.map} +1 -1
  147. package/dist/chunks/{info.DYNe2WnZ.js → info.HK3R7Drc.js} +11 -11
  148. package/dist/chunks/info.HK3R7Drc.js.map +1 -0
  149. package/dist/chunks/{input-field-password.Bo7FiAOq.js → input-field-password.CZNUHo6s.js} +93 -90
  150. package/dist/chunks/input-field-password.CZNUHo6s.js.map +1 -0
  151. package/dist/chunks/{input-field-phone-number.DO2uU2XW.js → input-field-phone-number.D1zlBh3R.js} +348 -345
  152. package/dist/chunks/{input-field-phone-number.DO2uU2XW.js.map → input-field-phone-number.D1zlBh3R.js.map} +1 -1
  153. package/dist/chunks/input-field.DqMdqM2u.js +298 -0
  154. package/dist/chunks/input-field.DqMdqM2u.js.map +1 -0
  155. package/dist/chunks/{inspector.types.Io6ONte7.js → inspector.types.Dwt3V80X.js} +6 -6
  156. package/dist/chunks/{inspector.types.Io6ONte7.js.map → inspector.types.Dwt3V80X.js.map} +1 -1
  157. package/dist/chunks/{layout-row.BAz7JrXo.js → layout-row.Drm_y8e3.js} +2 -2
  158. package/dist/chunks/{layout-row.BAz7JrXo.js.map → layout-row.Drm_y8e3.js.map} +1 -1
  159. package/dist/chunks/{link.CyGCtpse.js → link.D3Fq5tt_.js} +15 -13
  160. package/dist/chunks/link.D3Fq5tt_.js.map +1 -0
  161. package/dist/chunks/{listbox-option-tag.DIk4F59J.js → listbox-option-tag.YSvtcy4P.js} +2 -2
  162. package/dist/chunks/{listbox-option-tag.DIk4F59J.js.map → listbox-option-tag.YSvtcy4P.js.map} +1 -1
  163. package/dist/chunks/menu.DfzP2nRU.js +735 -0
  164. package/dist/chunks/menu.DfzP2nRU.js.map +1 -0
  165. package/dist/chunks/{modal-fullscreen.D1gvJFag.js → modal-fullscreen.T1x_vroe.js} +6 -6
  166. package/dist/chunks/{modal-fullscreen.D1gvJFag.js.map → modal-fullscreen.T1x_vroe.js.map} +1 -1
  167. package/dist/chunks/{modal.vue_vue_type_script_setup_true_lang.91_wyIIq.js → modal.vue_vue_type_script_setup_true_lang.BAuxqA66.js} +5 -5
  168. package/dist/chunks/{modal.vue_vue_type_script_setup_true_lang.91_wyIIq.js.map → modal.vue_vue_type_script_setup_true_lang.BAuxqA66.js.map} +1 -1
  169. package/dist/chunks/{pagination.CGS6fGUm.js → pagination.Bt8DNme-.js} +37 -36
  170. package/dist/chunks/pagination.Bt8DNme-.js.map +1 -0
  171. package/dist/chunks/payment-method.CLUppDo_.js +125 -0
  172. package/dist/chunks/payment-method.CLUppDo_.js.map +1 -0
  173. package/dist/chunks/{popover.BNOfWuSb.js → popover.COzLcAET.js} +27 -20
  174. package/dist/chunks/{popover.BNOfWuSb.js.map → popover.COzLcAET.js.map} +1 -1
  175. package/dist/chunks/{popper-container.BvGYgqiE.js → popper-container.CEtaux25.js} +448 -444
  176. package/dist/chunks/popper-container.CEtaux25.js.map +1 -0
  177. package/dist/chunks/{promo-banner.BUtq-2iR.js → promo-banner.BCpw2tDD.js} +3 -3
  178. package/dist/chunks/{promo-banner.BUtq-2iR.js.map → promo-banner.BCpw2tDD.js.map} +1 -1
  179. package/dist/chunks/{radio-group.CivaJaaQ.js → radio-group.rxg-4rF_.js} +4 -4
  180. package/dist/chunks/{radio-group.CivaJaaQ.js.map → radio-group.rxg-4rF_.js.map} +1 -1
  181. package/dist/chunks/{refresh.SzRxQ44W.js → refresh.C20ROVDS.js} +4 -4
  182. package/dist/chunks/refresh.C20ROVDS.js.map +1 -0
  183. package/dist/chunks/search-bar.DlihXfPt.js +114 -0
  184. package/dist/chunks/search-bar.DlihXfPt.js.map +1 -0
  185. package/dist/chunks/{search.KgjmJMHa.js → search.CW_aTqip.js} +15 -15
  186. package/dist/chunks/search.CW_aTqip.js.map +1 -0
  187. package/dist/chunks/{secondary-nav.C6D6dcs6.js → secondary-nav.D2loVonk.js} +3 -3
  188. package/dist/chunks/{secondary-nav.C6D6dcs6.js.map → secondary-nav.D2loVonk.js.map} +1 -1
  189. package/dist/chunks/{segmented-control.DKWpxDho.js → segmented-control.Wn-miTIl.js} +2 -2
  190. package/dist/chunks/{segmented-control.DKWpxDho.js.map → segmented-control.Wn-miTIl.js.map} +1 -1
  191. package/dist/chunks/{selection-card-group.DzwIeKQC.js → selection-card-group.CtQaeZFM.js} +12 -12
  192. package/dist/chunks/{selection-card-group.DzwIeKQC.js.map → selection-card-group.CtQaeZFM.js.map} +1 -1
  193. package/dist/chunks/{show.J9zXGWlK.js → show.ByWWaogc.js} +6 -6
  194. package/dist/chunks/show.ByWWaogc.js.map +1 -0
  195. package/dist/chunks/{sidepanel.DzF1iCZM.js → sidepanel.CjaHQEin.js} +6 -6
  196. package/dist/chunks/{sidepanel.DzF1iCZM.js.map → sidepanel.CjaHQEin.js.map} +1 -1
  197. package/dist/chunks/{step.DsfmsUU6.js → step.BGFaHGFO.js} +3 -3
  198. package/dist/chunks/{step.DsfmsUU6.js.map → step.BGFaHGFO.js.map} +1 -1
  199. package/dist/chunks/{structured-list-item.DQHvIbQo.js → structured-list-item.DAwADFpI.js} +6 -6
  200. package/dist/chunks/{structured-list-item.DQHvIbQo.js.map → structured-list-item.DAwADFpI.js.map} +1 -1
  201. package/dist/chunks/{summary-grid-item-custom.D6s8sw36.js → summary-grid-item-custom.DTCzOBBy.js} +4 -4
  202. package/dist/chunks/{summary-grid-item-custom.D6s8sw36.js.map → summary-grid-item-custom.DTCzOBBy.js.map} +1 -1
  203. package/dist/chunks/{tabs.CiTn85aw.js → tabs.hp52NnXH.js} +2 -2
  204. package/dist/chunks/{tabs.CiTn85aw.js.map → tabs.hp52NnXH.js.map} +1 -1
  205. package/dist/chunks/{tag.Bmw9RaOG.js → tag.B1hW92hG.js} +2 -2
  206. package/dist/chunks/{tag.Bmw9RaOG.js.map → tag.B1hW92hG.js.map} +1 -1
  207. package/dist/chunks/{textarea.CzuRg2pM.js → textarea.DMA29yQA.js} +4 -4
  208. package/dist/chunks/{textarea.CzuRg2pM.js.map → textarea.DMA29yQA.js.map} +1 -1
  209. package/dist/chunks/{timeline-item.CjltBKy0.js → timeline-item.kWg3dTy1.js} +15 -13
  210. package/dist/chunks/timeline-item.kWg3dTy1.js.map +1 -0
  211. package/dist/chunks/{toast.BWxPbCOy.js → toast.7D23cICy.js} +3 -3
  212. package/dist/chunks/{toast.BWxPbCOy.js.map → toast.7D23cICy.js.map} +1 -1
  213. package/dist/chunks/{toggle-button.B9LWddx9.js → toggle-button.7iAfO6Xx.js} +2 -2
  214. package/dist/chunks/{toggle-button.B9LWddx9.js.map → toggle-button.7iAfO6Xx.js.map} +1 -1
  215. package/dist/chunks/{toggle.BmwlaQon.js → toggle.hoD_i2Ey.js} +2 -2
  216. package/dist/chunks/{toggle.BmwlaQon.js.map → toggle.hoD_i2Ey.js.map} +1 -1
  217. package/dist/chunks/{tooltip.DS1ok8gh.js → tooltip.Y730-n-n.js} +2 -2
  218. package/dist/chunks/{tooltip.DS1ok8gh.js.map → tooltip.Y730-n-n.js.map} +1 -1
  219. package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.CxTHd8yr.js → tutorial.vue_vue_type_script_setup_true_lang.CUmJbMsw.js} +11 -10
  220. package/dist/chunks/tutorial.vue_vue_type_script_setup_true_lang.CUmJbMsw.js.map +1 -0
  221. package/dist/chunks/use-cached-selected-values.DDP7LJoI.js +1446 -0
  222. package/dist/chunks/use-cached-selected-values.DDP7LJoI.js.map +1 -0
  223. package/dist/chunks/{warning-filled.tTkVob0l.js → warning-filled.DmHh0nYG.js} +4 -4
  224. package/dist/chunks/warning-filled.DmHh0nYG.js.map +1 -0
  225. package/dist/code-snippet.js +1 -1
  226. package/dist/dashboard-template.js +1 -1
  227. package/dist/dashed-underline.js +1 -1
  228. package/dist/data-grid-template.js +1 -1
  229. package/dist/data-grid.js +1 -1
  230. package/dist/date-picker.js +2 -2
  231. package/dist/date-range-picker.js +2 -2
  232. package/dist/date.js +1 -1
  233. package/dist/dropdown.js +4 -4
  234. package/dist/empty-state.js +1 -1
  235. package/dist/file-uploader.js +1 -1
  236. package/dist/filter-bar.js +1 -1
  237. package/dist/focus-trap.js +1 -1
  238. package/dist/form-layout.js +1 -1
  239. package/dist/header.js +1 -1
  240. package/dist/index.js +61 -61
  241. package/dist/info-icon.js +1 -1
  242. package/dist/input-field-password.js +1 -1
  243. package/dist/input-field-phone-number.js +1 -1
  244. package/dist/input-field.js +1 -1
  245. package/dist/inspector.js +1 -1
  246. package/dist/internal.js +35 -33
  247. package/dist/layout.js +1 -1
  248. package/dist/link.js +1 -1
  249. package/dist/menu.js +1 -1
  250. package/dist/modal-fullscreen.js +1 -1
  251. package/dist/modal.js +2 -2
  252. package/dist/pagination.js +1 -1
  253. package/dist/payment-method.js +1 -1
  254. package/dist/popover.js +1 -1
  255. package/dist/popper-container.js +1 -1
  256. package/dist/promo-banner.js +1 -1
  257. package/dist/radio-group.js +1 -1
  258. package/dist/search-bar.js +2 -2
  259. package/dist/secondary-nav.js +1 -1
  260. package/dist/segmented-control.js +1 -1
  261. package/dist/selection-card.js +1 -1
  262. package/dist/sidepanel.js +1 -1
  263. package/dist/stepper.js +1 -1
  264. package/dist/structured-list.js +1 -1
  265. package/dist/styles/bento-dark.css +30 -4
  266. package/dist/styles/bento-light.css +30 -4
  267. package/dist/styles/bento.css +30 -4
  268. package/dist/styles/legacy.css +32 -6
  269. package/dist/styles/styleguide.css +30 -4
  270. package/dist/styles/utility.css +2 -2
  271. package/dist/summary-grid.js +1 -1
  272. package/dist/tabs.js +1 -1
  273. package/dist/tag.js +1 -1
  274. package/dist/textarea.js +1 -1
  275. package/dist/timeline.js +1 -1
  276. package/dist/toast.js +1 -1
  277. package/dist/toggle.js +1 -1
  278. package/dist/tutorial.js +1 -1
  279. package/dist/web-types.json +1 -1
  280. package/package.json +6 -6
  281. package/dist/chunks/alert.DGewBB2a.js.map +0 -1
  282. package/dist/chunks/button-actions-with-menu.BXRKkFiw.js +0 -119
  283. package/dist/chunks/button-actions-with-menu.BXRKkFiw.js.map +0 -1
  284. package/dist/chunks/calendar.DNQlLbkK.js +0 -971
  285. package/dist/chunks/calendar.DNQlLbkK.js.map +0 -1
  286. package/dist/chunks/checkbox-input.CAYgiRHG.js.map +0 -1
  287. package/dist/chunks/checkbox.BllRk82F.js.map +0 -1
  288. package/dist/chunks/checkmark-circle-fill.g_tcBhFJ.js.map +0 -1
  289. package/dist/chunks/checkmark-small.BDqUF-Ni.js.map +0 -1
  290. package/dist/chunks/chevron-left.CYEK2UTr.js.map +0 -1
  291. package/dist/chunks/chevron-up.Cu9qXgBY.js.map +0 -1
  292. package/dist/chunks/chip.sG_6gh3Z.js +0 -71
  293. package/dist/chunks/chip.sG_6gh3Z.js.map +0 -1
  294. package/dist/chunks/copy.DAu8GrR9.js.map +0 -1
  295. package/dist/chunks/cross-circle-fill-small.CJyARMSZ.js.map +0 -1
  296. package/dist/chunks/cross-circle-fill.BzSjakuO.js +0 -44
  297. package/dist/chunks/cross-circle-fill.BzSjakuO.js.map +0 -1
  298. package/dist/chunks/cross-small.Z5EKYRm0.js.map +0 -1
  299. package/dist/chunks/cross.BZYw4R3N.js.map +0 -1
  300. package/dist/chunks/data-grid.BNXoMZf9.js.map +0 -1
  301. package/dist/chunks/date-picker.DgpHNnu_.js.map +0 -1
  302. package/dist/chunks/date-range-picker.CUIOfxjB.js +0 -1086
  303. package/dist/chunks/date-range-picker.CUIOfxjB.js.map +0 -1
  304. package/dist/chunks/dialog-page.DK2UKGH8.js.map +0 -1
  305. package/dist/chunks/dot.cpdFEk6G.js.map +0 -1
  306. package/dist/chunks/dropdown.a8OeeVAZ.js.map +0 -1
  307. package/dist/chunks/expand.CJ162RaJ.js.map +0 -1
  308. package/dist/chunks/file-uploader.DV4I5Lvf.js.map +0 -1
  309. package/dist/chunks/filter-bar.BZkXUVLH.js +0 -2865
  310. package/dist/chunks/filter-bar.BZkXUVLH.js.map +0 -1
  311. package/dist/chunks/form-layout-title.BHL_MDqT.js.map +0 -1
  312. package/dist/chunks/header.CRC9X7v2.js +0 -256
  313. package/dist/chunks/header.CRC9X7v2.js.map +0 -1
  314. package/dist/chunks/index.CrhTVr5J.js +0 -10
  315. package/dist/chunks/index.CrhTVr5J.js.map +0 -1
  316. package/dist/chunks/index.DDnf1O9p.js +0 -22
  317. package/dist/chunks/index.DDnf1O9p.js.map +0 -1
  318. package/dist/chunks/index.DPafeRJa.js +0 -10
  319. package/dist/chunks/index.DPafeRJa.js.map +0 -1
  320. package/dist/chunks/info.DYNe2WnZ.js.map +0 -1
  321. package/dist/chunks/input-field-password.Bo7FiAOq.js.map +0 -1
  322. package/dist/chunks/input-field.rgA0t2sp.js +0 -382
  323. package/dist/chunks/input-field.rgA0t2sp.js.map +0 -1
  324. package/dist/chunks/link.CyGCtpse.js.map +0 -1
  325. package/dist/chunks/menu.DKluB_Dn.js +0 -699
  326. package/dist/chunks/menu.DKluB_Dn.js.map +0 -1
  327. package/dist/chunks/pagination.CGS6fGUm.js.map +0 -1
  328. package/dist/chunks/payment-method.CGNHCiy1.js +0 -73
  329. package/dist/chunks/payment-method.CGNHCiy1.js.map +0 -1
  330. package/dist/chunks/popper-container.BvGYgqiE.js.map +0 -1
  331. package/dist/chunks/refresh.SzRxQ44W.js.map +0 -1
  332. package/dist/chunks/search-bar.Zdai5UhB.js +0 -132
  333. package/dist/chunks/search-bar.Zdai5UhB.js.map +0 -1
  334. package/dist/chunks/search.KgjmJMHa.js.map +0 -1
  335. package/dist/chunks/show.J9zXGWlK.js.map +0 -1
  336. package/dist/chunks/timeline-item.CjltBKy0.js.map +0 -1
  337. package/dist/chunks/truncate.BfIl_-71.js +0 -8
  338. package/dist/chunks/truncate.BfIl_-71.js.map +0 -1
  339. package/dist/chunks/tutorial.vue_vue_type_script_setup_true_lang.CxTHd8yr.js.map +0 -1
  340. package/dist/chunks/use-cached-selected-values.CxAhnNa6.js +0 -1595
  341. package/dist/chunks/use-cached-selected-values.CxAhnNa6.js.map +0 -1
  342. package/dist/chunks/warning-filled.tTkVob0l.js.map +0 -1
  343. /package/dist/assets/{cross.css → main.css} +0 -0
@@ -1,14 +1,15 @@
1
1
  import { defineComponent as P, ref as k, createBlock as T, openBlock as c, unref as p, withCtx as v, createElementVNode as d, normalizeStyle as z, createElementBlock as S, mergeProps as R, createCommentVNode as C, toDisplayString as B, computed as l, isRef as H, watch as E, nextTick as U, createVNode as b, withKeys as J, createSlots as W, createTextVNode as w, renderSlot as X, Fragment as G, renderList as Q } from "vue";
2
- import { B as Y } from "./menu.DKluB_Dn.js";
3
- import { a as V, B as tt } from "./popover.BNOfWuSb.js";
2
+ import { B as Y } from "./menu.DfzP2nRU.js";
3
+ import { a as V, B as tt } from "./popover.COzLcAET.js";
4
4
  import { B as I } from "./typography.DN5eC5ch.js";
5
5
  import { _ as et } from "./image.vue_vue_type_script_setup_true_lang.DQT2oNEF.js";
6
6
  import { u as ot } from "./i18n.D9azDLPe.js";
7
- import { R as it } from "./refresh.SzRxQ44W.js";
7
+ import { R as it } from "./refresh.C20ROVDS.js";
8
+ /* empty css */
8
9
  import { _ as A } from "./_plugin-vue_export-helper.CHgC5LLL.js";
9
- import { P as j, h as at, o as nt } from "./popper-container.BvGYgqiE.js";
10
+ import { P as j, h as at, o as nt } from "./popper-container.CEtaux25.js";
10
11
  import "./popper-container.types.BCZMbVFD.js";
11
- import { B as st } from "./button-actions.BZEKcCbe.js";
12
+ import { B as st } from "./button-actions.BvGAE7sw.js";
12
13
  import "../assets/tutorial.css";
13
14
  const $ = 2;
14
15
  var L;
@@ -87,7 +88,7 @@ function mt(t, n, m, o, e, i) {
87
88
  }), [
88
89
  t.$attrs["svg-title"] ? (c(), S("title", pt, B(t.$attrs["svg-title"]), 1)) : C("", !0),
89
90
  d("g", {
90
- "clip-path": "url(#uia-icons-16-blocked__a" + t.uuid + ")"
91
+ "clip-path": "url(#uia-ui-assets/icons-16-blocked__a" + t.uuid + ")"
91
92
  }, n[0] || (n[0] = [
92
93
  d("path", {
93
94
  fill: "#00112C",
@@ -96,7 +97,7 @@ function mt(t, n, m, o, e, i) {
96
97
  ]), 8, dt),
97
98
  d("defs", null, [
98
99
  d("clipPath", {
99
- id: "uia-icons-16-blocked__a" + t.uuid
100
+ id: "uia-ui-assets/icons-16-blocked__a" + t.uuid
100
101
  }, n[1] || (n[1] = [
101
102
  d("rect", {
102
103
  width: "16",
@@ -345,7 +346,7 @@ const ft = /* @__PURE__ */ A(ut, [["render", mt]]), M = {
345
346
  ]), 1032, ["target-element", "position", "open", "aria-label"])
346
347
  ])) : C("", !0);
347
348
  }
348
- }), Ct = /* @__PURE__ */ A(bt, [["__scopeId", "data-v-1a556949"]]), Tt = { class: "b-tutorial" }, St = {}, At = /* @__PURE__ */ P({
349
+ }), Ct = /* @__PURE__ */ A(bt, [["__scopeId", "data-v-1a556949"]]), Tt = { class: "b-tutorial" }, St = {}, Ft = /* @__PURE__ */ P({
349
350
  ...St,
350
351
  __name: "tutorial",
351
352
  props: {
@@ -417,6 +418,6 @@ const ft = /* @__PURE__ */ A(ut, [["render", mt]]), M = {
417
418
  }
418
419
  });
419
420
  export {
420
- At as _
421
+ Ft as _
421
422
  };
422
- //# sourceMappingURL=tutorial.vue_vue_type_script_setup_true_lang.CxTHd8yr.js.map
423
+ //# sourceMappingURL=tutorial.vue_vue_type_script_setup_true_lang.CUmJbMsw.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tutorial.vue_vue_type_script_setup_true_lang.CUmJbMsw.js","sources":["../../../vue2/src/components/tutorial/components/tutorial-popover/components/tutorial-indicator/tutorial-indicator.vue","../../../ui-assets/icons-16/dist/vue/blocked.vue","../../../vue2/src/components/tutorial/components/tutorial-popover/tutorial-popover.vue","../../../vue2/src/components/tutorial/tutorial.vue"],"sourcesContent":["<template>\n <popper-container\n :target-element=\"targetElement\"\n :middleware=\"middleware\"\n position=\"top-start\"\n fixed-positioning\n disabled-focus-trap\n class=\"b-tutorial-indicator\"\n data-testid=\"tutorial-indicator\"\n >\n <div class=\"b-tutorial-indicator__highlight\" :style=\"computedStyles\"></div>\n </popper-container>\n</template>\n\n<script setup lang=\"ts\">\n import { ref } from 'vue';\n import { hide, type Middleware, offset } from '@floating-ui/vue';\n import { PopperContainer } from '@/components/popper-container';\n\n const BORDER_OFFSET = 2;\n\n defineProps({\n /**\n * Tutorial indicator's target element.\n * The indicator will position itself around the target element.\n */\n targetElement: {\n type: PopperContainer.props?.targetElement.type,\n required: true,\n },\n });\n\n const computedStyles = ref({\n width: '0',\n height: '0',\n borderRadius: '0',\n });\n\n function getBorderRadius(element: HTMLElement) {\n try {\n const radius = parseFloat(getComputedStyle(element).getPropertyValue('border-radius'));\n return Number.isNaN(radius) ? '' : `${radius + 2 * BORDER_OFFSET}px`;\n } catch {\n return '';\n }\n }\n\n const middleware = [\n hide(),\n offset({\n mainAxis: BORDER_OFFSET,\n alignmentAxis: -BORDER_OFFSET,\n }),\n {\n name: 'updateIndicatorSize',\n fn: ({ x, y, elements }) => {\n const target = elements.reference as HTMLElement;\n computedStyles.value.width = `${target.offsetWidth + 4 * BORDER_OFFSET}px`;\n computedStyles.value.height = `${target.offsetHeight + 4 * BORDER_OFFSET}px`;\n computedStyles.value.borderRadius = getBorderRadius(target);\n return { x, y };\n },\n } as Middleware,\n ];\n</script>\n\n<style lang=\"scss\" scoped src=\"./tutorial-indicator.scss\" />\n","\n<template>\n <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><g :clip-path=\"'url(#uia-ui-assets/icons-16-blocked__a' + uuid + ')'\"><path fill=\"#00112C\" d=\"M9.51195 0.398918C8.00859 0.0998821 6.45033 0.253358 5.0342 0.839937C3.61808 1.42652 2.40769 2.41985 1.55611 3.69433C0.704529 4.96881 0.25 6.4672 0.25 8C0.25 10.0554 1.06652 12.0267 2.51992 13.4801C3.97333 14.9335 5.94457 15.75 8 15.75C9.53281 15.75 11.0312 15.2955 12.3057 14.4439C13.5801 13.5923 14.5735 12.3819 15.1601 10.9658C15.7466 9.54967 15.9001 7.99141 15.6011 6.48805C15.3021 4.9847 14.5639 3.60378 13.4801 2.51993C12.3962 1.43607 11.0153 0.697953 9.51195 0.398918ZM5.60823 2.22576C6.75027 1.75271 8.00693 1.62894 9.21931 1.8701C10.4317 2.11125 11.5453 2.70651 12.4194 3.58059C13.2935 4.45466 13.8887 5.56831 14.1299 6.78069C14.3711 7.99307 14.2473 9.24974 13.7742 10.3918C13.5555 10.9198 13.2667 11.4124 12.9177 11.8573L4.14271 3.0823C4.58761 2.73333 5.08018 2.44448 5.60823 2.22576ZM3.08208 4.14298L11.857 12.9179C11.7327 13.0154 11.6044 13.1085 11.4723 13.1967C10.4445 13.8834 9.23613 14.25 8 14.25C6.3424 14.25 4.75268 13.5915 3.58058 12.4194C2.40848 11.2473 1.75 9.65761 1.75 8C1.75 6.76387 2.11656 5.5555 2.80331 4.52769C2.89155 4.39564 2.98456 4.26733 3.08208 4.14298Z\"/></g><defs><clipPath :id=\"'uia-ui-assets/icons-16-blocked__a' + uuid\"><rect width=\"16\" height=\"16\" fill=\"#fff\"/></clipPath></defs></svg>\n</template>\n<script>\n import '../css/main.css';\n\n let uuid = 0;\n\n export default {\n beforeCreate() {\n this.uuid = uuid.toString();\n uuid += 1;\n },\n };\n</script>\n","<template>\n <div v-if=\"active && targetElement\">\n <tutorial-indicator v-if=\"isIndicatorVisible && targetElement\" :target-element=\"targetElement\" />\n\n <bento-popover\n :target-element=\"targetElement\"\n :position=\"position\"\n :open=\"isPopoverOpen\"\n :aria-label=\"title\"\n fixed-positioning\n class=\"b-tutorial-popover\"\n @keydown.esc.native=\"emit('finish')\"\n >\n <template v-if=\"image\" #image>\n <bento-image v-bind=\"image\" aspect-ratio=\"landscape\" class=\"b-tutorial-popover__image\" />\n </template>\n\n <div aria-hidden=\"true\" class=\"b-tutorial-popover__ripple\"></div>\n\n <div class=\"b-tutorial-popover__header\">\n <bento-typography variant=\"title\" el=\"span\"> {{ title }} </bento-typography>\n\n <bento-typography v-if=\"showSteps\" el=\"span\" class=\"b-tutorial-popover__steps\">\n {{ t('stepsOfTotal', { step, totalSteps }) }}\n </bento-typography>\n </div>\n\n <bento-typography>\n <slot />\n </bento-typography>\n\n <div class=\"b-tutorial-popover__footer\">\n <bento-menu\n v-if=\"!isFirstStep\"\n :data=\"menuData\"\n class=\"b-tutorial-popover__menu\"\n data-testid=\"menu-button\"\n />\n <div class=\"b-tutorial-popover__actions\">\n <bento-button-actions :actions=\"computedActions\" layout=\"buttons-end\" />\n </div>\n </div>\n </bento-popover>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, isRef, nextTick, PropType, ref, type default as Vue, watch } from 'vue';\n import { BentoMenu } from '@/components/menu';\n import { BentoPopover, BentoPopoverPositions } from '@/components/popover';\n import { BentoTypography } from '@/components/typography';\n import { type BentoButtonActionObject, BentoButtonActions } from '@/components/button';\n import { BentoImage } from '@/components/image';\n import { TutorialIndicator } from './components/tutorial-indicator';\n import { useI18n } from '@/utils/ts/i18n';\n import type { BentoMenuItem } from '@/components/menu/components';\n import type { VueNodeElement } from '@/types';\n import type { BentoTutorialScrollOptions, BentoTutorialStep } from '../../tutorial.types';\n import RefreshIcon from '@adyen/ui-assets-icons-16/vue/refresh';\n import BlockedIcon from '@adyen/ui-assets-icons-16/vue/blocked';\n\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n const DEFAULT_SCROLL_OPTIONS: BentoTutorialScrollOptions = { behavior: 'smooth' };\n\n const props = defineProps({\n /**\n * Optional configuration for the secondary action.\n * In tour tutorials, this is ignored for the introductory step.\n */\n action: {\n type: Object as PropType<BentoButtonActionObject>,\n default: null,\n },\n\n /**\n * Indicates whether this popover is the active step (and should be visible).\n */\n active: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Optional illustration to display at the top of the popover.\n */\n image: {\n type: Object as PropType<BentoTutorialStep['image']>,\n default: null,\n },\n\n /**\n * Popover's position relative to the target element.\n * Possible values are:\n * 'auto', 'auto-start', 'auto-end',\n * 'top', 'top-start', 'top-end'\n * 'right', 'right-start', 'right-end'\n * 'bottom', 'bottom-start', 'bottom-end'\n * 'left', 'left-start', 'left-end'\n */\n position: {\n type: String as PropType<`${BentoPopoverPositions}`>,\n default: BentoPopoverPositions.BOTTOM_START,\n validator: (value: BentoPopoverPositions) => Object.values(BentoPopoverPositions).includes(value),\n },\n\n /**\n * Options to control the scroll into view behavior.\n * Takes the same options as the `scrollIntoView` function\n * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView}\n */\n scrollOptions: {\n type: [Boolean, Object] as PropType<BentoTutorialScrollOptions>,\n default: null,\n },\n\n /**\n * Indicates whether this popover is a single tutorial or a tour.\n */\n single: {\n type: Boolean,\n default: false,\n },\n\n /**\n * The tutorial step number.\n * In tour tutorials, `0` is the introductory step, and is displayed next\n * to the title.\n */\n step: {\n type: Number,\n default: null,\n },\n\n /**\n * Tutorial popover's target element.\n * The popover will position itself relatively to target element.\n */\n targetElement: {\n type: [Element, Object] as PropType<VueNodeElement>,\n required: true,\n },\n\n /**\n * The tutorial step title.\n */\n title: {\n type: String,\n required: true,\n },\n\n /**\n * Total count of steps.\n * In tour tutorials, this does not include the introductory step, and is\n * displayed next to the title.\n */\n totalSteps: {\n type: Number,\n default: null,\n },\n });\n\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n const emit = defineEmits<{\n /**\n * Emitted when the user clicks the primary action in popovers during introductory or intermediate steps of tour tutorials\n */\n (e: 'next'): void;\n\n /**\n * Emitted when the user clicks the primary action in a single tutorial, the last step of a tour, or skips the tutorial\n */\n (e: 'finish'): void;\n\n /**\n * Emitted when the user selects the restart tour option\n */\n (e: 'restart'): void;\n }>();\n\n const ACTION_SKIP = computed<BentoButtonActionObject>(() => ({\n title: t('skipTour') as string,\n event: () => emit('finish'),\n }));\n\n const ACTION_START = computed<BentoButtonActionObject>(() => ({\n title: t('startTour') as string,\n event: () => emit('next'),\n }));\n\n const ACTION_NEXT = computed<BentoButtonActionObject>(() => ({\n title: t('next') as string,\n event: () => emit('next'),\n }));\n\n const ACTION_FINISH = computed<BentoButtonActionObject>(() => ({\n title: t('finish') as string,\n event: () => emit('finish'),\n }));\n\n const ACTION_OK = computed<BentoButtonActionObject>(() => ({\n title: t('ok') as string,\n event: () => emit('finish'),\n }));\n\n const isPopoverOpen = ref(false);\n const isIndicatorVisible = ref(false);\n\n const targetElement = computed(() => {\n if (isRef(props.targetElement)) {\n return ((props.targetElement.value as Vue)?.$el || props.targetElement.value) as HTMLElement;\n }\n return ((props.targetElement as Vue).$el || props.targetElement) as HTMLElement;\n });\n\n const isFirstStep = computed(() => props.step === 0);\n const isLastStep = computed(() => props.step === props.totalSteps);\n\n const showSteps = computed(() => !isFirstStep.value);\n\n const menuData = computed<BentoMenuItem[]>(() => [\n {\n text: t('restartTour'),\n handler: () => emit('restart'),\n icon: RefreshIcon,\n },\n ...(isLastStep.value\n ? []\n : [\n {\n text: t('skipTour'),\n handler: () => emit('finish'),\n icon: BlockedIcon,\n },\n ]),\n ]);\n\n const computedActions = computed(() => {\n let primaryAction: BentoButtonActionObject;\n if (isFirstStep.value) {\n primaryAction = props.single ? ACTION_OK.value : ACTION_START.value;\n } else if (isLastStep.value) {\n primaryAction = ACTION_FINISH.value;\n } else {\n primaryAction = ACTION_NEXT.value;\n }\n\n const actions = [primaryAction];\n if (isFirstStep.value && !props.single) {\n actions.push(ACTION_SKIP.value);\n } else if (props.action) {\n actions.push(props.action);\n }\n\n return actions;\n });\n\n watch(\n () => props.active,\n async isActive => {\n if (isActive && targetElement.value?.scrollIntoView) {\n targetElement.value?.scrollIntoView(\n props.scrollOptions != null ? props.scrollOptions : DEFAULT_SCROLL_OPTIONS\n );\n\n // Skip to next tick to preserve popover appear animation\n await nextTick();\n }\n\n isPopoverOpen.value = isActive;\n isIndicatorVisible.value = isActive;\n },\n { immediate: true }\n );\n</script>\n\n<script lang=\"ts\">\n export default {\n i18n: { messages },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./tutorial-popover.scss\" />\n","<template>\n <div class=\"b-tutorial\">\n <tutorial-popover\n v-for=\"(step, i) in steps\"\n v-bind=\"getPopoverProps(step, i)\"\n :key=\"step.title\"\n @finish=\"currentStep = -1\"\n @next=\"currentStep += 1\"\n @restart=\"currentStep = 0\"\n >\n {{ step.description }}\n </tutorial-popover>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, PropType, ref, watch } from 'vue';\n import { TutorialPopover } from './components/tutorial-popover';\n import type { BentoTutorialScrollOptions, BentoTutorialStep } from './tutorial.types';\n\n const props = defineProps({\n /**\n * The current step index. If provided, will start the tutorial in that step.\n */\n index: {\n type: Number,\n default: null,\n },\n\n /**\n * The steps configuration for the tutorial.\n *\n */\n steps: {\n type: Array as PropType<BentoTutorialStep[]>,\n required: true,\n validator: (value: BentoTutorialStep[]) => value.length > 0,\n },\n\n /**\n * Options to control the scroll into view behavior.\n * Takes the same options as the `scrollIntoView` function\n * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView}\n */\n scrollOptions: {\n type: [Boolean, Object] as PropType<BentoTutorialScrollOptions>,\n default: null,\n },\n });\n\n const emit = defineEmits<{\n /**\n * Fired every time the step index is changed. `-1` value means the tutorial is finished/skipped.\n */\n (e: 'update:index', value: number);\n }>();\n\n const currentStep = ref(props.index || 0);\n\n const totalSteps = computed(() => props.steps.length - 1);\n const isSingleTutorial = computed(() => totalSteps.value === 0);\n\n function getPopoverProps(step: BentoTutorialStep, index: number) {\n return {\n // Visual\n targetElement: step.target,\n image: step.image,\n title: step.title,\n step: index,\n totalSteps: totalSteps.value,\n action: step.action,\n scrollOptions: props.scrollOptions,\n\n // Config\n active: index === currentStep.value,\n single: isSingleTutorial.value,\n position: step.position,\n };\n }\n\n watch(currentStep, step => {\n emit('update:index', step);\n });\n\n watch(\n () => props.index,\n value => {\n if (value >= -1 && value <= totalSteps.value) {\n currentStep.value = value;\n }\n }\n );\n</script>\n\n<script lang=\"ts\">\n /**\n * The Tutorial is a temporary popover that should be used to educate users about\n * new or unfamiliar features or experiences.\n *\n * You can use single tutorial or chain them into a tour.\n *\n * Only use this component for new features/experiences that are not obvious and\n * self-explanatory on their own.\n *\n * @example\n * import { BentoTutorial } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoTutorial },\n * template: `\n * <bento-tutorial\n * :steps=\"[\n * {\n * target: targetElement1,\n * title: 'Tutorial intro title',\n * description: 'Intro body content',\n * image: { src: imageSource, alt: 'Alt text' }\n * },\n * {\n * target: targetElement1,\n * title: 'Tutorial intro title',\n * description: 'Intro body content',\n * action: { title: 'Action label', event: () => {} }\n * },\n * ]\"\n * />\n * `\n * }\n */\n export default {};\n</script>\n"],"names":["BORDER_OFFSET","computedStyles","ref","getBorderRadius","element","radius","middleware","hide","offset","x","y","elements","target","uuid","_hoisted_2$1","_hoisted_3$1","openBlock","createElementBlock","mergeProps","_ctx","createCommentVNode","__default__$1","messages","DEFAULT_SCROLL_OPTIONS","props","__props","t","useI18n","emit","__emit","ACTION_SKIP","computed","ACTION_START","ACTION_NEXT","ACTION_FINISH","ACTION_OK","isPopoverOpen","isIndicatorVisible","targetElement","isRef","_a","isFirstStep","isLastStep","showSteps","menuData","RefreshIcon","BlockedIcon","computedActions","primaryAction","actions","watch","isActive","_b","nextTick","__default__","currentStep","totalSteps","isSingleTutorial","getPopoverProps","step","index","value"],"mappings":"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"}