@adyen/bento-vue2 1.50.0 → 1.52.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/index.d.ts +513 -608
- package/dist/accordion.js +1 -1
- package/dist/action-bar.js +1 -1
- package/dist/alert.js +1 -1
- package/dist/assets/accordion-item.css +1 -1
- package/dist/assets/action-bar.css +1 -1
- package/dist/assets/alert.css +1 -1
- package/dist/assets/base-modal.css +1 -1
- package/dist/assets/button-actions-with-menu.css +1 -1
- package/dist/assets/calendar.css +1 -1
- package/dist/assets/card.css +1 -1
- package/dist/assets/checkbox-input.css +1 -1
- package/dist/assets/checkbox.css +1 -1
- package/dist/assets/copy.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/dropdown.css +1 -1
- package/dist/assets/file-uploader.css +1 -1
- package/dist/assets/filter-bar.css +1 -1
- package/dist/assets/form-layout-title.css +1 -1
- package/dist/assets/input-field-password.css +1 -1
- package/dist/assets/input-field-phone-number.css +1 -1
- package/dist/assets/input-field.css +1 -1
- package/dist/assets/inspector.css +1 -1
- package/dist/assets/link.css +1 -1
- package/dist/assets/menu.css +1 -1
- package/dist/assets/modal-fullscreen.css +1 -1
- package/dist/assets/pagination.css +1 -1
- package/dist/assets/payment-method.css +1 -1
- package/dist/assets/popover.css +1 -1
- package/dist/assets/search-bar.css +1 -1
- package/dist/assets/sidepanel.css +1 -1
- package/dist/assets/timeline-item.css +1 -1
- package/dist/assets/tutorial.css +1 -1
- package/dist/assets/use-cached-selected-values.css +1 -1
- package/dist/button.js +3 -3
- package/dist/card.js +1 -1
- package/dist/checkbox.js +3 -3
- package/dist/chip.js +1 -1
- package/dist/chunks/{accordion-item.CTxrEQEW.js → accordion-item.C4tyRMCt.js} +2 -2
- package/dist/chunks/{accordion-item.CTxrEQEW.js.map → accordion-item.C4tyRMCt.js.map} +1 -1
- package/dist/chunks/{action-bar.CGJJrMpa.js → action-bar.DuJkjAt1.js} +7 -7
- package/dist/chunks/{action-bar.CGJJrMpa.js.map → action-bar.DuJkjAt1.js.map} +1 -1
- package/dist/chunks/{alert.hiTIDSeX.js → alert.BkMKX9wD.js} +15 -14
- package/dist/chunks/alert.BkMKX9wD.js.map +1 -0
- package/dist/chunks/{base-modal.8kcvtFRx.js → base-modal.CiTysydg.js} +6 -6
- package/dist/chunks/{base-modal.8kcvtFRx.js.map → base-modal.CiTysydg.js.map} +1 -1
- package/dist/chunks/button-actions-with-menu.B9oXYIgo.js +166 -0
- package/dist/chunks/button-actions-with-menu.B9oXYIgo.js.map +1 -0
- package/dist/chunks/{button-actions.BovYBINL.js → button-actions.DAvSJtOB.js} +4 -4
- package/dist/chunks/{button-actions.BovYBINL.js.map → button-actions.DAvSJtOB.js.map} +1 -1
- package/dist/chunks/{button.CdAFZa4V.js → button.D-3uUhuG.js} +2 -2
- package/dist/chunks/{button.CdAFZa4V.js.map → button.D-3uUhuG.js.map} +1 -1
- package/dist/chunks/calendar.Bq67h02Z.js +1130 -0
- package/dist/chunks/calendar.Bq67h02Z.js.map +1 -0
- package/dist/chunks/{card.D-w9c3-n.js → card.AQO_BjGb.js} +3 -3
- package/dist/chunks/{card.D-w9c3-n.js.map → card.AQO_BjGb.js.map} +1 -1
- package/dist/chunks/{checkbox-group.wa6Mtmxa.js → checkbox-group.CqSIn-lG.js} +4 -4
- package/dist/chunks/{checkbox-group.wa6Mtmxa.js.map → checkbox-group.CqSIn-lG.js.map} +1 -1
- package/dist/chunks/checkbox-input.CMhyJDdo.js +129 -0
- package/dist/chunks/checkbox-input.CMhyJDdo.js.map +1 -0
- package/dist/chunks/checkbox.BeYtbfPv.js +170 -0
- package/dist/chunks/checkbox.BeYtbfPv.js.map +1 -0
- package/dist/chunks/checkmark-circle-fill.DZBl7CeY.js +24 -0
- package/dist/chunks/checkmark-circle-fill.DZBl7CeY.js.map +1 -0
- package/dist/chunks/{checkmark-small.BtF8b2gE.js → checkmark-small.C8T8ISN6.js} +4 -4
- package/dist/chunks/checkmark-small.C8T8ISN6.js.map +1 -0
- package/dist/chunks/{chevron-left.PIu6yPqe.js → chevron-left.DOMTgGel.js} +6 -6
- package/dist/chunks/chevron-left.DOMTgGel.js.map +1 -0
- package/dist/chunks/{chevron-up.DVfo78kV.js → chevron-up.CSVyoaTy.js} +6 -6
- package/dist/chunks/chevron-up.CSVyoaTy.js.map +1 -0
- package/dist/chunks/{chip.HNUA9VZl.js → chip.BeK9uqmW.js} +24 -21
- package/dist/chunks/chip.BeK9uqmW.js.map +1 -0
- package/dist/chunks/{code-snippet.3s8WCnke.js → code-snippet.CW42FdpP.js} +7 -7
- package/dist/chunks/{code-snippet.3s8WCnke.js.map → code-snippet.CW42FdpP.js.map} +1 -1
- package/dist/chunks/{controls-group.BnDPMaGI.js → controls-group.D0_cJaFF.js} +2 -2
- package/dist/chunks/{controls-group.BnDPMaGI.js.map → controls-group.D0_cJaFF.js.map} +1 -1
- package/dist/chunks/{copy.DMlIj53I.js → copy.2iD8aI5a.js} +7 -6
- package/dist/chunks/copy.2iD8aI5a.js.map +1 -0
- package/dist/chunks/{cross-circle-fill-small.Oj6lPaDy.js → cross-circle-fill-small.YhLgeipP.js} +4 -4
- package/dist/chunks/cross-circle-fill-small.YhLgeipP.js.map +1 -0
- package/dist/chunks/cross-circle-fill.Ra0-PIUo.js +24 -0
- package/dist/chunks/cross-circle-fill.Ra0-PIUo.js.map +1 -0
- package/dist/chunks/{cross-small.BLUwtRB-.js → cross-small.CZqsjZDz.js} +4 -4
- package/dist/chunks/cross-small.CZqsjZDz.js.map +1 -0
- package/dist/chunks/{cross.CsUPDmaA.js → cross.CJ5EEL2c.js} +4 -4
- package/dist/chunks/cross.CJ5EEL2c.js.map +1 -0
- package/dist/chunks/{dashboard-section.BgyN5u0K.js → dashboard-section.Cmulh6WM.js} +4 -4
- package/dist/chunks/{dashboard-section.BgyN5u0K.js.map → dashboard-section.Cmulh6WM.js.map} +1 -1
- package/dist/chunks/{dashed-underline.Cvn5IoHT.js → dashed-underline.eMF75SuT.js} +3 -3
- package/dist/chunks/{dashed-underline.Cvn5IoHT.js.map → dashed-underline.eMF75SuT.js.map} +1 -1
- package/dist/chunks/{data-grid-template.DtWM0Tnu.js → data-grid-template.CdHnPE1-.js} +3 -3
- package/dist/chunks/{data-grid-template.DtWM0Tnu.js.map → data-grid-template.CdHnPE1-.js.map} +1 -1
- package/dist/chunks/{data-grid.N5Rxo6QB.js → data-grid.DedjAz4_.js} +38 -37
- package/dist/chunks/data-grid.DedjAz4_.js.map +1 -0
- package/dist/chunks/date-picker.BdMr3Sn2.js +235 -0
- package/dist/chunks/date-picker.BdMr3Sn2.js.map +1 -0
- package/dist/chunks/date-range-picker.BHfvD0GK.js +903 -0
- package/dist/chunks/date-range-picker.BHfvD0GK.js.map +1 -0
- package/dist/chunks/{date.YLIcAerL.js → date.dYFFEunA.js} +12 -12
- package/dist/chunks/{date.YLIcAerL.js.map → date.dYFFEunA.js.map} +1 -1
- package/dist/chunks/{dialog-page.Bf07JxdG.js → dialog-page.BfF5_hmG.js} +5 -4
- package/dist/chunks/dialog-page.BfF5_hmG.js.map +1 -0
- package/dist/chunks/{dot.BCX4w7eT.js → dot.CnkXzRn3.js} +4 -4
- package/dist/chunks/dot.CnkXzRn3.js.map +1 -0
- package/dist/chunks/{dropdown-default-textbox.CC9Z_RFG.js → dropdown-default-textbox.CDTdHfTv.js} +4 -4
- package/dist/chunks/{dropdown-default-textbox.CC9Z_RFG.js.map → dropdown-default-textbox.CDTdHfTv.js.map} +1 -1
- package/dist/chunks/{dropdown-tag.ClUMccWv.js → dropdown-tag.CvZ1jckk.js} +4 -4
- package/dist/chunks/{dropdown-tag.ClUMccWv.js.map → dropdown-tag.CvZ1jckk.js.map} +1 -1
- package/dist/chunks/{dropdown.CC1i41NX.js → dropdown.CcHoKbLz.js} +241 -232
- package/dist/chunks/dropdown.CcHoKbLz.js.map +1 -0
- package/dist/chunks/{empty-state.BnHTBgKG.js → empty-state.JbgxSrnv.js} +2 -2
- package/dist/chunks/{empty-state.BnHTBgKG.js.map → empty-state.JbgxSrnv.js.map} +1 -1
- package/dist/chunks/{error-message.xTNEaNn8.js → error-message.B1-ekAMa.js} +3 -3
- package/dist/chunks/{error-message.xTNEaNn8.js.map → error-message.B1-ekAMa.js.map} +1 -1
- package/dist/chunks/es6.BtaxuP0b.js.map +1 -1
- package/dist/chunks/{expand.CwwKq7Uc.js → expand.C263WARj.js} +4 -4
- package/dist/chunks/expand.C263WARj.js.map +1 -0
- package/dist/chunks/{file-uploader.DTkxh9Ct.js → file-uploader.Dlfzh5QQ.js} +17 -16
- package/dist/chunks/file-uploader.Dlfzh5QQ.js.map +1 -0
- package/dist/chunks/{filter-bar.gj9sdW5T.js → filter-bar.CwqoJGiK.js} +735 -844
- package/dist/chunks/filter-bar.CwqoJGiK.js.map +1 -0
- package/dist/chunks/{fixed-scroller.DX2YUuoU.js → fixed-scroller.BwvXYzE6.js} +3 -3
- package/dist/chunks/{fixed-scroller.DX2YUuoU.js.map → fixed-scroller.BwvXYzE6.js.map} +1 -1
- package/dist/chunks/{focus-trap._RrLaKlq.js → focus-trap.CWlKh48z.js} +2 -2
- package/dist/chunks/{focus-trap._RrLaKlq.js.map → focus-trap.CWlKh48z.js.map} +1 -1
- package/dist/chunks/{footer-actions.BsoofCrv.js → footer-actions.BkHpWa7A.js} +3 -3
- package/dist/chunks/{footer-actions.BsoofCrv.js.map → footer-actions.BkHpWa7A.js.map} +1 -1
- package/dist/chunks/{form-layout-title.CJbgfh3P.js → form-layout-title.DK1-01RH.js} +50 -47
- package/dist/chunks/form-layout-title.DK1-01RH.js.map +1 -0
- package/dist/chunks/header.BAKjEGmH.js +183 -0
- package/dist/chunks/header.BAKjEGmH.js.map +1 -0
- package/dist/chunks/{index.CU8GKq4C.js → index.-wO_BQCb.js} +2 -1
- package/dist/chunks/{index.CU8GKq4C.js.map → index.-wO_BQCb.js.map} +1 -1
- package/dist/chunks/index.BDuTpjD8.js +40 -0
- package/dist/chunks/index.BDuTpjD8.js.map +1 -0
- package/dist/chunks/index.BxBB1rsx.js +15 -0
- package/dist/chunks/index.BxBB1rsx.js.map +1 -0
- package/dist/chunks/index.DD7TppDb.js +10 -0
- package/dist/chunks/index.DD7TppDb.js.map +1 -0
- package/dist/chunks/{info-icon-with-popover.B0zJWJZn.js → info-icon-with-popover.CxXWP4TR.js} +3 -3
- package/dist/chunks/{info-icon-with-popover.B0zJWJZn.js.map → info-icon-with-popover.CxXWP4TR.js.map} +1 -1
- package/dist/chunks/{info-icon.C4_l0WAf.js → info-icon.D3neDWqH.js} +4 -4
- package/dist/chunks/{info-icon.C4_l0WAf.js.map → info-icon.D3neDWqH.js.map} +1 -1
- package/dist/chunks/info.4d_mJHvT.js +24 -0
- package/dist/chunks/info.4d_mJHvT.js.map +1 -0
- package/dist/chunks/{input-field-password.PU9SY4FC.js → input-field-password.CO0lAgMh.js} +73 -70
- package/dist/chunks/input-field-password.CO0lAgMh.js.map +1 -0
- package/dist/chunks/{input-field-phone-number.D2juJ9ZD.js → input-field-phone-number.TXnK0dch.js} +324 -321
- package/dist/chunks/{input-field-phone-number.D2juJ9ZD.js.map → input-field-phone-number.TXnK0dch.js.map} +1 -1
- package/dist/chunks/input-field.De4sp76g.js +152 -0
- package/dist/chunks/input-field.De4sp76g.js.map +1 -0
- package/dist/chunks/{inspector.types.BtgXpTC7.js → inspector.types.ClnPOYmb.js} +6 -6
- package/dist/chunks/{inspector.types.BtgXpTC7.js.map → inspector.types.ClnPOYmb.js.map} +1 -1
- package/dist/chunks/{layout-row.CHwDU8yK.js → layout-row.dh2VyGoD.js} +2 -2
- package/dist/chunks/{layout-row.CHwDU8yK.js.map → layout-row.dh2VyGoD.js.map} +1 -1
- package/dist/chunks/{link.DZlbzVSB.js → link.BH3eB_7E.js} +4 -3
- package/dist/chunks/link.BH3eB_7E.js.map +1 -0
- package/dist/chunks/{listbox-option-tag.BJBWnC2r.js → listbox-option-tag.xGQr3Su1.js} +2 -2
- package/dist/chunks/{listbox-option-tag.BJBWnC2r.js.map → listbox-option-tag.xGQr3Su1.js.map} +1 -1
- package/dist/chunks/{menu.BC7ynpgF.js → menu.li3Kg9Uq.js} +227 -194
- package/dist/chunks/menu.li3Kg9Uq.js.map +1 -0
- package/dist/chunks/{modal-fullscreen.Dz3kSuTz.js → modal-fullscreen.C4eL63TC.js} +6 -6
- package/dist/chunks/{modal-fullscreen.Dz3kSuTz.js.map → modal-fullscreen.C4eL63TC.js.map} +1 -1
- package/dist/chunks/{modal.DV55hSPn.js → modal.BpDz0Dhc.js} +5 -5
- package/dist/chunks/{modal.DV55hSPn.js.map → modal.BpDz0Dhc.js.map} +1 -1
- package/dist/chunks/{pagination.CT-h2q0J.js → pagination.FuELftBG.js} +6 -5
- package/dist/chunks/pagination.FuELftBG.js.map +1 -0
- package/dist/chunks/payment-method.NZKiNOmM.js +76 -0
- package/dist/chunks/payment-method.NZKiNOmM.js.map +1 -0
- package/dist/chunks/{popover.CRdrSmFW.js → popover.Cb6utVhS.js} +29 -22
- package/dist/chunks/{popover.CRdrSmFW.js.map → popover.Cb6utVhS.js.map} +1 -1
- package/dist/chunks/{popper-container.CsW4R0-t.js → popper-container.CiEkF7eb.js} +356 -352
- package/dist/chunks/popper-container.CiEkF7eb.js.map +1 -0
- package/dist/chunks/{promo-banner.BNXfyv3h.js → promo-banner.PnHud5Wi.js} +3 -3
- package/dist/chunks/{promo-banner.BNXfyv3h.js.map → promo-banner.PnHud5Wi.js.map} +1 -1
- package/dist/chunks/{radio-group.CUgib4vp.js → radio-group._8PsjPCZ.js} +4 -4
- package/dist/chunks/{radio-group.CUgib4vp.js.map → radio-group._8PsjPCZ.js.map} +1 -1
- package/dist/chunks/{refresh.BKI9WwKh.js → refresh.Bc9FzGjJ.js} +4 -4
- package/dist/chunks/refresh.Bc9FzGjJ.js.map +1 -0
- package/dist/chunks/{search-bar.bMOGN8_E.js → search-bar.CVY2e8_B.js} +28 -46
- package/dist/chunks/search-bar.CVY2e8_B.js.map +1 -0
- package/dist/chunks/search.DLtglc02.js +24 -0
- package/dist/chunks/search.DLtglc02.js.map +1 -0
- package/dist/chunks/{secondary-nav.C9sm93do.js → secondary-nav.LxcuTR16.js} +3 -3
- package/dist/chunks/{secondary-nav.C9sm93do.js.map → secondary-nav.LxcuTR16.js.map} +1 -1
- package/dist/chunks/{segmented-control.BxCcPbKd.js → segmented-control.D69WXQGh.js} +2 -2
- package/dist/chunks/{segmented-control.BxCcPbKd.js.map → segmented-control.D69WXQGh.js.map} +1 -1
- package/dist/chunks/{selection-card-group.0O3gmtoi.js → selection-card-group.MTKkCBeK.js} +11 -11
- package/dist/chunks/{selection-card-group.0O3gmtoi.js.map → selection-card-group.MTKkCBeK.js.map} +1 -1
- package/dist/chunks/{show.IEAxtCB7.js → show.e4LEpZKG.js} +6 -6
- package/dist/chunks/show.e4LEpZKG.js.map +1 -0
- package/dist/chunks/{sidepanel.Dp6dKRnq.js → sidepanel.BStCbRqN.js} +6 -6
- package/dist/chunks/{sidepanel.Dp6dKRnq.js.map → sidepanel.BStCbRqN.js.map} +1 -1
- package/dist/chunks/{step.DrP2Frvn.js → step.CuOpi-Ye.js} +3 -3
- package/dist/chunks/{step.DrP2Frvn.js.map → step.CuOpi-Ye.js.map} +1 -1
- package/dist/chunks/{structured-list-item.DrY71Ndc.js → structured-list-item.CeosjL40.js} +6 -6
- package/dist/chunks/{structured-list-item.DrY71Ndc.js.map → structured-list-item.CeosjL40.js.map} +1 -1
- package/dist/chunks/{summary-grid-item-custom.CXs6AMS4.js → summary-grid-item-custom.CF_TS7oA.js} +4 -4
- package/dist/chunks/{summary-grid-item-custom.CXs6AMS4.js.map → summary-grid-item-custom.CF_TS7oA.js.map} +1 -1
- package/dist/chunks/{tabs.5zgaD1k3.js → tabs.UFoTqvew.js} +2 -2
- package/dist/chunks/{tabs.5zgaD1k3.js.map → tabs.UFoTqvew.js.map} +1 -1
- package/dist/chunks/{tag.CevG31iQ.js → tag.OgtZ3-ql.js} +2 -2
- package/dist/chunks/{tag.CevG31iQ.js.map → tag.OgtZ3-ql.js.map} +1 -1
- package/dist/chunks/{textarea.DHbXaxdU.js → textarea.BEISPJua.js} +4 -4
- package/dist/chunks/{textarea.DHbXaxdU.js.map → textarea.BEISPJua.js.map} +1 -1
- package/dist/chunks/{timeline-item.C4HOsaEG.js → timeline-item.BeWMuM8A.js} +15 -13
- package/dist/chunks/timeline-item.BeWMuM8A.js.map +1 -0
- package/dist/chunks/{toast.C5I7Wsfa.js → toast.DqSWycRO.js} +3 -3
- package/dist/chunks/{toast.C5I7Wsfa.js.map → toast.DqSWycRO.js.map} +1 -1
- package/dist/chunks/{toggle-button.DK4H4sHT.js → toggle-button.DgSFugBP.js} +2 -2
- package/dist/chunks/{toggle-button.DK4H4sHT.js.map → toggle-button.DgSFugBP.js.map} +1 -1
- package/dist/chunks/{toggle.CyaY0U0K.js → toggle.Q52IIKfi.js} +2 -2
- package/dist/chunks/{toggle.CyaY0U0K.js.map → toggle.Q52IIKfi.js.map} +1 -1
- package/dist/chunks/{tooltip.Bu8o7uyZ.js → tooltip.RPURZd36.js} +2 -2
- package/dist/chunks/{tooltip.Bu8o7uyZ.js.map → tooltip.RPURZd36.js.map} +1 -1
- package/dist/chunks/{tutorial.BbQox1EZ.js → tutorial.Ba8PTa0x.js} +10 -9
- package/dist/chunks/tutorial.Ba8PTa0x.js.map +1 -0
- package/dist/chunks/use-cached-selected-values.CxlYYUbd.js +1164 -0
- package/dist/chunks/use-cached-selected-values.CxlYYUbd.js.map +1 -0
- package/dist/chunks/{warning-filled.CLKRzGMT.js → warning-filled.Cd0kVWwa.js} +4 -4
- package/dist/chunks/warning-filled.Cd0kVWwa.js.map +1 -0
- package/dist/code-snippet.js +1 -1
- package/dist/dashboard-template.js +1 -1
- package/dist/dashed-underline.js +1 -1
- package/dist/data-grid-template.js +1 -1
- package/dist/data-grid.js +1 -1
- package/dist/date-picker.js +2 -2
- package/dist/date-range-picker.js +2 -2
- package/dist/date.js +1 -1
- package/dist/dropdown.js +4 -4
- package/dist/empty-state.js +1 -1
- package/dist/file-uploader.js +1 -1
- package/dist/filter-bar.js +1 -1
- package/dist/focus-trap.js +1 -1
- package/dist/form-layout.js +1 -1
- package/dist/header.js +1 -1
- package/dist/index.js +61 -61
- 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 +35 -33
- 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 +1 -1
- package/dist/popper-container.js +1 -1
- package/dist/promo-banner.js +1 -1
- package/dist/radio-group.js +1 -1
- package/dist/search-bar.js +2 -2
- package/dist/secondary-nav.js +1 -1
- package/dist/segmented-control.js +1 -1
- package/dist/selection-card.js +1 -1
- package/dist/sidepanel.js +1 -1
- package/dist/stepper.js +1 -1
- package/dist/structured-list.js +1 -1
- package/dist/styles/bento-dark.css +30 -4
- package/dist/styles/bento-light.css +30 -4
- package/dist/styles/bento.css +30 -4
- package/dist/styles/legacy.css +32 -6
- package/dist/styles/styleguide.css +30 -4
- package/dist/styles/utility.css +2 -2
- 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/web-types.json +512 -195
- package/package.json +6 -6
- package/dist/chunks/alert.hiTIDSeX.js.map +0 -1
- package/dist/chunks/button-actions-with-menu.C5OE7oOu.js +0 -112
- package/dist/chunks/button-actions-with-menu.C5OE7oOu.js.map +0 -1
- package/dist/chunks/calendar.Bb0-Svhx.js +0 -888
- package/dist/chunks/calendar.Bb0-Svhx.js.map +0 -1
- package/dist/chunks/checkbox-input.Bo4NxNOh.js +0 -127
- package/dist/chunks/checkbox-input.Bo4NxNOh.js.map +0 -1
- package/dist/chunks/checkbox.BPvnJrvd.js +0 -162
- package/dist/chunks/checkbox.BPvnJrvd.js.map +0 -1
- package/dist/chunks/checkmark-circle-fill.Cn7JN_Tk.js +0 -24
- package/dist/chunks/checkmark-circle-fill.Cn7JN_Tk.js.map +0 -1
- package/dist/chunks/checkmark-small.BtF8b2gE.js.map +0 -1
- package/dist/chunks/chevron-left.PIu6yPqe.js.map +0 -1
- package/dist/chunks/chevron-up.DVfo78kV.js.map +0 -1
- package/dist/chunks/chip.HNUA9VZl.js.map +0 -1
- package/dist/chunks/copy.DMlIj53I.js.map +0 -1
- package/dist/chunks/cross-circle-fill-small.Oj6lPaDy.js.map +0 -1
- package/dist/chunks/cross-circle-fill.CnYH4R_h.js +0 -24
- package/dist/chunks/cross-circle-fill.CnYH4R_h.js.map +0 -1
- package/dist/chunks/cross-small.BLUwtRB-.js.map +0 -1
- package/dist/chunks/cross.CsUPDmaA.js.map +0 -1
- package/dist/chunks/data-grid.N5Rxo6QB.js.map +0 -1
- package/dist/chunks/date-picker.Byv5Z-Xj.js +0 -213
- package/dist/chunks/date-picker.Byv5Z-Xj.js.map +0 -1
- package/dist/chunks/date-range-picker.CUS9Q53T.js +0 -884
- package/dist/chunks/date-range-picker.CUS9Q53T.js.map +0 -1
- package/dist/chunks/dialog-page.Bf07JxdG.js.map +0 -1
- package/dist/chunks/dot.BCX4w7eT.js.map +0 -1
- package/dist/chunks/dropdown.CC1i41NX.js.map +0 -1
- package/dist/chunks/expand.CwwKq7Uc.js.map +0 -1
- package/dist/chunks/file-uploader.DTkxh9Ct.js.map +0 -1
- package/dist/chunks/filter-bar.gj9sdW5T.js.map +0 -1
- package/dist/chunks/form-layout-title.CJbgfh3P.js.map +0 -1
- package/dist/chunks/header.5rAXro_L.js +0 -205
- package/dist/chunks/header.5rAXro_L.js.map +0 -1
- package/dist/chunks/index.CrhTVr5J.js +0 -10
- package/dist/chunks/index.CrhTVr5J.js.map +0 -1
- package/dist/chunks/index.DDnf1O9p.js +0 -22
- package/dist/chunks/index.DDnf1O9p.js.map +0 -1
- package/dist/chunks/index.DPafeRJa.js +0 -10
- package/dist/chunks/index.DPafeRJa.js.map +0 -1
- package/dist/chunks/info.CyeBsLgt.js +0 -24
- package/dist/chunks/info.CyeBsLgt.js.map +0 -1
- package/dist/chunks/input-field-password.PU9SY4FC.js.map +0 -1
- package/dist/chunks/input-field.BPbe00eB.js +0 -236
- package/dist/chunks/input-field.BPbe00eB.js.map +0 -1
- package/dist/chunks/link.DZlbzVSB.js.map +0 -1
- package/dist/chunks/menu.BC7ynpgF.js.map +0 -1
- package/dist/chunks/pagination.CT-h2q0J.js.map +0 -1
- package/dist/chunks/payment-method.Bu76jY3c.js +0 -59
- package/dist/chunks/payment-method.Bu76jY3c.js.map +0 -1
- package/dist/chunks/popper-container.CsW4R0-t.js.map +0 -1
- package/dist/chunks/refresh.BKI9WwKh.js.map +0 -1
- package/dist/chunks/search-bar.bMOGN8_E.js.map +0 -1
- package/dist/chunks/search.CBKhp7zB.js +0 -24
- package/dist/chunks/search.CBKhp7zB.js.map +0 -1
- package/dist/chunks/show.IEAxtCB7.js.map +0 -1
- package/dist/chunks/timeline-item.C4HOsaEG.js.map +0 -1
- package/dist/chunks/truncate.BfIl_-71.js +0 -8
- package/dist/chunks/truncate.BfIl_-71.js.map +0 -1
- package/dist/chunks/tutorial.BbQox1EZ.js.map +0 -1
- package/dist/chunks/use-cached-selected-values.a_5Iw6Dh.js +0 -1305
- package/dist/chunks/use-cached-selected-values.a_5Iw6Dh.js.map +0 -1
- package/dist/chunks/warning-filled.CLKRzGMT.js.map +0 -1
- /package/dist/assets/{cross.css → main.css} +0 -0
|
@@ -1,162 +0,0 @@
|
|
|
1
|
-
import { defineComponent as U, toRefs as S, computed as o, ref as V } from "vue";
|
|
2
|
-
import { B as N } from "./typography.J1v_SPG3.js";
|
|
3
|
-
import { u as $ } from "./use-default-slot-validator.BDn0wkYP.js";
|
|
4
|
-
import { u as w } from "./use-has-slot.C9lQZ6nz.js";
|
|
5
|
-
import { g as k } from "./generate-uid.NJ8tVoha.js";
|
|
6
|
-
import { g as f } from "./get-slot-text.BQS5Olxm.js";
|
|
7
|
-
import { u as R } from "./i18n.BQkEbtPM.js";
|
|
8
|
-
import { u as j } from "./aria-label.CaUURpnB.js";
|
|
9
|
-
import { B as F } from "./tag.CevG31iQ.js";
|
|
10
|
-
import { E as z } from "./error-message.xTNEaNn8.js";
|
|
11
|
-
import { a as H, C as B } from "./checkbox-input.Bo4NxNOh.js";
|
|
12
|
-
import { n as J } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
|
|
13
|
-
import "../assets/checkbox.css";
|
|
14
|
-
var l = /* @__PURE__ */ ((a) => (a.UPDATE = "update:model-value", a.INPUT = "input", a))(l || {});
|
|
15
|
-
const O = {
|
|
16
|
-
"en-US": {
|
|
17
|
-
checkbox: "Checkbox",
|
|
18
|
-
optional: "optional",
|
|
19
|
-
required: "required"
|
|
20
|
-
},
|
|
21
|
-
"ja-JP": {
|
|
22
|
-
checkbox: "チェックボックス",
|
|
23
|
-
optional: "任意",
|
|
24
|
-
required: "必須"
|
|
25
|
-
},
|
|
26
|
-
"pt-BR": {
|
|
27
|
-
checkbox: "Caixa de seleção",
|
|
28
|
-
optional: "opcional",
|
|
29
|
-
required: "obrigatório"
|
|
30
|
-
}
|
|
31
|
-
}, Y = U({
|
|
32
|
-
name: "bento-checkbox",
|
|
33
|
-
i18n: { messages: O },
|
|
34
|
-
components: {
|
|
35
|
-
BentoTag: F,
|
|
36
|
-
BentoTypography: N,
|
|
37
|
-
CheckboxInput: H,
|
|
38
|
-
ErrorMessage: z
|
|
39
|
-
},
|
|
40
|
-
model: { prop: "modelValue" },
|
|
41
|
-
props: {
|
|
42
|
-
/**
|
|
43
|
-
* @deprecated from version 2.0.0. Use the aria-label attribute instead.
|
|
44
|
-
*/
|
|
45
|
-
/**
|
|
46
|
-
* Accessible name for the radio button component. It is strongly recommended to pas this value in case this component is used without a label.
|
|
47
|
-
*/
|
|
48
|
-
ariaLabel: { type: String, default: null },
|
|
49
|
-
/**
|
|
50
|
-
* Setting this property to true will disable the checkbox in your form.
|
|
51
|
-
*/
|
|
52
|
-
disabled: { type: Boolean, default: !1 },
|
|
53
|
-
/**
|
|
54
|
-
* Renders the checkbox in an error state with an error message.
|
|
55
|
-
*/
|
|
56
|
-
errorMessage: { type: String, default: null },
|
|
57
|
-
/**
|
|
58
|
-
* Setting this property to true will show the checkbox in error state.
|
|
59
|
-
*/
|
|
60
|
-
hasError: { type: Boolean, default: !1 },
|
|
61
|
-
/**
|
|
62
|
-
* The :indeterminate CSS pseudo-class represents any form element
|
|
63
|
-
* whose state is indeterminate, such as checkboxes which have their HTML indeterminate attribute
|
|
64
|
-
* set to true, radio buttons which are members of a group in which all radio buttons are unchecked,
|
|
65
|
-
* and indeterminate <progress> elements. https://developer.mozilla.org/en-US/docs/Web/CSS/:indeterminate
|
|
66
|
-
* This property lets you control the input.indeterminate native property.
|
|
67
|
-
*/
|
|
68
|
-
indeterminate: { type: Boolean, default: !1 },
|
|
69
|
-
/**
|
|
70
|
-
* When handling a single checkbox with a singular state, use a boolean.
|
|
71
|
-
*
|
|
72
|
-
* When handling multiple checkboxes, use an array of keys.
|
|
73
|
-
* These keys exist as a set "value" prop for each checkbox.
|
|
74
|
-
*/
|
|
75
|
-
modelValue: {
|
|
76
|
-
type: [Boolean, Array],
|
|
77
|
-
default: !1
|
|
78
|
-
},
|
|
79
|
-
/**
|
|
80
|
-
* Highlights the checkbox is optional.
|
|
81
|
-
*/
|
|
82
|
-
optional: { type: Boolean, default: !1 },
|
|
83
|
-
/**
|
|
84
|
-
* Setting this property to true will set the checkbox to read only state.
|
|
85
|
-
*/
|
|
86
|
-
readonly: { type: Boolean, default: !1 },
|
|
87
|
-
/**
|
|
88
|
-
* Highlights the checkbox is required.
|
|
89
|
-
*/
|
|
90
|
-
required: { type: Boolean, default: !1 },
|
|
91
|
-
/**
|
|
92
|
-
* Sets the properties of the BentoTag component that is placed next to the label.
|
|
93
|
-
* {@see BentoTag}
|
|
94
|
-
*/
|
|
95
|
-
tag: { type: Object, default: void 0 },
|
|
96
|
-
/**
|
|
97
|
-
* The value of the component. The DOM API casts this to a string.
|
|
98
|
-
* The browser uses "on" as the default value.
|
|
99
|
-
*
|
|
100
|
-
* In the case of multiple checkboxes this value is used as a unique key.
|
|
101
|
-
*/
|
|
102
|
-
value: { type: [String, Number], default: null }
|
|
103
|
-
},
|
|
104
|
-
emits: [l.UPDATE, l.INPUT],
|
|
105
|
-
setup(a, { attrs: e, emit: t, slots: r }) {
|
|
106
|
-
const { t: m } = R(), _ = k("description"), h = k("error"), u = w(r), { disabled: y, indeterminate: C, modelValue: d, readonly: A, value: E } = S(a), v = f(r)("default"), g = f(r)("description");
|
|
107
|
-
$("bento-checkbox", r.default, r.description);
|
|
108
|
-
const s = o(() => Array.isArray(d.value)), b = o(() => s.value ? d.value.some((c) => c === E.value) : d.value), n = o(() => C.value), I = o(
|
|
109
|
-
() => !a.disabled && !a.readonly && (a.hasError || !!a.errorMessage)
|
|
110
|
-
), x = o(() => !a.disabled && !a.readonly && !!a.errorMessage), i = o(() => u("content")), p = o(() => (n == null ? void 0 : n.value) || (b == null ? void 0 : b.value)), q = o(
|
|
111
|
-
() => (i == null ? void 0 : i.value) && (s == null ? void 0 : s.value) && (p == null ? void 0 : p.value)
|
|
112
|
-
), D = o(
|
|
113
|
-
() => `${x.value ? h : ""} ${v && g ? _ : ""}`.trim() || null
|
|
114
|
-
), L = V(e["aria-label"]), { ariaLabel: T } = S(a), M = j({
|
|
115
|
-
ariaLabel: L.value,
|
|
116
|
-
// TODO: take this line away when the aria-label props is removed
|
|
117
|
-
label: T,
|
|
118
|
-
defaultFallback: u("default") ? f(r)("default") : m("checkbox")
|
|
119
|
-
}), P = o(() => ({
|
|
120
|
-
[`b-checkbox--${B.DISABLED}`]: y.value,
|
|
121
|
-
[`b-checkbox--${B.READONLY}`]: A.value
|
|
122
|
-
}));
|
|
123
|
-
return {
|
|
124
|
-
// Values
|
|
125
|
-
descriptionId: _,
|
|
126
|
-
errorId: h,
|
|
127
|
-
ariaDescribedBy: D,
|
|
128
|
-
computedAriaLabel: M,
|
|
129
|
-
conditionalClass: P,
|
|
130
|
-
defaultSlotValue: v,
|
|
131
|
-
descriptionSlotValue: g,
|
|
132
|
-
isIndeterminate: n,
|
|
133
|
-
shouldShowError: I,
|
|
134
|
-
shouldShowErrorMessage: x,
|
|
135
|
-
contentSlotAvailable: q,
|
|
136
|
-
hasContentSlot: i,
|
|
137
|
-
// Methods
|
|
138
|
-
hasSlot: u,
|
|
139
|
-
onChange: (c) => {
|
|
140
|
-
y.value || (t(l.UPDATE, c), t(l.INPUT, c));
|
|
141
|
-
},
|
|
142
|
-
t: m
|
|
143
|
-
};
|
|
144
|
-
}
|
|
145
|
-
});
|
|
146
|
-
var K = function() {
|
|
147
|
-
var e = this, t = e._self._c;
|
|
148
|
-
return e._self._setupProxy, t("label", { staticClass: "b-checkbox", class: e.conditionalClass }, [t("checkbox-input", e._b({ ref: "input", attrs: { "aria-label": e.computedAriaLabel, "aria-describedby": e.ariaDescribedBy, disabled: e.disabled, "has-error": e.shouldShowError, indeterminate: e.isIndeterminate, value: e.value, "model-value": e.modelValue, readonly: e.readonly }, on: { "update:model-value": e.onChange } }, "checkbox-input", e.$attrs, !1)), e.hasSlot("default") || e.shouldShowErrorMessage ? t("span", { staticClass: "b-checkbox__text" }, [e.hasSlot("default") ? t("bento-typography", { staticClass: "b-checkbox__label", attrs: { el: "span", variant: "body" } }, [t("span", [e._t("default")], 2), e.optional ? t("bento-typography", { staticClass: "b-checkbox__label-requirement", attrs: { el: "span" } }, [e._v("(" + e._s(e.t("optional")) + ")")]) : e.required ? t("bento-typography", { staticClass: "b-checkbox__label-requirement", attrs: { el: "span" } }, [e._v("(" + e._s(e.t("required")) + ")")]) : e._e(), e.tag ? t("bento-tag", e._b({ staticClass: "b-checkbox__label-tag" }, "bento-tag", e.tag, !1)) : e._e()], 1) : e._e(), e.hasSlot("default") && e.hasSlot("description") ? t("bento-typography", { staticClass: "b-checkbox__description", attrs: { id: e.descriptionId, el: "span", variant: "body" } }, [e._t("description")], 2) : e._e(), e.shouldShowErrorMessage ? t("error-message", { attrs: { id: e.errorId, "error-message": e.errorMessage } }) : e._e(), e.contentSlotAvailable ? t("bento-typography", { staticClass: "b-checkbox__content", attrs: { el: "span", variant: "body" } }, [e._t("content")], 2) : e._e()], 1) : e._e()], 1);
|
|
149
|
-
}, Q = [], W = /* @__PURE__ */ J(
|
|
150
|
-
Y,
|
|
151
|
-
K,
|
|
152
|
-
Q,
|
|
153
|
-
!1,
|
|
154
|
-
null,
|
|
155
|
-
"4bbc4bc5"
|
|
156
|
-
);
|
|
157
|
-
const ue = W.exports;
|
|
158
|
-
export {
|
|
159
|
-
ue as B,
|
|
160
|
-
l as a
|
|
161
|
-
};
|
|
162
|
-
//# sourceMappingURL=checkbox.BPvnJrvd.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.BPvnJrvd.js","sources":["../../../core/src/components/checkbox/checkbox.types.ts","../../src/components/checkbox/checkbox.vue"],"sourcesContent":["import type { BentoTagProps } from '@/core/components/tag/tag.types';\nimport type {\n CheckboxInputType as BentoCheckboxType,\n MultiCheckboxInputType as BentoMultiCheckboxType,\n} from '@/core/components/internal/checkbox-input/checkbox-input.types';\nimport { CheckboxInputState as BentoCheckboxState } from '@/core/components/internal/checkbox-input/checkbox-input.types';\n\nexport { BentoCheckboxState, BentoCheckboxType, BentoMultiCheckboxType };\n\nexport enum BentoCheckboxEvent {\n UPDATE = 'update:model-value',\n INPUT = 'input',\n}\n\nexport type BentoCheckboxTag = BentoTagProps;\n","<template>\n <label class=\"b-checkbox\" :class=\"conditionalClass\">\n <checkbox-input\n ref=\"input\"\n v-bind=\"$attrs\"\n :aria-label=\"computedAriaLabel\"\n :aria-describedby=\"ariaDescribedBy\"\n :disabled=\"disabled\"\n :has-error=\"shouldShowError\"\n :indeterminate=\"isIndeterminate\"\n :value=\"value\"\n :model-value=\"modelValue\"\n :readonly=\"readonly\"\n @update:model-value=\"onChange\"\n />\n <span v-if=\"hasSlot('default') || shouldShowErrorMessage\" class=\"b-checkbox__text\">\n <bento-typography v-if=\"hasSlot('default')\" class=\"b-checkbox__label\" el=\"span\" variant=\"body\">\n <span><slot /></span>\n <bento-typography v-if=\"optional\" class=\"b-checkbox__label-requirement\" el=\"span\"\n >({{ t('optional') }})</bento-typography\n >\n <bento-typography v-else-if=\"required\" class=\"b-checkbox__label-requirement\" el=\"span\"\n >({{ t('required') }})</bento-typography\n >\n <bento-tag v-if=\"tag\" class=\"b-checkbox__label-tag\" v-bind=\"tag\" />\n </bento-typography>\n <bento-typography\n v-if=\"hasSlot('default') && hasSlot('description')\"\n :id=\"descriptionId\"\n class=\"b-checkbox__description\"\n el=\"span\"\n variant=\"body\"\n >\n <slot name=\"description\"></slot>\n </bento-typography>\n <error-message v-if=\"shouldShowErrorMessage\" :id=\"errorId\" :error-message=\"errorMessage\" />\n\n <bento-typography v-if=\"contentSlotAvailable\" class=\"b-checkbox__content\" el=\"span\" variant=\"body\">\n <slot name=\"content\"></slot>\n </bento-typography>\n </span>\n </label>\n</template>\n\n<script lang=\"ts\">\n import { computed, defineComponent, PropType, ref, toRefs } from 'vue';\n import {\n BentoCheckboxEvent,\n BentoCheckboxState,\n BentoCheckboxTag,\n BentoCheckboxType,\n BentoMultiCheckboxType,\n } from '@/core/components/checkbox/checkbox.types';\n import { BentoTypography } from '@/components/typography';\n import { CheckboxInput } from '@/components/internal/checkbox-input';\n import { ErrorMessage } from '@/components/internal/error-message';\n import type { HTMLAttributes } from 'vue/types/jsx.d.ts';\n import { useDefaultSlotValidator, useHasSlot } from '@/composables';\n import { generateUid } from '@/core/utils/ts';\n import { getSlotText } from '@/utils/ts/get-slot-text';\n import { useI18n } from '@/utils/ts/i18n';\n import { useAriaLabel } from '@/utils/ts/aria-label';\n import { BentoTag } from '@/components/tag';\n import { BentoCheckboxGroupItems } from '@/core/components/checkbox-group/checkbox-group.types';\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n /**\n * Checkboxes are used to make a binary choice about an option.\n * The label tag area is also clickable.\n *\n * @usage\n * import { BentoCheckbox } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoCheckbox },\n * template: `\n * <bento-checkbox>\n * Label text\n * <template #description>Sub label text</template>\n * </bento-checkbox>\n * `,\n * }\n */\n export default defineComponent({\n name: 'bento-checkbox',\n i18n: { messages },\n components: {\n BentoTag,\n BentoTypography,\n CheckboxInput,\n ErrorMessage,\n },\n model: { prop: 'modelValue' },\n props: {\n /**\n * @deprecated from version 2.0.0. Use the aria-label attribute instead.\n */\n /**\n * Accessible name for the radio button component. It is strongly recommended to pas this value in case this component is used without a label.\n */\n ariaLabel: { type: String, default: null },\n\n /**\n * Setting this property to true will disable the checkbox in your form.\n */\n disabled: { type: Boolean, default: false },\n\n /**\n * Renders the checkbox in an error state with an error message.\n */\n errorMessage: { type: String, default: null },\n\n /**\n * Setting this property to true will show the checkbox in error state.\n */\n hasError: { type: Boolean, default: false },\n\n /**\n * The :indeterminate CSS pseudo-class represents any form element\n * whose state is indeterminate, such as checkboxes which have their HTML indeterminate attribute\n * set to true, radio buttons which are members of a group in which all radio buttons are unchecked,\n * and indeterminate <progress> elements. https://developer.mozilla.org/en-US/docs/Web/CSS/:indeterminate\n * This property lets you control the input.indeterminate native property.\n */\n indeterminate: { type: Boolean, default: false },\n\n /**\n * When handling a single checkbox with a singular state, use a boolean.\n *\n * When handling multiple checkboxes, use an array of keys.\n * These keys exist as a set \"value\" prop for each checkbox.\n */\n modelValue: {\n type: [Boolean, Array] as PropType<BentoCheckboxType | BentoCheckboxGroupItems>,\n default: false,\n },\n\n /**\n * Highlights the checkbox is optional.\n */\n optional: { type: Boolean, default: false },\n\n /**\n * Setting this property to true will set the checkbox to read only state.\n */\n readonly: { type: Boolean, default: false },\n\n /**\n * Highlights the checkbox is required.\n */\n required: { type: Boolean, default: false },\n\n /**\n * Sets the properties of the BentoTag component that is placed next to the label.\n * {@see BentoTag}\n */\n tag: { type: Object as PropType<BentoCheckboxTag>, default: undefined },\n\n /**\n * The value of the component. The DOM API casts this to a string.\n * The browser uses \"on\" as the default value.\n *\n * In the case of multiple checkboxes this value is used as a unique key.\n */\n value: { type: [String, Number], default: null },\n },\n emits: [BentoCheckboxEvent.UPDATE, BentoCheckboxEvent.INPUT],\n setup(props, { attrs, emit, slots }) {\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n const descriptionId = generateUid('description');\n const errorId = generateUid('error');\n const hasSlot = useHasSlot(slots);\n\n const { disabled, indeterminate, modelValue, readonly, value } = toRefs(props);\n\n const defaultSlotValue = getSlotText(slots)('default');\n const descriptionSlotValue = getSlotText(slots)('description');\n\n useDefaultSlotValidator('bento-checkbox', slots.default, slots.description);\n\n const isCheckboxGroup = computed(() => Array.isArray(modelValue.value));\n const isChecked = computed(() => {\n if (!isCheckboxGroup.value) {\n return modelValue.value as boolean;\n }\n\n return (modelValue.value as BentoMultiCheckboxType).some(item => item === value.value);\n });\n const isIndeterminate = computed(() => indeterminate.value);\n\n const shouldShowError = computed(\n () => !props.disabled && !props.readonly && (props.hasError || !!props.errorMessage)\n );\n const shouldShowErrorMessage = computed(() => !props.disabled && !props.readonly && !!props.errorMessage);\n\n // Content slot logic\n const hasContentSlot = computed(() => hasSlot('content'));\n const isCheckedOrIntermediate = computed(() => isIndeterminate?.value || isChecked?.value);\n const contentSlotAvailable = computed(\n () => hasContentSlot?.value && isCheckboxGroup?.value && isCheckedOrIntermediate?.value\n );\n\n // ARIA fields\n const ariaDescribedBy = computed<HTMLAttributes['aria-describedby']>(\n () =>\n `${shouldShowErrorMessage.value ? errorId : ''} ${\n defaultSlotValue && descriptionSlotValue ? descriptionId : ''\n }`.trim() || null\n );\n\n const ariaLabelAttribute = ref(attrs['aria-label']);\n const { ariaLabel } = toRefs(props);\n const computedAriaLabel = useAriaLabel({\n ariaLabel: ariaLabelAttribute.value as string,\n // TODO: take this line away when the aria-label props is removed\n label: ariaLabel,\n defaultFallback: hasSlot('default') ? (getSlotText(slots)('default') as string) : t('checkbox'),\n });\n\n const conditionalClass = computed(() => ({\n [`b-checkbox--${BentoCheckboxState.DISABLED}`]: disabled.value,\n [`b-checkbox--${BentoCheckboxState.READONLY}`]: readonly.value,\n }));\n\n const onChange = (newValue: BentoCheckboxType | BentoCheckboxGroupItems) => {\n if (disabled.value) {\n return;\n }\n emit(BentoCheckboxEvent.UPDATE, newValue);\n emit(BentoCheckboxEvent.INPUT, newValue);\n };\n\n return {\n // Values\n descriptionId,\n errorId,\n ariaDescribedBy,\n computedAriaLabel,\n conditionalClass,\n defaultSlotValue,\n descriptionSlotValue,\n isIndeterminate,\n shouldShowError,\n shouldShowErrorMessage,\n contentSlotAvailable,\n hasContentSlot,\n\n // Methods\n hasSlot,\n onChange,\n\n t,\n };\n },\n });\n</script>\n\n<style lang=\"scss\" scoped src=\"@/core/components/checkbox/checkbox.scss\" />\n"],"names":["BentoCheckboxEvent","BentoCheckboxEvent2","_sfc_main","defineComponent","messages","BentoTag","BentoTypography","CheckboxInput","ErrorMessage","props","attrs","emit","slots","t","useI18n","descriptionId","generateUid","errorId","hasSlot","useHasSlot","disabled","indeterminate","modelValue","readonly","value","toRefs","defaultSlotValue","getSlotText","descriptionSlotValue","useDefaultSlotValidator","isCheckboxGroup","computed","isChecked","item","isIndeterminate","shouldShowError","shouldShowErrorMessage","hasContentSlot","isCheckedOrIntermediate","contentSlotAvailable","ariaDescribedBy","ariaLabelAttribute","ref","ariaLabel","computedAriaLabel","useAriaLabel","conditionalClass","CheckboxInputState","newValue"],"mappings":"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"}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { n as r } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
|
|
2
|
-
import "../assets/cross.css";
|
|
3
|
-
let s = 0;
|
|
4
|
-
const e = {
|
|
5
|
-
beforeCreate() {
|
|
6
|
-
this.uuid = s.toString(), s += 1;
|
|
7
|
-
}
|
|
8
|
-
};
|
|
9
|
-
var a = function() {
|
|
10
|
-
var t = this, i = t._self._c;
|
|
11
|
-
return i("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"] ? i("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), i("g", { attrs: { "clip-path": "url(#uia-icons-16-checkmark_circle_fill__a" + t.uuid + ")" } }, [i("path", { attrs: { fill: "#00112C", d: "M0.25 8C0.25 3.71979 3.71979 0.25 8 0.25C12.2802 0.25 15.75 3.71979 15.75 8C15.75 12.2802 12.2802 15.75 8 15.75C3.71979 15.75 0.25 12.2802 0.25 8ZM11.0001 4.93945L7.0001 8.93946L5.00011 6.93947L3.93945 8.00013L7.00011 11.0608L12.0608 6.00011L11.0001 4.93945Z" } })]), i("defs", [i("clipPath", { attrs: { id: "uia-icons-16-checkmark_circle_fill__a" + t.uuid } }, [i("rect", { attrs: { width: "16", height: "16", fill: "#fff" } })])])]);
|
|
12
|
-
}, l = [], c = /* @__PURE__ */ r(
|
|
13
|
-
e,
|
|
14
|
-
a,
|
|
15
|
-
l,
|
|
16
|
-
!1,
|
|
17
|
-
null,
|
|
18
|
-
null
|
|
19
|
-
);
|
|
20
|
-
const o = c.exports;
|
|
21
|
-
export {
|
|
22
|
-
o as C
|
|
23
|
-
};
|
|
24
|
-
//# sourceMappingURL=checkmark-circle-fill.Cn7JN_Tk.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"checkmark-circle-fill.Cn7JN_Tk.js","sources":["../../../../node_modules/.pnpm/@adyen+ui-assets-icons-16@4.1.0_vue@2.7.16/node_modules/@adyen/ui-assets-icons-16/dist/vue/checkmark-circle-fill.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><g :clip-path=\"'url(#uia-icons-16-checkmark_circle_fill__a' + uuid + ')'\"><path fill=\"#00112C\" d=\"M0.25 8C0.25 3.71979 3.71979 0.25 8 0.25C12.2802 0.25 15.75 3.71979 15.75 8C15.75 12.2802 12.2802 15.75 8 15.75C3.71979 15.75 0.25 12.2802 0.25 8ZM11.0001 4.93945L7.0001 8.93946L5.00011 6.93947L3.93945 8.00013L7.00011 11.0608L12.0608 6.00011L11.0001 4.93945Z\"/></g><defs><clipPath :id=\"'uia-icons-16-checkmark_circle_fill__a' + uuid\"><rect width=\"16\" height=\"16\" fill=\"#fff\"/></clipPath></defs></svg>\n</template>\n<script>\n let uuid = 0;\n\n export default {\n beforeCreate() {\n this.uuid = uuid.toString();\n uuid += 1;\n },\n };\n</script>\n<style>\n @import '../css/main.css';\n</style>\n"],"names":["uuid","_sfc_main"],"mappings":";;AAKA,IAAAA,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;","x_google_ignoreList":[0]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"checkmark-small.BtF8b2gE.js","sources":["../../../../node_modules/.pnpm/@adyen+ui-assets-icons-16@4.1.0_vue@2.7.16/node_modules/@adyen/ui-assets-icons-16/dist/vue/checkmark-small.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=\"#00112C\" d=\"M12.0608 6.00011L11.0001 4.93945L7.00011 8.93945L5.00011 6.93945L3.93945 8.00011L7.00011 11.0608L12.0608 6.00011Z\"/></svg>\n</template>\n<script>\n let uuid = 0;\n\n export default {\n beforeCreate() {\n this.uuid = uuid.toString();\n uuid += 1;\n },\n };\n</script>\n<style>\n @import '../css/main.css';\n</style>\n"],"names":["uuid","_sfc_main"],"mappings":";;AAKA,IAAAA,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;","x_google_ignoreList":[0]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"chevron-left.PIu6yPqe.js","sources":["../../../../node_modules/.pnpm/@adyen+ui-assets-icons-16@4.1.0_vue@2.7.16/node_modules/@adyen/ui-assets-icons-16/dist/vue/chevron-right.vue","../../../../node_modules/.pnpm/@adyen+ui-assets-icons-16@4.1.0_vue@2.7.16/node_modules/@adyen/ui-assets-icons-16/dist/vue/chevron-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=\"#00112C\" d=\"M4.43945 12.9999L9.43945 7.99988L4.43945 2.99988L5.50011 1.93922L11.5608 7.99988L5.50011 14.0605L4.43945 12.9999Z\"/></svg>\n</template>\n<script>\n let uuid = 0;\n\n export default {\n beforeCreate() {\n this.uuid = uuid.toString();\n uuid += 1;\n },\n };\n</script>\n<style>\n @import '../css/main.css';\n</style>\n","\n<template>\n <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#00112C\" d=\"M11.5606 3.00011L6.56056 8.00011L11.5606 13.0001L10.4999 14.0608L4.43924 8.00011L10.4999 1.93945L11.5606 3.00011Z\"/></svg>\n</template>\n<script>\n let uuid = 0;\n\n export default {\n beforeCreate() {\n this.uuid = uuid.toString();\n uuid += 1;\n },\n };\n</script>\n<style>\n @import '../css/main.css';\n</style>\n"],"names":["uuid$1","_sfc_main$1","uuid","_sfc_main"],"mappings":";;AAKA,IAAAA,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;ACPA,IAAAE,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;","x_google_ignoreList":[0,1]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"chevron-up.DVfo78kV.js","sources":["../../../../node_modules/.pnpm/@adyen+ui-assets-icons-16@4.1.0_vue@2.7.16/node_modules/@adyen/ui-assets-icons-16/dist/vue/chevron-down.vue","../../../../node_modules/.pnpm/@adyen+ui-assets-icons-16@4.1.0_vue@2.7.16/node_modules/@adyen/ui-assets-icons-16/dist/vue/chevron-up.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=\"#00112C\" d=\"M2.99988 4.43923L7.99988 9.43923L12.9999 4.43923L14.0605 5.49989L7.99988 11.5605L1.93922 5.49989L2.99988 4.43923Z\"/></svg>\n</template>\n<script>\n let uuid = 0;\n\n export default {\n beforeCreate() {\n this.uuid = uuid.toString();\n uuid += 1;\n },\n };\n</script>\n<style>\n @import '../css/main.css';\n</style>\n","\n<template>\n <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#00112C\" d=\"M12.9999 11.5605L7.99989 6.56055L2.99988 11.5605L1.93922 10.4999L7.99989 4.43923L14.0605 10.4999L12.9999 11.5605Z\"/></svg>\n</template>\n<script>\n let uuid = 0;\n\n export default {\n beforeCreate() {\n this.uuid = uuid.toString();\n uuid += 1;\n },\n };\n</script>\n<style>\n @import '../css/main.css';\n</style>\n"],"names":["uuid$1","_sfc_main$1","uuid","_sfc_main"],"mappings":";;AAKA,IAAAA,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;ACPA,IAAAE,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;","x_google_ignoreList":[0,1]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"chip.HNUA9VZl.js","sources":["../../src/components/chip/chip.vue"],"sourcesContent":["<template>\n <base-button class=\"b-chip\" :disabled=\"disabled\" :class=\"conditionalClasses\" @click=\"emit('click')\">\n <bento-typography el=\"span\" :variant=\"computedTypographyVariant\" class=\"b-chip__text\">\n {{ computedLabel }}\n </bento-typography>\n <template #iconRight><cross-small-icon :svg-title=\"t('remove')\" class=\"b-chip__icon\" /></template>\n </base-button>\n</template>\n\n<script setup lang=\"ts\">\n import { BaseButton } from '@/components/internal/base-button';\n import { BentoTypography, BentoTypographyVariant } from '@/components/typography';\n import CrossSmallIcon from '@adyen/ui-assets-icons-16/vue/cross-small';\n\n import { useI18n } from '@/utils/ts/i18n';\n import { truncate } from '@/utils/ts/truncate';\n\n import type { BentoChipProps } from './chip.types';\n\n import messages from './messages.json';\n import { computed } from 'vue';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n const props = defineProps({\n label: null,\n disabled: { type: Boolean, default: false },\n readonly: { type: Boolean, default: false },\n error: { type: Boolean, default: false },\n condensed: { type: Boolean, default: false },\n characterLimit: { default: null }\n});\n\n const emit = defineEmits([\"click\"]);\n\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n const computedLabel = computed(() =>\n props.characterLimit ? truncate(props.label, props.characterLimit) : props.label\n );\n\n const computedTypographyVariant = computed<`${BentoTypographyVariant}`>(() =>\n props.condensed ? 'caption' : 'body'\n );\n\n const conditionalClasses = computed(() => ({\n 'b-chip--condensed': props.condensed,\n 'b-chip--readonly': props.readonly && !props.disabled,\n 'b-chip--error': props.error,\n }));\n</script>\n\n<script lang=\"ts\">\n /**\n * Chip is a dismissible tag-like component that can be used to display selected items, which may need to be removed by the user.\n *\n * @example\n * import { BentoChip } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoChip },\n * template: `\n * <bento-chip\n * label=\"Label\"\n * :character-limit=\"20\"\n * condensed\n * @click=\"removeChip()\"\n *\n * />\n * `\n * }\n */\n export default { i18n: { messages } };\n</script>\n\n<style lang=\"scss\" scoped src=\"./chip.scss\" />\n"],"names":["__default__","messages","useI18n","computedLabel","computed","props","truncate","computedTypographyVariant","conditionalClasses"],"mappings":";;;;;;;;;;;;;;;;;;GAwEIA,IAAA,EAAA,MAAA,EAAA,UAAAC,EAAA,EAAA;;;;;;;;;;;;;iBArCA,EAAA,EAAA,IAAAC,EAAA,GAEAC,IAAAC;AAAA,MAAsB,MAAAC,EAAA,iBAAAC,EAAAD,EAAA,OAAAA,EAAA,cAAA,IAAAA,EAAA;AAAA,IACyD,GAG/EE,IAAAH;AAAA,MAAkC,MAAAC,EAAA,YAAA,YAAA;AAAA,IACA,GAGlCG,IAAAJ,EAAA,OAAA;AAAA,MAA2C,qBAAAC,EAAA;AAAA,MACZ,oBAAAA,EAAA,YAAA,CAAAA,EAAA;AAAA,MACkB,iBAAAA,EAAA;AAAA,IACtB,EAAA;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"copy.DMlIj53I.js","sources":["../../src/components/internal/copy/copy.types.ts","../../../../node_modules/.pnpm/@adyen+ui-assets-icons-16@4.1.0_vue@2.7.16/node_modules/@adyen/ui-assets-icons-16/dist/vue/copy.vue","../../src/components/internal/copy/copy.vue"],"sourcesContent":["import type { BentoButton } from '../../button';\n\nexport enum CopyTooltipState {\n DEFAULT = 'default',\n COPYING = 'copying',\n ERROR = 'error',\n}\n\ntype ButtonProps = InstanceType<typeof BentoButton>['$props'];\nexport type BentoCopyButtonProps = {\n variant?: ButtonProps['variant'];\n condensed?: ButtonProps['condensed'];\n disabled?: ButtonProps['disabled'];\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><path fill=\"#00112C\" d=\"M3.5 1.25C2.25736 1.25 1.25 2.25736 1.25 3.5V8.5C1.25 9.74264 2.25736 10.75 3.5 10.75H5.25V12.5C5.25 13.7426 6.25736 14.75 7.5 14.75H12.5C13.7426 14.75 14.75 13.7426 14.75 12.5V7.5C14.75 6.25736 13.7426 5.25 12.5 5.25H10.75V3.5C10.75 2.25736 9.74264 1.25 8.5 1.25H3.5ZM9.25 5.25H7.5C6.25736 5.25 5.25 6.25736 5.25 7.5V9.25H3.5C3.08579 9.25 2.75 8.91421 2.75 8.5V3.5C2.75 3.08579 3.08579 2.75 3.5 2.75H8.5C8.91421 2.75 9.25 3.08579 9.25 3.5V5.25ZM6.75 12.5V7.5C6.75 7.08579 7.08579 6.75 7.5 6.75H12.5C12.9142 6.75 13.25 7.08579 13.25 7.5V12.5C13.25 12.9142 12.9142 13.25 12.5 13.25H7.5C7.08579 13.25 6.75 12.9142 6.75 12.5Z\"/></svg>\n</template>\n<script>\n let uuid = 0;\n\n export default {\n beforeCreate() {\n this.uuid = uuid.toString();\n uuid += 1;\n },\n };\n</script>\n<style>\n @import '../css/main.css';\n</style>\n","<template>\n <div class=\"b-copy\" @mouseleave=\"resetText\" @focusout=\"resetText\">\n <span v-if=\"$slots.default\" v-bento-tooltip-directive:[tooltipPosition]=\"copyText\" @click=\"onClickCopy\">\n <slot />\n </span>\n <bento-button\n v-else\n v-bento-tooltip-directive:[tooltipPosition]=\"copyText\"\n v-bind=\"button\"\n @click=\"onClickCopy\"\n >\n <template #iconLeft>\n <copy-icon :svg-title=\"svgTitle\" />\n </template>\n <template v-if=\"buttonText\" #default>\n {{ buttonText }}\n </template>\n </bento-button>\n <div v-if=\"showScreenReaderAlert\" role=\"alert\" class=\"b-copy__screen-reader-alert\">{{ t('copied') }}</div>\n </div>\n</template>\n\n<script lang=\"ts\">\n import { computed, defineComponent, PropType, ref } from 'vue';\n import { BentoButton } from '@/components/button';\n import { PopperContainerPosition } from '@/components/popper-container';\n import { BentoTooltipDirective } from '@/directives';\n import { useI18n } from '@/utils/ts/i18n';\n import { BentoCopyButtonProps, CopyTooltipState } from './copy.types';\n import CopyIcon from '@adyen/ui-assets-icons-16/vue/copy';\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n /**\n * An internal button component that copies text to the user's clipboard.\n *\n * @example\n * import { Copy } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { Copy },\n * template: `\n * <copy :text=\"textToCopy\" />\n * `\n * }\n */\n export default defineComponent({\n i18n: { messages },\n name: 'copy',\n components: { BentoButton, CopyIcon },\n directives: { BentoTooltipDirective },\n props: {\n /**\n * Object containing props to change the menu button appearance. Accepts the same props present in BentoButton.\n */\n button: {\n type: Object as PropType<BentoCopyButtonProps>,\n default: () =>\n ({\n variant: 'tertiary',\n } as BentoCopyButtonProps),\n },\n\n /**\n * Sets the button text of the copy button.\n */\n buttonText: {\n type: String,\n default: undefined,\n },\n\n /**\n * Defines the string that will get copied to the clipboard\n */\n text: {\n type: String,\n required: true,\n },\n\n /**\n * Position the tooltip should take if space is available. Defaults to 'top'\n */\n tooltipPosition: {\n type: String as PropType<PopperContainerPosition>,\n default: PopperContainerPosition.TOP,\n },\n },\n setup(props) {\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n const copyState = ref<CopyTooltipState>(CopyTooltipState.DEFAULT);\n\n const showScreenReaderAlert = ref(false);\n const onClickCopy = async () => {\n try {\n await navigator.clipboard.writeText(props.text);\n copyState.value = CopyTooltipState.COPYING;\n showScreenReaderAlert.value = true;\n } catch (e) {\n copyState.value = CopyTooltipState.ERROR;\n }\n };\n\n const resetText = () => {\n copyState.value = CopyTooltipState.DEFAULT;\n showScreenReaderAlert.value = false;\n };\n\n const copyText = computed(() => {\n switch (copyState.value) {\n case CopyTooltipState.COPYING:\n return t('copied');\n case CopyTooltipState.ERROR:\n return t('copyFailed');\n case CopyTooltipState.DEFAULT:\n default:\n return t('copy');\n }\n });\n\n const svgTitle = computed(() => (props?.buttonText ? undefined : t('copy')));\n\n return {\n copyText,\n onClickCopy,\n resetText,\n showScreenReaderAlert,\n svgTitle,\n\n // Translations\n t,\n };\n },\n });\n</script>\n\n<style lang=\"scss\" scoped src=\"./copy.scss\" />\n"],"names":["CopyTooltipState","CopyTooltipState2","uuid","_sfc_main$1","_sfc_main","defineComponent","messages","BentoButton","CopyIcon","BentoTooltipDirective","PopperContainerPosition","props","useI18n","copyState","ref","showScreenReaderAlert","onClickCopy","resetText","copyText","computed","svgTitle"],"mappings":";;;;;;;AAEY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,UAAA,WACAA,EAAA,QAAA,SAHQA,IAAAD,KAAA,CAAA,CAAA;ACGZ,IAAAE,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;GCmCAE,IAAAC,EAAA;AAAA,EAAA,MAAA,EAAA,UAAAC,EAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA,EAAA,aAAAC,GAAA,UAAAC,EAAA;AAAA,EACA,YAAA,EAAA,uBAAAC,EAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA,IACA,QAAA;AAAA,MAIA,MAAA;AAAA,MACA,SAAA,OAAA;AAAA,QAEA,SAAA;AAAA,MACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,YAAA;AAAA,MAKA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,MAAA;AAAA,MAKA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,iBAAA;AAAA,MAKA,MAAA;AAAA,MACA,SAAAC,EAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,MAAAC,GAAA;AAEA,UAAA,EAAA,EAAA,IAAAC,EAAA,GACAC,IAAAC,EAAAd,EAAA,OAAA,GAEAe,IAAAD,EAAA,EAAA,GACAE,IAAA,YAAA;AACA,UAAA;AACA,cAAA,UAAA,UAAA,UAAAL,EAAA,IAAA,GACAE,EAAA,QAAAb,EAAA,SACAe,EAAA,QAAA;AAAA,MAAA,QAAA;AAEA,QAAAF,EAAA,QAAAb,EAAA;AAAA,MAAA;AAAA,IACA,GAGAiB,IAAA,MAAA;AACA,MAAAJ,EAAA,QAAAb,EAAA,SACAe,EAAA,QAAA;AAAA,IAAA,GAGAG,IAAAC,EAAA,MAAA;AACA,cAAAN,EAAA,OAAA;AAAA,QAAA,KAAAb,EAAA;AAEA,iBAAA,EAAA,QAAA;AAAA,QAAA,KAAAA,EAAA;AAEA,iBAAA,EAAA,YAAA;AAAA,QAAA,KAAAA,EAAA;AAAA,QACA;AAEA,iBAAA,EAAA,MAAA;AAAA,MAAA;AAAA,IACA,CAAA,GAGAoB,IAAAD,EAAA,MAAAR,KAAA,QAAAA,EAAA,aAAA,SAAA,EAAA,MAAA,CAAA;AAEA,WAAA;AAAA,MAAA,UAAAO;AAAA,MACA,aAAAF;AAAA,MACA,WAAAC;AAAA,MACA,uBAAAF;AAAA,MACA,UAAAK;AAAA;AAAA,MACA;AAAA,IAGA;AAAA,EACA;AAEA,CAAA;;;;;;;;;;;;;;;;;","x_google_ignoreList":[1]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"cross-circle-fill-small.Oj6lPaDy.js","sources":["../../../../node_modules/.pnpm/@adyen+ui-assets-icons-16@4.1.0_vue@2.7.16/node_modules/@adyen/ui-assets-icons-16/dist/vue/cross-circle-fill-small.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=\"#00112C\" d=\"M2.25 8C2.25 4.82436 4.82436 2.25 8 2.25C11.1756 2.25 13.75 4.82436 13.75 8C13.75 11.1756 11.1756 13.75 8 13.75C4.82436 13.75 2.25 11.1756 2.25 8ZM7.00011 5.93945L5.93945 7.00011L6.93945 8.00011L5.93945 9.00011L7.00011 10.0608L8.00011 9.06077L9.00011 10.0608L10.0608 9.00011L9.06077 8.00011L10.0608 7.00011L9.00011 5.93945L8.00011 6.93945L7.00011 5.93945Z\"/></svg>\n</template>\n<script>\n let uuid = 0;\n\n export default {\n beforeCreate() {\n this.uuid = uuid.toString();\n uuid += 1;\n },\n };\n</script>\n<style>\n @import '../css/main.css';\n</style>\n"],"names":["uuid","_sfc_main"],"mappings":";;AAKA,IAAAA,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;","x_google_ignoreList":[0]}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { n as r } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
|
|
2
|
-
import "../assets/cross.css";
|
|
3
|
-
let i = 0;
|
|
4
|
-
const e = {
|
|
5
|
-
beforeCreate() {
|
|
6
|
-
this.uuid = i.toString(), i += 1;
|
|
7
|
-
}
|
|
8
|
-
};
|
|
9
|
-
var l = 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("g", { attrs: { "clip-path": "url(#uia-icons-16-cross_circle_fill__a" + t.uuid + ")" } }, [s("path", { attrs: { fill: "#00112C", d: "M0.25 8C0.25 3.71979 3.71979 0.25 8 0.25C12.2802 0.25 15.75 3.71979 15.75 8C15.75 12.2802 12.2802 15.75 8 15.75C3.71979 15.75 0.25 12.2802 0.25 8ZM6.00011 4.93945L4.93945 6.00011L6.93945 8.00011L4.93945 10.0001L6.00011 11.0608L8.00011 9.06077L10.0001 11.0608L11.0608 10.0001L9.06077 8.00011L11.0608 6.00011L10.0001 4.93945L8.00011 6.93945L6.00011 4.93945Z" } })]), s("defs", [s("clipPath", { attrs: { id: "uia-icons-16-cross_circle_fill__a" + t.uuid } }, [s("rect", { attrs: { width: "16", height: "16", fill: "#fff" } })])])]);
|
|
12
|
-
}, a = [], n = /* @__PURE__ */ r(
|
|
13
|
-
e,
|
|
14
|
-
l,
|
|
15
|
-
a,
|
|
16
|
-
!1,
|
|
17
|
-
null,
|
|
18
|
-
null
|
|
19
|
-
);
|
|
20
|
-
const o = n.exports;
|
|
21
|
-
export {
|
|
22
|
-
o as C
|
|
23
|
-
};
|
|
24
|
-
//# sourceMappingURL=cross-circle-fill.CnYH4R_h.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"cross-circle-fill.CnYH4R_h.js","sources":["../../../../node_modules/.pnpm/@adyen+ui-assets-icons-16@4.1.0_vue@2.7.16/node_modules/@adyen/ui-assets-icons-16/dist/vue/cross-circle-fill.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><g :clip-path=\"'url(#uia-icons-16-cross_circle_fill__a' + uuid + ')'\"><path fill=\"#00112C\" d=\"M0.25 8C0.25 3.71979 3.71979 0.25 8 0.25C12.2802 0.25 15.75 3.71979 15.75 8C15.75 12.2802 12.2802 15.75 8 15.75C3.71979 15.75 0.25 12.2802 0.25 8ZM6.00011 4.93945L4.93945 6.00011L6.93945 8.00011L4.93945 10.0001L6.00011 11.0608L8.00011 9.06077L10.0001 11.0608L11.0608 10.0001L9.06077 8.00011L11.0608 6.00011L10.0001 4.93945L8.00011 6.93945L6.00011 4.93945Z\"/></g><defs><clipPath :id=\"'uia-icons-16-cross_circle_fill__a' + uuid\"><rect width=\"16\" height=\"16\" fill=\"#fff\"/></clipPath></defs></svg>\n</template>\n<script>\n let uuid = 0;\n\n export default {\n beforeCreate() {\n this.uuid = uuid.toString();\n uuid += 1;\n },\n };\n</script>\n<style>\n @import '../css/main.css';\n</style>\n"],"names":["uuid","_sfc_main"],"mappings":";;AAKA,IAAAA,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;","x_google_ignoreList":[0]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"cross-small.BLUwtRB-.js","sources":["../../../../node_modules/.pnpm/@adyen+ui-assets-icons-16@4.1.0_vue@2.7.16/node_modules/@adyen/ui-assets-icons-16/dist/vue/cross-small.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=\"#00112C\" d=\"M9.06089 8L11.5608 5.50011L10.5001 4.43945L8.00023 6.93934L5.50034 4.43945L4.43968 5.50011L6.93957 8L4.43945 10.5001L5.50011 11.5608L8.00023 9.06066L10.5003 11.5608L11.561 10.5001L9.06089 8Z\"/></svg>\n</template>\n<script>\n let uuid = 0;\n\n export default {\n beforeCreate() {\n this.uuid = uuid.toString();\n uuid += 1;\n },\n };\n</script>\n<style>\n @import '../css/main.css';\n</style>\n"],"names":["uuid","_sfc_main"],"mappings":";;AAKA,IAAAA,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;","x_google_ignoreList":[0]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"cross.CsUPDmaA.js","sources":["../../../../node_modules/.pnpm/@adyen+ui-assets-icons-16@4.1.0_vue@2.7.16/node_modules/@adyen/ui-assets-icons-16/dist/vue/cross.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=\"#00112C\" d=\"M8.00023 9.06089L12.0001 13.0608L13.0608 12.0001L9.06089 8.00023L13.061 4.00011L12.0003 2.93945L8.00023 6.93957L4.00011 2.93945L2.93945 4.00011L6.93957 8.00023L2.93968 12.0001L4.00034 13.0608L8.00023 9.06089Z\"/></svg>\n</template>\n<script>\n let uuid = 0;\n\n export default {\n beforeCreate() {\n this.uuid = uuid.toString();\n uuid += 1;\n },\n };\n</script>\n<style>\n @import '../css/main.css';\n</style>\n"],"names":["uuid","_sfc_main"],"mappings":";;AAKA,IAAAA,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;","x_google_ignoreList":[0]}
|