@adyen/bento-vue3 2.0.1 → 2.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/@types/bento-translation-keys.generated.d.ts +908 -0
- package/dist/@types/index.d.ts +136 -82
- 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/base-modal.css +1 -1
- package/dist/assets/button-actions.css +1 -1
- package/dist/assets/button.css +1 -1
- package/dist/assets/calendar.css +1 -1
- package/dist/assets/card.css +1 -1
- package/dist/assets/checkbox.css +1 -1
- package/dist/assets/chip.css +1 -1
- package/dist/assets/currency.css +1 -1
- package/dist/assets/data-grid.css +1 -1
- package/dist/assets/date-range-picker.css +1 -1
- package/dist/assets/dialog-page.css +1 -1
- package/dist/assets/draggable.css +1 -1
- package/dist/assets/dropdown.css +1 -1
- package/dist/assets/file-uploader.css +1 -1
- package/dist/assets/filter-bar.css +1 -1
- package/dist/assets/header-with-views.css +1 -1
- package/dist/assets/input-field.css +1 -1
- package/dist/assets/input-time.css +1 -1
- package/dist/assets/inspector.css +1 -1
- package/dist/assets/modal-fullscreen.css +1 -1
- package/dist/assets/navigation-menu-group.css +1 -1
- package/dist/assets/pagination.css +1 -1
- package/dist/assets/rich-text-editor.css +1 -1
- package/dist/assets/search-bar.css +1 -1
- package/dist/assets/secondary-nav.css +1 -1
- package/dist/assets/selection-card-group.css +1 -1
- package/dist/assets/sidepanel.css +1 -1
- package/dist/assets/step.css +1 -1
- package/dist/assets/structured-list-item.css +1 -1
- package/dist/assets/tab.css +1 -1
- package/dist/assets/textarea.css +1 -1
- package/dist/assets/toggle.css +1 -1
- package/dist/assets/typography.css +1 -1
- package/dist/avatar.js +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.BMxeTYDy.js → accordion-item.BbMoC7Rn.js} +6 -6
- package/dist/chunks/{accordion-item.BMxeTYDy.js.map → accordion-item.BbMoC7Rn.js.map} +1 -1
- package/dist/chunks/{action-bar.CWjLoeOU.js → action-bar.C6XFuiE0.js} +20 -20
- package/dist/chunks/{action-bar.CWjLoeOU.js.map → action-bar.C6XFuiE0.js.map} +1 -1
- package/dist/chunks/{ai-button.CYaCMWFk.js → ai-button.M2xaszNl.js} +3 -3
- package/dist/chunks/{ai-button.CYaCMWFk.js.map → ai-button.M2xaszNl.js.map} +1 -1
- package/dist/chunks/{ai-tag.CjrOE5yl.js → ai-tag.BLDTP7fs.js} +4 -4
- package/dist/chunks/{ai-tag.CjrOE5yl.js.map → ai-tag.BLDTP7fs.js.map} +1 -1
- package/dist/chunks/{alert.C8Pe1-OO.js → alert.BYmn1ewo.js} +4 -4
- package/dist/chunks/{alert.C8Pe1-OO.js.map → alert.BYmn1ewo.js.map} +1 -1
- package/dist/chunks/{anchor-scroller.C3zkcfPH.js → anchor-scroller.B35-JMuH.js} +6 -6
- package/dist/chunks/{anchor-scroller.C3zkcfPH.js.map → anchor-scroller.B35-JMuH.js.map} +1 -1
- package/dist/chunks/{avatar.DcXyOCS4.js → avatar.Bes5Qw12.js} +2 -2
- package/dist/chunks/{avatar.DcXyOCS4.js.map → avatar.Bes5Qw12.js.map} +1 -1
- package/dist/chunks/{base-button.Bi5JR_6k.js → base-button.Dg_u0f2_.js} +3 -3
- package/dist/chunks/{base-button.Bi5JR_6k.js.map → base-button.Dg_u0f2_.js.map} +1 -1
- package/dist/chunks/{base-modal.Bn4ZXwv6.js → base-modal.CulokESn.js} +7 -7
- package/dist/chunks/{base-modal.Bn4ZXwv6.js.map → base-modal.CulokESn.js.map} +1 -1
- package/dist/chunks/{button-actions-with-menu.CrbF2BSQ.js → button-actions-with-menu.BsCmJeKU.js} +2 -2
- package/dist/chunks/{button-actions-with-menu.CrbF2BSQ.js.map → button-actions-with-menu.BsCmJeKU.js.map} +1 -1
- package/dist/chunks/{button-actions.uIjzze43.js → button-actions.DvuGEQxM.js} +9 -9
- package/dist/chunks/button-actions.DvuGEQxM.js.map +1 -0
- package/dist/chunks/button-actions.types.BptAXjD8.js.map +1 -1
- package/dist/chunks/{button.Ciflfide.js → button.DAcwNdtP.js} +3 -3
- package/dist/chunks/{button.Ciflfide.js.map → button.DAcwNdtP.js.map} +1 -1
- package/dist/chunks/{calendar.Dtba7fcs.js → calendar.EuBZ9HoM.js} +325 -322
- package/dist/chunks/calendar.EuBZ9HoM.js.map +1 -0
- package/dist/chunks/{card.a8QL14dy.js → card.OErI_R47.js} +8 -8
- package/dist/chunks/{card.a8QL14dy.js.map → card.OErI_R47.js.map} +1 -1
- package/dist/chunks/{checkbox-group.BCzNXT1-.js → checkbox-group.Deb5pHjj.js} +4 -4
- package/dist/chunks/{checkbox-group.BCzNXT1-.js.map → checkbox-group.Deb5pHjj.js.map} +1 -1
- package/dist/chunks/{checkbox.0RmIkniU.js → checkbox.YBhv3GCJ.js} +17 -17
- package/dist/chunks/{checkbox.0RmIkniU.js.map → checkbox.YBhv3GCJ.js.map} +1 -1
- package/dist/chunks/{chip.Bv6IGch0.js → chip.D4OozULC.js} +13 -11
- package/dist/chunks/{chip.Bv6IGch0.js.map → chip.D4OozULC.js.map} +1 -1
- package/dist/chunks/{code-snippet.BbswO6TU.js → code-snippet.DNDXr7t6.js} +7 -7
- package/dist/chunks/{code-snippet.BbswO6TU.js.map → code-snippet.DNDXr7t6.js.map} +1 -1
- package/dist/chunks/{controls-group.KarFHKUT.js → controls-group.CC3yZiTT.js} +3 -3
- package/dist/chunks/{controls-group.KarFHKUT.js.map → controls-group.CC3yZiTT.js.map} +1 -1
- package/dist/chunks/{copy.C92qFRaR.js → copy.YBeE8V9S.js} +4 -4
- package/dist/chunks/{copy.C92qFRaR.js.map → copy.YBeE8V9S.js.map} +1 -1
- package/dist/chunks/{country.BN34hLpN.js → country.PHJgPzKU.js} +7 -7
- package/dist/chunks/{country.BN34hLpN.js.map → country.PHJgPzKU.js.map} +1 -1
- package/dist/chunks/country.types.BCOrkmVK.js.map +1 -1
- package/dist/chunks/{currency.DS4-apvT.js → currency.Y6BqUzYE.js} +5 -5
- package/dist/chunks/{currency.DS4-apvT.js.map → currency.Y6BqUzYE.js.map} +1 -1
- package/dist/chunks/{dashboard-section.Bv-SveGN.js → dashboard-section.CjC3fVU6.js} +3 -3
- package/dist/chunks/{dashboard-section.Bv-SveGN.js.map → dashboard-section.CjC3fVU6.js.map} +1 -1
- package/dist/chunks/{dashed-underline.C3lSC1_R.js → dashed-underline.DAtZOaad.js} +4 -4
- package/dist/chunks/{dashed-underline.C3lSC1_R.js.map → dashed-underline.DAtZOaad.js.map} +1 -1
- package/dist/chunks/{data-grid-template.DqZmPeze.js → data-grid-template.bPjGSga2.js} +4 -4
- package/dist/chunks/{data-grid-template.DqZmPeze.js.map → data-grid-template.bPjGSga2.js.map} +1 -1
- package/dist/chunks/{data-grid.vBDlLHOW.js → data-grid.o5MQdWnJ.js} +26 -26
- package/dist/chunks/{data-grid.vBDlLHOW.js.map → data-grid.o5MQdWnJ.js.map} +1 -1
- package/dist/chunks/{date-picker.Dnr2HuxA.js → date-picker.DyB8XkiY.js} +10 -10
- package/dist/chunks/{date-picker.Dnr2HuxA.js.map → date-picker.DyB8XkiY.js.map} +1 -1
- package/dist/chunks/date-picker.types.Ckt7zxGy.js.map +1 -1
- package/dist/chunks/{date-range-picker.CuBygd3O.js → date-range-picker.BcQUUVcW.js} +567 -525
- package/dist/chunks/date-range-picker.BcQUUVcW.js.map +1 -0
- package/dist/chunks/date-range-picker.types.Ckt7zxGy.js.map +1 -1
- package/dist/chunks/{date.ojGAujAt.js → date.SUOSxkTe.js} +4 -4
- package/dist/chunks/{date.ojGAujAt.js.map → date.SUOSxkTe.js.map} +1 -1
- package/dist/chunks/{dialog-page.D60pjDsQ.js → dialog-page.CHpFuDd9.js} +4 -4
- package/dist/chunks/{dialog-page.D60pjDsQ.js.map → dialog-page.CHpFuDd9.js.map} +1 -1
- package/dist/chunks/{draggable-handle.Cvc8gHzx.js → draggable-handle.CKkSJP0K.js} +3 -3
- package/dist/chunks/{draggable-handle.Cvc8gHzx.js.map → draggable-handle.CKkSJP0K.js.map} +1 -1
- package/dist/chunks/{draggable.BZsgR26I.js → draggable.jzTSFcM7.js} +38 -35
- package/dist/chunks/draggable.jzTSFcM7.js.map +1 -0
- package/dist/chunks/{drawer.D3j-d3q5.js → drawer.De-jDVb2.js} +2 -2
- package/dist/chunks/{drawer.D3j-d3q5.js.map → drawer.De-jDVb2.js.map} +1 -1
- package/dist/chunks/{dropdown-tag.Bn5FPeEL.js → dropdown-tag.BvXqllkv.js} +8 -8
- package/dist/chunks/{dropdown-tag.Bn5FPeEL.js.map → dropdown-tag.BvXqllkv.js.map} +1 -1
- package/dist/chunks/{dropdown.D_jkFrMd.js → dropdown.BoSI-Rre.js} +20 -20
- package/dist/chunks/{dropdown.D_jkFrMd.js.map → dropdown.BoSI-Rre.js.map} +1 -1
- package/dist/chunks/{empty-state.DpUC-3wv.js → empty-state.BuK12EGe.js} +4 -4
- package/dist/chunks/{empty-state.DpUC-3wv.js.map → empty-state.BuK12EGe.js.map} +1 -1
- package/dist/chunks/{error-message.Bt0CznQM.js → error-message.DJ5l0EUH.js} +3 -3
- package/dist/chunks/{error-message.Bt0CznQM.js.map → error-message.DJ5l0EUH.js.map} +1 -1
- package/dist/chunks/es6.yPcTMnSH.js.map +1 -1
- package/dist/chunks/{field-label.Cz11fn_F.js → field-label.vrUwhoOg.js} +4 -4
- package/dist/chunks/{field-label.Cz11fn_F.js.map → field-label.vrUwhoOg.js.map} +1 -1
- package/dist/chunks/{file-uploader.BglImnqw.js → file-uploader.Cv8sm0Jd.js} +12 -12
- package/dist/chunks/{file-uploader.BglImnqw.js.map → file-uploader.Cv8sm0Jd.js.map} +1 -1
- package/dist/chunks/{filter-bar.DG4GTi8L.js → filter-bar.6ElVHgFA.js} +34 -31
- package/dist/chunks/filter-bar.6ElVHgFA.js.map +1 -0
- package/dist/chunks/{fixed-scroller.DoOR83iH.js → fixed-scroller.C0nVzRBU.js} +3 -3
- package/dist/chunks/{fixed-scroller.DoOR83iH.js.map → fixed-scroller.C0nVzRBU.js.map} +1 -1
- package/dist/chunks/{footer-actions.Dl20Q1WX.js → footer-actions.BJif4sIk.js} +4 -4
- package/dist/chunks/{footer-actions.Dl20Q1WX.js.map → footer-actions.BJif4sIk.js.map} +1 -1
- package/dist/chunks/{form-layout-group.iAwbiI_S.js → form-layout-group.B9Kzae5F.js} +2 -2
- package/dist/chunks/{form-layout-group.iAwbiI_S.js.map → form-layout-group.B9Kzae5F.js.map} +1 -1
- package/dist/chunks/{form-layout-title.BZFh_nGD.js → form-layout-title.C7f1ByNh.js} +4 -4
- package/dist/chunks/{form-layout-title.BZFh_nGD.js.map → form-layout-title.C7f1ByNh.js.map} +1 -1
- package/dist/chunks/{header-with-views.WJlXgGI5.js → header-with-views.Dl6bfk_7.js} +17 -17
- package/dist/chunks/{header-with-views.WJlXgGI5.js.map → header-with-views.Dl6bfk_7.js.map} +1 -1
- package/dist/chunks/{header.Bi3MPZKE.js → header.E-KFjIG7.js} +5 -5
- package/dist/chunks/{header.Bi3MPZKE.js.map → header.E-KFjIG7.js.map} +1 -1
- package/dist/chunks/index.CGBfMQdv.js +38 -0
- package/dist/chunks/index.CGBfMQdv.js.map +1 -0
- package/dist/chunks/{info-icon-with-popover.uSr6-jzR.js → info-icon-with-popover.DqnQnwMI.js} +4 -4
- package/dist/chunks/{info-icon-with-popover.uSr6-jzR.js.map → info-icon-with-popover.DqnQnwMI.js.map} +1 -1
- package/dist/chunks/{info-icon.Zlg6Sgz0.js → info-icon.D_zu5SYT.js} +2 -2
- package/dist/chunks/{info-icon.Zlg6Sgz0.js.map → info-icon.D_zu5SYT.js.map} +1 -1
- package/dist/chunks/{input-field-password.CJZxudne.js → input-field-password.BXptrVTT.js} +7 -7
- package/dist/chunks/{input-field-password.CJZxudne.js.map → input-field-password.BXptrVTT.js.map} +1 -1
- package/dist/chunks/{input-field-phone-number.OJ4MG9Gf.js → input-field-phone-number.Crxi8Wm7.js} +4 -4
- package/dist/chunks/{input-field-phone-number.OJ4MG9Gf.js.map → input-field-phone-number.Crxi8Wm7.js.map} +1 -1
- package/dist/chunks/{input-field.IyNujUZt.js → input-field._keU91LW.js} +24 -24
- package/dist/chunks/{input-field.IyNujUZt.js.map → input-field._keU91LW.js.map} +1 -1
- package/dist/chunks/input-time.D7UW_ww_.js +193 -0
- package/dist/chunks/input-time.D7UW_ww_.js.map +1 -0
- package/dist/chunks/{inspector-page.D42_PXHM.js → inspector-page.DNsc0lK1.js} +4 -4
- package/dist/chunks/{inspector-page.D42_PXHM.js.map → inspector-page.DNsc0lK1.js.map} +1 -1
- package/dist/chunks/{inspector.BBgrupfO.js → inspector.BLAqbhmV.js} +6 -6
- package/dist/chunks/{inspector.BBgrupfO.js.map → inspector.BLAqbhmV.js.map} +1 -1
- package/dist/chunks/{layout-row.DijjweVX.js → layout-row.X6mPrUu8.js} +2 -2
- package/dist/chunks/{layout-row.DijjweVX.js.map → layout-row.X6mPrUu8.js.map} +1 -1
- package/dist/chunks/{link.types.BGj7apK3.js → link.types.BZ1u_6CS.js} +2 -2
- package/dist/chunks/{link.types.BGj7apK3.js.map → link.types.BZ1u_6CS.js.map} +1 -1
- package/dist/chunks/{list-item.CT7dyMQH.js → list-item.RuGQ8Y4T.js} +6 -6
- package/dist/chunks/{list-item.CT7dyMQH.js.map → list-item.RuGQ8Y4T.js.map} +1 -1
- package/dist/chunks/{listbox-option-tag.CwrFdsY1.js → listbox-option-tag.71rmQvG8.js} +3 -3
- package/dist/chunks/{listbox-option-tag.CwrFdsY1.js.map → listbox-option-tag.71rmQvG8.js.map} +1 -1
- package/dist/chunks/{modal-fullscreen.I5bjqzfd.js → modal-fullscreen.jXJnaueu.js} +10 -10
- package/dist/chunks/modal-fullscreen.jXJnaueu.js.map +1 -0
- package/dist/chunks/{modal.vue_vue_type_script_setup_true_lang.CrsIyU7A.js → modal.vue_vue_type_script_setup_true_lang.BwmYlzFm.js} +8 -8
- package/dist/chunks/{modal.vue_vue_type_script_setup_true_lang.CrsIyU7A.js.map → modal.vue_vue_type_script_setup_true_lang.BwmYlzFm.js.map} +1 -1
- package/dist/chunks/{navigation-menu-group.BJ9ZsXEn.js → navigation-menu-group.BnS0isK8.js} +32 -32
- package/dist/chunks/navigation-menu-group.BnS0isK8.js.map +1 -0
- package/dist/chunks/{pagination.C5gZxtZY.js → pagination.C-kvJ-XK.js} +9 -8
- package/dist/chunks/{pagination.C5gZxtZY.js.map → pagination.C-kvJ-XK.js.map} +1 -1
- package/dist/chunks/{payment-method.q2yow5VR.js → payment-method.B69Mu88z.js} +2 -2
- package/dist/chunks/{payment-method.q2yow5VR.js.map → payment-method.B69Mu88z.js.map} +1 -1
- package/dist/chunks/payment-method.types.BqtH7RM2.js.map +1 -1
- package/dist/chunks/popover.types.dhllh3NP.js.map +1 -1
- package/dist/chunks/popper-container.Rfj8UdMD.js.map +1 -1
- package/dist/chunks/{promo-banner.kE1-WkzI.js → promo-banner.3d1DHWas.js} +4 -4
- package/dist/chunks/{promo-banner.kE1-WkzI.js.map → promo-banner.3d1DHWas.js.map} +1 -1
- package/dist/chunks/{radio-group.XmRPh03c.js → radio-group.BTI_2U11.js} +5 -5
- package/dist/chunks/{radio-group.XmRPh03c.js.map → radio-group.BTI_2U11.js.map} +1 -1
- package/dist/chunks/{rich-text-editor.Cv_Vwt-6.js → rich-text-editor.ClUU1zPM.js} +12 -12
- package/dist/chunks/{rich-text-editor.Cv_Vwt-6.js.map → rich-text-editor.ClUU1zPM.js.map} +1 -1
- package/dist/chunks/{scroll-to-section.CJorrxQT.js → scroll-to-section.BRr4Vwi7.js} +2 -2
- package/dist/chunks/{scroll-to-section.CJorrxQT.js.map → scroll-to-section.BRr4Vwi7.js.map} +1 -1
- package/dist/chunks/{search-bar.5tObtLfW.js → search-bar.D1Jz7hdd.js} +13 -13
- package/dist/chunks/{search-bar.5tObtLfW.js.map → search-bar.D1Jz7hdd.js.map} +1 -1
- package/dist/chunks/{secondary-nav.DApIImQ0.js → secondary-nav.D32VFDTi.js} +26 -26
- package/dist/chunks/{secondary-nav.DApIImQ0.js.map → secondary-nav.D32VFDTi.js.map} +1 -1
- package/dist/chunks/{segmented-control.CEt2dz4n.js → segmented-control.CarI0i3p.js} +3 -3
- package/dist/chunks/{segmented-control.CEt2dz4n.js.map → segmented-control.CarI0i3p.js.map} +1 -1
- package/dist/chunks/segmented-control.types.BHRLV8KU.js.map +1 -1
- package/dist/chunks/{selection-card-group.DHXtJpoB.js → selection-card-group.CQsS8-H9.js} +109 -108
- package/dist/chunks/{selection-card-group.DHXtJpoB.js.map → selection-card-group.CQsS8-H9.js.map} +1 -1
- package/dist/chunks/{sidepanel._30g8POM.js → sidepanel.CYWPV9dE.js} +13 -13
- package/dist/chunks/{sidepanel._30g8POM.js.map → sidepanel.CYWPV9dE.js.map} +1 -1
- package/dist/chunks/{status.Nss4P5OU.js → status.BJ48Isyh.js} +2 -2
- package/dist/chunks/{status.Nss4P5OU.js.map → status.BJ48Isyh.js.map} +1 -1
- package/dist/chunks/status.types.Dx8MDhEH.js.map +1 -1
- package/dist/chunks/{step.5_ZukVqJ.js → step.CRVu8HPR.js} +6 -6
- package/dist/chunks/step.CRVu8HPR.js.map +1 -0
- package/dist/chunks/{structured-list-item.CBzznwcF.js → structured-list-item.C6SAUS9a.js} +11 -10
- package/dist/chunks/structured-list-item.C6SAUS9a.js.map +1 -0
- package/dist/chunks/{summary-grid.types.BR_EGvRg.js → summary-grid.types.FTWeUNFh.js} +7 -7
- package/dist/chunks/{summary-grid.types.BR_EGvRg.js.map → summary-grid.types.FTWeUNFh.js.map} +1 -1
- package/dist/chunks/{tab.D_k5AVHk.js → tab.CwXAsp9E.js} +44 -43
- package/dist/chunks/tab.CwXAsp9E.js.map +1 -0
- package/dist/chunks/{table-of-contents.CJ2yMbAG.js → table-of-contents.Bnyua5hb.js} +4 -4
- package/dist/chunks/{table-of-contents.CJ2yMbAG.js.map → table-of-contents.Bnyua5hb.js.map} +1 -1
- package/dist/chunks/{tag.BE1j0Oid.js → tag.BYxa556o.js} +3 -3
- package/dist/chunks/{tag.BE1j0Oid.js.map → tag.BYxa556o.js.map} +1 -1
- package/dist/chunks/{textarea.BYshPd98.js → textarea.D4aMdmDx.js} +8 -8
- package/dist/chunks/textarea.D4aMdmDx.js.map +1 -0
- package/dist/chunks/{timeline-item.Sy_DSw6p.js → timeline-item.De8HCoYw.js} +11 -11
- package/dist/chunks/{timeline-item.Sy_DSw6p.js.map → timeline-item.De8HCoYw.js.map} +1 -1
- package/dist/chunks/{title-details.C4ZvxPMu.js → title-details.8cyCeaLf.js} +5 -5
- package/dist/chunks/{title-details.C4ZvxPMu.js.map → title-details.8cyCeaLf.js.map} +1 -1
- package/dist/chunks/{toast.u5Y_CGe_.js → toast.BI2PD8Oj.js} +5 -5
- package/dist/chunks/{toast.u5Y_CGe_.js.map → toast.BI2PD8Oj.js.map} +1 -1
- package/dist/chunks/{toggle.BW8ww0Ih.js → toggle.BbCqV953.js} +4 -4
- package/dist/chunks/{toggle.BW8ww0Ih.js.map → toggle.BbCqV953.js.map} +1 -1
- package/dist/chunks/{tooltip.TFOGHOO0.js → tooltip.0QqJo2sa.js} +2 -2
- package/dist/chunks/{tooltip.TFOGHOO0.js.map → tooltip.0QqJo2sa.js.map} +1 -1
- package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.BIP-heAH.js → tutorial.vue_vue_type_script_setup_true_lang.Dn4toWHY.js} +4 -4
- package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.BIP-heAH.js.map → tutorial.vue_vue_type_script_setup_true_lang.Dn4toWHY.js.map} +1 -1
- package/dist/chunks/{typography.wIM07Hbl.js → typography.B6elnWpr.js} +35 -35
- package/dist/chunks/{typography.wIM07Hbl.js.map → typography.B6elnWpr.js.map} +1 -1
- package/dist/chunks/{use-bento-toast-controller.BAoPbtq7.js → use-bento-toast-controller.CkpBtweL.js} +2 -2
- package/dist/chunks/{use-bento-toast-controller.BAoPbtq7.js.map → use-bento-toast-controller.CkpBtweL.js.map} +1 -1
- package/dist/chunks/{use-country-items.CYnYzs7x.js → use-country-items.CAYJt6XS.js} +3 -3
- package/dist/chunks/{use-country-items.CYnYzs7x.js.map → use-country-items.CAYJt6XS.js.map} +1 -1
- package/dist/chunks/{use-date-input-formatter._ik1DYYV.js → use-date-input-formatter.BIVkaB1k.js} +2 -2
- package/dist/chunks/{use-date-input-formatter._ik1DYYV.js.map → use-date-input-formatter.BIVkaB1k.js.map} +1 -1
- package/dist/chunks/{use-dynamic-date-fns-locale.BMO9rsEh.js → use-dynamic-date-fns-locale._EtEeU3i.js} +2 -2
- package/dist/chunks/{use-dynamic-date-fns-locale.BMO9rsEh.js.map → use-dynamic-date-fns-locale._EtEeU3i.js.map} +1 -1
- package/dist/code-snippet.js +1 -1
- package/dist/country.js +1 -1
- 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-time-picker.js +6 -6
- package/dist/date.js +1 -1
- package/dist/draggable.js +2 -2
- package/dist/drawer.js +1 -1
- package/dist/dropdown.js +2 -2
- package/dist/empty-state.js +1 -1
- package/dist/file-uploader.js +1 -1
- package/dist/filter-bar.js +1 -1
- package/dist/form-layout.js +2 -2
- package/dist/header-with-views.js +1 -1
- package/dist/header.js +1 -1
- package/dist/index.js +382 -353
- 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/input-time.js +1 -1
- package/dist/inspector.js +2 -2
- package/dist/internal.js +14 -14
- package/dist/layout.js +1 -1
- package/dist/link.js +1 -1
- package/dist/list.js +1 -1
- package/dist/menu.js +1 -1
- package/dist/modal-fullscreen.js +1 -1
- package/dist/modal.js +2 -2
- package/dist/navigation-menu.js +1 -1
- package/dist/pagination.js +1 -1
- package/dist/payment-method.js +1 -1
- package/dist/popover.js +1 -1
- package/dist/progress-bar.js +4 -4
- 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 +1 -1
- package/dist/stepper.js +1 -1
- package/dist/structured-list.js +1 -1
- package/dist/styles/bento-dark.css +3 -0
- package/dist/styles/bento-light.css +3 -0
- package/dist/styles/bento.css +3 -0
- package/dist/styles/legacy.css +3 -0
- package/dist/styles/styleguide.css +3 -0
- package/dist/styles/utility.css +9 -0
- package/dist/summary-grid.js +1 -1
- package/dist/table-of-contents.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/typography.js +1 -1
- package/dist/web-types.json +1 -1
- package/package.json +9 -5
- package/dist/chunks/button-actions.uIjzze43.js.map +0 -1
- package/dist/chunks/calendar.Dtba7fcs.js.map +0 -1
- package/dist/chunks/date-range-picker.CuBygd3O.js.map +0 -1
- package/dist/chunks/draggable.BZsgR26I.js.map +0 -1
- package/dist/chunks/filter-bar.DG4GTi8L.js.map +0 -1
- package/dist/chunks/index.B875RXHM.js +0 -15
- package/dist/chunks/index.B875RXHM.js.map +0 -1
- package/dist/chunks/input-time.BJ6YqkFi.js +0 -122
- package/dist/chunks/input-time.BJ6YqkFi.js.map +0 -1
- package/dist/chunks/modal-fullscreen.I5bjqzfd.js.map +0 -1
- package/dist/chunks/navigation-menu-group.BJ9ZsXEn.js.map +0 -1
- package/dist/chunks/step.5_ZukVqJ.js.map +0 -1
- package/dist/chunks/structured-list-item.CBzznwcF.js.map +0 -1
- package/dist/chunks/tab.D_k5AVHk.js.map +0 -1
- package/dist/chunks/textarea.BYshPd98.js.map +0 -1
package/dist/assets/textarea.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-textarea[data-v-
|
|
1
|
+
.b-textarea[data-v-f8a4100b]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent}.b-textarea[data-v-f8a4100b],.b-textarea[data-v-f8a4100b]:before,.b-textarea[data-v-f8a4100b]:after{box-sizing:border-box}.b-textarea[data-v-f8a4100b] *,.b-textarea[data-v-f8a4100b] *:before,.b-textarea[data-v-f8a4100b] *:after{box-sizing:border-box}.b-textarea[data-v-f8a4100b] ::-webkit-scrollbar{height:14px;width:14px}.b-textarea[data-v-f8a4100b] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-textarea__label-box[data-v-f8a4100b]{display:flex;justify-content:space-between;min-width:200px}.b-textarea__label-box--no-label[data-v-f8a4100b]{justify-content:flex-end}.b-textarea__label-item[data-v-f8a4100b]{color:var(--b-color-label-secondary)}.b-textarea__label-item--error[data-v-f8a4100b]{color:var(--b-color-label-critical)}.b-textarea__input-box[data-v-f8a4100b]{margin-bottom:var(--b-spacer-040);position:relative}.b-textarea__input[data-v-f8a4100b]{background-color:var(--b-color-background-primary);border:var(--b-border-width-s) solid var(--b-color-outline-tertiary);border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);display:block;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;min-height:44px;min-width:200px;padding:var(--b-spacer-060) var(--b-spacer-060) var(--b-spacer-040) var(--b-spacer-060);width:100%}.b-textarea__input--dynamic-height[data-v-f8a4100b]{scrollbar-width:none}.b-textarea__input--error[data-v-f8a4100b]{border-color:var(--b-color-outline-critical);outline:calc(var(--b-border-width-attention) - var(--b-border-width-s)) solid var(--b-color-outline-critical)}.b-textarea__input[data-v-f8a4100b]:focus{border-color:var(--b-color-outline-tertiary-active);outline:calc(var(--b-border-width-attention) - var(--b-border-width-s)) solid var(--b-color-outline-tertiary-active)}.b-textarea__input[data-v-f8a4100b]:focus-visible{box-shadow:none}.b-textarea__input[data-v-f8a4100b]:hover:enabled{border-color:var(--b-color-outline-tertiary-active);outline:unset}.b-textarea__input[data-v-f8a4100b]:disabled{background-color:var(--b-color-background-disabled);border-color:var(--b-color-outline-disabled);color:var(--b-color-label-disabled)}.b-textarea__input[data-v-f8a4100b]:disabled::placeholder{background:transparent}.b-textarea__input[data-v-f8a4100b]::placeholder{color:var(--b-color-label-tertiary);opacity:1}.b-textarea__input--readonly[data-v-f8a4100b]{background-color:var(--b-color-background-disabled);border-color:var(--b-color-outline-disabled)}.b-textarea__input--readonly[data-v-f8a4100b]:hover:enabled{border-color:var(--b-color-outline-disabled)}.b-textarea__input--clearable[data-v-f8a4100b]{padding:var(--b-spacer-060) var(--b-spacer-110) var(--b-spacer-040) var(--b-spacer-060)}.b-textarea__clear-button[data-v-f8a4100b]{position:absolute;right:12px;top:12px}.b-textarea__description[data-v-f8a4100b]{color:var(--b-color-label-secondary);display:flex;margin-top:var(--b-spacer-020)}.b-textarea--disabled[data-v-f8a4100b] *{cursor:not-allowed}
|
package/dist/assets/toggle.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-toggle[data-v-
|
|
1
|
+
.b-toggle[data-v-1171b39e]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;color:var(--b-color-label-primary);cursor:pointer;display:flex;-webkit-user-select:none;user-select:none;width:auto}.b-toggle[data-v-1171b39e],.b-toggle[data-v-1171b39e]:before,.b-toggle[data-v-1171b39e]:after{box-sizing:border-box}.b-toggle[data-v-1171b39e] *,.b-toggle[data-v-1171b39e] *:before,.b-toggle[data-v-1171b39e] *:after{box-sizing:border-box}.b-toggle[data-v-1171b39e] ::-webkit-scrollbar{height:14px;width:14px}.b-toggle[data-v-1171b39e] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-toggle--disabled[data-v-1171b39e]{cursor:not-allowed;display:flex}.b-toggle--readonly[data-v-1171b39e]{pointer-events:none}.b-toggle--label-first[data-v-1171b39e]{align-items:flex-start;flex-direction:row-reverse;justify-content:flex-end}.b-toggle__input[data-v-1171b39e]{cursor:inherit;opacity:0;position:absolute}.b-toggle__track[data-v-1171b39e]{align-items:center;background-color:var(--b-color-background-primary);border:1px solid var(--b-color-outline-tertiary);border-radius:var(--b-border-radius-xl);display:flex;height:20px;min-width:36px;padding:var(--b-spacer-010) var(--b-spacer-020);position:relative}.b-toggle__input:focus-visible+.b-toggle__track[data-v-1171b39e]{animation:outer-ring-default-1171b39e var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color)}@keyframes outer-ring-default-1171b39e{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-toggle__input:hover:enabled+.b-toggle__track[data-v-1171b39e]{background-color:var(--b-color-background-primary-hover);border-color:var(--b-color-outline-tertiary-hover)}.b-toggle__input:active:enabled+.b-toggle__track[data-v-1171b39e]{background-color:var(--b-color-background-primary-active);border-color:var(--b-color-outline-tertiary-active)}.b-toggle__input:disabled+.b-toggle__track[data-v-1171b39e]{background-color:var(--b-color-background-secondary);border-color:var(--b-color-outline-disabled);cursor:not-allowed}.b-toggle--readonly .b-toggle__input+.b-toggle__track[data-v-1171b39e]{background-color:var(--b-color-background-secondary);border-color:var(--b-color-outline-disabled)}.b-toggle__input:checked+.b-toggle__track[data-v-1171b39e]{background-color:var(--b-color-background-inverse-primary);border:0;padding:var(--b-spacer-010)}.b-toggle__input:checked:hover:enabled+.b-toggle__track[data-v-1171b39e]{background-color:var(--b-color-background-inverse-primary-hover)}.b-toggle__input:checked:active:enabled+.b-toggle__track[data-v-1171b39e]{background-color:var(--b-color-background-inverse-primary-active)}.b-toggle__input:checked:disabled+.b-toggle__track[data-v-1171b39e]{background-color:var(--b-color-background-disabled)}.b-toggle--readonly .b-toggle__input:checked+.b-toggle__track[data-v-1171b39e]{background-color:var(--b-color-background-disabled)}.b-toggle__handle[data-v-1171b39e]{background-color:var(--b-color-background-inverse-primary);border-radius:var(--b-border-radius-l);color:var(--b-color-label-primary);display:inline-flex;height:12px;place-content:center center;transition:transform var(--b-animation-duration-moderate) var(--b-animation-easing-standard);width:12px}.b-toggle__input:disabled+* .b-toggle__handle[data-v-1171b39e]{background-color:var(--b-color-label-disabled);cursor:not-allowed}.b-toggle__input:checked+* .b-toggle__handle[data-v-1171b39e]{background-color:var(--b-color-background-primary);height:16px;transform:translate(100%);width:16px}.b-toggle__input:checked:disabled+* .b-toggle__handle[data-v-1171b39e]{background-color:var(--b-color-background-disabled);color:var(--b-color-label-disabled);cursor:not-allowed}.b-toggle--readonly .b-toggle__input:checked+* .b-toggle__handle[data-v-1171b39e]{background-color:var(--b-color-background-disabled)}.b-toggle__label-container[data-v-1171b39e]{display:flex;flex-direction:column;padding-left:var(--b-spacer-070)}.b-toggle--label-first>.b-toggle__label-container[data-v-1171b39e]{padding-left:0;padding-right:var(--b-spacer-070)}.b-toggle__label[data-v-1171b39e]{vertical-align:baseline}.b-toggle__description[data-v-1171b39e]{color:var(--b-color-label-secondary);padding-top:var(--b-spacer-020)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-typography[data-v-daf07663]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;margin:0;font-variant-numeric:var(--b-text-font-variant-numeric)}.b-typography[data-v-daf07663],.b-typography[data-v-daf07663]:before,.b-typography[data-v-daf07663]:after{box-sizing:border-box}.b-typography[data-v-daf07663] *,.b-typography[data-v-daf07663] *:before,.b-typography[data-v-daf07663] *:after{box-sizing:border-box}.b-typography[data-v-daf07663] ::-webkit-scrollbar{height:14px;width:14px}.b-typography[data-v-daf07663] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-typography--rich-text[data-v-daf07663]>:first-child{margin-top:0}.b-typography--rich-text h1[data-v-daf07663],.b-typography--rich-text[data-v-daf07663] h1{font-family:var(--b-text-title-l-font-family);font-size:var(--b-text-title-l-mobile-font-size);font-size:clamp(var(--b-text-title-l-mobile-font-size),.44vw + 18.34px,var(--b-text-title-l-font-size));font-weight:var(--b-text-title-l-font-weight);letter-spacing:var(--b-text-title-l-letter-spacing);line-height:clamp(var(--b-text-title-l-mobile-line-height),.44vw + 28.34px,var(--b-text-title-l-line-height))}.b-typography--rich-text h2[data-v-daf07663],.b-typography--rich-text[data-v-daf07663] h2{font-family:var(--b-text-title-m-font-family);font-size:clamp(var(--b-text-title-m-mobile-font-size),.22vw + 17.17px,var(--b-text-title-m-font-size));font-weight:var(--b-text-title-m-font-weight);letter-spacing:var(--b-text-title-m-letter-spacing);line-height:clamp(var(--b-text-title-m-mobile-line-height),.22vw + 27.17px,var(--b-text-title-m-line-height))}.b-typography--rich-text h3[data-v-daf07663],.b-typography--rich-text[data-v-daf07663] h3{font-family:var(--b-text-title-font-family);font-size:clamp(var(--b-text-title-mobile-font-size),16px,var(--b-text-title-font-size));font-weight:var(--b-text-title-font-weight);letter-spacing:var(--b-text-title-letter-spacing);line-height:clamp(var(--b-text-title-mobile-line-height),26px,var(--b-text-title-line-height))}.b-typography--rich-text h4[data-v-daf07663],.b-typography--rich-text[data-v-daf07663] h4,.b-typography--rich-text h5[data-v-daf07663],.b-typography--rich-text[data-v-daf07663] h5,.b-typography--rich-text h6[data-v-daf07663],.b-typography--rich-text[data-v-daf07663] h6{font-family:var(--b-text-body-font-family);font-size:var(--b-text-body-font-size);font-weight:var(--b-text-body-font-weight);letter-spacing:var(--b-text-body-letter-spacing);line-height:var(--b-text-body-line-height);font-weight:var(--b-text-rich-text-heading-font-weight)}.b-typography--rich-text h1[data-v-daf07663],.b-typography--rich-text[data-v-daf07663] h1,.b-typography--rich-text h2[data-v-daf07663],.b-typography--rich-text[data-v-daf07663] h2,.b-typography--rich-text h3[data-v-daf07663],.b-typography--rich-text[data-v-daf07663] h3,.b-typography--rich-text h4[data-v-daf07663],.b-typography--rich-text[data-v-daf07663] h4,.b-typography--rich-text h5[data-v-daf07663],.b-typography--rich-text[data-v-daf07663] h5,.b-typography--rich-text h6[data-v-daf07663],.b-typography--rich-text[data-v-daf07663] h6{margin:var(--b-text-rich-text-heading-margin)}.b-typography--rich-text p[data-v-daf07663],.b-typography--rich-text[data-v-daf07663] p{margin:var(--b-text-rich-text-paragraph-margin)}.b-typography--rich-text ul[data-v-daf07663],.b-typography--rich-text[data-v-daf07663] ul,.b-typography--rich-text ol[data-v-daf07663],.b-typography--rich-text[data-v-daf07663] ol{margin:0;padding-left:var(--b-text-rich-text-list-padding-left)}.b-typography--rich-text li[data-v-daf07663],.b-typography--rich-text[data-v-daf07663] li{margin:var(--b-text-rich-text-list-margin)}.b-typography--rich-text ul li[data-v-daf07663],.b-typography--rich-text[data-v-daf07663] ul li{list-style-type:disc}.b-typography--rich-text pre[data-v-daf07663],.b-typography--rich-text[data-v-daf07663] pre{background-color:var(--b-text-rich-text-code-background-color);font-family:var(--b-text-rich-text-code-font-family);font-weight:var(--b-text-rich-text-code-font-weight);line-height:var(--b-text-rich-text-pre-line-height);margin:var(--b-text-rich-text-pre-margin);padding:var(--b-text-rich-text-pre-padding)}.b-typography--rich-text code[data-v-daf07663],.b-typography--rich-text[data-v-daf07663] code{background-color:var(--b-text-rich-text-code-background-color);font-family:var(--b-text-rich-text-code-font-family);font-weight:var(--b-text-rich-text-code-font-weight)}.b-typography--rich-text mark[data-v-daf07663]{background-color:var(--b-text-rich-text-mark-background-color)}.b-typography--rich-text[data-v-daf07663] mark{background-color:var(--b-text-rich-text-mark-background-color)}.b-typography--rich-text blockquote[data-v-daf07663],.b-typography--rich-text[data-v-daf07663] blockquote{font-style:italic;font-weight:var(--b-text-rich-text-blockquote-font-weight);margin:var(--b-text-rich-text-blockquote-margin)}.b-typography--rich-text table[data-v-daf07663]{border-collapse:collapse;border-spacing:0;line-height:var(--b-text-rich-text-table-line-height);margin:var(--b-text-rich-text-table-margin);text-align:left}.b-typography--rich-text table th[data-v-daf07663]{font-weight:var(--b-text-rich-text-table-header-font-weight)}.b-typography--rich-text table thead[data-v-daf07663]{border-bottom:var(--b-text-rich-text-table-border)}.b-typography--rich-text table tfoot[data-v-daf07663]{border-top:var(--b-text-rich-text-table-border)}.b-typography--rich-text table th[data-v-daf07663],.b-typography--rich-text table td[data-v-daf07663]{padding:var(--b-text-rich-text-table-padding)}.b-typography--rich-text table tbody tr[data-v-daf07663]:hover{background-color:var(--b-text-rich-text-table-hover-background-color)}.b-typography--rich-text table caption[data-v-daf07663]{font-style:italic;line-height:var(--b-text-rich-text-table-caption-line-height);margin:var(--b-text-rich-text-table-caption-margin);text-align:left}.b-typography--rich-text[data-v-daf07663] table{border-collapse:collapse;border-spacing:0;line-height:var(--b-text-rich-text-table-line-height);margin:var(--b-text-rich-text-table-margin);text-align:left}.b-typography--rich-text[data-v-daf07663] table th{font-weight:var(--b-text-rich-text-table-header-font-weight)}.b-typography--rich-text[data-v-daf07663] table thead{border-bottom:var(--b-text-rich-text-table-border)}.b-typography--rich-text[data-v-daf07663] table tfoot{border-top:var(--b-text-rich-text-table-border)}.b-typography--rich-text[data-v-daf07663] table th,.b-typography--rich-text[data-v-daf07663] table td{padding:var(--b-text-rich-text-table-padding)}.b-typography--rich-text[data-v-daf07663] table tbody tr:hover{background-color:var(--b-text-rich-text-table-hover-background-color)}.b-typography--rich-text[data-v-daf07663] table caption{font-style:italic;line-height:var(--b-text-rich-text-table-caption-line-height);margin:var(--b-text-rich-text-table-caption-margin);text-align:left}.b-typography--rich-text.b-typography--caption p[data-v-daf07663],.b-typography--rich-text.b-typography--caption[data-v-daf07663] p{margin:var(--b-text-rich-text-caption-paragraph-margin)}.b-typography--rich-text.b-typography--caption ul[data-v-daf07663],.b-typography--rich-text.b-typography--caption[data-v-daf07663] ul,.b-typography--rich-text.b-typography--caption ol[data-v-daf07663],.b-typography--rich-text.b-typography--caption[data-v-daf07663] ol{padding-left:var(--b-text-rich-text-caption-list-padding-left)}.b-typography--rich-text.b-typography--caption li[data-v-daf07663],.b-typography--rich-text.b-typography--caption[data-v-daf07663] li{margin:var(--b-text-rich-text-caption-list-margin)}.b-typography--rich-text.b-typography--caption blockquote[data-v-daf07663],.b-typography--rich-text.b-typography--caption[data-v-daf07663] blockquote{margin:var(--b-text-rich-text-caption-blockquote-margin)}.b-typography--rich-text.b-typography--caption table th[data-v-daf07663],.b-typography--rich-text.b-typography--caption[data-v-daf07663] table th,.b-typography--rich-text.b-typography--caption table td[data-v-daf07663],.b-typography--rich-text.b-typography--caption[data-v-daf07663] table td{padding:var(--b-text-rich-text-caption-table-padding)}.b-typography--rich-text.b-typography--caption pre[data-v-daf07663],.b-typography--rich-text.b-typography--caption[data-v-daf07663] pre{line-height:var(--b-text-rich-text-caption-pre-line-height)}.b-typography--caption[data-v-daf07663]{font-family:var(--b-text-caption-font-family);font-size:var(--b-text-caption-font-size);font-weight:var(--b-text-caption-font-weight);letter-spacing:var(--b-text-caption-letter-spacing);line-height:var(--b-text-caption-line-height)}.b-typography--caption.b-typography--monospace[data-v-daf07663]{font-family:var(--b-text-caption-font-family-secondary)}.b-typography--caption-wide[data-v-daf07663]{line-height:var(--b-text-caption-wide-line-height)}.b-typography--caption-stronger[data-v-daf07663]{font-weight:var(--b-text-caption-stronger-font-weight)}.b-typography--body[data-v-daf07663]{font-family:var(--b-text-body-font-family);font-size:var(--b-text-body-font-size);font-weight:var(--b-text-body-font-weight);letter-spacing:var(--b-text-body-letter-spacing);line-height:var(--b-text-body-line-height)}.b-typography--body.b-typography--monospace[data-v-daf07663]{font-family:var(--b-text-body-font-family-secondary)}.b-typography--body-wide[data-v-daf07663]{line-height:var(--b-text-body-wide-line-height)}.b-typography--body-stronger[data-v-daf07663]{font-weight:var(--b-text-body-stronger-font-weight)}.b-typography--body-strongest[data-v-daf07663]{font-weight:var(--b-text-body-strongest-font-weight)}.b-typography--subtitle[data-v-daf07663]{font-family:var(--b-text-subtitle-font-family);font-size:var(--b-text-subtitle-font-size);font-weight:var(--b-text-subtitle-font-weight);letter-spacing:var(--b-text-subtitle-letter-spacing);line-height:var(--b-text-subtitle-line-height)}.b-typography--subtitle.b-typography--monospace[data-v-daf07663]{font-family:var(--b-text-title-font-family-secondary)}.b-typography--subtitle-stronger[data-v-daf07663]{font-weight:var(--b-text-subtitle-stronger-font-weight)}.b-typography--title[data-v-daf07663]{font-family:var(--b-text-title-font-family);font-size:clamp(var(--b-text-title-mobile-font-size),16px,var(--b-text-title-font-size));font-weight:var(--b-text-title-font-weight);letter-spacing:var(--b-text-title-letter-spacing);line-height:clamp(var(--b-text-title-mobile-line-height),26px,var(--b-text-title-line-height))}.b-typography--title.b-typography--monospace[data-v-daf07663]{font-family:var(--b-text-title-font-family-secondary)}.b-typography--title-m[data-v-daf07663]{font-family:var(--b-text-title-m-font-family);font-size:clamp(var(--b-text-title-m-mobile-font-size),.22vw + 17.17px,var(--b-text-title-m-font-size));font-weight:var(--b-text-title-m-font-weight);letter-spacing:var(--b-text-title-m-letter-spacing);line-height:clamp(var(--b-text-title-m-mobile-line-height),.22vw + 27.17px,var(--b-text-title-m-line-height))}.b-typography--title-m.b-typography--monospace[data-v-daf07663]{font-family:var(--b-text-title-font-family-secondary)}.b-typography--title-l[data-v-daf07663]{font-family:var(--b-text-title-l-font-family);font-size:var(--b-text-title-l-mobile-font-size);font-size:clamp(var(--b-text-title-l-mobile-font-size),.44vw + 18.34px,var(--b-text-title-l-font-size));font-weight:var(--b-text-title-l-font-weight);letter-spacing:var(--b-text-title-l-letter-spacing);line-height:clamp(var(--b-text-title-l-mobile-line-height),.44vw + 28.34px,var(--b-text-title-l-line-height))}.b-typography--title-l.b-typography--monospace[data-v-daf07663]{font-family:var(--b-text-title-font-family-secondary)}
|
|
1
|
+
.b-typography[data-v-5fdcf0f5]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;margin:0;font-variant-numeric:var(--b-text-font-variant-numeric)}.b-typography[data-v-5fdcf0f5],.b-typography[data-v-5fdcf0f5]:before,.b-typography[data-v-5fdcf0f5]:after{box-sizing:border-box}.b-typography[data-v-5fdcf0f5] *,.b-typography[data-v-5fdcf0f5] *:before,.b-typography[data-v-5fdcf0f5] *:after{box-sizing:border-box}.b-typography[data-v-5fdcf0f5] ::-webkit-scrollbar{height:14px;width:14px}.b-typography[data-v-5fdcf0f5] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-typography--rich-text[data-v-5fdcf0f5]>:first-child{margin-top:0}.b-typography--rich-text h1[data-v-5fdcf0f5],.b-typography--rich-text[data-v-5fdcf0f5] h1{font-family:var(--b-text-title-l-font-family);font-size:var(--b-text-title-l-mobile-font-size);font-size:clamp(var(--b-text-title-l-mobile-font-size),.44vw + 18.34px,var(--b-text-title-l-font-size));font-weight:var(--b-text-title-l-font-weight);letter-spacing:var(--b-text-title-l-letter-spacing);line-height:clamp(var(--b-text-title-l-mobile-line-height),.44vw + 28.34px,var(--b-text-title-l-line-height))}.b-typography--rich-text h2[data-v-5fdcf0f5],.b-typography--rich-text[data-v-5fdcf0f5] h2{font-family:var(--b-text-title-m-font-family);font-size:clamp(var(--b-text-title-m-mobile-font-size),.22vw + 17.17px,var(--b-text-title-m-font-size));font-weight:var(--b-text-title-m-font-weight);letter-spacing:var(--b-text-title-m-letter-spacing);line-height:clamp(var(--b-text-title-m-mobile-line-height),.22vw + 27.17px,var(--b-text-title-m-line-height))}.b-typography--rich-text h3[data-v-5fdcf0f5],.b-typography--rich-text[data-v-5fdcf0f5] h3{font-family:var(--b-text-title-font-family);font-size:clamp(var(--b-text-title-mobile-font-size),16px,var(--b-text-title-font-size));font-weight:var(--b-text-title-font-weight);letter-spacing:var(--b-text-title-letter-spacing);line-height:clamp(var(--b-text-title-mobile-line-height),26px,var(--b-text-title-line-height))}.b-typography--rich-text h4[data-v-5fdcf0f5],.b-typography--rich-text[data-v-5fdcf0f5] h4,.b-typography--rich-text h5[data-v-5fdcf0f5],.b-typography--rich-text[data-v-5fdcf0f5] h5,.b-typography--rich-text h6[data-v-5fdcf0f5],.b-typography--rich-text[data-v-5fdcf0f5] h6{font-family:var(--b-text-body-font-family);font-size:var(--b-text-body-font-size);font-weight:var(--b-text-body-font-weight);letter-spacing:var(--b-text-body-letter-spacing);line-height:var(--b-text-body-line-height);font-weight:var(--b-text-rich-text-heading-font-weight)}.b-typography--rich-text h1[data-v-5fdcf0f5],.b-typography--rich-text[data-v-5fdcf0f5] h1,.b-typography--rich-text h2[data-v-5fdcf0f5],.b-typography--rich-text[data-v-5fdcf0f5] h2,.b-typography--rich-text h3[data-v-5fdcf0f5],.b-typography--rich-text[data-v-5fdcf0f5] h3,.b-typography--rich-text h4[data-v-5fdcf0f5],.b-typography--rich-text[data-v-5fdcf0f5] h4,.b-typography--rich-text h5[data-v-5fdcf0f5],.b-typography--rich-text[data-v-5fdcf0f5] h5,.b-typography--rich-text h6[data-v-5fdcf0f5],.b-typography--rich-text[data-v-5fdcf0f5] h6{margin:var(--b-text-rich-text-heading-margin)}.b-typography--rich-text p[data-v-5fdcf0f5],.b-typography--rich-text[data-v-5fdcf0f5] p{margin:var(--b-text-rich-text-paragraph-margin)}.b-typography--rich-text ul[data-v-5fdcf0f5],.b-typography--rich-text[data-v-5fdcf0f5] ul,.b-typography--rich-text ol[data-v-5fdcf0f5],.b-typography--rich-text[data-v-5fdcf0f5] ol{margin:0;padding-left:var(--b-text-rich-text-list-padding-left)}.b-typography--rich-text li[data-v-5fdcf0f5],.b-typography--rich-text[data-v-5fdcf0f5] li{margin:var(--b-text-rich-text-list-margin)}.b-typography--rich-text ul li[data-v-5fdcf0f5],.b-typography--rich-text[data-v-5fdcf0f5] ul li{list-style-type:disc}.b-typography--rich-text pre[data-v-5fdcf0f5],.b-typography--rich-text[data-v-5fdcf0f5] pre{background-color:var(--b-text-rich-text-code-background-color);font-family:var(--b-text-rich-text-code-font-family);font-weight:var(--b-text-rich-text-code-font-weight);line-height:var(--b-text-rich-text-pre-line-height);margin:var(--b-text-rich-text-pre-margin);padding:var(--b-text-rich-text-pre-padding)}.b-typography--rich-text code[data-v-5fdcf0f5],.b-typography--rich-text[data-v-5fdcf0f5] code{background-color:var(--b-text-rich-text-code-background-color);font-family:var(--b-text-rich-text-code-font-family);font-weight:var(--b-text-rich-text-code-font-weight)}.b-typography--rich-text mark[data-v-5fdcf0f5]{background-color:var(--b-text-rich-text-mark-background-color);color:inherit}.b-typography--rich-text[data-v-5fdcf0f5] mark{background-color:var(--b-text-rich-text-mark-background-color);color:inherit}.b-typography--rich-text blockquote[data-v-5fdcf0f5],.b-typography--rich-text[data-v-5fdcf0f5] blockquote{font-style:italic;font-weight:var(--b-text-rich-text-blockquote-font-weight);margin:var(--b-text-rich-text-blockquote-margin)}.b-typography--rich-text table[data-v-5fdcf0f5]{border-collapse:collapse;border-spacing:0;line-height:var(--b-text-rich-text-table-line-height);margin:var(--b-text-rich-text-table-margin);text-align:left}.b-typography--rich-text table th[data-v-5fdcf0f5]{font-weight:var(--b-text-rich-text-table-header-font-weight)}.b-typography--rich-text table thead[data-v-5fdcf0f5]{border-bottom:var(--b-text-rich-text-table-border)}.b-typography--rich-text table tfoot[data-v-5fdcf0f5]{border-top:var(--b-text-rich-text-table-border)}.b-typography--rich-text table th[data-v-5fdcf0f5],.b-typography--rich-text table td[data-v-5fdcf0f5]{padding:var(--b-text-rich-text-table-padding)}.b-typography--rich-text table tbody tr[data-v-5fdcf0f5]:hover{background-color:var(--b-text-rich-text-table-hover-background-color)}.b-typography--rich-text table caption[data-v-5fdcf0f5]{font-style:italic;line-height:var(--b-text-rich-text-table-caption-line-height);margin:var(--b-text-rich-text-table-caption-margin);text-align:left}.b-typography--rich-text[data-v-5fdcf0f5] table{border-collapse:collapse;border-spacing:0;line-height:var(--b-text-rich-text-table-line-height);margin:var(--b-text-rich-text-table-margin);text-align:left}.b-typography--rich-text[data-v-5fdcf0f5] table th{font-weight:var(--b-text-rich-text-table-header-font-weight)}.b-typography--rich-text[data-v-5fdcf0f5] table thead{border-bottom:var(--b-text-rich-text-table-border)}.b-typography--rich-text[data-v-5fdcf0f5] table tfoot{border-top:var(--b-text-rich-text-table-border)}.b-typography--rich-text[data-v-5fdcf0f5] table th,.b-typography--rich-text[data-v-5fdcf0f5] table td{padding:var(--b-text-rich-text-table-padding)}.b-typography--rich-text[data-v-5fdcf0f5] table tbody tr:hover{background-color:var(--b-text-rich-text-table-hover-background-color)}.b-typography--rich-text[data-v-5fdcf0f5] table caption{font-style:italic;line-height:var(--b-text-rich-text-table-caption-line-height);margin:var(--b-text-rich-text-table-caption-margin);text-align:left}.b-typography--rich-text.b-typography--caption p[data-v-5fdcf0f5],.b-typography--rich-text.b-typography--caption[data-v-5fdcf0f5] p{margin:var(--b-text-rich-text-caption-paragraph-margin)}.b-typography--rich-text.b-typography--caption ul[data-v-5fdcf0f5],.b-typography--rich-text.b-typography--caption[data-v-5fdcf0f5] ul,.b-typography--rich-text.b-typography--caption ol[data-v-5fdcf0f5],.b-typography--rich-text.b-typography--caption[data-v-5fdcf0f5] ol{padding-left:var(--b-text-rich-text-caption-list-padding-left)}.b-typography--rich-text.b-typography--caption li[data-v-5fdcf0f5],.b-typography--rich-text.b-typography--caption[data-v-5fdcf0f5] li{margin:var(--b-text-rich-text-caption-list-margin)}.b-typography--rich-text.b-typography--caption blockquote[data-v-5fdcf0f5],.b-typography--rich-text.b-typography--caption[data-v-5fdcf0f5] blockquote{margin:var(--b-text-rich-text-caption-blockquote-margin)}.b-typography--rich-text.b-typography--caption table th[data-v-5fdcf0f5],.b-typography--rich-text.b-typography--caption[data-v-5fdcf0f5] table th,.b-typography--rich-text.b-typography--caption table td[data-v-5fdcf0f5],.b-typography--rich-text.b-typography--caption[data-v-5fdcf0f5] table td{padding:var(--b-text-rich-text-caption-table-padding)}.b-typography--rich-text.b-typography--caption pre[data-v-5fdcf0f5],.b-typography--rich-text.b-typography--caption[data-v-5fdcf0f5] pre{line-height:var(--b-text-rich-text-caption-pre-line-height)}.b-typography--caption[data-v-5fdcf0f5]{font-family:var(--b-text-caption-font-family);font-size:var(--b-text-caption-font-size);font-weight:var(--b-text-caption-font-weight);letter-spacing:var(--b-text-caption-letter-spacing);line-height:var(--b-text-caption-line-height)}.b-typography--caption.b-typography--monospace[data-v-5fdcf0f5]{font-family:var(--b-text-caption-font-family-secondary)}.b-typography--caption-wide[data-v-5fdcf0f5]{line-height:var(--b-text-caption-wide-line-height)}.b-typography--caption-stronger[data-v-5fdcf0f5]{font-weight:var(--b-text-caption-stronger-font-weight)}.b-typography--body[data-v-5fdcf0f5]{font-family:var(--b-text-body-font-family);font-size:var(--b-text-body-font-size);font-weight:var(--b-text-body-font-weight);letter-spacing:var(--b-text-body-letter-spacing);line-height:var(--b-text-body-line-height)}.b-typography--body.b-typography--monospace[data-v-5fdcf0f5]{font-family:var(--b-text-body-font-family-secondary)}.b-typography--body-wide[data-v-5fdcf0f5]{line-height:var(--b-text-body-wide-line-height)}.b-typography--body-stronger[data-v-5fdcf0f5]{font-weight:var(--b-text-body-stronger-font-weight)}.b-typography--body-strongest[data-v-5fdcf0f5]{font-weight:var(--b-text-body-strongest-font-weight)}.b-typography--subtitle[data-v-5fdcf0f5]{font-family:var(--b-text-subtitle-font-family);font-size:var(--b-text-subtitle-font-size);font-weight:var(--b-text-subtitle-font-weight);letter-spacing:var(--b-text-subtitle-letter-spacing);line-height:var(--b-text-subtitle-line-height)}.b-typography--subtitle.b-typography--monospace[data-v-5fdcf0f5]{font-family:var(--b-text-title-font-family-secondary)}.b-typography--subtitle-stronger[data-v-5fdcf0f5]{font-weight:var(--b-text-subtitle-stronger-font-weight)}.b-typography--title[data-v-5fdcf0f5]{font-family:var(--b-text-title-font-family);font-size:clamp(var(--b-text-title-mobile-font-size),16px,var(--b-text-title-font-size));font-weight:var(--b-text-title-font-weight);letter-spacing:var(--b-text-title-letter-spacing);line-height:clamp(var(--b-text-title-mobile-line-height),26px,var(--b-text-title-line-height))}.b-typography--title.b-typography--monospace[data-v-5fdcf0f5]{font-family:var(--b-text-title-font-family-secondary)}.b-typography--title-m[data-v-5fdcf0f5]{font-family:var(--b-text-title-m-font-family);font-size:clamp(var(--b-text-title-m-mobile-font-size),.22vw + 17.17px,var(--b-text-title-m-font-size));font-weight:var(--b-text-title-m-font-weight);letter-spacing:var(--b-text-title-m-letter-spacing);line-height:clamp(var(--b-text-title-m-mobile-line-height),.22vw + 27.17px,var(--b-text-title-m-line-height))}.b-typography--title-m.b-typography--monospace[data-v-5fdcf0f5]{font-family:var(--b-text-title-font-family-secondary)}.b-typography--title-l[data-v-5fdcf0f5]{font-family:var(--b-text-title-l-font-family);font-size:var(--b-text-title-l-mobile-font-size);font-size:clamp(var(--b-text-title-l-mobile-font-size),.44vw + 18.34px,var(--b-text-title-l-font-size));font-weight:var(--b-text-title-l-font-weight);letter-spacing:var(--b-text-title-l-letter-spacing);line-height:clamp(var(--b-text-title-l-mobile-line-height),.44vw + 28.34px,var(--b-text-title-l-line-height))}.b-typography--title-l.b-typography--monospace[data-v-5fdcf0f5]{font-family:var(--b-text-title-font-family-secondary)}
|
package/dist/avatar.js
CHANGED
package/dist/button.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { B as n, a as B, b as a } from "./chunks/button.
|
|
2
|
-
import { a as s } from "./chunks/ai-button.
|
|
3
|
-
import { B as r, a as i, b as c, c as p } from "./chunks/button-actions.
|
|
1
|
+
import { B as n, a as B, b as a } from "./chunks/button.DAcwNdtP.js";
|
|
2
|
+
import { a as s } from "./chunks/ai-button.M2xaszNl.js";
|
|
3
|
+
import { B as r, a as i, b as c, c as p } from "./chunks/button-actions.DvuGEQxM.js";
|
|
4
4
|
import { B as A, a as L, b as d } from "./chunks/button-actions.types.BptAXjD8.js";
|
|
5
5
|
export {
|
|
6
6
|
s as BentoAiButton,
|
package/dist/card.js
CHANGED
package/dist/checkbox.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { B as a, a as t } from "./chunks/checkbox.
|
|
2
|
-
import { B as n, a as x } from "./chunks/checkbox-group.
|
|
1
|
+
import { B as a, a as t } from "./chunks/checkbox.YBhv3GCJ.js";
|
|
2
|
+
import { B as n, a as x } from "./chunks/checkbox-group.Deb5pHjj.js";
|
|
3
3
|
export {
|
|
4
4
|
a as BentoCheckbox,
|
|
5
5
|
t as BentoCheckboxEvent,
|
package/dist/chip.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { defineComponent as C, provide as $, toRef as A, openBlock as a, createElementBlock as l, renderSlot as I, ref as x, inject as z, computed as R, watch as v, createVNode as b, unref as e, withCtx as g, createElementVNode as y, createBlock as E, createTextVNode as D, toDisplayString as O, Transition as V, normalizeStyle as j, createCommentVNode as H } from "vue";
|
|
2
2
|
import { _ as N } from "./_plugin-vue_export-helper.CHgC5LLL.js";
|
|
3
|
-
import { B as M } from "./typography.
|
|
3
|
+
import { B as M } from "./typography.B6elnWpr.js";
|
|
4
4
|
import { _ as w } from "./chevron-down.DDkuHzKj.js";
|
|
5
5
|
import { _ as J } from "./chevron-up.CE9uVcoS.js";
|
|
6
6
|
import { g as h } from "./generate-uid.DBWe4g6T.js";
|
|
7
|
-
import { u as U } from "./index.
|
|
7
|
+
import { u as U } from "./index.CGBfMQdv.js";
|
|
8
8
|
import { u as q } from "./use-expandable-content-height.DmFeas9-.js";
|
|
9
9
|
import "../assets/accordion-item.css";
|
|
10
10
|
const S = /* @__PURE__ */ Symbol("accordion title size injection key"), F = { class: "b-accordion" }, G = {}, K = /* @__PURE__ */ C({
|
|
@@ -38,10 +38,10 @@ const S = /* @__PURE__ */ Symbol("accordion title size injection key"), F = { cl
|
|
|
38
38
|
"pt-BR": { collapse: "Recolher", expand: "Expandir" },
|
|
39
39
|
"zh-CN": { collapse: "折叠", expand: "展开" }
|
|
40
40
|
}, L = { class: "b-accordion-item" }, P = ["id", "aria-controls", "aria-expanded"], X = ["id", "aria-labelledby"], Y = {
|
|
41
|
-
i18n: { messages: T }
|
|
41
|
+
i18n: { messages: T },
|
|
42
|
+
name: "bento-accordion-item"
|
|
42
43
|
}, Z = /* @__PURE__ */ C({
|
|
43
44
|
...Y,
|
|
44
|
-
__name: "accordion-item",
|
|
45
45
|
props: {
|
|
46
46
|
/**
|
|
47
47
|
* Sets the title of the accordion item.
|
|
@@ -125,9 +125,9 @@ const S = /* @__PURE__ */ Symbol("accordion title size injection key"), F = { cl
|
|
|
125
125
|
})
|
|
126
126
|
]));
|
|
127
127
|
}
|
|
128
|
-
}), ce = /* @__PURE__ */ N(Z, [["__scopeId", "data-v-
|
|
128
|
+
}), ce = /* @__PURE__ */ N(Z, [["__scopeId", "data-v-b5538ef2"]]);
|
|
129
129
|
export {
|
|
130
130
|
le as a,
|
|
131
131
|
ce as b
|
|
132
132
|
};
|
|
133
|
-
//# sourceMappingURL=accordion-item.
|
|
133
|
+
//# sourceMappingURL=accordion-item.BbMoC7Rn.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion-item.
|
|
1
|
+
{"version":3,"file":"accordion-item.BbMoC7Rn.js","sources":["../../../vue2/src/components/accordion/accordion.keys.ts","../../../vue2/src/components/accordion/accordion.vue","../../../vue2/src/components/accordion/components/accordion-item.vue"],"sourcesContent":["export const ACCORDION_TITLE_SIZE_INJECTION_KEY = Symbol('accordion title size injection key');\n","<template>\n <div class=\"b-accordion\">\n <slot />\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { type PropType, provide, toRef } from 'vue';\n\n import { ACCORDION_TITLE_SIZE_INJECTION_KEY } from './accordion.keys';\n\n import type { BentoAccordionTitleSize } from './accordion.types';\n\n const props = defineProps({\n /**\n * Controls accordion title size.\n * @values default, small\n */\n titleSize: {\n type: String as PropType<BentoAccordionTitleSize>,\n default: 'default',\n },\n });\n\n provide(ACCORDION_TITLE_SIZE_INJECTION_KEY, toRef(props, 'titleSize'));\n</script>\n\n<script lang=\"ts\">\n /**\n * An accordion is a vertical stack of interactive headers used to reveal or hide\n * sections of content associated with these headers.\n *\n * This component must only have `BentoAccordionItem` components in its default slot.\n *\n * Accordion items should be collapsed by default.\n *\n * @example\n * import { BentoAccordion, BentoAccordionItem } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoAccordion, BentoAccordionItem },\n * template: `\n * <bento-accordion>\n * <bento-accordion-item title=\"Item 1\">\n * Content for item 1\n * </bento-accordion-item>\n * <bento-accordion-item title=\"Item 2\">\n * Content for item 2\n * </bento-accordion-item>\n * </bento-accordion>\n * `\n * }\n */\n export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./accordion.scss\" />\n","<template>\n <div class=\"b-accordion-item\">\n <bento-typography\n el=\"h3\"\n :variant=\"titleSize === 'small' ? 'body' : 'title'\"\n :strongest=\"titleSize === 'small'\"\n >\n <button\n :id=\"buttonId\"\n :aria-controls=\"contentId\"\n :aria-expanded=\"`${isOpen}`\"\n type=\"button\"\n class=\"b-accordion-item__button\"\n @click=\"isOpen = !isOpen\"\n >\n <chevron-up-icon\n v-if=\"isOpen\"\n class=\"b-accordion-item__icon\"\n :svg-title=\"t('collapse')\"\n aria-hidden=\"true\"\n />\n <chevron-down-icon v-else class=\"b-accordion-item__icon\" :svg-title=\"t('expand')\" aria-hidden=\"true\" />\n {{ title }}\n </button>\n </bento-typography>\n\n <Transition :name=\"CONTENT_TRANSITION_NAME\">\n <div v-if=\"isOpen\" :id=\"contentId\" :aria-labelledby=\"buttonId\" role=\"region\" :style=\"contentMaxHeight\">\n <div ref=\"contentDiv\" class=\"b-accordion-item__content\">\n <slot />\n </div>\n </div>\n </Transition>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, inject, ref, watch } from 'vue';\n\n import { BentoTypography } from '@/components/typography';\n import ChevronDownIcon from '@adyen/ui-assets-icons-16/vue/chevron-down';\n import ChevronUpIcon from '@adyen/ui-assets-icons-16/vue/chevron-up';\n\n import { generateUid } from '@/utils/ts/generate-uid';\n import { useI18n } from '@/utils/ts/i18n';\n\n import { ACCORDION_TITLE_SIZE_INJECTION_KEY } from '../accordion.keys';\n\n import type { BentoAccordionTitleSize } from '../accordion.types';\n import { useExpandableContentHeight } from '@/composables/use-expandable-content-height/use-expandable-content-height';\n\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n const CONTENT_TRANSITION_NAME = 'b-accordion-item__animation--content';\n\n const props = defineProps({\n /**\n * Sets the title of the accordion item.\n */\n title: {\n type: String,\n required: true,\n },\n /**\n * Controls if the content is visible or hidden.\n */\n isExpanded: {\n type: Boolean,\n default: false,\n },\n });\n\n const emit = defineEmits<{\n /**\n * Emits update event when content is toggled\n */\n (e: 'update:is-expanded', value: boolean): void;\n }>();\n\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n // Refs\n const contentDiv = ref<HTMLDivElement>(null);\n const isOpen = ref(props.isExpanded);\n\n // Generating IDs\n const buttonId = generateUid('accordionItemButton');\n const contentId = generateUid('accordionItemContent');\n\n // Injecting prop from parent\n const titleSize = inject<`${BentoAccordionTitleSize}`>(ACCORDION_TITLE_SIZE_INJECTION_KEY, 'default');\n\n // Getting and setting the item height to be able to handle height animation\n const { contentHeight } = useExpandableContentHeight(contentDiv, isOpen);\n\n const contentMaxHeight = computed(() => (contentHeight.value ? { 'max-height': contentHeight.value } : {}));\n\n watch(\n () => props.isExpanded,\n value => {\n isOpen.value = value;\n }\n );\n\n watch(\n isOpen,\n value => {\n // Enable two-way data binding for `isExpanded`\n emit('update:is-expanded', value);\n },\n { immediate: true }\n );\n</script>\n\n<script lang=\"ts\">\n /**\n * An accordion item is an interactive header used to reveal or hide a\n * section of content associated with this header.\n *\n * This component must always be wrapped by a `BentoAccordion` component.\n *\n * @example\n * import { BentoAccordion, BentoAccordionItem } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoAccordion, BentoAccordionItem },\n * template: `\n * <bento-accordion>\n * <bento-accordion-item title=\"Item 1\">\n * Content for item 1\n * </bento-accordion-item>\n * <bento-accordion-item title=\"Item 2\">\n * Content for item 2\n * </bento-accordion-item>\n * </bento-accordion>\n * `\n * }\n */\n export default {\n i18n: { messages },\n name: 'bento-accordion-item',\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./accordion-item.scss\" />\n"],"names":["ACCORDION_TITLE_SIZE_INJECTION_KEY","__default__$1","provide","toRef","__props","__default__","messages","CONTENT_TRANSITION_NAME","props","emit","__emit","t","useI18n","contentDiv","ref","isOpen","buttonId","generateUid","contentId","titleSize","inject","contentHeight","useExpandableContentHeight","contentMaxHeight","computed","watch","value"],"mappings":";;;;;;;;;AAAO,MAAAA,IAAA,uBAAA,oCAAA,iCCqDHC,IAAA,CAAA;;;;;;;;;;;;;;AA7BA,WAAAC,EAAAF,GAAAG,EAXAC,GAWA,WAAA,CAAA;;;;;;;;;;;;;;;;mHCoHAC,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;;;;;;;;;;;;;AAxFA,UAAAC,IAAA,wCAEAC,IAAAJ,GAiBAK,IAAAC,GAOA,EAAA,GAAAC,EAAA,IAAAC,EAAA,EAAA,UAAAN,EAAA,CAAA,GAGAO,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAAN,EAAA,UAAA,GAGAQ,IAAAC,EAAA,qBAAA,GACAC,IAAAD,EAAA,sBAAA,GAGAE,IAAAC,EAAApB,GAAA,SAAA,GAGA,EAAA,eAAAqB,EAAA,IAAAC,EAAAT,GAAAE,CAAA,GAEAQ,IAAAC,EAAA,MAAAH,EAAA,QAAA,EAAA,cAAAA,EAAA,MAAA,IAAA,CAAA,CAAA;AAEA,WAAAI;AAAA,MAAA,MAAAjB,EAAA;AAAA,MACgB,CAAAkB,MAAA;AAER,QAAAX,EAAA,QAAAW;AAAA,MAAe;AAAA,IACnB,GAGJD;AAAA,MAAAV;AAAA,MACI,CAAAW,MAAA;AAGI,QAAAjB,EAAA,sBAAAiB,CAAA;AAAA,MAAgC;AAAA,MACpC,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { defineComponent as re, useSlots as le, computed as i, ref as y, toRefs as ue, watch as O, provide as de, nextTick as E, openBlock as n, createBlock as r, Transition as L, withCtx as d, createElementVNode as U, unref as t, normalizeClass as $, createVNode as C, createElementBlock as v, normalizeStyle as ve, createCommentVNode as u, Fragment as w, createTextVNode as b, toDisplayString as h, renderSlot as F } from "vue";
|
|
2
|
-
import { B as
|
|
3
|
-
import { B as P } from "./typography.
|
|
2
|
+
import { B as S } from "./button.DAcwNdtP.js";
|
|
3
|
+
import { B as P } from "./typography.B6elnWpr.js";
|
|
4
4
|
import { B as me } from "./loading-indicator.BPol9I84.js";
|
|
5
|
-
import { B as ge } from "./button-actions-with-menu.
|
|
5
|
+
import { B as ge } from "./button-actions-with-menu.BsCmJeKU.js";
|
|
6
6
|
import { _ as he } from "./cross.Daa8LxjC.js";
|
|
7
7
|
import { _ as fe } from "./checkmark-circle-fill.Caog04lx.js";
|
|
8
8
|
import { _ as ye } from "./cross-circle-fill.DJbpTaVE.js";
|
|
9
|
-
import { u as be } from "./index.
|
|
9
|
+
import { u as be } from "./index.CGBfMQdv.js";
|
|
10
10
|
import { b as pe } from "./index.DCpihRYV.js";
|
|
11
|
-
import { P as Ae, B as Be } from "./button-actions.
|
|
11
|
+
import { P as Ae, B as Be } from "./button-actions.DvuGEQxM.js";
|
|
12
12
|
import { _ as Ce } from "./_plugin-vue_export-helper.CHgC5LLL.js";
|
|
13
13
|
import "../assets/action-bar.css";
|
|
14
14
|
const V = {
|
|
@@ -23,7 +23,7 @@ const V = {
|
|
|
23
23
|
"ja-JP": { actionBar: "アクションバー", applying: "適用中...", cancel: "キャンセル", close: "閉じる", retry: "再試行", save: "保存", selected: "選択済み", somethingWentWrong: "問題が発生しました", success: "成功！", undo: "元に戻す", unsavedChanges: "保存されていない変更 | 保存されていない変更 | 保存されていない変更" },
|
|
24
24
|
"pt-BR": { actionBar: "Barra de ação", applying: "Aplicando...", cancel: "Cancelar", close: "Fechar", retry: "Tentar de novo", save: "Salvar", selected: "selecionado", somethingWentWrong: "Algo deu errado", success: "Sucesso!", undo: "Desfazer", unsavedChanges: "Alterações não salvas | alteração não salva | alterações não salvas" },
|
|
25
25
|
"zh-CN": { actionBar: "操作栏", applying: "申请...", cancel: "取消", close: "关闭", retry: "重试", save: "保存", selected: "已选", somethingWentWrong: "出了点问题", success: "成功！", undo: "撤销", unsavedChanges: "未保存的更改 | 未保存的更改 | 未保存的更改" }
|
|
26
|
-
},
|
|
26
|
+
}, Se = ["aria-label"], _e = {
|
|
27
27
|
key: 0,
|
|
28
28
|
class: "b-action-bar__container-inner"
|
|
29
29
|
}, We = {
|
|
@@ -36,10 +36,10 @@ const V = {
|
|
|
36
36
|
key: 0,
|
|
37
37
|
class: "b-action-bar__state-actions"
|
|
38
38
|
}, Ne = {
|
|
39
|
-
i18n: { messages: V }
|
|
39
|
+
i18n: { messages: V },
|
|
40
|
+
name: "bento-action-bar"
|
|
40
41
|
}, Re = /* @__PURE__ */ re({
|
|
41
42
|
...Ne,
|
|
42
|
-
__name: "action-bar",
|
|
43
43
|
props: {
|
|
44
44
|
/**
|
|
45
45
|
* List of actions that will be used to render the buttons.
|
|
@@ -138,12 +138,12 @@ const V = {
|
|
|
138
138
|
default:
|
|
139
139
|
return "";
|
|
140
140
|
}
|
|
141
|
-
}), A = y(null), p = y(null),
|
|
141
|
+
}), A = y(null), p = y(null), _ = y(null), W = y(!1), j = i(
|
|
142
142
|
() => e.state === "loading" ? "out-in" : void 0
|
|
143
143
|
), K = i(
|
|
144
144
|
() => e.state === "loading" || e.state === "success" && !e.showUndoAction
|
|
145
145
|
), J = (a) => {
|
|
146
|
-
e.state === "loading" && (p.value = `${a.offsetWidth}px`,
|
|
146
|
+
e.state === "loading" && (p.value = `${a.offsetWidth}px`, _.value = "100%");
|
|
147
147
|
}, Z = (a) => {
|
|
148
148
|
if (e.state !== "loading")
|
|
149
149
|
return;
|
|
@@ -153,7 +153,7 @@ const V = {
|
|
|
153
153
|
p.value = `${o}px`;
|
|
154
154
|
});
|
|
155
155
|
}, q = () => {
|
|
156
|
-
p.value = null,
|
|
156
|
+
p.value = null, _.value = null, e.state === "fail" && (W.value = !0);
|
|
157
157
|
}, Q = (a) => {
|
|
158
158
|
a.animationName.startsWith("shake-") && (W.value = !1);
|
|
159
159
|
}, { extraBottomSpacing: X, visibleActions: Y } = ue(e), { width: B } = pe(), l = y(null), k = y(null), m = i(() => e.variant === "confirmation"), H = i(
|
|
@@ -227,11 +227,11 @@ const V = {
|
|
|
227
227
|
ref: A,
|
|
228
228
|
key: s.state,
|
|
229
229
|
class: $(["b-action-bar__container", te.value]),
|
|
230
|
-
style: ve({ width:
|
|
230
|
+
style: ve({ width: _.value, maxWidth: p.value })
|
|
231
231
|
}, [
|
|
232
|
-
s.state === "start" ? (n(), v("div",
|
|
232
|
+
s.state === "start" ? (n(), v("div", _e, [
|
|
233
233
|
ee.value ? (n(), v("div", We, [
|
|
234
|
-
C(t(
|
|
234
|
+
C(t(S), {
|
|
235
235
|
variant: "tertiary",
|
|
236
236
|
inverse: "",
|
|
237
237
|
"aria-label": t(c)("close"),
|
|
@@ -303,7 +303,7 @@ const V = {
|
|
|
303
303
|
_: 3
|
|
304
304
|
}),
|
|
305
305
|
K.value ? u("", !0) : (n(), v("div", we, [
|
|
306
|
-
s.state === "success" && s.showUndoAction ? (n(), r(t(
|
|
306
|
+
s.state === "success" && s.showUndoAction ? (n(), r(t(S), {
|
|
307
307
|
key: 0,
|
|
308
308
|
variant: "tertiary",
|
|
309
309
|
inverse: "",
|
|
@@ -314,7 +314,7 @@ const V = {
|
|
|
314
314
|
]),
|
|
315
315
|
_: 1
|
|
316
316
|
})) : u("", !0),
|
|
317
|
-
s.state === "fail" && s.showRetryAction ? (n(), r(t(
|
|
317
|
+
s.state === "fail" && s.showRetryAction ? (n(), r(t(S), {
|
|
318
318
|
key: 1,
|
|
319
319
|
variant: "tertiary",
|
|
320
320
|
inverse: "",
|
|
@@ -325,7 +325,7 @@ const V = {
|
|
|
325
325
|
]),
|
|
326
326
|
_: 1
|
|
327
327
|
})) : u("", !0),
|
|
328
|
-
s.state === "fail" ? (n(), r(t(
|
|
328
|
+
s.state === "fail" ? (n(), r(t(S), {
|
|
329
329
|
key: 2,
|
|
330
330
|
variant: "tertiary",
|
|
331
331
|
inverse: "",
|
|
@@ -342,13 +342,13 @@ const V = {
|
|
|
342
342
|
]),
|
|
343
343
|
_: 3
|
|
344
344
|
}, 8, ["name", "mode"])
|
|
345
|
-
], 42,
|
|
345
|
+
], 42, Se)
|
|
346
346
|
]),
|
|
347
347
|
_: 3
|
|
348
348
|
}));
|
|
349
349
|
}
|
|
350
|
-
}), Je = /* @__PURE__ */ Ce(Re, [["__scopeId", "data-v-
|
|
350
|
+
}), Je = /* @__PURE__ */ Ce(Re, [["__scopeId", "data-v-8a2ebc1b"]]);
|
|
351
351
|
export {
|
|
352
352
|
Je as B
|
|
353
353
|
};
|
|
354
|
-
//# sourceMappingURL=action-bar.
|
|
354
|
+
//# sourceMappingURL=action-bar.C6XFuiE0.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"action-bar.CWjLoeOU.js","sources":["../../../vue2/src/components/action-bar/action-bar.vue"],"sourcesContent":["<template>\n <Transition name=\"b-action-bar__animation\" appear>\n <section\n class=\"b-action-bar\"\n :class=\"conditionalClasses\"\n :aria-label=\"t('actionBar')\"\n @animationend=\"onAnimationEnd\"\n >\n <Transition\n :name=\"`b-action-bar__state-animation--${state}`\"\n :mode=\"stateTransitionMode\"\n @before-leave=\"onBeforeLeave\"\n @enter=\"onEnter\"\n @after-enter=\"onAfterEnter\"\n >\n <div\n ref=\"actionBar\"\n :key=\"state\"\n class=\"b-action-bar__container\"\n :class=\"containerClasses\"\n :style=\"{ width: containerWidth, maxWidth: containerMaxWidth }\"\n >\n <div v-if=\"state === 'start'\" class=\"b-action-bar__container-inner\">\n <div v-if=\"showCloseButton\" class=\"b-action-bar__close-button\">\n <bento-button variant=\"tertiary\" inverse :aria-label=\"t('close')\" @click=\"emit('close')\">\n <template #iconLeft><cross-icon :aria-hidden=\"true\" /></template>\n </bento-button>\n </div>\n\n <bento-typography\n v-if=\"showSelectionLabel()\"\n el=\"span\"\n stronger\n class=\"b-action-bar__selection\"\n >\n <template v-if=\"isConfirmationVariant && noItemCounter\">\n {{ tc('unsavedChanges', 0) }}\n </template>\n\n <template v-else>\n <slot\n v-if=\"!isConfirmationVariant && hasSelectionLabelSlot()\"\n name=\"selectionLabel\"\n :item-counter=\"itemCounter\"\n :label=\"label\"\n />\n\n <template v-else>\n {{ n(itemCounter) }}\n {{ computedSelectionLabel }}\n </template>\n </template>\n </bento-typography>\n\n <bento-button-actions\n v-if=\"isConfirmationVariant\"\n :actions=\"confirmationActions\"\n class=\"b-action-bar__actions\"\n inverse\n />\n\n <button-actions-with-menu\n v-else\n :actions=\"actionsInternal\"\n class=\"b-action-bar__actions\"\n :displayed-actions=\"internalDisplayedActions\"\n menu-position=\"top-end\"\n disable-responsive-behavior\n inverse\n />\n </div>\n\n <div v-else class=\"b-action-bar__container-inner\">\n <div class=\"b-action-bar__state-icon\">\n <bento-loading-indicator v-if=\"state === 'loading'\" small inverse />\n <checkmark-circle-fill v-if=\"state === 'success'\" :aria-hidden=\"true\" />\n <cross-circle-fill v-if=\"state === 'fail'\" :aria-hidden=\"true\" />\n </div>\n <bento-typography stronger>\n <slot name=\"stateLabel\">{{ defaultStateLabel }}</slot>\n </bento-typography>\n <div v-if=\"!hideStateActions\" class=\"b-action-bar__state-actions\">\n <bento-button\n v-if=\"state === 'success' && showUndoAction\"\n variant=\"tertiary\"\n inverse\n @click=\"emit('undo-action')\"\n >{{ t('undo') }}</bento-button\n >\n <bento-button\n v-if=\"state === 'fail' && showRetryAction\"\n variant=\"tertiary\"\n inverse\n @click=\"emit('retry-action')\"\n >{{ t('retry') }}</bento-button\n >\n <bento-button\n v-if=\"state === 'fail'\"\n variant=\"tertiary\"\n inverse\n @click=\"emit('cancel-action')\"\n >{{ t('cancel') }}</bento-button\n >\n </div>\n </div>\n </div>\n </Transition>\n </section>\n </Transition>\n</template>\n\n<script setup lang=\"ts\">\n import {\n computed,\n nextTick,\n type PropType,\n provide,\n ref,\n toRefs,\n type TransitionProps,\n useSlots,\n watch,\n } from 'vue';\n import { BentoButton, BentoButtonActions, type BentoButtonActionsList } from '@/components/button';\n import { BentoTypography } from '@/components/typography';\n import { BentoLoadingIndicator } from '@/components/loading-indicator';\n\n import { type BentoActionBarState, type BentoActionBarVariant } from '@/components/action-bar/action-bar.types';\n import ButtonActionsWithMenu from '@/components/internal/button-actions-with-menu/button-actions-with-menu.vue';\n import CrossIcon from '@adyen/ui-assets-icons-16/vue/cross';\n import CheckmarkCircleFill from '@adyen/ui-assets-icons-16/vue/checkmark-circle-fill';\n import CrossCircleFill from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n\n import { useI18n } from '@/utils/ts/i18n';\n import { useWindowSize } from '@vueuse/core';\n\n import messages from './messages.json';\n import { POPOVER_OFFSET_INJECTION_KEY } from '@/components/popover/popover.keys';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n // Constants\n const AVERAGE_BUTTON_SIZE = 100;\n const MENU_OFFSET = 7;\n const RESPONSIVE_BREAKPOINT = 500;\n const SPACING = 32;\n\n const props = defineProps({\n /**\n * List of actions that will be used to render the buttons.\n * Required and used for the `default` variant.\n *\n * Each object in the list should have a `title`, an `event` and,\n * optionally, an `icon`.\n *\n * The component will display 4 actions and the hide the rest inside a menu.\n *\n * @see BentoButton for a list of all the other props supported by each button action.\n */\n actions: {\n type: Array as PropType<BentoButtonActionsList>,\n default: () => [],\n },\n /**\n * Determines whether the close button is displayed in the `default` variant.\n */\n dismissible: {\n type: Boolean,\n default: true,\n },\n /**\n * How many actions should be visible outside the menu, cannot be more than 4\n */\n visibleActions: {\n type: Number,\n default: 4,\n validator: (value: number) => value > 0 && value <= 4,\n },\n /**\n * Use when there are sticky elements at the bottom, like sticky pagination\n */\n extraBottomSpacing: {\n type: Boolean,\n default: false,\n },\n /**\n * Show how many items are selected.\n * When omitted in the `confirmation` variant, a generic \"Unsaved changes\" label is displayed.\n */\n itemCounter: {\n type: Number,\n default: null,\n },\n /**\n * Label for the selection in the `default` variant, e.g. 'selected'/'changed'.\n * Pass `null` to hide it. In the `confirmation` variant, this prop is ignored.\n */\n selectionLabel: {\n type: String,\n default: undefined,\n },\n /**\n * State of the action bar.\n * @values start, loading, success, fail\n */\n state: {\n type: String as PropType<BentoActionBarState>,\n default: 'start',\n },\n /**\n * Displays the undo action button in `success` state.\n */\n showUndoAction: {\n type: Boolean,\n default: false,\n },\n /**\n * Displays the retry action button in `fail` state.\n */\n showRetryAction: {\n type: Boolean,\n default: false,\n },\n /**\n * Variant for the action bar\n * @values default, confirmation\n */\n variant: {\n type: String as PropType<BentoActionBarVariant>,\n default: 'default',\n },\n });\n\n const emit = defineEmits<{\n /**\n * Event emitted when the user click the close button\n */\n (e: 'close'): void;\n /**\n * Event emitted when the user clicks the cancel button in `confirmation` variant.\n */\n (e: 'cancel'): void;\n /**\n * Event emitted when the user clicks the save button in `confirmation` variant.\n */\n (e: 'save'): void;\n /**\n * Event emitted when the user clicks the undo button in `success` state.\n */\n (e: 'undo-action'): void;\n /**\n * Event emitted when the user clicks the retry button in `fail` state.\n */\n (e: 'retry-action'): void;\n /**\n * Event emitted when the user clicks the cancel button in `fail` state.\n */\n (e: 'cancel-action'): void;\n }>();\n\n const { t, tc, n } = useI18n<{ message: MessageSchema }>({ messages });\n const slots = useSlots();\n\n const hasSelectionLabelSlot = () => Boolean(slots.selectionLabel);\n\n const label = computed(() => (props.selectionLabel === undefined ? t('selected') : props.selectionLabel));\n\n const defaultStateLabel = computed(() => {\n switch (props.state) {\n case 'loading':\n return t('applying');\n case 'success':\n return t('success');\n case 'fail':\n return t('somethingWentWrong');\n default:\n return '';\n }\n });\n\n // Refs\n const actionBar = ref<HTMLDivElement>(null);\n const containerMaxWidth = ref<string | null>(null);\n const containerWidth = ref<string | null>(null);\n const isShaking = ref(false);\n\n const stateTransitionMode = computed(\n () => (props.state === 'loading' ? 'out-in' : undefined) as TransitionProps['mode']\n );\n\n const hideStateActions = computed(\n () => props.state === 'loading' || (props.state === 'success' && !props.showUndoAction)\n );\n\n const onBeforeLeave = (el: HTMLElement) => {\n if (props.state !== 'loading') {\n return;\n }\n\n containerMaxWidth.value = `${el.offsetWidth}px`;\n containerWidth.value = '100%';\n };\n\n const onEnter = (el: HTMLElement) => {\n if (props.state !== 'loading') {\n return;\n }\n\n // Reset styles to get natural width\n Object.assign(el.style, { width: 'auto', maxWidth: 'none' });\n const newWidth = el.offsetWidth;\n\n // Reset it back to the original values\n Object.assign(el.style, { width: '100%', maxWidth: containerMaxWidth.value });\n\n requestAnimationFrame(() => {\n containerMaxWidth.value = `${newWidth}px`;\n });\n };\n\n const onAfterEnter = () => {\n containerMaxWidth.value = null;\n containerWidth.value = null;\n\n if (props.state === 'fail') {\n isShaking.value = true;\n }\n };\n\n const onAnimationEnd = (event: AnimationEvent) => {\n if (event.animationName.startsWith('shake-')) {\n isShaking.value = false;\n }\n };\n\n const { extraBottomSpacing, visibleActions } = toRefs(props);\n const { width } = useWindowSize();\n const internalDisplayedActions = ref(null);\n const internalVisibleActions = ref(null);\n\n const isConfirmationVariant = computed(() => props.variant === 'confirmation');\n const computedSelectionLabel = computed(() =>\n isConfirmationVariant.value ? tc('unsavedChanges', props.itemCounter) : label.value\n );\n const showCloseButton = computed(() => !isConfirmationVariant.value && props.dismissible !== false);\n const showSelectionLabel = () =>\n isConfirmationVariant.value || hasSelectionLabelSlot() || props.selectionLabel !== null;\n\n watch(\n () => visibleActions.value,\n value => {\n internalVisibleActions.value = value <= 4 ? value : 4;\n internalDisplayedActions.value = internalVisibleActions.value;\n },\n { immediate: true }\n );\n\n // Styling\n const conditionalClasses = computed(() => ({\n 'b-action-bar--extra-spacing': extraBottomSpacing.value,\n 'b-action-bar--confirmation': isConfirmationVariant.value,\n 'b-action-bar__state-animation--shake': isShaking.value,\n }));\n\n const containerClasses = computed(() => ({\n [`b-action-bar__container--${props.state}`]: props.state !== 'start',\n }));\n\n // Provide POPOVER_OFFSET_INJECTION_KEY to change the value of the popover offset\n provide(POPOVER_OFFSET_INJECTION_KEY, MENU_OFFSET);\n\n // Manipulate actions array to display as intended\n const actionsInternal = computed(() => {\n // All buttons should be of type secondary in the action bar\n const actions = props.actions.map(action => ({\n ...action,\n variant: 'secondary',\n })) as BentoButtonActionsList;\n // Shown actions should display from left to right in action bar, instead of right to left which is the button actions default\n const shownActions = actions.slice(0, internalDisplayedActions.value).reverse();\n const hiddenActions = actions.slice(internalDisplayedActions.value);\n\n return [...shownActions, ...hiddenActions];\n });\n\n const confirmationActions = computed<BentoButtonActionsList>(() => [\n {\n title: t('save'),\n event: () => emit('save'),\n },\n {\n title: t('cancel'),\n variant: 'secondary',\n event: () => emit('cancel'),\n },\n ]);\n\n const noItemCounter = computed(() => {\n return props.itemCounter == null || props.itemCounter < 1;\n });\n\n // Recursive functions to determine how many actions should be visible/hidden based on the screens width\n const showActions = async () => {\n await nextTick();\n if (\n width.value > actionBar.value.clientWidth + SPACING + AVERAGE_BUTTON_SIZE &&\n internalDisplayedActions.value < internalVisibleActions.value\n ) {\n internalDisplayedActions.value += 1;\n showActions();\n }\n };\n\n const hideActions = async () => {\n await nextTick();\n if (width.value < actionBar.value.clientWidth + SPACING && internalDisplayedActions.value > 0) {\n internalDisplayedActions.value -= 1;\n hideActions();\n }\n };\n\n // Screen width watcher to toggle hidden/visible actions\n watch(\n () => width.value,\n async (newValue, oldValue) => {\n await nextTick();\n if (!actionBar.value) {\n return;\n }\n const isIncreasing = newValue > oldValue;\n if (width.value < RESPONSIVE_BREAKPOINT) {\n internalDisplayedActions.value = 0;\n } else if (isIncreasing) {\n showActions();\n } else {\n hideActions();\n }\n },\n { immediate: true }\n );\n</script>\n\n<script lang=\"ts\">\n /**\n * Action bar is a floating bar that provides users with quick access to key actions that can be applied to one or multiple items.\n *\n * @example\n * import { BentoActionBar } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoActionBar },\n * template: `\n * <bento-action-bar\n * :actions='[\n * {\n * title: 'Delete',\n * critical: true,\n * icon: BinIcon,\n * event: () => true,\n * },\n * {\n * title: 'Edit',\n * icon: EditIcon,\n * event: () => true,\n * }\n * ]'\n * @close=\"closeAction\"\n * :item-counter=\"5\"\n * />\n * `\n * }\n */\n export default {\n i18n: { messages },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./action-bar.scss\" />\n"],"names":["__default__","messages","props","__props","emit","__emit","t","tc","n","useI18n","slots","useSlots","hasSelectionLabelSlot","label","computed","defaultStateLabel","actionBar","ref","containerMaxWidth","containerWidth","isShaking","stateTransitionMode","hideStateActions","onBeforeLeave","el","onEnter","newWidth","onAfterEnter","onAnimationEnd","event","extraBottomSpacing","visibleActions","toRefs","width","useWindowSize","internalDisplayedActions","internalVisibleActions","isConfirmationVariant","computedSelectionLabel","showCloseButton","showSelectionLabel","watch","value","conditionalClasses","containerClasses","provide","POPOVER_OFFSET_INJECTION_KEY","actionsInternal","actions","action","shownActions","hiddenActions","confirmationActions","noItemCounter","showActions","nextTick","hideActions","newValue","oldValue","isIncreasing"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"action-bar.C6XFuiE0.js","sources":["../../../vue2/src/components/action-bar/action-bar.vue"],"sourcesContent":["<template>\n <Transition name=\"b-action-bar__animation\" appear>\n <section\n class=\"b-action-bar\"\n :class=\"conditionalClasses\"\n :aria-label=\"t('actionBar')\"\n @animationend=\"onAnimationEnd\"\n >\n <Transition\n :name=\"`b-action-bar__state-animation--${state}`\"\n :mode=\"stateTransitionMode\"\n @before-leave=\"onBeforeLeave\"\n @enter=\"onEnter\"\n @after-enter=\"onAfterEnter\"\n >\n <div\n ref=\"actionBar\"\n :key=\"state\"\n class=\"b-action-bar__container\"\n :class=\"containerClasses\"\n :style=\"{ width: containerWidth, maxWidth: containerMaxWidth }\"\n >\n <div v-if=\"state === 'start'\" class=\"b-action-bar__container-inner\">\n <div v-if=\"showCloseButton\" class=\"b-action-bar__close-button\">\n <bento-button variant=\"tertiary\" inverse :aria-label=\"t('close')\" @click=\"emit('close')\">\n <template #iconLeft><cross-icon :aria-hidden=\"true\" /></template>\n </bento-button>\n </div>\n\n <bento-typography\n v-if=\"showSelectionLabel()\"\n el=\"span\"\n stronger\n class=\"b-action-bar__selection\"\n >\n <template v-if=\"isConfirmationVariant && noItemCounter\">\n {{ tc('unsavedChanges', 0) }}\n </template>\n\n <template v-else>\n <slot\n v-if=\"!isConfirmationVariant && hasSelectionLabelSlot()\"\n name=\"selectionLabel\"\n :item-counter=\"itemCounter\"\n :label=\"label\"\n />\n\n <template v-else>\n {{ n(itemCounter) }}\n {{ computedSelectionLabel }}\n </template>\n </template>\n </bento-typography>\n\n <bento-button-actions\n v-if=\"isConfirmationVariant\"\n :actions=\"confirmationActions\"\n class=\"b-action-bar__actions\"\n inverse\n />\n\n <button-actions-with-menu\n v-else\n :actions=\"actionsInternal\"\n class=\"b-action-bar__actions\"\n :displayed-actions=\"internalDisplayedActions\"\n menu-position=\"top-end\"\n disable-responsive-behavior\n inverse\n />\n </div>\n\n <div v-else class=\"b-action-bar__container-inner\">\n <div class=\"b-action-bar__state-icon\">\n <bento-loading-indicator v-if=\"state === 'loading'\" small inverse />\n <checkmark-circle-fill v-if=\"state === 'success'\" :aria-hidden=\"true\" />\n <cross-circle-fill v-if=\"state === 'fail'\" :aria-hidden=\"true\" />\n </div>\n <bento-typography stronger>\n <slot name=\"stateLabel\">{{ defaultStateLabel }}</slot>\n </bento-typography>\n <div v-if=\"!hideStateActions\" class=\"b-action-bar__state-actions\">\n <bento-button\n v-if=\"state === 'success' && showUndoAction\"\n variant=\"tertiary\"\n inverse\n @click=\"emit('undo-action')\"\n >{{ t('undo') }}</bento-button\n >\n <bento-button\n v-if=\"state === 'fail' && showRetryAction\"\n variant=\"tertiary\"\n inverse\n @click=\"emit('retry-action')\"\n >{{ t('retry') }}</bento-button\n >\n <bento-button\n v-if=\"state === 'fail'\"\n variant=\"tertiary\"\n inverse\n @click=\"emit('cancel-action')\"\n >{{ t('cancel') }}</bento-button\n >\n </div>\n </div>\n </div>\n </Transition>\n </section>\n </Transition>\n</template>\n\n<script setup lang=\"ts\">\n import {\n computed,\n nextTick,\n type PropType,\n provide,\n ref,\n toRefs,\n type TransitionProps,\n useSlots,\n watch,\n } from 'vue';\n import { BentoButton, BentoButtonActions, type BentoButtonActionsList } from '@/components/button';\n import { BentoTypography } from '@/components/typography';\n import { BentoLoadingIndicator } from '@/components/loading-indicator';\n\n import { type BentoActionBarState, type BentoActionBarVariant } from '@/components/action-bar/action-bar.types';\n import ButtonActionsWithMenu from '@/components/internal/button-actions-with-menu/button-actions-with-menu.vue';\n import CrossIcon from '@adyen/ui-assets-icons-16/vue/cross';\n import CheckmarkCircleFill from '@adyen/ui-assets-icons-16/vue/checkmark-circle-fill';\n import CrossCircleFill from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n\n import { useI18n } from '@/utils/ts/i18n';\n import { useWindowSize } from '@vueuse/core';\n\n import messages from './messages.json';\n import { POPOVER_OFFSET_INJECTION_KEY } from '@/components/popover/popover.keys';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n // Constants\n const AVERAGE_BUTTON_SIZE = 100;\n const MENU_OFFSET = 7;\n const RESPONSIVE_BREAKPOINT = 500;\n const SPACING = 32;\n\n const props = defineProps({\n /**\n * List of actions that will be used to render the buttons.\n * Required and used for the `default` variant.\n *\n * Each object in the list should have a `title`, an `event` and,\n * optionally, an `icon`.\n *\n * The component will display 4 actions and the hide the rest inside a menu.\n *\n * @see BentoButton for a list of all the other props supported by each button action.\n */\n actions: {\n type: Array as PropType<BentoButtonActionsList>,\n default: () => [],\n },\n /**\n * Determines whether the close button is displayed in the `default` variant.\n */\n dismissible: {\n type: Boolean,\n default: true,\n },\n /**\n * How many actions should be visible outside the menu, cannot be more than 4\n */\n visibleActions: {\n type: Number,\n default: 4,\n validator: (value: number) => value > 0 && value <= 4,\n },\n /**\n * Use when there are sticky elements at the bottom, like sticky pagination\n */\n extraBottomSpacing: {\n type: Boolean,\n default: false,\n },\n /**\n * Show how many items are selected.\n * When omitted in the `confirmation` variant, a generic \"Unsaved changes\" label is displayed.\n */\n itemCounter: {\n type: Number,\n default: null,\n },\n /**\n * Label for the selection in the `default` variant, e.g. 'selected'/'changed'.\n * Pass `null` to hide it. In the `confirmation` variant, this prop is ignored.\n */\n selectionLabel: {\n type: String,\n default: undefined,\n },\n /**\n * State of the action bar.\n * @values start, loading, success, fail\n */\n state: {\n type: String as PropType<BentoActionBarState>,\n default: 'start',\n },\n /**\n * Displays the undo action button in `success` state.\n */\n showUndoAction: {\n type: Boolean,\n default: false,\n },\n /**\n * Displays the retry action button in `fail` state.\n */\n showRetryAction: {\n type: Boolean,\n default: false,\n },\n /**\n * Variant for the action bar\n * @values default, confirmation\n */\n variant: {\n type: String as PropType<BentoActionBarVariant>,\n default: 'default',\n },\n });\n\n const emit = defineEmits<{\n /**\n * Event emitted when the user click the close button\n */\n (e: 'close'): void;\n /**\n * Event emitted when the user clicks the cancel button in `confirmation` variant.\n */\n (e: 'cancel'): void;\n /**\n * Event emitted when the user clicks the save button in `confirmation` variant.\n */\n (e: 'save'): void;\n /**\n * Event emitted when the user clicks the undo button in `success` state.\n */\n (e: 'undo-action'): void;\n /**\n * Event emitted when the user clicks the retry button in `fail` state.\n */\n (e: 'retry-action'): void;\n /**\n * Event emitted when the user clicks the cancel button in `fail` state.\n */\n (e: 'cancel-action'): void;\n }>();\n\n const { t, tc, n } = useI18n<{ message: MessageSchema }>({ messages });\n const slots = useSlots();\n\n const hasSelectionLabelSlot = () => Boolean(slots.selectionLabel);\n\n const label = computed(() => (props.selectionLabel === undefined ? t('selected') : props.selectionLabel));\n\n const defaultStateLabel = computed(() => {\n switch (props.state) {\n case 'loading':\n return t('applying');\n case 'success':\n return t('success');\n case 'fail':\n return t('somethingWentWrong');\n default:\n return '';\n }\n });\n\n // Refs\n const actionBar = ref<HTMLDivElement>(null);\n const containerMaxWidth = ref<string | null>(null);\n const containerWidth = ref<string | null>(null);\n const isShaking = ref(false);\n\n const stateTransitionMode = computed(\n () => (props.state === 'loading' ? 'out-in' : undefined) as TransitionProps['mode']\n );\n\n const hideStateActions = computed(\n () => props.state === 'loading' || (props.state === 'success' && !props.showUndoAction)\n );\n\n const onBeforeLeave = (el: HTMLElement) => {\n if (props.state !== 'loading') {\n return;\n }\n\n containerMaxWidth.value = `${el.offsetWidth}px`;\n containerWidth.value = '100%';\n };\n\n const onEnter = (el: HTMLElement) => {\n if (props.state !== 'loading') {\n return;\n }\n\n // Reset styles to get natural width\n Object.assign(el.style, { width: 'auto', maxWidth: 'none' });\n const newWidth = el.offsetWidth;\n\n // Reset it back to the original values\n Object.assign(el.style, { width: '100%', maxWidth: containerMaxWidth.value });\n\n requestAnimationFrame(() => {\n containerMaxWidth.value = `${newWidth}px`;\n });\n };\n\n const onAfterEnter = () => {\n containerMaxWidth.value = null;\n containerWidth.value = null;\n\n if (props.state === 'fail') {\n isShaking.value = true;\n }\n };\n\n const onAnimationEnd = (event: AnimationEvent) => {\n if (event.animationName.startsWith('shake-')) {\n isShaking.value = false;\n }\n };\n\n const { extraBottomSpacing, visibleActions } = toRefs(props);\n const { width } = useWindowSize();\n const internalDisplayedActions = ref(null);\n const internalVisibleActions = ref(null);\n\n const isConfirmationVariant = computed(() => props.variant === 'confirmation');\n const computedSelectionLabel = computed(() =>\n isConfirmationVariant.value ? tc('unsavedChanges', props.itemCounter) : label.value\n );\n const showCloseButton = computed(() => !isConfirmationVariant.value && props.dismissible !== false);\n const showSelectionLabel = () =>\n isConfirmationVariant.value || hasSelectionLabelSlot() || props.selectionLabel !== null;\n\n watch(\n () => visibleActions.value,\n value => {\n internalVisibleActions.value = value <= 4 ? value : 4;\n internalDisplayedActions.value = internalVisibleActions.value;\n },\n { immediate: true }\n );\n\n // Styling\n const conditionalClasses = computed(() => ({\n 'b-action-bar--extra-spacing': extraBottomSpacing.value,\n 'b-action-bar--confirmation': isConfirmationVariant.value,\n 'b-action-bar__state-animation--shake': isShaking.value,\n }));\n\n const containerClasses = computed(() => ({\n [`b-action-bar__container--${props.state}`]: props.state !== 'start',\n }));\n\n // Provide POPOVER_OFFSET_INJECTION_KEY to change the value of the popover offset\n provide(POPOVER_OFFSET_INJECTION_KEY, MENU_OFFSET);\n\n // Manipulate actions array to display as intended\n const actionsInternal = computed(() => {\n // All buttons should be of type secondary in the action bar\n const actions = props.actions.map(action => ({\n ...action,\n variant: 'secondary',\n })) as BentoButtonActionsList;\n // Shown actions should display from left to right in action bar, instead of right to left which is the button actions default\n const shownActions = actions.slice(0, internalDisplayedActions.value).reverse();\n const hiddenActions = actions.slice(internalDisplayedActions.value);\n\n return [...shownActions, ...hiddenActions];\n });\n\n const confirmationActions = computed<BentoButtonActionsList>(() => [\n {\n title: t('save'),\n event: () => emit('save'),\n },\n {\n title: t('cancel'),\n variant: 'secondary',\n event: () => emit('cancel'),\n },\n ]);\n\n const noItemCounter = computed(() => {\n return props.itemCounter == null || props.itemCounter < 1;\n });\n\n // Recursive functions to determine how many actions should be visible/hidden based on the screens width\n const showActions = async () => {\n await nextTick();\n if (\n width.value > actionBar.value.clientWidth + SPACING + AVERAGE_BUTTON_SIZE &&\n internalDisplayedActions.value < internalVisibleActions.value\n ) {\n internalDisplayedActions.value += 1;\n showActions();\n }\n };\n\n const hideActions = async () => {\n await nextTick();\n if (width.value < actionBar.value.clientWidth + SPACING && internalDisplayedActions.value > 0) {\n internalDisplayedActions.value -= 1;\n hideActions();\n }\n };\n\n // Screen width watcher to toggle hidden/visible actions\n watch(\n () => width.value,\n async (newValue, oldValue) => {\n await nextTick();\n if (!actionBar.value) {\n return;\n }\n const isIncreasing = newValue > oldValue;\n if (width.value < RESPONSIVE_BREAKPOINT) {\n internalDisplayedActions.value = 0;\n } else if (isIncreasing) {\n showActions();\n } else {\n hideActions();\n }\n },\n { immediate: true }\n );\n</script>\n\n<script lang=\"ts\">\n /**\n * Action bar is a floating bar that provides users with quick access to key actions that can be applied to one or multiple items.\n *\n * @example\n * import { BentoActionBar } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoActionBar },\n * template: `\n * <bento-action-bar\n * :actions='[\n * {\n * title: 'Delete',\n * critical: true,\n * icon: BinIcon,\n * event: () => true,\n * },\n * {\n * title: 'Edit',\n * icon: EditIcon,\n * event: () => true,\n * }\n * ]'\n * @close=\"closeAction\"\n * :item-counter=\"5\"\n * />\n * `\n * }\n */\n export default {\n i18n: { messages },\n name: 'bento-action-bar',\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./action-bar.scss\" />\n"],"names":["__default__","messages","props","__props","emit","__emit","t","tc","n","useI18n","slots","useSlots","hasSelectionLabelSlot","label","computed","defaultStateLabel","actionBar","ref","containerMaxWidth","containerWidth","isShaking","stateTransitionMode","hideStateActions","onBeforeLeave","el","onEnter","newWidth","onAfterEnter","onAnimationEnd","event","extraBottomSpacing","visibleActions","toRefs","width","useWindowSize","internalDisplayedActions","internalVisibleActions","isConfirmationVariant","computedSelectionLabel","showCloseButton","showSelectionLabel","watch","value","conditionalClasses","containerClasses","provide","POPOVER_OFFSET_INJECTION_KEY","actionsInternal","actions","action","shownActions","hiddenActions","confirmationActions","noItemCounter","showActions","nextTick","hideActions","newValue","oldValue","isIncreasing"],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { defineComponent as p, useSlots as f, computed as m, onMounted as b, openBlock as _, createElementBlock as v, normalizeClass as B, createElementVNode as k, createVNode as n, withModifiers as C, withCtx as a, renderSlot as y, unref as S } from "vue";
|
|
2
|
-
import { B as h } from "./button.
|
|
2
|
+
import { B as h } from "./button.DAcwNdtP.js";
|
|
3
3
|
import { _ as g } from "./artificial-intelligence-ai-filled.DtxnHYpC.js";
|
|
4
4
|
import { u as w } from "./use-has-slot.CyMiImRQ.js";
|
|
5
|
-
import { p as A } from "./typography.
|
|
5
|
+
import { p as A } from "./typography.B6elnWpr.js";
|
|
6
6
|
import { _ as E } from "./_plugin-vue_export-helper.CHgC5LLL.js";
|
|
7
7
|
import "../assets/ai-button.css";
|
|
8
8
|
const I = {
|
|
@@ -55,4 +55,4 @@ const I = {
|
|
|
55
55
|
export {
|
|
56
56
|
L as a
|
|
57
57
|
};
|
|
58
|
-
//# sourceMappingURL=ai-button.
|
|
58
|
+
//# sourceMappingURL=ai-button.M2xaszNl.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ai-button.
|
|
1
|
+
{"version":3,"file":"ai-button.M2xaszNl.js","sources":["../../../vue2/src/components/button/components/ai-button/ai-button.vue"],"sourcesContent":["<template>\n <div class=\"b-ai-button\" :class=\"conditionalClass\">\n <div class=\"b-ai-button__animation\" />\n\n <bento-button\n class=\"b-ai-button__button\"\n :condensed=\"condensed\"\n :disabled=\"disabled\"\n :inverse=\"inverse\"\n variant=\"secondary\"\n @click.capture.stop=\"onClick\"\n >\n <template #iconLeft>\n <ai-filled-icon aria-hidden=\"true\" class=\"b-ai-button__icon\" />\n </template>\n\n <slot></slot>\n </bento-button>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, onMounted, useSlots } from 'vue';\n import BentoButton from '../../button.vue';\n import AiFilledIcon from '@adyen/ui-assets-icons-16/vue/artificial-intelligence-ai-filled';\n import { useHasSlot } from '@/composables/use-has-slot/use-has-slot';\n import { printDevelopmentWarning } from '@/utils/ts/print-development-warning';\n import { type BentoAiButtonProps } from './ai-button.types';\n\n const props = withDefaults(defineProps<BentoAiButtonProps>(), {\n link: undefined,\n type: 'button',\n condensed: false,\n disabled: false,\n inverse: false,\n });\n\n const emit = defineEmits<{\n /**\n * Click event handler\n */\n (e: 'click', event: MouseEvent): void;\n }>();\n\n const slots = useSlots();\n const hasSlot = useHasSlot(slots);\n\n const conditionalClass = computed(() => ({\n 'b-ai-button--disabled': props.disabled,\n 'b-ai-button--inverse': props.inverse,\n }));\n\n const onClick = (e: MouseEvent) => {\n // Prevent Vue3 from triggering event twice\n e.stopPropagation();\n\n emit('click', e);\n };\n\n onMounted(() => {\n if (!hasSlot('default')) {\n printDevelopmentWarning('An icon-only button cannot be a AI button');\n }\n });\n</script>\n\n<script lang=\"ts\">\n /**\n * AI Button component is used for cases where pressing a button starts an AI-related action.\n *\n * @example\n * import { BentoAiButton } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoAiButton },\n * template: `\n * <bento-ai-button @click=\"onClick\">Generate with AI</bento-ai-button>\n * `\n * }\n */\n export default {\n name: 'bento-ai-button',\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./ai-button.scss\" />\n"],"names":["__default__","props","__props","emit","__emit","slots","useSlots","hasSlot","useHasSlot","conditionalClass","computed","onClick","e","onMounted","printDevelopmentWarning"],"mappings":";;;;;;;AAgFI,MAAAA,IAAA;AAAA,EAAe,MAAA;AAEf;;;;;;;;;;;AArDA,UAAAC,IAAAC,GAQAC,IAAAC,GAOAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEAI,IAAAC,EAAA,OAAA;AAAA,MAAyC,yBAAAT,EAAA;AAAA,MACN,wBAAAA,EAAA;AAAA,IACD,EAAA,GAGlCU,IAAA,CAAAC,MAAA;AAEI,MAAAA,EAAA,gBAAA,GAEAT,EAAA,SAAAS,CAAA;AAAA,IAAe;AAGnB,WAAAC,EAAA,MAAA;AACI,MAAAN,EAAA,SAAA,KACIO,EAAA,2CAAA;AAAA,IACJ,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent as k, ref as c, watch as b, computed as T, openBlock as p, createElementBlock as V, withKeys as w, createVNode as o, unref as e, withCtx as t, createTextVNode as r, toDisplayString as s, createBlock as v, createElementVNode as C, createCommentVNode as I } from "vue";
|
|
2
|
-
import { u as N, c as D, h as K } from "./button-actions.
|
|
3
|
-
import { B as u } from "./typography.
|
|
4
|
-
import { u as R } from "./index.
|
|
2
|
+
import { u as N, c as D, h as K } from "./button-actions.DvuGEQxM.js";
|
|
3
|
+
import { B as u } from "./typography.B6elnWpr.js";
|
|
4
|
+
import { u as R } from "./index.CGBfMQdv.js";
|
|
5
5
|
import { g as L } from "./generate-uid.DBWe4g6T.js";
|
|
6
6
|
import { _ as x } from "./artificial-intelligence-ai-filled.DtxnHYpC.js";
|
|
7
7
|
import { _ as P } from "./_plugin-vue_export-helper.CHgC5LLL.js";
|
|
@@ -135,4 +135,4 @@ const A = {
|
|
|
135
135
|
export {
|
|
136
136
|
$ as a
|
|
137
137
|
};
|
|
138
|
-
//# sourceMappingURL=ai-tag.
|
|
138
|
+
//# sourceMappingURL=ai-tag.BLDTP7fs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ai-tag.
|
|
1
|
+
{"version":3,"file":"ai-tag.BLDTP7fs.js","sources":["../../../vue2/src/components/ai-tag/ai-tag.vue"],"sourcesContent":["<template>\n <div ref=\"aiTagRef\" class=\"b-ai-tag\" @keydown.esc=\"closePopover\">\n <bento-toggle-button\n ref=\"targetElement\"\n :toggled=\"toggled\"\n :aria-controls=\"popoverId\"\n variant=\"secondary\"\n condensed\n class=\"b-ai-tag__trigger\"\n @update:toggled=\"onToggle\"\n >\n <template #iconLeft>\n <artificial-intelligence-ai-icon class=\"b-ai-tag__trigger-icon\" :aria-hidden=\"true\" />\n </template>\n {{ t('ai') }}\n </bento-toggle-button>\n\n <bento-popover\n v-if=\"targetElement\"\n :id=\"popoverId\"\n :open=\"toggled\"\n :target-element=\"targetElement\"\n :actions=\"popoverActions\"\n actions-layout=\"fill-container\"\n :title=\"t('aiExplained')\"\n trap-all\n :trap-all-options=\"{ onDeactivate: closePopover, allowOutsideClick: true }\"\n fixed-positioning\n overflow-visible\n @dismiss=\"closePopover\"\n >\n <template #headerIcon>\n <artificial-intelligence-ai-icon class=\"b-ai-tag__popover-header-icon\" :aria-hidden=\"true\" />\n </template>\n <div class=\"b-ai-tag__popover-content\">\n <bento-typography v-if=\"influencedValue\" variant=\"title\" medium class=\"b-ai-tag__influenced-value\">\n {{ influencedValue }}\n </bento-typography>\n\n <bento-typography variant=\"title\">\n {{ title }}\n </bento-typography>\n\n <bento-typography>\n {{ description }}\n </bento-typography>\n </div>\n </bento-popover>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, ref, watch } from 'vue';\n import { BentoPopover } from '@/components/popover';\n import { BentoToggleButton } from '@/components/button';\n import { BentoTypography } from '@/components/typography';\n import { useClickOutside } from '@/composables';\n import { useI18n } from '@/utils/ts/i18n';\n import { generateUid } from '@/utils/ts/generate-uid';\n import type { BentoButtonActionsList } from '@/components/button/components/button-actions/button-actions.types';\n import ArtificialIntelligenceAiIcon from '@adyen/ui-assets-icons-16/vue/artificial-intelligence-ai-filled';\n import type { BentoAiTagProps } from './ai-tag.types';\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n const props = withDefaults(defineProps<BentoAiTagProps>(), {\n influencedValue: undefined,\n toggled: false,\n action: undefined,\n });\n\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n const toggled = ref(props.toggled);\n const aiTagRef = ref<HTMLElement | null>(null);\n const targetElement = ref<InstanceType<typeof BentoToggleButton> | null>(null);\n const popoverId = generateUid('b-ai-tag-popover');\n\n watch(\n () => props.toggled,\n value => {\n toggled.value = value;\n }\n );\n\n useClickOutside(aiTagRef, () => {\n closePopover();\n });\n\n const popoverActions = computed<BentoButtonActionsList>(() =>\n props.action\n ? [\n {\n ...props.action,\n variant: 'secondary',\n },\n ]\n : undefined\n );\n\n const emit = defineEmits<{\n /**\n * Triggered when the popover is toggled\n */\n (e: 'update:toggled', toggled: boolean): void;\n }>();\n\n const onToggle = (value: boolean) => {\n toggled.value = value;\n emit('update:toggled', value);\n };\n\n const closePopover = () => {\n if (toggled.value) {\n onToggle(false);\n }\n };\n</script>\n\n<script lang=\"ts\">\n /**\n * The AI tag is a component used to transparently identify content, data, or experiences that have been generated or\n * enhanced by artificial intelligence.\n *\n * @example\n * import { BentoAiTag } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoAiTag },\n * template: `\n * <bento-ai-tag\n * title=\"Input fields auto-filled by AI\"\n * description=\"Based on your documents uploaded, AI has auto-filled some information for you.\"\n * />\n * `\n * }\n */\n export default {\n i18n: { messages },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./ai-tag.scss\" />\n"],"names":["__default__","messages","props","__props","t","useI18n","toggled","ref","aiTagRef","targetElement","popoverId","generateUid","watch","value","useClickOutside","closePopover","popoverActions","computed","emit","__emit","onToggle"],"mappings":";;;;;;;;;;;;;;;;;;;;+CA0IIA,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;AA1EA,UAAAC,IAAAC,GAMA,EAAA,GAAAC,EAAA,IAAAC,EAAA,EAAA,UAAAJ,EAAA,CAAA,GAEAK,IAAAC,EAAAL,EAAA,OAAA,GACAM,IAAAD,EAAA,IAAA,GACAE,IAAAF,EAAA,IAAA,GACAG,IAAAC,EAAA,kBAAA;AAEA,IAAAC;AAAA,MAAA,MAAAV,EAAA;AAAA,MACgB,CAAAW,MAAA;AAER,QAAAP,EAAA,QAAAO;AAAA,MAAgB;AAAA,IACpB,GAGJC,EAAAN,GAAA,MAAA;AACI,MAAAO,EAAA;AAAA,IAAa,CAAA;AAGjB,UAAAC,IAAAC;AAAA,MAAuB,MAAAf,EAAA,SAAA;AAAA,QAEb;AAAA,UACI,GAAAA,EAAA;AAAA,UACa,SAAA;AAAA,QACA;AAAA,MACb,IAAA;AAAA,IAEJ,GAGVgB,IAAAC,GAOAC,IAAA,CAAAP,MAAA;AACI,MAAAP,EAAA,QAAAO,GACAK,EAAA,kBAAAL,CAAA;AAAA,IAA4B,GAGhCE,IAAA,MAAA;AACI,MAAAT,EAAA,SACIc,EAAA,EAAA;AAAA,IACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { getCurrentInstance as H, openBlock as n, createElementBlock as C, mergeProps as v, toDisplayString as L, createCommentVNode as d, createElementVNode as i, unref as s, defineComponent as G, useSlots as N, computed as u, onMounted as R, normalizeClass as M, createBlock as h, resolveDynamicComponent as A, withCtx as _, renderSlot as m, createVNode as D } from "vue";
|
|
2
|
-
import { c as w, a as P, B as y } from "./typography.
|
|
3
|
-
import { B as Z } from "./button.
|
|
2
|
+
import { c as w, a as P, B as y } from "./typography.B6elnWpr.js";
|
|
3
|
+
import { B as Z } from "./button.DAcwNdtP.js";
|
|
4
4
|
import { _ as F } from "./cross-small.B6P0qFHF.js";
|
|
5
5
|
/* empty css */
|
|
6
6
|
import { _ as U } from "./cross-circle-fill.DJbpTaVE.js";
|
|
7
7
|
import { _ as W } from "./checkmark-circle-fill.Caog04lx.js";
|
|
8
8
|
import { u as z } from "./use-has-slot.CyMiImRQ.js";
|
|
9
|
-
import { u as q } from "./index.
|
|
9
|
+
import { u as q } from "./index.CGBfMQdv.js";
|
|
10
10
|
import { _ as x } from "./_plugin-vue_export-helper.CHgC5LLL.js";
|
|
11
11
|
import "../assets/alert.css";
|
|
12
12
|
var p = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.TIP = "tip", e))(p || {}), r = /* @__PURE__ */ ((e) => (e.WARNING = "warning", e.CRITICAL = "critical", e.HIGHLIGHT = "highlight", e.SUCCESS = "success", e))(r || {}), S = /* @__PURE__ */ ((e) => (e.CLOSE_ALERT = "close-alert", e))(S || {});
|
|
@@ -181,4 +181,4 @@ export {
|
|
|
181
181
|
r as b,
|
|
182
182
|
p as c
|
|
183
183
|
};
|
|
184
|
-
//# sourceMappingURL=alert.
|
|
184
|
+
//# sourceMappingURL=alert.BYmn1ewo.js.map
|