@adyen/bento-vue2 1.89.2 → 1.90.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/components.d.ts +2 -0
- package/dist/@types/index.d.ts +198 -80
- 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/card.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/file-uploader.css +1 -1
- package/dist/assets/input-time.css +1 -0
- package/dist/assets/inspector.css +1 -1
- package/dist/assets/modal-fullscreen.css +1 -1
- package/dist/assets/secondary-nav.css +1 -1
- package/dist/assets/sidepanel.css +1 -1
- package/dist/button.js +3 -3
- package/dist/card.js +1 -1
- package/dist/checkbox.js +2 -2
- package/dist/chip.js +1 -1
- package/dist/chunks/accordion-item.D0WVCLec.js +145 -0
- package/dist/chunks/{accordion-item.BZDSJamR.js.map → accordion-item.D0WVCLec.js.map} +1 -1
- package/dist/chunks/action-bar.B63qIiiH.js +334 -0
- package/dist/chunks/{action-bar.CYGUYI0V.js.map → action-bar.B63qIiiH.js.map} +1 -1
- package/dist/chunks/{ai-button.CR_ePQRR.js → ai-button.7L9bANlk.js} +2 -2
- package/dist/chunks/{ai-button.CR_ePQRR.js.map → ai-button.7L9bANlk.js.map} +1 -1
- package/dist/chunks/ai-tag.CCJCOdXu.js +110 -0
- package/dist/chunks/{ai-tag.Cjf38mjR.js.map → ai-tag.CCJCOdXu.js.map} +1 -1
- package/dist/chunks/alert.CXRb-Smf.js +160 -0
- package/dist/chunks/{alert.QVQ6Zjbm.js.map → alert.CXRb-Smf.js.map} +1 -1
- package/dist/chunks/{anchor-scroller.CjJ26PJS.js → anchor-scroller.DWaykZQj.js} +66 -39
- package/dist/chunks/{anchor-scroller.CjJ26PJS.js.map → anchor-scroller.DWaykZQj.js.map} +1 -1
- package/dist/chunks/{base-modal.DmWkavtf.js → base-modal.DpmeDmq-.js} +103 -66
- package/dist/chunks/{base-modal.DmWkavtf.js.map → base-modal.DpmeDmq-.js.map} +1 -1
- package/dist/chunks/{button-actions-with-menu.Bi_HXopk.js → button-actions-with-menu.ChTUOsZl.js} +2 -2
- package/dist/chunks/{button-actions-with-menu.Bi_HXopk.js.map → button-actions-with-menu.ChTUOsZl.js.map} +1 -1
- package/dist/chunks/{button-actions.BLk114As.js → button-actions.BmU1DngD.js} +221 -147
- package/dist/chunks/{button-actions.BLk114As.js.map → button-actions.BmU1DngD.js.map} +1 -1
- package/dist/chunks/{button.DxhJNOtr.js → button.C9b2AC9w.js} +2 -2
- package/dist/chunks/{button.DxhJNOtr.js.map → button.C9b2AC9w.js.map} +1 -1
- package/dist/chunks/{calendar.CXKhBF2f.js → calendar.uvIGF_jU.js} +283 -209
- package/dist/chunks/{calendar.CXKhBF2f.js.map → calendar.uvIGF_jU.js.map} +1 -1
- package/dist/chunks/card.WWUfBkqf.js +165 -0
- package/dist/chunks/{card.GjhsXOT0.js.map → card.WWUfBkqf.js.map} +1 -1
- package/dist/chunks/{checkbox-group.B2BjU3ZN.js → checkbox-group.CI0xDnql.js} +4 -4
- package/dist/chunks/{checkbox-group.B2BjU3ZN.js.map → checkbox-group.CI0xDnql.js.map} +1 -1
- package/dist/chunks/{checkbox.CIv8WgGp.js → checkbox.TsWA6O3Z.js} +93 -56
- package/dist/chunks/{checkbox.CIv8WgGp.js.map → checkbox.TsWA6O3Z.js.map} +1 -1
- package/dist/chunks/chip.BFY_-VCz.js +84 -0
- package/dist/chunks/{chip.DTpENaGC.js.map → chip.BFY_-VCz.js.map} +1 -1
- package/dist/chunks/{code-snippet.YIm2oO_o.js → code-snippet.4DX9iUV8.js} +133 -76
- package/dist/chunks/{code-snippet.YIm2oO_o.js.map → code-snippet.4DX9iUV8.js.map} +1 -1
- package/dist/chunks/{controls-group.CqotnNEF.js → controls-group.D_KE99mg.js} +2 -2
- package/dist/chunks/{controls-group.CqotnNEF.js.map → controls-group.D_KE99mg.js.map} +1 -1
- package/dist/chunks/copy.qqGYFbKJ.js +133 -0
- package/dist/chunks/{copy.BVGQcf22.js.map → copy.qqGYFbKJ.js.map} +1 -1
- package/dist/chunks/{country.D20NCLLG.js → country.BEwW8TQo.js} +3 -3
- package/dist/chunks/{country.D20NCLLG.js.map → country.BEwW8TQo.js.map} +1 -1
- package/dist/chunks/country.types.jjXwaoMl.js +2537 -0
- package/dist/chunks/country.types.jjXwaoMl.js.map +1 -0
- package/dist/chunks/{dashboard-section.BubZyu8i.js → dashboard-section.TWlLdQHG.js} +3 -3
- package/dist/chunks/{dashboard-section.BubZyu8i.js.map → dashboard-section.TWlLdQHG.js.map} +1 -1
- package/dist/chunks/{dashed-underline.pjYTS0m1.js → dashed-underline.CpDuQ3Fo.js} +3 -3
- package/dist/chunks/{dashed-underline.pjYTS0m1.js.map → dashed-underline.CpDuQ3Fo.js.map} +1 -1
- package/dist/chunks/{data-grid-template.D8RhngPj.js → data-grid-template.DZaE-kOS.js} +4 -4
- package/dist/chunks/{data-grid-template.D8RhngPj.js.map → data-grid-template.DZaE-kOS.js.map} +1 -1
- package/dist/chunks/data-grid.x6cEW0az.js +4069 -0
- package/dist/chunks/data-grid.x6cEW0az.js.map +1 -0
- package/dist/chunks/date-picker.Dln8ocL4.js +222 -0
- package/dist/chunks/{date-picker.CnazYcSX.js.map → date-picker.Dln8ocL4.js.map} +1 -1
- package/dist/chunks/date-range-picker.DPGy2h-9.js +1068 -0
- package/dist/chunks/date-range-picker.DPGy2h-9.js.map +1 -0
- package/dist/chunks/dialog-page.EdejG53a.js +143 -0
- package/dist/chunks/{dialog-page.oyG153fC.js.map → dialog-page.EdejG53a.js.map} +1 -1
- package/dist/chunks/{dropdown-default-textbox.Dvzg0StF.js → dropdown-default-textbox.CjhLIxVq.js} +63 -36
- package/dist/chunks/{dropdown-default-textbox.Dvzg0StF.js.map → dropdown-default-textbox.CjhLIxVq.js.map} +1 -1
- package/dist/chunks/{dropdown-tag.BRB-emd1.js → dropdown-tag.t3FlJUSy.js} +5 -5
- package/dist/chunks/{dropdown-tag.BRB-emd1.js.map → dropdown-tag.t3FlJUSy.js.map} +1 -1
- package/dist/chunks/{dropdown.Ct7uhPr6.js → dropdown.CvNI2V33.js} +329 -235
- package/dist/chunks/{dropdown.Ct7uhPr6.js.map → dropdown.CvNI2V33.js.map} +1 -1
- package/dist/chunks/{empty-state.D_Ac-XXH.js → empty-state.DMV23IZy.js} +2 -2
- package/dist/chunks/{empty-state.D_Ac-XXH.js.map → empty-state.DMV23IZy.js.map} +1 -1
- package/dist/chunks/error-message.BUNKRa_w.js +160 -0
- package/dist/chunks/{error-message.RxdStT3S.js.map → error-message.BUNKRa_w.js.map} +1 -1
- package/dist/chunks/{file-uploader.D5Rjsx4k.js → file-uploader.Cig5gDXT.js} +749 -468
- package/dist/chunks/{file-uploader.D5Rjsx4k.js.map → file-uploader.Cig5gDXT.js.map} +1 -1
- package/dist/chunks/{filter-bar.zD_ctViU.js → filter-bar.x445KK3y.js} +1301 -761
- package/dist/chunks/{filter-bar.zD_ctViU.js.map → filter-bar.x445KK3y.js.map} +1 -1
- package/dist/chunks/fixed-scroller.DR2E_No4.js +148 -0
- package/dist/chunks/{fixed-scroller.MerESbd_.js.map → fixed-scroller.DR2E_No4.js.map} +1 -1
- package/dist/chunks/{footer-actions.CiPj7hZG.js → footer-actions.CIkul1OD.js} +3 -3
- package/dist/chunks/{footer-actions.CiPj7hZG.js.map → footer-actions.CIkul1OD.js.map} +1 -1
- package/dist/chunks/{form-layout-title.Bw7VgOO5.js → form-layout-title.DR5M7GP3.js} +77 -48
- package/dist/chunks/{form-layout-title.Bw7VgOO5.js.map → form-layout-title.DR5M7GP3.js.map} +1 -1
- package/dist/chunks/{header-meta.Dq6TlNPw.js → header-meta.BC5fdpD1.js} +127 -73
- package/dist/chunks/{header-meta.Dq6TlNPw.js.map → header-meta.BC5fdpD1.js.map} +1 -1
- package/dist/chunks/{header-with-views.DaEhkSS8.js → header-with-views.-cvdi9-L.js} +1120 -679
- package/dist/chunks/{header-with-views.DaEhkSS8.js.map → header-with-views.-cvdi9-L.js.map} +1 -1
- package/dist/chunks/{header.DkC-KKWa.js → header.DtmZjxiU.js} +3 -3
- package/dist/chunks/{header.DkC-KKWa.js.map → header.DtmZjxiU.js.map} +1 -1
- package/dist/chunks/{info-icon.BF8KxU-k.js → info-icon.DCR42Kvm.js} +2 -2
- package/dist/chunks/{info-icon.BF8KxU-k.js.map → info-icon.DCR42Kvm.js.map} +1 -1
- package/dist/chunks/input-field-password.Bdlw4dzr.js +381 -0
- package/dist/chunks/{input-field-password.BKT1mYUw.js.map → input-field-password.Bdlw4dzr.js.map} +1 -1
- package/dist/chunks/{input-field-phone-number.BjRKjQOQ.js → input-field-phone-number.DPuWxBBz.js} +98 -71
- package/dist/chunks/{input-field-phone-number.BjRKjQOQ.js.map → input-field-phone-number.DPuWxBBz.js.map} +1 -1
- package/dist/chunks/input-field.DH25CU_G.js +207 -0
- package/dist/chunks/{input-field.m1PMwa4C.js.map → input-field.DH25CU_G.js.map} +1 -1
- package/dist/chunks/input-time.6eJ4-QdU.js +92 -0
- package/dist/chunks/input-time.6eJ4-QdU.js.map +1 -0
- package/dist/chunks/inspector.BzBPlz-5.js +172 -0
- package/dist/chunks/{inspector.Bnm0hl_D.js.map → inspector.BzBPlz-5.js.map} +1 -1
- package/dist/chunks/{link.MhoM3zQj.js → link.DB5g6d48.js} +56 -29
- package/dist/chunks/{link.MhoM3zQj.js.map → link.DB5g6d48.js.map} +1 -1
- package/dist/chunks/{list-item.BnzU1LIu.js → list-item.DqTHh8-Z.js} +2 -2
- package/dist/chunks/{list-item.BnzU1LIu.js.map → list-item.DqTHh8-Z.js.map} +1 -1
- package/dist/chunks/{listbox-option-tag.BhPVuAjJ.js → listbox-option-tag.CvbE-EuG.js} +2 -2
- package/dist/chunks/{listbox-option-tag.BhPVuAjJ.js.map → listbox-option-tag.CvbE-EuG.js.map} +1 -1
- package/dist/chunks/{modal-fullscreen.CXOq6_Cv.js → modal-fullscreen.CaxuXW-H.js} +63 -36
- package/dist/chunks/{modal-fullscreen.CXOq6_Cv.js.map → modal-fullscreen.CaxuXW-H.js.map} +1 -1
- package/dist/chunks/{modal.o0KddMiG.js → modal.Brif0vAy.js} +63 -36
- package/dist/chunks/{modal.o0KddMiG.js.map → modal.Brif0vAy.js.map} +1 -1
- package/dist/chunks/{pagination.ZISqB4M_.js → pagination.BmrU_sn_.js} +221 -99
- package/dist/chunks/{pagination.ZISqB4M_.js.map → pagination.BmrU_sn_.js.map} +1 -1
- package/dist/chunks/promo-banner.Dc_kK1x9.js +91 -0
- package/dist/chunks/{promo-banner.Db2kh2qK.js.map → promo-banner.Dc_kK1x9.js.map} +1 -1
- package/dist/chunks/{radio-group.DnMy7brs.js → radio-group.5oS-AeYN.js} +4 -4
- package/dist/chunks/{radio-group.DnMy7brs.js.map → radio-group.5oS-AeYN.js.map} +1 -1
- package/dist/chunks/{rich-text-editor.Cbv1DxXn.js → rich-text-editor.DSGTe8Zt.js} +1781 -1731
- package/dist/chunks/{rich-text-editor.Cbv1DxXn.js.map → rich-text-editor.DSGTe8Zt.js.map} +1 -1
- package/dist/chunks/search-bar.CNfoeLLt.js +126 -0
- package/dist/chunks/{search-bar.DPjYDhja.js.map → search-bar.CNfoeLLt.js.map} +1 -1
- package/dist/chunks/secondary-nav.IF5CgeIP.js +226 -0
- package/dist/chunks/secondary-nav.IF5CgeIP.js.map +1 -0
- package/dist/chunks/{segmented-control.BqIiX9hv.js → segmented-control.DDtjX-V5.js} +2 -2
- package/dist/chunks/{segmented-control.BqIiX9hv.js.map → segmented-control.DDtjX-V5.js.map} +1 -1
- package/dist/chunks/{selection-card-group.IPiouuot.js → selection-card-group.DZjFeQKR.js} +10 -10
- package/dist/chunks/{selection-card-group.IPiouuot.js.map → selection-card-group.DZjFeQKR.js.map} +1 -1
- package/dist/chunks/{sidepanel.BGMjjB3F.js → sidepanel.DZDXuyzg.js} +66 -39
- package/dist/chunks/{sidepanel.BGMjjB3F.js.map → sidepanel.DZDXuyzg.js.map} +1 -1
- package/dist/chunks/{step.QFER3tSj.js → step.TDm_ts1S.js} +92 -63
- package/dist/chunks/{step.QFER3tSj.js.map → step.TDm_ts1S.js.map} +1 -1
- package/dist/chunks/{structured-list-item.BDJKRC_8.js → structured-list-item.BBBtie1s.js} +58 -31
- package/dist/chunks/{structured-list-item.BDJKRC_8.js.map → structured-list-item.BBBtie1s.js.map} +1 -1
- package/dist/chunks/{summary-grid.types.CIkArZf5.js → summary-grid.types.CrPNQbX0.js} +5 -5
- package/dist/chunks/{summary-grid.types.CIkArZf5.js.map → summary-grid.types.CrPNQbX0.js.map} +1 -1
- package/dist/chunks/{tab.CaXF0dho.js → tab.CNIZyfZt.js} +2 -2
- package/dist/chunks/{tab.CaXF0dho.js.map → tab.CNIZyfZt.js.map} +1 -1
- package/dist/chunks/{tag.CocLKztJ.js → tag.D2xagTJv.js} +2 -2
- package/dist/chunks/{tag.CocLKztJ.js.map → tag.D2xagTJv.js.map} +1 -1
- package/dist/chunks/textarea.Bi53QF5Q.js +218 -0
- package/dist/chunks/{textarea.D4X6Ss9q.js.map → textarea.Bi53QF5Q.js.map} +1 -1
- package/dist/chunks/timeline-item.C6Bi0eam.js +322 -0
- package/dist/chunks/{timeline-item.C8BxWdy1.js.map → timeline-item.C6Bi0eam.js.map} +1 -1
- package/dist/chunks/{toast.BRI3G7TL.js → toast.d8vg71CB.js} +81 -54
- package/dist/chunks/{toast.BRI3G7TL.js.map → toast.d8vg71CB.js.map} +1 -1
- package/dist/chunks/{tooltip.CbsNGnhw.js → tooltip.BxtnF3is.js} +38 -36
- package/dist/chunks/tooltip.BxtnF3is.js.map +1 -0
- package/dist/chunks/{tutorial.BzV6bHQJ.js → tutorial.BCiZMLJE.js} +190 -103
- package/dist/chunks/{tutorial.BzV6bHQJ.js.map → tutorial.BCiZMLJE.js.map} +1 -1
- package/dist/chunks/{use-cached-selected-values.DqX2qsMC.js → use-cached-selected-values.Bn3Y8Iuq.js} +490 -359
- package/dist/chunks/{use-cached-selected-values.DqX2qsMC.js.map → use-cached-selected-values.Bn3Y8Iuq.js.map} +1 -1
- package/dist/chunks/{use-country-items.CI8C7MLU.js → use-country-items.B4j8pAvW.js} +3 -3
- package/dist/chunks/{use-country-items.CI8C7MLU.js.map → use-country-items.B4j8pAvW.js.map} +1 -1
- package/dist/chunks/use-country-phon-code.ByqnuIni.js +6386 -0
- package/dist/chunks/use-country-phon-code.ByqnuIni.js.map +1 -0
- package/dist/chunks/{use-date-input-formatter.BYaTO3vz.js → use-date-input-formatter.DRMt9yR2.js} +2 -2
- package/dist/chunks/{use-date-input-formatter.BYaTO3vz.js.map → use-date-input-formatter.DRMt9yR2.js.map} +1 -1
- package/dist/code-snippet.js +1 -1
- package/dist/country.js +3 -3
- 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/draggable-handle.js +160 -73
- package/dist/draggable-handle.js.map +1 -1
- package/dist/dropdown.js +4 -4
- package/dist/empty-state.js +1 -1
- package/dist/file-uploader.js +1 -1
- package/dist/filter-bar.js +1 -1
- package/dist/form-layout.js +1 -1
- package/dist/header-with-views.js +1 -1
- package/dist/header.js +1 -1
- package/dist/index.js +215 -213
- 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 +5 -0
- package/dist/input-time.js.map +1 -0
- package/dist/inspector.js +1 -1
- package/dist/internal.js +12 -12
- 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/pagination.js +1 -1
- package/dist/popover.js +1 -1
- package/dist/promo-banner.js +1 -1
- package/dist/radio-group.js +1 -1
- package/dist/rich-text-editor.js +1 -1
- package/dist/search-bar.js +2 -2
- package/dist/secondary-nav.js +1 -1
- package/dist/segmented-control.js +1 -1
- package/dist/selection-card.js +1 -1
- package/dist/sidepanel.js +1 -1
- package/dist/stepper.js +1 -1
- package/dist/structured-list.js +1 -1
- package/dist/summary-grid.js +1 -1
- package/dist/tabs.js +1 -1
- package/dist/tag.js +1 -1
- package/dist/textarea.js +1 -1
- package/dist/timeline.js +1 -1
- package/dist/toast.js +1 -1
- package/dist/tutorial.js +1 -1
- package/dist/web-types.json +198 -1
- package/package.json +9 -9
- package/dist/chunks/accordion-item.BZDSJamR.js +0 -108
- package/dist/chunks/action-bar.CYGUYI0V.js +0 -207
- package/dist/chunks/ai-tag.Cjf38mjR.js +0 -73
- package/dist/chunks/alert.QVQ6Zjbm.js +0 -93
- package/dist/chunks/card.GjhsXOT0.js +0 -128
- package/dist/chunks/chip.DTpENaGC.js +0 -57
- package/dist/chunks/copy.BVGQcf22.js +0 -86
- package/dist/chunks/country.types.DxKjyd0S.js +0 -20
- package/dist/chunks/country.types.DxKjyd0S.js.map +0 -1
- package/dist/chunks/data-grid.DJG8Ty0A.js +0 -3194
- package/dist/chunks/data-grid.DJG8Ty0A.js.map +0 -1
- package/dist/chunks/date-picker.CnazYcSX.js +0 -155
- package/dist/chunks/date-range-picker.Bf9pRNL7.js +0 -811
- package/dist/chunks/date-range-picker.Bf9pRNL7.js.map +0 -1
- package/dist/chunks/dialog-page.oyG153fC.js +0 -116
- package/dist/chunks/error-message.RxdStT3S.js +0 -106
- package/dist/chunks/fixed-scroller.MerESbd_.js +0 -111
- package/dist/chunks/input-field-password.BKT1mYUw.js +0 -234
- package/dist/chunks/input-field.m1PMwa4C.js +0 -170
- package/dist/chunks/inspector.Bnm0hl_D.js +0 -105
- package/dist/chunks/promo-banner.Db2kh2qK.js +0 -64
- package/dist/chunks/search-bar.DPjYDhja.js +0 -89
- package/dist/chunks/secondary-nav.CwJjkJkj.js +0 -112
- package/dist/chunks/secondary-nav.CwJjkJkj.js.map +0 -1
- package/dist/chunks/textarea.D4X6Ss9q.js +0 -169
- package/dist/chunks/timeline-item.C8BxWdy1.js +0 -238
- package/dist/chunks/tooltip.CbsNGnhw.js.map +0 -1
- package/dist/chunks/use-country-phon-code.C6orQNnM.js +0 -291
- package/dist/chunks/use-country-phon-code.C6orQNnM.js.map +0 -1
package/dist/web-types.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"framework": "vue",
|
|
3
3
|
"name": "@adyen/bento-vue2",
|
|
4
|
-
"version": "1.
|
|
4
|
+
"version": "1.90.0",
|
|
5
5
|
"contributions": {
|
|
6
6
|
"html": {
|
|
7
7
|
"description-markup": "markdown",
|
|
@@ -5066,6 +5066,14 @@
|
|
|
5066
5066
|
"symbol": "default"
|
|
5067
5067
|
}
|
|
5068
5068
|
},
|
|
5069
|
+
{
|
|
5070
|
+
"name": "data-grid-multi-row-actions",
|
|
5071
|
+
"description": "",
|
|
5072
|
+
"source": {
|
|
5073
|
+
"module": "./src/components/data-grid/__tests__/data-grid-multi-row-actions.vue",
|
|
5074
|
+
"symbol": "default"
|
|
5075
|
+
}
|
|
5076
|
+
},
|
|
5069
5077
|
{
|
|
5070
5078
|
"name": "data-grid-row",
|
|
5071
5079
|
"description": "",
|
|
@@ -10819,6 +10827,160 @@
|
|
|
10819
10827
|
"symbol": "default"
|
|
10820
10828
|
}
|
|
10821
10829
|
},
|
|
10830
|
+
{
|
|
10831
|
+
"name": "input-time",
|
|
10832
|
+
"description": "",
|
|
10833
|
+
"attributes": [
|
|
10834
|
+
{
|
|
10835
|
+
"name": "tooltipText",
|
|
10836
|
+
"required": false,
|
|
10837
|
+
"description": "If set, displays an info icon with this tooltip message next to the label.",
|
|
10838
|
+
"value": {
|
|
10839
|
+
"kind": "expression",
|
|
10840
|
+
"type": "string"
|
|
10841
|
+
},
|
|
10842
|
+
"default": "null"
|
|
10843
|
+
},
|
|
10844
|
+
{
|
|
10845
|
+
"name": "required",
|
|
10846
|
+
"required": false,
|
|
10847
|
+
"description": "If true, indicates that the field is required.",
|
|
10848
|
+
"value": {
|
|
10849
|
+
"kind": "expression",
|
|
10850
|
+
"type": "boolean"
|
|
10851
|
+
},
|
|
10852
|
+
"default": "false"
|
|
10853
|
+
},
|
|
10854
|
+
{
|
|
10855
|
+
"name": "readonly",
|
|
10856
|
+
"required": false,
|
|
10857
|
+
"description": "If true, makes the field's value readonly, preventing user modification.",
|
|
10858
|
+
"value": {
|
|
10859
|
+
"kind": "expression",
|
|
10860
|
+
"type": "boolean"
|
|
10861
|
+
},
|
|
10862
|
+
"default": "false"
|
|
10863
|
+
},
|
|
10864
|
+
{
|
|
10865
|
+
"name": "placeholder",
|
|
10866
|
+
"required": false,
|
|
10867
|
+
"description": "The placeholder text displayed when the field is empty.",
|
|
10868
|
+
"value": {
|
|
10869
|
+
"kind": "expression",
|
|
10870
|
+
"type": "string"
|
|
10871
|
+
},
|
|
10872
|
+
"default": "''"
|
|
10873
|
+
},
|
|
10874
|
+
{
|
|
10875
|
+
"name": "optional",
|
|
10876
|
+
"required": false,
|
|
10877
|
+
"description": "If true, indicates that the field is optional.",
|
|
10878
|
+
"value": {
|
|
10879
|
+
"kind": "expression",
|
|
10880
|
+
"type": "boolean"
|
|
10881
|
+
},
|
|
10882
|
+
"default": "false"
|
|
10883
|
+
},
|
|
10884
|
+
{
|
|
10885
|
+
"name": "label",
|
|
10886
|
+
"required": false,
|
|
10887
|
+
"description": "The text label displayed for the field.",
|
|
10888
|
+
"value": {
|
|
10889
|
+
"kind": "expression",
|
|
10890
|
+
"type": "string"
|
|
10891
|
+
},
|
|
10892
|
+
"default": "''"
|
|
10893
|
+
},
|
|
10894
|
+
{
|
|
10895
|
+
"name": "errorMessage",
|
|
10896
|
+
"required": false,
|
|
10897
|
+
"description": "If set, displays an error message and applies error styling to the field.",
|
|
10898
|
+
"value": {
|
|
10899
|
+
"kind": "expression",
|
|
10900
|
+
"type": "string"
|
|
10901
|
+
},
|
|
10902
|
+
"default": "null"
|
|
10903
|
+
},
|
|
10904
|
+
{
|
|
10905
|
+
"name": "disabled",
|
|
10906
|
+
"required": false,
|
|
10907
|
+
"description": "If true, disables user interaction with the field.",
|
|
10908
|
+
"value": {
|
|
10909
|
+
"kind": "expression",
|
|
10910
|
+
"type": "boolean"
|
|
10911
|
+
},
|
|
10912
|
+
"default": "false"
|
|
10913
|
+
},
|
|
10914
|
+
{
|
|
10915
|
+
"name": "description",
|
|
10916
|
+
"required": false,
|
|
10917
|
+
"description": "If set, displays a description text for the input.",
|
|
10918
|
+
"value": {
|
|
10919
|
+
"kind": "expression",
|
|
10920
|
+
"type": "string"
|
|
10921
|
+
},
|
|
10922
|
+
"default": "undefined"
|
|
10923
|
+
},
|
|
10924
|
+
{
|
|
10925
|
+
"name": "condensed",
|
|
10926
|
+
"required": false,
|
|
10927
|
+
"description": "Reduces height of the input",
|
|
10928
|
+
"value": {
|
|
10929
|
+
"kind": "expression",
|
|
10930
|
+
"type": "boolean"
|
|
10931
|
+
},
|
|
10932
|
+
"default": "false"
|
|
10933
|
+
},
|
|
10934
|
+
{
|
|
10935
|
+
"name": "modelValue",
|
|
10936
|
+
"required": false,
|
|
10937
|
+
"description": "Text displayed as the value of the input field",
|
|
10938
|
+
"value": {
|
|
10939
|
+
"kind": "expression",
|
|
10940
|
+
"type": "BentoInputFieldValue"
|
|
10941
|
+
},
|
|
10942
|
+
"default": "undefined"
|
|
10943
|
+
}
|
|
10944
|
+
],
|
|
10945
|
+
"events": [
|
|
10946
|
+
{
|
|
10947
|
+
"name": "update:model-value",
|
|
10948
|
+
"description": "Emitted when the component's model changes"
|
|
10949
|
+
},
|
|
10950
|
+
{
|
|
10951
|
+
"name": "keydown",
|
|
10952
|
+
"description": "Emitted when a key is pressed down"
|
|
10953
|
+
},
|
|
10954
|
+
{
|
|
10955
|
+
"name": "input:valid",
|
|
10956
|
+
"description": "Emitted when the time value passes validation (complete HH:MM:SS format)"
|
|
10957
|
+
},
|
|
10958
|
+
{
|
|
10959
|
+
"name": "input:error",
|
|
10960
|
+
"description": "Emitted when the time value fails validation"
|
|
10961
|
+
}
|
|
10962
|
+
],
|
|
10963
|
+
"slots": [
|
|
10964
|
+
{
|
|
10965
|
+
"name": "default"
|
|
10966
|
+
},
|
|
10967
|
+
{
|
|
10968
|
+
"name": "description"
|
|
10969
|
+
}
|
|
10970
|
+
],
|
|
10971
|
+
"source": {
|
|
10972
|
+
"module": "./src/components/input-time/input-time.vue",
|
|
10973
|
+
"symbol": "default"
|
|
10974
|
+
}
|
|
10975
|
+
},
|
|
10976
|
+
{
|
|
10977
|
+
"name": "input-time-default-example",
|
|
10978
|
+
"description": "",
|
|
10979
|
+
"source": {
|
|
10980
|
+
"module": "./src/components/input-time/__tests__/input-time-default-example.vue",
|
|
10981
|
+
"symbol": "default"
|
|
10982
|
+
}
|
|
10983
|
+
},
|
|
10822
10984
|
{
|
|
10823
10985
|
"name": "input-with-dropdown-filter",
|
|
10824
10986
|
"description": "",
|
|
@@ -14507,6 +14669,15 @@
|
|
|
14507
14669
|
"kind": "expression",
|
|
14508
14670
|
"type": "string"
|
|
14509
14671
|
}
|
|
14672
|
+
},
|
|
14673
|
+
{
|
|
14674
|
+
"name": "allowExpandableItemNavigation",
|
|
14675
|
+
"required": false,
|
|
14676
|
+
"description": "When true, items that contain subitems are also clickable and can be selected.\nWhen false, those items only act as expand/collapse toggles.",
|
|
14677
|
+
"value": {
|
|
14678
|
+
"kind": "expression",
|
|
14679
|
+
"type": "boolean"
|
|
14680
|
+
}
|
|
14510
14681
|
}
|
|
14511
14682
|
],
|
|
14512
14683
|
"events": [
|
|
@@ -14569,6 +14740,24 @@
|
|
|
14569
14740
|
"kind": "expression",
|
|
14570
14741
|
"type": "string"
|
|
14571
14742
|
}
|
|
14743
|
+
},
|
|
14744
|
+
{
|
|
14745
|
+
"name": "items",
|
|
14746
|
+
"required": false,
|
|
14747
|
+
"description": "Nested sub-items for this item.",
|
|
14748
|
+
"value": {
|
|
14749
|
+
"kind": "expression",
|
|
14750
|
+
"type": "Array"
|
|
14751
|
+
}
|
|
14752
|
+
},
|
|
14753
|
+
{
|
|
14754
|
+
"name": "isSubItem",
|
|
14755
|
+
"required": false,
|
|
14756
|
+
"description": "Defines if the item is a subitem",
|
|
14757
|
+
"value": {
|
|
14758
|
+
"kind": "expression",
|
|
14759
|
+
"type": "boolean"
|
|
14760
|
+
}
|
|
14572
14761
|
}
|
|
14573
14762
|
],
|
|
14574
14763
|
"events": [
|
|
@@ -14582,6 +14771,14 @@
|
|
|
14582
14771
|
"symbol": "default"
|
|
14583
14772
|
}
|
|
14584
14773
|
},
|
|
14774
|
+
{
|
|
14775
|
+
"name": "secondary-nav-with-sub-items",
|
|
14776
|
+
"description": "",
|
|
14777
|
+
"source": {
|
|
14778
|
+
"module": "./src/components/secondary-nav/__tests__/secondary-nav-with-sub-items.vue",
|
|
14779
|
+
"symbol": "default"
|
|
14780
|
+
}
|
|
14781
|
+
},
|
|
14585
14782
|
{
|
|
14586
14783
|
"name": "segmented-control",
|
|
14587
14784
|
"description": "",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@adyen/bento-vue2",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.90.0",
|
|
4
4
|
"description": "Adyen Bento Vue2 components",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
"unified": "11.0.5",
|
|
52
52
|
"uuid": "11.0.5",
|
|
53
53
|
"vue-demi": "0.14.10",
|
|
54
|
-
"@adyen/bento-design-tokens": "1.
|
|
54
|
+
"@adyen/bento-design-tokens": "1.90.0"
|
|
55
55
|
},
|
|
56
56
|
"dependenciesMeta": {
|
|
57
57
|
"@adyen/bento-vue-i18n-demi": {
|
|
@@ -103,7 +103,7 @@
|
|
|
103
103
|
"@testing-library/vue": "5.9.0",
|
|
104
104
|
"@vitejs/plugin-react": "4.3.1",
|
|
105
105
|
"@vitejs/plugin-vue2": "2.3.1",
|
|
106
|
-
"@vitest/coverage-v8": "2.
|
|
106
|
+
"@vitest/coverage-v8": "^2.0",
|
|
107
107
|
"@vue-macros/better-define": "1.11.1",
|
|
108
108
|
"@vue/test-utils": "1.3.4",
|
|
109
109
|
"axe-core": "4.4.2",
|
|
@@ -125,10 +125,10 @@
|
|
|
125
125
|
"storybook": "7.6.21",
|
|
126
126
|
"tsc-alias": "1.8.11",
|
|
127
127
|
"typescript": "5.6.3",
|
|
128
|
-
"vite": "^
|
|
128
|
+
"vite": "^5.0",
|
|
129
129
|
"vite-plugin-dynamic-import": "1.5.0",
|
|
130
130
|
"vite-plugin-static-copy": "^3.2.0",
|
|
131
|
-
"vitest": "^
|
|
131
|
+
"vitest": "^2.0",
|
|
132
132
|
"vue": "2.7.16",
|
|
133
133
|
"vue-demi": "0.14.10",
|
|
134
134
|
"vue-docgen-web-types": "0.1.8",
|
|
@@ -137,11 +137,11 @@
|
|
|
137
137
|
"vue-template-compiler": "2.7.16",
|
|
138
138
|
"vue-tsc": "2.2.10",
|
|
139
139
|
"zod": "3.25.35",
|
|
140
|
-
"@adyen/bento-cli": "0.9.
|
|
141
|
-
"@adyen/bento-core": "0.0.1",
|
|
140
|
+
"@adyen/bento-cli": "0.9.7",
|
|
142
141
|
"@adyen/bento-vue-i18n-demi": "0.1.0",
|
|
143
|
-
"@adyen/ui-assets-icons-16": "7.7.
|
|
144
|
-
"@adyen/ui-assets-payment-method-icons": "10.7.
|
|
142
|
+
"@adyen/ui-assets-icons-16": "7.7.6",
|
|
143
|
+
"@adyen/ui-assets-payment-method-icons": "10.7.4",
|
|
144
|
+
"@adyen/bento-core": "0.0.1"
|
|
145
145
|
},
|
|
146
146
|
"optionalDependencies": {
|
|
147
147
|
"vue-router": "~3.6"
|
|
@@ -1,108 +0,0 @@
|
|
|
1
|
-
import { defineComponent as u, provide as x, toRef as h, ref as _, inject as g, computed as y, watch as l } from "vue";
|
|
2
|
-
import { n as m } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
|
|
3
|
-
import { B as E } from "./typography.C8lPlsbD.js";
|
|
4
|
-
import { C as O } from "./chevron-down.eYtgv5ly.js";
|
|
5
|
-
import { C as T } from "./chevron-up.d8cwIlA_.js";
|
|
6
|
-
import { g as p } from "./generate-uid.NJ8tVoha.js";
|
|
7
|
-
import { o as N } from "./resize.Bqks3WUm.js";
|
|
8
|
-
import { u as S } from "./index.B6WW_F-J.js";
|
|
9
|
-
import { u as z } from "./use-expandable-content-height.GkjjbmPy.js";
|
|
10
|
-
import "../assets/accordion-item.css";
|
|
11
|
-
const f = /* @__PURE__ */ Symbol("accordion title size injection key"), R = {}, $ = /* @__PURE__ */ u({
|
|
12
|
-
...R,
|
|
13
|
-
__name: "accordion",
|
|
14
|
-
props: {
|
|
15
|
-
/**
|
|
16
|
-
* Controls accordion title size.
|
|
17
|
-
* @values default, small
|
|
18
|
-
*/
|
|
19
|
-
titleSize: {
|
|
20
|
-
type: String,
|
|
21
|
-
default: "default"
|
|
22
|
-
}
|
|
23
|
-
},
|
|
24
|
-
setup(i) {
|
|
25
|
-
const e = i;
|
|
26
|
-
return x(f, h(e, "titleSize")), { __sfc: !0, props: e };
|
|
27
|
-
}
|
|
28
|
-
});
|
|
29
|
-
var B = function() {
|
|
30
|
-
var e = this, n = e._self._c;
|
|
31
|
-
return e._self._setupProxy, n("div", { staticClass: "b-accordion" }, [e._t("default")], 2);
|
|
32
|
-
}, A = [], D = /* @__PURE__ */ m(
|
|
33
|
-
$,
|
|
34
|
-
B,
|
|
35
|
-
A,
|
|
36
|
-
!1,
|
|
37
|
-
null,
|
|
38
|
-
"cbce6553"
|
|
39
|
-
);
|
|
40
|
-
const Q = D.exports, H = {
|
|
41
|
-
"en-US": { collapse: "Collapse", expand: "Expand" },
|
|
42
|
-
"ja-JP": { collapse: "折りたたむ", expand: "展開" },
|
|
43
|
-
"pt-BR": { collapse: "Recolher", expand: "Expandir" }
|
|
44
|
-
}, M = {
|
|
45
|
-
i18n: { messages: H }
|
|
46
|
-
}, U = /* @__PURE__ */ u({
|
|
47
|
-
...M,
|
|
48
|
-
__name: "accordion-item",
|
|
49
|
-
props: {
|
|
50
|
-
/**
|
|
51
|
-
* Sets the title of the accordion item.
|
|
52
|
-
*/
|
|
53
|
-
title: {
|
|
54
|
-
type: String,
|
|
55
|
-
required: !0
|
|
56
|
-
},
|
|
57
|
-
/**
|
|
58
|
-
* Controls if the content is visible or hidden.
|
|
59
|
-
*/
|
|
60
|
-
isExpanded: {
|
|
61
|
-
type: Boolean,
|
|
62
|
-
default: !1
|
|
63
|
-
}
|
|
64
|
-
},
|
|
65
|
-
emits: ["update:is-expanded"],
|
|
66
|
-
setup(i, { emit: e }) {
|
|
67
|
-
const n = i, t = "b-accordion-item__animation--content", { t: d } = S(), o = _(null), s = _(n.isExpanded), v = p("accordionItemButton"), C = p("accordionItemContent"), I = g(f, "default"), { updateContentHeight: r, contentHeight: c } = z(o, s), b = y(() => c.value ? { "max-height": c.value } : {});
|
|
68
|
-
return l(
|
|
69
|
-
() => n.isExpanded,
|
|
70
|
-
(a) => {
|
|
71
|
-
s.value = a;
|
|
72
|
-
}
|
|
73
|
-
), l(
|
|
74
|
-
() => o.value,
|
|
75
|
-
() => {
|
|
76
|
-
let a = null;
|
|
77
|
-
!a && o.value && (a = N(o.value, () => {
|
|
78
|
-
o.value && r();
|
|
79
|
-
}));
|
|
80
|
-
}
|
|
81
|
-
), l(
|
|
82
|
-
s,
|
|
83
|
-
(a) => {
|
|
84
|
-
e("update:is-expanded", a), r();
|
|
85
|
-
},
|
|
86
|
-
{ immediate: !0 }
|
|
87
|
-
), { __sfc: !0, CONTENT_TRANSITION_NAME: t, props: n, emit: e, t: d, contentDiv: o, isOpen: s, buttonId: v, contentId: C, titleSize: I, updateContentHeight: r, contentHeight: c, contentMaxHeight: b, BentoTypography: E, ChevronDownIcon: O, ChevronUpIcon: T };
|
|
88
|
-
}
|
|
89
|
-
});
|
|
90
|
-
var j = function() {
|
|
91
|
-
var e = this, n = e._self._c, t = e._self._setupProxy;
|
|
92
|
-
return n("div", { staticClass: "b-accordion-item" }, [n(t.BentoTypography, { attrs: { el: "h3", variant: t.titleSize === "small" ? "body" : "title", strongest: t.titleSize === "small" } }, [n("button", { staticClass: "b-accordion-item__button", attrs: { id: t.buttonId, "aria-controls": t.contentId, "aria-expanded": `${t.isOpen}`, type: "button" }, on: { click: function(d) {
|
|
93
|
-
t.isOpen = !t.isOpen;
|
|
94
|
-
} } }, [t.isOpen ? n(t.ChevronUpIcon, { staticClass: "b-accordion-item__icon", attrs: { "svg-title": t.t("collapse"), "aria-hidden": "true" } }) : n(t.ChevronDownIcon, { staticClass: "b-accordion-item__icon", attrs: { "svg-title": t.t("expand"), "aria-hidden": "true" } }), e._v(" " + e._s(e.title) + " ")], 1)]), n("Transition", { attrs: { name: t.CONTENT_TRANSITION_NAME } }, [t.isOpen ? n("div", { style: t.contentMaxHeight, attrs: { id: t.contentId, "aria-labelledby": t.buttonId, role: "region" } }, [n("div", { ref: "contentDiv", staticClass: "b-accordion-item__content" }, [e._t("default")], 2)]) : e._e()])], 1);
|
|
95
|
-
}, w = [], P = /* @__PURE__ */ m(
|
|
96
|
-
U,
|
|
97
|
-
j,
|
|
98
|
-
w,
|
|
99
|
-
!1,
|
|
100
|
-
null,
|
|
101
|
-
"66c09812"
|
|
102
|
-
);
|
|
103
|
-
const V = P.exports;
|
|
104
|
-
export {
|
|
105
|
-
Q as a,
|
|
106
|
-
V as b
|
|
107
|
-
};
|
|
108
|
-
//# sourceMappingURL=accordion-item.BZDSJamR.js.map
|
|
@@ -1,207 +0,0 @@
|
|
|
1
|
-
import { defineComponent as z, computed as s, ref as c, toRefs as D, watch as W, provide as G, nextTick as y } from "vue";
|
|
2
|
-
import { B as J } from "./button.DxhJNOtr.js";
|
|
3
|
-
import { B as K } from "./typography.C8lPlsbD.js";
|
|
4
|
-
import { B as q } from "./loading-indicator.PxbRzshH.js";
|
|
5
|
-
import { B as Y } from "./button-actions-with-menu.Bi_HXopk.js";
|
|
6
|
-
import { C as Z } from "./cross.CC_B-vG-.js";
|
|
7
|
-
import { C as H } from "./checkmark-circle-fill.BttTCjrM.js";
|
|
8
|
-
import { C as Q } from "./cross-circle-fill.DTDtgLMf.js";
|
|
9
|
-
import { u as X } from "./index.B6WW_F-J.js";
|
|
10
|
-
import { u as tt } from "./index.CwzYJHw2.js";
|
|
11
|
-
import { P as et, B as nt } from "./button-actions.BLk114As.js";
|
|
12
|
-
import { n as at } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
|
|
13
|
-
import "../assets/action-bar.css";
|
|
14
|
-
const st = {
|
|
15
|
-
"en-US": { actionBar: "Action bar", applying: "Applying...", cancel: "Cancel", close: "Close", retry: "Retry", save: "Save", selected: "selected", somethingWentWrong: "Something went wrong", success: "Success!", undo: "Undo", unsavedChanges: "Unsaved changes | unsaved change | unsaved changes" },
|
|
16
|
-
"ja-JP": { actionBar: "アクションバー", cancel: "キャンセル", close: "閉じる", save: "保存", selected: "選択済み", unsavedChanges: "保存されていない変更 | 保存されていない変更 | 保存されていない変更" },
|
|
17
|
-
"pt-BR": { actionBar: "Barra de ação", cancel: "Cancelar", close: "Fechar", save: "Salvar", selected: "selecionado", unsavedChanges: "Alterações não salvas | alteração não salva | alterações não salvas" }
|
|
18
|
-
}, ot = {
|
|
19
|
-
i18n: { messages: st }
|
|
20
|
-
}, it = /* @__PURE__ */ z({
|
|
21
|
-
...ot,
|
|
22
|
-
__name: "action-bar",
|
|
23
|
-
props: {
|
|
24
|
-
/**
|
|
25
|
-
* List of actions that will be used to render the buttons.
|
|
26
|
-
* Required and used for the `default` variant.
|
|
27
|
-
*
|
|
28
|
-
* Each object in the list should have a `title`, an `event` and,
|
|
29
|
-
* optionally, an `icon`.
|
|
30
|
-
*
|
|
31
|
-
* The component will display 4 actions and the hide the rest inside a menu.
|
|
32
|
-
*
|
|
33
|
-
* @see BentoButton for a list of all the other props supported by each button action.
|
|
34
|
-
*/
|
|
35
|
-
actions: {
|
|
36
|
-
type: Array,
|
|
37
|
-
default: () => []
|
|
38
|
-
},
|
|
39
|
-
/**
|
|
40
|
-
* How many actions should be visible outside the menu, cannot be more than 4
|
|
41
|
-
*/
|
|
42
|
-
visibleActions: {
|
|
43
|
-
type: Number,
|
|
44
|
-
default: 4,
|
|
45
|
-
validator: (l) => l > 0 && l <= 4
|
|
46
|
-
},
|
|
47
|
-
/**
|
|
48
|
-
* Use when there are sticky elements at the bottom, like sticky pagination
|
|
49
|
-
*/
|
|
50
|
-
extraBottomSpacing: {
|
|
51
|
-
type: Boolean,
|
|
52
|
-
default: !1
|
|
53
|
-
},
|
|
54
|
-
/**
|
|
55
|
-
* Show how many items are selected.
|
|
56
|
-
* When omitted in the `confirmation` variant, a generic "Unsaved changes" label is displayed.
|
|
57
|
-
*/
|
|
58
|
-
itemCounter: {
|
|
59
|
-
type: Number,
|
|
60
|
-
default: null
|
|
61
|
-
},
|
|
62
|
-
/**
|
|
63
|
-
* Label for the selection, e.g. 'selected'/'changed'
|
|
64
|
-
*/
|
|
65
|
-
selectionLabel: {
|
|
66
|
-
type: String,
|
|
67
|
-
default: null
|
|
68
|
-
},
|
|
69
|
-
/**
|
|
70
|
-
* State of the action bar.
|
|
71
|
-
* @values start, loading, success, fail
|
|
72
|
-
*/
|
|
73
|
-
state: {
|
|
74
|
-
type: String,
|
|
75
|
-
default: "start"
|
|
76
|
-
},
|
|
77
|
-
/**
|
|
78
|
-
* Displays the undo action button in `success` state.
|
|
79
|
-
*/
|
|
80
|
-
showUndoAction: {
|
|
81
|
-
type: Boolean,
|
|
82
|
-
default: !1
|
|
83
|
-
},
|
|
84
|
-
/**
|
|
85
|
-
* Displays the retry action button in `fail` state.
|
|
86
|
-
*/
|
|
87
|
-
showRetryAction: {
|
|
88
|
-
type: Boolean,
|
|
89
|
-
default: !1
|
|
90
|
-
},
|
|
91
|
-
/**
|
|
92
|
-
* Variant for the action bar
|
|
93
|
-
* @values default, confirmation
|
|
94
|
-
*/
|
|
95
|
-
variant: {
|
|
96
|
-
type: String,
|
|
97
|
-
default: "default"
|
|
98
|
-
}
|
|
99
|
-
},
|
|
100
|
-
emits: ["close", "cancel", "save", "undo-action", "retry-action", "cancel-action"],
|
|
101
|
-
setup(l, { emit: e }) {
|
|
102
|
-
const n = l, t = 100, r = 7, g = 500, p = 32, { t: i, tc: E, n: I } = X(), k = s(() => n.selectionLabel ? n.selectionLabel : i("selected")), x = s(() => {
|
|
103
|
-
switch (n.state) {
|
|
104
|
-
case "loading":
|
|
105
|
-
return i("applying");
|
|
106
|
-
case "success":
|
|
107
|
-
return i("success");
|
|
108
|
-
case "fail":
|
|
109
|
-
return i("somethingWentWrong");
|
|
110
|
-
default:
|
|
111
|
-
return "";
|
|
112
|
-
}
|
|
113
|
-
}), m = c(null), u = c(null), h = c(null), f = c(!1), T = s(
|
|
114
|
-
() => n.state === "loading" ? "out-in" : void 0
|
|
115
|
-
), F = s(
|
|
116
|
-
() => n.state === "loading" || n.state === "success" && !n.showUndoAction
|
|
117
|
-
), L = (a) => {
|
|
118
|
-
n.state === "loading" && (u.value = `${a.offsetWidth}px`, h.value = "100%");
|
|
119
|
-
}, N = (a) => {
|
|
120
|
-
if (n.state !== "loading")
|
|
121
|
-
return;
|
|
122
|
-
Object.assign(a.style, { width: "auto", maxWidth: "none" });
|
|
123
|
-
const v = a.offsetWidth;
|
|
124
|
-
Object.assign(a.style, { width: "100%", maxWidth: u.value }), requestAnimationFrame(() => {
|
|
125
|
-
u.value = `${v}px`;
|
|
126
|
-
});
|
|
127
|
-
}, O = () => {
|
|
128
|
-
u.value = null, h.value = null, n.state === "fail" && (f.value = !0);
|
|
129
|
-
}, R = (a) => {
|
|
130
|
-
a.animationName.startsWith("shake-") && (f.value = !1);
|
|
131
|
-
}, { extraBottomSpacing: A, visibleActions: S } = D(n), { width: d } = tt(), o = c(null), _ = c(null), w = s(() => n.variant === "confirmation");
|
|
132
|
-
W(
|
|
133
|
-
() => S.value,
|
|
134
|
-
(a) => {
|
|
135
|
-
_.value = a <= 4 ? a : 4, o.value = _.value;
|
|
136
|
-
},
|
|
137
|
-
{ immediate: !0 }
|
|
138
|
-
);
|
|
139
|
-
const V = s(() => ({
|
|
140
|
-
"b-action-bar--extra-spacing": A.value,
|
|
141
|
-
"b-action-bar--confirmation": w.value,
|
|
142
|
-
"b-action-bar__state-animation--shake": f.value
|
|
143
|
-
})), P = s(() => ({
|
|
144
|
-
[`b-action-bar__container--${n.state}`]: n.state !== "start"
|
|
145
|
-
}));
|
|
146
|
-
G(et, r);
|
|
147
|
-
const U = s(() => {
|
|
148
|
-
const a = n.actions.map((j) => ({
|
|
149
|
-
...j,
|
|
150
|
-
variant: "secondary"
|
|
151
|
-
})), v = a.slice(0, o.value).reverse(), B = a.slice(o.value);
|
|
152
|
-
return [...v, ...B];
|
|
153
|
-
}), $ = s(() => [
|
|
154
|
-
{
|
|
155
|
-
title: i("save"),
|
|
156
|
-
event: () => e("save")
|
|
157
|
-
},
|
|
158
|
-
{
|
|
159
|
-
title: i("cancel"),
|
|
160
|
-
variant: "secondary",
|
|
161
|
-
event: () => e("cancel")
|
|
162
|
-
}
|
|
163
|
-
]), M = s(() => n.itemCounter == null || n.itemCounter < 1), b = async () => {
|
|
164
|
-
await y(), d.value > m.value.clientWidth + p + t && o.value < _.value && (o.value += 1, b());
|
|
165
|
-
}, C = async () => {
|
|
166
|
-
await y(), d.value < m.value.clientWidth + p && o.value > 0 && (o.value -= 1, C());
|
|
167
|
-
};
|
|
168
|
-
return W(
|
|
169
|
-
() => d.value,
|
|
170
|
-
async (a, v) => {
|
|
171
|
-
if (await y(), !m.value)
|
|
172
|
-
return;
|
|
173
|
-
const B = a > v;
|
|
174
|
-
d.value < g ? o.value = 0 : B ? b() : C();
|
|
175
|
-
},
|
|
176
|
-
{ immediate: !0 }
|
|
177
|
-
), { __sfc: !0, AVERAGE_BUTTON_SIZE: t, MENU_OFFSET: r, RESPONSIVE_BREAKPOINT: g, SPACING: p, props: n, emit: e, t: i, tc: E, n: I, label: k, defaultStateLabel: x, actionBar: m, containerMaxWidth: u, containerWidth: h, isShaking: f, stateTransitionMode: T, hideStateActions: F, onBeforeLeave: L, onEnter: N, onAfterEnter: O, onAnimationEnd: R, extraBottomSpacing: A, visibleActions: S, width: d, internalDisplayedActions: o, internalVisibleActions: _, isConfirmationVariant: w, conditionalClasses: V, containerClasses: P, actionsInternal: U, confirmationActions: $, noItemCounter: M, showActions: b, hideActions: C, BentoButton: J, BentoButtonActions: nt, BentoTypography: K, BentoLoadingIndicator: q, ButtonActionsWithMenu: Y, CrossIcon: Z, CheckmarkCircleFill: H, CrossCircleFill: Q };
|
|
178
|
-
}
|
|
179
|
-
});
|
|
180
|
-
var rt = function() {
|
|
181
|
-
var e = this, n = e._self._c, t = e._self._setupProxy;
|
|
182
|
-
return n("Transition", { attrs: { name: "b-action-bar__animation", appear: "" } }, [n("section", { staticClass: "b-action-bar", class: t.conditionalClasses, attrs: { "aria-label": t.t("actionBar") }, on: { animationend: t.onAnimationEnd } }, [n("Transition", { attrs: { name: `b-action-bar__state-animation--${e.state}`, mode: t.stateTransitionMode }, on: { "before-leave": t.onBeforeLeave, enter: t.onEnter, "after-enter": t.onAfterEnter } }, [n("div", { key: e.state, ref: "actionBar", staticClass: "b-action-bar__container", class: t.containerClasses, style: { width: t.containerWidth, maxWidth: t.containerMaxWidth } }, [e.state === "start" ? n("div", { staticClass: "b-action-bar__container-inner" }, [t.isConfirmationVariant ? e._e() : n("div", { staticClass: "b-action-bar__close-button" }, [n(t.BentoButton, { attrs: { variant: "tertiary", inverse: "", "aria-label": t.t("close") }, on: { click: function(r) {
|
|
183
|
-
return t.emit("close");
|
|
184
|
-
} }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
|
|
185
|
-
return [n(t.CrossIcon, { attrs: { "aria-hidden": !0 } })];
|
|
186
|
-
}, proxy: !0 }], null, !1, 4214210411) })], 1), n(t.BentoTypography, { staticClass: "b-action-bar__selection", attrs: { el: "span", stronger: "" } }, [t.isConfirmationVariant && t.noItemCounter ? [e._v(" " + e._s(t.tc("unsavedChanges", 0)) + " ")] : [e._v(" " + e._s(t.n(e.itemCounter)) + " " + e._s(t.isConfirmationVariant ? t.tc("unsavedChanges", e.itemCounter) : t.label) + " ")]], 2), t.isConfirmationVariant ? n(t.BentoButtonActions, { staticClass: "b-action-bar__actions", attrs: { actions: t.confirmationActions, inverse: "" } }) : n(t.ButtonActionsWithMenu, { staticClass: "b-action-bar__actions", attrs: { actions: t.actionsInternal, "displayed-actions": t.internalDisplayedActions, "menu-position": "top-end", "disable-responsive-behavior": "", inverse: "" } })], 1) : n("div", { staticClass: "b-action-bar__container-inner" }, [n("div", { staticClass: "b-action-bar__state-icon" }, [e.state === "loading" ? n(t.BentoLoadingIndicator, { attrs: { small: "", inverse: "" } }) : e._e(), e.state === "success" ? n(t.CheckmarkCircleFill, { attrs: { "aria-hidden": !0 } }) : e._e(), e.state === "fail" ? n(t.CrossCircleFill, { attrs: { "aria-hidden": !0 } }) : e._e()], 1), n(t.BentoTypography, { attrs: { stronger: "" } }, [e._t("stateLabel", function() {
|
|
187
|
-
return [e._v(e._s(t.defaultStateLabel))];
|
|
188
|
-
})], 2), t.hideStateActions ? e._e() : n("div", { staticClass: "b-action-bar__state-actions" }, [e.state === "success" && e.showUndoAction ? n(t.BentoButton, { attrs: { variant: "tertiary", inverse: "" }, on: { click: function(r) {
|
|
189
|
-
return t.emit("undo-action");
|
|
190
|
-
} } }, [e._v(e._s(t.t("undo")))]) : e._e(), e.state === "fail" && e.showRetryAction ? n(t.BentoButton, { attrs: { variant: "tertiary", inverse: "" }, on: { click: function(r) {
|
|
191
|
-
return t.emit("retry-action");
|
|
192
|
-
} } }, [e._v(e._s(t.t("retry")))]) : e._e(), e.state === "fail" ? n(t.BentoButton, { attrs: { variant: "tertiary", inverse: "" }, on: { click: function(r) {
|
|
193
|
-
return t.emit("cancel-action");
|
|
194
|
-
} } }, [e._v(e._s(t.t("cancel")))]) : e._e()], 1)], 1)])])], 1)]);
|
|
195
|
-
}, ct = [], lt = /* @__PURE__ */ at(
|
|
196
|
-
it,
|
|
197
|
-
rt,
|
|
198
|
-
ct,
|
|
199
|
-
!1,
|
|
200
|
-
null,
|
|
201
|
-
"b91c5356"
|
|
202
|
-
);
|
|
203
|
-
const gt = lt.exports;
|
|
204
|
-
export {
|
|
205
|
-
gt as B
|
|
206
|
-
};
|
|
207
|
-
//# sourceMappingURL=action-bar.CYGUYI0V.js.map
|