@adyen/bento-vue3 1.88.1 → 1.89.2

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 (366) hide show
  1. package/dist/@types/components.d.ts +4 -0
  2. package/dist/@types/index.d.ts +722 -524
  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/ai-button.css +1 -1
  11. package/dist/assets/base-modal.css +1 -1
  12. package/dist/assets/button-actions.css +1 -1
  13. package/dist/assets/button.css +1 -1
  14. package/dist/assets/card.css +1 -1
  15. package/dist/assets/checkbox-input.css +1 -1
  16. package/dist/assets/data-grid-template.css +1 -1
  17. package/dist/assets/data-grid.css +1 -1
  18. package/dist/assets/dialog-page.css +1 -1
  19. package/dist/assets/file-uploader.css +1 -1
  20. package/dist/assets/filter-bar.css +1 -1
  21. package/dist/assets/index.css +1 -1
  22. package/dist/assets/inspector.css +1 -1
  23. package/dist/assets/list-item.css +1 -0
  24. package/dist/assets/modal-fullscreen.css +1 -1
  25. package/dist/assets/radio-input.css +1 -1
  26. package/dist/assets/selection-card-group.css +1 -1
  27. package/dist/assets/sidepanel.css +1 -1
  28. package/dist/assets/timeline-item.css +1 -1
  29. package/dist/assets/use-cached-selected-values.css +1 -1
  30. package/dist/button.js +3 -3
  31. package/dist/card.js +1 -1
  32. package/dist/checkbox.js +2 -2
  33. package/dist/chip.js +1 -1
  34. package/dist/chunks/{accordion-item.QQ06tTjt.js → accordion-item.BX1KrLMl.js} +6 -15
  35. package/dist/chunks/{accordion-item.QQ06tTjt.js.map → accordion-item.BX1KrLMl.js.map} +1 -1
  36. package/dist/chunks/{action-bar.BS2cJzG_.js → action-bar.DLMaIUWW.js} +8 -34
  37. package/dist/chunks/{action-bar.BS2cJzG_.js.map → action-bar.DLMaIUWW.js.map} +1 -1
  38. package/dist/chunks/{ai-button.XfeGC4-Q.js → ai-button.1YJdI-sw.js} +3 -3
  39. package/dist/chunks/{ai-button.XfeGC4-Q.js.map → ai-button.1YJdI-sw.js.map} +1 -1
  40. package/dist/chunks/{ai-tag.DVCW-_vD.js → ai-tag.DK63ExDc.js} +6 -15
  41. package/dist/chunks/{ai-tag.DVCW-_vD.js.map → ai-tag.DK63ExDc.js.map} +1 -1
  42. package/dist/chunks/{alert.CDWtu0Hu.js → alert.C_8-VNi_.js} +6 -24
  43. package/dist/chunks/{alert.CDWtu0Hu.js.map → alert.C_8-VNi_.js.map} +1 -1
  44. package/dist/chunks/anchor-scroller.NhjLDBZI.js +207 -0
  45. package/dist/chunks/{anchor-scroller.BctgW0se.js.map → anchor-scroller.NhjLDBZI.js.map} +1 -1
  46. package/dist/chunks/{base-button.CRYAiuzn.js → base-button.CvHl36Ue.js} +24 -27
  47. package/dist/chunks/{base-button.CRYAiuzn.js.map → base-button.CvHl36Ue.js.map} +1 -1
  48. package/dist/chunks/base-modal.C2-JyHC_.js +424 -0
  49. package/dist/chunks/{base-modal.gZAtk-xP.js.map → base-modal.C2-JyHC_.js.map} +1 -1
  50. package/dist/chunks/button-actions-with-menu.BQFAgAI2.js +85 -0
  51. package/dist/chunks/{button-actions-with-menu.Tba1ME79.js.map → button-actions-with-menu.BQFAgAI2.js.map} +1 -1
  52. package/dist/chunks/{button-actions.BYBpjNqy.js → button-actions.cMQWyZne.js} +511 -542
  53. package/dist/chunks/{button-actions.BYBpjNqy.js.map → button-actions.cMQWyZne.js.map} +1 -1
  54. package/dist/chunks/{button.C6t9_lzm.js → button.DWF7FSIw.js} +42 -45
  55. package/dist/chunks/{button.C6t9_lzm.js.map → button.DWF7FSIw.js.map} +1 -1
  56. package/dist/chunks/calendar.DcCqkSNJ.js +1201 -0
  57. package/dist/chunks/{calendar.vM3abC8y.js.map → calendar.DcCqkSNJ.js.map} +1 -1
  58. package/dist/chunks/{card.Cw63i7Ul.js → card.CoxQ_L0w.js} +9 -21
  59. package/dist/chunks/{card.Cw63i7Ul.js.map → card.CoxQ_L0w.js.map} +1 -1
  60. package/dist/chunks/{checkbox-group.ODQy-ICn.js → checkbox-group.96n9Cc3W.js} +5 -5
  61. package/dist/chunks/{checkbox-group.ODQy-ICn.js.map → checkbox-group.96n9Cc3W.js.map} +1 -1
  62. package/dist/chunks/{checkbox-input.BZjSoCQW.js → checkbox-input.CVFQCfZM.js} +44 -51
  63. package/dist/chunks/{checkbox-input.BZjSoCQW.js.map → checkbox-input.CVFQCfZM.js.map} +1 -1
  64. package/dist/chunks/{checkbox.C3Ewfygy.js → checkbox.C6ATh8f5.js} +85 -94
  65. package/dist/chunks/{checkbox.C3Ewfygy.js.map → checkbox.C6ATh8f5.js.map} +1 -1
  66. package/dist/chunks/chevron-right-small.BCinNiMt.js +29 -0
  67. package/dist/chunks/chevron-right-small.BCinNiMt.js.map +1 -0
  68. package/dist/chunks/{chip.CyW1V8RU.js → chip.CdgpQyXN.js} +6 -12
  69. package/dist/chunks/{chip.CyW1V8RU.js.map → chip.CdgpQyXN.js.map} +1 -1
  70. package/dist/chunks/click-outside.BPylIosK.js +20 -0
  71. package/dist/chunks/{click-outside.CDz_x8mN.js.map → click-outside.BPylIosK.js.map} +1 -1
  72. package/dist/chunks/{code-snippet.BaJU2I5_.js → code-snippet.DgAuuZF5.js} +9 -24
  73. package/dist/chunks/{code-snippet.BaJU2I5_.js.map → code-snippet.DgAuuZF5.js.map} +1 -1
  74. package/dist/chunks/{codemirror.D2BAltnu.js → codemirror.Bzus_EPG.js} +15 -15
  75. package/dist/chunks/{codemirror.D2BAltnu.js.map → codemirror.Bzus_EPG.js.map} +1 -1
  76. package/dist/chunks/constructNow.D9uRk678.js +8 -0
  77. package/dist/chunks/{constructNow.CIc7d13I.js.map → constructNow.D9uRk678.js.map} +1 -1
  78. package/dist/chunks/{controls-group.Bu5lNTyH.js → controls-group.C7hOE1F4.js} +3 -3
  79. package/dist/chunks/{controls-group.Bu5lNTyH.js.map → controls-group.C7hOE1F4.js.map} +1 -1
  80. package/dist/chunks/{copy.C_BCNHYQ.js → copy.C2kQ1PbI.js} +7 -19
  81. package/dist/chunks/{copy.C_BCNHYQ.js.map → copy.C2kQ1PbI.js.map} +1 -1
  82. package/dist/chunks/{country.DJts6kCv.js → country.CaGc08Ps.js} +3 -3
  83. package/dist/chunks/{country.DJts6kCv.js.map → country.CaGc08Ps.js.map} +1 -1
  84. package/dist/chunks/country.types.DjpMGz7a.js +19 -0
  85. package/dist/chunks/{country.types.BBQbWkTY.js.map → country.types.DjpMGz7a.js.map} +1 -1
  86. package/dist/chunks/{currency.Afx8MVdY.js → currency.DuTEzR_W.js} +40 -42
  87. package/dist/chunks/{currency.Afx8MVdY.js.map → currency.DuTEzR_W.js.map} +1 -1
  88. package/dist/chunks/dashboard-section.UafHRkMa.js +161 -0
  89. package/dist/chunks/{dashboard-section.CgoLquLP.js.map → dashboard-section.UafHRkMa.js.map} +1 -1
  90. package/dist/chunks/dashed-underline.CcDV2Aks.js +108 -0
  91. package/dist/chunks/{dashed-underline.wbRHATeE.js.map → dashed-underline.CcDV2Aks.js.map} +1 -1
  92. package/dist/chunks/data-grid-template.CnC4TQvk.js +135 -0
  93. package/dist/chunks/{data-grid-template.D40V1cmi.js.map → data-grid-template.CnC4TQvk.js.map} +1 -1
  94. package/dist/chunks/data-grid.BSIXLRm7.js +4014 -0
  95. package/dist/chunks/{data-grid.C2nCCbeC.js.map → data-grid.BSIXLRm7.js.map} +1 -1
  96. package/dist/chunks/date-picker.dlzZ_-5f.js +231 -0
  97. package/dist/chunks/{date-picker.D5B_SECc.js.map → date-picker.dlzZ_-5f.js.map} +1 -1
  98. package/dist/chunks/date-range-picker.DC6CK0As.js +995 -0
  99. package/dist/chunks/{date-range-picker.B0q7Z4df.js.map → date-range-picker.DC6CK0As.js.map} +1 -1
  100. package/dist/chunks/{date.BtB1HyWQ.js → date.R2Wz6o7J.js} +28 -28
  101. package/dist/chunks/{date.BtB1HyWQ.js.map → date.R2Wz6o7J.js.map} +1 -1
  102. package/dist/chunks/{de.BJvo6njq.js → de.DXrHnkLX.js} +18 -18
  103. package/dist/chunks/{de.BJvo6njq.js.map → de.DXrHnkLX.js.map} +1 -1
  104. package/dist/chunks/{dialog-page.C1KUI51V.js → dialog-page.COfKqjT-.js} +7 -13
  105. package/dist/chunks/{dialog-page.C1KUI51V.js.map → dialog-page.COfKqjT-.js.map} +1 -1
  106. package/dist/chunks/differenceInMonths.s_znQQpw.js +43 -0
  107. package/dist/chunks/{differenceInMonths.CIYECBxK.js.map → differenceInMonths.s_znQQpw.js.map} +1 -1
  108. package/dist/chunks/{directive.rXUeDb8p.js → directive.Dpivxq_t.js} +2 -2
  109. package/dist/chunks/{directive.rXUeDb8p.js.map → directive.Dpivxq_t.js.map} +1 -1
  110. package/dist/chunks/{dropdown-default-textbox.CskseEho.js → dropdown-default-textbox.bq9AlGzJ.js} +55 -64
  111. package/dist/chunks/{dropdown-default-textbox.CskseEho.js.map → dropdown-default-textbox.bq9AlGzJ.js.map} +1 -1
  112. package/dist/chunks/{dropdown-tag.Zj-exiup.js → dropdown-tag.Ysrac5GN.js} +82 -86
  113. package/dist/chunks/{dropdown-tag.Zj-exiup.js.map → dropdown-tag.Ysrac5GN.js.map} +1 -1
  114. package/dist/chunks/dropdown.MhmX1P9o.js +799 -0
  115. package/dist/chunks/{dropdown.CxjzXI-k.js.map → dropdown.MhmX1P9o.js.map} +1 -1
  116. package/dist/chunks/{empty-state.DqdPzU-g.js → empty-state.DT4sFyjB.js} +7 -14
  117. package/dist/chunks/{empty-state.DqdPzU-g.js.map → empty-state.DT4sFyjB.js.map} +1 -1
  118. package/dist/chunks/{en-GB.C3-QUpva.js → en-GB.CBpvhDYV.js} +2 -2
  119. package/dist/chunks/{en-GB.C3-QUpva.js.map → en-GB.CBpvhDYV.js.map} +1 -1
  120. package/dist/chunks/{en-US.YeSsZuOc.js → en-US.CCazFVNP.js} +30 -30
  121. package/dist/chunks/{en-US.YeSsZuOc.js.map → en-US.CCazFVNP.js.map} +1 -1
  122. package/dist/chunks/{error-message.oGiefI2-.js → error-message.DCgo8q20.js} +8 -20
  123. package/dist/chunks/{error-message.oGiefI2-.js.map → error-message.DCgo8q20.js.map} +1 -1
  124. package/dist/chunks/{es.DyUjjSL8.js → es.CoF2PB8b.js} +14 -14
  125. package/dist/chunks/{es.DyUjjSL8.js.map → es.CoF2PB8b.js.map} +1 -1
  126. package/dist/chunks/{file-uploader.BnmNI1O7.js → file-uploader.Bfd1uUMe.js} +575 -680
  127. package/dist/chunks/{file-uploader.BnmNI1O7.js.map → file-uploader.Bfd1uUMe.js.map} +1 -1
  128. package/dist/chunks/filter-bar.CkAjLQol.js +3675 -0
  129. package/dist/chunks/filter-bar.CkAjLQol.js.map +1 -0
  130. package/dist/chunks/fixed-scroller.DtkaGyMD.js +150 -0
  131. package/dist/chunks/{fixed-scroller.i1tmEmst.js.map → fixed-scroller.DtkaGyMD.js.map} +1 -1
  132. package/dist/chunks/{focus-trap.BxCwzLqN.js → focus-trap.BAiM_ywb.js} +70 -86
  133. package/dist/chunks/{focus-trap.BxCwzLqN.js.map → focus-trap.BAiM_ywb.js.map} +1 -1
  134. package/dist/chunks/{footer-actions.Ck6UztD8.js → footer-actions.BcYSsoUg.js} +3 -3
  135. package/dist/chunks/{footer-actions.Ck6UztD8.js.map → footer-actions.BcYSsoUg.js.map} +1 -1
  136. package/dist/chunks/{form-layout-title.CQfeGyVw.js → form-layout-title.DW5Kg1rh.js} +4 -6
  137. package/dist/chunks/{form-layout-title.CQfeGyVw.js.map → form-layout-title.DW5Kg1rh.js.map} +1 -1
  138. package/dist/chunks/{fr.JD_4GwS8.js → fr.CJXL-Ief.js} +16 -16
  139. package/dist/chunks/{fr.JD_4GwS8.js.map → fr.CJXL-Ief.js.map} +1 -1
  140. package/dist/chunks/{generate-uid.NJ8tVoha.js → generate-uid.DBWe4g6T.js} +15 -16
  141. package/dist/chunks/{generate-uid.NJ8tVoha.js.map → generate-uid.DBWe4g6T.js.map} +1 -1
  142. package/dist/chunks/get-slot-text.8Fbl1GOr.js +6 -0
  143. package/dist/chunks/{get-slot-text.CQRAP2_q.js.map → get-slot-text.8Fbl1GOr.js.map} +1 -1
  144. package/dist/chunks/{grid-layout.Vhv1_zFs.js → grid-layout.CCWNscU_.js} +11 -12
  145. package/dist/chunks/{grid-layout.Vhv1_zFs.js.map → grid-layout.CCWNscU_.js.map} +1 -1
  146. package/dist/chunks/{header-meta.lGt3HsyH.js → header-meta.Bym9AlQm.js} +84 -96
  147. package/dist/chunks/{header-meta.lGt3HsyH.js.map → header-meta.Bym9AlQm.js.map} +1 -1
  148. package/dist/chunks/{header-with-views.D_sy4I2A.js → header-with-views.Djba6iol.js} +1013 -1156
  149. package/dist/chunks/{header-with-views.D_sy4I2A.js.map → header-with-views.Djba6iol.js.map} +1 -1
  150. package/dist/chunks/{header.oXqwf2xN.js → header.o-7SyHtU.js} +4 -4
  151. package/dist/chunks/{header.oXqwf2xN.js.map → header.o-7SyHtU.js.map} +1 -1
  152. package/dist/chunks/{index.Dppy4qHk.js → index.DDwcHPb6.js} +12 -12
  153. package/dist/chunks/{index.Dppy4qHk.js.map → index.DDwcHPb6.js.map} +1 -1
  154. package/dist/chunks/{info-icon.DyPOv7Pi.js → info-icon.BUala_wq.js} +3 -3
  155. package/dist/chunks/{info-icon.DyPOv7Pi.js.map → info-icon.BUala_wq.js.map} +1 -1
  156. package/dist/chunks/input-field-password.DZytmp_p.js +346 -0
  157. package/dist/chunks/{input-field-password.C_h61CMn.js.map → input-field-password.DZytmp_p.js.map} +1 -1
  158. package/dist/chunks/{input-field-phone-number.KctRYA9p.js → input-field-phone-number.CxblrmaU.js} +720 -736
  159. package/dist/chunks/{input-field-phone-number.KctRYA9p.js.map → input-field-phone-number.CxblrmaU.js.map} +1 -1
  160. package/dist/chunks/{input-field.DPElUS0U.js → input-field.CfU0ZKtL.js} +42 -54
  161. package/dist/chunks/{input-field.DPElUS0U.js.map → input-field.CfU0ZKtL.js.map} +1 -1
  162. package/dist/chunks/{inspector.BjLhY3bE.js → inspector.B9k4tJWe.js} +9 -27
  163. package/dist/chunks/{inspector.BjLhY3bE.js.map → inspector.B9k4tJWe.js.map} +1 -1
  164. package/dist/chunks/isSameWeek.Dj6luS8h.js +14 -0
  165. package/dist/chunks/{isSameWeek.CzBCmu7d.js.map → isSameWeek.Dj6luS8h.js.map} +1 -1
  166. package/dist/chunks/{it.BlUnV-yA.js → it.20Y7h-bF.js} +8 -8
  167. package/dist/chunks/{it.BlUnV-yA.js.map → it.20Y7h-bF.js.map} +1 -1
  168. package/dist/chunks/{ja.nUwDmVf2.js → ja.DXlq0H98.js} +27 -27
  169. package/dist/chunks/{ja.nUwDmVf2.js.map → ja.DXlq0H98.js.map} +1 -1
  170. package/dist/chunks/layout-row.B5VJGEQH.js +99 -0
  171. package/dist/chunks/{layout-row.Da8nkm9z.js.map → layout-row.B5VJGEQH.js.map} +1 -1
  172. package/dist/chunks/link.D6D6YGsN.js +113 -0
  173. package/dist/chunks/{link.DTCn2EtX.js.map → link.D6D6YGsN.js.map} +1 -1
  174. package/dist/chunks/list-item.DO5uULke.js +128 -0
  175. package/dist/chunks/list-item.DO5uULke.js.map +1 -0
  176. package/dist/chunks/{listbox-option-tag.CoBUYwFG.js → listbox-option-tag.Cvplth7d.js} +2 -2
  177. package/dist/chunks/{listbox-option-tag.CoBUYwFG.js.map → listbox-option-tag.Cvplth7d.js.map} +1 -1
  178. package/dist/chunks/{modal-fullscreen.9ZDR_S29.js → modal-fullscreen.CuKVyTWb.js} +100 -108
  179. package/dist/chunks/{modal-fullscreen.9ZDR_S29.js.map → modal-fullscreen.CuKVyTWb.js.map} +1 -1
  180. package/dist/chunks/{modal.vue_vue_type_script_setup_true_lang.B0IdwV0R.js → modal.vue_vue_type_script_setup_true_lang.DmPw0l5Y.js} +134 -143
  181. package/dist/chunks/{modal.vue_vue_type_script_setup_true_lang.B0IdwV0R.js.map → modal.vue_vue_type_script_setup_true_lang.DmPw0l5Y.js.map} +1 -1
  182. package/dist/chunks/on-click-outside.ZUMLlxE_.js +90 -0
  183. package/dist/chunks/{on-click-outside.BW4rkhzG.js.map → on-click-outside.ZUMLlxE_.js.map} +1 -1
  184. package/dist/chunks/pagination.dpVc6Yt0.js +401 -0
  185. package/dist/chunks/pagination.dpVc6Yt0.js.map +1 -0
  186. package/dist/chunks/popover.types.D8tHtFl3.js +6 -0
  187. package/dist/chunks/{popover.types.DhALnOLQ.js.map → popover.types.D8tHtFl3.js.map} +1 -1
  188. package/dist/chunks/{popper-container.DAK7c9uS.js → popper-container.DMN8n5iC.js} +79 -86
  189. package/dist/chunks/{popper-container.DAK7c9uS.js.map → popper-container.DMN8n5iC.js.map} +1 -1
  190. package/dist/chunks/{promo-banner.aNwH6uQx.js → promo-banner.BzveHNOI.js} +7 -13
  191. package/dist/chunks/{promo-banner.aNwH6uQx.js.map → promo-banner.BzveHNOI.js.map} +1 -1
  192. package/dist/chunks/{pt-BR.BCU2Hj36.js → pt-BR.DmhmCzxE.js} +14 -14
  193. package/dist/chunks/{pt-BR.BCU2Hj36.js.map → pt-BR.DmhmCzxE.js.map} +1 -1
  194. package/dist/chunks/{radio-group.DEYzF6o7.js → radio-group.Cuiq4mxy.js} +46 -46
  195. package/dist/chunks/{radio-group.DEYzF6o7.js.map → radio-group.Cuiq4mxy.js.map} +1 -1
  196. package/dist/chunks/{rich-text-editor.DH1d5Zcp.js → rich-text-editor.DLMiT4f5.js} +1018 -1024
  197. package/dist/chunks/{rich-text-editor.DH1d5Zcp.js.map → rich-text-editor.DLMiT4f5.js.map} +1 -1
  198. package/dist/chunks/{search-bar.Dtzx88Pv.js → search-bar.CsFyP0_I.js} +6 -15
  199. package/dist/chunks/{search-bar.Dtzx88Pv.js.map → search-bar.CsFyP0_I.js.map} +1 -1
  200. package/dist/chunks/{secondary-nav.Zs7dBoJv.js → secondary-nav.CLBdq98c.js} +6 -12
  201. package/dist/chunks/{secondary-nav.Zs7dBoJv.js.map → secondary-nav.CLBdq98c.js.map} +1 -1
  202. package/dist/chunks/{segmented-control.Aqquod8g.js → segmented-control.KeQ5kuR1.js} +47 -51
  203. package/dist/chunks/{segmented-control.Aqquod8g.js.map → segmented-control.KeQ5kuR1.js.map} +1 -1
  204. package/dist/chunks/selection-card-group.XM11Kk-4.js +412 -0
  205. package/dist/chunks/{selection-card-group.C7IK2Vl5.js.map → selection-card-group.XM11Kk-4.js.map} +1 -1
  206. package/dist/chunks/{sidepanel.DaXPcTHm.js → sidepanel.b2QZ1Jsx.js} +64 -71
  207. package/dist/chunks/{sidepanel.DaXPcTHm.js.map → sidepanel.b2QZ1Jsx.js.map} +1 -1
  208. package/dist/chunks/startOfWeek.Cvmo-f5J.js +9 -0
  209. package/dist/chunks/{startOfWeek.CXhhX-R7.js.map → startOfWeek.Cvmo-f5J.js.map} +1 -1
  210. package/dist/chunks/status.H00BAmRx.js +42 -0
  211. package/dist/chunks/status.H00BAmRx.js.map +1 -0
  212. package/dist/chunks/status.types.Dx8MDhEH.js +5 -0
  213. package/dist/chunks/status.types.Dx8MDhEH.js.map +1 -0
  214. package/dist/chunks/{step.BV7MsrRF.js → step.BlwoLfdw.js} +56 -68
  215. package/dist/chunks/{step.BV7MsrRF.js.map → step.BlwoLfdw.js.map} +1 -1
  216. package/dist/chunks/{structured-list-item.DAIaUMCY.js → structured-list-item.e-8kRleh.js} +8 -14
  217. package/dist/chunks/{structured-list-item.DAIaUMCY.js.map → structured-list-item.e-8kRleh.js.map} +1 -1
  218. package/dist/chunks/{summary-grid.types.BZcZS_dW.js → summary-grid.types.CcvOC03H.js} +172 -179
  219. package/dist/chunks/{summary-grid.types.BZcZS_dW.js.map → summary-grid.types.CcvOC03H.js.map} +1 -1
  220. package/dist/chunks/tab.mR5uUSdp.js +265 -0
  221. package/dist/chunks/{tab.DRrnMCxe.js.map → tab.mR5uUSdp.js.map} +1 -1
  222. package/dist/chunks/{tag.CqWg6C3H.js → tag.DujMVFh-.js} +3 -3
  223. package/dist/chunks/{tag.CqWg6C3H.js.map → tag.DujMVFh-.js.map} +1 -1
  224. package/dist/chunks/textarea.CHV6Z8nt.js +247 -0
  225. package/dist/chunks/{textarea.CvI2InIB.js.map → textarea.CHV6Z8nt.js.map} +1 -1
  226. package/dist/chunks/timeline-item.CaGcRZbt.js +419 -0
  227. package/dist/chunks/timeline-item.CaGcRZbt.js.map +1 -0
  228. package/dist/chunks/{toast.Bbtq3Icj.js → toast.C2oehk9P.js} +72 -78
  229. package/dist/chunks/{toast.Bbtq3Icj.js.map → toast.C2oehk9P.js.map} +1 -1
  230. package/dist/chunks/{toggle.BupEBkIG.js → toggle.BQoprdX-.js} +5 -5
  231. package/dist/chunks/{toggle.BupEBkIG.js.map → toggle.BQoprdX-.js.map} +1 -1
  232. package/dist/chunks/tooltip.CbADa_4p.js +199 -0
  233. package/dist/chunks/{tooltip.Lwtlhv3u.js.map → tooltip.CbADa_4p.js.map} +1 -1
  234. package/dist/chunks/truncate.DmCXQmeb.js +8 -0
  235. package/dist/chunks/{truncate.BfIl_-71.js.map → truncate.DmCXQmeb.js.map} +1 -1
  236. package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.BL2QTKmV.js → tutorial.vue_vue_type_script_setup_true_lang.BOruzlTt.js} +100 -124
  237. package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.BL2QTKmV.js.map → tutorial.vue_vue_type_script_setup_true_lang.BOruzlTt.js.map} +1 -1
  238. package/dist/chunks/{use-bento-toast-controller.BFctDoMg.js → use-bento-toast-controller.D_NSnBxi.js} +2 -2
  239. package/dist/chunks/{use-bento-toast-controller.BFctDoMg.js.map → use-bento-toast-controller.D_NSnBxi.js.map} +1 -1
  240. package/dist/chunks/use-cached-selected-values.ClEJRFAd.js +1631 -0
  241. package/dist/chunks/{use-cached-selected-values.C4_X3vVj.js.map → use-cached-selected-values.ClEJRFAd.js.map} +1 -1
  242. package/dist/chunks/use-country-items.D_3LBe2I.js +30 -0
  243. package/dist/chunks/{use-country-items.BTzByPdQ.js.map → use-country-items.D_3LBe2I.js.map} +1 -1
  244. package/dist/chunks/use-country-phon-code.DoqTGkNr.js +287 -0
  245. package/dist/chunks/use-country-phon-code.DoqTGkNr.js.map +1 -0
  246. package/dist/chunks/use-date-input-formatter.CDRzd-hW.js +1629 -0
  247. package/dist/chunks/{use-date-input-formatter.dtbK-CEy.js.map → use-date-input-formatter.CDRzd-hW.js.map} +1 -1
  248. package/dist/chunks/use-default-slot-validator.BzHcrgmy.js +12 -0
  249. package/dist/chunks/{use-default-slot-validator.O02rzsob.js.map → use-default-slot-validator.BzHcrgmy.js.map} +1 -1
  250. package/dist/chunks/use-expandable-content-height.B5jjRvCz.js +16 -0
  251. package/dist/chunks/{use-expandable-content-height.GkjjbmPy.js.map → use-expandable-content-height.B5jjRvCz.js.map} +1 -1
  252. package/dist/chunks/use-has-slot.CyMiImRQ.js +14 -0
  253. package/dist/chunks/{use-has-slot.B7eQSabc.js.map → use-has-slot.CyMiImRQ.js.map} +1 -1
  254. package/dist/chunks/utils.DWmc2mUI.js +19 -0
  255. package/dist/chunks/{utils.BzUwtTXc.js.map → utils.DWmc2mUI.js.map} +1 -1
  256. package/dist/chunks/{zh-CN.ChYkuQAR.js → zh-CN.Ce34mXsX.js} +28 -28
  257. package/dist/chunks/{zh-CN.ChYkuQAR.js.map → zh-CN.Ce34mXsX.js.map} +1 -1
  258. package/dist/click-outside.js +1 -1
  259. package/dist/code-snippet.js +1 -1
  260. package/dist/country.js +3 -3
  261. package/dist/currency.js +1 -1
  262. package/dist/dashboard-template.js +1 -1
  263. package/dist/dashed-underline.js +1 -1
  264. package/dist/data-grid-template.js +1 -1
  265. package/dist/data-grid.js +1 -1
  266. package/dist/date-picker.js +2 -2
  267. package/dist/date-range-picker.js +2 -2
  268. package/dist/date.js +1 -1
  269. package/dist/draggable-handle.js +4 -28
  270. package/dist/draggable-handle.js.map +1 -1
  271. package/dist/dropdown.js +4 -4
  272. package/dist/empty-state.js +1 -1
  273. package/dist/file-uploader.js +1 -1
  274. package/dist/filter-bar.js +1 -1
  275. package/dist/focus-trap.js +1 -1
  276. package/dist/form-layout.js +1 -1
  277. package/dist/header-with-views.js +1 -1
  278. package/dist/header.js +1 -1
  279. package/dist/index.js +241 -241
  280. package/dist/index.js.map +1 -1
  281. package/dist/info-icon.js +1 -1
  282. package/dist/input-field-password.js +1 -1
  283. package/dist/input-field-phone-number.js +1 -1
  284. package/dist/input-field.js +1 -1
  285. package/dist/inspector.js +1 -1
  286. package/dist/internal.js +13 -13
  287. package/dist/layout.js +1 -1
  288. package/dist/link.js +1 -1
  289. package/dist/list.js +6 -0
  290. package/dist/list.js.map +1 -0
  291. package/dist/menu.js +1 -1
  292. package/dist/modal-fullscreen.js +1 -1
  293. package/dist/modal.js +2 -2
  294. package/dist/pagination.js +1 -1
  295. package/dist/popover.js +2 -2
  296. package/dist/popper-container.js +1 -1
  297. package/dist/promo-banner.js +1 -1
  298. package/dist/radio-group.js +1 -1
  299. package/dist/rich-text-editor.js +1 -1
  300. package/dist/search-bar.js +2 -2
  301. package/dist/secondary-nav.js +1 -1
  302. package/dist/segmented-control.js +1 -1
  303. package/dist/selection-card.js +1 -1
  304. package/dist/sidepanel.js +1 -1
  305. package/dist/status.js +4 -3
  306. package/dist/status.js.map +1 -1
  307. package/dist/stepper.js +1 -1
  308. package/dist/structured-list.js +1 -1
  309. package/dist/summary-grid.js +1 -1
  310. package/dist/tabs.js +1 -1
  311. package/dist/tag.js +1 -1
  312. package/dist/textarea.js +1 -1
  313. package/dist/timeline.js +1 -1
  314. package/dist/toast.js +1 -1
  315. package/dist/toggle.js +1 -1
  316. package/dist/tutorial.js +1 -1
  317. package/dist/use-form-v4.js +331 -341
  318. package/dist/use-form-v4.js.map +1 -1
  319. package/dist/web-types.json +1 -1
  320. package/package.json +7 -7
  321. package/dist/chunks/anchor-scroller.BctgW0se.js +0 -214
  322. package/dist/chunks/base-modal.gZAtk-xP.js +0 -443
  323. package/dist/chunks/button-actions-with-menu.Tba1ME79.js +0 -93
  324. package/dist/chunks/calendar.vM3abC8y.js +0 -1234
  325. package/dist/chunks/click-outside.CDz_x8mN.js +0 -23
  326. package/dist/chunks/constructNow.CIc7d13I.js +0 -8
  327. package/dist/chunks/country.types.BBQbWkTY.js +0 -773
  328. package/dist/chunks/dashboard-section.CgoLquLP.js +0 -165
  329. package/dist/chunks/dashed-underline.wbRHATeE.js +0 -114
  330. package/dist/chunks/data-grid-template.D40V1cmi.js +0 -144
  331. package/dist/chunks/data-grid.C2nCCbeC.js +0 -4368
  332. package/dist/chunks/date-picker.D5B_SECc.js +0 -251
  333. package/dist/chunks/date-range-picker.B0q7Z4df.js +0 -1084
  334. package/dist/chunks/differenceInMonths.CIYECBxK.js +0 -43
  335. package/dist/chunks/dropdown.CxjzXI-k.js +0 -837
  336. package/dist/chunks/filter-bar.DJ7O4zLX.js +0 -4036
  337. package/dist/chunks/filter-bar.DJ7O4zLX.js.map +0 -1
  338. package/dist/chunks/fixed-scroller.i1tmEmst.js +0 -161
  339. package/dist/chunks/get-slot-text.CQRAP2_q.js +0 -12
  340. package/dist/chunks/input-field-password.C_h61CMn.js +0 -402
  341. package/dist/chunks/isSameWeek.CzBCmu7d.js +0 -14
  342. package/dist/chunks/layout-row.Da8nkm9z.js +0 -100
  343. package/dist/chunks/link.DTCn2EtX.js +0 -116
  344. package/dist/chunks/on-click-outside.BW4rkhzG.js +0 -91
  345. package/dist/chunks/pagination.B32UgSoH.js +0 -488
  346. package/dist/chunks/pagination.B32UgSoH.js.map +0 -1
  347. package/dist/chunks/popover.types.DhALnOLQ.js +0 -6
  348. package/dist/chunks/selection-card-group.C7IK2Vl5.js +0 -417
  349. package/dist/chunks/startOfWeek.CXhhX-R7.js +0 -10
  350. package/dist/chunks/status.types.D3v3k-Q8.js +0 -44
  351. package/dist/chunks/status.types.D3v3k-Q8.js.map +0 -1
  352. package/dist/chunks/tab.DRrnMCxe.js +0 -273
  353. package/dist/chunks/textarea.CvI2InIB.js +0 -255
  354. package/dist/chunks/timeline-item.BooD99hL.js +0 -427
  355. package/dist/chunks/timeline-item.BooD99hL.js.map +0 -1
  356. package/dist/chunks/tooltip.Lwtlhv3u.js +0 -202
  357. package/dist/chunks/truncate.BfIl_-71.js +0 -8
  358. package/dist/chunks/use-cached-selected-values.C4_X3vVj.js +0 -1711
  359. package/dist/chunks/use-country-items.BTzByPdQ.js +0 -30
  360. package/dist/chunks/use-country-phon-code.Bui3zD6W.js +0 -5621
  361. package/dist/chunks/use-country-phon-code.Bui3zD6W.js.map +0 -1
  362. package/dist/chunks/use-date-input-formatter.dtbK-CEy.js +0 -1732
  363. package/dist/chunks/use-default-slot-validator.O02rzsob.js +0 -16
  364. package/dist/chunks/use-expandable-content-height.GkjjbmPy.js +0 -17
  365. package/dist/chunks/use-has-slot.B7eQSabc.js +0 -15
  366. package/dist/chunks/utils.BzUwtTXc.js +0 -21
