@adyen/bento-vue3 1.68.2 → 1.70.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 +1 -0
- package/dist/@types/index.d.ts +978 -1976
- package/dist/accordion.js +1 -1
- package/dist/action-bar.js +1 -1
- package/dist/alert.js +1 -1
- package/dist/assets/accordion-item.css +1 -1
- package/dist/assets/action-bar.css +1 -1
- package/dist/assets/alert.css +1 -1
- package/dist/assets/base-button.css +1 -1
- package/dist/assets/base-modal.css +1 -1
- package/dist/assets/button-actions-with-menu.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-group.css +1 -1
- package/dist/assets/checkbox-input.css +1 -1
- package/dist/assets/checkbox.css +1 -1
- package/dist/assets/chip.css +1 -1
- package/dist/assets/code-snippet.css +1 -1
- package/dist/assets/controls-group.css +1 -1
- package/dist/assets/copy.css +1 -1
- package/dist/assets/country.css +1 -1
- package/dist/assets/currency.css +1 -1
- package/dist/assets/dashed-underline.css +1 -1
- package/dist/assets/data-grid-template.css +1 -1
- package/dist/assets/data-grid.css +1 -1
- package/dist/assets/date-picker.css +1 -1
- package/dist/assets/date-range-picker.css +1 -1
- package/dist/assets/dialog-page.css +1 -1
- package/dist/assets/divider.css +1 -1
- package/dist/assets/dropdown-default-textbox.css +1 -1
- package/dist/assets/dropdown-tag.css +1 -1
- package/dist/assets/dropdown.css +1 -1
- package/dist/assets/empty-state.css +1 -1
- package/dist/assets/error-message.css +1 -1
- package/dist/assets/file-uploader.css +1 -1
- package/dist/assets/filter-bar.css +1 -1
- package/dist/assets/focus-trap.css +1 -1
- package/dist/assets/footer-actions.css +1 -1
- package/dist/assets/form-layout-title.css +1 -1
- package/dist/assets/grid-layout.css +1 -1
- package/dist/assets/header-meta.css +1 -1
- package/dist/assets/header-with-views.css +1 -1
- package/dist/assets/header.css +1 -1
- package/dist/assets/info-icon.css +1 -1
- package/dist/assets/input-field-password.css +1 -1
- package/dist/assets/input-field-phone-number.css +1 -1
- package/dist/assets/input-field.css +1 -1
- package/dist/assets/inspector.css +1 -1
- package/dist/assets/layout-row.css +1 -1
- package/dist/assets/listbox-option-tag.css +1 -1
- package/dist/assets/loading-indicator.css +1 -1
- package/dist/assets/modal-fullscreen.css +1 -1
- package/dist/assets/pagination.css +1 -1
- package/dist/assets/payment-method.css +1 -1
- package/dist/assets/popper-container.css +1 -1
- package/dist/assets/promo-banner.css +1 -1
- package/dist/assets/radio-group.css +1 -1
- package/dist/assets/radio-input.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/segmented-control.css +1 -1
- package/dist/assets/selection-card-group.css +1 -1
- package/dist/assets/sidepanel.css +1 -1
- package/dist/assets/status.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/tag.css +1 -1
- package/dist/assets/textarea.css +1 -1
- package/dist/assets/timeline-item.css +1 -1
- package/dist/assets/toast.css +1 -1
- package/dist/assets/toggle-button.css +1 -1
- package/dist/assets/toggle.css +1 -1
- package/dist/assets/tooltip.css +1 -1
- package/dist/assets/tutorial.css +1 -1
- package/dist/assets/typography.css +1 -1
- package/dist/assets/use-cached-selected-values.css +1 -1
- package/dist/avatar.js +1 -1
- package/dist/button.js +9 -9
- package/dist/card.js +1 -1
- package/dist/checkbox.js +2 -2
- package/dist/chip.js +1 -1
- package/dist/chunks/{accordion-item.DOnW0OnU.js → accordion-item.6etqAJV9.js} +3 -3
- package/dist/chunks/accordion-item.6etqAJV9.js.map +1 -0
- package/dist/chunks/{action-bar.CflF49oL.js → action-bar.CweA2FeY.js} +7 -8
- package/dist/chunks/action-bar.CweA2FeY.js.map +1 -0
- package/dist/chunks/alert.Dzx5MzgE.js +171 -0
- package/dist/chunks/alert.Dzx5MzgE.js.map +1 -0
- package/dist/chunks/aria-label.CaUURpnB.js.map +1 -1
- package/dist/chunks/{avatar.B0-9jC6H.js → avatar.Dq59yj6m.js} +2 -2
- package/dist/chunks/avatar.Dq59yj6m.js.map +1 -0
- package/dist/chunks/{base-button.DdNFlbgH.js → base-button.CjYb5Y8k.js} +19 -19
- package/dist/chunks/base-button.CjYb5Y8k.js.map +1 -0
- package/dist/chunks/{base-modal.C3_r3rmc.js → base-modal.BrBcILSe.js} +21 -21
- package/dist/chunks/base-modal.BrBcILSe.js.map +1 -0
- package/dist/chunks/bin.DuHlEQBO.js +37 -0
- package/dist/chunks/bin.DuHlEQBO.js.map +1 -0
- package/dist/chunks/button-actions-with-menu.CBuoSd3w.js +93 -0
- package/dist/chunks/button-actions-with-menu.CBuoSd3w.js.map +1 -0
- package/dist/chunks/button-actions.types.BptAXjD8.js +8 -0
- package/dist/chunks/button-actions.types.BptAXjD8.js.map +1 -0
- package/dist/chunks/{button.AB0SOQMn.js → button.C-MAa6ut.js} +4 -4
- package/dist/chunks/button.C-MAa6ut.js.map +1 -0
- package/dist/chunks/{calendar._oPk_A1C.js → calendar.DFHiga9k.js} +36 -37
- package/dist/chunks/calendar.DFHiga9k.js.map +1 -0
- package/dist/chunks/{card.CS34Mi_G.js → card.BspLDcas.js} +6 -5
- package/dist/chunks/card.BspLDcas.js.map +1 -0
- package/dist/chunks/{checkbox-group.JRo6xNpe.js → checkbox-group.DIXgr1WQ.js} +6 -6
- package/dist/chunks/checkbox-group.DIXgr1WQ.js.map +1 -0
- package/dist/chunks/{checkbox-input.DFkwZ4GM.js → checkbox-input.BXNGT9U0.js} +2 -2
- package/dist/chunks/checkbox-input.BXNGT9U0.js.map +1 -0
- package/dist/chunks/{checkbox.DGrG3GN1.js → checkbox.M6lKj2hQ.js} +27 -27
- package/dist/chunks/checkbox.M6lKj2hQ.js.map +1 -0
- package/dist/chunks/{chip.CneNX2_j.js → chip.DcpP3zb6.js} +11 -11
- package/dist/chunks/chip.DcpP3zb6.js.map +1 -0
- package/dist/chunks/{code-snippet.D5M76Qy6.js → code-snippet.CKrxKjkQ.js} +8 -8
- package/dist/chunks/code-snippet.CKrxKjkQ.js.map +1 -0
- package/dist/chunks/{controls-group.CrzkSu0U.js → controls-group.CXVHTaYp.js} +32 -29
- package/dist/chunks/controls-group.CXVHTaYp.js.map +1 -0
- package/dist/chunks/{copy.RUoQOydT.js → copy.C4DAAiPw.js} +18 -19
- package/dist/chunks/copy.C4DAAiPw.js.map +1 -0
- package/dist/chunks/{country.Q95voxeL.js → country.RVvsGwuV.js} +9 -9
- package/dist/chunks/country.RVvsGwuV.js.map +1 -0
- package/dist/chunks/country.types.C0Q_hhgJ.js.map +1 -1
- package/dist/chunks/{currency.CZVdyZUH.js → currency.CN4UnCx8.js} +3 -3
- package/dist/chunks/currency.CN4UnCx8.js.map +1 -0
- package/dist/chunks/{dashboard-section.Bhd5Lsy2.js → dashboard-section.Cll3tn0q.js} +4 -4
- package/dist/chunks/{dashboard-section.Bhd5Lsy2.js.map → dashboard-section.Cll3tn0q.js.map} +1 -1
- package/dist/chunks/{dashed-underline.DkzQkpaf.js → dashed-underline.2OYxO-Rh.js} +30 -32
- package/dist/chunks/dashed-underline.2OYxO-Rh.js.map +1 -0
- package/dist/chunks/{data-grid-template.DSwj7e1E.js → data-grid-template.CTRHofoW.js} +5 -5
- package/dist/chunks/data-grid-template.CTRHofoW.js.map +1 -0
- package/dist/chunks/data-grid.DMOTTywp.js +3932 -0
- package/dist/chunks/data-grid.DMOTTywp.js.map +1 -0
- package/dist/chunks/{date-picker.CAoXTiZR.js → date-picker.CBlQ0ql7.js} +13 -14
- package/dist/chunks/date-picker.CBlQ0ql7.js.map +1 -0
- package/dist/chunks/date-range-picker.D-gGqpFB.js +1168 -0
- package/dist/chunks/date-range-picker.D-gGqpFB.js.map +1 -0
- package/dist/chunks/{date.DSjCnSgL.js → date.4GAXrgy5.js} +2 -2
- package/dist/chunks/{date.DSjCnSgL.js.map → date.4GAXrgy5.js.map} +1 -1
- package/dist/chunks/{dialog-page.C80HOigq.js → dialog-page.VSJgHY3C.js} +15 -15
- package/dist/chunks/dialog-page.VSJgHY3C.js.map +1 -0
- package/dist/chunks/{divider.qUOSAbU6.js → divider.DnKNNyWB.js} +2 -2
- package/dist/chunks/divider.DnKNNyWB.js.map +1 -0
- package/dist/chunks/{dropdown-default-textbox.Ce5D3ipi.js → dropdown-default-textbox.CGsOngY1.js} +111 -109
- package/dist/chunks/dropdown-default-textbox.CGsOngY1.js.map +1 -0
- package/dist/chunks/dropdown-tag.DlFpUeXa.js +296 -0
- package/dist/chunks/dropdown-tag.DlFpUeXa.js.map +1 -0
- package/dist/chunks/{dropdown.CMOYmQLB.js → dropdown.agfzvJZE.js} +59 -59
- package/dist/chunks/dropdown.agfzvJZE.js.map +1 -0
- package/dist/chunks/{empty-state.D7llINgF.js → empty-state.BTaeZdQu.js} +4 -4
- package/dist/chunks/empty-state.BTaeZdQu.js.map +1 -0
- package/dist/chunks/{error-message.DHMHq9bR.js → error-message.B1P5ictH.js} +5 -5
- package/dist/chunks/{error-message.DHMHq9bR.js.map → error-message.B1P5ictH.js.map} +1 -1
- package/dist/chunks/es6.MoTTyETW.js +12 -0
- package/dist/chunks/es6.MoTTyETW.js.map +1 -0
- package/dist/chunks/events.CMzGybJJ.js +47 -0
- package/dist/chunks/events.CMzGybJJ.js.map +1 -0
- package/dist/chunks/{file-uploader.B_EI2fAc.js → file-uploader.Vac1Cu0i.js} +165 -164
- package/dist/chunks/file-uploader.Vac1Cu0i.js.map +1 -0
- package/dist/chunks/{filter-bar.DoHMLZ4O.js → filter-bar.uUpoP-XZ.js} +361 -368
- package/dist/chunks/filter-bar.uUpoP-XZ.js.map +1 -0
- package/dist/chunks/{fixed-scroller.D5nAPPbo.js → fixed-scroller.DSGxXiAH.js} +2 -2
- package/dist/chunks/{fixed-scroller.D5nAPPbo.js.map → fixed-scroller.DSGxXiAH.js.map} +1 -1
- package/dist/chunks/{focus-trap.CljZgv9i.js → focus-trap.rjp24a37.js} +2 -2
- package/dist/chunks/focus-trap.rjp24a37.js.map +1 -0
- package/dist/chunks/{footer-actions.Bje-DDqw.js → footer-actions.gRKTKGts.js} +5 -5
- package/dist/chunks/footer-actions.gRKTKGts.js.map +1 -0
- package/dist/chunks/{form-layout-title.rpIO-I9A.js → form-layout-title.DdRqnXXi.js} +5 -5
- package/dist/chunks/form-layout-title.DdRqnXXi.js.map +1 -0
- package/dist/chunks/{grid-layout.BTLE3rac.js → grid-layout.DDaRNz4-.js} +2 -2
- package/dist/chunks/grid-layout.DDaRNz4-.js.map +1 -0
- package/dist/chunks/{header-meta.Yt43-cUI.js → header-meta.Ct79L1O8.js} +26 -27
- package/dist/chunks/{header-meta.Yt43-cUI.js.map → header-meta.Ct79L1O8.js.map} +1 -1
- package/dist/chunks/{header-with-views.BUed3ocZ.js → header-with-views.BVHdSAKp.js} +281 -281
- package/dist/chunks/header-with-views.BVHdSAKp.js.map +1 -0
- package/dist/chunks/{header.CwKjDgKv.js → header.Cd1P8lYK.js} +32 -32
- package/dist/chunks/header.Cd1P8lYK.js.map +1 -0
- package/dist/chunks/image.vue_vue_type_script_setup_true_lang.DQT2oNEF.js.map +1 -1
- package/dist/chunks/{info-icon.DprUQ9fj.js → info-icon.Bl0iKUfC.js} +7 -8
- package/dist/chunks/info-icon.Bl0iKUfC.js.map +1 -0
- package/dist/chunks/info.BKwey1HA.js +44 -0
- package/dist/chunks/info.BKwey1HA.js.map +1 -0
- package/dist/chunks/{input-field-password.DN0Jro1V.js → input-field-password.DkIWrrxy.js} +8 -8
- package/dist/chunks/input-field-password.DkIWrrxy.js.map +1 -0
- package/dist/chunks/{input-field-phone-number.BhPsrafR.js → input-field-phone-number.EXlRu8qq.js} +46 -45
- package/dist/chunks/{input-field-phone-number.BhPsrafR.js.map → input-field-phone-number.EXlRu8qq.js.map} +1 -1
- package/dist/chunks/{input-field.su5Cq8Dt.js → input-field.CgbiOju9.js} +5 -5
- package/dist/chunks/input-field.CgbiOju9.js.map +1 -0
- package/dist/chunks/{inspector.CoZCPfHC.js → inspector.BGtTMtE0.js} +13 -13
- package/dist/chunks/inspector.BGtTMtE0.js.map +1 -0
- package/dist/chunks/{keyboard-navigation.CqgGzfZQ.js → keyboard-navigation.pB8weElW.js} +2 -2
- package/dist/chunks/keyboard-navigation.pB8weElW.js.map +1 -0
- package/dist/chunks/{layout-row.CZNtHaXd.js → layout-row.BPfOPn4x.js} +9 -9
- package/dist/chunks/layout-row.BPfOPn4x.js.map +1 -0
- package/dist/chunks/{link.BBpxiclu.js → link.cwPmWlsk.js} +2 -2
- package/dist/chunks/{link.BBpxiclu.js.map → link.cwPmWlsk.js.map} +1 -1
- package/dist/chunks/{listbox-option-tag.0BK6jWO9.js → listbox-option-tag.CDIkX7nh.js} +7 -7
- package/dist/chunks/listbox-option-tag.CDIkX7nh.js.map +1 -0
- package/dist/chunks/{loading-indicator.DEepb9Wl.js → loading-indicator.VHi5tbZa.js} +3 -3
- package/dist/chunks/loading-indicator.VHi5tbZa.js.map +1 -0
- package/dist/chunks/minus-small.DYIyF5XW.js.map +1 -1
- package/dist/chunks/{modal-fullscreen.DBTnoSX9.js → modal-fullscreen.-Q-7GMyT.js} +18 -19
- package/dist/chunks/modal-fullscreen.-Q-7GMyT.js.map +1 -0
- package/dist/chunks/{modal.vue_vue_type_script_setup_true_lang.Cd-mQUJ8.js → modal.vue_vue_type_script_setup_true_lang.TFh7p51f.js} +6 -6
- package/dist/chunks/modal.vue_vue_type_script_setup_true_lang.TFh7p51f.js.map +1 -0
- package/dist/chunks/{pagination.fYQak4C8.js → pagination.DW_HPEIu.js} +5 -5
- package/dist/chunks/pagination.DW_HPEIu.js.map +1 -0
- package/dist/chunks/{payment-method.eazefwm6.js → payment-method.CDnn1bjo.js} +3 -3
- package/dist/chunks/payment-method.CDnn1bjo.js.map +1 -0
- package/dist/chunks/popover.types.COM6oQgq.js +6 -0
- package/dist/chunks/popover.types.COM6oQgq.js.map +1 -0
- package/dist/chunks/{popper-container.b5h4zYgT.js → popper-container.CgJzEQ7N.js} +285 -281
- package/dist/chunks/popper-container.CgJzEQ7N.js.map +1 -0
- package/dist/chunks/{promo-banner.CQp3z2CP.js → promo-banner.BbqIA4Ce.js} +4 -4
- package/dist/chunks/promo-banner.BbqIA4Ce.js.map +1 -0
- package/dist/chunks/{radio-group.H9A5QcNu.js → radio-group.CbLIPi7h.js} +77 -69
- package/dist/chunks/radio-group.CbLIPi7h.js.map +1 -0
- package/dist/chunks/{radio-input.DKfQGxtp.js → radio-input.odN9FOyr.js} +2 -2
- package/dist/chunks/radio-input.odN9FOyr.js.map +1 -0
- package/dist/chunks/{rich-text-editor.Dx78coVL.js → rich-text-editor.C0hJeV4H.js} +8 -8
- package/dist/chunks/rich-text-editor.C0hJeV4H.js.map +1 -0
- package/dist/chunks/{search-bar.CUrcP_wf.js → search-bar.CvAi2t3-.js} +46 -44
- package/dist/chunks/search-bar.CvAi2t3-.js.map +1 -0
- package/dist/chunks/{secondary-nav.j3ddtYoZ.js → secondary-nav.yntS8-u5.js} +28 -28
- package/dist/chunks/secondary-nav.yntS8-u5.js.map +1 -0
- package/dist/chunks/{segmented-control.5-vlm8Gt.js → segmented-control.CRSdIvha.js} +6 -7
- package/dist/chunks/segmented-control.CRSdIvha.js.map +1 -0
- package/dist/chunks/{selection-card-group.B4xpnd-z.js → selection-card-group.Cu3V8h4R.js} +16 -16
- package/dist/chunks/selection-card-group.Cu3V8h4R.js.map +1 -0
- package/dist/chunks/{sidepanel.DPN__L3Q.js → sidepanel.z18XSO3M.js} +14 -14
- package/dist/chunks/sidepanel.z18XSO3M.js.map +1 -0
- package/dist/chunks/{status.types.Bdv2zuuh.js → status.types.-l2qJxLn.js} +9 -9
- package/dist/chunks/status.types.-l2qJxLn.js.map +1 -0
- package/dist/chunks/{step.BtNhPZAf.js → step.BMSjltwl.js} +8 -9
- package/dist/chunks/step.BMSjltwl.js.map +1 -0
- package/dist/chunks/{structured-list-item.BQbEDKhg.js → structured-list-item.CD1nMqzH.js} +18 -19
- package/dist/chunks/structured-list-item.CD1nMqzH.js.map +1 -0
- package/dist/chunks/{summary-grid.types.CjbbSZBJ.js → summary-grid.types.BHuDlPDw.js} +7 -7
- package/dist/chunks/{summary-grid.types.CjbbSZBJ.js.map → summary-grid.types.BHuDlPDw.js.map} +1 -1
- package/dist/chunks/{tab.CAt51ksU.js → tab.C3R_VoJL.js} +5 -5
- package/dist/chunks/tab.C3R_VoJL.js.map +1 -0
- package/dist/chunks/{tag.D3in0-Bp.js → tag.B6AmSws9.js} +11 -12
- package/dist/chunks/tag.B6AmSws9.js.map +1 -0
- package/dist/chunks/textarea.DfQLxj_w.js +295 -0
- package/dist/chunks/textarea.DfQLxj_w.js.map +1 -0
- package/dist/chunks/timeline-item.25y9USE-.js +568 -0
- package/dist/chunks/timeline-item.25y9USE-.js.map +1 -0
- package/dist/chunks/{toast.CSoCPteL.js → toast.DIhABAW8.js} +18 -18
- package/dist/chunks/toast.DIhABAW8.js.map +1 -0
- package/dist/chunks/toggle-button.CQl9HneO.js +1353 -0
- package/dist/chunks/toggle-button.CQl9HneO.js.map +1 -0
- package/dist/chunks/{toggle.BuKXexA6.js → toggle.C8k7NQ7y.js} +3 -3
- package/dist/chunks/toggle.C8k7NQ7y.js.map +1 -0
- package/dist/chunks/{tooltip.VYPUHERk.js → tooltip.lBnko9QV.js} +70 -64
- package/dist/chunks/tooltip.lBnko9QV.js.map +1 -0
- package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.Dmf8fGaM.js → tutorial.vue_vue_type_script_setup_true_lang.BProZFmI.js} +48 -51
- package/dist/chunks/tutorial.vue_vue_type_script_setup_true_lang.BProZFmI.js.map +1 -0
- package/dist/chunks/{typography.DN5eC5ch.js → typography.yBEME_Gu.js} +25 -25
- package/dist/chunks/typography.yBEME_Gu.js.map +1 -0
- package/dist/chunks/{use-bento-toast-controller.D3LA1FCd.js → use-bento-toast-controller.Kri_h7jS.js} +2 -2
- package/dist/chunks/{use-bento-toast-controller.D3LA1FCd.js.map → use-bento-toast-controller.Kri_h7jS.js.map} +1 -1
- package/dist/chunks/{use-cached-selected-values.Dyoz6cUK.js → use-cached-selected-values.CELe-MsT.js} +16 -17
- package/dist/chunks/use-cached-selected-values.CELe-MsT.js.map +1 -0
- package/dist/chunks/{use-country-items.Duh4bMqW.js → use-country-items.D_kamcYy.js} +2 -2
- package/dist/chunks/use-country-items.D_kamcYy.js.map +1 -0
- package/dist/chunks/{use-country-phon-code.BOaJ9PDl.js → use-country-phon-code.Bui3zD6W.js} +5 -3
- package/dist/chunks/{use-country-phon-code.BOaJ9PDl.js.map → use-country-phon-code.Bui3zD6W.js.map} +1 -1
- package/dist/chunks/use-has-slot.B7eQSabc.js.map +1 -1
- package/dist/chunks/warning-filled.BMGD0G-_.js +29 -0
- package/dist/chunks/warning-filled.BMGD0G-_.js.map +1 -0
- package/dist/code-snippet.js +1 -1
- package/dist/country.js +2 -2
- package/dist/currency.js +1 -1
- package/dist/dashboard-template.js +1 -1
- package/dist/dashed-underline.js +1 -1
- package/dist/data-grid-template.js +1 -1
- package/dist/data-grid.js +1 -1
- package/dist/date-picker.js +2 -2
- package/dist/date-range-picker.js +2 -2
- package/dist/date.js +1 -1
- package/dist/divider.js +1 -1
- package/dist/dropdown.js +4 -4
- package/dist/empty-state.js +1 -1
- package/dist/file-uploader.js +1 -1
- package/dist/filter-bar.js +1 -1
- package/dist/focus-trap.js +1 -1
- package/dist/form-layout.js +1 -1
- package/dist/header-with-views.js +1 -1
- package/dist/header.js +1 -1
- package/dist/index.js +241 -244
- 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 +3 -2
- package/dist/input-field.js +1 -1
- package/dist/inspector.js +1 -1
- package/dist/internal.js +33 -32
- package/dist/internal.js.map +1 -1
- package/dist/layout.js +1 -1
- package/dist/link.js +1 -1
- package/dist/loading-indicator.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/payment-method.js +1 -1
- package/dist/popover.js +2 -2
- package/dist/popper-container.js +4 -5
- package/dist/popper-container.js.map +1 -1
- package/dist/promo-banner.js +1 -1
- package/dist/radio-group.js +2 -2
- 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 +17 -4
- package/dist/styles/bento-light.css +17 -4
- package/dist/styles/bento.css +17 -4
- package/dist/styles/styleguide.css +17 -4
- package/dist/styles/utility.css +3 -0
- package/dist/summary-grid.js +1 -1
- package/dist/tabs.js +1 -1
- package/dist/tag.js +1 -1
- package/dist/textarea.js +1 -1
- package/dist/timeline.js +1 -1
- package/dist/toast.js +1 -1
- package/dist/toggle.js +1 -1
- package/dist/tutorial.js +1 -1
- package/dist/typography.js +1 -1
- package/dist/use-form-v4.js.map +1 -1
- package/dist/web-types.json +1 -1
- package/package.json +6 -6
- package/dist/assets/button-actions.css +0 -1
- package/dist/assets/menu.css +0 -1
- package/dist/assets/popover.css +0 -1
- package/dist/assets/teleport.css +0 -1
- package/dist/chunks/accordion-item.DOnW0OnU.js.map +0 -1
- package/dist/chunks/action-bar.CflF49oL.js.map +0 -1
- package/dist/chunks/alert.DvleqX0i.js +0 -169
- package/dist/chunks/alert.DvleqX0i.js.map +0 -1
- package/dist/chunks/avatar.B0-9jC6H.js.map +0 -1
- package/dist/chunks/base-button.DdNFlbgH.js.map +0 -1
- package/dist/chunks/base-modal.C3_r3rmc.js.map +0 -1
- package/dist/chunks/base-modal.keys.C2PQXcE2.js +0 -5
- package/dist/chunks/base-modal.keys.C2PQXcE2.js.map +0 -1
- package/dist/chunks/bin.CiGG2V4b.js +0 -37
- package/dist/chunks/bin.CiGG2V4b.js.map +0 -1
- package/dist/chunks/button-actions-with-menu.8ZYh7-9s.js +0 -91
- package/dist/chunks/button-actions-with-menu.8ZYh7-9s.js.map +0 -1
- package/dist/chunks/button-actions.CZdO9YOk.js +0 -264
- package/dist/chunks/button-actions.CZdO9YOk.js.map +0 -1
- package/dist/chunks/button.AB0SOQMn.js.map +0 -1
- package/dist/chunks/calendar._oPk_A1C.js.map +0 -1
- package/dist/chunks/card.CS34Mi_G.js.map +0 -1
- package/dist/chunks/checkbox-group.JRo6xNpe.js.map +0 -1
- package/dist/chunks/checkbox-input.DFkwZ4GM.js.map +0 -1
- package/dist/chunks/checkbox.DGrG3GN1.js.map +0 -1
- package/dist/chunks/chip.CneNX2_j.js.map +0 -1
- package/dist/chunks/code-snippet.D5M76Qy6.js.map +0 -1
- package/dist/chunks/controls-group.CrzkSu0U.js.map +0 -1
- package/dist/chunks/copy.RUoQOydT.js.map +0 -1
- package/dist/chunks/country.Q95voxeL.js.map +0 -1
- package/dist/chunks/currency.CZVdyZUH.js.map +0 -1
- package/dist/chunks/dashed-underline.DkzQkpaf.js.map +0 -1
- package/dist/chunks/data-grid-template.DSwj7e1E.js.map +0 -1
- package/dist/chunks/data-grid.BEdELRNZ.js +0 -3860
- package/dist/chunks/data-grid.BEdELRNZ.js.map +0 -1
- package/dist/chunks/date-picker.CAoXTiZR.js.map +0 -1
- package/dist/chunks/date-range-picker.DtV4L3L6.js +0 -1225
- package/dist/chunks/date-range-picker.DtV4L3L6.js.map +0 -1
- package/dist/chunks/dialog-page.C80HOigq.js.map +0 -1
- package/dist/chunks/divider.qUOSAbU6.js.map +0 -1
- package/dist/chunks/dropdown-default-textbox.Ce5D3ipi.js.map +0 -1
- package/dist/chunks/dropdown-tag.B3fptORX.js +0 -230
- package/dist/chunks/dropdown-tag.B3fptORX.js.map +0 -1
- package/dist/chunks/dropdown.CMOYmQLB.js.map +0 -1
- package/dist/chunks/empty-state.D7llINgF.js.map +0 -1
- package/dist/chunks/es6.n1ewaW31.js +0 -11
- package/dist/chunks/es6.n1ewaW31.js.map +0 -1
- package/dist/chunks/events.FNmSWp_P.js +0 -52
- package/dist/chunks/events.FNmSWp_P.js.map +0 -1
- package/dist/chunks/file-uploader.B_EI2fAc.js.map +0 -1
- package/dist/chunks/filter-bar.DoHMLZ4O.js.map +0 -1
- package/dist/chunks/focus-trap.CljZgv9i.js.map +0 -1
- package/dist/chunks/footer-actions.Bje-DDqw.js.map +0 -1
- package/dist/chunks/form-layout-title.rpIO-I9A.js.map +0 -1
- package/dist/chunks/grid-layout.BTLE3rac.js.map +0 -1
- package/dist/chunks/header-with-views.BUed3ocZ.js.map +0 -1
- package/dist/chunks/header.CwKjDgKv.js.map +0 -1
- package/dist/chunks/info-icon.DprUQ9fj.js.map +0 -1
- package/dist/chunks/info.DcTs-Bzp.js +0 -44
- package/dist/chunks/info.DcTs-Bzp.js.map +0 -1
- package/dist/chunks/input-field-password.DN0Jro1V.js.map +0 -1
- package/dist/chunks/input-field.su5Cq8Dt.js.map +0 -1
- package/dist/chunks/inspector.CoZCPfHC.js.map +0 -1
- package/dist/chunks/keyboard-navigation.CqgGzfZQ.js.map +0 -1
- package/dist/chunks/layout-row.CZNtHaXd.js.map +0 -1
- package/dist/chunks/listbox-option-tag.0BK6jWO9.js.map +0 -1
- package/dist/chunks/loading-indicator.DEepb9Wl.js.map +0 -1
- package/dist/chunks/menu.EtjeOPXX.js +0 -680
- package/dist/chunks/menu.EtjeOPXX.js.map +0 -1
- package/dist/chunks/modal-fullscreen.DBTnoSX9.js.map +0 -1
- package/dist/chunks/modal-fullscreen.keys.CMba3hYp.js +0 -5
- package/dist/chunks/modal-fullscreen.keys.CMba3hYp.js.map +0 -1
- package/dist/chunks/modal.vue_vue_type_script_setup_true_lang.Cd-mQUJ8.js.map +0 -1
- package/dist/chunks/pagination.fYQak4C8.js.map +0 -1
- package/dist/chunks/payment-method.eazefwm6.js.map +0 -1
- package/dist/chunks/popover.DYgCCUCJ.js +0 -200
- package/dist/chunks/popover.DYgCCUCJ.js.map +0 -1
- package/dist/chunks/popover.types.V8old-GW.js +0 -6
- package/dist/chunks/popover.types.V8old-GW.js.map +0 -1
- package/dist/chunks/popper-container.b5h4zYgT.js.map +0 -1
- package/dist/chunks/popper-container.types.BCZMbVFD.js +0 -9
- package/dist/chunks/popper-container.types.BCZMbVFD.js.map +0 -1
- package/dist/chunks/promo-banner.CQp3z2CP.js.map +0 -1
- package/dist/chunks/radio-group.H9A5QcNu.js.map +0 -1
- package/dist/chunks/radio-input.DKfQGxtp.js.map +0 -1
- package/dist/chunks/rich-text-editor.Dx78coVL.js.map +0 -1
- package/dist/chunks/search-bar.CUrcP_wf.js.map +0 -1
- package/dist/chunks/secondary-nav.j3ddtYoZ.js.map +0 -1
- package/dist/chunks/segmented-control.5-vlm8Gt.js.map +0 -1
- package/dist/chunks/selection-card-group.B4xpnd-z.js.map +0 -1
- package/dist/chunks/sidepanel.DPN__L3Q.js.map +0 -1
- package/dist/chunks/sidepanel.keys.R0DKQuYx.js +0 -5
- package/dist/chunks/sidepanel.keys.R0DKQuYx.js.map +0 -1
- package/dist/chunks/status.types.Bdv2zuuh.js.map +0 -1
- package/dist/chunks/step.BtNhPZAf.js.map +0 -1
- package/dist/chunks/structured-list-item.BQbEDKhg.js.map +0 -1
- package/dist/chunks/tab.CAt51ksU.js.map +0 -1
- package/dist/chunks/tag.D3in0-Bp.js.map +0 -1
- package/dist/chunks/teleport.CfGWjxe2.js +0 -129
- package/dist/chunks/teleport.CfGWjxe2.js.map +0 -1
- package/dist/chunks/textarea.BBhN67-I.js +0 -282
- package/dist/chunks/textarea.BBhN67-I.js.map +0 -1
- package/dist/chunks/timeline-item.CuCII37W.js +0 -566
- package/dist/chunks/timeline-item.CuCII37W.js.map +0 -1
- package/dist/chunks/toast.CSoCPteL.js.map +0 -1
- package/dist/chunks/toggle-button.NQwrfSr1.js +0 -80
- package/dist/chunks/toggle-button.NQwrfSr1.js.map +0 -1
- package/dist/chunks/toggle.BuKXexA6.js.map +0 -1
- package/dist/chunks/tooltip.VYPUHERk.js.map +0 -1
- package/dist/chunks/tutorial.vue_vue_type_script_setup_true_lang.Dmf8fGaM.js.map +0 -1
- package/dist/chunks/typography.DN5eC5ch.js.map +0 -1
- package/dist/chunks/use-cached-selected-values.Dyoz6cUK.js.map +0 -1
- package/dist/chunks/use-click-outside.BnhTgpSt.js +0 -14
- package/dist/chunks/use-click-outside.BnhTgpSt.js.map +0 -1
- package/dist/chunks/use-country-items.Duh4bMqW.js.map +0 -1
- package/dist/chunks/warning-filled.AiUbXzzg.js +0 -29
- package/dist/chunks/warning-filled.AiUbXzzg.js.map +0 -1
- package/dist/styles/legacy.css +0 -2226
|
@@ -1,10 +1,8 @@
|
|
|
1
|
-
import { defineComponent as E, useSlots as C, ref as i, computed as p, watch as D, withDirectives as k, createElementBlock as w, openBlock as h, createElementVNode as T, createBlock as N, createCommentVNode as V, renderSlot as _, unref as t, withCtx as
|
|
2
|
-
import {
|
|
3
|
-
import "./
|
|
4
|
-
import { B as
|
|
5
|
-
import {
|
|
6
|
-
import { u as U } from "./use-has-slot.B7eQSabc.js";
|
|
7
|
-
import { B as A } from "./teleport.CfGWjxe2.js";
|
|
1
|
+
import { defineComponent as E, useSlots as C, ref as i, computed as p, watch as D, withDirectives as k, createElementBlock as w, openBlock as h, createElementVNode as T, createBlock as N, createCommentVNode as V, renderSlot as _, unref as t, withCtx as d, toHandlers as y, createVNode as P, createTextVNode as I, toDisplayString as z } from "vue";
|
|
2
|
+
import { d as F, h as L } from "./toggle-button.CQl9HneO.js";
|
|
3
|
+
import { b as M } from "./tooltip.lBnko9QV.js";
|
|
4
|
+
import { B as U } from "./typography.yBEME_Gu.js";
|
|
5
|
+
import { u as A } from "./use-has-slot.B7eQSabc.js";
|
|
8
6
|
import { _ as G } from "./_plugin-vue_export-helper.CHgC5LLL.js";
|
|
9
7
|
import "../assets/dashed-underline.css";
|
|
10
8
|
const H = { class: "b-dashed-underline__content" }, R = {}, Y = /* @__PURE__ */ E({
|
|
@@ -21,21 +19,21 @@ const H = { class: "b-dashed-underline__content" }, R = {}, Y = /* @__PURE__ */
|
|
|
21
19
|
tooltipText: { default: null },
|
|
22
20
|
tooltipPosition: { default: "top" }
|
|
23
21
|
},
|
|
24
|
-
setup(
|
|
25
|
-
const n =
|
|
26
|
-
|
|
22
|
+
setup(S) {
|
|
23
|
+
const n = S, O = C(), b = A(O), o = i(null), l = i(!1), r = i(), s = () => {
|
|
24
|
+
l.value = !0, r.value && clearTimeout(r.value);
|
|
27
25
|
}, a = () => {
|
|
28
26
|
const e = setTimeout(() => {
|
|
29
|
-
|
|
27
|
+
l.value = !1;
|
|
30
28
|
}, 200);
|
|
31
|
-
|
|
32
|
-
},
|
|
29
|
+
r.value = e;
|
|
30
|
+
}, u = () => {
|
|
33
31
|
s();
|
|
34
32
|
}, c = (e) => {
|
|
35
33
|
(!o.value || !((e == null ? void 0 : e.relatedTarget) instanceof Element) || !o.value.contains(e.relatedTarget)) && a();
|
|
36
|
-
},
|
|
34
|
+
}, v = p(() => n.popoverText || b("popover-content")), g = p(() => !n.tooltipText && !v.value);
|
|
37
35
|
D(
|
|
38
|
-
|
|
36
|
+
g,
|
|
39
37
|
(e) => {
|
|
40
38
|
if (e)
|
|
41
39
|
throw new Error(
|
|
@@ -44,19 +42,19 @@ const H = { class: "b-dashed-underline__content" }, R = {}, Y = /* @__PURE__ */
|
|
|
44
42
|
},
|
|
45
43
|
{ immediate: !0 }
|
|
46
44
|
);
|
|
47
|
-
const
|
|
45
|
+
const B = p(
|
|
48
46
|
() => {
|
|
49
47
|
var e;
|
|
50
48
|
return ((e = n.teleport) == null ? void 0 : e.disabled) === !1 ? {
|
|
51
49
|
mouseenter: s,
|
|
52
50
|
mouseleave: a,
|
|
53
|
-
focus:
|
|
51
|
+
focus: u,
|
|
54
52
|
focusout: c
|
|
55
53
|
} : {};
|
|
56
54
|
}
|
|
57
55
|
);
|
|
58
56
|
return (e, q) => {
|
|
59
|
-
var
|
|
57
|
+
var f, m;
|
|
60
58
|
return k((h(), w("span", {
|
|
61
59
|
ref_key: "element",
|
|
62
60
|
ref: o,
|
|
@@ -64,21 +62,21 @@ const H = { class: "b-dashed-underline__content" }, R = {}, Y = /* @__PURE__ */
|
|
|
64
62
|
tabindex: "0",
|
|
65
63
|
onMouseenter: s,
|
|
66
64
|
onMouseleave: a,
|
|
67
|
-
onFocus:
|
|
65
|
+
onFocus: u,
|
|
68
66
|
onFocusout: c
|
|
69
67
|
}, [
|
|
70
68
|
T("span", H, [
|
|
71
69
|
_(e.$slots, "default", {}, void 0, !0)
|
|
72
70
|
]),
|
|
73
|
-
o.value &&
|
|
71
|
+
o.value && v.value ? (h(), N(t(F), {
|
|
74
72
|
key: 0,
|
|
75
|
-
disabled: (
|
|
73
|
+
disabled: (f = e.teleport) == null ? void 0 : f.disabled,
|
|
76
74
|
to: (m = e.teleport) == null ? void 0 : m.to
|
|
77
75
|
}, {
|
|
78
|
-
default:
|
|
79
|
-
T("span", y(
|
|
80
|
-
|
|
81
|
-
open:
|
|
76
|
+
default: d(() => [
|
|
77
|
+
T("span", y(B.value, !0), [
|
|
78
|
+
P(t(L), {
|
|
79
|
+
open: l.value,
|
|
82
80
|
"target-element": o.value,
|
|
83
81
|
position: e.popoverPosition,
|
|
84
82
|
role: "tooltip",
|
|
@@ -88,10 +86,10 @@ const H = { class: "b-dashed-underline__content" }, R = {}, Y = /* @__PURE__ */
|
|
|
88
86
|
title: e.popoverTitle,
|
|
89
87
|
"disable-focus-trap": ""
|
|
90
88
|
}, {
|
|
91
|
-
default:
|
|
89
|
+
default: d(() => [
|
|
92
90
|
_(e.$slots, "popover-content", {}, () => [
|
|
93
|
-
|
|
94
|
-
default:
|
|
91
|
+
P(t(U), null, {
|
|
92
|
+
default: d(() => [
|
|
95
93
|
I(z(e.popoverText), 1)
|
|
96
94
|
]),
|
|
97
95
|
_: 1
|
|
@@ -105,12 +103,12 @@ const H = { class: "b-dashed-underline__content" }, R = {}, Y = /* @__PURE__ */
|
|
|
105
103
|
_: 3
|
|
106
104
|
}, 8, ["disabled", "to"])) : V("", !0)
|
|
107
105
|
], 32)), [
|
|
108
|
-
[t(
|
|
106
|
+
[t(M), e.tooltipText, e.tooltipPosition]
|
|
109
107
|
]);
|
|
110
108
|
};
|
|
111
109
|
}
|
|
112
|
-
}),
|
|
110
|
+
}), X = /* @__PURE__ */ G(Y, [["__scopeId", "data-v-d87d8c52"]]);
|
|
113
111
|
export {
|
|
114
|
-
|
|
112
|
+
X as B
|
|
115
113
|
};
|
|
116
|
-
//# sourceMappingURL=dashed-underline.
|
|
114
|
+
//# sourceMappingURL=dashed-underline.2OYxO-Rh.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dashed-underline.2OYxO-Rh.js","sources":["../../../vue2/src/components/dashed-underline/dashed-underline.vue"],"sourcesContent":["<template>\n <span\n ref=\"element\"\n v-bento-tooltip-directive:[tooltipPosition]=\"tooltipText\"\n class=\"b-dashed-underline\"\n tabindex=\"0\"\n @mouseenter=\"openPopover\"\n @mouseleave=\"closePopover\"\n @focus=\"dashedUnderlineOnFocus\"\n @focusout=\"dashedUnderlineOnFocusOut\"\n >\n <span class=\"b-dashed-underline__content\">\n <slot></slot>\n </span>\n <bento-teleport v-if=\"element && hasPopover\" :disabled=\"teleport?.disabled\" :to=\"teleport?.to\">\n <span v-on=\"computedPopoverContainerEvents\">\n <bento-popover\n :open=\"isOpen\"\n :target-element=\"element\"\n :position=\"popoverPosition\"\n role=\"tooltip\"\n :fit-content=\"popoverSize === 'fit-content' || undefined\"\n :large=\"popoverSize === 'large' || undefined\"\n :small=\"popoverSize === 'small' || undefined\"\n :title=\"popoverTitle\"\n disable-focus-trap\n >\n <slot name=\"popover-content\">\n <bento-typography>\n {{ popoverText }}\n </bento-typography>\n </slot>\n </bento-popover>\n </span>\n </bento-teleport>\n </span>\n</template>\n\n<script lang=\"ts\" setup>\n import { computed, ref, useSlots, watch } from 'vue';\n import { BentoPopover } from '@/components/popover';\n import { BentoTooltipDirective as vBentoTooltipDirective } from '@/directives/tooltip/index';\n import { BentoTypography } from '@/components/typography';\n import { useHasSlot } from '@/composables';\n import { BentoTeleport } from '@/internal';\n import { type BentoDashedUnderlineProps } from './dashed-underline.types';\n\n const CLOSING_POPOVER_DELAY_MS = 200;\n\n const props = withDefaults(defineProps<BentoDashedUnderlineProps>(), {\n popoverText: null,\n popoverTitle: null,\n popoverPosition: 'top',\n popoverSize: 'fit-content',\n teleport: () => ({\n disabled: true,\n }),\n tooltipText: null,\n tooltipPosition: 'top',\n });\n\n const slots = useSlots();\n const hasSlot = useHasSlot(slots);\n\n const element = ref<HTMLSpanElement>(null);\n const isOpen = ref(false);\n\n const closingTimeOutId = ref();\n\n const openPopover = () => {\n isOpen.value = true;\n if (closingTimeOutId.value) {\n clearTimeout(closingTimeOutId.value);\n }\n };\n\n const closePopover = () => {\n // We want to delay closing for a couple of seconds so\n // it doesn't flicker if a user hovers over the icon and then inside the popover.\n const timeOutId = setTimeout(() => {\n isOpen.value = false;\n }, CLOSING_POPOVER_DELAY_MS);\n closingTimeOutId.value = timeOutId;\n };\n\n const dashedUnderlineOnFocus = () => {\n openPopover();\n };\n\n /**\n * Only close popover on blur if the newly focus element is not a child of this element\n * @param e - the event that contains the newly focused element\n */\n const dashedUnderlineOnFocusOut = (e: FocusEvent) => {\n if (!element.value || !(e?.relatedTarget instanceof Element) || !element.value.contains(e.relatedTarget)) {\n closePopover();\n }\n };\n\n const hasPopover = computed(() => props.popoverText || hasSlot('popover-content'));\n\n const shouldShowTooltipPopoverError = computed(() => !props.tooltipText && !hasPopover.value);\n\n watch(\n shouldShowTooltipPopoverError,\n value => {\n if (value) {\n throw new Error(\n 'BentoDashedUnderline requires either a tooltip or a popover to be configured. Check the docs for more info.'\n );\n }\n },\n { immediate: true }\n );\n\n /**\n * When the popover is teleported, it is no longer a DOM descendant of the trigger element.\n * We add these event listeners to the popover's container to keep the popover open when\n * the user moves their mouse or focuses out from the trigger to the popover BUT then mouses over\n * or focuses on the popover content.\n */\n const computedPopoverContainerEvents = computed(() =>\n props.teleport?.disabled === false\n ? {\n mouseenter: openPopover,\n mouseleave: closePopover,\n focus: dashedUnderlineOnFocus,\n focusout: dashedUnderlineOnFocusOut,\n }\n : {}\n );\n</script>\n\n<script lang=\"ts\">\n /**\n * Provides a dashed underline to text, indicating that more information is available on\n * hover or focus. The additional information is displayed in a tooltip or a popover.\n *\n * @example\n * import { BentoDashedUnderline } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoDashedUnderline },\n * template: `\n * <p>\n * This is some <bento-dashed-underline tooltip-text=\"A short explanation\">annotated text</bento-dashed-underline>.\n * </p>\n * `\n * }\n */\n export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./dashed-underline.scss\" />\n"],"names":["__default__","props","__props","slots","useSlots","hasSlot","useHasSlot","element","ref","isOpen","closingTimeOutId","openPopover","closePopover","timeOutId","dashedUnderlineOnFocus","dashedUnderlineOnFocusOut","hasPopover","computed","shouldShowTooltipPopoverError","watch","value","computedPopoverContainerEvents","_a"],"mappings":";;;;;;;oDAsJIA,IAAA,CAAA;;;;;;;;;;;;;;;AArGA,UAAAC,IAAAC,GAYAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEAI,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAA,EAAA,GAEAE,IAAAF,EAAA,GAEAG,IAAA,MAAA;AACI,MAAAF,EAAA,QAAA,IACAC,EAAA,SACI,aAAAA,EAAA,KAAA;AAAA,IACJ,GAGJE,IAAA,MAAA;AAGI,YAAAC,IAAA,WAAA,MAAA;AACI,QAAAJ,EAAA,QAAA;AAAA,MAAe,GAAA,GAAA;AAEnB,MAAAC,EAAA,QAAAG;AAAA,IAAyB,GAG7BC,IAAA,MAAA;AACI,MAAAH,EAAA;AAAA,IAAY,GAOhBI,IAAA,CAAA,MAAA;AACI,OAAA,CAAAR,EAAA,SAAA,GAAA,uBAAA,0BAAA,YAAA,CAAAA,EAAA,MAAA,SAAA,EAAA,aAAA,MACIK,EAAA;AAAA,IACJ,GAGJI,IAAAC,EAAA,MAAAhB,EAAA,eAAAI,EAAA,iBAAA,CAAA,GAEAa,IAAAD,EAAA,MAAA,CAAAhB,EAAA,eAAA,CAAAe,EAAA,KAAA;AAEA,IAAAG;AAAA,MAAAD;AAAA,MACI,CAAAE,MAAA;AAEI,YAAAA;AACI,gBAAA,IAAA;AAAA,YAAU;AAAA,UACN;AAAA,MAER;AAAA,MACJ,EAAA,WAAA,GAAA;AAAA,IACkB;AAStB,UAAAC,IAAAJ;AAAA,MAAuC,MAAA;;AAAA,iBAAAK,IAAArB,EAAA,aAAA,gBAAAqB,EAAA,cAAA,KAAA;AAAA,UAE7B,YAAAX;AAAA,UACgB,YAAAC;AAAA,UACA,OAAAE;AAAA,UACL,UAAAC;AAAA,QACG,IAAA,CAAA;AAAA;AAAA,IAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent as G, useSlots as H, ref as f, computed as o, provide as N, createElementBlock as m, openBlock as c, createVNode as T, unref as n, mergeProps as _, toHandlers as O, withCtx as l, renderSlot as s, createElementVNode as j, createCommentVNode as x, createBlock as C, createSlots as P, normalizeClass as V, Fragment as w, renderList as L, toRef as g } from "vue";
|
|
2
|
-
import { B as z } from "./header.
|
|
3
|
-
import { B as F } from "./inspector.
|
|
4
|
-
import { B as J, a as K } from "./tab.
|
|
2
|
+
import { B as z } from "./header.Cd1P8lYK.js";
|
|
3
|
+
import { B as F } from "./inspector.BGtTMtE0.js";
|
|
4
|
+
import { B as J, a as K } from "./tab.C3R_VoJL.js";
|
|
5
5
|
import { u as M } from "./use-has-slot.B7eQSabc.js";
|
|
6
6
|
import { D as U } from "./data-grid-template.keys.2_AkxuNT.js";
|
|
7
7
|
import { _ as Y } from "./_plugin-vue_export-helper.CHgC5LLL.js";
|
|
@@ -137,8 +137,8 @@ const q = { class: "b-data-grid-template" }, Q = { class: "b-data-grid-template_
|
|
|
137
137
|
}, 16)
|
|
138
138
|
]));
|
|
139
139
|
}
|
|
140
|
-
}), rt = /* @__PURE__ */ Y(X, [["__scopeId", "data-v-
|
|
140
|
+
}), rt = /* @__PURE__ */ Y(X, [["__scopeId", "data-v-1a318cfb"]]);
|
|
141
141
|
export {
|
|
142
142
|
rt as d
|
|
143
143
|
};
|
|
144
|
-
//# sourceMappingURL=data-grid-template.
|
|
144
|
+
//# sourceMappingURL=data-grid-template.CTRHofoW.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"data-grid-template.CTRHofoW.js","sources":["../../../vue2/src/templates/data-grid-template/data-grid-template.vue"],"sourcesContent":["<template>\n <main class=\"b-data-grid-template\">\n <bento-inspector v-bind=\"computedInspectorProps\" ref=\"inspectorRef\" v-on=\"inspectorEvents\">\n <template #page>\n <div class=\"b-data-grid-template__header\">\n <slot name=\"header\">\n <bento-header v-bind=\"header\" variant=\"component\">\n <template v-if=\"hasSlot('infoIconTooltipContent')\" #infoIconTooltipContent>\n <slot name=\"infoIconTooltipContent\" />\n </template>\n </bento-header>\n </slot>\n </div>\n\n <div\n v-if=\"hasSlot('additionalContent')\"\n ref=\"additionalContentRef\"\n class=\"b-data-grid-template__additional-content\"\n :class=\"additionalContentConditionalClasses\"\n >\n <slot name=\"additionalContent\" />\n </div>\n\n <bento-tabs\n v-if=\"tabsSlots.length > 1\"\n ref=\"tabsRef\"\n :active-tab-index=\"tabs.activeTabIndex\"\n :sticky=\"stickyTabs\"\n :sticky-options=\"stickyAdditionalContent ? { top: computedStickyAdditionalContentHeight } : null\"\n @update:active-tab-index=\"emitTabs\"\n >\n <bento-tab v-for=\"(_item, index) in tabsSlots\" :key=\"`tab-${index}`\" :title=\"getTabTitle(index)\">\n <slot :name=\"`tab-${index + 1}`\" />\n </bento-tab>\n </bento-tabs>\n\n <slot v-else />\n </template>\n\n <template #content>\n <slot name=\"inspector-content\" />\n </template>\n </bento-inspector>\n </main>\n</template>\n\n<script setup lang=\"ts\">\n import { BentoHeader } from '@/components/header';\n import { BentoInspector } from '@/components/inspector';\n import { BentoTab, BentoTabs } from '@/components/tabs';\n import { useHasSlot } from '@/composables';\n import { computed, type PropType, provide, type Ref, ref, toRef, type UnwrapRef, useSlots } from 'vue';\n import { DATA_GRID_REGISTER_TEMPLATE_INJECTION_KEY } from './data-grid-template.keys';\n import type {\n BentoDataGridTemplateDataGrid,\n BentoDataGridTemplateHeader,\n BentoDataGridTemplateInspector,\n BentoDataGridTemplateTabs,\n } from './data-grid-template.types';\n\n const props = defineProps({\n /**\n * The header that goes to the top of the template\n */\n header: {\n type: Object as PropType<BentoDataGridTemplateHeader>,\n default: undefined,\n },\n\n /**\n * All the tab properties that can be set on the inner tab components.\n * - tabs.activeTabIndex: the currenly active tab index.\n * - tabs.tabs: an array of BentoTab props, the first item in the array will affect the `tab-1` slot and so on.\n */\n tabs: {\n type: Object as PropType<BentoDataGridTemplateTabs>,\n default: undefined,\n },\n\n /**\n * Renders the additional content slot with a sticky positioning\n */\n stickyAdditionalContent: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Renders the tabs with a sticky positioning\n */\n stickyTabs: {\n type: Boolean,\n default: false,\n },\n\n /**\n * All the inspector properties that can be set on the inner inspector component.\n */\n inspector: {\n type: Object as PropType<BentoDataGridTemplateInspector>,\n default: undefined,\n },\n });\n const slots = useSlots();\n const hasSlot = useHasSlot(slots);\n\n const emit = defineEmits<{\n /**\n * Emits update event when activeTabIndex changes internally\n */\n (e: 'update:tabs', value: BentoDataGridTemplateTabs): void;\n\n /**\n * Emits update event when the inspector's `isOpen` state changes\n */\n (e: 'update:is-open:inspector', value: boolean): void;\n\n /**\n * Emits update event when the inspector's `activePage` changes\n */\n (e: 'update:active-page:inspector', value: string): void;\n\n /**\n * Emits event when the inspector's expand button is clicked\n */\n (e: 'expand:inspector', value: boolean): void;\n }>();\n\n const tabsRef = ref(null);\n const additionalContentRef = ref(null);\n const inspectorRef = ref(null);\n\n const additionalContentConditionalClasses = computed(() => ({\n 'b-data-grid-template__additional-content--sticky': props.stickyAdditionalContent,\n }));\n\n const computedInspectorProps = computed(() => ({\n title: '',\n ...props.inspector,\n }));\n\n const computedStickyAdditionalContentHeight = computed(() => additionalContentRef?.value?.offsetHeight);\n\n const computedTabsRef = computed(() => tabsRef.value?.$refs?.tablistwrapper);\n\n const tabsSlots = computed(() => Object.keys(slots).filter(el => el?.includes('tab-')));\n\n const inspectorEvents = computed(() => ({\n 'update:is-open': (value: boolean) => emit('update:is-open:inspector', value),\n 'update:active-page': (value: string) => emit('update:active-page:inspector', value),\n expand: (value: boolean) => emit('expand:inspector', value),\n }));\n\n const emitTabs = (newActiveTabIndex: number) => {\n emit('update:tabs', { ...props.tabs, activeTabIndex: newActiveTabIndex });\n };\n\n const getTabTitle = (index: number) => props?.tabs.tabs?.[index]?.title ?? `Tab ${index + 1}`;\n\n const registerDatagridInDataGridTemplate: BentoDataGridTemplateDataGrid = () => {\n const isDataGridTemplate = true;\n const stickyTabs: Ref<boolean> = toRef(props, 'stickyTabs');\n const stickyAdditionalContent: Ref<boolean> = toRef(props, 'stickyAdditionalContent');\n const tabsRef: Ref<UnwrapRef<HTMLDivElement>> | null = computedTabsRef;\n const additionalContentSlotRef: Ref<UnwrapRef<HTMLDivElement>> | null = additionalContentRef;\n\n // return values to the Tab component\n return {\n isDataGridTemplate,\n stickyTabs,\n tabsRef,\n stickyAdditionalContent,\n additionalContentSlotRef,\n };\n };\n\n provide(DATA_GRID_REGISTER_TEMPLATE_INJECTION_KEY, registerDatagridInDataGridTemplate);\n</script>\n\n<script lang=\"ts\">\n /**\n * The data grid template is a restrictive, full-page data grid used to display information from a data set.\n * You can use this data grid template when your user needs a clear overview of data or a way of organizing and analyzing the data in their own way.\n * This data grid template shouldn’t be confused with the data grid.\n *\n * @example\n * import { BentoDataGridTemplate } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoDataGridTemplate },\n * template: `\n * // If you want to display multiple data grids in the same page (they will be rendered in different tabs)\n * <bento-data-grid-template>\n * <template #tab-1><bento-data-grid v-bind=\"your-data-grid-args\" title=\"Title for tab 1\"/></template>\n * <template #tab-2><bento-data-grid v-bind=\"your-data-grid-args\" title=\"Title for tab 2\"/></template>\n * </bento-data-grid-template>\n * // Alternatively, if you only want to pass one data grid to your template:\n * <bento-data-grid-template>\n * <template #default><bento-data-grid v-bind=\"your-data-grid-args\"/></template>\n * </bento-data-grid-template>\n * `\n * }\n */\n export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./data-grid-template.scss\" />\n"],"names":["__default__","props","__props","slots","useSlots","hasSlot","useHasSlot","emit","__emit","tabsRef","ref","additionalContentRef","inspectorRef","additionalContentConditionalClasses","computed","computedInspectorProps","computedStickyAdditionalContentHeight","_a","computedTabsRef","_b","tabsSlots","el","inspectorEvents","value","emitTabs","newActiveTabIndex","getTabTitle","index","provide","DATA_GRID_REGISTER_TEMPLATE_INJECTION_KEY","stickyTabs","toRef","stickyAdditionalContent"],"mappings":";;;;;;;;4FA2MIA,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA/IA,UAAAC,IAAAC,GA2CAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEAI,IAAAC,GAsBAC,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAA,IAAA,GACAE,IAAAF,EAAA,IAAA,GAEAG,IAAAC,EAAA,OAAA;AAAA,MAA4D,oDAAAb,EAAA;AAAA,IACE,EAAA,GAG9Dc,IAAAD,EAAA,OAAA;AAAA,MAA+C,OAAA;AAAA,MACpC,GAAAb,EAAA;AAAA,IACE,EAAA,GAGbe,IAAAF,EAAA,MAAA;;AAAA,cAAAG,IAAAN,KAAA,gBAAAA,EAAA,UAAA,gBAAAM,EAAA;AAAA,KAAA,GAEAC,IAAAJ,EAAA,MAAA;;AAAA,cAAAK,KAAAF,IAAAR,EAAA,UAAA,gBAAAQ,EAAA,UAAA,gBAAAE,EAAA;AAAA,KAAA,GAEAC,IAAAN,EAAA,MAAA,OAAA,KAAAX,CAAA,EAAA,OAAA,CAAAkB,MAAAA,KAAA,gBAAAA,EAAA,SAAA,OAAA,CAAA,GAEAC,IAAAR,EAAA,OAAA;AAAA,MAAwC,kBAAA,CAAAS,MAAAhB,EAAA,4BAAAgB,CAAA;AAAA,MACwC,sBAAA,CAAAA,MAAAhB,EAAA,gCAAAgB,CAAA;AAAA,MACO,QAAA,CAAAA,MAAAhB,EAAA,oBAAAgB,CAAA;AAAA,IACzB,EAAA,GAG9DC,IAAA,CAAAC,MAAA;AACI,MAAAlB,EAAA,eAAA,EAAA,GAAAN,EAAA,MAAA,gBAAAwB,EAAA,CAAA;AAAA,IAAwE,GAG5EC,IAAA,CAAAC,MAAA;;AAAA,eAAAR,KAAAF,IAAAhB,KAAA,gBAAAA,EAAA,KAAA,SAAA,gBAAAgB,EAAAU,OAAA,gBAAAR,EAAA,UAAA,OAAAQ,IAAA,CAAA;AAAA;AAmBA,WAAAC,EAAAC,GAjBA,MAAA;AAEI,YAAAC,IAAAC,EAAA9B,GAAA,YAAA,GACA+B,IAAAD,EAAA9B,GAAA,yBAAA;AAKA,aAAA;AAAA,QAAO;AAAA,QACH,YAAA6B;AAAA,QACA,SANJZ;AAAA,QAOI,yBAAAc;AAAA,QACA,0BAPJrB;AAAA,MAQI;AAAA,IACJ,CAGJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|