@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.
- package/dist/@types/components.d.ts +4 -0
- package/dist/@types/index.d.ts +722 -524
- package/dist/accordion.js +1 -1
- package/dist/action-bar.js +1 -1
- package/dist/ai-tag.js +1 -1
- package/dist/alert.js +1 -1
- package/dist/anchor-scroller.js +1 -1
- package/dist/assets/accordion-item.css +1 -1
- package/dist/assets/action-bar.css +1 -1
- package/dist/assets/ai-button.css +1 -1
- package/dist/assets/base-modal.css +1 -1
- package/dist/assets/button-actions.css +1 -1
- package/dist/assets/button.css +1 -1
- package/dist/assets/card.css +1 -1
- package/dist/assets/checkbox-input.css +1 -1
- package/dist/assets/data-grid-template.css +1 -1
- package/dist/assets/data-grid.css +1 -1
- package/dist/assets/dialog-page.css +1 -1
- package/dist/assets/file-uploader.css +1 -1
- package/dist/assets/filter-bar.css +1 -1
- package/dist/assets/index.css +1 -1
- package/dist/assets/inspector.css +1 -1
- package/dist/assets/list-item.css +1 -0
- package/dist/assets/modal-fullscreen.css +1 -1
- package/dist/assets/radio-input.css +1 -1
- package/dist/assets/selection-card-group.css +1 -1
- package/dist/assets/sidepanel.css +1 -1
- package/dist/assets/timeline-item.css +1 -1
- package/dist/assets/use-cached-selected-values.css +1 -1
- package/dist/button.js +3 -3
- package/dist/card.js +1 -1
- package/dist/checkbox.js +2 -2
- package/dist/chip.js +1 -1
- package/dist/chunks/{accordion-item.QQ06tTjt.js → accordion-item.BX1KrLMl.js} +6 -15
- package/dist/chunks/{accordion-item.QQ06tTjt.js.map → accordion-item.BX1KrLMl.js.map} +1 -1
- package/dist/chunks/{action-bar.BS2cJzG_.js → action-bar.DLMaIUWW.js} +8 -34
- package/dist/chunks/{action-bar.BS2cJzG_.js.map → action-bar.DLMaIUWW.js.map} +1 -1
- package/dist/chunks/{ai-button.XfeGC4-Q.js → ai-button.1YJdI-sw.js} +3 -3
- package/dist/chunks/{ai-button.XfeGC4-Q.js.map → ai-button.1YJdI-sw.js.map} +1 -1
- package/dist/chunks/{ai-tag.DVCW-_vD.js → ai-tag.DK63ExDc.js} +6 -15
- package/dist/chunks/{ai-tag.DVCW-_vD.js.map → ai-tag.DK63ExDc.js.map} +1 -1
- package/dist/chunks/{alert.CDWtu0Hu.js → alert.C_8-VNi_.js} +6 -24
- package/dist/chunks/{alert.CDWtu0Hu.js.map → alert.C_8-VNi_.js.map} +1 -1
- package/dist/chunks/anchor-scroller.NhjLDBZI.js +207 -0
- package/dist/chunks/{anchor-scroller.BctgW0se.js.map → anchor-scroller.NhjLDBZI.js.map} +1 -1
- package/dist/chunks/{base-button.CRYAiuzn.js → base-button.CvHl36Ue.js} +24 -27
- package/dist/chunks/{base-button.CRYAiuzn.js.map → base-button.CvHl36Ue.js.map} +1 -1
- package/dist/chunks/base-modal.C2-JyHC_.js +424 -0
- package/dist/chunks/{base-modal.gZAtk-xP.js.map → base-modal.C2-JyHC_.js.map} +1 -1
- package/dist/chunks/button-actions-with-menu.BQFAgAI2.js +85 -0
- package/dist/chunks/{button-actions-with-menu.Tba1ME79.js.map → button-actions-with-menu.BQFAgAI2.js.map} +1 -1
- package/dist/chunks/{button-actions.BYBpjNqy.js → button-actions.cMQWyZne.js} +511 -542
- package/dist/chunks/{button-actions.BYBpjNqy.js.map → button-actions.cMQWyZne.js.map} +1 -1
- package/dist/chunks/{button.C6t9_lzm.js → button.DWF7FSIw.js} +42 -45
- package/dist/chunks/{button.C6t9_lzm.js.map → button.DWF7FSIw.js.map} +1 -1
- package/dist/chunks/calendar.DcCqkSNJ.js +1201 -0
- package/dist/chunks/{calendar.vM3abC8y.js.map → calendar.DcCqkSNJ.js.map} +1 -1
- package/dist/chunks/{card.Cw63i7Ul.js → card.CoxQ_L0w.js} +9 -21
- package/dist/chunks/{card.Cw63i7Ul.js.map → card.CoxQ_L0w.js.map} +1 -1
- package/dist/chunks/{checkbox-group.ODQy-ICn.js → checkbox-group.96n9Cc3W.js} +5 -5
- package/dist/chunks/{checkbox-group.ODQy-ICn.js.map → checkbox-group.96n9Cc3W.js.map} +1 -1
- package/dist/chunks/{checkbox-input.BZjSoCQW.js → checkbox-input.CVFQCfZM.js} +44 -51
- package/dist/chunks/{checkbox-input.BZjSoCQW.js.map → checkbox-input.CVFQCfZM.js.map} +1 -1
- package/dist/chunks/{checkbox.C3Ewfygy.js → checkbox.C6ATh8f5.js} +85 -94
- package/dist/chunks/{checkbox.C3Ewfygy.js.map → checkbox.C6ATh8f5.js.map} +1 -1
- package/dist/chunks/chevron-right-small.BCinNiMt.js +29 -0
- package/dist/chunks/chevron-right-small.BCinNiMt.js.map +1 -0
- package/dist/chunks/{chip.CyW1V8RU.js → chip.CdgpQyXN.js} +6 -12
- package/dist/chunks/{chip.CyW1V8RU.js.map → chip.CdgpQyXN.js.map} +1 -1
- package/dist/chunks/click-outside.BPylIosK.js +20 -0
- package/dist/chunks/{click-outside.CDz_x8mN.js.map → click-outside.BPylIosK.js.map} +1 -1
- package/dist/chunks/{code-snippet.BaJU2I5_.js → code-snippet.DgAuuZF5.js} +9 -24
- package/dist/chunks/{code-snippet.BaJU2I5_.js.map → code-snippet.DgAuuZF5.js.map} +1 -1
- package/dist/chunks/{codemirror.D2BAltnu.js → codemirror.Bzus_EPG.js} +15 -15
- package/dist/chunks/{codemirror.D2BAltnu.js.map → codemirror.Bzus_EPG.js.map} +1 -1
- package/dist/chunks/constructNow.D9uRk678.js +8 -0
- package/dist/chunks/{constructNow.CIc7d13I.js.map → constructNow.D9uRk678.js.map} +1 -1
- package/dist/chunks/{controls-group.Bu5lNTyH.js → controls-group.C7hOE1F4.js} +3 -3
- package/dist/chunks/{controls-group.Bu5lNTyH.js.map → controls-group.C7hOE1F4.js.map} +1 -1
- package/dist/chunks/{copy.C_BCNHYQ.js → copy.C2kQ1PbI.js} +7 -19
- package/dist/chunks/{copy.C_BCNHYQ.js.map → copy.C2kQ1PbI.js.map} +1 -1
- package/dist/chunks/{country.DJts6kCv.js → country.CaGc08Ps.js} +3 -3
- package/dist/chunks/{country.DJts6kCv.js.map → country.CaGc08Ps.js.map} +1 -1
- package/dist/chunks/country.types.DjpMGz7a.js +19 -0
- package/dist/chunks/{country.types.BBQbWkTY.js.map → country.types.DjpMGz7a.js.map} +1 -1
- package/dist/chunks/{currency.Afx8MVdY.js → currency.DuTEzR_W.js} +40 -42
- package/dist/chunks/{currency.Afx8MVdY.js.map → currency.DuTEzR_W.js.map} +1 -1
- package/dist/chunks/dashboard-section.UafHRkMa.js +161 -0
- package/dist/chunks/{dashboard-section.CgoLquLP.js.map → dashboard-section.UafHRkMa.js.map} +1 -1
- package/dist/chunks/dashed-underline.CcDV2Aks.js +108 -0
- package/dist/chunks/{dashed-underline.wbRHATeE.js.map → dashed-underline.CcDV2Aks.js.map} +1 -1
- package/dist/chunks/data-grid-template.CnC4TQvk.js +135 -0
- package/dist/chunks/{data-grid-template.D40V1cmi.js.map → data-grid-template.CnC4TQvk.js.map} +1 -1
- package/dist/chunks/data-grid.BSIXLRm7.js +4014 -0
- package/dist/chunks/{data-grid.C2nCCbeC.js.map → data-grid.BSIXLRm7.js.map} +1 -1
- package/dist/chunks/date-picker.dlzZ_-5f.js +231 -0
- package/dist/chunks/{date-picker.D5B_SECc.js.map → date-picker.dlzZ_-5f.js.map} +1 -1
- package/dist/chunks/date-range-picker.DC6CK0As.js +995 -0
- package/dist/chunks/{date-range-picker.B0q7Z4df.js.map → date-range-picker.DC6CK0As.js.map} +1 -1
- package/dist/chunks/{date.BtB1HyWQ.js → date.R2Wz6o7J.js} +28 -28
- package/dist/chunks/{date.BtB1HyWQ.js.map → date.R2Wz6o7J.js.map} +1 -1
- package/dist/chunks/{de.BJvo6njq.js → de.DXrHnkLX.js} +18 -18
- package/dist/chunks/{de.BJvo6njq.js.map → de.DXrHnkLX.js.map} +1 -1
- package/dist/chunks/{dialog-page.C1KUI51V.js → dialog-page.COfKqjT-.js} +7 -13
- package/dist/chunks/{dialog-page.C1KUI51V.js.map → dialog-page.COfKqjT-.js.map} +1 -1
- package/dist/chunks/differenceInMonths.s_znQQpw.js +43 -0
- package/dist/chunks/{differenceInMonths.CIYECBxK.js.map → differenceInMonths.s_znQQpw.js.map} +1 -1
- package/dist/chunks/{directive.rXUeDb8p.js → directive.Dpivxq_t.js} +2 -2
- package/dist/chunks/{directive.rXUeDb8p.js.map → directive.Dpivxq_t.js.map} +1 -1
- package/dist/chunks/{dropdown-default-textbox.CskseEho.js → dropdown-default-textbox.bq9AlGzJ.js} +55 -64
- package/dist/chunks/{dropdown-default-textbox.CskseEho.js.map → dropdown-default-textbox.bq9AlGzJ.js.map} +1 -1
- package/dist/chunks/{dropdown-tag.Zj-exiup.js → dropdown-tag.Ysrac5GN.js} +82 -86
- package/dist/chunks/{dropdown-tag.Zj-exiup.js.map → dropdown-tag.Ysrac5GN.js.map} +1 -1
- package/dist/chunks/dropdown.MhmX1P9o.js +799 -0
- package/dist/chunks/{dropdown.CxjzXI-k.js.map → dropdown.MhmX1P9o.js.map} +1 -1
- package/dist/chunks/{empty-state.DqdPzU-g.js → empty-state.DT4sFyjB.js} +7 -14
- package/dist/chunks/{empty-state.DqdPzU-g.js.map → empty-state.DT4sFyjB.js.map} +1 -1
- package/dist/chunks/{en-GB.C3-QUpva.js → en-GB.CBpvhDYV.js} +2 -2
- package/dist/chunks/{en-GB.C3-QUpva.js.map → en-GB.CBpvhDYV.js.map} +1 -1
- package/dist/chunks/{en-US.YeSsZuOc.js → en-US.CCazFVNP.js} +30 -30
- package/dist/chunks/{en-US.YeSsZuOc.js.map → en-US.CCazFVNP.js.map} +1 -1
- package/dist/chunks/{error-message.oGiefI2-.js → error-message.DCgo8q20.js} +8 -20
- package/dist/chunks/{error-message.oGiefI2-.js.map → error-message.DCgo8q20.js.map} +1 -1
- package/dist/chunks/{es.DyUjjSL8.js → es.CoF2PB8b.js} +14 -14
- package/dist/chunks/{es.DyUjjSL8.js.map → es.CoF2PB8b.js.map} +1 -1
- package/dist/chunks/{file-uploader.BnmNI1O7.js → file-uploader.Bfd1uUMe.js} +575 -680
- package/dist/chunks/{file-uploader.BnmNI1O7.js.map → file-uploader.Bfd1uUMe.js.map} +1 -1
- package/dist/chunks/filter-bar.CkAjLQol.js +3675 -0
- package/dist/chunks/filter-bar.CkAjLQol.js.map +1 -0
- package/dist/chunks/fixed-scroller.DtkaGyMD.js +150 -0
- package/dist/chunks/{fixed-scroller.i1tmEmst.js.map → fixed-scroller.DtkaGyMD.js.map} +1 -1
- package/dist/chunks/{focus-trap.BxCwzLqN.js → focus-trap.BAiM_ywb.js} +70 -86
- package/dist/chunks/{focus-trap.BxCwzLqN.js.map → focus-trap.BAiM_ywb.js.map} +1 -1
- package/dist/chunks/{footer-actions.Ck6UztD8.js → footer-actions.BcYSsoUg.js} +3 -3
- package/dist/chunks/{footer-actions.Ck6UztD8.js.map → footer-actions.BcYSsoUg.js.map} +1 -1
- package/dist/chunks/{form-layout-title.CQfeGyVw.js → form-layout-title.DW5Kg1rh.js} +4 -6
- package/dist/chunks/{form-layout-title.CQfeGyVw.js.map → form-layout-title.DW5Kg1rh.js.map} +1 -1
- package/dist/chunks/{fr.JD_4GwS8.js → fr.CJXL-Ief.js} +16 -16
- package/dist/chunks/{fr.JD_4GwS8.js.map → fr.CJXL-Ief.js.map} +1 -1
- package/dist/chunks/{generate-uid.NJ8tVoha.js → generate-uid.DBWe4g6T.js} +15 -16
- package/dist/chunks/{generate-uid.NJ8tVoha.js.map → generate-uid.DBWe4g6T.js.map} +1 -1
- package/dist/chunks/get-slot-text.8Fbl1GOr.js +6 -0
- package/dist/chunks/{get-slot-text.CQRAP2_q.js.map → get-slot-text.8Fbl1GOr.js.map} +1 -1
- package/dist/chunks/{grid-layout.Vhv1_zFs.js → grid-layout.CCWNscU_.js} +11 -12
- package/dist/chunks/{grid-layout.Vhv1_zFs.js.map → grid-layout.CCWNscU_.js.map} +1 -1
- package/dist/chunks/{header-meta.lGt3HsyH.js → header-meta.Bym9AlQm.js} +84 -96
- package/dist/chunks/{header-meta.lGt3HsyH.js.map → header-meta.Bym9AlQm.js.map} +1 -1
- package/dist/chunks/{header-with-views.D_sy4I2A.js → header-with-views.Djba6iol.js} +1013 -1156
- package/dist/chunks/{header-with-views.D_sy4I2A.js.map → header-with-views.Djba6iol.js.map} +1 -1
- package/dist/chunks/{header.oXqwf2xN.js → header.o-7SyHtU.js} +4 -4
- package/dist/chunks/{header.oXqwf2xN.js.map → header.o-7SyHtU.js.map} +1 -1
- package/dist/chunks/{index.Dppy4qHk.js → index.DDwcHPb6.js} +12 -12
- package/dist/chunks/{index.Dppy4qHk.js.map → index.DDwcHPb6.js.map} +1 -1
- package/dist/chunks/{info-icon.DyPOv7Pi.js → info-icon.BUala_wq.js} +3 -3
- package/dist/chunks/{info-icon.DyPOv7Pi.js.map → info-icon.BUala_wq.js.map} +1 -1
- package/dist/chunks/input-field-password.DZytmp_p.js +346 -0
- package/dist/chunks/{input-field-password.C_h61CMn.js.map → input-field-password.DZytmp_p.js.map} +1 -1
- package/dist/chunks/{input-field-phone-number.KctRYA9p.js → input-field-phone-number.CxblrmaU.js} +720 -736
- package/dist/chunks/{input-field-phone-number.KctRYA9p.js.map → input-field-phone-number.CxblrmaU.js.map} +1 -1
- package/dist/chunks/{input-field.DPElUS0U.js → input-field.CfU0ZKtL.js} +42 -54
- package/dist/chunks/{input-field.DPElUS0U.js.map → input-field.CfU0ZKtL.js.map} +1 -1
- package/dist/chunks/{inspector.BjLhY3bE.js → inspector.B9k4tJWe.js} +9 -27
- package/dist/chunks/{inspector.BjLhY3bE.js.map → inspector.B9k4tJWe.js.map} +1 -1
- package/dist/chunks/isSameWeek.Dj6luS8h.js +14 -0
- package/dist/chunks/{isSameWeek.CzBCmu7d.js.map → isSameWeek.Dj6luS8h.js.map} +1 -1
- package/dist/chunks/{it.BlUnV-yA.js → it.20Y7h-bF.js} +8 -8
- package/dist/chunks/{it.BlUnV-yA.js.map → it.20Y7h-bF.js.map} +1 -1
- package/dist/chunks/{ja.nUwDmVf2.js → ja.DXlq0H98.js} +27 -27
- package/dist/chunks/{ja.nUwDmVf2.js.map → ja.DXlq0H98.js.map} +1 -1
- package/dist/chunks/layout-row.B5VJGEQH.js +99 -0
- package/dist/chunks/{layout-row.Da8nkm9z.js.map → layout-row.B5VJGEQH.js.map} +1 -1
- package/dist/chunks/link.D6D6YGsN.js +113 -0
- package/dist/chunks/{link.DTCn2EtX.js.map → link.D6D6YGsN.js.map} +1 -1
- package/dist/chunks/list-item.DO5uULke.js +128 -0
- package/dist/chunks/list-item.DO5uULke.js.map +1 -0
- package/dist/chunks/{listbox-option-tag.CoBUYwFG.js → listbox-option-tag.Cvplth7d.js} +2 -2
- package/dist/chunks/{listbox-option-tag.CoBUYwFG.js.map → listbox-option-tag.Cvplth7d.js.map} +1 -1
- package/dist/chunks/{modal-fullscreen.9ZDR_S29.js → modal-fullscreen.CuKVyTWb.js} +100 -108
- package/dist/chunks/{modal-fullscreen.9ZDR_S29.js.map → modal-fullscreen.CuKVyTWb.js.map} +1 -1
- 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
- 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
- package/dist/chunks/on-click-outside.ZUMLlxE_.js +90 -0
- package/dist/chunks/{on-click-outside.BW4rkhzG.js.map → on-click-outside.ZUMLlxE_.js.map} +1 -1
- package/dist/chunks/pagination.dpVc6Yt0.js +401 -0
- package/dist/chunks/pagination.dpVc6Yt0.js.map +1 -0
- package/dist/chunks/popover.types.D8tHtFl3.js +6 -0
- package/dist/chunks/{popover.types.DhALnOLQ.js.map → popover.types.D8tHtFl3.js.map} +1 -1
- package/dist/chunks/{popper-container.DAK7c9uS.js → popper-container.DMN8n5iC.js} +79 -86
- package/dist/chunks/{popper-container.DAK7c9uS.js.map → popper-container.DMN8n5iC.js.map} +1 -1
- package/dist/chunks/{promo-banner.aNwH6uQx.js → promo-banner.BzveHNOI.js} +7 -13
- package/dist/chunks/{promo-banner.aNwH6uQx.js.map → promo-banner.BzveHNOI.js.map} +1 -1
- package/dist/chunks/{pt-BR.BCU2Hj36.js → pt-BR.DmhmCzxE.js} +14 -14
- package/dist/chunks/{pt-BR.BCU2Hj36.js.map → pt-BR.DmhmCzxE.js.map} +1 -1
- package/dist/chunks/{radio-group.DEYzF6o7.js → radio-group.Cuiq4mxy.js} +46 -46
- package/dist/chunks/{radio-group.DEYzF6o7.js.map → radio-group.Cuiq4mxy.js.map} +1 -1
- package/dist/chunks/{rich-text-editor.DH1d5Zcp.js → rich-text-editor.DLMiT4f5.js} +1018 -1024
- package/dist/chunks/{rich-text-editor.DH1d5Zcp.js.map → rich-text-editor.DLMiT4f5.js.map} +1 -1
- package/dist/chunks/{search-bar.Dtzx88Pv.js → search-bar.CsFyP0_I.js} +6 -15
- package/dist/chunks/{search-bar.Dtzx88Pv.js.map → search-bar.CsFyP0_I.js.map} +1 -1
- package/dist/chunks/{secondary-nav.Zs7dBoJv.js → secondary-nav.CLBdq98c.js} +6 -12
- package/dist/chunks/{secondary-nav.Zs7dBoJv.js.map → secondary-nav.CLBdq98c.js.map} +1 -1
- package/dist/chunks/{segmented-control.Aqquod8g.js → segmented-control.KeQ5kuR1.js} +47 -51
- package/dist/chunks/{segmented-control.Aqquod8g.js.map → segmented-control.KeQ5kuR1.js.map} +1 -1
- package/dist/chunks/selection-card-group.XM11Kk-4.js +412 -0
- package/dist/chunks/{selection-card-group.C7IK2Vl5.js.map → selection-card-group.XM11Kk-4.js.map} +1 -1
- package/dist/chunks/{sidepanel.DaXPcTHm.js → sidepanel.b2QZ1Jsx.js} +64 -71
- package/dist/chunks/{sidepanel.DaXPcTHm.js.map → sidepanel.b2QZ1Jsx.js.map} +1 -1
- package/dist/chunks/startOfWeek.Cvmo-f5J.js +9 -0
- package/dist/chunks/{startOfWeek.CXhhX-R7.js.map → startOfWeek.Cvmo-f5J.js.map} +1 -1
- package/dist/chunks/status.H00BAmRx.js +42 -0
- package/dist/chunks/status.H00BAmRx.js.map +1 -0
- package/dist/chunks/status.types.Dx8MDhEH.js +5 -0
- package/dist/chunks/status.types.Dx8MDhEH.js.map +1 -0
- package/dist/chunks/{step.BV7MsrRF.js → step.BlwoLfdw.js} +56 -68
- package/dist/chunks/{step.BV7MsrRF.js.map → step.BlwoLfdw.js.map} +1 -1
- package/dist/chunks/{structured-list-item.DAIaUMCY.js → structured-list-item.e-8kRleh.js} +8 -14
- package/dist/chunks/{structured-list-item.DAIaUMCY.js.map → structured-list-item.e-8kRleh.js.map} +1 -1
- package/dist/chunks/{summary-grid.types.BZcZS_dW.js → summary-grid.types.CcvOC03H.js} +172 -179
- package/dist/chunks/{summary-grid.types.BZcZS_dW.js.map → summary-grid.types.CcvOC03H.js.map} +1 -1
- package/dist/chunks/tab.mR5uUSdp.js +265 -0
- package/dist/chunks/{tab.DRrnMCxe.js.map → tab.mR5uUSdp.js.map} +1 -1
- package/dist/chunks/{tag.CqWg6C3H.js → tag.DujMVFh-.js} +3 -3
- package/dist/chunks/{tag.CqWg6C3H.js.map → tag.DujMVFh-.js.map} +1 -1
- package/dist/chunks/textarea.CHV6Z8nt.js +247 -0
- package/dist/chunks/{textarea.CvI2InIB.js.map → textarea.CHV6Z8nt.js.map} +1 -1
- package/dist/chunks/timeline-item.CaGcRZbt.js +419 -0
- package/dist/chunks/timeline-item.CaGcRZbt.js.map +1 -0
- package/dist/chunks/{toast.Bbtq3Icj.js → toast.C2oehk9P.js} +72 -78
- package/dist/chunks/{toast.Bbtq3Icj.js.map → toast.C2oehk9P.js.map} +1 -1
- package/dist/chunks/{toggle.BupEBkIG.js → toggle.BQoprdX-.js} +5 -5
- package/dist/chunks/{toggle.BupEBkIG.js.map → toggle.BQoprdX-.js.map} +1 -1
- package/dist/chunks/tooltip.CbADa_4p.js +199 -0
- package/dist/chunks/{tooltip.Lwtlhv3u.js.map → tooltip.CbADa_4p.js.map} +1 -1
- package/dist/chunks/truncate.DmCXQmeb.js +8 -0
- package/dist/chunks/{truncate.BfIl_-71.js.map → truncate.DmCXQmeb.js.map} +1 -1
- 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
- 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
- package/dist/chunks/{use-bento-toast-controller.BFctDoMg.js → use-bento-toast-controller.D_NSnBxi.js} +2 -2
- package/dist/chunks/{use-bento-toast-controller.BFctDoMg.js.map → use-bento-toast-controller.D_NSnBxi.js.map} +1 -1
- package/dist/chunks/use-cached-selected-values.ClEJRFAd.js +1631 -0
- package/dist/chunks/{use-cached-selected-values.C4_X3vVj.js.map → use-cached-selected-values.ClEJRFAd.js.map} +1 -1
- package/dist/chunks/use-country-items.D_3LBe2I.js +30 -0
- package/dist/chunks/{use-country-items.BTzByPdQ.js.map → use-country-items.D_3LBe2I.js.map} +1 -1
- package/dist/chunks/use-country-phon-code.DoqTGkNr.js +287 -0
- package/dist/chunks/use-country-phon-code.DoqTGkNr.js.map +1 -0
- package/dist/chunks/use-date-input-formatter.CDRzd-hW.js +1629 -0
- package/dist/chunks/{use-date-input-formatter.dtbK-CEy.js.map → use-date-input-formatter.CDRzd-hW.js.map} +1 -1
- package/dist/chunks/use-default-slot-validator.BzHcrgmy.js +12 -0
- package/dist/chunks/{use-default-slot-validator.O02rzsob.js.map → use-default-slot-validator.BzHcrgmy.js.map} +1 -1
- package/dist/chunks/use-expandable-content-height.B5jjRvCz.js +16 -0
- package/dist/chunks/{use-expandable-content-height.GkjjbmPy.js.map → use-expandable-content-height.B5jjRvCz.js.map} +1 -1
- package/dist/chunks/use-has-slot.CyMiImRQ.js +14 -0
- package/dist/chunks/{use-has-slot.B7eQSabc.js.map → use-has-slot.CyMiImRQ.js.map} +1 -1
- package/dist/chunks/utils.DWmc2mUI.js +19 -0
- package/dist/chunks/{utils.BzUwtTXc.js.map → utils.DWmc2mUI.js.map} +1 -1
- package/dist/chunks/{zh-CN.ChYkuQAR.js → zh-CN.Ce34mXsX.js} +28 -28
- package/dist/chunks/{zh-CN.ChYkuQAR.js.map → zh-CN.Ce34mXsX.js.map} +1 -1
- package/dist/click-outside.js +1 -1
- package/dist/code-snippet.js +1 -1
- package/dist/country.js +3 -3
- package/dist/currency.js +1 -1
- package/dist/dashboard-template.js +1 -1
- package/dist/dashed-underline.js +1 -1
- package/dist/data-grid-template.js +1 -1
- package/dist/data-grid.js +1 -1
- package/dist/date-picker.js +2 -2
- package/dist/date-range-picker.js +2 -2
- package/dist/date.js +1 -1
- package/dist/draggable-handle.js +4 -28
- package/dist/draggable-handle.js.map +1 -1
- package/dist/dropdown.js +4 -4
- package/dist/empty-state.js +1 -1
- package/dist/file-uploader.js +1 -1
- package/dist/filter-bar.js +1 -1
- package/dist/focus-trap.js +1 -1
- package/dist/form-layout.js +1 -1
- package/dist/header-with-views.js +1 -1
- package/dist/header.js +1 -1
- package/dist/index.js +241 -241
- package/dist/index.js.map +1 -1
- package/dist/info-icon.js +1 -1
- package/dist/input-field-password.js +1 -1
- package/dist/input-field-phone-number.js +1 -1
- package/dist/input-field.js +1 -1
- package/dist/inspector.js +1 -1
- package/dist/internal.js +13 -13
- package/dist/layout.js +1 -1
- package/dist/link.js +1 -1
- package/dist/list.js +6 -0
- package/dist/list.js.map +1 -0
- package/dist/menu.js +1 -1
- package/dist/modal-fullscreen.js +1 -1
- package/dist/modal.js +2 -2
- package/dist/pagination.js +1 -1
- package/dist/popover.js +2 -2
- package/dist/popper-container.js +1 -1
- package/dist/promo-banner.js +1 -1
- package/dist/radio-group.js +1 -1
- package/dist/rich-text-editor.js +1 -1
- package/dist/search-bar.js +2 -2
- package/dist/secondary-nav.js +1 -1
- package/dist/segmented-control.js +1 -1
- package/dist/selection-card.js +1 -1
- package/dist/sidepanel.js +1 -1
- package/dist/status.js +4 -3
- package/dist/status.js.map +1 -1
- package/dist/stepper.js +1 -1
- package/dist/structured-list.js +1 -1
- package/dist/summary-grid.js +1 -1
- package/dist/tabs.js +1 -1
- package/dist/tag.js +1 -1
- package/dist/textarea.js +1 -1
- package/dist/timeline.js +1 -1
- package/dist/toast.js +1 -1
- package/dist/toggle.js +1 -1
- package/dist/tutorial.js +1 -1
- package/dist/use-form-v4.js +331 -341
- package/dist/use-form-v4.js.map +1 -1
- package/dist/web-types.json +1 -1
- package/package.json +7 -7
- package/dist/chunks/anchor-scroller.BctgW0se.js +0 -214
- package/dist/chunks/base-modal.gZAtk-xP.js +0 -443
- package/dist/chunks/button-actions-with-menu.Tba1ME79.js +0 -93
- package/dist/chunks/calendar.vM3abC8y.js +0 -1234
- package/dist/chunks/click-outside.CDz_x8mN.js +0 -23
- package/dist/chunks/constructNow.CIc7d13I.js +0 -8
- package/dist/chunks/country.types.BBQbWkTY.js +0 -773
- package/dist/chunks/dashboard-section.CgoLquLP.js +0 -165
- package/dist/chunks/dashed-underline.wbRHATeE.js +0 -114
- package/dist/chunks/data-grid-template.D40V1cmi.js +0 -144
- package/dist/chunks/data-grid.C2nCCbeC.js +0 -4368
- package/dist/chunks/date-picker.D5B_SECc.js +0 -251
- package/dist/chunks/date-range-picker.B0q7Z4df.js +0 -1084
- package/dist/chunks/differenceInMonths.CIYECBxK.js +0 -43
- package/dist/chunks/dropdown.CxjzXI-k.js +0 -837
- package/dist/chunks/filter-bar.DJ7O4zLX.js +0 -4036
- package/dist/chunks/filter-bar.DJ7O4zLX.js.map +0 -1
- package/dist/chunks/fixed-scroller.i1tmEmst.js +0 -161
- package/dist/chunks/get-slot-text.CQRAP2_q.js +0 -12
- package/dist/chunks/input-field-password.C_h61CMn.js +0 -402
- package/dist/chunks/isSameWeek.CzBCmu7d.js +0 -14
- package/dist/chunks/layout-row.Da8nkm9z.js +0 -100
- package/dist/chunks/link.DTCn2EtX.js +0 -116
- package/dist/chunks/on-click-outside.BW4rkhzG.js +0 -91
- package/dist/chunks/pagination.B32UgSoH.js +0 -488
- package/dist/chunks/pagination.B32UgSoH.js.map +0 -1
- package/dist/chunks/popover.types.DhALnOLQ.js +0 -6
- package/dist/chunks/selection-card-group.C7IK2Vl5.js +0 -417
- package/dist/chunks/startOfWeek.CXhhX-R7.js +0 -10
- package/dist/chunks/status.types.D3v3k-Q8.js +0 -44
- package/dist/chunks/status.types.D3v3k-Q8.js.map +0 -1
- package/dist/chunks/tab.DRrnMCxe.js +0 -273
- package/dist/chunks/textarea.CvI2InIB.js +0 -255
- package/dist/chunks/timeline-item.BooD99hL.js +0 -427
- package/dist/chunks/timeline-item.BooD99hL.js.map +0 -1
- package/dist/chunks/tooltip.Lwtlhv3u.js +0 -202
- package/dist/chunks/truncate.BfIl_-71.js +0 -8
- package/dist/chunks/use-cached-selected-values.C4_X3vVj.js +0 -1711
- package/dist/chunks/use-country-items.BTzByPdQ.js +0 -30
- package/dist/chunks/use-country-phon-code.Bui3zD6W.js +0 -5621
- package/dist/chunks/use-country-phon-code.Bui3zD6W.js.map +0 -1
- package/dist/chunks/use-date-input-formatter.dtbK-CEy.js +0 -1732
- package/dist/chunks/use-default-slot-validator.O02rzsob.js +0 -16
- package/dist/chunks/use-expandable-content-height.GkjjbmPy.js +0 -17
- package/dist/chunks/use-has-slot.B7eQSabc.js +0 -15
- 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,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;"}
|