@@ -1 +0,0 @@
1
- {"version":3,"file":"pagination.B32UgSoH.js","sources":["../../../vue2/src/components/pagination/components/pagination-results-per-page/pagination-results-per-page.vue","../../../vue2/src/components/pagination/components/pagination-context/pagination-context.vue","../../../ui-assets/icons-16/dist/vue/skip-left.vue","../../../ui-assets/icons-16/dist/vue/skip-right.vue","../../../ui-assets/icons-16/dist/vue/chevron-left-small.vue","../../../ui-assets/icons-16/dist/vue/chevron-right-small.vue","../../../vue2/src/components/pagination/components/pagination-controls/pagination-controls.vue","../../../vue2/src/components/pagination/pagination.vue"],"sourcesContent":["<template>\n <div class=\"b-pagination-results-per-page\">\n <bento-typography el=\"div\">\n <component\n :is=\"i18nComponent\"\n v-bind=\"getI18nProps(translationPathKey)\"\n class=\"b-pagination-results-per-page__dropdown-container\"\n tag=\"div\"\n :plural=\"totalCount\"\n >\n <template v-if=\"hidePageSizeSelection\" #itemCount>{{ itemsPerPage }}</template>\n\n <template v-else #itemCount>\n <bento-dropdown\n :id=\"dropdownId\"\n :aria-label=\"t(translationPathKey, { itemCount: itemsPerPage, totalCount })\"\n class=\"b-pagination-results-per-page__dropdown\"\n condensed\n :items=\"predefinedDropdownOptions\"\n :model-value=\"itemsPerPage\"\n @update:model-value=\"onSelectChange\"\n />\n </template>\n <template v-if=\"!!totalCount\" #totalCount>{{ totalCount }}</template>\n </component>\n </bento-typography>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, watch } from 'vue';\n import { BentoTypography } from '@/components/typography';\n import { BentoDropdown } from '@/components/dropdown';\n import { generateUid } from '@/core/utils/ts';\n import { getI18nComponent, getI18nProps, useI18n } from '@/utils/ts/i18n';\n import { printDevelopmentWarning } from '@/utils/ts/print-development-warning';\n\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n const { t, n } = useI18n<{ message: MessageSchema }>({ messages });\n\n const props = withDefaults(\n defineProps<{\n /**\n * Determines whether to hide the dropdown that allows users to change the number of results per page.\n * When set to `true`, the current `itemsPerPage` value is displayed as plain static text.\n */\n hidePageSizeSelection?: boolean;\n /**\n * The amount of items the pager is paging through.\n */\n itemsPerPage?: number;\n /**\n * The total number of items the pager is paging through.\n */\n totalCount?: number;\n /**\n * The predefined options for the results per page dropdown.\n */\n pageSizeItems?: Array<number>;\n }>(),\n {\n hidePageSizeSelection: false,\n itemsPerPage: 50,\n totalCount: null,\n pageSizeItems: () => [10, 20, 50, 75, 100],\n }\n );\n\n const emit = defineEmits<{\n (e: 'select', value: number);\n }>();\n\n const isValid = computed(\n () => Array.isArray(props.pageSizeItems) && props.pageSizeItems.every(option => Number.isInteger(option))\n );\n\n watch(\n isValid,\n valid => {\n if (!valid) {\n printDevelopmentWarning('BentoPagination: pageSizeItems must be an array of integers.');\n }\n },\n { immediate: true }\n );\n\n const dropdownId = generateUid('b-pagination-context-number-elements');\n const predefinedDropdownOptions = computed(() =>\n props.pageSizeItems.map(option => ({\n label: n(option),\n value: option,\n }))\n );\n const i18nComponent = getI18nComponent();\n\n const onSelectChange = (selectedNumberOfResults: number) => {\n emit('select', selectedNumberOfResults);\n };\n\n const translationPathKey = computed(() => (props.totalCount ? 'showingItemsWithTotal' : 'showingItems'));\n</script>\n\n<script lang=\"ts\">\n export default {\n i18n: { messages },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./pagination-results-per-page.scss\" />\n","<template>\n <div class=\"b-pagination-context\">\n <bento-typography v-if=\"totalPages > 1 && !hidePageSelection\" el=\"div\">\n <component :is=\"i18nComponent\" v-bind=\"getI18nProps('pageNumber')\" tag=\"div\">\n <template #page>\n <bento-dropdown\n :id=\"dropdownId\"\n :aria-label=\"t('pageNumber', { page: n(page) })\"\n class=\"b-pagination-context__dropdown\"\n condensed\n :items=\"listOfAvailablePages\"\n :model-value=\"page\"\n :virtual-scroll=\"virtualScroll\"\n @update:model-value=\"onPageSelectChange\"\n />\n </template>\n </component>\n </bento-typography>\n <bento-typography v-else-if=\"showPageNumberOfTotal\" el=\"span\">\n {{ t('pageNumberOfTotal', { page: n(page), totalPages: n(totalPages) }) }}\n </bento-typography>\n <bento-typography v-else el=\"span\">\n {{ t('pageNumber', { page: n(page) }) }}\n </bento-typography>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed } from 'vue';\n import { BentoTypography } from '@/components/typography';\n import { BentoDropdown } from '@/components/dropdown';\n import { type BentoListboxOptionItem } from '@/types/listbox';\n import { generateUid } from '@/core/utils/ts';\n import messages from './messages.json';\n import { getI18nComponent, getI18nProps, useI18n } from '@/utils/ts/i18n';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n const props = withDefaults(\n defineProps<{\n /**\n * Hides the page selection dropdown and displays a static \"Page X of Y\" text instead.\n * Useful for very large datasets where rendering all page options would cause performance issues.\n */\n hidePageSelection?: boolean;\n /**\n * The current page number of the pager.\n */\n page?: number;\n\n /**\n * The total number of items the pager is paging through.\n */\n totalPages?: number;\n\n /**\n * Enables virtual scrolling on all dropdowns if set to true.\n */\n virtualScroll?: boolean;\n }>(),\n {\n hidePageSelection: false,\n page: 1,\n totalPages: null,\n virtualScroll: false,\n }\n );\n const emit = defineEmits<{\n (e: 'page-selected', value: string | number);\n }>();\n\n const { t, n } = useI18n<{ message: MessageSchema }>({ messages });\n const dropdownId = generateUid('bento-pagination-context-current-page');\n const onPageSelectChange = (selectedPage: string | number) => emit('page-selected', selectedPage);\n const i18nComponent = getI18nComponent();\n\n // Generate a list of pages from 1 to \"totalPages\"\n const transformIntoOption = (value: number): BentoListboxOptionItem => ({\n label: n(value),\n value,\n });\n const transformToPageNumber = (_, index) => index + 1;\n const listOfAvailablePages = computed(() =>\n Array.from(new Array(props.totalPages), transformToPageNumber).map(transformIntoOption)\n );\n const showPageNumberOfTotal = computed(\n () => props.totalPages === 1 || (props.hidePageSelection && props.page <= props.totalPages)\n );\n</script>\n\n<script lang=\"ts\">\n export default {\n i18n: { messages },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./pagination-context.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><path fill=\"#001222\" d=\"M9.06055 8.00011L12.0605 5.00011L10.9999 3.93945L6.93923 8.00011L10.9999 12.0608L12.0605 11.0001L9.06055 8.00011Z\"/><path fill=\"#001222\" d=\"M4.25 4.25L4.25 11.75H5.75L5.75 4.25L4.25 4.25Z\"/></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","\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><path fill=\"#001222\" d=\"M6.93945 7.99962L3.93945 10.9996L5.00011 12.0603L9.06077 7.99963L5.00011 3.93896L3.93945 4.99963L6.93945 7.99962Z\"/><path fill=\"#001222\" d=\"M11.75 11.7497V4.24974L10.25 4.24974V11.7497H11.75Z\"/></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","\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><path fill=\"#001222\" d=\"M10.5608 5.00011L7.56077 8.00011L10.5608 11.0001L9.50011 12.0608L5.43945 8.00011L9.50011 3.93945L10.5608 5.00011Z\"/></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","\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><path fill=\"#001222\" d=\"M5.43924 10.9999L8.43924 7.99989L5.43924 4.99989L6.4999 3.93923L10.5606 7.99989L6.4999 12.0605L5.43924 10.9999Z\"/></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 <ul class=\"b-pagination-controls\">\n <li class=\"b-pagination-controls__item\">\n <!-- Navigate to the first page -->\n <bento-button :disabled=\"isCurrentPageFirst\" variant=\"tertiary\" condensed @click=\"navigate(1)\">\n <template #iconLeft>\n <skip-left :svg-title=\"t('navigateToTheFirstPage')\" />\n </template>\n </bento-button>\n </li>\n <li class=\"b-pagination-controls__item\">\n <!-- Navigate to the previous page -->\n <bento-button :disabled=\"isCurrentPageFirst\" variant=\"tertiary\" condensed @click=\"navigate(page - 1)\">\n <template #iconLeft>\n <chevron-left :svg-title=\"t('navigateToThePreviousPage')\" />\n </template>\n </bento-button>\n </li>\n <li class=\"b-pagination-controls__item\">\n <!-- Navigate to the next page -->\n <bento-button :disabled=\"isNextButtonDisabled\" variant=\"tertiary\" condensed @click=\"navigate(page + 1)\">\n <template #iconLeft>\n <chevron-right :svg-title=\"t('navigateToTheNextPage')\" />\n </template>\n </bento-button>\n </li>\n <li class=\"b-pagination-controls__item\">\n <!-- Navigate to the last page -->\n <bento-button\n :disabled=\"isLastPageButtonDisabled\"\n variant=\"tertiary\"\n condensed\n @click=\"navigate(totalPages)\"\n >\n <template #iconLeft>\n <skip-right :svg-title=\"t('navigateToTheLastPage')\" />\n </template>\n </bento-button>\n </li>\n </ul>\n</template>\n\n<script setup lang=\"ts\">\n import { computed } from 'vue';\n import { BentoButton } from '@/components/button';\n import { useI18n } from '@/utils/ts/i18n';\n import SkipLeft from '@adyen/ui-assets-icons-16/vue/skip-left';\n import SkipRight from '@adyen/ui-assets-icons-16/vue/skip-right';\n import ChevronLeft from '@adyen/ui-assets-icons-16/vue/chevron-left-small';\n import ChevronRight from '@adyen/ui-assets-icons-16/vue/chevron-right-small';\n\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n const props = withDefaults(\n defineProps<{\n /**\n * Use to determine if the pager has a \"next page\".\n */\n hasNext?: boolean;\n\n /**\n * The current page number of the pager.\n */\n page: number;\n\n /**\n * The current page number of the pager.\n */\n totalPages?: number;\n }>(),\n {\n hasNext: null,\n totalPages: null,\n }\n );\n\n const emit = defineEmits<{\n (e: 'navigate', value: number);\n }>();\n\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n const isCurrentPageFirst = computed(() => props.page === 1);\n const isCurrentPageLast = computed(() => props.page === props.totalPages);\n const isNextButtonDisabled = computed(() => {\n const hasNoNextPage = !props.hasNext;\n return hasNoNextPage || isCurrentPageLast.value;\n });\n const isLastPageButtonDisabled = computed(() => {\n const hasNoNextPage = !props.hasNext;\n const hasNoTotalPagesNumber = !props.totalPages;\n\n return hasNoNextPage || isCurrentPageLast.value || hasNoTotalPagesNumber;\n });\n\n const navigate = (pageArg: number) => {\n emit('navigate', pageArg);\n };\n</script>\n\n<script lang=\"ts\">\n export default {\n i18n: { messages },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./pagination-controls.scss\" />\n","<template>\n <div class=\"b-pagination\">\n <nav :aria-label=\"computedAriaLabel\" class=\"b-pagination__navigation\" :class=\"navigationConditionalClasses()\">\n <bento-pagination-results-per-page\n v-if=\"!hidePageSize\"\n class=\"b-pagination__results-per-page\"\n :hide-page-size-selection=\"hidePageSizeSelection\"\n :items-per-page=\"size\"\n :total-count=\"totalCount\"\n :page-size-items=\"pageSizeItems\"\n @select=\"onItemsPerPageChange\"\n />\n <bento-typography v-else-if=\"hasSlot('default')\"><slot /></bento-typography>\n\n <div class=\"b-pagination__page-navigator\">\n <bento-pagination-context\n class=\"b-pagination__context\"\n :total-pages=\"totalPages\"\n :page=\"page\"\n :virtual-scroll=\"virtualScroll\"\n :hide-page-selection=\"hidePageSelection\"\n @page-selected=\"onPageSelected\"\n />\n\n <div class=\"b-pagination__divider\"></div>\n\n <bento-pagination-controls\n class=\"b-pagination__controls\"\n :has-next=\"hasNext\"\n :page=\"page\"\n :total-pages=\"totalPages\"\n @navigate=\"navigate\"\n />\n </div>\n </nav>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, ref, toRefs, useAttrs, useSlots } from 'vue';\n import { BentoTypography } from '@/components/typography';\n import BentoPaginationResultsPerPage from './components/pagination-results-per-page/pagination-results-per-page.vue';\n import BentoPaginationContext from './components/pagination-context/pagination-context.vue';\n import BentoPaginationControls from './components/pagination-controls/pagination-controls.vue';\n import { useAriaLabel } from '@/utils/ts/aria-label';\n import { useHasSlot } from '@/composables';\n import type { BentoPaginationProps } from './pagination.types';\n\n const props = withDefaults(defineProps<BentoPaginationProps>(), {\n ariaLabel: null,\n hasNext: null,\n hidePageSize: false,\n hidePageSelection: false,\n hidePageSizeSelection: false,\n page: 1,\n pageSizeItems: undefined,\n size: 20,\n totalCount: null,\n virtualScroll: false,\n });\n\n const emit = defineEmits<{\n /**\n * Triggered when the navigation controls are clicked or the items per page is changed (i.e. when the arrow buttons to the\n * rightmost of the screen or either dropdown is updated). It indicates to which page it should go next and also the page size.\n */\n (e: 'navigate', page: number, items?: number): void;\n\n /**\n * Triggered when the number of items per page is changed from the left hand dropdown.\n * It indicates the new number of items that will be displayed.\n */\n (e: 'items-page', size: number): void;\n\n /**\n * Triggered when the navigation controls are clicked, whether the arrow buttons to the\n * right most of the screen or the dropdown on the right hand is updated.\n * It indicates to which page it should go next\n * (easily achieved using the [sync modifier](https://v2.vuejs.org/v2/guide/components-custom-events.html#sync-Modifier))\n * e.g. `:page.sync=\"currentPage\"`\n */\n (e: 'update:page', page: number): void;\n\n /**\n * Triggered when the number of items per page is changed from the left hand dropdown.\n * It indicates the new number of items that will be displayed.\n * (easily achieved using the [sync modifier](https://v2.vuejs.org/v2/guide/components-custom-events.html#sync-Modifier))\n * e.g. `:size.sync=\"itemsPerPage\"`\n */\n (e: 'update:size', size: number): void;\n }>();\n\n const slots = useSlots();\n const hasSlot = useHasSlot(slots);\n\n const attrs = useAttrs();\n const ariaLabelAttribute = ref(attrs['aria-label']);\n const { ariaLabel } = toRefs(props);\n const computedAriaLabel = useAriaLabel({\n ariaLabel: ariaLabelAttribute.value as string,\n // TODO: take this line away when the aria-label props is removed\n label: ariaLabel,\n });\n\n const totalPages = computed(() =>\n !props.totalCount || !props.size ? null : Math.ceil(props.totalCount / props.size)\n );\n\n const navigate = (pageArg: number, itemsPerPage?: number) => {\n if (props.hidePageSize) {\n emit('navigate', pageArg);\n } else {\n emit('navigate', pageArg, itemsPerPage ?? props?.size);\n }\n emit('update:page', pageArg);\n };\n\n const onPageSelected = (pageNumber: number) => {\n navigate(pageNumber);\n };\n\n const onItemsPerPageChange = (elements: number) => {\n emit('items-page', elements);\n emit('update:size', elements);\n\n // Always go to first page when the\n // number of items page changes\n navigate(1, elements);\n };\n\n const navigationConditionalClasses = () => ({\n 'b-pagination__navigation--only-page-navigator': !hasSlot('default') && props.hidePageSize,\n });\n</script>\n\n<script lang=\"ts\">\n /**\n * Paginiation component to help users page through data sets.\n *\n * There are two ways of doing navigation in this component:\n * 1. (Basic) You tell the component if there is a next page (hasNext)\n * 2. (Enhanced) You tell the component:\n * - How many total items exist (totalCount)\n * - The max number of items that you show/fetch per page (size)\n * - In this case you should not set the hasNext props\n *\n * If you have the data available and opt to use the Enhanced way you get extra controls:\n * - Page dropdown selector\n * - Last page button\n * - \"Showing 10 of 200 items\" text\n *\n * @usage\n * import { BentoPagination } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoPagination },\n * template: `\n * <bento-pagination :has-next=\"isNextPage\" />\n * `,\n * }\n */\n\n export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./pagination.scss\" />\n"],"names":["__default__$3","messages$2","n","useI18n","props","__props","emit","__emit","isValid","computed","option","watch","valid","printDevelopmentWarning","dropdownId","generateUid","predefinedDropdownOptions","i18nComponent","getI18nComponent","onSelectChange","selectedNumberOfResults","translationPathKey","__default__$2","messages$1","t","onPageSelectChange","selectedPage","transformIntoOption","value","transformToPageNumber","_","index","listOfAvailablePages","showPageNumberOfTotal","uuid$3","openBlock","createElementBlock","mergeProps","_ctx","createCommentVNode","uuid$2","uuid$1","uuid","__default__$1","messages","isCurrentPageFirst","isCurrentPageLast","isNextButtonDisabled","isLastPageButtonDisabled","hasNoNextPage","hasNoTotalPagesNumber","navigate","pageArg","__default__","slots","useSlots","hasSlot","useHasSlot","attrs","useAttrs","ariaLabelAttribute","ref","ariaLabel","toRefs","computedAriaLabel","useAriaLabel","totalPages","itemsPerPage","onPageSelected","pageNumber","onItemsPerPageChange","elements","navigationConditionalClasses"],"mappings":"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"}
@@ -1,6 +0,0 @@
1
- import { b as o } from "./popper-container.DAK7c9uS.js";
2
- const i = { ...o };
3
- export {
4
- i as B
5
- };
6
- //# sourceMappingURL=popover.types.DhALnOLQ.js.map
@@ -1,417 +0,0 @@
1
- import { defineComponent as ae, useSlots as le, computed as t, inject as ne, ref as $, openBlock as i, createElementBlock as E, normalizeClass as g, createElementVNode as x, unref as r, renderSlot as v, createCommentVNode as R, withModifiers as ie, createBlock as u, withCtx as d, createTextVNode as F, toDisplayString as Y, createVNode as se, watch as de, provide as ue, onMounted as ce, Fragment as Z, renderList as Q, mergeProps as y, createSlots as W } from "vue";
2
- import { b as fe } from "./index.Dppy4qHk.js";
3
- import { a as ve, b as me } from "./es6.C1DXQV6f.js";
4
- import { B as I } from "./typography.B3J6_tYk.js";
5
- import { u as ye } from "./aria-label.CaUURpnB.js";
6
- import { g as H } from "./generate-uid.NJ8tVoha.js";
7
- import { u as be } from "./use-has-slot.B7eQSabc.js";
8
- import { a as pe } from "./radio-input.FC4PVCHr.js";
9
- import { C as he } from "./checkbox-input.BZjSoCQW.js";
10
- import { _ as oe } from "./_plugin-vue_export-helper.CHgC5LLL.js";
11
- import { u as ke } from "./form-field.D_2g7vaP.js";
12
- import { C as ge } from "./controls-group.Bu5lNTyH.js";
13
- import { G as Ce } from "./grid-layout.Vhv1_zFs.js";
14
- import { E as _e } from "./error-message.oGiefI2-.js";
15
- import "../assets/selection-card-group.css";
16
- var z = /* @__PURE__ */ ((o) => (o.DISABLED = "disabled", o.READONLY = "readonly", o.ERROR = "error", o))(z || {});
17
- const re = /* @__PURE__ */ Symbol("selection card radio input injection key"), Ve = {
18
- key: 0,
19
- class: "b-selection-card__icon",
20
- role: "presentation",
21
- "aria-hidden": "true"
22
- }, Re = ["for"], $e = {
23
- name: "bento-selection-card"
24
- }, Ee = /* @__PURE__ */ ae({
25
- ...$e,
26
- props: {
27
- /**
28
- * The description of the selection card
29
- */
30
- description: {
31
- type: String,
32
- default: void 0
33
- },
34
- /**
35
- * Disables the selection card
36
- */
37
- disabled: { type: Boolean, default: !1 },
38
- /**
39
- * Makes the entire selection card clickable. Clicking over interactive elements inside the card with this prop enabled will not be possible.
40
- */
41
- fullyClickable: { type: Boolean, default: !1 },
42
- /**
43
- * Shows the selection card in error state
44
- */
45
- hasError: { type: Boolean, default: !1 },
46
- /**
47
- * This property should not be used directly.
48
- * It will be used by v-model directive on selection card component.
49
- *
50
- * When handling a single input, use a string or a number.
51
- *
52
- * When handling multiple inputs, use an array of keys.
53
- * These keys exist as a set "value" prop for each input.
54
- */
55
- modelValue: {
56
- type: [Boolean, String, Array],
57
- default: null
58
- },
59
- /**
60
- * Sets the selection card to readonly
61
- */
62
- readonly: { type: Boolean, default: !1 },
63
- /**
64
- * The subtitle of the selection card
65
- */
66
- subtitle: {
67
- type: String,
68
- default: void 0
69
- },
70
- /**
71
- * The title of the selection card
72
- */
73
- title: {
74
- type: String,
75
- required: !0
76
- },
77
- /**
78
- * Indicates the value of the input that will be returned when it's checked.
79
- */
80
- value: {
81
- type: [String, Number],
82
- required: !0
83
- }
84
- },
85
- emits: ["input", "update:model-value"],
86
- setup(o, { emit: U }) {
87
- const a = o, L = U, j = le(), C = be(j), c = H("selection-card-input-id"), N = H("selection-card-description"), _ = t(
88
- () => a.modelValue
89
- ), A = t(
90
- () => a.modelValue
91
- ), V = t(() => ({
92
- "b-selection-card--checked": T.value,
93
- "b-selection-card--fully-clickable": a.fullyClickable
94
- })), O = t(() => ({
95
- [`b-selection-card--${z.DISABLED}`]: a.disabled,
96
- [`b-selection-card--${z.ERROR}`]: a.hasError,
97
- [`b-selection-card--${z.READONLY}`]: a.readonly,
98
- "b-selection-card--center-aligned": S.value
99
- })), B = t(() => ({
100
- "b-selection-card__checkbox-container--center-aligned": S.value
101
- })), q = t(() => ({
102
- "b-selection-card__checkbox-container-text--center-aligned": S.value
103
- })), D = t(() => ({
104
- "b-selection-card__slot--with-icon": C("icon")
105
- })), b = ye({
106
- ariaLabel: a.title,
107
- label: a.value
108
- }), n = t(() => Array.isArray(a.modelValue)), T = t(() => p.value ? a.value === a.modelValue : n.value ? a.modelValue.some((l) => l === a.value) : a.modelValue), p = ne(re, $(!1)), S = t(() => !a.subtitle && !a.description), f = $(null), w = $(null), e = $(null), m = (l) => {
109
- var k, M, J, K, P, X;
110
- if (f.value.$refs.inputRef === l.target) {
111
- const te = s();
112
- G(te);
113
- return;
114
- }
115
- if (a.disabled && a.readonly || !a.fullyClickable && (w.value && ((M = (k = w.value) == null ? void 0 : k.$el) != null && M.contains(l.target)) || e.value && ((K = (J = e.value) == null ? void 0 : J.$el) != null && K.contains(l.target)) || f.value && ((X = (P = f.value) == null ? void 0 : P.$el) != null && X.contains(l.target))))
116
- return;
117
- const h = s();
118
- G(h);
119
- }, s = () => {
120
- var h;
121
- const l = ((h = f.value) == null ? void 0 : h.$refs.inputRef).checked;
122
- if (n.value) {
123
- const k = [...a.modelValue], M = k.indexOf(a.value);
124
- return M === -1 ? k.push(a.value) : k.splice(M, 1), k;
125
- }
126
- return p.value ? a.value : l;
127
- }, G = (l) => {
128
- !a.disabled && !a.readonly && (L("update:model-value", l), L("input", l));
129
- };
130
- return (l, h) => (i(), E("div", {
131
- class: g(["b-selection-card", V.value]),
132
- onClick: m
133
- }, [
134
- x("div", {
135
- class: g(["b-selection-card__container", O.value])
136
- }, [
137
- x("div", {
138
- class: g(["b-selection-card__checkbox-container", B.value])
139
- }, [
140
- x("div", {
141
- class: g(["b-selection-card__checkbox-container-text", q.value])
142
- }, [
143
- r(C)("icon") ? (i(), E("div", Ve, [
144
- v(l.$slots, "icon", {}, void 0, !0)
145
- ])) : R("", !0),
146
- x("label", {
147
- for: r(c),
148
- class: "b-selection-card__text",
149
- onClick: ie(m, ["stop", "prevent"])
150
- }, [
151
- o.subtitle ? (i(), u(r(I), {
152
- key: 0,
153
- class: "b-selection-card__description",
154
- el: "span",
155
- variant: "caption"
156
- }, {
157
- default: d(() => [
158
- F(Y(o.subtitle), 1)
159
- ]),
160
- _: 1
161
- })) : R("", !0),
162
- se(r(I), {
163
- el: "span",
164
- variant: "title"
165
- }, {
166
- default: d(() => [
167
- F(Y(o.title), 1)
168
- ]),
169
- _: 1
170
- }),
171
- o.description ? (i(), u(r(I), {
172
- key: 1,
173
- id: "descriptionId",
174
- class: "b-selection-card__description",
175
- el: "span",
176
- variant: "body"
177
- }, {
178
- default: d(() => [
179
- F(Y(o.description), 1)
180
- ]),
181
- _: 1
182
- })) : R("", !0)
183
- ], 8, Re)
184
- ], 2),
185
- r(p) ? (i(), u(r(pe), {
186
- key: 0,
187
- id: r(c),
188
- ref_key: "inputRef",
189
- ref: f,
190
- "aria-label": r(b),
191
- "aria-describedby": o.description ? r(N) : void 0,
192
- disabled: o.disabled,
193
- "has-error": o.hasError,
194
- "aria-readonly": o.readonly ?? void 0,
195
- value: o.value,
196
- readonly: o.readonly,
197
- "model-value": _.value
198
- }, null, 8, ["id", "aria-label", "aria-describedby", "disabled", "has-error", "aria-readonly", "value", "readonly", "model-value"])) : (i(), u(r(he), {
199
- key: 1,
200
- id: r(c),
201
- ref_key: "inputRef",
202
- ref: f,
203
- "aria-label": r(b),
204
- "aria-describedby": o.description ? r(N) : void 0,
205
- disabled: o.disabled,
206
- "has-error": o.hasError,
207
- "aria-readonly": o.readonly ?? void 0,
208
- value: o.value,
209
- readonly: o.readonly,
210
- "model-value": A.value
211
- }, null, 8, ["id", "aria-label", "aria-describedby", "disabled", "has-error", "aria-readonly", "value", "readonly", "model-value"]))
212
- ], 2),
213
- r(C)("content") ? (i(), u(r(I), {
214
- key: 0,
215
- ref_key: "slotRef",
216
- ref: w,
217
- el: "div",
218
- class: g(["b-selection-card__slot", D.value])
219
- }, {
220
- default: d(() => [
221
- v(l.$slots, "content", {}, void 0, !0)
222
- ]),
223
- _: 3
224
- }, 8, ["class"])) : R("", !0),
225
- r(C)("dynamicContent") && T.value ? (i(), u(r(I), {
226
- key: 1,
227
- ref_key: "dynamicSlotRef",
228
- ref: e,
229
- el: "div",
230
- class: g(["b-selection-card__slot", D.value])
231
- }, {
232
- default: d(() => [
233
- v(l.$slots, "dynamicContent", {}, void 0, !0)
234
- ]),
235
- _: 3
236
- }, 8, ["class"])) : R("", !0)
237
- ], 2)
238
- ], 2));
239
- }
240
- }), ee = /* @__PURE__ */ oe(Ee, [["__scopeId", "data-v-f20a4ca3"]]), Be = {
241
- model: { prop: "modelValue" }
242
- }, Se = /* @__PURE__ */ ae({
243
- ...Be,
244
- __name: "selection-card-group",
245
- props: {
246
- formId: { default: null },
247
- hideLabel: { type: Boolean, default: null },
248
- layout: { default: "vertical" },
249
- items: {},
250
- itemsPerRow: { default: void 0 },
251
- modelValue: { type: [Boolean, Array, String, Number], default: null },
252
- variant: { default: "checkbox" },
253
- description: { default: null },
254
- disabled: { type: Boolean, default: !1 },
255
- errorMessage: { default: null },
256
- label: { default: null },
257
- optional: { type: Boolean, default: !1 },
258
- placeholder: {},
259
- readonly: { type: Boolean, default: !1 },
260
- required: { type: Boolean, default: !1 },
261
- tooltipText: { default: null }
262
- },
263
- emits: ["update:model-value", "input"],
264
- setup(o, { emit: U }) {
265
- const a = o, L = U, { emitValue: j } = ke(L), C = le(), c = (e) => !!C[e], N = t(() => ({
266
- "b-selection-card-group__items--horizontal": a.layout === "horizontal"
267
- })), _ = $(a.modelValue);
268
- de(
269
- () => a.modelValue,
270
- () => {
271
- _.value = a.modelValue;
272
- }
273
- );
274
- const A = H("error"), V = t(() => !a.disabled && !a.readonly && !!a.errorMessage), O = $(null), { width: B } = fe(O), q = t(() => ve.split("px")[0]), D = t(() => me.split("px")[0]), b = t(() => B.value < q.value ? "small" : B.value >= q.value && B.value < D.value ? "medium" : "large"), n = t(() => {
275
- var e;
276
- return ((e = a.itemsPerRow) == null ? void 0 : e[b == null ? void 0 : b.value]) || a.items.length;
277
- }), T = t(() => {
278
- if (!a.itemsPerRow)
279
- return [];
280
- const e = [];
281
- for (let m = 0; m < a.items.length; m += n == null ? void 0 : n.value)
282
- e.push(a.items.slice(m, m + (n == null ? void 0 : n.value)));
283
- return e;
284
- }), p = t(() => 12 / (n == null ? void 0 : n.value)), S = t(() => n != null && n.value ? new Array(n == null ? void 0 : n.value).fill({
285
- // Instead of passing the actual screen sizes values, passing the same values per each screen size and recomputing it makes sure visually the change is smoother and not laggy
286
- small: p.value,
287
- medium: p.value,
288
- large: p.value
289
- }) : []), f = (e) => {
290
- _.value = e, j(e);
291
- }, w = t(() => a.variant === "radio");
292
- return ue(re, w), ce(() => {
293
- a.itemsPerRow && Object.values(a.itemsPerRow).forEach((e) => {
294
- if (e && (e < 2 || e > 6))
295
- throw new Error(
296
- "itemsPerRow values must have a value between 2 and 6 items per row. Read the documentation for more information."
297
- );
298
- });
299
- }), (e, m) => (i(), u(r(ge), {
300
- ref_key: "containerRef",
301
- ref: O,
302
- "aria-describedby": V.value ? r(A) : null,
303
- "aria-required": e.required,
304
- label: e.label,
305
- "hide-label": e.hideLabel,
306
- description: e.description,
307
- disabled: e.disabled,
308
- "tooltip-text": e.tooltipText,
309
- readonly: e.readonly,
310
- required: e.required,
311
- optional: e.optional,
312
- class: "b-selection-card-group",
313
- "component-name": "selection-card-group"
314
- }, {
315
- default: d(() => [
316
- !e.itemsPerRow || e.layout === "vertical" ? (i(), E("div", {
317
- key: 0,
318
- class: g(["b-selection-card-group__items", N.value])
319
- }, [
320
- (i(!0), E(Z, null, Q(e.items, (s) => (i(), u(ee, y({
321
- key: `selection-card-${s.value}`,
322
- class: "b-selection-card-group__item",
323
- ref_for: !0
324
- }, s, {
325
- "model-value": _.value,
326
- readonly: e.readonly || s.readonly,
327
- "has-error": V.value,
328
- disabled: e.disabled || s.disabled,
329
- "onUpdate:modelValue": f
330
- }), W({ _: 2 }, [
331
- c("icon") && s.icon ? {
332
- name: "icon",
333
- fn: d(() => [
334
- v(e.$slots, "icon", y({ ref_for: !0 }, s), void 0, !0)
335
- ]),
336
- key: "0"
337
- } : void 0,
338
- c("content") && s.content ? {
339
- name: "content",
340
- fn: d(() => [
341
- v(e.$slots, "content", y({ ref_for: !0 }, s), void 0, !0)
342
- ]),
343
- key: "1"
344
- } : void 0,
345
- c("dynamicContent") && s.dynamicContent ? {
346
- name: "dynamicContent",
347
- fn: d(() => [
348
- v(e.$slots, "dynamicContent", y({ ref_for: !0 }, s), void 0, !0)
349
- ]),
350
- key: "2"
351
- } : void 0
352
- ]), 1040, ["model-value", "readonly", "has-error", "disabled"]))), 128))
353
- ], 2)) : (i(), E("div", {
354
- key: `selection-card-group-layout-breakpoint-${b.value}`
355
- }, [
356
- (i(!0), E(Z, null, Q(T.value, (s, G) => (i(), u(r(Ce), {
357
- key: `selection-card-group-row-${G}-cols-${n.value}`,
358
- class: "b-selection-card-group__items--wrap",
359
- "column-width": S.value
360
- }, W({ _: 2 }, [
361
- Q(s, (l, h) => ({
362
- name: `col-${Number(h) + 1}`,
363
- fn: d(() => [
364
- (i(), u(ee, y({
365
- key: `selection-card-${l.value}`,
366
- class: "b-selection-card-group__item b-selection-card-group__item--full-height",
367
- ref_for: !0
368
- }, l, {
369
- "model-value": _.value,
370
- readonly: e.readonly || l.readonly,
371
- "has-error": V.value,
372
- disabled: e.disabled || l.disabled,
373
- "onUpdate:modelValue": f
374
- }), W({ _: 2 }, [
375
- c("icon") && l.icon ? {
376
- name: "icon",
377
- fn: d(() => [
378
- v(e.$slots, "icon", y({ ref_for: !0 }, l), void 0, !0)
379
- ]),
380
- key: "0"
381
- } : void 0,
382
- c("content") && l.content ? {
383
- name: "content",
384
- fn: d(() => [
385
- v(e.$slots, "content", y({ ref_for: !0 }, l), void 0, !0)
386
- ]),
387
- key: "1"
388
- } : void 0,
389
- c("dynamicContent") && l.dynamicContent ? {
390
- name: "dynamicContent",
391
- fn: d(() => [
392
- v(e.$slots, "dynamicContent", y({ ref_for: !0 }, l), void 0, !0)
393
- ]),
394
- key: "2"
395
- } : void 0
396
- ]), 1040, ["model-value", "readonly", "has-error", "disabled"]))
397
- ])
398
- }))
399
- ]), 1032, ["column-width"]))), 128))
400
- ])),
401
- V.value ? (i(), u(r(_e), {
402
- key: 2,
403
- id: r(A),
404
- "error-message": e.errorMessage,
405
- class: "b-selection-card-group__error-message"
406
- }, null, 8, ["id", "error-message"])) : R("", !0)
407
- ]),
408
- _: 3
409
- }, 8, ["aria-describedby", "aria-required", "label", "hide-label", "description", "disabled", "tooltip-text", "readonly", "required", "optional"]));
410
- }
411
- }), je = /* @__PURE__ */ oe(Se, [["__scopeId", "data-v-c6cd7896"]]);
412
- export {
413
- ee as B,
414
- z as a,
415
- je as s
416
- };
417
- //# sourceMappingURL=selection-card-group.C7IK2Vl5.js.map
@@ -1,10 +0,0 @@
1
- import { t as w, g as D } from "./en-US.YeSsZuOc.js";
2
- function d(l, e) {
3
- var s, O, f, k;
4
- const a = D(), r = (e == null ? void 0 : e.weekStartsOn) ?? ((O = (s = e == null ? void 0 : e.locale) == null ? void 0 : s.options) == null ? void 0 : O.weekStartsOn) ?? a.weekStartsOn ?? ((k = (f = a.locale) == null ? void 0 : f.options) == null ? void 0 : k.weekStartsOn) ?? 0, t = w(l, e == null ? void 0 : e.in), c = t.getDay(), u = (c < r ? 7 : 0) + c - r;
5
- return t.setDate(t.getDate() - u), t.setHours(0, 0, 0, 0), t;
6
- }
7
- export {
8
- d as s
9
- };
10
- //# sourceMappingURL=startOfWeek.CXhhX-R7.js.map
@@ -1,44 +0,0 @@
1
- import { defineComponent as a, computed as l, openBlock as n, createElementBlock as c, createElementVNode as s, normalizeClass as _, createVNode as p, unref as d, withCtx as i, renderSlot as u } from "vue";
2
- import { B as m } from "./typography.B3J6_tYk.js";
3
- import { _ as b } from "./_plugin-vue_export-helper.CHgC5LLL.js";
4
- import "../assets/status.css";
5
- const f = {
6
- class: "b-status",
7
- role: "status"
8
- }, v = { class: "b-status__indicator-wrapper" }, E = {
9
- name: "bento-status"
10
- }, h = /* @__PURE__ */ a({
11
- ...E,
12
- props: {
13
- variant: {}
14
- },
15
- setup(e) {
16
- const t = e, o = l(() => ({
17
- [`b-status__indicator--${t.variant}`]: !0
18
- }));
19
- return (r, g) => (n(), c("div", f, [
20
- s("div", v, [
21
- s("span", {
22
- class: _(["b-status__indicator", o.value]),
23
- role: "presentation"
24
- }, null, 2)
25
- ]),
26
- p(d(m), {
27
- class: "b-status__label",
28
- el: "span",
29
- variant: "body"
30
- }, {
31
- default: i(() => [
32
- u(r.$slots, "default", {}, void 0, !0)
33
- ]),
34
- _: 3
35
- })
36
- ]));
37
- }
38
- }), w = /* @__PURE__ */ b(h, [["__scopeId", "data-v-a34bebbc"]]);
39
- var y = /* @__PURE__ */ ((e) => (e.BLUE = "blue", e.GREEN = "green", e.GREY = "grey", e.ORANGE = "orange", e.RED = "red", e.YELLOW = "yellow", e))(y || {});
40
- export {
41
- y as B,
42
- w as s
43
- };
44
- //# sourceMappingURL=status.types.D3v3k-Q8.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"status.types.D3v3k-Q8.js","sources":["../../../vue2/src/components/status/status.vue","../../../vue2/src/components/status/status.types.ts"],"sourcesContent":["<template>\n <div class=\"b-status\" role=\"status\">\n <div class=\"b-status__indicator-wrapper\">\n <span class=\"b-status__indicator\" :class=\"conditionalClass\" role=\"presentation\"></span>\n </div>\n <bento-typography class=\"b-status__label\" el=\"span\" variant=\"body\">\n <slot></slot>\n </bento-typography>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed } from 'vue';\n import { BentoTypography } from '@/components/typography';\n import { type BentoStatusProps } from './status.types';\n\n const props = defineProps<BentoStatusProps>();\n\n const conditionalClass = computed(() => ({\n [`b-status__indicator--${props.variant}`]: true,\n }));\n</script>\n\n<script lang=\"ts\">\n /**\n * A Status component is used to indicate a\n * passage of time or a particular step of a process.\n *\n * @example\n * import { BentoStatus } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoStatus },\n * template: `\n * <bento-status variant=\"red\">\n * 1 week ago\n * </bento-status>\n * `\n * }\n */\n export default {\n name: 'bento-status',\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./status.scss\" />\n","/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoStatusVariant {\n BLUE = 'blue',\n GREEN = 'green',\n GREY = 'grey',\n ORANGE = 'orange',\n RED = 'red',\n YELLOW = 'yellow',\n}\n\nexport interface BentoStatusProps {\n /**\n * Defines the type and color of the Status\n */\n variant: BentoStatusVariant | `${BentoStatusVariant}`;\n}\n"],"names":["__default__","props","__props","conditionalClass","computed","BentoStatusVariant","BentoStatusVariant2"],"mappings":";;;;;;;iDAwCIA,IAAA;AAAA,EAAe,MAAA;AAEf;;;;;;AA1BA,UAAAC,IAAAC,GAEAC,IAAAC,EAAA,OAAA;AAAA,MAAyC,CAAA,wBAAAH,EAAA,OAAA,EAAA,GAAA;AAAA,IACM,EAAA;;;;;;;;;;;;;;;;;;;;;AChB5C,IAAAI,IAAA,kBAAAC,OACHA,EAAA,OAAA,QACAA,EAAA,QAAA,SACAA,EAAA,OAAA,QACAA,EAAA,SAAA,UACAA,EAAA,MAAA,OACAA,EAAA,SAAA,UANQA,IAAAD,KAAA,CAAA,CAAA;"}