@adyen/bento-vue2 1.84.2 → 1.86.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 +6 -0
- package/dist/@types/index.d.ts +480 -268
- package/dist/accordion.js +1 -1
- package/dist/action-bar.js +1 -1
- package/dist/ai-tag.js +5 -0
- package/dist/ai-tag.js.map +1 -0
- package/dist/alert.js +1 -1
- package/dist/anchor-scroller.js +5 -0
- package/dist/anchor-scroller.js.map +1 -0
- package/dist/assets/accordion-item.css +1 -1
- package/dist/assets/action-bar.css +1 -1
- package/dist/assets/ai-tag.css +1 -0
- package/dist/assets/anchor-scroller.css +1 -0
- 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/checkbox.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/draggable-handle.css +1 -0
- package/dist/assets/dropdown-default-textbox.css +1 -1
- package/dist/assets/dropdown.css +1 -1
- package/dist/assets/error-message.css +1 -0
- package/dist/assets/file-uploader.css +1 -1
- package/dist/assets/filter-bar.css +1 -1
- package/dist/assets/fixed-scroller.css +1 -1
- package/dist/assets/form-layout-title.css +1 -1
- package/dist/assets/inspector.css +1 -1
- package/dist/assets/layout-row.css +1 -1
- package/dist/assets/modal-fullscreen.css +1 -1
- package/dist/assets/radio-group.css +1 -1
- package/dist/assets/secondary-nav.css +1 -1
- package/dist/assets/sidepanel.css +1 -1
- package/dist/assets/use-cached-selected-values.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 +6 -6
- package/dist/chip.js +1 -1
- package/dist/chunks/1-generic-use.CZhwP2Yc.js.map +1 -1
- package/dist/chunks/1-generic-use.R6x8PEGA.js.map +1 -1
- package/dist/chunks/2-generic-use.CNKjB4B7.js.map +1 -1
- package/dist/chunks/2-generic-use.w0fUhovx.js.map +1 -1
- package/dist/chunks/3-generic-use.BLEzR04g.js.map +1 -1
- package/dist/chunks/3-generic-use.D3NFHgI4.js.map +1 -1
- package/dist/chunks/4-generic-use.CULEpvgj.js.map +1 -1
- package/dist/chunks/4-generic-use.D82y3n39.js.map +1 -1
- package/dist/chunks/{accordion-item.DeV8s0oW.js → accordion-item.Cv6kG2N3.js} +2 -2
- package/dist/chunks/{accordion-item.DeV8s0oW.js.map → accordion-item.Cv6kG2N3.js.map} +1 -1
- package/dist/chunks/action-bar.Dnkt4yn7.js +163 -0
- package/dist/chunks/action-bar.Dnkt4yn7.js.map +1 -0
- package/dist/chunks/adding-payment-methods.BJZLPxtM.js.map +1 -1
- package/dist/chunks/adding-payment-methods.Dle8zt43.js.map +1 -1
- package/dist/chunks/adyen-giving.Ffw_DlJK.js.map +1 -1
- package/dist/chunks/adyen-giving.LiKHj_jY.js.map +1 -1
- package/dist/chunks/ai-button.BTi18ipD.js +50 -0
- package/dist/chunks/ai-button.BTi18ipD.js.map +1 -0
- package/dist/chunks/ai-tag.s8TECgn_.js +82 -0
- package/dist/chunks/ai-tag.s8TECgn_.js.map +1 -0
- package/dist/chunks/{alert.B3Pdp02a.js → alert.BESCd8iS.js} +5 -5
- package/dist/chunks/{alert.B3Pdp02a.js.map → alert.BESCd8iS.js.map} +1 -1
- package/dist/chunks/anchor-scroller.3_idPubO.js +178 -0
- package/dist/chunks/anchor-scroller.3_idPubO.js.map +1 -0
- package/dist/chunks/aria-label.CaUURpnB.js.map +1 -1
- package/dist/chunks/arrow-left.CRREfabP.js +24 -0
- package/dist/chunks/arrow-left.CRREfabP.js.map +1 -0
- package/dist/chunks/arrow-right.Dn3AYpUP.js +24 -0
- package/dist/chunks/arrow-right.Dn3AYpUP.js.map +1 -0
- package/dist/chunks/artificial-intelligence-ai-filled.C6TMsiHK.js +24 -0
- package/dist/chunks/artificial-intelligence-ai-filled.C6TMsiHK.js.map +1 -0
- package/dist/chunks/{avatar.CUCH3CTc.js → avatar.rwWPYJnt.js} +2 -2
- package/dist/chunks/{avatar.CUCH3CTc.js.map → avatar.rwWPYJnt.js.map} +1 -1
- package/dist/chunks/{base-button.IN4bpcds.js → base-button.BPRPrO0p.js} +2 -2
- package/dist/chunks/{base-button.IN4bpcds.js.map → base-button.BPRPrO0p.js.map} +1 -1
- package/dist/chunks/{base-modal.KYkLKswF.js → base-modal.09nAcnF_.js} +41 -41
- package/dist/chunks/{base-modal.KYkLKswF.js.map → base-modal.09nAcnF_.js.map} +1 -1
- package/dist/chunks/{button-actions-with-menu.B5mKwc-F.js → button-actions-with-menu.C8tSTxrm.js} +3 -3
- package/dist/chunks/{button-actions-with-menu.B5mKwc-F.js.map → button-actions-with-menu.C8tSTxrm.js.map} +1 -1
- package/dist/chunks/{button-actions.D9n7MxWe.js → button-actions.VSc47LLH.js} +8 -8
- package/dist/chunks/{button-actions.D9n7MxWe.js.map → button-actions.VSc47LLH.js.map} +1 -1
- package/dist/chunks/button-actions.types.BptAXjD8.js.map +1 -1
- package/dist/chunks/{button.DIU6m9wD.js → button.Ctj3rkxw.js} +5 -5
- package/dist/chunks/{button.DIU6m9wD.js.map → button.Ctj3rkxw.js.map} +1 -1
- package/dist/chunks/{calendar.C8DpZ4Sr.js → calendar.DiXkjQDP.js} +100 -94
- package/dist/chunks/{calendar.C8DpZ4Sr.js.map → calendar.DiXkjQDP.js.map} +1 -1
- package/dist/chunks/{card.CLX0RGG6.js → card.BdjdBN36.js} +3 -3
- package/dist/chunks/{card.CLX0RGG6.js.map → card.BdjdBN36.js.map} +1 -1
- package/dist/chunks/{checkbox-group.BCnhjQie.js → checkbox-group.d6VQvZL7.js} +5 -5
- package/dist/chunks/{checkbox-group.BCnhjQie.js.map → checkbox-group.d6VQvZL7.js.map} +1 -1
- package/dist/chunks/{checkbox.CU5ierOq.js → checkbox.ClFNfhNh.js} +4 -4
- package/dist/chunks/{checkbox.CU5ierOq.js.map → checkbox.ClFNfhNh.js.map} +1 -1
- package/dist/chunks/{chip.C6DRfdJ8.js → chip.D_XQ8ReC.js} +3 -3
- package/dist/chunks/{chip.C6DRfdJ8.js.map → chip.D_XQ8ReC.js.map} +1 -1
- package/dist/chunks/{click-outside.C1Ud8AA2.js → click-outside.CDz_x8mN.js} +2 -2
- package/dist/chunks/{click-outside.C1Ud8AA2.js.map → click-outside.CDz_x8mN.js.map} +1 -1
- package/dist/chunks/{code-snippet.9MwDHp50.js → code-snippet.DBNJgt1j.js} +11 -11
- package/dist/chunks/{code-snippet.9MwDHp50.js.map → code-snippet.DBNJgt1j.js.map} +1 -1
- package/dist/chunks/{codemirror.Cy7iSLbd.js → codemirror.D2BAltnu.js} +3688 -3673
- package/dist/chunks/codemirror.D2BAltnu.js.map +1 -0
- package/dist/chunks/constructNow.B8T1ljs6.js +8 -0
- package/dist/chunks/{constructNow.DuaJst0D.js.map → constructNow.B8T1ljs6.js.map} +1 -1
- package/dist/chunks/{controls-group.D4eW9DtP.js → controls-group.HUWlAOhG.js} +3 -3
- package/dist/chunks/{controls-group.D4eW9DtP.js.map → controls-group.HUWlAOhG.js.map} +1 -1
- package/dist/chunks/{copy.C0q7xgXs.js → copy.BXykYfg0.js} +7 -7
- package/dist/chunks/{copy.C0q7xgXs.js.map → copy.BXykYfg0.js.map} +1 -1
- package/dist/chunks/{country.DyrDj95W.js → country.BywHth0L.js} +3 -3
- package/dist/chunks/{country.DyrDj95W.js.map → country.BywHth0L.js.map} +1 -1
- package/dist/chunks/{country.types.DaVCMxk-.js → country.types.BBQbWkTY.js} +3 -3
- package/dist/chunks/{country.types.DaVCMxk-.js.map → country.types.BBQbWkTY.js.map} +1 -1
- package/dist/chunks/{currency.DYZr_RDk.js → currency.Ciyxfmg1.js} +2 -2
- package/dist/chunks/{currency.DYZr_RDk.js.map → currency.Ciyxfmg1.js.map} +1 -1
- package/dist/chunks/{dashboard-section.B83FdC0Z.js → dashboard-section.Cw2Ima3U.js} +6 -6
- package/dist/chunks/{dashboard-section.B83FdC0Z.js.map → dashboard-section.Cw2Ima3U.js.map} +1 -1
- package/dist/chunks/{dashed-underline.DQGVy5T2.js → dashed-underline.Dfw7cJ-9.js} +9 -9
- package/dist/chunks/{dashed-underline.DQGVy5T2.js.map → dashed-underline.Dfw7cJ-9.js.map} +1 -1
- package/dist/chunks/{data-grid-template.BTEFoEwf.js → data-grid-template.6LR2Jqka.js} +4 -4
- package/dist/chunks/{data-grid-template.BTEFoEwf.js.map → data-grid-template.6LR2Jqka.js.map} +1 -1
- package/dist/chunks/data-grid-template.keys.VezYtHtM.js.map +1 -1
- package/dist/chunks/{data-grid.Bk7_6Z0F.js → data-grid.B_uZEPDW.js} +449 -442
- package/dist/chunks/data-grid.B_uZEPDW.js.map +1 -0
- package/dist/chunks/date-input.etw_pFpA.js +20 -0
- package/dist/chunks/date-input.etw_pFpA.js.map +1 -0
- package/dist/chunks/{date-picker.CnsC_UMG.js → date-picker.CITeN8WH.js} +56 -56
- package/dist/chunks/date-picker.CITeN8WH.js.map +1 -0
- package/dist/chunks/date-picker.types.Ckt7zxGy.js.map +1 -1
- package/dist/chunks/date-range-picker.DxVjXxap.js +897 -0
- package/dist/chunks/date-range-picker.DxVjXxap.js.map +1 -0
- package/dist/chunks/date-range-picker.types.Ckt7zxGy.js.map +1 -1
- package/dist/chunks/{date.DBWzp0So.js → date.B0m0sFP6.js} +2 -2
- package/dist/chunks/{date.DBWzp0So.js.map → date.B0m0sFP6.js.map} +1 -1
- package/dist/chunks/de.DvtL0g75.js.map +1 -1
- package/dist/chunks/debounce.DUTu11PS.js.map +1 -1
- package/dist/chunks/delight.CDBAFnwC.js.map +1 -1
- package/dist/chunks/delight.xKDCvvaS.js.map +1 -1
- package/dist/chunks/dialog-page.DA6E6qma.js +122 -0
- package/dist/chunks/dialog-page.DA6E6qma.js.map +1 -0
- package/dist/chunks/{differenceInMonths.DcFDl4eH.js → differenceInMonths.BR4Z2HIa.js} +2 -2
- package/dist/chunks/{differenceInMonths.DcFDl4eH.js.map → differenceInMonths.BR4Z2HIa.js.map} +1 -1
- package/dist/chunks/{directive.Cbdox5VL.js → directive.rXUeDb8p.js} +2 -2
- package/dist/chunks/{directive.Cbdox5VL.js.map → directive.rXUeDb8p.js.map} +1 -1
- package/dist/chunks/divider.DX5gwN7p.js.map +1 -1
- package/dist/chunks/{dropdown-default-textbox.Cq68tN9F.js → dropdown-default-textbox.5WjhJWdh.js} +71 -80
- package/dist/chunks/dropdown-default-textbox.5WjhJWdh.js.map +1 -0
- package/dist/chunks/{dropdown-tag.HBM0wrEV.js → dropdown-tag.BnMuMIDk.js} +8 -8
- package/dist/chunks/{dropdown-tag.HBM0wrEV.js.map → dropdown-tag.BnMuMIDk.js.map} +1 -1
- package/dist/chunks/{dropdown.C2pXf8Li.js → dropdown.DDPfKc74.js} +227 -225
- package/dist/chunks/dropdown.DDPfKc74.js.map +1 -0
- package/dist/chunks/{empty-state.DpBnqAxu.js → empty-state.IiG1LXa2.js} +6 -6
- package/dist/chunks/{empty-state.DpBnqAxu.js.map → empty-state.IiG1LXa2.js.map} +1 -1
- package/dist/chunks/en-GB.DCGuCmAv.js.map +1 -1
- package/dist/chunks/en-US.BZii9jNW.js.map +1 -1
- package/dist/chunks/{field-label.CEkJnsiL.js → error-message.VenUl2OK.js} +54 -54
- package/dist/chunks/error-message.VenUl2OK.js.map +1 -0
- package/dist/chunks/es.bz0mzkMq.js.map +1 -1
- package/dist/chunks/es6.C1DXQV6f.js.map +1 -1
- package/dist/chunks/events.BQOQSSb7.js.map +1 -1
- package/dist/chunks/{file-uploader.CnOqfuI-.js → file-uploader.BU1V40qK.js} +10 -10
- package/dist/chunks/file-uploader.BU1V40qK.js.map +1 -0
- package/dist/chunks/filter-bar.UdXQf_RN.js +3321 -0
- package/dist/chunks/filter-bar.UdXQf_RN.js.map +1 -0
- package/dist/chunks/fixed-scroller.BueAsyGk.js +120 -0
- package/dist/chunks/{fixed-scroller.Bp4-iO80.js.map → fixed-scroller.BueAsyGk.js.map} +1 -1
- package/dist/chunks/{focus-trap.CNIU5jOz.js → focus-trap.DMc1wL3A.js} +312 -295
- package/dist/chunks/focus-trap.DMc1wL3A.js.map +1 -0
- package/dist/chunks/{footer-actions.BOiN47Xd.js → footer-actions.z-api8J_.js} +4 -4
- package/dist/chunks/{footer-actions.BOiN47Xd.js.map → footer-actions.z-api8J_.js.map} +1 -1
- package/dist/chunks/form-field.D_2g7vaP.js.map +1 -1
- package/dist/chunks/{form-layout-title.CdC1T4gs.js → form-layout-title.Bbq05nMT.js} +6 -6
- package/dist/chunks/{form-layout-title.CdC1T4gs.js.map → form-layout-title.Bbq05nMT.js.map} +1 -1
- package/dist/chunks/form-layout.types.bZW9iR6_.js.map +1 -1
- package/dist/chunks/fr-CA.B1aPU8fp.js.map +1 -1
- package/dist/chunks/fr.Dj7wEToe.js.map +1 -1
- package/dist/chunks/generate-uid.NJ8tVoha.js.map +1 -1
- package/dist/chunks/getRoundingMethod.C3eaeGLR.js.map +1 -1
- package/dist/chunks/{getTimezoneOffsetInMilliseconds.C-aIpRfB.js → getTimezoneOffsetInMilliseconds.Tu2wlbTR.js} +3 -3
- package/dist/chunks/{getTimezoneOffsetInMilliseconds.C-aIpRfB.js.map → getTimezoneOffsetInMilliseconds.Tu2wlbTR.js.map} +1 -1
- package/dist/chunks/grab.BxiVZ1RZ.js +24 -0
- package/dist/chunks/grab.BxiVZ1RZ.js.map +1 -0
- package/dist/chunks/grid-layout.1aIiz2N_.js.map +1 -1
- package/dist/chunks/{header-meta.D_oAu2S9.js → header-meta.CuMQSsOm.js} +11 -11
- package/dist/chunks/{header-meta.D_oAu2S9.js.map → header-meta.CuMQSsOm.js.map} +1 -1
- package/dist/chunks/{header-with-views.Dc9LUYNY.js → header-with-views.DX8EXLMJ.js} +383 -400
- package/dist/chunks/header-with-views.DX8EXLMJ.js.map +1 -0
- package/dist/chunks/{header.BmtlQmPs.js → header.YECm2GAh.js} +4 -4
- package/dist/chunks/{header.BmtlQmPs.js.map → header.YECm2GAh.js.map} +1 -1
- package/dist/chunks/image.C2D2hKat.js.map +1 -1
- package/dist/chunks/index.B6WW_F-J.js.map +1 -1
- package/dist/chunks/index.BkJqgYF1.js +692 -0
- package/dist/chunks/{index.BDK4hwK_.js.map → index.BkJqgYF1.js.map} +1 -1
- package/dist/chunks/{info-icon.BEyxQgD6.js → info-icon.DS9ax8ZD.js} +3 -3
- package/dist/chunks/{info-icon.BEyxQgD6.js.map → info-icon.DS9ax8ZD.js.map} +1 -1
- package/dist/chunks/{input-field-password.D23H_RvO.js → input-field-password.DrI6eF5u.js} +11 -11
- package/dist/chunks/{input-field-password.D23H_RvO.js.map → input-field-password.DrI6eF5u.js.map} +1 -1
- package/dist/chunks/{input-field-phone-number.Bvk2Pvec.js → input-field-phone-number.Buh4x3pJ.js} +4 -4
- package/dist/chunks/{input-field-phone-number.Bvk2Pvec.js.map → input-field-phone-number.Buh4x3pJ.js.map} +1 -1
- package/dist/chunks/{input-field.hf0_ALq0.js → input-field.NEKXqT4R.js} +7 -7
- package/dist/chunks/{input-field.hf0_ALq0.js.map → input-field.NEKXqT4R.js.map} +1 -1
- package/dist/chunks/{inspector.C0iAxxoz.js → inspector.BomNgVb-.js} +5 -5
- package/dist/chunks/{inspector.C0iAxxoz.js.map → inspector.BomNgVb-.js.map} +1 -1
- package/dist/chunks/inspector.types.DyHwE18g.js.map +1 -1
- package/dist/chunks/internal-error.BLZodVBE.js.map +1 -1
- package/dist/chunks/internal-error.BmrwJFpR.js.map +1 -1
- package/dist/chunks/isSameWeek.DjeUtLwI.js +14 -0
- package/dist/chunks/{isSameWeek.CUD7czUN.js.map → isSameWeek.DjeUtLwI.js.map} +1 -1
- package/dist/chunks/{it.Oaj6BklL.js → it.DIafuXtH.js} +2 -2
- package/dist/chunks/{it.Oaj6BklL.js.map → it.DIafuXtH.js.map} +1 -1
- package/dist/chunks/ja.Cm9tJMi2.js.map +1 -1
- package/dist/chunks/keyboard-navigation.DWmhelVv.js.map +1 -1
- package/dist/chunks/ko.Ceaof6EP.js.map +1 -1
- package/dist/chunks/{layout-row.BPX00mio.js → layout-row.BxuMJU4E.js} +4 -4
- package/dist/chunks/layout-row.BxuMJU4E.js.map +1 -0
- package/dist/chunks/{link.PsTSQjK3.js → link.DKimL08z.js} +2 -2
- package/dist/chunks/{link.PsTSQjK3.js.map → link.DKimL08z.js.map} +1 -1
- package/dist/chunks/{listbox-option-tag.BlDz7oXK.js → listbox-option-tag.Cv3y0TvQ.js} +3 -3
- package/dist/chunks/{listbox-option-tag.BlDz7oXK.js.map → listbox-option-tag.Cv3y0TvQ.js.map} +1 -1
- package/dist/chunks/loading-indicator.PxbRzshH.js.map +1 -1
- package/dist/chunks/match.CMBZxEs9.js.map +1 -1
- package/dist/chunks/minus-small.DJacLGTw.js.map +1 -1
- package/dist/chunks/{modal-fullscreen.B1gltlxA.js → modal-fullscreen.6bAjPENL.js} +73 -69
- package/dist/chunks/modal-fullscreen.6bAjPENL.js.map +1 -0
- package/dist/chunks/{modal.e3EQ6Kex.js → modal.DOR8c0gy.js} +6 -6
- package/dist/chunks/{modal.e3EQ6Kex.js.map → modal.DOR8c0gy.js.map} +1 -1
- package/dist/chunks/nl.B6vCf2B9.js.map +1 -1
- package/dist/chunks/no-results-found.Bg_ZcEid.js.map +1 -1
- package/dist/chunks/no-results-found.BqvYsBR6.js.map +1 -1
- package/dist/chunks/notifications-cleared.BMZk37uf.js.map +1 -1
- package/dist/chunks/notifications-cleared.C7W9ZXY7.js.map +1 -1
- package/dist/chunks/on-click-outside.BW4rkhzG.js +91 -0
- package/dist/chunks/on-click-outside.BW4rkhzG.js.map +1 -0
- package/dist/chunks/page-not-found.COJLPVaU.js.map +1 -1
- package/dist/chunks/page-not-found.DWW6W-PZ.js.map +1 -1
- package/dist/chunks/{pagination.BcFt2FqK.js → pagination.wuEIlDcq.js} +4 -4
- package/dist/chunks/{pagination.BcFt2FqK.js.map → pagination.wuEIlDcq.js.map} +1 -1
- package/dist/chunks/{payment-method.BKXLPDC9.js → payment-method.B3CkgsAY.js} +2 -2
- package/dist/chunks/{payment-method.BKXLPDC9.js.map → payment-method.B3CkgsAY.js.map} +1 -1
- package/dist/chunks/payment-method.types.BqtH7RM2.js.map +1 -1
- package/dist/chunks/planned-maintenance.C61sWB9h.js.map +1 -1
- package/dist/chunks/planned-maintenance.jmWYTdet.js.map +1 -1
- package/dist/chunks/popover.types.DkiRUQ4Z.js +6 -0
- package/dist/chunks/{popover.types.WDh5ggr3.js.map → popover.types.DkiRUQ4Z.js.map} +1 -1
- package/dist/chunks/popper-container.D4dworD4.js +1423 -0
- package/dist/chunks/popper-container.D4dworD4.js.map +1 -0
- package/dist/chunks/{promo-banner.yfBorKj7.js → promo-banner.bjMDm76T.js} +4 -4
- package/dist/chunks/{promo-banner.yfBorKj7.js.map → promo-banner.bjMDm76T.js.map} +1 -1
- package/dist/chunks/pt-BR.CiGdfP45.js.map +1 -1
- package/dist/chunks/{radio-group.CtTnfkYg.js → radio-group.DKRxfGtE.js} +8 -8
- package/dist/chunks/{radio-group.CtTnfkYg.js.map → radio-group.DKRxfGtE.js.map} +1 -1
- package/dist/chunks/radio-input.kzb4gxLW.js.map +1 -1
- package/dist/chunks/referrals.BvtT-kQS.js.map +1 -1
- package/dist/chunks/referrals.aX8WZigH.js.map +1 -1
- package/dist/chunks/resize.Bqks3WUm.js.map +1 -1
- package/dist/chunks/{rich-text-editor.Dq2CFGOu.js → rich-text-editor.DiuS9alD.js} +9 -13
- package/dist/chunks/rich-text-editor.DiuS9alD.js.map +1 -0
- package/dist/chunks/{search-bar.B0SdQBnY.js → search-bar.UVSaoX0h.js} +5 -5
- package/dist/chunks/{search-bar.B0SdQBnY.js.map → search-bar.UVSaoX0h.js.map} +1 -1
- package/dist/chunks/{secondary-nav.BPGpxd0p.js → secondary-nav.C6ldQMZ2.js} +18 -18
- package/dist/chunks/secondary-nav.C6ldQMZ2.js.map +1 -0
- package/dist/chunks/{segmented-control.BtWFda0P.js → segmented-control.BLnuxgnJ.js} +3 -3
- package/dist/chunks/{segmented-control.BtWFda0P.js.map → segmented-control.BLnuxgnJ.js.map} +1 -1
- package/dist/chunks/segmented-control.types.BHRLV8KU.js.map +1 -1
- package/dist/chunks/{selection-card-group.BryV14qP.js → selection-card-group.CqGYskmS.js} +5 -5
- package/dist/chunks/{selection-card-group.BryV14qP.js.map → selection-card-group.CqGYskmS.js.map} +1 -1
- package/dist/chunks/{sidepanel.NFyZGE57.js → sidepanel.BKE87Uef.js} +71 -67
- package/dist/chunks/sidepanel.BKE87Uef.js.map +1 -0
- package/dist/chunks/{startOfWeek.Dxw2MhGp.js → startOfWeek.D8Yh4c0G.js} +3 -3
- package/dist/chunks/{startOfWeek.Dxw2MhGp.js.map → startOfWeek.D8Yh4c0G.js.map} +1 -1
- package/dist/chunks/{status.types.Cv5XN4zL.js → status.types.BTsaLHQ6.js} +2 -2
- package/dist/chunks/{status.types.Cv5XN4zL.js.map → status.types.BTsaLHQ6.js.map} +1 -1
- package/dist/chunks/{step.BLFXvHL6.js → step.BEbWkprZ.js} +5 -5
- package/dist/chunks/{step.BLFXvHL6.js.map → step.BEbWkprZ.js.map} +1 -1
- package/dist/chunks/{structured-list-item.CptOCpHP.js → structured-list-item.DRFRap_S.js} +6 -6
- package/dist/chunks/{structured-list-item.CptOCpHP.js.map → structured-list-item.DRFRap_S.js.map} +1 -1
- package/dist/chunks/success.DhioLvPD.js.map +1 -1
- package/dist/chunks/success.nNwxJRBS.js.map +1 -1
- package/dist/chunks/summary-grid.keys.Xx-W5a2w.js.map +1 -1
- package/dist/chunks/{summary-grid.types.B1T8_k1m.js → summary-grid.types.OldkhD7S.js} +10 -10
- package/dist/chunks/{summary-grid.types.B1T8_k1m.js.map → summary-grid.types.OldkhD7S.js.map} +1 -1
- package/dist/chunks/sv.f8EfZjMZ.js.map +1 -1
- package/dist/chunks/{tab.FUMpPsBP.js → tab.BqSNoefU.js} +5 -5
- package/dist/chunks/{tab.FUMpPsBP.js.map → tab.BqSNoefU.js.map} +1 -1
- package/dist/chunks/tabs.keys.B4qGhjp2.js.map +1 -1
- package/dist/chunks/{tag.B1Ywhgvc.js → tag.Cy3XkSDQ.js} +3 -3
- package/dist/chunks/{tag.B1Ywhgvc.js.map → tag.Cy3XkSDQ.js.map} +1 -1
- package/dist/chunks/{textarea.riUt0BiI.js → textarea.Bm9MZb_W.js} +4 -4
- package/dist/chunks/{textarea.riUt0BiI.js.map → textarea.Bm9MZb_W.js.map} +1 -1
- package/dist/chunks/{timeline-item.CFfW1DoD.js → timeline-item.Cpbm8IUw.js} +15 -15
- package/dist/chunks/{timeline-item.CFfW1DoD.js.map → timeline-item.Cpbm8IUw.js.map} +1 -1
- package/dist/chunks/{toast.Csv6tMyT.js → toast.Wuy6VuOT.js} +4 -4
- package/dist/chunks/{toast.Csv6tMyT.js.map → toast.Wuy6VuOT.js.map} +1 -1
- package/dist/chunks/{toggle.227XgEc7.js → toggle.B1z1YPe_.js} +4 -4
- package/dist/chunks/{toggle.227XgEc7.js.map → toggle.B1z1YPe_.js.map} +1 -1
- package/dist/chunks/{tooltip.C6YCavPw.js → tooltip.DF11J3k3.js} +50 -50
- package/dist/chunks/{tooltip.C6YCavPw.js.map → tooltip.DF11J3k3.js.map} +1 -1
- package/dist/chunks/truncate.BfIl_-71.js.map +1 -1
- package/dist/chunks/{tutorial.D18LwXVy.js → tutorial.D5xtZ1Pt.js} +8 -8
- package/dist/chunks/{tutorial.D18LwXVy.js.map → tutorial.D5xtZ1Pt.js.map} +1 -1
- package/dist/chunks/{typography.Bq-EGj9y.js → typography.C8lPlsbD.js} +3 -3
- package/dist/chunks/{typography.Bq-EGj9y.js.map → typography.C8lPlsbD.js.map} +1 -1
- package/dist/chunks/upload-files.5wQwbfkp.js.map +1 -1
- package/dist/chunks/upload-files.jTQY6y2X.js.map +1 -1
- package/dist/chunks/{use-bento-toast-controller.MmyZXtME.js → use-bento-toast-controller.CB6Qbf3R.js} +2 -2
- package/dist/chunks/{use-bento-toast-controller.MmyZXtME.js.map → use-bento-toast-controller.CB6Qbf3R.js.map} +1 -1
- package/dist/chunks/{use-cached-selected-values.gDWGi5Nk.js → use-cached-selected-values.wn2xnwYG.js} +23 -23
- package/dist/chunks/use-cached-selected-values.wn2xnwYG.js.map +1 -0
- package/dist/chunks/{use-country-items.ClS_So5N.js → use-country-items.CQnldpqM.js} +11 -11
- package/dist/chunks/{use-country-items.ClS_So5N.js.map → use-country-items.CQnldpqM.js.map} +1 -1
- package/dist/chunks/use-country-phon-code.Bui3zD6W.js.map +1 -1
- package/dist/chunks/use-default-slot-validator.BDn0wkYP.js.map +1 -1
- package/dist/chunks/use-expandable-content-height.GkjjbmPy.js.map +1 -1
- package/dist/chunks/use-form-layout-loading.CWbjZiwP.js.map +1 -1
- package/dist/chunks/utils.BzUwtTXc.js +21 -0
- package/dist/chunks/utils.BzUwtTXc.js.map +1 -0
- package/dist/chunks/wrong-environment.BOsyKdRI.js.map +1 -1
- package/dist/chunks/wrong-environment.BiHTPtbJ.js.map +1 -1
- package/dist/chunks/{zh-CN.BzH0fIXr.js → zh-CN.Bw_6j9Cd.js} +2 -2
- package/dist/chunks/{zh-CN.BzH0fIXr.js.map → zh-CN.Bw_6j9Cd.js.map} +1 -1
- package/dist/click-outside.js +1 -1
- 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 +6 -5
- package/dist/date-picker.js +2 -2
- package/dist/date-range-picker.js +2 -2
- package/dist/date.js +1 -1
- package/dist/draggable-handle.js +173 -0
- package/dist/draggable-handle.js.map +1 -0
- package/dist/dropdown.js +11 -11
- 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 +341 -335
- package/dist/index.js.map +1 -1
- package/dist/info-icon.js +1 -1
- package/dist/input-field-password.js +1 -1
- package/dist/input-field-phone-number.js +1 -1
- package/dist/input-field.js +1 -1
- package/dist/inspector.js +1 -1
- package/dist/internal.js +42 -42
- package/dist/layout.js +1 -1
- package/dist/link.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 +1 -1
- package/dist/promo-banner.js +1 -1
- package/dist/radio-group.js +1 -1
- package/dist/rich-text-editor.js +1 -1
- package/dist/search-bar.js +2 -2
- package/dist/secondary-nav.js +1 -1
- package/dist/segmented-control.js +1 -1
- package/dist/selection-card.js +1 -1
- package/dist/sidepanel.js +1 -1
- package/dist/status.js +1 -1
- package/dist/stepper.js +1 -1
- package/dist/structured-list.js +1 -1
- package/dist/styles/bento-dark.css +5 -0
- package/dist/styles/bento-light.css +5 -0
- package/dist/styles/bento.css +5 -0
- package/dist/styles/legacy.css +5 -0
- package/dist/styles/styleguide.css +5 -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 +756 -7787
- package/dist/use-form-v4.js.map +1 -1
- package/dist/web-types.json +339 -35
- package/package.json +9 -9
- package/dist/assets/field-label.css +0 -1
- package/dist/chunks/action-bar.y4tcdk7R.js +0 -162
- package/dist/chunks/action-bar.y4tcdk7R.js.map +0 -1
- package/dist/chunks/ai-button.BEy4Gly-.js +0 -67
- package/dist/chunks/ai-button.BEy4Gly-.js.map +0 -1
- package/dist/chunks/codemirror.Cy7iSLbd.js.map +0 -1
- package/dist/chunks/constructNow.DuaJst0D.js +0 -8
- package/dist/chunks/data-grid.Bk7_6Z0F.js.map +0 -1
- package/dist/chunks/date-input.BbZqj10S.js +0 -15
- package/dist/chunks/date-input.BbZqj10S.js.map +0 -1
- package/dist/chunks/date-picker.CnsC_UMG.js.map +0 -1
- package/dist/chunks/date-range-picker.B6GSRjjK.js +0 -1693
- package/dist/chunks/date-range-picker.B6GSRjjK.js.map +0 -1
- package/dist/chunks/dialog-page.QpRiNPyx.js +0 -137
- package/dist/chunks/dialog-page.QpRiNPyx.js.map +0 -1
- package/dist/chunks/dropdown-default-textbox.Cq68tN9F.js.map +0 -1
- package/dist/chunks/dropdown.C2pXf8Li.js.map +0 -1
- package/dist/chunks/field-label.CEkJnsiL.js.map +0 -1
- package/dist/chunks/file-uploader.CnOqfuI-.js.map +0 -1
- package/dist/chunks/filter-bar.CnJAxz9B.js +0 -2559
- package/dist/chunks/filter-bar.CnJAxz9B.js.map +0 -1
- package/dist/chunks/fixed-scroller.Bp4-iO80.js +0 -114
- package/dist/chunks/focus-trap.CNIU5jOz.js.map +0 -1
- package/dist/chunks/header-with-views.Dc9LUYNY.js.map +0 -1
- package/dist/chunks/index.BDK4hwK_.js +0 -593
- package/dist/chunks/isSameWeek.CUD7czUN.js +0 -14
- package/dist/chunks/layout-row.BPX00mio.js.map +0 -1
- package/dist/chunks/modal-fullscreen.B1gltlxA.js.map +0 -1
- package/dist/chunks/on-click-outside.D9aY9g8G.js +0 -101
- package/dist/chunks/on-click-outside.D9aY9g8G.js.map +0 -1
- package/dist/chunks/popover.types.WDh5ggr3.js +0 -6
- package/dist/chunks/popper-container.Cdokz_NE.js +0 -1404
- package/dist/chunks/popper-container.Cdokz_NE.js.map +0 -1
- package/dist/chunks/rich-text-editor.Dq2CFGOu.js.map +0 -1
- package/dist/chunks/secondary-nav.BPGpxd0p.js.map +0 -1
- package/dist/chunks/sidepanel.NFyZGE57.js.map +0 -1
- package/dist/chunks/use-cached-selected-values.gDWGi5Nk.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"adyen-giving.LiKHj_jY.js","sources":["../../src/components/empty-state/assets/large/adyen-giving.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='300'%20height='300'%20viewBox='0%200%20300%20300'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M24%20275.732H276'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M158.98%20117.995L139.872%20137.129C134.799%20142.209%20131.976%20149.092%20131.976%20156.262V275.732H185.985V156.262C185.985%20149.092%20183.12%20142.209%20178.088%20137.129L158.98%20117.995Z'%20fill='%23EEF0F3'/%3e%3cpath%20d='M158.98%20104.475V117.995M158.98%20117.995L139.873%20137.129C134.799%20142.209%20131.976%20149.092%20131.976%20156.262V275.732H185.985V156.262C185.985%20149.092%20183.12%20142.209%20178.088%20137.129L158.98%20117.995Z'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M158.98%20108.982V117.995L178.088%20137.129C183.162%20142.209%20185.985%20149.092%20185.985%20156.262V266.719C185.985%20271.676%20181.975%20275.732%20176.983%20275.732H248.995C253.946%20275.732%20257.997%20271.717%20257.997%20266.719V156.262C257.997%20149.092%20255.132%20142.209%20250.1%20137.129L230.992%20117.995V108.982H158.98Z'%20fill='white'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M230.992%20108.982H158.98V117.995L170.232%20129.262H242.244L230.992%20117.995V108.982Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M185.985%20266.718V248.691H131.976V266.718C131.976%20271.676%20135.986%20275.732%20140.977%20275.732H176.983C181.975%20275.732%20185.985%20271.676%20185.985%20266.718Z'%20fill='%2385DFA9'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M239.993%20117.995L234.469%20104.188C234.142%20103.41%20233.487%20103.041%20232.791%20103.041H160.78C161.475%20103.041%20162.13%20103.369%20162.457%20104.188L167.981%20118.036L169.372%20121.519L170.231%20123.649C171.05%20125.698%20173.054%20127.05%20175.264%20127.05H234.919H239.624C241.547%20127.05%20242.857%20125.124%20242.12%20123.321L239.993%20117.995Z'%20fill='white'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M170.232%20123.608L169.373%20121.478L168.432%20119.142L167.982%20117.995L162.458%20104.188C162.131%20103.41%20161.476%20103.041%20160.781%20103.041C159.881%20103.041%20158.98%20103.696%20158.98%20104.843V117.995L167.982%20127.009H175.224C173.055%20127.009%20171.051%20125.657%20170.232%20123.608Z'%20fill='%2300112C'/%3e%3cpath%20d='M168.432%20119.142L169.373%20121.478L170.232%20123.608C171.051%20125.657%20173.055%20127.009%20175.224%20127.009H167.982L158.98%20117.995V104.843C158.98%20103.696%20159.881%20103.041%20160.781%20103.041C161.476%20103.041%20162.131%20103.41%20162.458%20104.188L167.982%20117.995L168.432%20119.142ZM168.432%20119.142L170.437%20124.182'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M185.985%20248.691V266.718C185.985%20271.676%20181.975%20275.732%20176.984%20275.732H248.995C253.946%20275.732%20257.997%20271.717%20257.997%20266.718V248.691H185.985Z'%20fill='%2385DFA9'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M158.98%20117.995L164.012%20123.035C166.549%20125.575%20167.981%20129.016%20167.981%20132.581V256.599C167.981%20260.204%20166.549%20263.605%20164.012%20266.145L158.98%20271.184'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M220.845%20124.223L212.375%20103H185.371L193.84%20124.223C194.577%20126.066%20195.395%20127.91%20196.295%20129.672L199.446%20136.022H226.45L223.3%20129.672C222.4%20127.91%20221.581%20126.107%20220.845%20124.223Z'%20fill='%2385DFA9'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M173.914%20124.305H239.87'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M222.073%20168.02C216.181%20163.719%20207.916%20164.21%20202.597%20169.536C197.278%20174.863%20196.787%20183.139%20201.084%20189.038L212.826%20195.799L223.628%20205.877L226.492%20203.624C226.492%20203.624%20227.883%20205.058%20230.011%20203.911C232.179%20202.764%20232.466%20200.264%20231.279%20198.421C231.279%20198.421%20233.857%20199.814%20235.698%20198.339C235.698%20198.339%20237.908%20196.618%20237.089%20194.037C237.089%20194.037%20236.721%20193.094%20235.494%20191.906C235.494%20191.906%20237.539%20194.61%20240.404%20193.34C243.268%20192.07%20242.899%20188.547%20241.385%20187.072C239.872%20185.597%20228.006%20173.551%20228.006%20173.551L222.073%20168.02Z'%20fill='%230ABF53'%20stroke='%2300112C'%20stroke-width='0.443662'%20stroke-miterlimit='10'/%3e%3cpath%20d='M222.073%20168.02C216.181%20163.719%20207.916%20164.21%20202.597%20169.536C197.278%20174.863%20196.787%20183.139%20201.084%20189.038'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'/%3e%3cpath%20d='M209.594%20185.474C211.067%20186.949%20211.067%20189.325%20209.594%20190.8L206.934%20193.463C205.461%20194.938%20203.088%20194.938%20201.615%20193.463C200.142%20191.988%20200.142%20189.612%20201.615%20188.137L204.275%20185.474C205.748%20184.04%20208.121%20184.04%20209.594%20185.474Z'%20fill='%230ABF53'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'/%3e%3cpath%20d='M214.913%20190.8C216.386%20192.275%20216.386%20194.651%20214.913%20196.126L212.254%20198.789C210.781%20200.264%20208.408%20200.264%20206.935%20198.789C205.462%20197.314%20205.462%20194.938%20206.935%20193.463L209.594%20190.8C211.067%20189.325%20213.44%20189.325%20214.913%20190.8Z'%20fill='%230ABF53'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'/%3e%3cpath%20d='M220.233%20196.126C221.705%20197.601%20221.705%20199.978%20220.233%20201.453L217.573%20204.116C216.1%20205.591%20213.727%20205.591%20212.254%20204.116C210.781%20202.641%20210.781%20200.264%20212.254%20198.789L214.913%20196.126C216.386%20194.651%20218.76%20194.651%20220.233%20196.126Z'%20fill='%230ABF53'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'/%3e%3cpath%20d='M226.409%20200.551C227.882%20202.026%20227.882%20204.403%20226.409%20205.877L223.749%20208.541C222.276%20210.015%20219.903%20210.015%20218.43%20208.541C216.957%20207.066%20216.957%20204.689%20218.43%20203.214L221.09%20200.551C222.562%20199.117%20224.936%20199.117%20226.409%20200.551Z'%20fill='%230ABF53'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'/%3e%3cpath%20d='M228.865%20185.146L236.188%20192.603C237.661%20194.078%20237.661%20196.454%20236.188%20197.929C234.716%20199.404%20232.342%20199.404%20230.869%20197.929L228.21%20195.266'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'/%3e%3cpath%20d='M234.185%20179.82L241.509%20187.277C242.982%20188.752%20242.982%20191.128%20241.509%20192.603C240.036%20194.078%20237.663%20194.078%20236.19%20192.603'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'/%3e%3cpath%20d='M222.892%20189.94L230.871%20197.929C232.344%20199.404%20232.344%20201.78%20230.871%20203.255C229.93%20204.198%20228.621%20204.525%20227.393%20204.28'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'/%3e%3cpath%20d='M242.572%20189.489C247.278%20183.59%20246.869%20174.986%20241.386%20169.537C235.535%20163.678%20226.002%20163.678%20220.151%20169.537L213.154%20176.543L212.254%20177.526C211.763%20178.018%20211.763%20178.796%20212.254%20179.288L213.154%20180.189C214.627%20181.664%20217%20181.664%20218.473%20180.189L223.792%20174.863C225.265%20173.388%20227.638%20173.388%20229.111%20174.863L241.509%20187.277C242.163%20187.932%20242.572%20189.489%20242.572%20189.489Z'%20fill='%230ABF53'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M144.415%20137.128H173.588'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M253.496%20273.929C255.982%20273.929%20257.997%20271.911%20257.997%20269.422C257.997%20266.933%20255.982%20264.916%20253.496%20264.916C251.01%20264.916%20248.995%20266.933%20248.995%20269.422C248.995%20271.911%20251.01%20273.929%20253.496%20273.929Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M244.495%20275.732C244.495%20273.233%20246.499%20271.225%20248.995%20271.225C251.491%20271.225%20253.496%20273.233%20253.496%20275.732'%20fill='%2300112C'/%3e%3cpath%20d='M244.495%20275.732C244.495%20273.233%20246.499%20271.225%20248.995%20271.225C251.491%20271.225%20253.496%20273.233%20253.496%20275.732'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M208.488%20275.732C208.488%20273.233%20210.493%20271.225%20212.989%20271.225C215.485%20271.225%20217.49%20273.233%20217.49%20275.732'%20fill='%2300112C'/%3e%3cpath%20d='M208.488%20275.732C208.488%20273.233%20210.493%20271.225%20212.989%20271.225C215.485%20271.225%20217.49%20273.233%20217.49%20275.732'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M221.992%20275.732C221.992%20273.233%20223.997%20271.225%20226.493%20271.225C228.989%20271.225%20230.994%20273.233%20230.994%20275.732'%20fill='%2300112C'/%3e%3cpath%20d='M221.992%20275.732C221.992%20273.233%20223.997%20271.225%20226.493%20271.225C228.989%20271.225%20230.994%20273.233%20230.994%20275.732'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M154.48%20194.61H46.4625C43.9666%20194.61%2041.9617%20192.603%2041.9617%20190.103V172.076C41.9617%20169.577%2043.9666%20167.57%2046.4625%20167.57H154.48C156.976%20167.57%20158.981%20169.577%20158.981%20172.076V190.103C158.981%20192.603%20156.976%20194.61%20154.48%20194.61Z'%20fill='%2385DFA9'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M137.419%20275.732H63.5254C58.9428%20275.732%2055.0967%20272.29%2054.5648%20267.702L46.5044%20194.61H154.522L146.421%20267.702C145.889%20272.29%20142.002%20275.732%20137.419%20275.732Z'%20fill='%230ABF53'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M46.5044%20194.61C46.7908%20197.191%2048.9594%20199.117%2051.5371%20199.117H149.489C152.067%20199.117%20154.236%20197.191%20154.522%20194.61H46.5044Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M262.498%20275.732C262.498%20273.233%20260.494%20271.225%20257.998%20271.225C255.502%20271.225%20253.497%20273.233%20253.497%20275.732H262.498Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M257.998%20269.422C260.483%20269.422%20262.498%20267.405%20262.498%20264.916C262.498%20262.427%20260.483%20260.409%20257.998%20260.409C255.512%20260.409%20253.497%20262.427%20253.497%20264.916C253.497%20267.405%20255.512%20269.422%20257.998%20269.422Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M253.497%20275.732C255.983%20275.732%20257.998%20273.714%20257.998%20271.225C257.998%20268.736%20255.983%20266.718%20253.497%20266.718C251.011%20266.718%20248.996%20268.736%20248.996%20271.225C248.996%20273.714%20251.011%20275.732%20253.497%20275.732Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M262.499%20275.732C264.984%20275.732%20266.999%20273.714%20266.999%20271.225C266.999%20268.736%20264.984%20266.718%20262.499%20266.718C260.013%20266.718%20257.998%20268.736%20257.998%20271.225C257.998%20273.714%20260.013%20275.732%20262.499%20275.732Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M217.492%20275.732C219.978%20275.732%20221.993%20273.714%20221.993%20271.225C221.993%20268.736%20219.978%20266.718%20217.492%20266.718C215.007%20266.718%20212.992%20268.736%20212.992%20271.225C212.992%20273.714%20215.007%20275.732%20217.492%20275.732Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M230.992%20275.732C233.478%20275.732%20235.493%20273.714%20235.493%20271.225C235.493%20268.736%20233.478%20266.718%20230.992%20266.718C228.506%20266.718%20226.491%20268.736%20226.491%20271.225C226.491%20273.714%20228.506%20275.732%20230.992%20275.732Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M192.41%20263.4L143.106%20275.322C140.979%20275.814%20138.81%20274.749%20137.951%20272.782L134.923%20266.022C133.041%20261.802%20129.154%20258.852%20124.571%20258.156L103.745%20255.083L122.239%20245.045C126.29%20242.833%20128.949%20238.735%20129.277%20234.106L129.809%20226.731C129.972%20224.56%20131.65%20222.798%20133.777%20222.552L184.186%20216.857C195.601%20215.587%20207.098%20217.963%20217.082%20223.658L222.892%20226.977C227.761%20229.763%20228.907%20236.318%20225.306%20240.62L221.01%20245.741C213.563%20254.509%20203.539%20260.696%20192.41%20263.4Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M131.895%20259.221L162.091%20247.421C164.833%20246.356%20164.137%20242.259%20161.191%20242.218L128.827%20241.481'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M103.746%20255.042L167.411%20243.816L218.433%20234.802'%20fill='%23EEF0F3'/%3e%3cpath%20d='M103.746%20255.042L167.411%20243.816L218.433%20234.802'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M115.449%20243.816L35.6628%20257.91C33.2079%20258.36%2031.5713%20260.696%2032.0213%20263.113L33.5761%20272.003C34.0262%20274.462%2036.3584%20276.101%2038.7724%20275.65L118.558%20261.556C121.013%20261.105%20122.65%20258.77%20122.2%20256.353L120.645%20247.462C120.236%20245.045%20117.903%20243.406%20115.449%20243.816Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e\""],"names":["adyenGiving"],"mappings":"AAAA,MAAeA,IAAA;"}
|
|
1
|
+
{"version":3,"file":"adyen-giving.LiKHj_jY.js","sources":["../../src/components/empty-state/assets/large/adyen-giving.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='300'%20height='300'%20viewBox='0%200%20300%20300'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M24%20275.732H276'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M158.98%20117.995L139.872%20137.129C134.799%20142.209%20131.976%20149.092%20131.976%20156.262V275.732H185.985V156.262C185.985%20149.092%20183.12%20142.209%20178.088%20137.129L158.98%20117.995Z'%20fill='%23EEF0F3'/%3e%3cpath%20d='M158.98%20104.475V117.995M158.98%20117.995L139.873%20137.129C134.799%20142.209%20131.976%20149.092%20131.976%20156.262V275.732H185.985V156.262C185.985%20149.092%20183.12%20142.209%20178.088%20137.129L158.98%20117.995Z'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M158.98%20108.982V117.995L178.088%20137.129C183.162%20142.209%20185.985%20149.092%20185.985%20156.262V266.719C185.985%20271.676%20181.975%20275.732%20176.983%20275.732H248.995C253.946%20275.732%20257.997%20271.717%20257.997%20266.719V156.262C257.997%20149.092%20255.132%20142.209%20250.1%20137.129L230.992%20117.995V108.982H158.98Z'%20fill='white'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M230.992%20108.982H158.98V117.995L170.232%20129.262H242.244L230.992%20117.995V108.982Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M185.985%20266.718V248.691H131.976V266.718C131.976%20271.676%20135.986%20275.732%20140.977%20275.732H176.983C181.975%20275.732%20185.985%20271.676%20185.985%20266.718Z'%20fill='%2385DFA9'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M239.993%20117.995L234.469%20104.188C234.142%20103.41%20233.487%20103.041%20232.791%20103.041H160.78C161.475%20103.041%20162.13%20103.369%20162.457%20104.188L167.981%20118.036L169.372%20121.519L170.231%20123.649C171.05%20125.698%20173.054%20127.05%20175.264%20127.05H234.919H239.624C241.547%20127.05%20242.857%20125.124%20242.12%20123.321L239.993%20117.995Z'%20fill='white'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M170.232%20123.608L169.373%20121.478L168.432%20119.142L167.982%20117.995L162.458%20104.188C162.131%20103.41%20161.476%20103.041%20160.781%20103.041C159.881%20103.041%20158.98%20103.696%20158.98%20104.843V117.995L167.982%20127.009H175.224C173.055%20127.009%20171.051%20125.657%20170.232%20123.608Z'%20fill='%2300112C'/%3e%3cpath%20d='M168.432%20119.142L169.373%20121.478L170.232%20123.608C171.051%20125.657%20173.055%20127.009%20175.224%20127.009H167.982L158.98%20117.995V104.843C158.98%20103.696%20159.881%20103.041%20160.781%20103.041C161.476%20103.041%20162.131%20103.41%20162.458%20104.188L167.982%20117.995L168.432%20119.142ZM168.432%20119.142L170.437%20124.182'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M185.985%20248.691V266.718C185.985%20271.676%20181.975%20275.732%20176.984%20275.732H248.995C253.946%20275.732%20257.997%20271.717%20257.997%20266.718V248.691H185.985Z'%20fill='%2385DFA9'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M158.98%20117.995L164.012%20123.035C166.549%20125.575%20167.981%20129.016%20167.981%20132.581V256.599C167.981%20260.204%20166.549%20263.605%20164.012%20266.145L158.98%20271.184'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M220.845%20124.223L212.375%20103H185.371L193.84%20124.223C194.577%20126.066%20195.395%20127.91%20196.295%20129.672L199.446%20136.022H226.45L223.3%20129.672C222.4%20127.91%20221.581%20126.107%20220.845%20124.223Z'%20fill='%2385DFA9'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M173.914%20124.305H239.87'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M222.073%20168.02C216.181%20163.719%20207.916%20164.21%20202.597%20169.536C197.278%20174.863%20196.787%20183.139%20201.084%20189.038L212.826%20195.799L223.628%20205.877L226.492%20203.624C226.492%20203.624%20227.883%20205.058%20230.011%20203.911C232.179%20202.764%20232.466%20200.264%20231.279%20198.421C231.279%20198.421%20233.857%20199.814%20235.698%20198.339C235.698%20198.339%20237.908%20196.618%20237.089%20194.037C237.089%20194.037%20236.721%20193.094%20235.494%20191.906C235.494%20191.906%20237.539%20194.61%20240.404%20193.34C243.268%20192.07%20242.899%20188.547%20241.385%20187.072C239.872%20185.597%20228.006%20173.551%20228.006%20173.551L222.073%20168.02Z'%20fill='%230ABF53'%20stroke='%2300112C'%20stroke-width='0.443662'%20stroke-miterlimit='10'/%3e%3cpath%20d='M222.073%20168.02C216.181%20163.719%20207.916%20164.21%20202.597%20169.536C197.278%20174.863%20196.787%20183.139%20201.084%20189.038'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'/%3e%3cpath%20d='M209.594%20185.474C211.067%20186.949%20211.067%20189.325%20209.594%20190.8L206.934%20193.463C205.461%20194.938%20203.088%20194.938%20201.615%20193.463C200.142%20191.988%20200.142%20189.612%20201.615%20188.137L204.275%20185.474C205.748%20184.04%20208.121%20184.04%20209.594%20185.474Z'%20fill='%230ABF53'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'/%3e%3cpath%20d='M214.913%20190.8C216.386%20192.275%20216.386%20194.651%20214.913%20196.126L212.254%20198.789C210.781%20200.264%20208.408%20200.264%20206.935%20198.789C205.462%20197.314%20205.462%20194.938%20206.935%20193.463L209.594%20190.8C211.067%20189.325%20213.44%20189.325%20214.913%20190.8Z'%20fill='%230ABF53'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'/%3e%3cpath%20d='M220.233%20196.126C221.705%20197.601%20221.705%20199.978%20220.233%20201.453L217.573%20204.116C216.1%20205.591%20213.727%20205.591%20212.254%20204.116C210.781%20202.641%20210.781%20200.264%20212.254%20198.789L214.913%20196.126C216.386%20194.651%20218.76%20194.651%20220.233%20196.126Z'%20fill='%230ABF53'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'/%3e%3cpath%20d='M226.409%20200.551C227.882%20202.026%20227.882%20204.403%20226.409%20205.877L223.749%20208.541C222.276%20210.015%20219.903%20210.015%20218.43%20208.541C216.957%20207.066%20216.957%20204.689%20218.43%20203.214L221.09%20200.551C222.562%20199.117%20224.936%20199.117%20226.409%20200.551Z'%20fill='%230ABF53'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'/%3e%3cpath%20d='M228.865%20185.146L236.188%20192.603C237.661%20194.078%20237.661%20196.454%20236.188%20197.929C234.716%20199.404%20232.342%20199.404%20230.869%20197.929L228.21%20195.266'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'/%3e%3cpath%20d='M234.185%20179.82L241.509%20187.277C242.982%20188.752%20242.982%20191.128%20241.509%20192.603C240.036%20194.078%20237.663%20194.078%20236.19%20192.603'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'/%3e%3cpath%20d='M222.892%20189.94L230.871%20197.929C232.344%20199.404%20232.344%20201.78%20230.871%20203.255C229.93%20204.198%20228.621%20204.525%20227.393%20204.28'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'/%3e%3cpath%20d='M242.572%20189.489C247.278%20183.59%20246.869%20174.986%20241.386%20169.537C235.535%20163.678%20226.002%20163.678%20220.151%20169.537L213.154%20176.543L212.254%20177.526C211.763%20178.018%20211.763%20178.796%20212.254%20179.288L213.154%20180.189C214.627%20181.664%20217%20181.664%20218.473%20180.189L223.792%20174.863C225.265%20173.388%20227.638%20173.388%20229.111%20174.863L241.509%20187.277C242.163%20187.932%20242.572%20189.489%20242.572%20189.489Z'%20fill='%230ABF53'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M144.415%20137.128H173.588'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M253.496%20273.929C255.982%20273.929%20257.997%20271.911%20257.997%20269.422C257.997%20266.933%20255.982%20264.916%20253.496%20264.916C251.01%20264.916%20248.995%20266.933%20248.995%20269.422C248.995%20271.911%20251.01%20273.929%20253.496%20273.929Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M244.495%20275.732C244.495%20273.233%20246.499%20271.225%20248.995%20271.225C251.491%20271.225%20253.496%20273.233%20253.496%20275.732'%20fill='%2300112C'/%3e%3cpath%20d='M244.495%20275.732C244.495%20273.233%20246.499%20271.225%20248.995%20271.225C251.491%20271.225%20253.496%20273.233%20253.496%20275.732'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M208.488%20275.732C208.488%20273.233%20210.493%20271.225%20212.989%20271.225C215.485%20271.225%20217.49%20273.233%20217.49%20275.732'%20fill='%2300112C'/%3e%3cpath%20d='M208.488%20275.732C208.488%20273.233%20210.493%20271.225%20212.989%20271.225C215.485%20271.225%20217.49%20273.233%20217.49%20275.732'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M221.992%20275.732C221.992%20273.233%20223.997%20271.225%20226.493%20271.225C228.989%20271.225%20230.994%20273.233%20230.994%20275.732'%20fill='%2300112C'/%3e%3cpath%20d='M221.992%20275.732C221.992%20273.233%20223.997%20271.225%20226.493%20271.225C228.989%20271.225%20230.994%20273.233%20230.994%20275.732'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M154.48%20194.61H46.4625C43.9666%20194.61%2041.9617%20192.603%2041.9617%20190.103V172.076C41.9617%20169.577%2043.9666%20167.57%2046.4625%20167.57H154.48C156.976%20167.57%20158.981%20169.577%20158.981%20172.076V190.103C158.981%20192.603%20156.976%20194.61%20154.48%20194.61Z'%20fill='%2385DFA9'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M137.419%20275.732H63.5254C58.9428%20275.732%2055.0967%20272.29%2054.5648%20267.702L46.5044%20194.61H154.522L146.421%20267.702C145.889%20272.29%20142.002%20275.732%20137.419%20275.732Z'%20fill='%230ABF53'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M46.5044%20194.61C46.7908%20197.191%2048.9594%20199.117%2051.5371%20199.117H149.489C152.067%20199.117%20154.236%20197.191%20154.522%20194.61H46.5044Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M262.498%20275.732C262.498%20273.233%20260.494%20271.225%20257.998%20271.225C255.502%20271.225%20253.497%20273.233%20253.497%20275.732H262.498Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M257.998%20269.422C260.483%20269.422%20262.498%20267.405%20262.498%20264.916C262.498%20262.427%20260.483%20260.409%20257.998%20260.409C255.512%20260.409%20253.497%20262.427%20253.497%20264.916C253.497%20267.405%20255.512%20269.422%20257.998%20269.422Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M253.497%20275.732C255.983%20275.732%20257.998%20273.714%20257.998%20271.225C257.998%20268.736%20255.983%20266.718%20253.497%20266.718C251.011%20266.718%20248.996%20268.736%20248.996%20271.225C248.996%20273.714%20251.011%20275.732%20253.497%20275.732Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M262.499%20275.732C264.984%20275.732%20266.999%20273.714%20266.999%20271.225C266.999%20268.736%20264.984%20266.718%20262.499%20266.718C260.013%20266.718%20257.998%20268.736%20257.998%20271.225C257.998%20273.714%20260.013%20275.732%20262.499%20275.732Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M217.492%20275.732C219.978%20275.732%20221.993%20273.714%20221.993%20271.225C221.993%20268.736%20219.978%20266.718%20217.492%20266.718C215.007%20266.718%20212.992%20268.736%20212.992%20271.225C212.992%20273.714%20215.007%20275.732%20217.492%20275.732Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M230.992%20275.732C233.478%20275.732%20235.493%20273.714%20235.493%20271.225C235.493%20268.736%20233.478%20266.718%20230.992%20266.718C228.506%20266.718%20226.491%20268.736%20226.491%20271.225C226.491%20273.714%20228.506%20275.732%20230.992%20275.732Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M192.41%20263.4L143.106%20275.322C140.979%20275.814%20138.81%20274.749%20137.951%20272.782L134.923%20266.022C133.041%20261.802%20129.154%20258.852%20124.571%20258.156L103.745%20255.083L122.239%20245.045C126.29%20242.833%20128.949%20238.735%20129.277%20234.106L129.809%20226.731C129.972%20224.56%20131.65%20222.798%20133.777%20222.552L184.186%20216.857C195.601%20215.587%20207.098%20217.963%20217.082%20223.658L222.892%20226.977C227.761%20229.763%20228.907%20236.318%20225.306%20240.62L221.01%20245.741C213.563%20254.509%20203.539%20260.696%20192.41%20263.4Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M131.895%20259.221L162.091%20247.421C164.833%20246.356%20164.137%20242.259%20161.191%20242.218L128.827%20241.481'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M103.746%20255.042L167.411%20243.816L218.433%20234.802'%20fill='%23EEF0F3'/%3e%3cpath%20d='M103.746%20255.042L167.411%20243.816L218.433%20234.802'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M115.449%20243.816L35.6628%20257.91C33.2079%20258.36%2031.5713%20260.696%2032.0213%20263.113L33.5761%20272.003C34.0262%20274.462%2036.3584%20276.101%2038.7724%20275.65L118.558%20261.556C121.013%20261.105%20122.65%20258.77%20122.2%20256.353L120.645%20247.462C120.236%20245.045%20117.903%20243.406%20115.449%20243.816Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-width='0.665493'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e\""],"names":["adyenGiving"],"mappings":"AAAA,MAAAA,IAAe;"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { defineComponent as r, useSlots as c, computed as u, onMounted as d } from "vue";
|
|
2
|
+
import { B as p } from "./button.Ctj3rkxw.js";
|
|
3
|
+
import { A as f } from "./artificial-intelligence-ai-filled.C6TMsiHK.js";
|
|
4
|
+
import { u as _ } from "./use-has-slot.C9lQZ6nz.js";
|
|
5
|
+
import { p as m } from "./typography.C8lPlsbD.js";
|
|
6
|
+
import { n as b } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
|
|
7
|
+
import "../assets/ai-button.css";
|
|
8
|
+
const v = {
|
|
9
|
+
name: "bento-ai-button"
|
|
10
|
+
}, y = /* @__PURE__ */ r({
|
|
11
|
+
...v,
|
|
12
|
+
props: {
|
|
13
|
+
condensed: { type: Boolean, default: !1 },
|
|
14
|
+
disabled: { type: Boolean, default: !1 },
|
|
15
|
+
inverse: { type: Boolean, default: !1 },
|
|
16
|
+
link: { default: void 0 },
|
|
17
|
+
type: { default: "button" }
|
|
18
|
+
},
|
|
19
|
+
emits: ["click"],
|
|
20
|
+
setup(s, { emit: t }) {
|
|
21
|
+
const n = s, o = c(), e = _(o), i = u(() => ({
|
|
22
|
+
"b-ai-button--disabled": n.disabled
|
|
23
|
+
})), l = (a) => {
|
|
24
|
+
a.stopPropagation(), t("click", a);
|
|
25
|
+
};
|
|
26
|
+
return d(() => {
|
|
27
|
+
e("default") || m("An icon-only button cannot be a AI button");
|
|
28
|
+
}), { __sfc: !0, props: n, emit: t, slots: o, hasSlot: e, conditionalClass: i, onClick: l, BentoButton: p, AiFilledIcon: f };
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
var C = function() {
|
|
32
|
+
var t = this, n = t._self._c, o = t._self._setupProxy;
|
|
33
|
+
return n("div", { staticClass: "b-ai-button", class: o.conditionalClass }, [n("div", { staticClass: "b-ai-button__animation" }), n(o.BentoButton, { staticClass: "b-ai-button__button", attrs: { condensed: t.condensed, disabled: t.disabled, inverse: t.inverse, variant: "secondary" }, on: { "!click": function(e) {
|
|
34
|
+
return e.stopPropagation(), o.onClick.apply(null, arguments);
|
|
35
|
+
} }, scopedSlots: t._u([{ key: "iconLeft", fn: function() {
|
|
36
|
+
return [n(o.AiFilledIcon, { staticClass: "b-ai-button__icon", attrs: { "aria-hidden": "true" } })];
|
|
37
|
+
}, proxy: !0 }]) }, [t._t("default")], 2)], 1);
|
|
38
|
+
}, B = [], k = /* @__PURE__ */ b(
|
|
39
|
+
y,
|
|
40
|
+
C,
|
|
41
|
+
B,
|
|
42
|
+
!1,
|
|
43
|
+
null,
|
|
44
|
+
"d7320b14"
|
|
45
|
+
);
|
|
46
|
+
const F = k.exports;
|
|
47
|
+
export {
|
|
48
|
+
F as a
|
|
49
|
+
};
|
|
50
|
+
//# sourceMappingURL=ai-button.BTi18ipD.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ai-button.BTi18ipD.js","sources":["../../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 = defineProps({\n condensed: { type: Boolean, default: false },\n disabled: { type: Boolean, default: false },\n inverse: { type: Boolean, default: false },\n link: { default: undefined },\n type: { default: 'button' }\n});\n\n const emit = defineEmits([\"click\"]);\n\n const slots = useSlots();\n const hasSlot = useHasSlot(slots);\n\n const conditionalClass = computed(() => ({\n 'b-ai-button--disabled': props.disabled,\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__","slots","useSlots","hasSlot","useHasSlot","conditionalClass","computed","props","onClick","e","emit","onMounted","printDevelopmentWarning"],"mappings":";;;;;;;AA0EI,MAAAA,IAAA;AAAA,EAAe,MAAA;AAEf;;;;;;;;;;;iBArCAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEAI,IAAAC,EAAA,OAAA;AAAA,MAAyC,yBAAAC,EAAA;AAAA,IACN,EAAA,GAGnCC,IAAA,CAAAC,MAAA;AAEI,MAAAA,EAAA,gBAAA,GAEAC,EAAA,SAAAD,CAAA;AAAA,IAAe;AAGnB,WAAAE,EAAA,MAAA;AACI,MAAAR,EAAA,SAAA,KACIS,EAAA,2CAAA;AAAA,IACJ,CAAA;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import { defineComponent as u, ref as i, watch as _, computed as f } from "vue";
|
|
2
|
+
import { u as v, c as m, h as y } from "./button-actions.VSc47LLH.js";
|
|
3
|
+
import { B as I } from "./typography.C8lPlsbD.js";
|
|
4
|
+
import "./index.Cl4_42j5.js";
|
|
5
|
+
import { u as A } from "./index.B6WW_F-J.js";
|
|
6
|
+
import { g as x } from "./generate-uid.NJ8tVoha.js";
|
|
7
|
+
import { A as B } from "./artificial-intelligence-ai-filled.C6TMsiHK.js";
|
|
8
|
+
import { n as h } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
|
|
9
|
+
import "../assets/ai-tag.css";
|
|
10
|
+
const C = {
|
|
11
|
+
"en-US": {
|
|
12
|
+
ai: "AI",
|
|
13
|
+
aiExplained: "AI explained"
|
|
14
|
+
},
|
|
15
|
+
"ja-JP": {
|
|
16
|
+
ai: "AI",
|
|
17
|
+
aiExplained: "AIについての説明"
|
|
18
|
+
},
|
|
19
|
+
"pt-BR": {
|
|
20
|
+
ai: "IA",
|
|
21
|
+
aiExplained: "IA explicada"
|
|
22
|
+
}
|
|
23
|
+
}, T = {
|
|
24
|
+
i18n: { messages: C }
|
|
25
|
+
}, E = /* @__PURE__ */ u({
|
|
26
|
+
...T,
|
|
27
|
+
__name: "ai-tag",
|
|
28
|
+
props: {
|
|
29
|
+
title: null,
|
|
30
|
+
description: null,
|
|
31
|
+
influencedValue: { default: void 0 },
|
|
32
|
+
toggled: { type: Boolean, default: !1 },
|
|
33
|
+
action: { default: void 0 }
|
|
34
|
+
},
|
|
35
|
+
emits: ["update:toggled"],
|
|
36
|
+
setup(r, { emit: e }) {
|
|
37
|
+
const o = r, { t } = A(), a = i(o.toggled), s = i(null), p = i(null), d = x("b-ai-tag-popover");
|
|
38
|
+
_(
|
|
39
|
+
() => o.toggled,
|
|
40
|
+
(n) => {
|
|
41
|
+
a.value = n;
|
|
42
|
+
}
|
|
43
|
+
), v(s, () => {
|
|
44
|
+
c();
|
|
45
|
+
});
|
|
46
|
+
const g = f(
|
|
47
|
+
() => o.action ? [
|
|
48
|
+
{
|
|
49
|
+
...o.action,
|
|
50
|
+
variant: "secondary"
|
|
51
|
+
}
|
|
52
|
+
] : void 0
|
|
53
|
+
), l = (n) => {
|
|
54
|
+
a.value = n, e("update:toggled", n);
|
|
55
|
+
}, c = () => {
|
|
56
|
+
a.value && l(!1);
|
|
57
|
+
};
|
|
58
|
+
return { __sfc: !0, props: o, t, toggled: a, aiTagRef: s, targetElement: p, popoverId: d, popoverActions: g, emit: e, onToggle: l, closePopover: c, BentoPopover: y, BentoToggleButton: m, BentoTypography: I, ArtificialIntelligenceAiIcon: B };
|
|
59
|
+
}
|
|
60
|
+
});
|
|
61
|
+
var k = function() {
|
|
62
|
+
var e = this, o = e._self._c, t = e._self._setupProxy;
|
|
63
|
+
return o("div", { ref: "aiTagRef", staticClass: "b-ai-tag", on: { keydown: function(a) {
|
|
64
|
+
return !a.type.indexOf("key") && e._k(a.keyCode, "esc", 27, a.key, ["Esc", "Escape"]) ? null : t.closePopover.apply(null, arguments);
|
|
65
|
+
} } }, [o(t.BentoToggleButton, { ref: "targetElement", staticClass: "b-ai-tag__trigger", attrs: { toggled: t.toggled, "aria-controls": t.popoverId, variant: "secondary", condensed: "" }, on: { "update:toggled": t.onToggle }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
|
|
66
|
+
return [o(t.ArtificialIntelligenceAiIcon, { staticClass: "b-ai-tag__trigger-icon", attrs: { "aria-hidden": !0 } })];
|
|
67
|
+
}, proxy: !0 }]) }, [e._v(" " + e._s(t.t("ai")) + " ")]), t.targetElement ? o(t.BentoPopover, { attrs: { id: t.popoverId, open: t.toggled, "target-element": t.targetElement, actions: t.popoverActions, "actions-layout": "fill-container", title: t.t("aiExplained"), "trap-all": "", "trap-all-options": { onDeactivate: t.closePopover, allowOutsideClick: !0 }, "fixed-positioning": "", "overflow-visible": "" }, on: { dismiss: t.closePopover }, scopedSlots: e._u([{ key: "headerIcon", fn: function() {
|
|
68
|
+
return [o(t.ArtificialIntelligenceAiIcon, { staticClass: "b-ai-tag__popover-header-icon", attrs: { "aria-hidden": !0 } })];
|
|
69
|
+
}, proxy: !0 }], null, !1, 430358887) }, [o("div", { staticClass: "b-ai-tag__popover-content" }, [e.influencedValue ? o(t.BentoTypography, { staticClass: "b-ai-tag__influenced-value", attrs: { variant: "title", medium: "" } }, [e._v(" " + e._s(e.influencedValue) + " ")]) : e._e(), o(t.BentoTypography, { attrs: { variant: "title" } }, [e._v(" " + e._s(e.title) + " ")]), o(t.BentoTypography, [e._v(" " + e._s(e.description) + " ")])], 1)]) : e._e()], 1);
|
|
70
|
+
}, b = [], P = /* @__PURE__ */ h(
|
|
71
|
+
E,
|
|
72
|
+
k,
|
|
73
|
+
b,
|
|
74
|
+
!1,
|
|
75
|
+
null,
|
|
76
|
+
"405c2237"
|
|
77
|
+
);
|
|
78
|
+
const D = P.exports;
|
|
79
|
+
export {
|
|
80
|
+
D as a
|
|
81
|
+
};
|
|
82
|
+
//# sourceMappingURL=ai-tag.s8TECgn_.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ai-tag.s8TECgn_.js","sources":["../../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 '@/core/utils/ts';\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 = defineProps({\n title: null,\n description: null,\n influencedValue: { default: undefined },\n toggled: { type: Boolean, default: false },\n action: { default: 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([\"update:toggled\"]);\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","useI18n","toggled","ref","props","aiTagRef","targetElement","popoverId","generateUid","watch","value","useClickOutside","closePopover","popoverActions","computed","onToggle","emit"],"mappings":";;;;;;;;;;;;;;;;;;;;;;GAuIIA,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;iBA/DA,EAAA,EAAA,IAAAC,EAAA,GAEAC,IAAAC,EAAAC,EAAA,OAAA,GACAC,IAAAF,EAAA,IAAA,GACAG,IAAAH,EAAA,IAAA,GACAI,IAAAC,EAAA,kBAAA;AAEA,IAAAC;AAAA,MAAA,MAAAL,EAAA;AAAA,MACgB,CAAAM,MAAA;AAER,QAAAR,EAAA,QAAAQ;AAAA,MAAgB;AAAA,IACpB,GAGJC,EAAAN,GAAA,MAAA;AACI,MAAAO,EAAA;AAAA,IAAa,CAAA;AAGjB,UAAAC,IAAAC;AAAA,MAAuB,MAAAV,EAAA,SAAA;AAAA,QAEb;AAAA,UACI,GAAAA,EAAA;AAAA,UACa,SAAA;AAAA,QACA;AAAA,MACb,IAAA;AAAA,IAEJ,GAKVW,IAAA,CAAAL,MAAA;AACI,MAAAR,EAAA,QAAAQ,GACAM,EAAA,kBAAAN,CAAA;AAAA,IAA4B,GAGhCE,IAAA,MAAA;AACI,MAAAV,EAAA,SACIa,EAAA,EAAA;AAAA,IACJ;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as I, useSlots as y, computed as i, onMounted as T } from "vue";
|
|
2
|
-
import {
|
|
3
|
-
import { B as H } from "./button.
|
|
2
|
+
import { c as l, a as S, B as b } from "./typography.C8lPlsbD.js";
|
|
3
|
+
import { B as H } from "./button.Ctj3rkxw.js";
|
|
4
4
|
import { C as L } from "./cross-small.CoQUe8SS.js";
|
|
5
5
|
import { W as B } from "./warning-filled.CbJ1pcB2.js";
|
|
6
6
|
import { C as w } from "./cross-circle-fill.DTDtgLMf.js";
|
|
@@ -104,8 +104,8 @@ var U = function() {
|
|
|
104
104
|
const tt = D.exports;
|
|
105
105
|
export {
|
|
106
106
|
tt as B,
|
|
107
|
-
|
|
107
|
+
p as a,
|
|
108
108
|
o as b,
|
|
109
|
-
|
|
109
|
+
n as c
|
|
110
110
|
};
|
|
111
|
-
//# sourceMappingURL=alert.
|
|
111
|
+
//# sourceMappingURL=alert.BESCd8iS.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.B3Pdp02a.js","sources":["../../src/components/alert/alert.types.ts","../../../ui-assets/icons-16/dist/vue/info-filled.vue","../../src/components/alert/alert.vue"],"sourcesContent":["/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoAlertVariant {\n DEFAULT = 'default',\n TIP = 'tip',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoAlertTypeOption {\n WARNING = 'warning',\n CRITICAL = 'critical',\n HIGHLIGHT = 'highlight',\n SUCCESS = 'success',\n}\n\n/**\n * @deprecated from version 2.0.0. Use \"@close-alert\" instead.\n */\nexport enum BentoAlertEvent {\n CLOSE_ALERT = 'close-alert',\n}\n","\n<template>\n <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><g :clip-path=\"'url(#uia-ui-assets/icons-16-info_filled__a' + uuid + ')'\"><path fill=\"#001222\" fill-rule=\"evenodd\" d=\"M5.03418 0.839544C6.45015 0.253058 8.00853 0.0992122 9.51172 0.398138C11.015 0.697159 12.3966 1.43547 13.4805 2.51923C14.5642 3.60301 15.3025 4.98476 15.6016 6.48798C15.9005 7.99113 15.7466 9.54958 15.1602 10.9655C14.5736 12.3816 13.5801 13.5925 12.3057 14.444C11.1109 15.2423 9.71924 15.6917 8.28711 15.7448L8 15.7497C5.94458 15.7497 3.97294 14.9336 2.51953 13.4802C1.06623 12.0268 0.250005 10.055 0.25 7.9997C0.250066 6.4671 0.70424 4.96838 1.55566 3.69404C2.40724 2.41967 3.61814 1.42609 5.03418 0.839544ZM6.25 6.2497V7.7497H7.25V10.2497H6.25V11.7497H9.75V10.2497H8.75V6.2497H6.25ZM7.75 3.4997C7.58674 3.4997 7.42763 3.54211 7.28418 3.61786C7.25386 3.63389 7.22303 3.64949 7.19434 3.66865L7.07812 3.75947C7.04744 3.78732 7.01817 3.817 6.99121 3.84833C6.97917 3.86236 6.96827 3.8776 6.95703 3.89228C6.93942 3.91522 6.9228 3.93915 6.90723 3.96357C6.90005 3.97485 6.89248 3.98618 6.88574 3.99775C6.86351 4.03594 6.84324 4.07574 6.82617 4.11689L6.78027 4.25751C6.77017 4.29795 6.7628 4.33927 6.75781 4.38056C6.75552 4.39961 6.75411 4.41902 6.75293 4.43818C6.75166 4.45856 6.75196 4.47926 6.75195 4.4997C6.75195 4.52207 6.75144 4.54472 6.75293 4.56708C6.75579 4.60979 6.76114 4.65273 6.76953 4.69501L6.80859 4.83661C6.82299 4.87685 6.84098 4.91584 6.86035 4.9538C6.86847 4.96971 6.87775 4.98522 6.88672 5.00068C6.89748 5.01922 6.90895 5.03753 6.9209 5.05536C6.93323 5.07376 6.94544 5.09248 6.95898 5.11005C6.98495 5.14371 7.01269 5.17643 7.04297 5.20673L7.1543 5.30341C7.19021 5.33003 7.2285 5.35325 7.26758 5.3747C7.27775 5.38031 7.28847 5.38508 7.29883 5.39033C7.32903 5.40554 7.35995 5.41924 7.3916 5.43134C7.40264 5.43559 7.41361 5.44018 7.4248 5.44404C7.46721 5.45855 7.51041 5.47134 7.55469 5.48017C7.59672 5.48853 7.63919 5.49291 7.68164 5.49579C7.70021 5.49707 7.71872 5.49751 7.7373 5.49775C7.76179 5.49804 7.78614 5.49729 7.81055 5.49579C7.82982 5.49462 7.84899 5.4932 7.86816 5.49091C7.90982 5.48592 7.95139 5.47962 7.99219 5.46943L8.13281 5.42353C8.1739 5.40649 8.21283 5.38517 8.25098 5.36298C8.2626 5.35623 8.27383 5.3487 8.28516 5.3415C8.30964 5.32589 8.33345 5.30934 8.35645 5.29169C8.37116 5.28043 8.38633 5.26958 8.40039 5.25751C8.43176 5.23053 8.46235 5.20229 8.49023 5.17158L8.58105 5.05536C8.69084 4.89096 8.75 4.6974 8.75 4.4997C8.74992 4.2346 8.64449 3.98013 8.45703 3.79267C8.26951 3.60523 8.01514 3.4997 7.75 3.4997Z\" clip-rule=\"evenodd\"/></g><defs><clipPath :id=\"'uia-ui-assets/icons-16-info_filled__a' + uuid\"><rect width=\"16\" height=\"16\" fill=\"#fff\"/></clipPath></defs></svg>\n</template>\n<script>\n import '../css/main.css';\n\n let uuid = 0;\n\n export default {\n beforeCreate() {\n this.uuid = uuid.toString();\n uuid += 1;\n },\n };\n</script>\n","<template>\n <div class=\"b-alert\" :role=\"computedRole\">\n <div class=\"b-alert__inner-container\" :class=\"alertConditionalClasses\">\n <div class=\"b-alert__icon\">\n <component :is=\"iconComponent\" aria-hidden=\"true\" :svg-title=\"iconSvgTitle\" />\n </div>\n\n <div class=\"b-alert__content\">\n <bento-typography\n v-if=\"hasSlot('default') && !isTipVariant\"\n class=\"b-alert__title\"\n el=\"div\"\n variant=\"body\"\n strongest\n wide\n >\n <slot />\n </bento-typography>\n\n <bento-typography\n v-if=\"hasSlot('description')\"\n class=\"b-alert__description\"\n v-bind=\"descriptionTypography\"\n data-testid=\"alert-description\"\n >\n <slot name=\"description\" />\n </bento-typography>\n\n <div v-if=\"hasSlot('actions') && !isTipVariant\" class=\"b-alert__actions\" data-testid=\"alert-actions\">\n <slot name=\"actions\" />\n </div>\n </div>\n\n <bento-button\n v-if=\"closeButton && !isTipVariant\"\n class=\"b-alert__close-button\"\n variant=\"tertiary\"\n type=\"button\"\n @click=\"onCloseButtonClick\"\n >\n <cross-small :svg-title=\"t('close')\" />\n </bento-button>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, onMounted, useSlots } from 'vue';\n\n // Component\n import { BentoAlertEvent, BentoAlertTypeOption, BentoAlertVariant } from '@/components/alert/alert.types';\n import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n import { BentoButton } from '@/components/button';\n\n import CrossSmall from '@adyen/ui-assets-icons-16/vue/cross-small';\n import Warning from '@adyen/ui-assets-icons-16/vue/warning-filled';\n import CrossCircle from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n import CheckedCircle from '@adyen/ui-assets-icons-16/vue/checkmark-circle-fill';\n import Info from '@adyen/ui-assets-icons-16/vue/info-filled';\n\n // Utils\n import { useHasSlot } from '@/composables';\n import { useI18n } from '@/utils/ts/i18n';\n\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n const slots = useSlots();\n const hasSlot = useHasSlot(slots);\n\n const emit = defineEmits([\"close-alert\"]);\n\n const props = defineProps({\n closeButton: { type: Boolean, default: false },\n type: { default: BentoAlertTypeOption.HIGHLIGHT },\n variant: { default: BentoAlertVariant.DEFAULT }\n});\n\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n const isTipVariant = computed(() => props.variant === BentoAlertVariant.TIP);\n\n const alertConditionalClasses = computed(() => ({\n [`b-alert--${props.type}`]: props.type,\n [`b-alert--${BentoAlertVariant.TIP}`]: isTipVariant.value,\n }));\n\n const iconSvgTitle = computed(() => t(`${props.type}Icon`));\n\n const iconComponent = computed(() => {\n switch (props.type) {\n case BentoAlertTypeOption.CRITICAL:\n return CrossCircle;\n case BentoAlertTypeOption.SUCCESS:\n return CheckedCircle;\n case BentoAlertTypeOption.WARNING:\n return Warning;\n case BentoAlertTypeOption.HIGHLIGHT:\n default:\n return Info;\n }\n });\n\n const descriptionTypography = computed(() => ({\n el: BentoTypographyElement.DIV,\n variant: isTipVariant.value ? BentoTypographyVariant.CAPTION : BentoTypographyVariant.BODY,\n wide: true,\n }));\n\n const computedRole = computed(() => (props.type === BentoAlertTypeOption.HIGHLIGHT ? 'status' : 'alert'));\n\n const onCloseButtonClick = () => {\n emit(BentoAlertEvent.CLOSE_ALERT);\n };\n\n onMounted(() => {\n if (!slots.default && !slots.description) {\n throw new Error('Alert Component requires a title or a description');\n }\n });\n</script>\n\n<script lang=\"ts\">\n /**\n * An Alert component is used to display a persistent\n * notification containing information important to the user\n *\n * @example\n * import { BentoAlert, BentoAlertTypeOption } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoAlert },\n * template: `\n * <bento-alert type=\"highlight\">\n * Title of the Alert\n * </bento-alert>\n * `\n * }\n */\n export default {\n i18n: { messages },\n name: 'bento-alert',\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./alert.scss\" />\n"],"names":["BentoAlertVariant","BentoAlertVariant2","BentoAlertTypeOption","BentoAlertTypeOption2","BentoAlertEvent","BentoAlertEvent2","uuid","_sfc_main$1","__default__","messages","slots","useSlots","hasSlot","useHasSlot","t","useI18n","isTipVariant","computed","props","alertConditionalClasses","iconSvgTitle","iconComponent","CrossCircleFillIcon","CheckmarkCircleFillIcon","WarningFilledIcon","Info","descriptionTypography","BentoTypographyElement","BentoTypographyVariant","computedRole","onCloseButtonClick","emit","onMounted"],"mappings":";;;;;;;;;;;;AAGY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,MAAA,OAFQA,IAAAD,KAAA,CAAA,CAAA,GAQAE,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,WAAA,YACAA,EAAA,YAAA,aACAA,EAAA,UAAA,WAJQA,IAAAD,KAAA,CAAA,CAAA,GAUAE,IAAA,kBAAAC,OACRA,EAAA,cAAA,eADQA,IAAAD,KAAA,CAAA,CAAA;ACdZ,IAAAE,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GC8HIE,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;;iBA3EAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAUA,EAAA,GAAAI,EAAA,IAAAC,EAAA,GAEAC,IAAAC,EAAA,MAAAC,EAAA,YAAAlB,EAAA,GAAA,GAEAmB,IAAAF,EAAA,OAAA;AAAA,MAAgD,CAAA,YAAAC,EAAA,IAAA,EAAA,GAAAA,EAAA;AAAA,MACV,CAAA,YAAAlB,EAAA,GAAA,EAAA,GAAAgB,EAAA;AAAA,IACkB,EAAA,GAGxDI,IAAAH,EAAA,MAAAH,EAAA,GAAAI,EAAA,IAAA,MAAA,CAAA,GAEAG,IAAAJ,EAAA,MAAA;AACI,cAAAC,EAAA,MAAA;AAAA,QAAoB,KAAAhB,EAAA;AAEZ,iBAAAoB;AAAA,QAAO,KAAApB,EAAA;AAEP,iBAAAqB;AAAA,QAAO,KAAArB,EAAA;AAEP,iBAAAsB;AAAA,QAAO,KAAAtB,EAAA;AAAA,QACe;AAEtB,iBAAAuB;AAAA,MAAO;AAAA,IACf,CAAA,GAGJC,IAAAT,EAAA,OAAA;AAAA,MAA8C,IAAAU,EAAA;AAAA,MACf,SAAAX,EAAA,QAAAY,EAAA,UAAAA,EAAA;AAAA,MAC2D,MAAA;AAAA,IAChF,EAAA,GAGVC,IAAAZ,EAAA,MAAAC,EAAA,SAAAhB,EAAA,YAAA,WAAA,OAAA,GAEA4B,IAAA,MAAA;AACI,MAAAC,EAAA3B,EAAA,WAAA;AAAA,IAAgC;AAGpC,WAAA4B,EAAA,MAAA;AACI,UAAA,CAAAtB,EAAA,WAAA,CAAAA,EAAA;AACI,cAAA,IAAA,MAAA,mDAAA;AAAA,IACJ,CAAA;;;;;;;;;;;;;;;"}
|
|
1
|
+
{"version":3,"file":"alert.BESCd8iS.js","sources":["../../src/components/alert/alert.types.ts","../../../ui-assets/icons-16/dist/vue/info-filled.vue","../../src/components/alert/alert.vue"],"sourcesContent":["/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoAlertVariant {\n DEFAULT = 'default',\n TIP = 'tip',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoAlertTypeOption {\n WARNING = 'warning',\n CRITICAL = 'critical',\n HIGHLIGHT = 'highlight',\n SUCCESS = 'success',\n}\n\n/**\n * @deprecated from version 2.0.0. Use \"@close-alert\" instead.\n */\nexport enum BentoAlertEvent {\n CLOSE_ALERT = 'close-alert',\n}\n","\n<template>\n <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><g :clip-path=\"'url(#uia-ui-assets/icons-16-info_filled__a' + uuid + ')'\"><path fill=\"#001222\" fill-rule=\"evenodd\" d=\"M5.03418 0.839544C6.45015 0.253058 8.00853 0.0992122 9.51172 0.398138C11.015 0.697159 12.3966 1.43547 13.4805 2.51923C14.5642 3.60301 15.3025 4.98476 15.6016 6.48798C15.9005 7.99113 15.7466 9.54958 15.1602 10.9655C14.5736 12.3816 13.5801 13.5925 12.3057 14.444C11.1109 15.2423 9.71924 15.6917 8.28711 15.7448L8 15.7497C5.94458 15.7497 3.97294 14.9336 2.51953 13.4802C1.06623 12.0268 0.250005 10.055 0.25 7.9997C0.250066 6.4671 0.70424 4.96838 1.55566 3.69404C2.40724 2.41967 3.61814 1.42609 5.03418 0.839544ZM6.25 6.2497V7.7497H7.25V10.2497H6.25V11.7497H9.75V10.2497H8.75V6.2497H6.25ZM7.75 3.4997C7.58674 3.4997 7.42763 3.54211 7.28418 3.61786C7.25386 3.63389 7.22303 3.64949 7.19434 3.66865L7.07812 3.75947C7.04744 3.78732 7.01817 3.817 6.99121 3.84833C6.97917 3.86236 6.96827 3.8776 6.95703 3.89228C6.93942 3.91522 6.9228 3.93915 6.90723 3.96357C6.90005 3.97485 6.89248 3.98618 6.88574 3.99775C6.86351 4.03594 6.84324 4.07574 6.82617 4.11689L6.78027 4.25751C6.77017 4.29795 6.7628 4.33927 6.75781 4.38056C6.75552 4.39961 6.75411 4.41902 6.75293 4.43818C6.75166 4.45856 6.75196 4.47926 6.75195 4.4997C6.75195 4.52207 6.75144 4.54472 6.75293 4.56708C6.75579 4.60979 6.76114 4.65273 6.76953 4.69501L6.80859 4.83661C6.82299 4.87685 6.84098 4.91584 6.86035 4.9538C6.86847 4.96971 6.87775 4.98522 6.88672 5.00068C6.89748 5.01922 6.90895 5.03753 6.9209 5.05536C6.93323 5.07376 6.94544 5.09248 6.95898 5.11005C6.98495 5.14371 7.01269 5.17643 7.04297 5.20673L7.1543 5.30341C7.19021 5.33003 7.2285 5.35325 7.26758 5.3747C7.27775 5.38031 7.28847 5.38508 7.29883 5.39033C7.32903 5.40554 7.35995 5.41924 7.3916 5.43134C7.40264 5.43559 7.41361 5.44018 7.4248 5.44404C7.46721 5.45855 7.51041 5.47134 7.55469 5.48017C7.59672 5.48853 7.63919 5.49291 7.68164 5.49579C7.70021 5.49707 7.71872 5.49751 7.7373 5.49775C7.76179 5.49804 7.78614 5.49729 7.81055 5.49579C7.82982 5.49462 7.84899 5.4932 7.86816 5.49091C7.90982 5.48592 7.95139 5.47962 7.99219 5.46943L8.13281 5.42353C8.1739 5.40649 8.21283 5.38517 8.25098 5.36298C8.2626 5.35623 8.27383 5.3487 8.28516 5.3415C8.30964 5.32589 8.33345 5.30934 8.35645 5.29169C8.37116 5.28043 8.38633 5.26958 8.40039 5.25751C8.43176 5.23053 8.46235 5.20229 8.49023 5.17158L8.58105 5.05536C8.69084 4.89096 8.75 4.6974 8.75 4.4997C8.74992 4.2346 8.64449 3.98013 8.45703 3.79267C8.26951 3.60523 8.01514 3.4997 7.75 3.4997Z\" clip-rule=\"evenodd\"/></g><defs><clipPath :id=\"'uia-ui-assets/icons-16-info_filled__a' + uuid\"><rect width=\"16\" height=\"16\" fill=\"#fff\"/></clipPath></defs></svg>\n</template>\n<script>\n import '../css/main.css';\n\n let uuid = 0;\n\n export default {\n beforeCreate() {\n this.uuid = uuid.toString();\n uuid += 1;\n },\n };\n</script>\n","<template>\n <div class=\"b-alert\" :role=\"computedRole\">\n <div class=\"b-alert__inner-container\" :class=\"alertConditionalClasses\">\n <div class=\"b-alert__icon\">\n <component :is=\"iconComponent\" aria-hidden=\"true\" :svg-title=\"iconSvgTitle\" />\n </div>\n\n <div class=\"b-alert__content\">\n <bento-typography\n v-if=\"hasSlot('default') && !isTipVariant\"\n class=\"b-alert__title\"\n el=\"div\"\n variant=\"body\"\n strongest\n wide\n >\n <slot />\n </bento-typography>\n\n <bento-typography\n v-if=\"hasSlot('description')\"\n class=\"b-alert__description\"\n v-bind=\"descriptionTypography\"\n data-testid=\"alert-description\"\n >\n <slot name=\"description\" />\n </bento-typography>\n\n <div v-if=\"hasSlot('actions') && !isTipVariant\" class=\"b-alert__actions\" data-testid=\"alert-actions\">\n <slot name=\"actions\" />\n </div>\n </div>\n\n <bento-button\n v-if=\"closeButton && !isTipVariant\"\n class=\"b-alert__close-button\"\n variant=\"tertiary\"\n type=\"button\"\n @click=\"onCloseButtonClick\"\n >\n <cross-small :svg-title=\"t('close')\" />\n </bento-button>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, onMounted, useSlots } from 'vue';\n\n // Component\n import { BentoAlertEvent, BentoAlertTypeOption, BentoAlertVariant } from '@/components/alert/alert.types';\n import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n import { BentoButton } from '@/components/button';\n\n import CrossSmall from '@adyen/ui-assets-icons-16/vue/cross-small';\n import Warning from '@adyen/ui-assets-icons-16/vue/warning-filled';\n import CrossCircle from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n import CheckedCircle from '@adyen/ui-assets-icons-16/vue/checkmark-circle-fill';\n import Info from '@adyen/ui-assets-icons-16/vue/info-filled';\n\n // Utils\n import { useHasSlot } from '@/composables';\n import { useI18n } from '@/utils/ts/i18n';\n\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n const slots = useSlots();\n const hasSlot = useHasSlot(slots);\n\n const emit = defineEmits([\"close-alert\"]);\n\n const props = defineProps({\n closeButton: { type: Boolean, default: false },\n type: { default: BentoAlertTypeOption.HIGHLIGHT },\n variant: { default: BentoAlertVariant.DEFAULT }\n});\n\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n const isTipVariant = computed(() => props.variant === BentoAlertVariant.TIP);\n\n const alertConditionalClasses = computed(() => ({\n [`b-alert--${props.type}`]: props.type,\n [`b-alert--${BentoAlertVariant.TIP}`]: isTipVariant.value,\n }));\n\n const iconSvgTitle = computed(() => t(`${props.type}Icon`));\n\n const iconComponent = computed(() => {\n switch (props.type) {\n case BentoAlertTypeOption.CRITICAL:\n return CrossCircle;\n case BentoAlertTypeOption.SUCCESS:\n return CheckedCircle;\n case BentoAlertTypeOption.WARNING:\n return Warning;\n case BentoAlertTypeOption.HIGHLIGHT:\n default:\n return Info;\n }\n });\n\n const descriptionTypography = computed(() => ({\n el: BentoTypographyElement.DIV,\n variant: isTipVariant.value ? BentoTypographyVariant.CAPTION : BentoTypographyVariant.BODY,\n wide: true,\n }));\n\n const computedRole = computed(() => (props.type === BentoAlertTypeOption.HIGHLIGHT ? 'status' : 'alert'));\n\n const onCloseButtonClick = () => {\n emit(BentoAlertEvent.CLOSE_ALERT);\n };\n\n onMounted(() => {\n if (!slots.default && !slots.description) {\n throw new Error('Alert Component requires a title or a description');\n }\n });\n</script>\n\n<script lang=\"ts\">\n /**\n * An Alert component is used to display a persistent\n * notification containing information important to the user\n *\n * @example\n * import { BentoAlert, BentoAlertTypeOption } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoAlert },\n * template: `\n * <bento-alert type=\"highlight\">\n * Title of the Alert\n * </bento-alert>\n * `\n * }\n */\n export default {\n i18n: { messages },\n name: 'bento-alert',\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./alert.scss\" />\n"],"names":["BentoAlertVariant","BentoAlertVariant2","BentoAlertTypeOption","BentoAlertTypeOption2","BentoAlertEvent","BentoAlertEvent2","uuid","_sfc_main$1","__default__","messages","slots","useSlots","hasSlot","useHasSlot","t","useI18n","isTipVariant","computed","props","alertConditionalClasses","iconSvgTitle","iconComponent","CrossCircleFillIcon","CheckmarkCircleFillIcon","WarningFilledIcon","Info","descriptionTypography","BentoTypographyElement","BentoTypographyVariant","computedRole","onCloseButtonClick","emit","onMounted"],"mappings":";;;;;;;;;;;;AAGO,IAAAA,IAAA,kBAAAC,OACHA,EAAA,UAAA,WACAA,EAAA,MAAA,OAFQA,IAAAD,KAAA,CAAA,CAAA,GAQLE,IAAA,kBAAAC,OACHA,EAAA,UAAA,WACAA,EAAA,WAAA,YACAA,EAAA,YAAA,aACAA,EAAA,UAAA,WAJQA,IAAAD,KAAA,CAAA,CAAA,GAULE,IAAA,kBAAAC,OACHA,EAAA,cAAA,eADQA,IAAAD,KAAA,CAAA,CAAA;ACdZ,IAAAE,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GC8HIE,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;;iBA3EAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAUA,EAAA,GAAAI,EAAA,IAAAC,EAAA,GAEAC,IAAAC,EAAA,MAAAC,EAAA,YAAAlB,EAAA,GAAA,GAEAmB,IAAAF,EAAA,OAAA;AAAA,MAAgD,CAAA,YAAAC,EAAA,IAAA,EAAA,GAAAA,EAAA;AAAA,MACV,CAAA,YAAAlB,EAAA,GAAA,EAAA,GAAAgB,EAAA;AAAA,IACkB,EAAA,GAGxDI,IAAAH,EAAA,MAAAH,EAAA,GAAAI,EAAA,IAAA,MAAA,CAAA,GAEAG,IAAAJ,EAAA,MAAA;AACI,cAAAC,EAAA,MAAA;AAAA,QAAoB,KAAAhB,EAAA;AAEZ,iBAAAoB;AAAA,QAAO,KAAApB,EAAA;AAEP,iBAAAqB;AAAA,QAAO,KAAArB,EAAA;AAEP,iBAAAsB;AAAA,QAAO,KAAAtB,EAAA;AAAA,QACe;AAEtB,iBAAAuB;AAAA,MAAO;AAAA,IACf,CAAA,GAGJC,IAAAT,EAAA,OAAA;AAAA,MAA8C,IAAAU,EAAA;AAAA,MACf,SAAAX,EAAA,QAAAY,EAAA,UAAAA,EAAA;AAAA,MAC2D,MAAA;AAAA,IAChF,EAAA,GAGVC,IAAAZ,EAAA,MAAAC,EAAA,SAAAhB,EAAA,YAAA,WAAA,OAAA,GAEA4B,IAAA,MAAA;AACI,MAAAC,EAAA3B,EAAA,WAAA;AAAA,IAAgC;AAGpC,WAAA4B,EAAA,MAAA;AACI,UAAA,CAAAtB,EAAA,WAAA,CAAAA,EAAA;AACI,cAAA,IAAA,MAAA,mDAAA;AAAA,IACJ,CAAA;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,178 @@
|
|
|
1
|
+
import { defineComponent as y, ref as b, computed as v, watch as w, watchEffect as S, toRef as T } from "vue";
|
|
2
|
+
import { f as A, d as B, u as R, g as D, t as I, h as F, w as L } from "./index.BkJqgYF1.js";
|
|
3
|
+
import { p as k, B as M } from "./typography.C8lPlsbD.js";
|
|
4
|
+
import { u as O } from "./index.B6WW_F-J.js";
|
|
5
|
+
import { g as E } from "./generate-uid.NJ8tVoha.js";
|
|
6
|
+
import { u as _ } from "./utils.BzUwtTXc.js";
|
|
7
|
+
import { B as N } from "./button.Ctj3rkxw.js";
|
|
8
|
+
import { n as C } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
|
|
9
|
+
import { F as H } from "./fixed-scroller.BueAsyGk.js";
|
|
10
|
+
import "../assets/anchor-scroller.css";
|
|
11
|
+
const V = /* @__PURE__ */ y({
|
|
12
|
+
__name: "anchor-scroller-list",
|
|
13
|
+
props: {
|
|
14
|
+
activeIndex: { default: void 0 },
|
|
15
|
+
items: null,
|
|
16
|
+
scrollOffset: { default: void 0 }
|
|
17
|
+
},
|
|
18
|
+
setup(p) {
|
|
19
|
+
const e = p, n = b([]), t = v(
|
|
20
|
+
() => e.items.map((r, c) => ({ disabled: r.disabled, originalIndex: c })).filter(({ disabled: r }) => !r).map(({ originalIndex: r }) => r)
|
|
21
|
+
), {
|
|
22
|
+
state: u,
|
|
23
|
+
next: i,
|
|
24
|
+
prev: l
|
|
25
|
+
} = A(t, {
|
|
26
|
+
initialValue: e.activeIndex ?? t.value[0]
|
|
27
|
+
});
|
|
28
|
+
return w(u, async (r) => {
|
|
29
|
+
const c = n.value[r], s = _(c);
|
|
30
|
+
s && typeof s.focus == "function" && s.focus();
|
|
31
|
+
}), { __sfc: !0, props: e, listItemRefs: n, listIndices: t, focusedIndex: u, next: i, prev: l, scrollToSection: (r, c) => {
|
|
32
|
+
if (c)
|
|
33
|
+
return;
|
|
34
|
+
const s = _(r);
|
|
35
|
+
if (!s) {
|
|
36
|
+
k("[bento-anchor-scroller] element ref not found");
|
|
37
|
+
return;
|
|
38
|
+
}
|
|
39
|
+
if (!s.style.scrollMarginTop && e.scrollOffset) {
|
|
40
|
+
const f = window.getComputedStyle(s).scrollMarginTop;
|
|
41
|
+
(f === "0px" || f === "") && (s.style.scrollMarginTop = `${e.scrollOffset}px`);
|
|
42
|
+
}
|
|
43
|
+
s.hasAttribute("tabindex") || s.setAttribute("tabindex", "-1"), s.scrollIntoView({
|
|
44
|
+
behavior: "smooth",
|
|
45
|
+
block: "start",
|
|
46
|
+
inline: "nearest"
|
|
47
|
+
}), s.focus({ preventScroll: !0 });
|
|
48
|
+
}, onKeydownNavigation: (r) => {
|
|
49
|
+
switch (r.key) {
|
|
50
|
+
case "ArrowRight":
|
|
51
|
+
r.preventDefault(), i();
|
|
52
|
+
break;
|
|
53
|
+
case "ArrowLeft":
|
|
54
|
+
r.preventDefault(), l();
|
|
55
|
+
break;
|
|
56
|
+
case "Home":
|
|
57
|
+
r.preventDefault(), u.value = 0;
|
|
58
|
+
break;
|
|
59
|
+
case "End":
|
|
60
|
+
r.preventDefault(), u.value = t.value.length - 1;
|
|
61
|
+
break;
|
|
62
|
+
}
|
|
63
|
+
}, BentoButton: N };
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
var K = function() {
|
|
67
|
+
var e = this, n = e._self._c, t = e._self._setupProxy;
|
|
68
|
+
return n("ul", { staticClass: "b-anchor-scroller-list", on: { keydown: t.onKeydownNavigation } }, e._l(e.items, function({ title: u, disabled: i, elementRef: l }, d) {
|
|
69
|
+
return n("li", { key: d, staticClass: "b-anchor-scroller-list__item" }, [n(t.BentoButton, { ref: "listItemRefs", refInFor: !0, staticClass: "b-anchor-scroller-list__item-button", class: {
|
|
70
|
+
"b-anchor-scroller-list__item-button--active": e.activeIndex === d,
|
|
71
|
+
"b-anchor-scroller-list__item-button--disabled": i
|
|
72
|
+
}, attrs: { "aria-current": e.activeIndex === d ? "location" : null, "aria-disabled": i, tabindex: e.activeIndex === d ? null : "-1", variant: "tertiary-with-background" }, on: { click: function(a) {
|
|
73
|
+
return t.scrollToSection(l, i);
|
|
74
|
+
} }, nativeOn: { keydown: [function(a) {
|
|
75
|
+
return !a.type.indexOf("key") && e._k(a.keyCode, "space", 32, a.key, [" ", "Spacebar"]) ? null : (a.preventDefault(), t.scrollToSection(l, i));
|
|
76
|
+
}, function(a) {
|
|
77
|
+
return !a.type.indexOf("key") && e._k(a.keyCode, "enter", 13, a.key, "Enter") ? null : (a.preventDefault(), t.scrollToSection(l, i));
|
|
78
|
+
}] } }, [e._v(" " + e._s(u) + " ")])], 1);
|
|
79
|
+
}), 0);
|
|
80
|
+
}, W = [], j = /* @__PURE__ */ C(
|
|
81
|
+
V,
|
|
82
|
+
K,
|
|
83
|
+
W,
|
|
84
|
+
!1,
|
|
85
|
+
null,
|
|
86
|
+
"5668c5f7"
|
|
87
|
+
);
|
|
88
|
+
const z = j.exports, P = {
|
|
89
|
+
"en-US": {
|
|
90
|
+
jumpTo: "Jump to"
|
|
91
|
+
}
|
|
92
|
+
}, U = (p, e) => {
|
|
93
|
+
var l;
|
|
94
|
+
const n = b(((l = e.default) == null ? void 0 : l.value) ?? -1), { y: t } = B(), { height: u } = R(), i = () => {
|
|
95
|
+
const d = I(p), a = u.value, r = a / 2;
|
|
96
|
+
let c = -1, s = 0;
|
|
97
|
+
for (let f = 0; f < d.length; f++) {
|
|
98
|
+
const o = d[f];
|
|
99
|
+
if (!o)
|
|
100
|
+
continue;
|
|
101
|
+
const m = o.getBoundingClientRect();
|
|
102
|
+
if (m.top > r)
|
|
103
|
+
continue;
|
|
104
|
+
const g = Math.min(m.bottom, a) - Math.max(m.top, 0);
|
|
105
|
+
if (g <= 0)
|
|
106
|
+
continue;
|
|
107
|
+
const x = g / m.height;
|
|
108
|
+
x > s && (s = x, c = f);
|
|
109
|
+
}
|
|
110
|
+
c !== -1 && n.value !== c && (n.value = c);
|
|
111
|
+
};
|
|
112
|
+
return D([t, u], i, { throttle: 100, trailing: !0 }), S(() => {
|
|
113
|
+
I(p).length && i();
|
|
114
|
+
}), {
|
|
115
|
+
activeIndex: n
|
|
116
|
+
};
|
|
117
|
+
}, J = {
|
|
118
|
+
i18n: { messages: P },
|
|
119
|
+
name: "bento-anchor-scroller"
|
|
120
|
+
}, Y = /* @__PURE__ */ y({
|
|
121
|
+
...J,
|
|
122
|
+
props: {
|
|
123
|
+
activeIndex: { default: void 0 },
|
|
124
|
+
items: null
|
|
125
|
+
},
|
|
126
|
+
emits: ["update:active-index"],
|
|
127
|
+
setup(p, { emit: e }) {
|
|
128
|
+
const n = p, { t } = O(), u = b(null), i = v(() => n.items.map((o) => ({ ...o }))), l = v(
|
|
129
|
+
() => n.items.map((o, m) => ({
|
|
130
|
+
element: _(o.elementRef),
|
|
131
|
+
originalIndex: m,
|
|
132
|
+
disabled: o.disabled
|
|
133
|
+
})).filter(
|
|
134
|
+
(o) => !o.disabled && !!o.element
|
|
135
|
+
)
|
|
136
|
+
), d = v(() => l.value.map((o) => o.element)), a = v(() => ({
|
|
137
|
+
"b-anchor-scroller__navigation--pinned": s.value <= 1
|
|
138
|
+
})), r = v(() => {
|
|
139
|
+
const o = l.value[c.value];
|
|
140
|
+
return o ? o.originalIndex : 0;
|
|
141
|
+
}), { activeIndex: c } = U(d, {
|
|
142
|
+
default: T(n, "activeIndex")
|
|
143
|
+
}), { top: s, bottom: f } = F(u);
|
|
144
|
+
L(
|
|
145
|
+
r,
|
|
146
|
+
(o) => {
|
|
147
|
+
Number.isFinite(o) && e("update:active-index", o);
|
|
148
|
+
},
|
|
149
|
+
{
|
|
150
|
+
debounce: 250
|
|
151
|
+
// ensure that if you are scrolling through multiple sections quickly, it fires only once.
|
|
152
|
+
}
|
|
153
|
+
), w(
|
|
154
|
+
() => n.activeIndex,
|
|
155
|
+
(o) => {
|
|
156
|
+
Number.isFinite(o) && i.value[o].disabled && k("[bento-anchor-scroller] activeIndex should not be a disabled item");
|
|
157
|
+
}
|
|
158
|
+
);
|
|
159
|
+
const h = E("bento-anchor-scroller-label");
|
|
160
|
+
return { __sfc: !0, t, props: n, emit: e, navigationRef: u, computedItems: i, enabledItems: l, scrollToTargets: d, navigationConditionalClasses: a, currentActiveIndex: r, relativeActiveIndex: c, top: s, bottom: f, navLabelId: h, BentoTypography: M, FixedScroller: H, AnchorScrollerList: z };
|
|
161
|
+
}
|
|
162
|
+
});
|
|
163
|
+
var q = function() {
|
|
164
|
+
var e = this, n = e._self._c, t = e._self._setupProxy;
|
|
165
|
+
return t.computedItems.length ? n("div", { staticClass: "b-anchor-scroller" }, [n("nav", { ref: "navigationRef", staticClass: "b-anchor-scroller__navigation", class: t.navigationConditionalClasses, attrs: { "aria-labelledby": t.navLabelId } }, [n(t.FixedScroller, { attrs: { condensed: "", centered: "" } }, [n("div", { staticClass: "b-anchor-scroller__navigation-panel" }, [n(t.BentoTypography, { staticClass: "b-anchor-scroller__navigation-panel-label", attrs: { id: t.navLabelId, el: "span", stronger: "" } }, [e._v(" " + e._s(t.t("jumpTo")) + " ")]), n(t.AnchorScrollerList, { attrs: { items: t.computedItems, "active-index": t.currentActiveIndex, "scroll-offset": t.bottom } })], 1)])], 1), e._t("default")], 2) : e._e();
|
|
166
|
+
}, G = [], Q = /* @__PURE__ */ C(
|
|
167
|
+
Y,
|
|
168
|
+
q,
|
|
169
|
+
G,
|
|
170
|
+
!1,
|
|
171
|
+
null,
|
|
172
|
+
"e3fa161f"
|
|
173
|
+
);
|
|
174
|
+
const ae = Q.exports;
|
|
175
|
+
export {
|
|
176
|
+
ae as a
|
|
177
|
+
};
|
|
178
|
+
//# sourceMappingURL=anchor-scroller.3_idPubO.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"anchor-scroller.3_idPubO.js","sources":["../../src/components/anchor-scroller/components/anchor-scroller-list/anchor-scroller-list.vue","../../src/components/anchor-scroller/composables/use-scroll-spy/use-scroll-spy.ts","../../src/components/anchor-scroller/anchor-scroller.vue"],"sourcesContent":["<template>\n <ul class=\"b-anchor-scroller-list\" @keydown=\"onKeydownNavigation\">\n <li v-for=\"({ title, disabled, elementRef }, index) in items\" :key=\"index\" class=\"b-anchor-scroller-list__item\">\n <bento-button\n ref=\"listItemRefs\"\n :aria-current=\"activeIndex === index ? 'location' : null\"\n class=\"b-anchor-scroller-list__item-button\"\n :class=\"{\n 'b-anchor-scroller-list__item-button--active': activeIndex === index,\n 'b-anchor-scroller-list__item-button--disabled': disabled,\n }\"\n :aria-disabled=\"disabled\"\n :tabindex=\"activeIndex === index ? null : '-1'\"\n variant=\"tertiary-with-background\"\n @click=\"scrollToSection(elementRef, disabled)\"\n @keydown.space.native.prevent=\"scrollToSection(elementRef, disabled)\"\n @keydown.enter.native.prevent=\"scrollToSection(elementRef, disabled)\"\n >\n {{ title }}\n </bento-button>\n </li>\n </ul>\n</template>\n\n<script setup lang=\"ts\">\n import BentoButton from '@/components/button/button.vue';\n import { unrefElement } from '@/directives/click-outside/utils';\n import { printDevelopmentWarning } from '@/utils/ts/print-development-warning';\n import { type BentoAnchorScrollerItem } from '../../anchor-scroller.types';\n import { type AnchorScrollerListProps } from './anchor-scroller-list.types';\n import { computed, ref, watch } from 'vue';\n import { useCycleList } from '@vueuse/core';\n\n const props = defineProps({\n activeIndex: { default: undefined },\n items: null,\n scrollOffset: { default: undefined }\n});\n\n const listItemRefs = ref([]);\n const listIndices = computed(() =>\n props.items\n .map((item, index) => ({ disabled: item.disabled, originalIndex: index }))\n .filter(({ disabled }) => !disabled)\n .map(({ originalIndex }) => originalIndex)\n );\n\n const {\n state: focusedIndex,\n next,\n prev,\n } = useCycleList(listIndices, {\n initialValue: props.activeIndex ?? listIndices.value[0],\n });\n\n watch(focusedIndex, async newIndex => {\n const targetComponent = listItemRefs.value[newIndex];\n const el = unrefElement(targetComponent); // Handles Component or DOM node\n\n if (el && typeof el.focus === 'function') {\n el.focus();\n }\n });\n\n const scrollToSection = (elementRef: BentoAnchorScrollerItem['elementRef'], disabled?: boolean) => {\n if (disabled) {\n return;\n }\n\n const el = unrefElement(elementRef);\n\n if (!el) {\n printDevelopmentWarning(`[bento-anchor-scroller] element ref not found`);\n return;\n }\n\n if (!el.style.scrollMarginTop && props.scrollOffset) {\n const currentScrollMargin = window.getComputedStyle(el).scrollMarginTop;\n\n if (currentScrollMargin === '0px' || currentScrollMargin === '') {\n el.style.scrollMarginTop = `${props.scrollOffset}px`;\n }\n }\n\n if (!el.hasAttribute('tabindex')) {\n el.setAttribute('tabindex', '-1');\n }\n\n el.scrollIntoView({\n behavior: 'smooth',\n block: 'start',\n inline: 'nearest',\n });\n\n el.focus({ preventScroll: true });\n };\n\n const onKeydownNavigation = (e: KeyboardEvent) => {\n switch (e.key) {\n case 'ArrowRight':\n e.preventDefault();\n next();\n break;\n case 'ArrowLeft':\n e.preventDefault();\n prev();\n break;\n case 'Home':\n e.preventDefault();\n focusedIndex.value = 0;\n break;\n case 'End':\n e.preventDefault();\n focusedIndex.value = listIndices.value.length - 1;\n break;\n }\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./anchor-scroller-list.scss\" />\n","import { type Ref, ref, watchEffect } from 'vue';\nimport { type MaybeRef, toValue, useWindowScroll, useWindowSize, watchThrottled } from '@vueuse/core';\n\n/**\n * Options for the useScrollSpy composable.\n */\nexport interface useScrollSpyOptions {\n /**\n * The default active index to use when no item is active or initially.\n */\n default?: Ref<number>;\n}\n\n/**\n * Composable to spy on scroll position and determine the active item based on visibility.\n *\n * @param items - The list of elements to spy on.\n * @param options - Configuration options for the scroll spy.\n * @returns An object containing the active index.\n */\nexport const useScrollSpy = (items: MaybeRef<Array<Element>>, options: useScrollSpyOptions) => {\n const activeIndex = ref(options.default?.value ?? -1);\n\n const { y: scrollY } = useWindowScroll();\n const { height: windowHeight } = useWindowSize();\n\n // Logic to find the \"winner\" when there are multiple items on the same page\n const calculateActiveIndex = () => {\n const list = toValue(items);\n const viewportHeight = windowHeight.value;\n const midpoint = viewportHeight / 2;\n\n let winnerIndex = -1;\n let maxVisibleRatio = 0;\n\n for (let i = 0; i < list.length; i++) {\n const item = list[i];\n const el = item;\n\n if (!el) {\n continue;\n }\n\n const rect = el.getBoundingClientRect();\n\n // Constraint 1: Must pass midpoint\n if (rect.top > midpoint) {\n continue;\n }\n\n // Constraint 2: Must be visible\n const visibleHeight = Math.min(rect.bottom, viewportHeight) - Math.max(rect.top, 0);\n if (visibleHeight <= 0) {\n continue;\n }\n\n // Constraint 3: Highest visible % wins\n const ratio = visibleHeight / rect.height;\n\n if (ratio > maxVisibleRatio) {\n maxVisibleRatio = ratio;\n winnerIndex = i;\n }\n }\n\n // Only update if changed to avoid unnecessary patch triggers\n if (winnerIndex !== -1 && activeIndex.value !== winnerIndex) {\n activeIndex.value = winnerIndex;\n }\n };\n\n watchThrottled([scrollY, windowHeight], calculateActiveIndex, { throttle: 100, trailing: true });\n\n watchEffect(() => {\n if (toValue(items).length) {\n calculateActiveIndex();\n }\n });\n\n return {\n activeIndex,\n };\n};\n","<template>\n <div v-if=\"computedItems.length\" class=\"b-anchor-scroller\">\n <nav\n ref=\"navigationRef\"\n class=\"b-anchor-scroller__navigation\"\n :class=\"navigationConditionalClasses\"\n :aria-labelledby=\"navLabelId\"\n >\n <fixed-scroller condensed centered>\n <div class=\"b-anchor-scroller__navigation-panel\">\n <bento-typography\n :id=\"navLabelId\"\n el=\"span\"\n class=\"b-anchor-scroller__navigation-panel-label\"\n stronger\n >\n {{ t('jumpTo') }}\n </bento-typography>\n\n <anchor-scroller-list\n :items=\"computedItems\"\n :active-index=\"currentActiveIndex\"\n :scroll-offset=\"bottom\"\n />\n </div>\n </fixed-scroller>\n </nav>\n\n <slot />\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, ref, toRef, watch } from 'vue';\n import { useElementBounding, watchDebounced } from '@vueuse/core';\n import BentoTypography from '@/components/typography/typography.vue';\n import { FixedScroller } from '@/internal';\n import { type BentoAnchorScrollerItem, type BentoAnchorScrollerProps } from './anchor-scroller.types';\n import { AnchorScrollerList } from './components/anchor-scroller-list';\n import { useI18n } from '@/utils/ts/i18n';\n import { generateUid } from '@/core/utils/ts';\n import { unrefElement } from '@/directives/click-outside/utils';\n import messages from './messages.json';\n import { useScrollSpy } from './composables';\n import { printDevelopmentWarning } from '@/utils/ts/print-development-warning';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n const props = defineProps({\n activeIndex: { default: undefined },\n items: null\n});\n\n const emit = defineEmits([\"update:active-index\"]);\n\n const navigationRef = ref(null);\n\n const computedItems = computed<Array<BentoAnchorScrollerItem>>(() => props.items.map(item => ({ ...item })));\n\n // Skip and cache only items that are enabled\n const enabledItems = computed(() =>\n props.items\n .map((item, originalIndex) => ({\n element: unrefElement(item.elementRef),\n originalIndex,\n disabled: item.disabled,\n }))\n .filter(\n (item): item is { element: Element; originalIndex: number; disabled: boolean } =>\n !item.disabled && !!item.element\n )\n );\n\n // Extract strictly the elements for the ScrollSpy to watch\n const scrollToTargets = computed(() => enabledItems.value.map(c => c.element));\n\n const navigationConditionalClasses = computed(() => ({\n 'b-anchor-scroller__navigation--pinned': top.value <= 1,\n }));\n\n const currentActiveIndex = computed(() => {\n const candidate = enabledItems.value[relativeActiveIndex.value];\n\n return candidate ? candidate.originalIndex : 0;\n });\n\n const { activeIndex: relativeActiveIndex } = useScrollSpy(scrollToTargets, {\n default: toRef(props, 'activeIndex'),\n });\n\n const { top, bottom } = useElementBounding(navigationRef);\n\n watchDebounced(\n currentActiveIndex,\n val => {\n if (Number.isFinite(val)) {\n emit('update:active-index', val);\n }\n },\n {\n debounce: 250, // ensure that if you are scrolling through multiple sections quickly, it fires only once.\n }\n );\n\n watch(\n () => props.activeIndex,\n val => {\n if (Number.isFinite(val) && computedItems.value[val].disabled) {\n printDevelopmentWarning(`[bento-anchor-scroller] activeIndex should not be a disabled item`);\n }\n }\n );\n\n const navLabelId = generateUid('bento-anchor-scroller-label');\n</script>\n\n<script lang=\"ts\">\n /**\n * A navigation component that tracks page scroll and allows jumping to sections.\n *\n * @example\n * import { BentoAnchorScroller } from '@adyen/bento-vue2';\n * import { ref } from 'vue';\n *\n * export default {\n * components: { BentoAnchorScroller },\n * template: `\n * <bento-anchor-scroller :items=\"items\">\n * <section ref=\"section1\">Section 1</section>\n * <section ref=\"section2\">Section 2</section>\n * </bento-anchor-scroller>\n * `,\n * setup() {\n * const section1 = ref(null);\n * const section2 = ref(null);\n * const items = ref([\n * { title: 'Section 1', elementRef: section1 },\n * { title: 'Section 2', elementRef: section2 },\n * ]);\n * return {\n * items,\n * section1,\n * section2,\n * }\n * }\n * }\n */\n export default {\n i18n: { messages },\n name: 'bento-anchor-scroller',\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./anchor-scroller.scss\" />\n"],"names":["listItemRefs","ref","listIndices","computed","props","item","index","disabled","originalIndex","focusedIndex","next","prev","useCycleList","watch","newIndex","targetComponent","el","unrefElement","elementRef","printDevelopmentWarning","currentScrollMargin","e","useScrollSpy","items","options","activeIndex","_a","scrollY","useWindowScroll","windowHeight","useWindowSize","calculateActiveIndex","list","toValue","viewportHeight","midpoint","winnerIndex","maxVisibleRatio","i","rect","visibleHeight","ratio","watchThrottled","watchEffect","__default__","messages","useI18n","navigationRef","computedItems","enabledItems","scrollToTargets","c","navigationConditionalClasses","top","currentActiveIndex","candidate","relativeActiveIndex","toRef","bottom","useElementBounding","watchDebounced","val","emit","navLabelId","generateUid"],"mappings":";;;;;;;;;;;;;;;;;;iBAuCIA,IAAAC,EAAA,CAAA,CAAA,GACAC,IAAAC;AAAA,MAAoB,MAAAC,EAAA,MAAA,IAAA,CAAAC,GAAAC,OAAA,EAAA,UAAAD,EAAA,UAAA,eAAAC,EAAA,EAAA,EAAA,OAAA,CAAA,EAAA,UAAAC,EAAA,MAAA,CAAAA,CAAA,EAAA,IAAA,CAAA,EAAA,eAAAC,EAAA,MAAAA,CAAA;AAAA,IAI6B,GAGjD;AAAA,MAAM,OAAAC;AAAA,MACK,MAAAC;AAAA,MACP,MAAAC;AAAA,IACA,IAAAC,EAAAV,GAAA;AAAA,MAC0B,cAAAE,EAAA,eAAAF,EAAA,MAAA,CAAA;AAAA,IAC4B,CAAA;AAG1D,WAAAW,EAAAJ,GAAA,OAAAK,MAAA;AACI,YAAAC,IAAAf,EAAA,MAAAc,CAAA,GACAE,IAAAC,EAAAF,CAAA;AAEA,MAAAC,KAAA,OAAAA,EAAA,SAAA,cACIA,EAAA,MAAA;AAAA,IACJ,CAAA,+GAGJ,CAAAE,GAAAX,MAAA;AACI,UAAAA;AACI;AAGJ,YAAAS,IAAAC,EAAAC,CAAA;AAEA,UAAA,CAAAF,GAAA;AACI,QAAAG,EAAA,+CAAA;AACA;AAAA,MAAA;AAGJ,UAAA,CAAAH,EAAA,MAAA,mBAAAZ,EAAA,cAAA;AACI,cAAAgB,IAAA,OAAA,iBAAAJ,CAAA,EAAA;AAEA,SAAAI,MAAA,SAAAA,MAAA,QACIJ,EAAA,MAAA,kBAAA,GAAAZ,EAAA,YAAA;AAAA,MACJ;AAGJ,MAAAY,EAAA,aAAA,UAAA,KACIA,EAAA,aAAA,YAAA,IAAA,GAGJA,EAAA,eAAA;AAAA,QAAkB,UAAA;AAAA,QACJ,OAAA;AAAA,QACH,QAAA;AAAA,MACC,CAAA,GAGZA,EAAA,MAAA,EAAA,eAAA,GAAA,CAAA;AAAA,IAAgC,wBAGpC,CAAAK,MAAA;AACI,cAAAA,EAAA,KAAA;AAAA,QAAe,KAAA;AAEP,UAAAA,EAAA,eAAA,GACAX,EAAA;AACA;AAAA,QAAA,KAAA;AAEA,UAAAW,EAAA,eAAA,GACAV,EAAA;AACA;AAAA,QAAA,KAAA;AAEA,UAAAU,EAAA,eAAA,GACAZ,EAAA,QAAA;AACA;AAAA,QAAA,KAAA;AAEA,UAAAY,EAAA,eAAA,GACAZ,EAAA,QAAAP,EAAA,MAAA,SAAA;AACA;AAAA,MAAA;AAAA,IACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GC/FDoB,IAAA,CAAAC,GAAAC,MAAA;;AACH,QAAAC,IAAAxB,IAAAyB,IAAAF,EAAA,YAAA,gBAAAE,EAAA,UAAA,EAAA,GAEA,EAAA,GAAAC,EAAA,IAAAC,EAAA,GACA,EAAA,QAAAC,EAAA,IAAAC,EAAA,GAGAC,IAAA,MAAA;AACI,UAAAC,IAAAC,EAAAV,CAAA,GACAW,IAAAL,EAAA,OACAM,IAAAD,IAAA;AAEA,QAAAE,IAAA,IACAC,IAAA;AAEA,aAAAC,IAAA,GAAAA,IAAAN,EAAA,QAAAM,KAAA;AAEI,YAAAtB,IADAgB,EAAAM,CAAA;AAGA,UAAA,CAAAtB;AACI;AAGJ,YAAAuB,IAAAvB,EAAA,sBAAA;AAGA,UAAAuB,EAAA,MAAAJ;AACI;AAIJ,YAAAK,IAAA,KAAA,IAAAD,EAAA,QAAAL,CAAA,IAAA,KAAA,IAAAK,EAAA,KAAA,CAAA;AACA,UAAAC,KAAA;AACI;AAIJ,YAAAC,IAAAD,IAAAD,EAAA;AAEA,MAAAE,IAAAJ,MACIA,IAAAI,GACAL,IAAAE;AAAA,IACJ;AAIJ,IAAAF,MAAA,MAAAX,EAAA,UAAAW,MACIX,EAAA,QAAAW;AAAA,EACJ;AAGJ,SAAAM,EAAA,CAAAf,GAAAE,CAAA,GAAAE,GAAA,EAAA,UAAA,KAAA,UAAA,GAAA,CAAA,GAEAY,EAAA,MAAA;AACI,IAAAV,EAAAV,CAAA,EAAA,UACIQ,EAAA;AAAA,EACJ,CAAA,GAGJ;AAAA,IAAO,aAAAN;AAAA,EACH;AAER,GCmEImB,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;iBAxGA,EAAA,EAAA,IAAAC,EAAA,GASAC,IAAA9C,EAAA,IAAA,GAEA+C,IAAA7C,EAAA,MAAAC,EAAA,MAAA,IAAA,CAAAC,OAAA,EAAA,GAAAA,EAAA,EAAA,CAAA,GAGA4C,IAAA9C;AAAA,MAAqB,MAAAC,EAAA,MAAA,IAAA,CAAAC,GAAAG,OAAA;AAAA,QAEkB,SAAAS,EAAAZ,EAAA,UAAA;AAAA,QACU,eAAAG;AAAA,QACrC,UAAAH,EAAA;AAAA,MACe,EAAA,EAAA;AAAA,QAElB,CAAAA,MAAA,CAAAA,EAAA,YAAA,CAAA,CAAAA,EAAA;AAAA,MAEgC;AAAA,IACjC,GAIR6C,IAAA/C,EAAA,MAAA8C,EAAA,MAAA,IAAA,CAAAE,MAAAA,EAAA,OAAA,CAAA,GAEAC,IAAAjD,EAAA,OAAA;AAAA,MAAqD,yCAAAkD,EAAA,SAAA;AAAA,IACK,EAAA,GAG1DC,IAAAnD,EAAA,MAAA;AACI,YAAAoD,IAAAN,EAAA,MAAAO,EAAA,KAAA;AAEA,aAAAD,IAAAA,EAAA,gBAAA;AAAA,IAA6C,CAAA,GAGjD,EAAA,aAAAC,EAAA,IAAAlC,EAAA4B,GAAA;AAAA,MAA2E,SAAAO,EAAArD,GAAA,aAAA;AAAA,IACpC,CAAA,GAGvC,EAAA,KAAAiD,GAAA,QAAAK,EAAA,IAAAC,EAAAZ,CAAA;AAEA,IAAAa;AAAA,MAAAN;AAAA,MACI,CAAAO,MAAA;AAEI,QAAA,OAAA,SAAAA,CAAA,KACIC,EAAA,uBAAAD,CAAA;AAAA,MACJ;AAAA,MACJ;AAAA,QACA,UAAA;AAAA;AAAA,MACc;AAAA,IACd,GAGJhD;AAAA,MAAA,MAAAT,EAAA;AAAA,MACgB,CAAAyD,MAAA;AAER,QAAA,OAAA,SAAAA,CAAA,KAAAb,EAAA,MAAAa,CAAA,EAAA,YACI1C,EAAA,mEAAA;AAAA,MACJ;AAAA,IACJ;AAGJ,UAAA4C,IAAAC,EAAA,6BAAA;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"aria-label.CaUURpnB.js","sources":["../../src/utils/ts/aria-label.ts"],"sourcesContent":["import { computed, type ComputedRef, ref } from 'vue';\nimport { type MaybeRef } from '@/types/maybe-ref';\n\ninterface ariaLabelOptions {\n ariaLabel?: MaybeRef<string | null>;\n label?: MaybeRef<string | null>;\n defaultFallback?: MaybeRef<string | null>;\n}\n\n/**\n * Returns a valid aria-label for the element it's invoked for\n * @param ariaLabel - The aria label, which has to be set manually through the homonymous prop\n * @param label - Any other label provided, usually the component's main text\n * @param defaultFallback - The default fallback if no other value is provided\n * @returns {string | null} - A string corresponding to the aria label or null if no value is provided\n */\nexport const useAriaLabel = ({\n ariaLabel = null,\n label = null,\n defaultFallback = null,\n}: ariaLabelOptions): ComputedRef<string> => {\n const computedAriaLabel = ref(ariaLabel);\n const computedLabel = ref(label);\n const computedDefaultFallback = ref(defaultFallback);\n\n return computed(() => computedAriaLabel.value ?? computedLabel.value ?? computedDefaultFallback.value);\n};\n"],"names":["useAriaLabel","ariaLabel","label","defaultFallback","computedAriaLabel","ref","computedLabel","computedDefaultFallback","computed"],"mappings":";AAgBO,MAAMA,IAAe,CAAC;AAAA,EACzB,WAAAC,IAAY;AAAA,EACZ,OAAAC,IAAQ;AAAA,EACR,iBAAAC,IAAkB;AACtB,MAA6C;
|
|
1
|
+
{"version":3,"file":"aria-label.CaUURpnB.js","sources":["../../src/utils/ts/aria-label.ts"],"sourcesContent":["import { computed, type ComputedRef, ref } from 'vue';\nimport { type MaybeRef } from '@/types/maybe-ref';\n\ninterface ariaLabelOptions {\n ariaLabel?: MaybeRef<string | null>;\n label?: MaybeRef<string | null>;\n defaultFallback?: MaybeRef<string | null>;\n}\n\n/**\n * Returns a valid aria-label for the element it's invoked for\n * @param ariaLabel - The aria label, which has to be set manually through the homonymous prop\n * @param label - Any other label provided, usually the component's main text\n * @param defaultFallback - The default fallback if no other value is provided\n * @returns {string | null} - A string corresponding to the aria label or null if no value is provided\n */\nexport const useAriaLabel = ({\n ariaLabel = null,\n label = null,\n defaultFallback = null,\n}: ariaLabelOptions): ComputedRef<string> => {\n const computedAriaLabel = ref(ariaLabel);\n const computedLabel = ref(label);\n const computedDefaultFallback = ref(defaultFallback);\n\n return computed(() => computedAriaLabel.value ?? computedLabel.value ?? computedDefaultFallback.value);\n};\n"],"names":["useAriaLabel","ariaLabel","label","defaultFallback","computedAriaLabel","ref","computedLabel","computedDefaultFallback","computed"],"mappings":";AAgBO,MAAMA,IAAe,CAAC;AAAA,EACzB,WAAAC,IAAY;AAAA,EACZ,OAAAC,IAAQ;AAAA,EACR,iBAAAC,IAAkB;AACtB,MAA6C;AACzC,QAAMC,IAAoBC,EAAIJ,CAAS,GACjCK,IAAgBD,EAAIH,CAAK,GACzBK,IAA0BF,EAAIF,CAAe;AAEnD,SAAOK,EAAS,MAAMJ,EAAkB,SAASE,EAAc,SAASC,EAAwB,KAAK;AACzG;"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/* empty css */
|
|
2
|
+
import { n as r } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
|
|
3
|
+
let e = 0;
|
|
4
|
+
const n = {
|
|
5
|
+
beforeCreate() {
|
|
6
|
+
this.uuid = e.toString(), e += 1;
|
|
7
|
+
}
|
|
8
|
+
};
|
|
9
|
+
var i = function() {
|
|
10
|
+
var t = this, s = t._self._c;
|
|
11
|
+
return s("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? s("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), s("path", { attrs: { fill: "#001222", d: "M3.80655 7.25434L8.06077 3.00011L7.00011 1.93945L0.939453 8.00011L7.00011 14.0608L8.06077 13.0001L3.81499 8.75433L14.7508 8.74316L14.7492 7.24316L3.80655 7.25434Z" } })]);
|
|
12
|
+
}, a = [], o = /* @__PURE__ */ r(
|
|
13
|
+
n,
|
|
14
|
+
i,
|
|
15
|
+
a,
|
|
16
|
+
!1,
|
|
17
|
+
null,
|
|
18
|
+
null
|
|
19
|
+
);
|
|
20
|
+
const f = o.exports;
|
|
21
|
+
export {
|
|
22
|
+
f as A
|
|
23
|
+
};
|
|
24
|
+
//# sourceMappingURL=arrow-left.CRREfabP.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"arrow-left.CRREfabP.js","sources":["../../../ui-assets/icons-16/dist/vue/arrow-left.vue"],"sourcesContent":["\n<template>\n <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#001222\" d=\"M3.80655 7.25434L8.06077 3.00011L7.00011 1.93945L0.939453 8.00011L7.00011 14.0608L8.06077 13.0001L3.81499 8.75433L14.7508 8.74316L14.7492 7.24316L3.80655 7.25434Z\"/></svg>\n</template>\n<script>\n import '../css/main.css';\n\n let uuid = 0;\n\n export default {\n beforeCreate() {\n this.uuid = uuid.toString();\n uuid += 1;\n },\n };\n</script>\n"],"names":["uuid","_sfc_main"],"mappings":";;AAOA,IAAAA,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/* empty css */
|
|
2
|
+
import { n as e } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
|
|
3
|
+
let r = 0;
|
|
4
|
+
const n = {
|
|
5
|
+
beforeCreate() {
|
|
6
|
+
this.uuid = r.toString(), r += 1;
|
|
7
|
+
}
|
|
8
|
+
};
|
|
9
|
+
var i = function() {
|
|
10
|
+
var t = this, s = t._self._c;
|
|
11
|
+
return s("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? s("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), s("path", { attrs: { fill: "#001222", d: "M12.1933 8.7454L7.93903 12.9996L8.99969 14.0603L15.0604 7.99963L8.99969 1.93896L7.93903 2.99963L12.1848 7.24541L1.24902 7.25658L1.25056 8.75658L12.1933 8.7454Z" } })]);
|
|
12
|
+
}, a = [], o = /* @__PURE__ */ e(
|
|
13
|
+
n,
|
|
14
|
+
i,
|
|
15
|
+
a,
|
|
16
|
+
!1,
|
|
17
|
+
null,
|
|
18
|
+
null
|
|
19
|
+
);
|
|
20
|
+
const f = o.exports;
|
|
21
|
+
export {
|
|
22
|
+
f as A
|
|
23
|
+
};
|
|
24
|
+
//# sourceMappingURL=arrow-right.Dn3AYpUP.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"arrow-right.Dn3AYpUP.js","sources":["../../../ui-assets/icons-16/dist/vue/arrow-right.vue"],"sourcesContent":["\n<template>\n <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#001222\" d=\"M12.1933 8.7454L7.93903 12.9996L8.99969 14.0603L15.0604 7.99963L8.99969 1.93896L7.93903 2.99963L12.1848 7.24541L1.24902 7.25658L1.25056 8.75658L12.1933 8.7454Z\"/></svg>\n</template>\n<script>\n import '../css/main.css';\n\n let uuid = 0;\n\n export default {\n beforeCreate() {\n this.uuid = uuid.toString();\n uuid += 1;\n },\n };\n</script>\n"],"names":["uuid","_sfc_main"],"mappings":";;AAOA,IAAAA,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;"}
|