@adyen/bento-vue2 1.68.1 → 1.69.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/@types/components.d.ts +1 -0
- package/dist/@types/index.d.ts +625 -1272
- 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/base-button.css +1 -1
- package/dist/assets/base-modal.css +1 -1
- package/dist/assets/button-actions-with-menu.css +1 -1
- package/dist/assets/button.css +1 -1
- package/dist/assets/calendar.css +1 -1
- package/dist/assets/card.css +1 -1
- package/dist/assets/checkbox-group.css +1 -1
- package/dist/assets/checkbox-input.css +1 -1
- package/dist/assets/checkbox.css +1 -1
- package/dist/assets/chip.css +1 -1
- package/dist/assets/copy.css +1 -1
- package/dist/assets/country.css +1 -1
- package/dist/assets/currency.css +1 -1
- package/dist/assets/dashed-underline.css +1 -1
- package/dist/assets/data-grid-template.css +1 -1
- package/dist/assets/data-grid.css +1 -1
- package/dist/assets/date-picker.css +1 -1
- package/dist/assets/date-range-picker.css +1 -1
- package/dist/assets/dialog-page.css +1 -1
- package/dist/assets/divider.css +1 -1
- package/dist/assets/dropdown-default-textbox.css +1 -1
- package/dist/assets/dropdown-tag.css +1 -1
- package/dist/assets/dropdown.css +1 -1
- package/dist/assets/empty-state.css +1 -1
- package/dist/assets/file-uploader.css +1 -1
- package/dist/assets/filter-bar.css +1 -1
- package/dist/assets/focus-trap.css +1 -1
- package/dist/assets/footer-actions.css +1 -1
- package/dist/assets/form-layout-title.css +1 -1
- package/dist/assets/grid-layout.css +1 -1
- package/dist/assets/header-meta.css +1 -1
- package/dist/assets/header-with-views.css +1 -1
- package/dist/assets/header.css +1 -1
- package/dist/assets/info-icon.css +1 -1
- package/dist/assets/input-field-password.css +1 -1
- package/dist/assets/input-field-phone-number.css +1 -1
- package/dist/assets/input-field.css +1 -1
- package/dist/assets/inspector.css +1 -1
- package/dist/assets/layout-row.css +1 -1
- package/dist/assets/link.css +1 -1
- package/dist/assets/listbox-option-tag.css +1 -1
- package/dist/assets/loading-indicator.css +1 -1
- package/dist/assets/modal-fullscreen.css +1 -1
- package/dist/assets/pagination.css +1 -1
- package/dist/assets/payment-method.css +1 -1
- package/dist/assets/popper-container.css +1 -1
- package/dist/assets/promo-banner.css +1 -1
- package/dist/assets/radio-group.css +1 -1
- package/dist/assets/radio-input.css +1 -1
- package/dist/assets/rich-text-editor.css +1 -1
- package/dist/assets/search-bar.css +1 -1
- package/dist/assets/secondary-nav.css +1 -1
- package/dist/assets/segmented-control.css +1 -1
- package/dist/assets/selection-card-group.css +1 -1
- package/dist/assets/sidepanel.css +1 -1
- package/dist/assets/status.css +1 -1
- package/dist/assets/step.css +1 -1
- package/dist/assets/structured-list-item.css +1 -1
- package/dist/assets/tab.css +1 -1
- package/dist/assets/tag.css +1 -1
- package/dist/assets/textarea.css +1 -1
- package/dist/assets/timeline-item.css +1 -1
- package/dist/assets/toast.css +1 -1
- package/dist/assets/toggle-button.css +1 -1
- package/dist/assets/toggle.css +1 -1
- package/dist/assets/tooltip.css +1 -1
- package/dist/assets/tutorial.css +1 -1
- package/dist/assets/typography.css +1 -1
- package/dist/assets/use-cached-selected-values.css +1 -1
- package/dist/avatar.js +1 -1
- package/dist/button.js +9 -9
- package/dist/card.js +1 -1
- package/dist/checkbox.js +2 -2
- package/dist/chip.js +1 -1
- package/dist/chunks/{accordion-item.BNtdoVto.js → accordion-item.NSQ50RyR.js} +3 -3
- package/dist/chunks/accordion-item.NSQ50RyR.js.map +1 -0
- package/dist/chunks/{action-bar.Dy6tfK8c.js → action-bar.Dhi6k0CP.js} +18 -19
- package/dist/chunks/action-bar.Dhi6k0CP.js.map +1 -0
- package/dist/chunks/{alert.c1rhDDrU.js → alert.Dx9P_L2k.js} +3 -3
- package/dist/chunks/{alert.c1rhDDrU.js.map → alert.Dx9P_L2k.js.map} +1 -1
- package/dist/chunks/aria-label.CaUURpnB.js.map +1 -1
- package/dist/chunks/{avatar.BgwjpLQO.js → avatar.CWmZ2n1W.js} +2 -2
- package/dist/chunks/avatar.CWmZ2n1W.js.map +1 -0
- package/dist/chunks/{base-button.-gx_u8Bd.js → base-button.BPZ_qSAu.js} +6 -6
- package/dist/chunks/base-button.BPZ_qSAu.js.map +1 -0
- package/dist/chunks/{base-modal.CkkfT6r6.js → base-modal.Cehud1uW.js} +19 -19
- package/dist/chunks/base-modal.Cehud1uW.js.map +1 -0
- package/dist/chunks/button-actions-with-menu.DIpUg6BF.js +85 -0
- package/dist/chunks/button-actions-with-menu.DIpUg6BF.js.map +1 -0
- package/dist/chunks/button-actions.types.BptAXjD8.js +8 -0
- package/dist/chunks/button-actions.types.BptAXjD8.js.map +1 -0
- package/dist/chunks/{button.hF-nD1Og.js → button.B0hSQWOR.js} +4 -4
- package/dist/chunks/button.B0hSQWOR.js.map +1 -0
- package/dist/chunks/{calendar.DvIQEYwN.js → calendar.BuAVH2aU.js} +8 -8
- package/dist/chunks/calendar.BuAVH2aU.js.map +1 -0
- package/dist/chunks/{card.CASAAsuJ.js → card.DLRC9V0Q.js} +20 -19
- package/dist/chunks/card.DLRC9V0Q.js.map +1 -0
- package/dist/chunks/{checkbox-group.DLJUsfPM.js → checkbox-group.Cdt2Ik2_.js} +6 -6
- package/dist/chunks/checkbox-group.Cdt2Ik2_.js.map +1 -0
- package/dist/chunks/{checkbox-input.CNWigbX4.js → checkbox-input.C9vmlMZe.js} +7 -7
- package/dist/chunks/checkbox-input.C9vmlMZe.js.map +1 -0
- package/dist/chunks/{checkbox.D45-Bhm3.js → checkbox.JhfbjDfJ.js} +20 -20
- package/dist/chunks/checkbox.JhfbjDfJ.js.map +1 -0
- package/dist/chunks/{chip.OV0EWIP3.js → chip.Cn68PNxA.js} +10 -10
- package/dist/chunks/chip.Cn68PNxA.js.map +1 -0
- package/dist/chunks/{code-snippet.dIKi0D7d.js → code-snippet.hYghglvk.js} +8 -8
- package/dist/chunks/code-snippet.hYghglvk.js.map +1 -0
- package/dist/chunks/{controls-group.CccuLkgP.js → controls-group.B1cxRdIA.js} +3 -3
- package/dist/chunks/{controls-group.CccuLkgP.js.map → controls-group.B1cxRdIA.js.map} +1 -1
- package/dist/chunks/{copy.CF8Fzu2Y.js → copy.UbMV4m6b.js} +14 -14
- package/dist/chunks/copy.UbMV4m6b.js.map +1 -0
- package/dist/chunks/{country.melpzEsY.js → country.CZQYhKpE.js} +6 -6
- package/dist/chunks/country.CZQYhKpE.js.map +1 -0
- package/dist/chunks/country.types.C0Q_hhgJ.js.map +1 -1
- package/dist/chunks/{currency.BM9OXTqe.js → currency.Oq7zcRM5.js} +3 -3
- package/dist/chunks/currency.Oq7zcRM5.js.map +1 -0
- package/dist/chunks/{dashboard-section.DBT99mLj.js → dashboard-section.BRnRO3AZ.js} +4 -4
- package/dist/chunks/{dashboard-section.DBT99mLj.js.map → dashboard-section.BRnRO3AZ.js.map} +1 -1
- package/dist/chunks/{dashed-underline.BbH6Lnd2.js → dashed-underline.BN_whJrR.js} +12 -13
- package/dist/chunks/dashed-underline.BN_whJrR.js.map +1 -0
- package/dist/chunks/{data-grid-template.B2lDfM2o.js → data-grid-template.BlRKgkX6.js} +5 -5
- package/dist/chunks/data-grid-template.BlRKgkX6.js.map +1 -0
- package/dist/chunks/{data-grid.CLz90HDC.js → data-grid.B0bOXr4p.js} +1219 -1167
- package/dist/chunks/data-grid.B0bOXr4p.js.map +1 -0
- package/dist/chunks/{date-picker.DGIS6Pp-.js → date-picker.Dyf6HJwP.js} +11 -11
- package/dist/chunks/date-picker.Dyf6HJwP.js.map +1 -0
- package/dist/chunks/date-range-picker.-FSh7RLm.js +967 -0
- package/dist/chunks/date-range-picker.-FSh7RLm.js.map +1 -0
- package/dist/chunks/{date.BfyWX2PY.js → date.w2Ya6_lp.js} +2 -2
- package/dist/chunks/{date.BfyWX2PY.js.map → date.w2Ya6_lp.js.map} +1 -1
- package/dist/chunks/{dialog-page.CLHZqQeU.js → dialog-page.CdJloGXQ.js} +9 -9
- package/dist/chunks/dialog-page.CdJloGXQ.js.map +1 -0
- package/dist/chunks/{divider.Cc4JFWG_.js → divider.CFbtmKeQ.js} +6 -6
- package/dist/chunks/divider.CFbtmKeQ.js.map +1 -0
- package/dist/chunks/{dropdown-default-textbox.94q6opSD.js → dropdown-default-textbox.DzpZoK-P.js} +81 -80
- package/dist/chunks/dropdown-default-textbox.DzpZoK-P.js.map +1 -0
- package/dist/chunks/dropdown-tag.CRbOHBPK.js +273 -0
- package/dist/chunks/dropdown-tag.CRbOHBPK.js.map +1 -0
- package/dist/chunks/{dropdown.DazYAy4B.js → dropdown.DB_MlO1F.js} +43 -43
- package/dist/chunks/dropdown.DB_MlO1F.js.map +1 -0
- package/dist/chunks/{empty-state.mtXfb1BB.js → empty-state.BqMgiQAu.js} +6 -6
- package/dist/chunks/empty-state.BqMgiQAu.js.map +1 -0
- package/dist/chunks/{error-message.BgxnwPLF.js → error-message.PWgUfpvo.js} +3 -3
- package/dist/chunks/{error-message.BgxnwPLF.js.map → error-message.PWgUfpvo.js.map} +1 -1
- package/dist/chunks/es6.MoTTyETW.js +12 -0
- package/dist/chunks/es6.MoTTyETW.js.map +1 -0
- package/dist/chunks/events.CMzGybJJ.js.map +1 -1
- package/dist/chunks/{file-uploader.BPslxGI8.js → file-uploader.llBOTc1s.js} +41 -41
- package/dist/chunks/file-uploader.llBOTc1s.js.map +1 -0
- package/dist/chunks/{filter-bar.DL19SXF1.js → filter-bar.8rNB7K2X.js} +189 -192
- package/dist/chunks/filter-bar.8rNB7K2X.js.map +1 -0
- package/dist/chunks/{fixed-scroller.XN-jvWqb.js → fixed-scroller.CRnBrXfk.js} +2 -2
- package/dist/chunks/{fixed-scroller.XN-jvWqb.js.map → fixed-scroller.CRnBrXfk.js.map} +1 -1
- package/dist/chunks/{focus-trap.C-wIQqpO.js → focus-trap.B4C5TXxl.js} +2 -2
- package/dist/chunks/focus-trap.B4C5TXxl.js.map +1 -0
- package/dist/chunks/{footer-actions.BE_zzX-e.js → footer-actions.C9ZYDWNU.js} +12 -12
- package/dist/chunks/footer-actions.C9ZYDWNU.js.map +1 -0
- package/dist/chunks/{form-layout-title.CIynHgCF.js → form-layout-title.CboZDCN9.js} +5 -5
- package/dist/chunks/form-layout-title.CboZDCN9.js.map +1 -0
- package/dist/chunks/{grid-layout.HvTAa4to.js → grid-layout.1aIiz2N_.js} +4 -4
- package/dist/chunks/grid-layout.1aIiz2N_.js.map +1 -0
- package/dist/chunks/{header-meta.CfloYa86.js → header-meta.C75OXHwb.js} +26 -27
- package/dist/chunks/{header-meta.CfloYa86.js.map → header-meta.C75OXHwb.js.map} +1 -1
- package/dist/chunks/{header-with-views.DzsU00YA.js → header-with-views.Dzifal09.js} +129 -133
- package/dist/chunks/header-with-views.Dzifal09.js.map +1 -0
- package/dist/chunks/{header.DvHS-PnC.js → header.DAcRpRch.js} +8 -8
- package/dist/chunks/header.DAcRpRch.js.map +1 -0
- package/dist/chunks/image.C2D2hKat.js.map +1 -1
- package/dist/chunks/{info-icon.CYOXx8CL.js → info-icon.B4P_Zi58.js} +10 -10
- package/dist/chunks/info-icon.B4P_Zi58.js.map +1 -0
- package/dist/chunks/{input-field-password.C1zTapiN.js → input-field-password.DsslmTb_.js} +29 -29
- package/dist/chunks/input-field-password.DsslmTb_.js.map +1 -0
- package/dist/chunks/{input-field-phone-number.K8BYjWfa.js → input-field-phone-number.D2T8jzAr.js} +8 -7
- package/dist/chunks/{input-field-phone-number.K8BYjWfa.js.map → input-field-phone-number.D2T8jzAr.js.map} +1 -1
- package/dist/chunks/{input-field.5S-pUNxA.js → input-field.DnnXXill.js} +5 -5
- package/dist/chunks/input-field.DnnXXill.js.map +1 -0
- package/dist/chunks/{inspector.BI28vKQz.js → inspector.H05UI3LY.js} +6 -6
- package/dist/chunks/inspector.H05UI3LY.js.map +1 -0
- package/dist/chunks/keyboard-navigation.pB8weElW.js.map +1 -1
- package/dist/chunks/{layout-row.C_F2wX6d.js → layout-row.BWxn-eQ-.js} +12 -12
- package/dist/chunks/layout-row.BWxn-eQ-.js.map +1 -0
- package/dist/chunks/{link.CXy_LoFI.js → link.B3F22FTY.js} +3 -3
- package/dist/chunks/link.B3F22FTY.js.map +1 -0
- package/dist/chunks/{listbox-option-tag.D0Cql_R3.js → listbox-option-tag.On3eD2RE.js} +4 -4
- package/dist/chunks/listbox-option-tag.On3eD2RE.js.map +1 -0
- package/dist/chunks/{loading-indicator.z8COalOc.js → loading-indicator.Iy1CVr_T.js} +2 -2
- package/dist/chunks/loading-indicator.Iy1CVr_T.js.map +1 -0
- package/dist/chunks/minus-small.DJacLGTw.js.map +1 -1
- package/dist/chunks/{modal-fullscreen.DHotw1RI.js → modal-fullscreen.BgmKDCl4.js} +31 -32
- package/dist/chunks/modal-fullscreen.BgmKDCl4.js.map +1 -0
- package/dist/chunks/{modal.eoNQ6E3U.js → modal.DMqbIDcX.js} +6 -6
- package/dist/chunks/modal.DMqbIDcX.js.map +1 -0
- package/dist/chunks/{pagination.4J7ZMyf5.js → pagination.38ahUAk8.js} +5 -5
- package/dist/chunks/pagination.38ahUAk8.js.map +1 -0
- package/dist/chunks/{payment-method.Cx4nPDtE.js → payment-method.CRluCp_L.js} +3 -3
- package/dist/chunks/payment-method.CRluCp_L.js.map +1 -0
- package/dist/chunks/popover.types.B1HUQoCG.js +6 -0
- package/dist/chunks/popover.types.B1HUQoCG.js.map +1 -0
- package/dist/chunks/{popper-container.DIFqmRsp.js → popper-container.Bu75g2nc.js} +3 -3
- package/dist/chunks/popper-container.Bu75g2nc.js.map +1 -0
- package/dist/chunks/{promo-banner.Bbc2U3S3.js → promo-banner.BGMV3nRn.js} +6 -6
- package/dist/chunks/promo-banner.BGMV3nRn.js.map +1 -0
- package/dist/chunks/{radio-group.4_KKjvAm.js → radio-group.BVLoYrgU.js} +8 -8
- package/dist/chunks/radio-group.BVLoYrgU.js.map +1 -0
- package/dist/chunks/{radio-input.uJAhxKRs.js → radio-input.BRceOAA4.js} +7 -7
- package/dist/chunks/radio-input.BRceOAA4.js.map +1 -0
- package/dist/chunks/{rich-text-editor.DQd_kHTx.js → rich-text-editor.BZ6CyBsK.js} +8 -8
- package/dist/chunks/rich-text-editor.BZ6CyBsK.js.map +1 -0
- package/dist/chunks/{search-bar.CuBj5FAE.js → search-bar.VfZoy5FX.js} +6 -5
- package/dist/chunks/search-bar.VfZoy5FX.js.map +1 -0
- package/dist/chunks/{secondary-nav.C6usurfD.js → secondary-nav.BXXKo5HE.js} +9 -9
- package/dist/chunks/secondary-nav.BXXKo5HE.js.map +1 -0
- package/dist/chunks/{segmented-control.DHZEfmT-.js → segmented-control.CGBrRBLL.js} +11 -11
- package/dist/chunks/segmented-control.CGBrRBLL.js.map +1 -0
- package/dist/chunks/{selection-card-group.BHvjGlKU.js → selection-card-group.DgQLQ4Wo.js} +15 -15
- package/dist/chunks/selection-card-group.DgQLQ4Wo.js.map +1 -0
- package/dist/chunks/{sidepanel.DyThBUgV.js → sidepanel.BR0coAJl.js} +9 -9
- package/dist/chunks/sidepanel.BR0coAJl.js.map +1 -0
- package/dist/chunks/{status.types.p_TCvoo0.js → status.types.DBYsEsiT.js} +3 -3
- package/dist/chunks/status.types.DBYsEsiT.js.map +1 -0
- package/dist/chunks/{step.DMMofD4B.js → step.DJkLl2s4.js} +5 -5
- package/dist/chunks/step.DJkLl2s4.js.map +1 -0
- package/dist/chunks/{structured-list-item.Bnn6-Z3q.js → structured-list-item.CACpjdy4.js} +7 -7
- package/dist/chunks/structured-list-item.CACpjdy4.js.map +1 -0
- package/dist/chunks/{summary-grid.types.D_FU3sUq.js → summary-grid.types.CVuvqM3p.js} +7 -7
- package/dist/chunks/{summary-grid.types.D_FU3sUq.js.map → summary-grid.types.CVuvqM3p.js.map} +1 -1
- package/dist/chunks/{tab.BhWPBxcB.js → tab.D33__imf.js} +5 -5
- package/dist/chunks/tab.D33__imf.js.map +1 -0
- package/dist/chunks/{tag.CGkclKVL.js → tag.DfHE26ZN.js} +4 -4
- package/dist/chunks/tag.DfHE26ZN.js.map +1 -0
- package/dist/chunks/textarea.D7uQzuRr.js +214 -0
- package/dist/chunks/textarea.D7uQzuRr.js.map +1 -0
- package/dist/chunks/{timeline-item.DqLhj0Lb.js → timeline-item.QOBiWKEL.js} +11 -11
- package/dist/chunks/timeline-item.QOBiWKEL.js.map +1 -0
- package/dist/chunks/{toast.BOyeuS19.js → toast.CZxRRsPl.js} +5 -5
- package/dist/chunks/toast.CZxRRsPl.js.map +1 -0
- package/dist/chunks/toggle-button.DeECoGRn.js +1031 -0
- package/dist/chunks/toggle-button.DeECoGRn.js.map +1 -0
- package/dist/chunks/{toggle.DyXL09-x.js → toggle.hylSNOmz.js} +8 -8
- package/dist/chunks/toggle.hylSNOmz.js.map +1 -0
- package/dist/chunks/{tooltip.wQsyAwkC.js → tooltip.BYj8cc9F.js} +66 -62
- package/dist/chunks/tooltip.BYj8cc9F.js.map +1 -0
- package/dist/chunks/{tutorial.DRRfp81j.js → tutorial.BkAXmyzV.js} +29 -31
- package/dist/chunks/tutorial.BkAXmyzV.js.map +1 -0
- package/dist/chunks/{typography.J1v_SPG3.js → typography.w3m-EY4E.js} +7 -7
- package/dist/chunks/typography.w3m-EY4E.js.map +1 -0
- package/dist/chunks/{use-bento-toast-controller.Cn_2Eogn.js → use-bento-toast-controller.uglKlMjv.js} +2 -2
- package/dist/chunks/{use-bento-toast-controller.Cn_2Eogn.js.map → use-bento-toast-controller.uglKlMjv.js.map} +1 -1
- package/dist/chunks/{use-cached-selected-values.0EeyFfyF.js → use-cached-selected-values.CI9xi8dE.js} +12 -12
- package/dist/chunks/use-cached-selected-values.CI9xi8dE.js.map +1 -0
- package/dist/chunks/use-country-items.BllTb5MK.js.map +1 -1
- package/dist/chunks/use-country-phon-code.BOaJ9PDl.js.map +1 -1
- package/dist/chunks/use-has-slot.C9lQZ6nz.js.map +1 -1
- package/dist/code-snippet.js +1 -1
- package/dist/country.js +1 -1
- package/dist/currency.js +1 -1
- package/dist/dashboard-template.js +1 -1
- package/dist/dashed-underline.js +1 -1
- package/dist/data-grid-template.js +1 -1
- package/dist/data-grid.js +1 -1
- package/dist/date-picker.js +2 -2
- package/dist/date-range-picker.js +2 -2
- package/dist/date.js +1 -1
- package/dist/divider.js +1 -1
- package/dist/dropdown.js +4 -4
- package/dist/empty-state.js +1 -1
- package/dist/file-uploader.js +1 -1
- package/dist/filter-bar.js +1 -1
- package/dist/focus-trap.js +1 -1
- package/dist/form-layout.js +1 -1
- package/dist/header-with-views.js +1 -1
- package/dist/header.js +1 -1
- package/dist/index.js +175 -177
- package/dist/index.js.map +1 -1
- package/dist/info-icon.js +1 -1
- package/dist/input-field-password.js +1 -1
- package/dist/input-field-phone-number.js +3 -2
- package/dist/input-field.js +1 -1
- package/dist/inspector.js +1 -1
- package/dist/internal.js +33 -32
- package/dist/internal.js.map +1 -1
- package/dist/layout.js +1 -1
- package/dist/link.js +1 -1
- package/dist/loading-indicator.js +1 -1
- package/dist/menu.js +1 -1
- package/dist/modal-fullscreen.js +1 -1
- package/dist/modal.js +2 -2
- package/dist/pagination.js +1 -1
- package/dist/payment-method.js +1 -1
- package/dist/popover.js +2 -2
- package/dist/popper-container.js +1 -1
- package/dist/promo-banner.js +1 -1
- package/dist/radio-group.js +2 -2
- package/dist/rich-text-editor.js +1 -1
- package/dist/search-bar.js +2 -2
- package/dist/secondary-nav.js +1 -1
- package/dist/segmented-control.js +1 -1
- package/dist/selection-card.js +1 -1
- package/dist/sidepanel.js +1 -1
- package/dist/status.js +1 -1
- package/dist/stepper.js +1 -1
- package/dist/structured-list.js +1 -1
- package/dist/styles/bento-dark.css +17 -4
- package/dist/styles/bento-light.css +17 -4
- package/dist/styles/bento.css +17 -4
- package/dist/styles/legacy.css +17 -4
- package/dist/styles/styleguide.css +17 -4
- package/dist/styles/utility.css +3 -0
- package/dist/summary-grid.js +1 -1
- package/dist/tabs.js +1 -1
- package/dist/tag.js +1 -1
- package/dist/textarea.js +1 -1
- package/dist/timeline.js +1 -1
- package/dist/toast.js +1 -1
- package/dist/toggle.js +1 -1
- package/dist/tutorial.js +1 -1
- package/dist/typography.js +1 -1
- package/dist/use-form-v4.js.map +1 -1
- package/dist/web-types.json +934 -363
- package/package.json +7 -7
- package/dist/assets/button-actions.css +0 -1
- package/dist/assets/menu.css +0 -1
- package/dist/assets/popover.css +0 -1
- package/dist/assets/teleport.css +0 -1
- package/dist/chunks/accordion-item.BNtdoVto.js.map +0 -1
- package/dist/chunks/action-bar.Dy6tfK8c.js.map +0 -1
- package/dist/chunks/avatar.BgwjpLQO.js.map +0 -1
- package/dist/chunks/base-button.-gx_u8Bd.js.map +0 -1
- package/dist/chunks/base-modal.CkkfT6r6.js.map +0 -1
- package/dist/chunks/base-modal.keys.C2PQXcE2.js +0 -5
- package/dist/chunks/base-modal.keys.C2PQXcE2.js.map +0 -1
- package/dist/chunks/button-actions-with-menu.CcxUTbsI.js +0 -83
- package/dist/chunks/button-actions-with-menu.CcxUTbsI.js.map +0 -1
- package/dist/chunks/button-actions.Ju27CRNG.js +0 -194
- package/dist/chunks/button-actions.Ju27CRNG.js.map +0 -1
- package/dist/chunks/button.hF-nD1Og.js.map +0 -1
- package/dist/chunks/calendar.DvIQEYwN.js.map +0 -1
- package/dist/chunks/card.CASAAsuJ.js.map +0 -1
- package/dist/chunks/checkbox-group.DLJUsfPM.js.map +0 -1
- package/dist/chunks/checkbox-input.CNWigbX4.js.map +0 -1
- package/dist/chunks/checkbox.D45-Bhm3.js.map +0 -1
- package/dist/chunks/chip.OV0EWIP3.js.map +0 -1
- package/dist/chunks/code-snippet.dIKi0D7d.js.map +0 -1
- package/dist/chunks/copy.CF8Fzu2Y.js.map +0 -1
- package/dist/chunks/country.melpzEsY.js.map +0 -1
- package/dist/chunks/currency.BM9OXTqe.js.map +0 -1
- package/dist/chunks/dashed-underline.BbH6Lnd2.js.map +0 -1
- package/dist/chunks/data-grid-template.B2lDfM2o.js.map +0 -1
- package/dist/chunks/data-grid.CLz90HDC.js.map +0 -1
- package/dist/chunks/date-picker.DGIS6Pp-.js.map +0 -1
- package/dist/chunks/date-range-picker.CIaKRXIQ.js +0 -1021
- package/dist/chunks/date-range-picker.CIaKRXIQ.js.map +0 -1
- package/dist/chunks/dialog-page.CLHZqQeU.js.map +0 -1
- package/dist/chunks/divider.Cc4JFWG_.js.map +0 -1
- package/dist/chunks/dropdown-default-textbox.94q6opSD.js.map +0 -1
- package/dist/chunks/dropdown-tag.BaosvGGZ.js +0 -240
- package/dist/chunks/dropdown-tag.BaosvGGZ.js.map +0 -1
- package/dist/chunks/dropdown.DazYAy4B.js.map +0 -1
- package/dist/chunks/empty-state.mtXfb1BB.js.map +0 -1
- package/dist/chunks/es6.n1ewaW31.js +0 -11
- package/dist/chunks/es6.n1ewaW31.js.map +0 -1
- package/dist/chunks/file-uploader.BPslxGI8.js.map +0 -1
- package/dist/chunks/filter-bar.DL19SXF1.js.map +0 -1
- package/dist/chunks/focus-trap.C-wIQqpO.js.map +0 -1
- package/dist/chunks/footer-actions.BE_zzX-e.js.map +0 -1
- package/dist/chunks/form-layout-title.CIynHgCF.js.map +0 -1
- package/dist/chunks/grid-layout.HvTAa4to.js.map +0 -1
- package/dist/chunks/header-with-views.DzsU00YA.js.map +0 -1
- package/dist/chunks/header.DvHS-PnC.js.map +0 -1
- package/dist/chunks/info-icon.CYOXx8CL.js.map +0 -1
- package/dist/chunks/input-field-password.C1zTapiN.js.map +0 -1
- package/dist/chunks/input-field.5S-pUNxA.js.map +0 -1
- package/dist/chunks/inspector.BI28vKQz.js.map +0 -1
- package/dist/chunks/layout-row.C_F2wX6d.js.map +0 -1
- package/dist/chunks/link.CXy_LoFI.js.map +0 -1
- package/dist/chunks/listbox-option-tag.D0Cql_R3.js.map +0 -1
- package/dist/chunks/loading-indicator.z8COalOc.js.map +0 -1
- package/dist/chunks/menu.dX3_vU05.js +0 -515
- package/dist/chunks/menu.dX3_vU05.js.map +0 -1
- package/dist/chunks/modal-fullscreen.DHotw1RI.js.map +0 -1
- package/dist/chunks/modal-fullscreen.keys.CMba3hYp.js +0 -5
- package/dist/chunks/modal-fullscreen.keys.CMba3hYp.js.map +0 -1
- package/dist/chunks/modal.eoNQ6E3U.js.map +0 -1
- package/dist/chunks/pagination.4J7ZMyf5.js.map +0 -1
- package/dist/chunks/payment-method.Cx4nPDtE.js.map +0 -1
- package/dist/chunks/popover.Bo4Bkudr.js +0 -145
- package/dist/chunks/popover.Bo4Bkudr.js.map +0 -1
- package/dist/chunks/popover.types.CBqyA4ly.js +0 -6
- package/dist/chunks/popover.types.CBqyA4ly.js.map +0 -1
- package/dist/chunks/popper-container.DIFqmRsp.js.map +0 -1
- package/dist/chunks/promo-banner.Bbc2U3S3.js.map +0 -1
- package/dist/chunks/radio-group.4_KKjvAm.js.map +0 -1
- package/dist/chunks/radio-input.uJAhxKRs.js.map +0 -1
- package/dist/chunks/rich-text-editor.DQd_kHTx.js.map +0 -1
- package/dist/chunks/search-bar.CuBj5FAE.js.map +0 -1
- package/dist/chunks/secondary-nav.C6usurfD.js.map +0 -1
- package/dist/chunks/segmented-control.DHZEfmT-.js.map +0 -1
- package/dist/chunks/selection-card-group.BHvjGlKU.js.map +0 -1
- package/dist/chunks/sidepanel.DyThBUgV.js.map +0 -1
- package/dist/chunks/sidepanel.keys.R0DKQuYx.js +0 -5
- package/dist/chunks/sidepanel.keys.R0DKQuYx.js.map +0 -1
- package/dist/chunks/status.types.p_TCvoo0.js.map +0 -1
- package/dist/chunks/step.DMMofD4B.js.map +0 -1
- package/dist/chunks/structured-list-item.Bnn6-Z3q.js.map +0 -1
- package/dist/chunks/tab.BhWPBxcB.js.map +0 -1
- package/dist/chunks/tag.CGkclKVL.js.map +0 -1
- package/dist/chunks/teleport.BV6zrDjA.js +0 -128
- package/dist/chunks/teleport.BV6zrDjA.js.map +0 -1
- package/dist/chunks/textarea.UPM6N9V1.js +0 -203
- package/dist/chunks/textarea.UPM6N9V1.js.map +0 -1
- package/dist/chunks/timeline-item.DqLhj0Lb.js.map +0 -1
- package/dist/chunks/toast.BOyeuS19.js.map +0 -1
- package/dist/chunks/toggle-button.DEVVvpkw.js +0 -83
- package/dist/chunks/toggle-button.DEVVvpkw.js.map +0 -1
- package/dist/chunks/toggle.DyXL09-x.js.map +0 -1
- package/dist/chunks/tooltip.wQsyAwkC.js.map +0 -1
- package/dist/chunks/tutorial.DRRfp81j.js.map +0 -1
- package/dist/chunks/typography.J1v_SPG3.js.map +0 -1
- package/dist/chunks/use-cached-selected-values.0EeyFfyF.js.map +0 -1
- package/dist/chunks/use-click-outside.BnhTgpSt.js +0 -14
- package/dist/chunks/use-click-outside.BnhTgpSt.js.map +0 -1
package/dist/@types/index.d.ts
CHANGED
|
@@ -15,7 +15,7 @@ import { DirectiveBinding } from 'vue';
|
|
|
15
15
|
import type { DirectiveHook } from 'vue';
|
|
16
16
|
import { ExtractComputedReturns } from 'vue/types/v3-component-options';
|
|
17
17
|
import { ExtractPropTypes } from 'vue';
|
|
18
|
-
import
|
|
18
|
+
import { HTMLAttributes } from 'vue';
|
|
19
19
|
import type { Middleware } from '@floating-ui/vue';
|
|
20
20
|
import { MiddlewareReturn } from '@floating-ui/vue';
|
|
21
21
|
import { MiddlewareState } from '@floating-ui/vue';
|
|
@@ -121,6 +121,10 @@ declare type __VLS_NonUndefinedable_49<T> = T extends undefined ? never : T;
|
|
|
121
121
|
|
|
122
122
|
declare type __VLS_NonUndefinedable_5<T> = T extends undefined ? never : T;
|
|
123
123
|
|
|
124
|
+
declare type __VLS_NonUndefinedable_50<T> = T extends undefined ? never : T;
|
|
125
|
+
|
|
126
|
+
declare type __VLS_NonUndefinedable_51<T> = T extends undefined ? never : T;
|
|
127
|
+
|
|
124
128
|
declare type __VLS_NonUndefinedable_6<T> = T extends undefined ? never : T;
|
|
125
129
|
|
|
126
130
|
declare type __VLS_NonUndefinedable_7<T> = T extends undefined ? never : T;
|
|
@@ -534,6 +538,24 @@ declare type __VLS_TypePropsToRuntimeProps_5<T> = {
|
|
|
534
538
|
};
|
|
535
539
|
};
|
|
536
540
|
|
|
541
|
+
declare type __VLS_TypePropsToRuntimeProps_50<T> = {
|
|
542
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
543
|
+
type: PropType<__VLS_NonUndefinedable_50<T[K]>>;
|
|
544
|
+
} : {
|
|
545
|
+
type: PropType<T[K]>;
|
|
546
|
+
required: true;
|
|
547
|
+
};
|
|
548
|
+
};
|
|
549
|
+
|
|
550
|
+
declare type __VLS_TypePropsToRuntimeProps_51<T> = {
|
|
551
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
552
|
+
type: PropType<__VLS_NonUndefinedable_51<T[K]>>;
|
|
553
|
+
} : {
|
|
554
|
+
type: PropType<T[K]>;
|
|
555
|
+
required: true;
|
|
556
|
+
};
|
|
557
|
+
};
|
|
558
|
+
|
|
537
559
|
declare type __VLS_TypePropsToRuntimeProps_6<T> = {
|
|
538
560
|
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
539
561
|
type: PropType<__VLS_NonUndefinedable_6<T[K]>>;
|
|
@@ -816,6 +838,18 @@ declare type __VLS_WithDefaults_46<P, D> = {
|
|
|
816
838
|
} : P[K];
|
|
817
839
|
};
|
|
818
840
|
|
|
841
|
+
declare type __VLS_WithDefaults_47<P, D> = {
|
|
842
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
|
|
843
|
+
default: D[K];
|
|
844
|
+
} : P[K];
|
|
845
|
+
};
|
|
846
|
+
|
|
847
|
+
declare type __VLS_WithDefaults_48<P, D> = {
|
|
848
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
|
|
849
|
+
default: D[K];
|
|
850
|
+
} : P[K];
|
|
851
|
+
};
|
|
852
|
+
|
|
819
853
|
declare type __VLS_WithDefaults_5<P, D> = {
|
|
820
854
|
[K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
|
|
821
855
|
default: D[K];
|
|
@@ -1493,6 +1527,20 @@ selectionLabel: string;
|
|
|
1493
1527
|
|
|
1494
1528
|
export declare type BentoActionBarVariant = 'default' | 'confirmation';
|
|
1495
1529
|
|
|
1530
|
+
/**
|
|
1531
|
+
* Type for the Buttons passed as objects to Button Actions
|
|
1532
|
+
*/
|
|
1533
|
+
declare interface BentoActionButton extends BentoButtonActionBase, BentoButtonProps {
|
|
1534
|
+
event?: (event: Event) => void;
|
|
1535
|
+
state?: BentoLoadingButtonState | `${BentoLoadingButtonState}`;
|
|
1536
|
+
iconOnly?: boolean;
|
|
1537
|
+
}
|
|
1538
|
+
|
|
1539
|
+
/**
|
|
1540
|
+
* Type for the Menus passed as objects to Button Actions
|
|
1541
|
+
*/
|
|
1542
|
+
declare type BentoActionMenu = BentoButtonActionBase & OmitStrict<BentoMenuProps, 'button' | 'data'> & Partial<Pick<BentoMenuProps, 'data'>>;
|
|
1543
|
+
|
|
1496
1544
|
/**
|
|
1497
1545
|
* An Alert component is used to display a persistent
|
|
1498
1546
|
* notification containing information important to the user
|
|
@@ -1815,16 +1863,21 @@ inverse: boolean;
|
|
|
1815
1863
|
iconRight: (_: {}) => any;
|
|
1816
1864
|
}>;
|
|
1817
1865
|
|
|
1818
|
-
|
|
1866
|
+
/**
|
|
1867
|
+
* Private
|
|
1868
|
+
*/
|
|
1869
|
+
/**
|
|
1870
|
+
* Base interface for the Button and Menu objects
|
|
1871
|
+
*/
|
|
1872
|
+
declare interface BentoButtonActionBase {
|
|
1819
1873
|
title: string;
|
|
1820
|
-
event?: (event: Event) => void;
|
|
1821
1874
|
icon?: VueNodeElement;
|
|
1822
1875
|
iconLeft?: VueNodeElement;
|
|
1823
1876
|
iconRight?: VueNodeElement;
|
|
1824
|
-
state?: BentoLoadingButtonState_2 | `${BentoLoadingButtonState_2}`;
|
|
1825
|
-
iconOnly?: boolean;
|
|
1826
1877
|
}
|
|
1827
1878
|
|
|
1879
|
+
export declare type BentoButtonActionObject = BentoActionButton;
|
|
1880
|
+
|
|
1828
1881
|
/**
|
|
1829
1882
|
* ButtonActions component manages a set of actions a user can choose from by displaying a group of buttons.
|
|
1830
1883
|
*
|
|
@@ -1852,13 +1905,13 @@ export declare interface BentoButtonActionObject extends BentoButtonProps_2 {
|
|
|
1852
1905
|
*/
|
|
1853
1906
|
export declare const BentoButtonActions: DefineComponent<__VLS_WithDefaults_3<__VLS_TypePropsToRuntimeProps_3<BentoButtonActionsProps>, {
|
|
1854
1907
|
inverse: boolean;
|
|
1855
|
-
layout:
|
|
1908
|
+
layout: string;
|
|
1856
1909
|
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_3<__VLS_TypePropsToRuntimeProps_3<BentoButtonActionsProps>, {
|
|
1857
1910
|
inverse: boolean;
|
|
1858
|
-
layout:
|
|
1911
|
+
layout: string;
|
|
1859
1912
|
}>>>, {
|
|
1860
1913
|
inverse: boolean;
|
|
1861
|
-
layout:
|
|
1914
|
+
layout: string;
|
|
1862
1915
|
}>;
|
|
1863
1916
|
|
|
1864
1917
|
/**
|
|
@@ -1885,7 +1938,7 @@ export declare enum BentoButtonActionsLayoutExtended {
|
|
|
1885
1938
|
BUTTONS_START = "buttons-start"
|
|
1886
1939
|
}
|
|
1887
1940
|
|
|
1888
|
-
export declare type BentoButtonActionsList = Array<
|
|
1941
|
+
export declare type BentoButtonActionsList = Array<BentoActionButton & BentoActionMenu>;
|
|
1889
1942
|
|
|
1890
1943
|
export declare interface BentoButtonActionsProps {
|
|
1891
1944
|
/**
|
|
@@ -1938,7 +1991,7 @@ export declare interface BentoButtonActionsProps {
|
|
|
1938
1991
|
* @values SPACE_BETWEEN
|
|
1939
1992
|
* @values VERTICAL_STACK
|
|
1940
1993
|
*/
|
|
1941
|
-
layout?:
|
|
1994
|
+
layout?: string;
|
|
1942
1995
|
}
|
|
1943
1996
|
|
|
1944
1997
|
export declare enum BentoButtonPropClass {
|
|
@@ -1959,16 +2012,6 @@ export declare interface BentoButtonProps {
|
|
|
1959
2012
|
link?: object;
|
|
1960
2013
|
}
|
|
1961
2014
|
|
|
1962
|
-
declare interface BentoButtonProps_2 {
|
|
1963
|
-
condensed?: boolean;
|
|
1964
|
-
critical?: boolean;
|
|
1965
|
-
disabled?: boolean;
|
|
1966
|
-
inverse?: boolean;
|
|
1967
|
-
variant?: BentoButtonVariant_2 | `${BentoButtonVariant_2}`;
|
|
1968
|
-
type?: string;
|
|
1969
|
-
link?: object;
|
|
1970
|
-
}
|
|
1971
|
-
|
|
1972
2015
|
/**
|
|
1973
2016
|
* @deprecated for usage with properties since version 2.0. Use the string literal instead.
|
|
1974
2017
|
*/
|
|
@@ -1979,16 +2022,6 @@ export declare enum BentoButtonVariant {
|
|
|
1979
2022
|
TERTIARY_WITH_BACKGROUND = "tertiary-with-background"
|
|
1980
2023
|
}
|
|
1981
2024
|
|
|
1982
|
-
/**
|
|
1983
|
-
* @deprecated for usage with properties since version 2.0. Use the string literal instead.
|
|
1984
|
-
*/
|
|
1985
|
-
declare enum BentoButtonVariant_2 {
|
|
1986
|
-
PRIMARY = 'primary',
|
|
1987
|
-
SECONDARY = 'secondary',
|
|
1988
|
-
TERTIARY = 'tertiary',
|
|
1989
|
-
TERTIARY_WITH_BACKGROUND = 'tertiary-with-background',
|
|
1990
|
-
}
|
|
1991
|
-
|
|
1992
2025
|
/**
|
|
1993
2026
|
* A card is a flexible and composable container.
|
|
1994
2027
|
* Use cards to represent a single object or to visually group certain content, like legal information within company settings.
|
|
@@ -2763,7 +2796,7 @@ export declare type BentoCheckboxType = boolean | BentoMultiCheckboxType;
|
|
|
2763
2796
|
* `
|
|
2764
2797
|
* }
|
|
2765
2798
|
*/
|
|
2766
|
-
export declare const BentoChip: DefineComponent<
|
|
2799
|
+
export declare const BentoChip: DefineComponent<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_11<BentoChipProps>, {
|
|
2767
2800
|
disabled: boolean;
|
|
2768
2801
|
readonly: boolean;
|
|
2769
2802
|
error: boolean;
|
|
@@ -2771,7 +2804,7 @@ condensed: boolean;
|
|
|
2771
2804
|
characterLimit: any;
|
|
2772
2805
|
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
2773
2806
|
click: () => void;
|
|
2774
|
-
}, string, Readonly<ExtractPropTypes<
|
|
2807
|
+
}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_11<BentoChipProps>, {
|
|
2775
2808
|
disabled: boolean;
|
|
2776
2809
|
readonly: boolean;
|
|
2777
2810
|
error: boolean;
|
|
@@ -2853,7 +2886,7 @@ export declare const BentoClickOutsideDirective: {
|
|
|
2853
2886
|
* `
|
|
2854
2887
|
* }
|
|
2855
2888
|
*/
|
|
2856
|
-
export declare const BentoCodeSnippet: __VLS_WithTemplateSlots_12<DefineComponent<
|
|
2889
|
+
export declare const BentoCodeSnippet: __VLS_WithTemplateSlots_12<DefineComponent<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoCodeSnippetProps>, {
|
|
2857
2890
|
actionable: boolean;
|
|
2858
2891
|
actionableText: any;
|
|
2859
2892
|
content: string;
|
|
@@ -2863,7 +2896,7 @@ lang: BentoCodeSnippetSupportedLanguage;
|
|
|
2863
2896
|
langLabel: any;
|
|
2864
2897
|
loading: boolean;
|
|
2865
2898
|
variant: BentoCodeSnippetVariant;
|
|
2866
|
-
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BentoCodeSnippetEvent[], string, Readonly<ExtractPropTypes<
|
|
2899
|
+
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BentoCodeSnippetEvent[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_12<BentoCodeSnippetProps>, {
|
|
2867
2900
|
actionable: boolean;
|
|
2868
2901
|
actionableText: any;
|
|
2869
2902
|
content: string;
|
|
@@ -2875,8 +2908,8 @@ loading: boolean;
|
|
|
2875
2908
|
variant: BentoCodeSnippetVariant;
|
|
2876
2909
|
}>>>, {
|
|
2877
2910
|
variant: BentoCodeSnippetVariant | `${BentoCodeSnippetVariant}`;
|
|
2878
|
-
loading: boolean;
|
|
2879
2911
|
content: string;
|
|
2912
|
+
loading: boolean;
|
|
2880
2913
|
expandable: boolean;
|
|
2881
2914
|
actionable: boolean;
|
|
2882
2915
|
actionableText: string;
|
|
@@ -3378,13 +3411,13 @@ export declare enum BentoCountryVariant {
|
|
|
3378
3411
|
* `
|
|
3379
3412
|
* }
|
|
3380
3413
|
*/
|
|
3381
|
-
export declare const BentoCurrency: DefineComponent<
|
|
3414
|
+
export declare const BentoCurrency: DefineComponent<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoCurrencyProps>, {
|
|
3382
3415
|
currency: BentoCurrencyISOCode;
|
|
3383
3416
|
disableTypography: boolean;
|
|
3384
3417
|
majorUnits: boolean;
|
|
3385
3418
|
value: any;
|
|
3386
3419
|
currencySign: string;
|
|
3387
|
-
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<
|
|
3420
|
+
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_13<BentoCurrencyProps>, {
|
|
3388
3421
|
currency: BentoCurrencyISOCode;
|
|
3389
3422
|
disableTypography: boolean;
|
|
3390
3423
|
majorUnits: boolean;
|
|
@@ -3399,175 +3432,175 @@ majorUnits: boolean;
|
|
|
3399
3432
|
}>;
|
|
3400
3433
|
|
|
3401
3434
|
export declare enum BentoCurrencyISOCode {
|
|
3402
|
-
AED =
|
|
3403
|
-
AFA =
|
|
3404
|
-
ALL =
|
|
3405
|
-
AMD =
|
|
3406
|
-
ANG =
|
|
3407
|
-
AOA =
|
|
3408
|
-
ARS =
|
|
3409
|
-
AUD =
|
|
3410
|
-
AWG =
|
|
3411
|
-
AZN =
|
|
3412
|
-
BAM =
|
|
3413
|
-
BBD =
|
|
3414
|
-
BDT =
|
|
3415
|
-
BEF =
|
|
3416
|
-
BGN =
|
|
3417
|
-
BHD =
|
|
3418
|
-
BIF =
|
|
3419
|
-
BMD =
|
|
3420
|
-
BND =
|
|
3421
|
-
BOB =
|
|
3422
|
-
BRL =
|
|
3423
|
-
BSD =
|
|
3424
|
-
BTC =
|
|
3425
|
-
BTN =
|
|
3426
|
-
BWP =
|
|
3427
|
-
BYR =
|
|
3428
|
-
BZD =
|
|
3429
|
-
CAD =
|
|
3430
|
-
CDF =
|
|
3431
|
-
CHF =
|
|
3432
|
-
CLF =
|
|
3433
|
-
CLP =
|
|
3434
|
-
CNY =
|
|
3435
|
-
COP =
|
|
3436
|
-
CRC =
|
|
3437
|
-
CUC =
|
|
3438
|
-
CVE =
|
|
3439
|
-
CZK =
|
|
3440
|
-
DEM =
|
|
3441
|
-
DJF =
|
|
3442
|
-
DKK =
|
|
3443
|
-
DOP =
|
|
3444
|
-
DZD =
|
|
3445
|
-
EEK =
|
|
3446
|
-
EGP =
|
|
3447
|
-
ERN =
|
|
3448
|
-
ETB =
|
|
3449
|
-
EUR =
|
|
3450
|
-
FJD =
|
|
3451
|
-
FKP =
|
|
3452
|
-
GBP =
|
|
3453
|
-
GEL =
|
|
3454
|
-
GHS =
|
|
3455
|
-
GIP =
|
|
3456
|
-
GMD =
|
|
3457
|
-
GNF =
|
|
3458
|
-
GRD =
|
|
3459
|
-
GTQ =
|
|
3460
|
-
GYD =
|
|
3461
|
-
HKD =
|
|
3462
|
-
HNL =
|
|
3463
|
-
HRK =
|
|
3464
|
-
HTG =
|
|
3465
|
-
HUF =
|
|
3466
|
-
IDR =
|
|
3467
|
-
ILS =
|
|
3468
|
-
INR =
|
|
3469
|
-
IQD =
|
|
3470
|
-
IRR =
|
|
3471
|
-
ISK =
|
|
3472
|
-
ITL =
|
|
3473
|
-
JMD =
|
|
3474
|
-
JOD =
|
|
3475
|
-
JPY =
|
|
3476
|
-
KES =
|
|
3477
|
-
KGS =
|
|
3478
|
-
KHR =
|
|
3479
|
-
KMF =
|
|
3480
|
-
KPW =
|
|
3481
|
-
KRW =
|
|
3482
|
-
KWD =
|
|
3483
|
-
KYD =
|
|
3484
|
-
KZT =
|
|
3485
|
-
LAK =
|
|
3486
|
-
LBP =
|
|
3487
|
-
LKR =
|
|
3488
|
-
LRD =
|
|
3489
|
-
LSL =
|
|
3490
|
-
LTC =
|
|
3491
|
-
LTL =
|
|
3492
|
-
LVL =
|
|
3493
|
-
LYD =
|
|
3494
|
-
MAD =
|
|
3495
|
-
MDL =
|
|
3496
|
-
MGA =
|
|
3497
|
-
MKD =
|
|
3498
|
-
MMK =
|
|
3499
|
-
MNT =
|
|
3500
|
-
MOP =
|
|
3501
|
-
MRO =
|
|
3502
|
-
MRU =
|
|
3503
|
-
MUR =
|
|
3504
|
-
MVR =
|
|
3505
|
-
MWK =
|
|
3506
|
-
MXN =
|
|
3507
|
-
MYR =
|
|
3508
|
-
MZM =
|
|
3509
|
-
NAD =
|
|
3510
|
-
NGN =
|
|
3511
|
-
NIO =
|
|
3512
|
-
NOK =
|
|
3513
|
-
NPR =
|
|
3514
|
-
NZD =
|
|
3515
|
-
OMR =
|
|
3516
|
-
PAB =
|
|
3517
|
-
PEN =
|
|
3518
|
-
PGK =
|
|
3519
|
-
PHP =
|
|
3520
|
-
PKR =
|
|
3521
|
-
PLN =
|
|
3522
|
-
PYG =
|
|
3523
|
-
QAR =
|
|
3524
|
-
RON =
|
|
3525
|
-
RSD =
|
|
3526
|
-
RUB =
|
|
3527
|
-
RWF =
|
|
3528
|
-
SAR =
|
|
3529
|
-
SBD =
|
|
3530
|
-
SCR =
|
|
3531
|
-
SDG =
|
|
3532
|
-
SEK =
|
|
3533
|
-
SGD =
|
|
3534
|
-
SHP =
|
|
3535
|
-
SKK =
|
|
3536
|
-
SLL =
|
|
3537
|
-
SOS =
|
|
3538
|
-
SRD =
|
|
3539
|
-
SSP =
|
|
3540
|
-
STD =
|
|
3541
|
-
SVC =
|
|
3542
|
-
SYP =
|
|
3543
|
-
SZL =
|
|
3544
|
-
THB =
|
|
3545
|
-
TJS =
|
|
3546
|
-
TMT =
|
|
3547
|
-
TND =
|
|
3548
|
-
TOP =
|
|
3549
|
-
TRY =
|
|
3550
|
-
TTD =
|
|
3551
|
-
TWD =
|
|
3552
|
-
TZS =
|
|
3553
|
-
UAH =
|
|
3554
|
-
UGX =
|
|
3555
|
-
USD =
|
|
3556
|
-
UYU =
|
|
3557
|
-
UZS =
|
|
3558
|
-
VEF =
|
|
3559
|
-
VND =
|
|
3560
|
-
VUV =
|
|
3561
|
-
WST =
|
|
3562
|
-
XAF =
|
|
3563
|
-
XCD =
|
|
3564
|
-
XDR =
|
|
3565
|
-
XOF =
|
|
3566
|
-
XPF =
|
|
3567
|
-
YER =
|
|
3568
|
-
ZAR =
|
|
3569
|
-
ZMK =
|
|
3570
|
-
ZWL =
|
|
3435
|
+
AED = "AED",
|
|
3436
|
+
AFA = "AFA",
|
|
3437
|
+
ALL = "ALL",
|
|
3438
|
+
AMD = "AMD",
|
|
3439
|
+
ANG = "ANG",
|
|
3440
|
+
AOA = "AOA",
|
|
3441
|
+
ARS = "ARS",
|
|
3442
|
+
AUD = "AUD",
|
|
3443
|
+
AWG = "AWG",
|
|
3444
|
+
AZN = "AZN",
|
|
3445
|
+
BAM = "BAM",
|
|
3446
|
+
BBD = "BBD",
|
|
3447
|
+
BDT = "BDT",
|
|
3448
|
+
BEF = "BEF",
|
|
3449
|
+
BGN = "BGN",
|
|
3450
|
+
BHD = "BHD",
|
|
3451
|
+
BIF = "BIF",
|
|
3452
|
+
BMD = "BMD",
|
|
3453
|
+
BND = "BND",
|
|
3454
|
+
BOB = "BOB",
|
|
3455
|
+
BRL = "BRL",
|
|
3456
|
+
BSD = "BSD",
|
|
3457
|
+
BTC = "BTC",
|
|
3458
|
+
BTN = "BTN",
|
|
3459
|
+
BWP = "BWP",
|
|
3460
|
+
BYR = "BYR",
|
|
3461
|
+
BZD = "BZD",
|
|
3462
|
+
CAD = "CAD",
|
|
3463
|
+
CDF = "CDF",
|
|
3464
|
+
CHF = "CHF",
|
|
3465
|
+
CLF = "CLF",
|
|
3466
|
+
CLP = "CLP",
|
|
3467
|
+
CNY = "CNY",
|
|
3468
|
+
COP = "COP",
|
|
3469
|
+
CRC = "CRC",
|
|
3470
|
+
CUC = "CUC",
|
|
3471
|
+
CVE = "CVE",
|
|
3472
|
+
CZK = "CZK",
|
|
3473
|
+
DEM = "DEM",
|
|
3474
|
+
DJF = "DJF",
|
|
3475
|
+
DKK = "DKK",
|
|
3476
|
+
DOP = "DOP",
|
|
3477
|
+
DZD = "DZD",
|
|
3478
|
+
EEK = "EEK",
|
|
3479
|
+
EGP = "EGP",
|
|
3480
|
+
ERN = "ERN",
|
|
3481
|
+
ETB = "ETB",
|
|
3482
|
+
EUR = "EUR",
|
|
3483
|
+
FJD = "FJD",
|
|
3484
|
+
FKP = "FKP",
|
|
3485
|
+
GBP = "GBP",
|
|
3486
|
+
GEL = "GEL",
|
|
3487
|
+
GHS = "GHS",
|
|
3488
|
+
GIP = "GIP",
|
|
3489
|
+
GMD = "GMD",
|
|
3490
|
+
GNF = "GNF",
|
|
3491
|
+
GRD = "GRD",
|
|
3492
|
+
GTQ = "GTQ",
|
|
3493
|
+
GYD = "GYD",
|
|
3494
|
+
HKD = "HKD",
|
|
3495
|
+
HNL = "HNL",
|
|
3496
|
+
HRK = "HRK",
|
|
3497
|
+
HTG = "HTG",
|
|
3498
|
+
HUF = "HUF",
|
|
3499
|
+
IDR = "IDR",
|
|
3500
|
+
ILS = "ILS",
|
|
3501
|
+
INR = "INR",
|
|
3502
|
+
IQD = "IQD",
|
|
3503
|
+
IRR = "IRR",
|
|
3504
|
+
ISK = "ISK",
|
|
3505
|
+
ITL = "ITL",
|
|
3506
|
+
JMD = "JMD",
|
|
3507
|
+
JOD = "JOD",
|
|
3508
|
+
JPY = "JPY",
|
|
3509
|
+
KES = "KES",
|
|
3510
|
+
KGS = "KGS",
|
|
3511
|
+
KHR = "KHR",
|
|
3512
|
+
KMF = "KMF",
|
|
3513
|
+
KPW = "KPW",
|
|
3514
|
+
KRW = "KRW",
|
|
3515
|
+
KWD = "KWD",
|
|
3516
|
+
KYD = "KYD",
|
|
3517
|
+
KZT = "KZT",
|
|
3518
|
+
LAK = "LAK",
|
|
3519
|
+
LBP = "LBP",
|
|
3520
|
+
LKR = "LKR",
|
|
3521
|
+
LRD = "LRD",
|
|
3522
|
+
LSL = "LSL",
|
|
3523
|
+
LTC = "LTC",
|
|
3524
|
+
LTL = "LTL",
|
|
3525
|
+
LVL = "LVL",
|
|
3526
|
+
LYD = "LYD",
|
|
3527
|
+
MAD = "MAD",
|
|
3528
|
+
MDL = "MDL",
|
|
3529
|
+
MGA = "MGA",
|
|
3530
|
+
MKD = "MKD",
|
|
3531
|
+
MMK = "MMK",
|
|
3532
|
+
MNT = "MNT",
|
|
3533
|
+
MOP = "MOP",
|
|
3534
|
+
MRO = "MRO",
|
|
3535
|
+
MRU = "MRU",
|
|
3536
|
+
MUR = "MUR",
|
|
3537
|
+
MVR = "MVR",
|
|
3538
|
+
MWK = "MWK",
|
|
3539
|
+
MXN = "MXN",
|
|
3540
|
+
MYR = "MYR",
|
|
3541
|
+
MZM = "MZM",
|
|
3542
|
+
NAD = "NAD",
|
|
3543
|
+
NGN = "NGN",
|
|
3544
|
+
NIO = "NIO",
|
|
3545
|
+
NOK = "NOK",
|
|
3546
|
+
NPR = "NPR",
|
|
3547
|
+
NZD = "NZD",
|
|
3548
|
+
OMR = "OMR",
|
|
3549
|
+
PAB = "PAB",
|
|
3550
|
+
PEN = "PEN",
|
|
3551
|
+
PGK = "PGK",
|
|
3552
|
+
PHP = "PHP",
|
|
3553
|
+
PKR = "PKR",
|
|
3554
|
+
PLN = "PLN",
|
|
3555
|
+
PYG = "PYG",
|
|
3556
|
+
QAR = "QAR",
|
|
3557
|
+
RON = "RON",
|
|
3558
|
+
RSD = "RSD",
|
|
3559
|
+
RUB = "RUB",
|
|
3560
|
+
RWF = "RWF",
|
|
3561
|
+
SAR = "SAR",
|
|
3562
|
+
SBD = "SBD",
|
|
3563
|
+
SCR = "SCR",
|
|
3564
|
+
SDG = "SDG",
|
|
3565
|
+
SEK = "SEK",
|
|
3566
|
+
SGD = "SGD",
|
|
3567
|
+
SHP = "SHP",
|
|
3568
|
+
SKK = "SKK",
|
|
3569
|
+
SLL = "SLL",
|
|
3570
|
+
SOS = "SOS",
|
|
3571
|
+
SRD = "SRD",
|
|
3572
|
+
SSP = "SSP",
|
|
3573
|
+
STD = "STD",
|
|
3574
|
+
SVC = "SVC",
|
|
3575
|
+
SYP = "SYP",
|
|
3576
|
+
SZL = "SZL",
|
|
3577
|
+
THB = "THB",
|
|
3578
|
+
TJS = "TJS",
|
|
3579
|
+
TMT = "TMT",
|
|
3580
|
+
TND = "TND",
|
|
3581
|
+
TOP = "TOP",
|
|
3582
|
+
TRY = "TRY",
|
|
3583
|
+
TTD = "TTD",
|
|
3584
|
+
TWD = "TWD",
|
|
3585
|
+
TZS = "TZS",
|
|
3586
|
+
UAH = "UAH",
|
|
3587
|
+
UGX = "UGX",
|
|
3588
|
+
USD = "USD",
|
|
3589
|
+
UYU = "UYU",
|
|
3590
|
+
UZS = "UZS",
|
|
3591
|
+
VEF = "VEF",
|
|
3592
|
+
VND = "VND",
|
|
3593
|
+
VUV = "VUV",
|
|
3594
|
+
WST = "WST",
|
|
3595
|
+
XAF = "XAF",
|
|
3596
|
+
XCD = "XCD",
|
|
3597
|
+
XDR = "XDR",
|
|
3598
|
+
XOF = "XOF",
|
|
3599
|
+
XPF = "XPF",
|
|
3600
|
+
YER = "YER",
|
|
3601
|
+
ZAR = "ZAR",
|
|
3602
|
+
ZMK = "ZMK",
|
|
3603
|
+
ZWL = "ZWL"
|
|
3571
3604
|
}
|
|
3572
3605
|
|
|
3573
3606
|
export declare type BentoCurrencyListboxOptionItem = OmitStrict<BentoListboxOptionItem, 'value'> & {
|
|
@@ -3581,22 +3614,18 @@ export declare interface BentoCurrencyProps {
|
|
|
3581
3614
|
* Currency code based on the ISO 4217 standard
|
|
3582
3615
|
*/
|
|
3583
3616
|
currency?: BentoCurrencyISOCode | `${BentoCurrencyISOCode}`;
|
|
3584
|
-
|
|
3585
3617
|
/**
|
|
3586
3618
|
* Disable the default typography for the component. Only use this when the component is inside another typography component.
|
|
3587
3619
|
*/
|
|
3588
3620
|
disableTypography?: boolean;
|
|
3589
|
-
|
|
3590
3621
|
/**
|
|
3591
3622
|
* Accepts currency value in major units instead of minor ones
|
|
3592
3623
|
*/
|
|
3593
3624
|
majorUnits?: boolean;
|
|
3594
|
-
|
|
3595
3625
|
/**
|
|
3596
3626
|
* Currency value to be formatted
|
|
3597
3627
|
*/
|
|
3598
3628
|
value?: number;
|
|
3599
|
-
|
|
3600
3629
|
/**
|
|
3601
3630
|
* Determines how the currency symbol and negative values are displayed.
|
|
3602
3631
|
* This is only applicable to certain countries such as `en-US`.
|
|
@@ -3635,7 +3664,7 @@ export declare interface BentoCurrencyProps {
|
|
|
3635
3664
|
* `
|
|
3636
3665
|
* }
|
|
3637
3666
|
*/
|
|
3638
|
-
export declare const BentoDashboardSection: __VLS_WithTemplateSlots_53<DefineComponent<
|
|
3667
|
+
export declare const BentoDashboardSection: __VLS_WithTemplateSlots_53<DefineComponent<__VLS_WithDefaults_48<__VLS_TypePropsToRuntimeProps_51<{
|
|
3639
3668
|
/**
|
|
3640
3669
|
* The header of the section
|
|
3641
3670
|
*/
|
|
@@ -3646,7 +3675,7 @@ header: BentoDashboardTemplateHeader;
|
|
|
3646
3675
|
halfWidth?: boolean;
|
|
3647
3676
|
}>, {
|
|
3648
3677
|
halfWidth: boolean;
|
|
3649
|
-
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<
|
|
3678
|
+
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_48<__VLS_TypePropsToRuntimeProps_51<{
|
|
3650
3679
|
/**
|
|
3651
3680
|
* The header of the section
|
|
3652
3681
|
*/
|
|
@@ -3694,7 +3723,7 @@ halfWidth: boolean;
|
|
|
3694
3723
|
* `
|
|
3695
3724
|
* }
|
|
3696
3725
|
*/
|
|
3697
|
-
export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_52<DefineComponent<
|
|
3726
|
+
export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_52<DefineComponent<__VLS_WithDefaults_47<__VLS_TypePropsToRuntimeProps_50<{
|
|
3698
3727
|
/**
|
|
3699
3728
|
* The header that goes to the top of the template
|
|
3700
3729
|
*/
|
|
@@ -3717,7 +3746,7 @@ stickyFilters?: boolean;
|
|
|
3717
3746
|
tabs: any;
|
|
3718
3747
|
stickyTabs: boolean;
|
|
3719
3748
|
stickyFilters: boolean;
|
|
3720
|
-
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<
|
|
3749
|
+
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_47<__VLS_TypePropsToRuntimeProps_50<{
|
|
3721
3750
|
/**
|
|
3722
3751
|
* The header that goes to the top of the template
|
|
3723
3752
|
*/
|
|
@@ -3796,11 +3825,11 @@ disabled: boolean;
|
|
|
3796
3825
|
tooltipText: any;
|
|
3797
3826
|
tooltipPosition: string;
|
|
3798
3827
|
}>>>, {
|
|
3799
|
-
tooltipPosition:
|
|
3828
|
+
tooltipPosition: BentoTooltipPosition_2 | `${BentoTooltipPosition_2}`;
|
|
3800
3829
|
tooltipText: string;
|
|
3830
|
+
teleport: BentoDashedUnderlineTeleport;
|
|
3801
3831
|
popoverText: string;
|
|
3802
3832
|
popoverPosition: BentoPopoverPositions | `${BentoPopoverPositions}`;
|
|
3803
|
-
teleport: BentoDashedUnderlineTeleport;
|
|
3804
3833
|
popoverTitle: string;
|
|
3805
3834
|
popoverSize: "default" | "fit-content" | "large" | "small";
|
|
3806
3835
|
}>, {
|
|
@@ -3837,7 +3866,7 @@ export declare interface BentoDashedUnderlineProps {
|
|
|
3837
3866
|
/**
|
|
3838
3867
|
* Position the tooltip should take if space is available.
|
|
3839
3868
|
*/
|
|
3840
|
-
tooltipPosition?:
|
|
3869
|
+
tooltipPosition?: BentoTooltipPosition_2 | `${BentoTooltipPosition_2}`;
|
|
3841
3870
|
}
|
|
3842
3871
|
|
|
3843
3872
|
export declare type BentoDashedUnderlineTeleport = BentoTeleportProps;
|
|
@@ -4162,9 +4191,16 @@ truncateColumnHeaders: {
|
|
|
4162
4191
|
type: BooleanConstructor;
|
|
4163
4192
|
default: boolean;
|
|
4164
4193
|
};
|
|
4194
|
+
/**
|
|
4195
|
+
* Toggles the alternating background color of rows.
|
|
4196
|
+
*/
|
|
4197
|
+
zebraRows: {
|
|
4198
|
+
type: BooleanConstructor;
|
|
4199
|
+
default: boolean;
|
|
4200
|
+
};
|
|
4165
4201
|
}, {
|
|
4166
4202
|
onEmptyStateClearResetButtonClick: () => void;
|
|
4167
|
-
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BentoDatagridEvent[], string, Readonly<ExtractPropTypes< {
|
|
4203
|
+
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, (BentoDatagridEvent.COLUMNS | BentoDatagridEvent.COLUMN_RESIZE | BentoDatagridEvent.ITEMS_PAGE | BentoDatagridEvent.NAVIGATE | BentoDatagridEvent.NESTED_CONTENT_TOGGLED | BentoDatagridEvent.FILTER_SEARCH_INPUT | BentoDatagridEvent.FILTER_SEARCH_CLEAR | BentoDatagridEvent.UPDATE_COLUMNS | BentoDatagridEvent.UPDATE_CONDENSED | BentoDatagridEvent.UPDATE_FILTERS | BentoDatagridEvent.UPDATE_FILTER_VALUES | BentoDatagridEvent.UPDATE_FILTER_SEARCH_TERM | BentoDatagridEvent.UPDATE_PAGINATION | BentoDatagridEvent.UPDATE_SELECTION | BentoDatagridEvent.UPDATE_SHOW_MORE | BentoDatagridEvent.UPDATE_SORT_BY | BentoDatagridEvent.ROW_CLICK | BentoDatagridEvent.SELECT | BentoDatagridEvent.SELECT_ALL_ACROSS_PAGES | BentoDatagridEvent.SORT)[], string, Readonly<ExtractPropTypes< {
|
|
4168
4204
|
/**
|
|
4169
4205
|
* When true, will emit a 'rowClick' event when a row is clicked. Will add cursor: pointer to rows.
|
|
4170
4206
|
*/
|
|
@@ -4461,11 +4497,18 @@ truncateColumnHeaders: {
|
|
|
4461
4497
|
type: BooleanConstructor;
|
|
4462
4498
|
default: boolean;
|
|
4463
4499
|
};
|
|
4500
|
+
/**
|
|
4501
|
+
* Toggles the alternating background color of rows.
|
|
4502
|
+
*/
|
|
4503
|
+
zebraRows: {
|
|
4504
|
+
type: BooleanConstructor;
|
|
4505
|
+
default: boolean;
|
|
4506
|
+
};
|
|
4464
4507
|
}>>, {
|
|
4465
4508
|
filters: BentoFilterBarModel;
|
|
4466
4509
|
condensed: boolean;
|
|
4467
|
-
loading: boolean;
|
|
4468
4510
|
outline: boolean;
|
|
4511
|
+
loading: boolean;
|
|
4469
4512
|
fitContent: boolean;
|
|
4470
4513
|
lazyLoadType: BentoLazyLoadType;
|
|
4471
4514
|
emptyState: any;
|
|
@@ -4475,6 +4518,7 @@ selectable: boolean;
|
|
|
4475
4518
|
selectableAcrossPages: boolean;
|
|
4476
4519
|
sortBy: BentoDatagridSortByColumn[];
|
|
4477
4520
|
truncateColumnHeaders: boolean;
|
|
4521
|
+
zebraRows: boolean;
|
|
4478
4522
|
getDataItemId: BentoDatagridGetDataItemIdFn;
|
|
4479
4523
|
isDataItemDisabled: BentoDatagridIsDataItemDisabledFn;
|
|
4480
4524
|
rowActions: BentoDataGridRowActionsProp;
|
|
@@ -4544,6 +4588,7 @@ export declare enum BentoDatagridEvent {
|
|
|
4544
4588
|
UPDATE_SELECTION = "update:selection",
|
|
4545
4589
|
UPDATE_SHOW_MORE = "update:show-more",
|
|
4546
4590
|
UPDATE_SORT_BY = "update:sort-by",
|
|
4591
|
+
UPDATE_ZEBRA_ROWS = "update:zebra-rows",
|
|
4547
4592
|
ROW_CLICK = "row-click",
|
|
4548
4593
|
SELECT = "select",
|
|
4549
4594
|
SELECT_ALL_ACROSS_PAGES = "select-all-across-pages",
|
|
@@ -4635,7 +4680,8 @@ export declare enum BentoDatagridStyleState {
|
|
|
4635
4680
|
OVERFLOW_SHADOW_LEFT = "overflow-shadow-left",
|
|
4636
4681
|
OVERFLOW_SHADOW_RIGHT = "overflow-shadow-right",
|
|
4637
4682
|
NO_SPACING_TOP = "no-spacing-top",
|
|
4638
|
-
FIT_CONTENT = "fit-content"
|
|
4683
|
+
FIT_CONTENT = "fit-content",
|
|
4684
|
+
ZEBRA_ROWS = "zebra-rows"
|
|
4639
4685
|
}
|
|
4640
4686
|
|
|
4641
4687
|
/**
|
|
@@ -4884,8 +4930,8 @@ tabs: BentoDataGridTemplateTabs;
|
|
|
4884
4930
|
inspector: {
|
|
4885
4931
|
title: string;
|
|
4886
4932
|
isOpen?: boolean;
|
|
4887
|
-
loading?: boolean;
|
|
4888
4933
|
size?: BentoInspectorSize;
|
|
4934
|
+
loading?: boolean;
|
|
4889
4935
|
expandable?: boolean;
|
|
4890
4936
|
relativeLayout?: BentoInspectorRelativeLayout;
|
|
4891
4937
|
pageFocusAnchor?: HTMLElement;
|
|
@@ -4935,11 +4981,11 @@ export declare type BentoDataGridTemplateTabs = {
|
|
|
4935
4981
|
* `
|
|
4936
4982
|
* }
|
|
4937
4983
|
*/
|
|
4938
|
-
export declare const BentoDate: DefineComponent<
|
|
4984
|
+
export declare const BentoDate: DefineComponent<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoDateProps>, {
|
|
4939
4985
|
date: any;
|
|
4940
4986
|
format: BentoDateFormat;
|
|
4941
4987
|
disableTypography: boolean;
|
|
4942
|
-
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<
|
|
4988
|
+
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_14<BentoDateProps>, {
|
|
4943
4989
|
date: any;
|
|
4944
4990
|
format: BentoDateFormat;
|
|
4945
4991
|
disableTypography: boolean;
|
|
@@ -5494,54 +5540,7 @@ hasActions: {
|
|
|
5494
5540
|
type: BooleanConstructor;
|
|
5495
5541
|
default: boolean;
|
|
5496
5542
|
};
|
|
5497
|
-
}, {
|
|
5498
|
-
inputContainerRef: any;
|
|
5499
|
-
adjustedQuickSelectRanges: ComputedRef<DateRangePickerCalendarRangeSelectorItem[]>;
|
|
5500
|
-
dateDisplayValue: ComputedRef<string>;
|
|
5501
|
-
datePickerContainerId: string;
|
|
5502
|
-
descriptionConditionalClasses: ComputedRef< {
|
|
5503
|
-
'b-date-range-picker__description--error': boolean;
|
|
5504
|
-
}>;
|
|
5505
|
-
displayedTextInputValue: ComputedRef<DateRangePickerCalendarFormData>;
|
|
5506
|
-
displayedDateValue: ComputedRef<string>;
|
|
5507
|
-
isDateIncorrect: Ref<boolean>;
|
|
5508
|
-
isDateRangePickerOpen: Ref<boolean>;
|
|
5509
|
-
isReadOnly: ComputedRef<boolean>;
|
|
5510
|
-
labelId: string;
|
|
5511
|
-
descriptionId: string;
|
|
5512
|
-
dateErrorId: string;
|
|
5513
|
-
errorId: string;
|
|
5514
|
-
popoverAriaLabel: ComputedRef<string>;
|
|
5515
|
-
shouldDisplayError: ComputedRef<boolean>;
|
|
5516
|
-
ariaDescribedBy: ComputedRef<string>;
|
|
5517
|
-
textInputDisplayValue: DateRangePickerCalendarFormData;
|
|
5518
|
-
rangePickerButtonActions: ComputedRef<({
|
|
5519
|
-
title: string;
|
|
5520
|
-
event: () => void;
|
|
5521
|
-
disabled: boolean;
|
|
5522
|
-
} | {
|
|
5523
|
-
title: string;
|
|
5524
|
-
event: () => void;
|
|
5525
|
-
disabled?: undefined;
|
|
5526
|
-
})[]>;
|
|
5527
|
-
BentoButtonActionsLayout: {
|
|
5528
|
-
BUTTONS_START: import("../../components/button").BentoButtonActionsLayoutExtended.BUTTONS_START;
|
|
5529
|
-
BUTTONS_END: import("../../components/button").BentoButtonActionsLayoutBasic.BUTTONS_END;
|
|
5530
|
-
FILL_CONTAINER: import("../../components/button").BentoButtonActionsLayoutBasic.FILL_CONTAINER;
|
|
5531
|
-
SPACE_BETWEEN: import("../../components/button").BentoButtonActionsLayoutBasic.SPACE_BETWEEN;
|
|
5532
|
-
VERTICAL_STACK: import("../../components/button").BentoButtonActionsLayoutBasic.VERTICAL_STACK;
|
|
5533
|
-
};
|
|
5534
|
-
withTimeInput: ComputedRef<boolean>;
|
|
5535
|
-
closeDateRangePicker: () => void;
|
|
5536
|
-
clearDateRangePickerValue: () => Promise<void>;
|
|
5537
|
-
openDateRangePicker: () => void;
|
|
5538
|
-
onRangeSelectorInput: (quickSelectRanges?: BentoDateRangePickerValue) => void;
|
|
5539
|
-
onEnterPressedOverInput: () => void;
|
|
5540
|
-
onDateRangePickerInput: (selectedRange: BentoDateRangePickerValue) => void;
|
|
5541
|
-
onDateRangePickerError: (dateTextInput: any) => void;
|
|
5542
|
-
onDateRangePickerFormDateInputUpdate: (dateFormDate: DateRangePickerCalendarFormData) => void;
|
|
5543
|
-
t: (key: "cancel" | "apply" | "selectDate" | "provideDateInAFormat" | "selectDateRange" | "selectedDateIsNotAvailable" | "quarter" | "dateRangePicker", values?: default_2.Values) => string;
|
|
5544
|
-
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BentoDateRangePickerEvent[], string, Readonly<ExtractPropTypes< {
|
|
5543
|
+
}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, BentoDateRangePickerEvent[], string, Readonly<ExtractPropTypes< {
|
|
5545
5544
|
/**
|
|
5546
5545
|
* Allows user to enter time values in the form
|
|
5547
5546
|
*/
|
|
@@ -5753,9 +5752,9 @@ export declare interface BentoDateRangePickerValue {
|
|
|
5753
5752
|
* template: `<bento-divider />`
|
|
5754
5753
|
* }
|
|
5755
5754
|
*/
|
|
5756
|
-
export declare const BentoDivider: DefineComponent<
|
|
5755
|
+
export declare const BentoDivider: DefineComponent<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoDividerProps>, {
|
|
5757
5756
|
variant: BentoDividerVariant;
|
|
5758
|
-
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<
|
|
5757
|
+
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_15<BentoDividerProps>, {
|
|
5759
5758
|
variant: BentoDividerVariant;
|
|
5760
5759
|
}>>>, {
|
|
5761
5760
|
variant: `${BentoDividerVariant}`;
|
|
@@ -5881,12 +5880,12 @@ label: string;
|
|
|
5881
5880
|
required: boolean;
|
|
5882
5881
|
condensed: boolean;
|
|
5883
5882
|
disabled: boolean;
|
|
5884
|
-
loading: boolean;
|
|
5885
5883
|
error: boolean;
|
|
5886
5884
|
optional: boolean;
|
|
5887
5885
|
readonly: boolean;
|
|
5888
5886
|
size: BentoDropdownSize | `${BentoDropdownSize}`;
|
|
5889
5887
|
multiple: boolean;
|
|
5888
|
+
loading: boolean;
|
|
5890
5889
|
tooltipText: string;
|
|
5891
5890
|
errorMessage: string;
|
|
5892
5891
|
ariaLabel: string;
|
|
@@ -5934,18 +5933,64 @@ enableValueLabelPair: boolean;
|
|
|
5934
5933
|
* }
|
|
5935
5934
|
* }
|
|
5936
5935
|
*/
|
|
5937
|
-
export declare const BentoDropdownAvatar: DefineComponent<
|
|
5936
|
+
export declare const BentoDropdownAvatar: DefineComponent<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<BentoDropdownCurrencyProps>, {
|
|
5937
|
+
items: () => any[];
|
|
5938
|
+
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
5939
|
+
input: (selectedValue: BentoListboxSelectedValue) => void;
|
|
5940
|
+
}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<BentoDropdownCurrencyProps>, {
|
|
5941
|
+
items: () => any[];
|
|
5942
|
+
}>>>, {
|
|
5943
|
+
items: BentoAvatarListboxOptions;
|
|
5944
|
+
}>;
|
|
5945
|
+
|
|
5946
|
+
/**
|
|
5947
|
+
* A Country Dropdown showing a selectable list of countries.
|
|
5948
|
+
*
|
|
5949
|
+
* @example
|
|
5950
|
+
* import { BentoDropdownCountry, BentoCountryCode } from '../../../../..';
|
|
5951
|
+
* import type { BentoCountryListboxOptions } from '../../../../..'
|
|
5952
|
+
*
|
|
5953
|
+
* export default {
|
|
5954
|
+
* components: { BentoDropdown },
|
|
5955
|
+
* template: `
|
|
5956
|
+
* <bento-dropdown-country
|
|
5957
|
+
* v-model="selectedValue"
|
|
5958
|
+
* :disabled="false"
|
|
5959
|
+
* :multiple="true"
|
|
5960
|
+
* :isOptionsDisabled="option => option.value === 2"
|
|
5961
|
+
* :items="options"
|
|
5962
|
+
* />
|
|
5963
|
+
* `,
|
|
5964
|
+
* setup() {
|
|
5965
|
+
* const selectedValue = ref(BentoCountryCode.NL) // Default value
|
|
5966
|
+
* const options: BentoCountryListboxOptions = [
|
|
5967
|
+
* { label: 'Option 1', value: BentoCountryCode.NL },
|
|
5968
|
+
* { label: 'Option 2', value: BentoCountryCode.BE },
|
|
5969
|
+
* ];
|
|
5970
|
+
* return { options, selectedValue };
|
|
5971
|
+
* }
|
|
5972
|
+
* }
|
|
5973
|
+
*/
|
|
5974
|
+
export declare const BentoDropdownCountry: DefineComponent< {
|
|
5938
5975
|
/**
|
|
5939
|
-
* The option elements to populate the
|
|
5940
|
-
* It must be an array of {@see
|
|
5941
|
-
* * @
|
|
5942
|
-
* * @property {string
|
|
5943
|
-
* * @property {string} value.src - Image source of the avatar image.
|
|
5976
|
+
* The option elements to populate the country dropdown with.
|
|
5977
|
+
* It must be an array of {@see BentoCountryListboxOptions }
|
|
5978
|
+
* * @deprecated {string} value.label - Use BentoDropdown instead of custom labels
|
|
5979
|
+
* * @property {BentoCountryCode | string} value.value - Country code of the option
|
|
5944
5980
|
*/
|
|
5945
5981
|
items: {
|
|
5946
|
-
type: PropType<
|
|
5982
|
+
type: PropType<BentoCountryListboxOptions>;
|
|
5947
5983
|
default: () => any[];
|
|
5948
5984
|
};
|
|
5985
|
+
/**
|
|
5986
|
+
* Which label variant to display.
|
|
5987
|
+
* @values iso, name, phone_code, capital
|
|
5988
|
+
*/
|
|
5989
|
+
variant: {
|
|
5990
|
+
type: PropType<BentoCountryVariant | `${BentoCountryVariant}`>;
|
|
5991
|
+
default: BentoCountryVariant;
|
|
5992
|
+
validator: (value: BentoCountryVariant) => boolean;
|
|
5993
|
+
};
|
|
5949
5994
|
search: {
|
|
5950
5995
|
type: PropType<BentoListboxSearchOptions>;
|
|
5951
5996
|
} & {
|
|
@@ -5981,11 +6026,6 @@ type: PropType<boolean>;
|
|
|
5981
6026
|
} & {
|
|
5982
6027
|
default: boolean;
|
|
5983
6028
|
};
|
|
5984
|
-
loading: {
|
|
5985
|
-
type: PropType<boolean>;
|
|
5986
|
-
} & {
|
|
5987
|
-
default: boolean;
|
|
5988
|
-
};
|
|
5989
6029
|
error: {
|
|
5990
6030
|
type: PropType<boolean>;
|
|
5991
6031
|
} & {
|
|
@@ -6011,6 +6051,11 @@ type: PropType<boolean>;
|
|
|
6011
6051
|
} & {
|
|
6012
6052
|
default: boolean;
|
|
6013
6053
|
};
|
|
6054
|
+
loading: {
|
|
6055
|
+
type: PropType<boolean>;
|
|
6056
|
+
} & {
|
|
6057
|
+
default: boolean;
|
|
6058
|
+
};
|
|
6014
6059
|
tooltipText: {
|
|
6015
6060
|
type: PropType<string>;
|
|
6016
6061
|
} & {
|
|
@@ -6085,16 +6130,24 @@ default: boolean;
|
|
|
6085
6130
|
input: (selectedValue: BentoListboxSelectedValue) => void;
|
|
6086
6131
|
}, string, Readonly<ExtractPropTypes< {
|
|
6087
6132
|
/**
|
|
6088
|
-
* The option elements to populate the
|
|
6089
|
-
* It must be an array of {@see
|
|
6090
|
-
* * @
|
|
6091
|
-
* * @property {string
|
|
6092
|
-
* * @property {string} value.src - Image source of the avatar image.
|
|
6133
|
+
* The option elements to populate the country dropdown with.
|
|
6134
|
+
* It must be an array of {@see BentoCountryListboxOptions }
|
|
6135
|
+
* * @deprecated {string} value.label - Use BentoDropdown instead of custom labels
|
|
6136
|
+
* * @property {BentoCountryCode | string} value.value - Country code of the option
|
|
6093
6137
|
*/
|
|
6094
6138
|
items: {
|
|
6095
|
-
type: PropType<
|
|
6139
|
+
type: PropType<BentoCountryListboxOptions>;
|
|
6096
6140
|
default: () => any[];
|
|
6097
6141
|
};
|
|
6142
|
+
/**
|
|
6143
|
+
* Which label variant to display.
|
|
6144
|
+
* @values iso, name, phone_code, capital
|
|
6145
|
+
*/
|
|
6146
|
+
variant: {
|
|
6147
|
+
type: PropType<BentoCountryVariant | `${BentoCountryVariant}`>;
|
|
6148
|
+
default: BentoCountryVariant;
|
|
6149
|
+
validator: (value: BentoCountryVariant) => boolean;
|
|
6150
|
+
};
|
|
6098
6151
|
search: {
|
|
6099
6152
|
type: PropType<BentoListboxSearchOptions>;
|
|
6100
6153
|
} & {
|
|
@@ -6130,11 +6183,6 @@ type: PropType<boolean>;
|
|
|
6130
6183
|
} & {
|
|
6131
6184
|
default: boolean;
|
|
6132
6185
|
};
|
|
6133
|
-
loading: {
|
|
6134
|
-
type: PropType<boolean>;
|
|
6135
|
-
} & {
|
|
6136
|
-
default: boolean;
|
|
6137
|
-
};
|
|
6138
6186
|
error: {
|
|
6139
6187
|
type: PropType<boolean>;
|
|
6140
6188
|
} & {
|
|
@@ -6160,6 +6208,11 @@ type: PropType<boolean>;
|
|
|
6160
6208
|
} & {
|
|
6161
6209
|
default: boolean;
|
|
6162
6210
|
};
|
|
6211
|
+
loading: {
|
|
6212
|
+
type: PropType<boolean>;
|
|
6213
|
+
} & {
|
|
6214
|
+
default: boolean;
|
|
6215
|
+
};
|
|
6163
6216
|
tooltipText: {
|
|
6164
6217
|
type: PropType<string>;
|
|
6165
6218
|
} & {
|
|
@@ -6235,744 +6288,20 @@ search: BentoListboxSearchOptions;
|
|
|
6235
6288
|
value: BentoListboxSelectedValue;
|
|
6236
6289
|
description: string;
|
|
6237
6290
|
label: string;
|
|
6291
|
+
variant: "name" | "iso" | "phone_code" | "capital" | "custom" | BentoCountryVariant;
|
|
6238
6292
|
required: boolean;
|
|
6239
6293
|
condensed: boolean;
|
|
6240
6294
|
disabled: boolean;
|
|
6241
|
-
loading: boolean;
|
|
6242
6295
|
error: boolean;
|
|
6243
6296
|
optional: boolean;
|
|
6244
6297
|
readonly: boolean;
|
|
6245
6298
|
size: BentoDropdownSize | `${BentoDropdownSize}`;
|
|
6246
6299
|
multiple: boolean;
|
|
6247
|
-
tooltipText: string;
|
|
6248
|
-
errorMessage: string;
|
|
6249
|
-
ariaLabel: string;
|
|
6250
|
-
items: BentoAvatarListboxOptions;
|
|
6251
|
-
isOptionDisabled: BentoListboxIsOptionDisabled;
|
|
6252
|
-
staticCategories: boolean;
|
|
6253
|
-
hasMoreItems: boolean;
|
|
6254
|
-
lazyLoadType: BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`;
|
|
6255
|
-
emptyState: BentoListboxEmptyStateProps;
|
|
6256
|
-
componentLoading: boolean;
|
|
6257
|
-
virtualScroll: BentoListboxVirtulisationOptions;
|
|
6258
|
-
dynamicFiltering: boolean;
|
|
6259
|
-
placeholder: string;
|
|
6260
|
-
showSlotContentInMultiple: boolean;
|
|
6261
|
-
enableValueLabelPair: boolean;
|
|
6262
|
-
}>;
|
|
6263
|
-
|
|
6264
|
-
/**
|
|
6265
|
-
* A Country Dropdown showing a selectable list of countries.
|
|
6266
|
-
*
|
|
6267
|
-
* @example
|
|
6268
|
-
* import { BentoDropdownCountry, BentoCountryCode } from '../../../../..';
|
|
6269
|
-
* import type { BentoCountryListboxOptions } from '../../../../..'
|
|
6270
|
-
*
|
|
6271
|
-
* export default {
|
|
6272
|
-
* components: { BentoDropdown },
|
|
6273
|
-
* template: `
|
|
6274
|
-
* <bento-dropdown-country
|
|
6275
|
-
* v-model="selectedValue"
|
|
6276
|
-
* :disabled="false"
|
|
6277
|
-
* :multiple="true"
|
|
6278
|
-
* :isOptionsDisabled="option => option.value === 2"
|
|
6279
|
-
* :items="options"
|
|
6280
|
-
* />
|
|
6281
|
-
* `,
|
|
6282
|
-
* setup() {
|
|
6283
|
-
* const selectedValue = ref(BentoCountryCode.NL) // Default value
|
|
6284
|
-
* const options: BentoCountryListboxOptions = [
|
|
6285
|
-
* { label: 'Option 1', value: BentoCountryCode.NL },
|
|
6286
|
-
* { label: 'Option 2', value: BentoCountryCode.BE },
|
|
6287
|
-
* ];
|
|
6288
|
-
* return { options, selectedValue };
|
|
6289
|
-
* }
|
|
6290
|
-
* }
|
|
6291
|
-
*/
|
|
6292
|
-
export declare const BentoDropdownCountry: DefineComponent< {
|
|
6293
|
-
/**
|
|
6294
|
-
* The option elements to populate the country dropdown with.
|
|
6295
|
-
* It must be an array of {@see BentoCountryListboxOptions }
|
|
6296
|
-
* * @deprecated {string} value.label - Use BentoDropdown instead of custom labels
|
|
6297
|
-
* * @property {BentoCountryCode | string} value.value - Country code of the option
|
|
6298
|
-
*/
|
|
6299
|
-
items: {
|
|
6300
|
-
type: PropType<BentoCountryListboxOptions>;
|
|
6301
|
-
default: () => any[];
|
|
6302
|
-
};
|
|
6303
|
-
/**
|
|
6304
|
-
* Which label variant to display.
|
|
6305
|
-
* @values iso, name, phone_code, capital
|
|
6306
|
-
*/
|
|
6307
|
-
variant: {
|
|
6308
|
-
type: PropType<BentoCountryVariant | `${BentoCountryVariant}`>;
|
|
6309
|
-
default: BentoCountryVariant;
|
|
6310
|
-
validator: (value: BentoCountryVariant) => boolean;
|
|
6311
|
-
};
|
|
6312
|
-
search: {
|
|
6313
|
-
type: PropType<BentoListboxSearchOptions>;
|
|
6314
|
-
} & {
|
|
6315
|
-
default: any;
|
|
6316
|
-
};
|
|
6317
|
-
value: {
|
|
6318
|
-
type: PropType<BentoListboxSelectedValue>;
|
|
6319
|
-
} & {
|
|
6320
|
-
default: any;
|
|
6321
|
-
};
|
|
6322
|
-
description: {
|
|
6323
|
-
type: PropType<string>;
|
|
6324
|
-
} & {
|
|
6325
|
-
default: any;
|
|
6326
|
-
};
|
|
6327
|
-
label: {
|
|
6328
|
-
type: PropType<string>;
|
|
6329
|
-
} & {
|
|
6330
|
-
default: any;
|
|
6331
|
-
};
|
|
6332
|
-
required: {
|
|
6333
|
-
type: PropType<boolean>;
|
|
6334
|
-
} & {
|
|
6335
|
-
default: boolean;
|
|
6336
|
-
};
|
|
6337
|
-
condensed: {
|
|
6338
|
-
type: PropType<boolean>;
|
|
6339
|
-
} & {
|
|
6340
|
-
default: boolean;
|
|
6341
|
-
};
|
|
6342
|
-
disabled: {
|
|
6343
|
-
type: PropType<boolean>;
|
|
6344
|
-
} & {
|
|
6345
|
-
default: boolean;
|
|
6346
|
-
};
|
|
6347
|
-
loading: {
|
|
6348
|
-
type: PropType<boolean>;
|
|
6349
|
-
} & {
|
|
6350
|
-
default: boolean;
|
|
6351
|
-
};
|
|
6352
|
-
error: {
|
|
6353
|
-
type: PropType<boolean>;
|
|
6354
|
-
} & {
|
|
6355
|
-
default: boolean;
|
|
6356
|
-
};
|
|
6357
|
-
optional: {
|
|
6358
|
-
type: PropType<boolean>;
|
|
6359
|
-
} & {
|
|
6360
|
-
default: boolean;
|
|
6361
|
-
};
|
|
6362
|
-
readonly: {
|
|
6363
|
-
type: PropType<boolean>;
|
|
6364
|
-
} & {
|
|
6365
|
-
default: boolean;
|
|
6366
|
-
};
|
|
6367
|
-
size: {
|
|
6368
|
-
type: PropType<BentoDropdownSize | "DropdownInputDefault" | "DropdownInputSmall">;
|
|
6369
|
-
} & {
|
|
6370
|
-
default: any;
|
|
6371
|
-
};
|
|
6372
|
-
multiple: {
|
|
6373
|
-
type: PropType<boolean>;
|
|
6374
|
-
} & {
|
|
6375
|
-
default: boolean;
|
|
6376
|
-
};
|
|
6377
|
-
tooltipText: {
|
|
6378
|
-
type: PropType<string>;
|
|
6379
|
-
} & {
|
|
6380
|
-
default: any;
|
|
6381
|
-
};
|
|
6382
|
-
errorMessage: {
|
|
6383
|
-
type: PropType<string>;
|
|
6384
|
-
} & {
|
|
6385
|
-
default: any;
|
|
6386
|
-
};
|
|
6387
|
-
ariaLabel: {
|
|
6388
|
-
type: PropType<string>;
|
|
6389
|
-
} & {
|
|
6390
|
-
default: any;
|
|
6391
|
-
};
|
|
6392
|
-
isOptionDisabled: {
|
|
6393
|
-
type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
|
|
6394
|
-
} & {
|
|
6395
|
-
default: any;
|
|
6396
|
-
};
|
|
6397
|
-
staticCategories: {
|
|
6398
|
-
type: PropType<boolean>;
|
|
6399
|
-
} & {
|
|
6400
|
-
default: boolean;
|
|
6401
|
-
};
|
|
6402
|
-
hasMoreItems: {
|
|
6403
|
-
type: PropType<boolean>;
|
|
6404
|
-
} & {
|
|
6405
|
-
default: boolean;
|
|
6406
|
-
};
|
|
6407
|
-
lazyLoadType: {
|
|
6408
|
-
type: PropType<"button" | "none" | "automatic" | BentoListboxLazyLoadType>;
|
|
6409
|
-
} & {
|
|
6410
|
-
default: BentoListboxLazyLoadType;
|
|
6411
|
-
};
|
|
6412
|
-
emptyState: {
|
|
6413
|
-
type: PropType<BentoListboxEmptyStateProps>;
|
|
6414
|
-
} & {
|
|
6415
|
-
default: any;
|
|
6416
|
-
};
|
|
6417
|
-
componentLoading: {
|
|
6418
|
-
type: PropType<boolean>;
|
|
6419
|
-
} & {
|
|
6420
|
-
default: boolean;
|
|
6421
|
-
};
|
|
6422
|
-
virtualScroll: {
|
|
6423
|
-
type: PropType<BentoListboxVirtulisationOptions>;
|
|
6424
|
-
} & {
|
|
6425
|
-
default: boolean;
|
|
6426
|
-
};
|
|
6427
|
-
dynamicFiltering: {
|
|
6428
|
-
type: PropType<boolean>;
|
|
6429
|
-
} & {
|
|
6430
|
-
default: boolean;
|
|
6431
|
-
};
|
|
6432
|
-
placeholder: {
|
|
6433
|
-
type: PropType<string>;
|
|
6434
|
-
} & {
|
|
6435
|
-
default: any;
|
|
6436
|
-
};
|
|
6437
|
-
showSlotContentInMultiple: {
|
|
6438
|
-
type: PropType<boolean>;
|
|
6439
|
-
} & {
|
|
6440
|
-
default: boolean;
|
|
6441
|
-
};
|
|
6442
|
-
enableValueLabelPair: {
|
|
6443
|
-
type: PropType<boolean>;
|
|
6444
|
-
} & {
|
|
6445
|
-
default: boolean;
|
|
6446
|
-
};
|
|
6447
|
-
}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
6448
|
-
input: (selectedValue: BentoListboxSelectedValue) => void;
|
|
6449
|
-
}, string, Readonly<ExtractPropTypes< {
|
|
6450
|
-
/**
|
|
6451
|
-
* The option elements to populate the country dropdown with.
|
|
6452
|
-
* It must be an array of {@see BentoCountryListboxOptions }
|
|
6453
|
-
* * @deprecated {string} value.label - Use BentoDropdown instead of custom labels
|
|
6454
|
-
* * @property {BentoCountryCode | string} value.value - Country code of the option
|
|
6455
|
-
*/
|
|
6456
|
-
items: {
|
|
6457
|
-
type: PropType<BentoCountryListboxOptions>;
|
|
6458
|
-
default: () => any[];
|
|
6459
|
-
};
|
|
6460
|
-
/**
|
|
6461
|
-
* Which label variant to display.
|
|
6462
|
-
* @values iso, name, phone_code, capital
|
|
6463
|
-
*/
|
|
6464
|
-
variant: {
|
|
6465
|
-
type: PropType<BentoCountryVariant | `${BentoCountryVariant}`>;
|
|
6466
|
-
default: BentoCountryVariant;
|
|
6467
|
-
validator: (value: BentoCountryVariant) => boolean;
|
|
6468
|
-
};
|
|
6469
|
-
search: {
|
|
6470
|
-
type: PropType<BentoListboxSearchOptions>;
|
|
6471
|
-
} & {
|
|
6472
|
-
default: any;
|
|
6473
|
-
};
|
|
6474
|
-
value: {
|
|
6475
|
-
type: PropType<BentoListboxSelectedValue>;
|
|
6476
|
-
} & {
|
|
6477
|
-
default: any;
|
|
6478
|
-
};
|
|
6479
|
-
description: {
|
|
6480
|
-
type: PropType<string>;
|
|
6481
|
-
} & {
|
|
6482
|
-
default: any;
|
|
6483
|
-
};
|
|
6484
|
-
label: {
|
|
6485
|
-
type: PropType<string>;
|
|
6486
|
-
} & {
|
|
6487
|
-
default: any;
|
|
6488
|
-
};
|
|
6489
|
-
required: {
|
|
6490
|
-
type: PropType<boolean>;
|
|
6491
|
-
} & {
|
|
6492
|
-
default: boolean;
|
|
6493
|
-
};
|
|
6494
|
-
condensed: {
|
|
6495
|
-
type: PropType<boolean>;
|
|
6496
|
-
} & {
|
|
6497
|
-
default: boolean;
|
|
6498
|
-
};
|
|
6499
|
-
disabled: {
|
|
6500
|
-
type: PropType<boolean>;
|
|
6501
|
-
} & {
|
|
6502
|
-
default: boolean;
|
|
6503
|
-
};
|
|
6504
|
-
loading: {
|
|
6505
|
-
type: PropType<boolean>;
|
|
6506
|
-
} & {
|
|
6507
|
-
default: boolean;
|
|
6508
|
-
};
|
|
6509
|
-
error: {
|
|
6510
|
-
type: PropType<boolean>;
|
|
6511
|
-
} & {
|
|
6512
|
-
default: boolean;
|
|
6513
|
-
};
|
|
6514
|
-
optional: {
|
|
6515
|
-
type: PropType<boolean>;
|
|
6516
|
-
} & {
|
|
6517
|
-
default: boolean;
|
|
6518
|
-
};
|
|
6519
|
-
readonly: {
|
|
6520
|
-
type: PropType<boolean>;
|
|
6521
|
-
} & {
|
|
6522
|
-
default: boolean;
|
|
6523
|
-
};
|
|
6524
|
-
size: {
|
|
6525
|
-
type: PropType<BentoDropdownSize | "DropdownInputDefault" | "DropdownInputSmall">;
|
|
6526
|
-
} & {
|
|
6527
|
-
default: any;
|
|
6528
|
-
};
|
|
6529
|
-
multiple: {
|
|
6530
|
-
type: PropType<boolean>;
|
|
6531
|
-
} & {
|
|
6532
|
-
default: boolean;
|
|
6533
|
-
};
|
|
6534
|
-
tooltipText: {
|
|
6535
|
-
type: PropType<string>;
|
|
6536
|
-
} & {
|
|
6537
|
-
default: any;
|
|
6538
|
-
};
|
|
6539
|
-
errorMessage: {
|
|
6540
|
-
type: PropType<string>;
|
|
6541
|
-
} & {
|
|
6542
|
-
default: any;
|
|
6543
|
-
};
|
|
6544
|
-
ariaLabel: {
|
|
6545
|
-
type: PropType<string>;
|
|
6546
|
-
} & {
|
|
6547
|
-
default: any;
|
|
6548
|
-
};
|
|
6549
|
-
isOptionDisabled: {
|
|
6550
|
-
type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
|
|
6551
|
-
} & {
|
|
6552
|
-
default: any;
|
|
6553
|
-
};
|
|
6554
|
-
staticCategories: {
|
|
6555
|
-
type: PropType<boolean>;
|
|
6556
|
-
} & {
|
|
6557
|
-
default: boolean;
|
|
6558
|
-
};
|
|
6559
|
-
hasMoreItems: {
|
|
6560
|
-
type: PropType<boolean>;
|
|
6561
|
-
} & {
|
|
6562
|
-
default: boolean;
|
|
6563
|
-
};
|
|
6564
|
-
lazyLoadType: {
|
|
6565
|
-
type: PropType<"button" | "none" | "automatic" | BentoListboxLazyLoadType>;
|
|
6566
|
-
} & {
|
|
6567
|
-
default: BentoListboxLazyLoadType;
|
|
6568
|
-
};
|
|
6569
|
-
emptyState: {
|
|
6570
|
-
type: PropType<BentoListboxEmptyStateProps>;
|
|
6571
|
-
} & {
|
|
6572
|
-
default: any;
|
|
6573
|
-
};
|
|
6574
|
-
componentLoading: {
|
|
6575
|
-
type: PropType<boolean>;
|
|
6576
|
-
} & {
|
|
6577
|
-
default: boolean;
|
|
6578
|
-
};
|
|
6579
|
-
virtualScroll: {
|
|
6580
|
-
type: PropType<BentoListboxVirtulisationOptions>;
|
|
6581
|
-
} & {
|
|
6582
|
-
default: boolean;
|
|
6583
|
-
};
|
|
6584
|
-
dynamicFiltering: {
|
|
6585
|
-
type: PropType<boolean>;
|
|
6586
|
-
} & {
|
|
6587
|
-
default: boolean;
|
|
6588
|
-
};
|
|
6589
|
-
placeholder: {
|
|
6590
|
-
type: PropType<string>;
|
|
6591
|
-
} & {
|
|
6592
|
-
default: any;
|
|
6593
|
-
};
|
|
6594
|
-
showSlotContentInMultiple: {
|
|
6595
|
-
type: PropType<boolean>;
|
|
6596
|
-
} & {
|
|
6597
|
-
default: boolean;
|
|
6598
|
-
};
|
|
6599
|
-
enableValueLabelPair: {
|
|
6600
|
-
type: PropType<boolean>;
|
|
6601
|
-
} & {
|
|
6602
|
-
default: boolean;
|
|
6603
|
-
};
|
|
6604
|
-
}>>, {
|
|
6605
|
-
search: BentoListboxSearchOptions;
|
|
6606
|
-
value: BentoListboxSelectedValue;
|
|
6607
|
-
description: string;
|
|
6608
|
-
label: string;
|
|
6609
|
-
variant: "name" | "iso" | "phone_code" | "capital" | "custom" | BentoCountryVariant;
|
|
6610
|
-
required: boolean;
|
|
6611
|
-
condensed: boolean;
|
|
6612
|
-
disabled: boolean;
|
|
6613
|
-
loading: boolean;
|
|
6614
|
-
error: boolean;
|
|
6615
|
-
optional: boolean;
|
|
6616
|
-
readonly: boolean;
|
|
6617
|
-
size: BentoDropdownSize | `${BentoDropdownSize}`;
|
|
6618
|
-
multiple: boolean;
|
|
6619
|
-
tooltipText: string;
|
|
6620
|
-
errorMessage: string;
|
|
6621
|
-
ariaLabel: string;
|
|
6622
|
-
items: BentoCountryListboxOptions;
|
|
6623
|
-
isOptionDisabled: BentoListboxIsOptionDisabled;
|
|
6624
|
-
staticCategories: boolean;
|
|
6625
|
-
hasMoreItems: boolean;
|
|
6626
|
-
lazyLoadType: BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`;
|
|
6627
|
-
emptyState: BentoListboxEmptyStateProps;
|
|
6628
|
-
componentLoading: boolean;
|
|
6629
|
-
virtualScroll: BentoListboxVirtulisationOptions;
|
|
6630
|
-
dynamicFiltering: boolean;
|
|
6631
|
-
placeholder: string;
|
|
6632
|
-
showSlotContentInMultiple: boolean;
|
|
6633
|
-
enableValueLabelPair: boolean;
|
|
6634
|
-
}>;
|
|
6635
|
-
|
|
6636
|
-
/**
|
|
6637
|
-
* A Currency Dropdown showing a selectable list of currencies.
|
|
6638
|
-
*
|
|
6639
|
-
* @example
|
|
6640
|
-
* import { BentoDropdownCountry, BentoCountryCode } from '../../../../..';
|
|
6641
|
-
* import type { BentoCountryListboxOptions } from '../../../../..'
|
|
6642
|
-
*
|
|
6643
|
-
* export default {
|
|
6644
|
-
* components: { BentoDropdown },
|
|
6645
|
-
* template: `
|
|
6646
|
-
* <bento-dropdown-currency
|
|
6647
|
-
* v-model="selectedValue"
|
|
6648
|
-
* :disabled="false"
|
|
6649
|
-
* :multiple="true"
|
|
6650
|
-
* :isOptionsDisabled="option => option.value === 2"
|
|
6651
|
-
* :items="options"
|
|
6652
|
-
* />
|
|
6653
|
-
* `,
|
|
6654
|
-
* setup() {
|
|
6655
|
-
* const selectedValue = ref(BentoCountryCode.NL) // Default value
|
|
6656
|
-
* const options: BentoCountryListboxOptions = [
|
|
6657
|
-
* { label: 'Option 1', value: BentoCountryCode.NL },
|
|
6658
|
-
* { label: 'Option 2', value: BentoCountryCode.BE },
|
|
6659
|
-
* ];
|
|
6660
|
-
* return { options, selectedValue };
|
|
6661
|
-
* }
|
|
6662
|
-
* }
|
|
6663
|
-
*/
|
|
6664
|
-
export declare const BentoDropdownCurrency: DefineComponent< {
|
|
6665
|
-
/**
|
|
6666
|
-
* The option elements to populate the country dropdown with.
|
|
6667
|
-
* It must be an array of {@see BentoCurrencyListboxOptions }
|
|
6668
|
-
* * @property {string} value.label - Text to be displayed in the option
|
|
6669
|
-
* * @property {BentoCurrencyISOCode} value.code - Currency ISO code of the option
|
|
6670
|
-
*/
|
|
6671
|
-
items: {
|
|
6672
|
-
type: PropType<BentoCurrencyListboxOptions>;
|
|
6673
|
-
default: () => any[];
|
|
6674
|
-
};
|
|
6675
|
-
search: {
|
|
6676
|
-
type: PropType<BentoListboxSearchOptions>;
|
|
6677
|
-
} & {
|
|
6678
|
-
default: any;
|
|
6679
|
-
};
|
|
6680
|
-
value: {
|
|
6681
|
-
type: PropType<BentoListboxSelectedValue>;
|
|
6682
|
-
} & {
|
|
6683
|
-
default: any;
|
|
6684
|
-
};
|
|
6685
|
-
description: {
|
|
6686
|
-
type: PropType<string>;
|
|
6687
|
-
} & {
|
|
6688
|
-
default: any;
|
|
6689
|
-
};
|
|
6690
|
-
label: {
|
|
6691
|
-
type: PropType<string>;
|
|
6692
|
-
} & {
|
|
6693
|
-
default: any;
|
|
6694
|
-
};
|
|
6695
|
-
required: {
|
|
6696
|
-
type: PropType<boolean>;
|
|
6697
|
-
} & {
|
|
6698
|
-
default: boolean;
|
|
6699
|
-
};
|
|
6700
|
-
condensed: {
|
|
6701
|
-
type: PropType<boolean>;
|
|
6702
|
-
} & {
|
|
6703
|
-
default: boolean;
|
|
6704
|
-
};
|
|
6705
|
-
disabled: {
|
|
6706
|
-
type: PropType<boolean>;
|
|
6707
|
-
} & {
|
|
6708
|
-
default: boolean;
|
|
6709
|
-
};
|
|
6710
|
-
loading: {
|
|
6711
|
-
type: PropType<boolean>;
|
|
6712
|
-
} & {
|
|
6713
|
-
default: boolean;
|
|
6714
|
-
};
|
|
6715
|
-
error: {
|
|
6716
|
-
type: PropType<boolean>;
|
|
6717
|
-
} & {
|
|
6718
|
-
default: boolean;
|
|
6719
|
-
};
|
|
6720
|
-
optional: {
|
|
6721
|
-
type: PropType<boolean>;
|
|
6722
|
-
} & {
|
|
6723
|
-
default: boolean;
|
|
6724
|
-
};
|
|
6725
|
-
readonly: {
|
|
6726
|
-
type: PropType<boolean>;
|
|
6727
|
-
} & {
|
|
6728
|
-
default: boolean;
|
|
6729
|
-
};
|
|
6730
|
-
size: {
|
|
6731
|
-
type: PropType<BentoDropdownSize | "DropdownInputDefault" | "DropdownInputSmall">;
|
|
6732
|
-
} & {
|
|
6733
|
-
default: any;
|
|
6734
|
-
};
|
|
6735
|
-
multiple: {
|
|
6736
|
-
type: PropType<boolean>;
|
|
6737
|
-
} & {
|
|
6738
|
-
default: boolean;
|
|
6739
|
-
};
|
|
6740
|
-
tooltipText: {
|
|
6741
|
-
type: PropType<string>;
|
|
6742
|
-
} & {
|
|
6743
|
-
default: any;
|
|
6744
|
-
};
|
|
6745
|
-
errorMessage: {
|
|
6746
|
-
type: PropType<string>;
|
|
6747
|
-
} & {
|
|
6748
|
-
default: any;
|
|
6749
|
-
};
|
|
6750
|
-
ariaLabel: {
|
|
6751
|
-
type: PropType<string>;
|
|
6752
|
-
} & {
|
|
6753
|
-
default: any;
|
|
6754
|
-
};
|
|
6755
|
-
isOptionDisabled: {
|
|
6756
|
-
type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
|
|
6757
|
-
} & {
|
|
6758
|
-
default: any;
|
|
6759
|
-
};
|
|
6760
|
-
staticCategories: {
|
|
6761
|
-
type: PropType<boolean>;
|
|
6762
|
-
} & {
|
|
6763
|
-
default: boolean;
|
|
6764
|
-
};
|
|
6765
|
-
hasMoreItems: {
|
|
6766
|
-
type: PropType<boolean>;
|
|
6767
|
-
} & {
|
|
6768
|
-
default: boolean;
|
|
6769
|
-
};
|
|
6770
|
-
lazyLoadType: {
|
|
6771
|
-
type: PropType<"button" | "none" | "automatic" | BentoListboxLazyLoadType>;
|
|
6772
|
-
} & {
|
|
6773
|
-
default: BentoListboxLazyLoadType;
|
|
6774
|
-
};
|
|
6775
|
-
emptyState: {
|
|
6776
|
-
type: PropType<BentoListboxEmptyStateProps>;
|
|
6777
|
-
} & {
|
|
6778
|
-
default: any;
|
|
6779
|
-
};
|
|
6780
|
-
componentLoading: {
|
|
6781
|
-
type: PropType<boolean>;
|
|
6782
|
-
} & {
|
|
6783
|
-
default: boolean;
|
|
6784
|
-
};
|
|
6785
|
-
virtualScroll: {
|
|
6786
|
-
type: PropType<BentoListboxVirtulisationOptions>;
|
|
6787
|
-
} & {
|
|
6788
|
-
default: boolean;
|
|
6789
|
-
};
|
|
6790
|
-
dynamicFiltering: {
|
|
6791
|
-
type: PropType<boolean>;
|
|
6792
|
-
} & {
|
|
6793
|
-
default: boolean;
|
|
6794
|
-
};
|
|
6795
|
-
placeholder: {
|
|
6796
|
-
type: PropType<string>;
|
|
6797
|
-
} & {
|
|
6798
|
-
default: any;
|
|
6799
|
-
};
|
|
6800
|
-
showSlotContentInMultiple: {
|
|
6801
|
-
type: PropType<boolean>;
|
|
6802
|
-
} & {
|
|
6803
|
-
default: boolean;
|
|
6804
|
-
};
|
|
6805
|
-
enableValueLabelPair: {
|
|
6806
|
-
type: PropType<boolean>;
|
|
6807
|
-
} & {
|
|
6808
|
-
default: boolean;
|
|
6809
|
-
};
|
|
6810
|
-
}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
6811
|
-
input: (selectedValue: BentoListboxSelectedValue) => void;
|
|
6812
|
-
}, string, Readonly<ExtractPropTypes< {
|
|
6813
|
-
/**
|
|
6814
|
-
* The option elements to populate the country dropdown with.
|
|
6815
|
-
* It must be an array of {@see BentoCurrencyListboxOptions }
|
|
6816
|
-
* * @property {string} value.label - Text to be displayed in the option
|
|
6817
|
-
* * @property {BentoCurrencyISOCode} value.code - Currency ISO code of the option
|
|
6818
|
-
*/
|
|
6819
|
-
items: {
|
|
6820
|
-
type: PropType<BentoCurrencyListboxOptions>;
|
|
6821
|
-
default: () => any[];
|
|
6822
|
-
};
|
|
6823
|
-
search: {
|
|
6824
|
-
type: PropType<BentoListboxSearchOptions>;
|
|
6825
|
-
} & {
|
|
6826
|
-
default: any;
|
|
6827
|
-
};
|
|
6828
|
-
value: {
|
|
6829
|
-
type: PropType<BentoListboxSelectedValue>;
|
|
6830
|
-
} & {
|
|
6831
|
-
default: any;
|
|
6832
|
-
};
|
|
6833
|
-
description: {
|
|
6834
|
-
type: PropType<string>;
|
|
6835
|
-
} & {
|
|
6836
|
-
default: any;
|
|
6837
|
-
};
|
|
6838
|
-
label: {
|
|
6839
|
-
type: PropType<string>;
|
|
6840
|
-
} & {
|
|
6841
|
-
default: any;
|
|
6842
|
-
};
|
|
6843
|
-
required: {
|
|
6844
|
-
type: PropType<boolean>;
|
|
6845
|
-
} & {
|
|
6846
|
-
default: boolean;
|
|
6847
|
-
};
|
|
6848
|
-
condensed: {
|
|
6849
|
-
type: PropType<boolean>;
|
|
6850
|
-
} & {
|
|
6851
|
-
default: boolean;
|
|
6852
|
-
};
|
|
6853
|
-
disabled: {
|
|
6854
|
-
type: PropType<boolean>;
|
|
6855
|
-
} & {
|
|
6856
|
-
default: boolean;
|
|
6857
|
-
};
|
|
6858
|
-
loading: {
|
|
6859
|
-
type: PropType<boolean>;
|
|
6860
|
-
} & {
|
|
6861
|
-
default: boolean;
|
|
6862
|
-
};
|
|
6863
|
-
error: {
|
|
6864
|
-
type: PropType<boolean>;
|
|
6865
|
-
} & {
|
|
6866
|
-
default: boolean;
|
|
6867
|
-
};
|
|
6868
|
-
optional: {
|
|
6869
|
-
type: PropType<boolean>;
|
|
6870
|
-
} & {
|
|
6871
|
-
default: boolean;
|
|
6872
|
-
};
|
|
6873
|
-
readonly: {
|
|
6874
|
-
type: PropType<boolean>;
|
|
6875
|
-
} & {
|
|
6876
|
-
default: boolean;
|
|
6877
|
-
};
|
|
6878
|
-
size: {
|
|
6879
|
-
type: PropType<BentoDropdownSize | "DropdownInputDefault" | "DropdownInputSmall">;
|
|
6880
|
-
} & {
|
|
6881
|
-
default: any;
|
|
6882
|
-
};
|
|
6883
|
-
multiple: {
|
|
6884
|
-
type: PropType<boolean>;
|
|
6885
|
-
} & {
|
|
6886
|
-
default: boolean;
|
|
6887
|
-
};
|
|
6888
|
-
tooltipText: {
|
|
6889
|
-
type: PropType<string>;
|
|
6890
|
-
} & {
|
|
6891
|
-
default: any;
|
|
6892
|
-
};
|
|
6893
|
-
errorMessage: {
|
|
6894
|
-
type: PropType<string>;
|
|
6895
|
-
} & {
|
|
6896
|
-
default: any;
|
|
6897
|
-
};
|
|
6898
|
-
ariaLabel: {
|
|
6899
|
-
type: PropType<string>;
|
|
6900
|
-
} & {
|
|
6901
|
-
default: any;
|
|
6902
|
-
};
|
|
6903
|
-
isOptionDisabled: {
|
|
6904
|
-
type: PropType<(optionValue: BentoListboxOptionItem) => boolean>;
|
|
6905
|
-
} & {
|
|
6906
|
-
default: any;
|
|
6907
|
-
};
|
|
6908
|
-
staticCategories: {
|
|
6909
|
-
type: PropType<boolean>;
|
|
6910
|
-
} & {
|
|
6911
|
-
default: boolean;
|
|
6912
|
-
};
|
|
6913
|
-
hasMoreItems: {
|
|
6914
|
-
type: PropType<boolean>;
|
|
6915
|
-
} & {
|
|
6916
|
-
default: boolean;
|
|
6917
|
-
};
|
|
6918
|
-
lazyLoadType: {
|
|
6919
|
-
type: PropType<"button" | "none" | "automatic" | BentoListboxLazyLoadType>;
|
|
6920
|
-
} & {
|
|
6921
|
-
default: BentoListboxLazyLoadType;
|
|
6922
|
-
};
|
|
6923
|
-
emptyState: {
|
|
6924
|
-
type: PropType<BentoListboxEmptyStateProps>;
|
|
6925
|
-
} & {
|
|
6926
|
-
default: any;
|
|
6927
|
-
};
|
|
6928
|
-
componentLoading: {
|
|
6929
|
-
type: PropType<boolean>;
|
|
6930
|
-
} & {
|
|
6931
|
-
default: boolean;
|
|
6932
|
-
};
|
|
6933
|
-
virtualScroll: {
|
|
6934
|
-
type: PropType<BentoListboxVirtulisationOptions>;
|
|
6935
|
-
} & {
|
|
6936
|
-
default: boolean;
|
|
6937
|
-
};
|
|
6938
|
-
dynamicFiltering: {
|
|
6939
|
-
type: PropType<boolean>;
|
|
6940
|
-
} & {
|
|
6941
|
-
default: boolean;
|
|
6942
|
-
};
|
|
6943
|
-
placeholder: {
|
|
6944
|
-
type: PropType<string>;
|
|
6945
|
-
} & {
|
|
6946
|
-
default: any;
|
|
6947
|
-
};
|
|
6948
|
-
showSlotContentInMultiple: {
|
|
6949
|
-
type: PropType<boolean>;
|
|
6950
|
-
} & {
|
|
6951
|
-
default: boolean;
|
|
6952
|
-
};
|
|
6953
|
-
enableValueLabelPair: {
|
|
6954
|
-
type: PropType<boolean>;
|
|
6955
|
-
} & {
|
|
6956
|
-
default: boolean;
|
|
6957
|
-
};
|
|
6958
|
-
}>>, {
|
|
6959
|
-
search: BentoListboxSearchOptions;
|
|
6960
|
-
value: BentoListboxSelectedValue;
|
|
6961
|
-
description: string;
|
|
6962
|
-
label: string;
|
|
6963
|
-
required: boolean;
|
|
6964
|
-
condensed: boolean;
|
|
6965
|
-
disabled: boolean;
|
|
6966
6300
|
loading: boolean;
|
|
6967
|
-
error: boolean;
|
|
6968
|
-
optional: boolean;
|
|
6969
|
-
readonly: boolean;
|
|
6970
|
-
size: BentoDropdownSize | `${BentoDropdownSize}`;
|
|
6971
|
-
multiple: boolean;
|
|
6972
6301
|
tooltipText: string;
|
|
6973
6302
|
errorMessage: string;
|
|
6974
6303
|
ariaLabel: string;
|
|
6975
|
-
items:
|
|
6304
|
+
items: BentoCountryListboxOptions;
|
|
6976
6305
|
isOptionDisabled: BentoListboxIsOptionDisabled;
|
|
6977
6306
|
staticCategories: boolean;
|
|
6978
6307
|
hasMoreItems: boolean;
|
|
@@ -6987,42 +6316,42 @@ enableValueLabelPair: boolean;
|
|
|
6987
6316
|
}>;
|
|
6988
6317
|
|
|
6989
6318
|
/**
|
|
6990
|
-
* A
|
|
6319
|
+
* A Currency Dropdown showing a selectable list of currencies.
|
|
6991
6320
|
*
|
|
6992
6321
|
* @example
|
|
6993
|
-
* import {
|
|
6994
|
-
* import type {
|
|
6322
|
+
* import { BentoDropdownCountry, BentoCountryCode } from '../../../../..';
|
|
6323
|
+
* import type { BentoCountryListboxOptions } from '../../../../..'
|
|
6995
6324
|
*
|
|
6996
6325
|
* export default {
|
|
6997
|
-
* components: {
|
|
6326
|
+
* components: { BentoDropdown },
|
|
6998
6327
|
* template: `
|
|
6999
|
-
* <bento-dropdown-
|
|
6328
|
+
* <bento-dropdown-currency
|
|
7000
6329
|
* v-model="selectedValue"
|
|
7001
6330
|
* :disabled="false"
|
|
7002
6331
|
* :multiple="true"
|
|
7003
|
-
* :isOptionsDisabled="option => option.value ===
|
|
6332
|
+
* :isOptionsDisabled="option => option.value === 2"
|
|
7004
6333
|
* :items="options"
|
|
7005
6334
|
* />
|
|
7006
6335
|
* `,
|
|
7007
6336
|
* setup() {
|
|
7008
|
-
* const selectedValue = ref(
|
|
7009
|
-
* const options:
|
|
7010
|
-
* { label: 'Option 1', value:
|
|
7011
|
-
* { label: 'Option 2', value:
|
|
6337
|
+
* const selectedValue = ref(BentoCountryCode.NL) // Default value
|
|
6338
|
+
* const options: BentoCountryListboxOptions = [
|
|
6339
|
+
* { label: 'Option 1', value: BentoCountryCode.NL },
|
|
6340
|
+
* { label: 'Option 2', value: BentoCountryCode.BE },
|
|
7012
6341
|
* ];
|
|
7013
6342
|
* return { options, selectedValue };
|
|
7014
6343
|
* }
|
|
7015
6344
|
* }
|
|
7016
6345
|
*/
|
|
7017
|
-
export declare const
|
|
6346
|
+
export declare const BentoDropdownCurrency: DefineComponent< {
|
|
7018
6347
|
/**
|
|
7019
|
-
* The option elements to populate the
|
|
7020
|
-
* It must be an array of {@see
|
|
6348
|
+
* The option elements to populate the country dropdown with.
|
|
6349
|
+
* It must be an array of {@see BentoCurrencyListboxOptions }
|
|
7021
6350
|
* * @property {string} value.label - Text to be displayed in the option
|
|
7022
|
-
* * @property {
|
|
6351
|
+
* * @property {BentoCurrencyISOCode} value.code - Currency ISO code of the option
|
|
7023
6352
|
*/
|
|
7024
6353
|
items: {
|
|
7025
|
-
type: PropType<
|
|
6354
|
+
type: PropType<BentoCurrencyListboxOptions>;
|
|
7026
6355
|
default: () => any[];
|
|
7027
6356
|
};
|
|
7028
6357
|
search: {
|
|
@@ -7060,11 +6389,6 @@ type: PropType<boolean>;
|
|
|
7060
6389
|
} & {
|
|
7061
6390
|
default: boolean;
|
|
7062
6391
|
};
|
|
7063
|
-
loading: {
|
|
7064
|
-
type: PropType<boolean>;
|
|
7065
|
-
} & {
|
|
7066
|
-
default: boolean;
|
|
7067
|
-
};
|
|
7068
6392
|
error: {
|
|
7069
6393
|
type: PropType<boolean>;
|
|
7070
6394
|
} & {
|
|
@@ -7090,6 +6414,11 @@ type: PropType<boolean>;
|
|
|
7090
6414
|
} & {
|
|
7091
6415
|
default: boolean;
|
|
7092
6416
|
};
|
|
6417
|
+
loading: {
|
|
6418
|
+
type: PropType<boolean>;
|
|
6419
|
+
} & {
|
|
6420
|
+
default: boolean;
|
|
6421
|
+
};
|
|
7093
6422
|
tooltipText: {
|
|
7094
6423
|
type: PropType<string>;
|
|
7095
6424
|
} & {
|
|
@@ -7164,13 +6493,13 @@ default: boolean;
|
|
|
7164
6493
|
input: (selectedValue: BentoListboxSelectedValue) => void;
|
|
7165
6494
|
}, string, Readonly<ExtractPropTypes< {
|
|
7166
6495
|
/**
|
|
7167
|
-
* The option elements to populate the
|
|
7168
|
-
* It must be an array of {@see
|
|
6496
|
+
* The option elements to populate the country dropdown with.
|
|
6497
|
+
* It must be an array of {@see BentoCurrencyListboxOptions }
|
|
7169
6498
|
* * @property {string} value.label - Text to be displayed in the option
|
|
7170
|
-
* * @property {
|
|
6499
|
+
* * @property {BentoCurrencyISOCode} value.code - Currency ISO code of the option
|
|
7171
6500
|
*/
|
|
7172
6501
|
items: {
|
|
7173
|
-
type: PropType<
|
|
6502
|
+
type: PropType<BentoCurrencyListboxOptions>;
|
|
7174
6503
|
default: () => any[];
|
|
7175
6504
|
};
|
|
7176
6505
|
search: {
|
|
@@ -7208,11 +6537,6 @@ type: PropType<boolean>;
|
|
|
7208
6537
|
} & {
|
|
7209
6538
|
default: boolean;
|
|
7210
6539
|
};
|
|
7211
|
-
loading: {
|
|
7212
|
-
type: PropType<boolean>;
|
|
7213
|
-
} & {
|
|
7214
|
-
default: boolean;
|
|
7215
|
-
};
|
|
7216
6540
|
error: {
|
|
7217
6541
|
type: PropType<boolean>;
|
|
7218
6542
|
} & {
|
|
@@ -7238,6 +6562,11 @@ type: PropType<boolean>;
|
|
|
7238
6562
|
} & {
|
|
7239
6563
|
default: boolean;
|
|
7240
6564
|
};
|
|
6565
|
+
loading: {
|
|
6566
|
+
type: PropType<boolean>;
|
|
6567
|
+
} & {
|
|
6568
|
+
default: boolean;
|
|
6569
|
+
};
|
|
7241
6570
|
tooltipText: {
|
|
7242
6571
|
type: PropType<string>;
|
|
7243
6572
|
} & {
|
|
@@ -7316,16 +6645,16 @@ label: string;
|
|
|
7316
6645
|
required: boolean;
|
|
7317
6646
|
condensed: boolean;
|
|
7318
6647
|
disabled: boolean;
|
|
7319
|
-
loading: boolean;
|
|
7320
6648
|
error: boolean;
|
|
7321
6649
|
optional: boolean;
|
|
7322
6650
|
readonly: boolean;
|
|
7323
6651
|
size: BentoDropdownSize | `${BentoDropdownSize}`;
|
|
7324
6652
|
multiple: boolean;
|
|
6653
|
+
loading: boolean;
|
|
7325
6654
|
tooltipText: string;
|
|
7326
6655
|
errorMessage: string;
|
|
7327
6656
|
ariaLabel: string;
|
|
7328
|
-
items:
|
|
6657
|
+
items: BentoCurrencyListboxOptions;
|
|
7329
6658
|
isOptionDisabled: BentoListboxIsOptionDisabled;
|
|
7330
6659
|
staticCategories: boolean;
|
|
7331
6660
|
hasMoreItems: boolean;
|
|
@@ -7339,6 +6668,65 @@ showSlotContentInMultiple: boolean;
|
|
|
7339
6668
|
enableValueLabelPair: boolean;
|
|
7340
6669
|
}>;
|
|
7341
6670
|
|
|
6671
|
+
export declare interface BentoDropdownCurrencyProps extends BentoDropdownProps {
|
|
6672
|
+
/**
|
|
6673
|
+
* The option elements to populate the avatar dropdown with.
|
|
6674
|
+
* It must be an array of {@see BentoAvatarListboxOptions }
|
|
6675
|
+
* @property {string} value.label - Text to be displayed in the option.
|
|
6676
|
+
* @property {string | number} value.value - Value of the option.
|
|
6677
|
+
* @property {string} value.src - Image source of the avatar image.
|
|
6678
|
+
*/
|
|
6679
|
+
items?: BentoAvatarListboxOptions;
|
|
6680
|
+
}
|
|
6681
|
+
|
|
6682
|
+
/**
|
|
6683
|
+
* A Payment method Dropdown showing a selectable list of countries.
|
|
6684
|
+
*
|
|
6685
|
+
* @example
|
|
6686
|
+
* import { BentoDropdownPaymentMethod } from '../../../../..';
|
|
6687
|
+
* import type { BentoPaymentMethodListboxOptions } from '../../../../..'
|
|
6688
|
+
*
|
|
6689
|
+
* export default {
|
|
6690
|
+
* components: { BentoDropdownPaymentMethod },
|
|
6691
|
+
* template: `
|
|
6692
|
+
* <bento-dropdown-payment-method
|
|
6693
|
+
* v-model="selectedValue"
|
|
6694
|
+
* :disabled="false"
|
|
6695
|
+
* :multiple="true"
|
|
6696
|
+
* :isOptionsDisabled="option => option.value === 'Visa'"
|
|
6697
|
+
* :items="options"
|
|
6698
|
+
* />
|
|
6699
|
+
* `,
|
|
6700
|
+
* setup() {
|
|
6701
|
+
* const selectedValue = ref('ideal') // Default value
|
|
6702
|
+
* const options: BentoPaymentMethodListboxOptions = [
|
|
6703
|
+
* { label: 'Option 1', value: 'ideal' },
|
|
6704
|
+
* { label: 'Option 2', value: 'visa' },
|
|
6705
|
+
* ];
|
|
6706
|
+
* return { options, selectedValue };
|
|
6707
|
+
* }
|
|
6708
|
+
* }
|
|
6709
|
+
*/
|
|
6710
|
+
export declare const BentoDropdownPaymentMethod: DefineComponent<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<BentoDropdownPaymentMethodProps>, {
|
|
6711
|
+
items: () => any[];
|
|
6712
|
+
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
6713
|
+
input: (selectedValue: BentoListboxSelectedValue) => void;
|
|
6714
|
+
}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<BentoDropdownPaymentMethodProps>, {
|
|
6715
|
+
items: () => any[];
|
|
6716
|
+
}>>>, {
|
|
6717
|
+
items: BentoPaymentMethodListboxOptions;
|
|
6718
|
+
}>;
|
|
6719
|
+
|
|
6720
|
+
export declare interface BentoDropdownPaymentMethodProps extends BentoDropdownProps {
|
|
6721
|
+
/**
|
|
6722
|
+
* The option elements to populate the payment method dropdown with.
|
|
6723
|
+
* It must be an array of {@see BentoPaymentMethodListboxOptions }
|
|
6724
|
+
* @property {string} value.label - Text to be displayed in the option
|
|
6725
|
+
* @property {string} value.value - Payment type code that translates to a payment icon name {@see https://adyen-ui-assets.netlify.app/?path=/story/packages-ui-assets-payment-method-icons--icons}
|
|
6726
|
+
*/
|
|
6727
|
+
items?: BentoPaymentMethodListboxOptions;
|
|
6728
|
+
}
|
|
6729
|
+
|
|
7342
6730
|
export declare interface BentoDropdownProps {
|
|
7343
6731
|
/**
|
|
7344
6732
|
* @deprecated from version 2.0.0. Use the aria-label attribute instead.
|
|
@@ -7561,11 +6949,6 @@ type: PropType<boolean>;
|
|
|
7561
6949
|
} & {
|
|
7562
6950
|
default: boolean;
|
|
7563
6951
|
};
|
|
7564
|
-
loading: {
|
|
7565
|
-
type: PropType<boolean>;
|
|
7566
|
-
} & {
|
|
7567
|
-
default: boolean;
|
|
7568
|
-
};
|
|
7569
6952
|
error: {
|
|
7570
6953
|
type: PropType<boolean>;
|
|
7571
6954
|
} & {
|
|
@@ -7591,6 +6974,11 @@ type: PropType<boolean>;
|
|
|
7591
6974
|
} & {
|
|
7592
6975
|
default: boolean;
|
|
7593
6976
|
};
|
|
6977
|
+
loading: {
|
|
6978
|
+
type: PropType<boolean>;
|
|
6979
|
+
} & {
|
|
6980
|
+
default: boolean;
|
|
6981
|
+
};
|
|
7594
6982
|
tooltipText: {
|
|
7595
6983
|
type: PropType<string>;
|
|
7596
6984
|
} & {
|
|
@@ -7710,11 +7098,6 @@ type: PropType<boolean>;
|
|
|
7710
7098
|
} & {
|
|
7711
7099
|
default: boolean;
|
|
7712
7100
|
};
|
|
7713
|
-
loading: {
|
|
7714
|
-
type: PropType<boolean>;
|
|
7715
|
-
} & {
|
|
7716
|
-
default: boolean;
|
|
7717
|
-
};
|
|
7718
7101
|
error: {
|
|
7719
7102
|
type: PropType<boolean>;
|
|
7720
7103
|
} & {
|
|
@@ -7740,6 +7123,11 @@ type: PropType<boolean>;
|
|
|
7740
7123
|
} & {
|
|
7741
7124
|
default: boolean;
|
|
7742
7125
|
};
|
|
7126
|
+
loading: {
|
|
7127
|
+
type: PropType<boolean>;
|
|
7128
|
+
} & {
|
|
7129
|
+
default: boolean;
|
|
7130
|
+
};
|
|
7743
7131
|
tooltipText: {
|
|
7744
7132
|
type: PropType<string>;
|
|
7745
7133
|
} & {
|
|
@@ -7818,12 +7206,12 @@ label: string;
|
|
|
7818
7206
|
required: boolean;
|
|
7819
7207
|
condensed: boolean;
|
|
7820
7208
|
disabled: boolean;
|
|
7821
|
-
loading: boolean;
|
|
7822
7209
|
error: boolean;
|
|
7823
7210
|
optional: boolean;
|
|
7824
7211
|
readonly: boolean;
|
|
7825
7212
|
size: BentoDropdownSize | `${BentoDropdownSize}`;
|
|
7826
7213
|
multiple: boolean;
|
|
7214
|
+
loading: boolean;
|
|
7827
7215
|
tooltipText: string;
|
|
7828
7216
|
errorMessage: string;
|
|
7829
7217
|
ariaLabel: string;
|
|
@@ -7972,9 +7360,9 @@ validator: (value: BentoEmptyStateVariant) => boolean;
|
|
|
7972
7360
|
}>>, {
|
|
7973
7361
|
description: string;
|
|
7974
7362
|
title: string;
|
|
7975
|
-
image: "
|
|
7363
|
+
image: "1-generic-use" | "2-generic-use" | "3-generic-use" | "4-generic-use" | "adding-payment-methods" | "adyen-giving" | "delight" | "internal-error" | "no-results-found" | "notifications-cleared" | "page-not-found" | "planned-maintenance" | "referrals" | "success" | "upload-files" | "wrong-environment";
|
|
7976
7364
|
variant: "condensed" | "full-page" | "embedded" | "basic";
|
|
7977
|
-
action:
|
|
7365
|
+
action: BentoActionButton;
|
|
7978
7366
|
headingEl: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
|
|
7979
7367
|
}>, {
|
|
7980
7368
|
title: (_: {}) => any;
|
|
@@ -8044,7 +7432,7 @@ export declare enum BentoEmptyStateVariant {
|
|
|
8044
7432
|
* }
|
|
8045
7433
|
* }
|
|
8046
7434
|
*/
|
|
8047
|
-
export declare const BentoFileUploader: DefineComponent<
|
|
7435
|
+
export declare const BentoFileUploader: DefineComponent<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoFileUploaderProps>, {
|
|
8048
7436
|
accept: any;
|
|
8049
7437
|
description: any;
|
|
8050
7438
|
errorMessage: any;
|
|
@@ -8061,7 +7449,7 @@ input: (value?: FileList) => void;
|
|
|
8061
7449
|
"update:modelValue": (value?: FileList) => void;
|
|
8062
7450
|
} & {
|
|
8063
7451
|
"error:upload": (value: boolean) => void;
|
|
8064
|
-
}, string, Readonly<ExtractPropTypes<
|
|
7452
|
+
}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_16<BentoFileUploaderProps>, {
|
|
8065
7453
|
accept: any;
|
|
8066
7454
|
description: any;
|
|
8067
7455
|
errorMessage: any;
|
|
@@ -8166,7 +7554,7 @@ export declare type BentoFileUploaderValue = string | Array<string> | File | Arr
|
|
|
8166
7554
|
* `
|
|
8167
7555
|
* }
|
|
8168
7556
|
*/
|
|
8169
|
-
export declare const BentoFilterBar: DefineComponent<
|
|
7557
|
+
export declare const BentoFilterBar: DefineComponent<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoFilterBarProps>, {
|
|
8170
7558
|
config: () => any[];
|
|
8171
7559
|
filterValues: () => any[];
|
|
8172
7560
|
containerSizeLayout: () => {
|
|
@@ -8183,7 +7571,7 @@ isClearAllVisible: ComputedRef<boolean>;
|
|
|
8183
7571
|
clearAllFilters: () => void;
|
|
8184
7572
|
isResetAllVisible: ComputedRef<boolean>;
|
|
8185
7573
|
resetAllFilters: () => void;
|
|
8186
|
-
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, (BentoFilterBarEvent | BentoSearchBarEvent)[], string, Readonly<ExtractPropTypes<
|
|
7574
|
+
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, (BentoFilterBarEvent | BentoSearchBarEvent)[], string, Readonly<ExtractPropTypes<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_17<BentoFilterBarProps>, {
|
|
8187
7575
|
config: () => any[];
|
|
8188
7576
|
filterValues: () => any[];
|
|
8189
7577
|
containerSizeLayout: () => {
|
|
@@ -8849,7 +8237,7 @@ declare enum BentoHeaderVariant {
|
|
|
8849
8237
|
* `
|
|
8850
8238
|
* };
|
|
8851
8239
|
*/
|
|
8852
|
-
export declare const BentoHeaderWithViews: __VLS_WithTemplateSlots_17<DefineComponent<
|
|
8240
|
+
export declare const BentoHeaderWithViews: __VLS_WithTemplateSlots_17<DefineComponent<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoHeaderWithViewsProps>, {
|
|
8853
8241
|
actions: () => any[];
|
|
8854
8242
|
additionalViewSetting: any;
|
|
8855
8243
|
title: any;
|
|
@@ -8875,7 +8263,7 @@ views: () => any[];
|
|
|
8875
8263
|
"update:view": (value: BentoHeaderWithViewsItemUpdate) => void;
|
|
8876
8264
|
} & {
|
|
8877
8265
|
"update:skip-unsaved-changes": (value: boolean) => void;
|
|
8878
|
-
}, string, Readonly<ExtractPropTypes<
|
|
8266
|
+
}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_18<BentoHeaderWithViewsProps>, {
|
|
8879
8267
|
actions: () => any[];
|
|
8880
8268
|
additionalViewSetting: any;
|
|
8881
8269
|
title: any;
|
|
@@ -8997,6 +8385,8 @@ export declare interface BentoHeaderWithViewsProps {
|
|
|
8997
8385
|
/**
|
|
8998
8386
|
* Optional list of actions (buttons) to display in the header.
|
|
8999
8387
|
* The structure of each action is defined by the `BentoButtonActionsList` type.
|
|
8388
|
+
*
|
|
8389
|
+
* {@link [BentoButtonActionsList](https://adyen-bento.netlify.app/?path=/docs/components-button-button-actions--docs#variations)}
|
|
9000
8390
|
*/
|
|
9001
8391
|
actions?: BentoButtonActionsList;
|
|
9002
8392
|
/**
|
|
@@ -9005,12 +8395,21 @@ export declare interface BentoHeaderWithViewsProps {
|
|
|
9005
8395
|
title: string;
|
|
9006
8396
|
/**
|
|
9007
8397
|
* Optional array of view items to display as selectable views or tabs.
|
|
9008
|
-
*
|
|
8398
|
+
*
|
|
8399
|
+
* Each view should have the following property:
|
|
8400
|
+
* - `icon` (BentoHeaderWithViewsItemIcon, optional): Optional icon to display.
|
|
8401
|
+
* - `iconColor` (BentoHeaderWithViewsItemIconColor, optional): Optional color of the icon.
|
|
8402
|
+
* - `label` (string): Text label for the view item.
|
|
8403
|
+
* - `isDefault` (boolean, optional): Indicates if this view item is the default or currently active view.
|
|
8404
|
+
* - `additionalViewSetting` (BentoHeaderWithViewsItemAdditionalConfig, optional): Optional configuration for an additional view setting.
|
|
8405
|
+
* - `isFixed` (boolean, optional): Indicates if this view can be edited or deleted. * @see {@link BentoHeaderWithViewsItem}
|
|
9009
8406
|
*/
|
|
9010
8407
|
views?: BentoHeaderWithViewsItem[];
|
|
9011
8408
|
/**
|
|
9012
8409
|
* Optional configuration for an additional view setting, such as a filter or option.
|
|
9013
8410
|
* Defined by the `BentoHeaderWithViewsItemAdditionalConfig` interface.
|
|
8411
|
+
*
|
|
8412
|
+
* @see {@link BentoHeaderWithViewsItemAdditionalConfig}
|
|
9014
8413
|
*/
|
|
9015
8414
|
additionalViewSetting?: BentoHeaderWithViewsItemAdditionalConfig;
|
|
9016
8415
|
/**
|
|
@@ -9065,10 +8464,10 @@ export declare interface BentoHeaderWithViewsProps {
|
|
|
9065
8464
|
* `
|
|
9066
8465
|
* }
|
|
9067
8466
|
*/
|
|
9068
|
-
export declare const BentoImage: DefineComponent<
|
|
8467
|
+
export declare const BentoImage: DefineComponent<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoImageProps>, {
|
|
9069
8468
|
aspectRatio: any;
|
|
9070
8469
|
objectFit: any;
|
|
9071
|
-
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<
|
|
8470
|
+
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_19<__VLS_TypePropsToRuntimeProps_19<BentoImageProps>, {
|
|
9072
8471
|
aspectRatio: any;
|
|
9073
8472
|
objectFit: any;
|
|
9074
8473
|
}>>>, {
|
|
@@ -9077,36 +8476,33 @@ objectFit: BentoImageObjectFit | `${BentoImageObjectFit}` | null;
|
|
|
9077
8476
|
}>;
|
|
9078
8477
|
|
|
9079
8478
|
export declare enum BentoImageAspectRatio {
|
|
9080
|
-
LANDSCAPE =
|
|
9081
|
-
P4_3 =
|
|
9082
|
-
P3_3 =
|
|
9083
|
-
P16_9 =
|
|
9084
|
-
P2_1 =
|
|
9085
|
-
PORTRAIT =
|
|
9086
|
-
P3_4 =
|
|
9087
|
-
P2_3 =
|
|
9088
|
-
P9_16 =
|
|
9089
|
-
P1_2 =
|
|
9090
|
-
SQUARE =
|
|
9091
|
-
P1_1 =
|
|
8479
|
+
LANDSCAPE = "landscape",
|
|
8480
|
+
P4_3 = "4:3",
|
|
8481
|
+
P3_3 = "3:3",
|
|
8482
|
+
P16_9 = "16:9",
|
|
8483
|
+
P2_1 = "2:1",
|
|
8484
|
+
PORTRAIT = "portrait",
|
|
8485
|
+
P3_4 = "3:4",
|
|
8486
|
+
P2_3 = "2:3",
|
|
8487
|
+
P9_16 = "9:16",
|
|
8488
|
+
P1_2 = "1:2",
|
|
8489
|
+
SQUARE = "square",
|
|
8490
|
+
P1_1 = "1:1"
|
|
9092
8491
|
}
|
|
9093
8492
|
|
|
9094
8493
|
export declare enum BentoImageObjectFit {
|
|
9095
|
-
COVER =
|
|
9096
|
-
FILL =
|
|
9097
|
-
CONTAIN =
|
|
8494
|
+
COVER = "cover",
|
|
8495
|
+
FILL = "fill",
|
|
8496
|
+
CONTAIN = "contain"
|
|
9098
8497
|
}
|
|
9099
8498
|
|
|
9100
8499
|
export declare interface BentoImageProps {
|
|
9101
8500
|
/** Url to image, same as src attribute of `<img>` tag */
|
|
9102
8501
|
src: string;
|
|
9103
|
-
|
|
9104
8502
|
/** Accessible text describing the image, same as alt attribute of `<img>` tag */
|
|
9105
8503
|
alt: string;
|
|
9106
|
-
|
|
9107
8504
|
/** Aspect ratio of the image, maps to css aspect-ratio */
|
|
9108
8505
|
aspectRatio?: BentoImageAspectRatio | `${BentoImageAspectRatio}` | null;
|
|
9109
|
-
|
|
9110
8506
|
/** Object fitting strategy, maps to css object-fit */
|
|
9111
8507
|
objectFit?: BentoImageObjectFit | `${BentoImageObjectFit}` | null;
|
|
9112
8508
|
}
|
|
@@ -9121,11 +8517,11 @@ export declare interface BentoImageProps {
|
|
|
9121
8517
|
* import { BentoInfoIcon } from '../..';
|
|
9122
8518
|
* </scrip>
|
|
9123
8519
|
*/
|
|
9124
|
-
export declare const BentoInfoIcon: DefineComponent<
|
|
8520
|
+
export declare const BentoInfoIcon: DefineComponent<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoInfoIconProps>, {
|
|
9125
8521
|
tooltipPosition: PopperContainerPositionExtended;
|
|
9126
8522
|
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
9127
8523
|
mouseenter: (event: MouseEvent) => void;
|
|
9128
|
-
}, string, Readonly<ExtractPropTypes<
|
|
8524
|
+
}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_20<__VLS_TypePropsToRuntimeProps_20<BentoInfoIconProps>, {
|
|
9129
8525
|
tooltipPosition: PopperContainerPositionExtended;
|
|
9130
8526
|
}>>>, {
|
|
9131
8527
|
tooltipPosition: PopperContainerPosition | `${PopperContainerPosition}`;
|
|
@@ -9183,7 +8579,7 @@ export declare type BentoInputDropdownProps = {
|
|
|
9183
8579
|
* >
|
|
9184
8580
|
* }
|
|
9185
8581
|
*/
|
|
9186
|
-
export declare const BentoInputField: __VLS_WithTemplateSlots_18<DefineComponent<
|
|
8582
|
+
export declare const BentoInputField: __VLS_WithTemplateSlots_18<DefineComponent<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoInputFieldProps>, {
|
|
9187
8583
|
ariaHidden: boolean;
|
|
9188
8584
|
ariaLabel: any;
|
|
9189
8585
|
condensed: boolean;
|
|
@@ -9224,7 +8620,7 @@ keydown: (event: KeyboardEvent) => void;
|
|
|
9224
8620
|
keyup: (event: KeyboardEvent) => void;
|
|
9225
8621
|
} & {
|
|
9226
8622
|
input: (inputValue: string) => void;
|
|
9227
|
-
}, string, Readonly<ExtractPropTypes<
|
|
8623
|
+
}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_21<__VLS_TypePropsToRuntimeProps_21<BentoInputFieldProps>, {
|
|
9228
8624
|
ariaHidden: boolean;
|
|
9229
8625
|
ariaLabel: any;
|
|
9230
8626
|
condensed: boolean;
|
|
@@ -9325,7 +8721,7 @@ export declare enum BentoInputFieldEvent {
|
|
|
9325
8721
|
* `
|
|
9326
8722
|
* }
|
|
9327
8723
|
*/
|
|
9328
|
-
export declare const BentoInputFieldPassword: DefineComponent<
|
|
8724
|
+
export declare const BentoInputFieldPassword: DefineComponent<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_22<BentoInputFieldPasswordProps>, {
|
|
9329
8725
|
condensed: boolean;
|
|
9330
8726
|
debounceTime: number;
|
|
9331
8727
|
disabled: boolean;
|
|
@@ -9347,7 +8743,7 @@ focus: () => void;
|
|
|
9347
8743
|
"input:error": (errors: BentoInputFieldPasswordErrorsList) => void;
|
|
9348
8744
|
} & {
|
|
9349
8745
|
input: (value: BentoInputFieldValue) => void;
|
|
9350
|
-
}, string, Readonly<ExtractPropTypes<
|
|
8746
|
+
}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_22<__VLS_TypePropsToRuntimeProps_22<BentoInputFieldPasswordProps>, {
|
|
9351
8747
|
condensed: boolean;
|
|
9352
8748
|
debounceTime: number;
|
|
9353
8749
|
disabled: boolean;
|
|
@@ -9480,7 +8876,7 @@ export declare interface BentoInputFieldPasswordValidationListItem {
|
|
|
9480
8876
|
* `
|
|
9481
8877
|
* }
|
|
9482
8878
|
*/
|
|
9483
|
-
export declare const BentoInputFieldPhoneNumber: __VLS_WithTemplateSlots_19<DefineComponent<
|
|
8879
|
+
export declare const BentoInputFieldPhoneNumber: __VLS_WithTemplateSlots_19<DefineComponent<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoInputFieldPhoneNumberProps>, {
|
|
9484
8880
|
countries: () => CountryCode_2[];
|
|
9485
8881
|
dynamicFiltering: boolean;
|
|
9486
8882
|
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
@@ -9489,7 +8885,7 @@ blur: () => void;
|
|
|
9489
8885
|
input: (value: string) => void;
|
|
9490
8886
|
} & {
|
|
9491
8887
|
"update:selected-country": (country: CountryCode_2) => void;
|
|
9492
|
-
}, string, Readonly<ExtractPropTypes<
|
|
8888
|
+
}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_23<BentoInputFieldPhoneNumberProps>, {
|
|
9493
8889
|
countries: () => CountryCode_2[];
|
|
9494
8890
|
dynamicFiltering: boolean;
|
|
9495
8891
|
}>>>, {
|
|
@@ -9500,6 +8896,11 @@ countries: CountryCode[];
|
|
|
9500
8896
|
description: (_: {}) => any;
|
|
9501
8897
|
}>;
|
|
9502
8898
|
|
|
8899
|
+
/**
|
|
8900
|
+
* A constant array containing all supported country codes for the phone number input field.
|
|
8901
|
+
*/
|
|
8902
|
+
export declare const BentoInputFieldPhoneNumberCountries: CountryCode_2[];
|
|
8903
|
+
|
|
9503
8904
|
export declare type BentoInputFieldPhoneNumberDropdownProps = Pick<BentoInputDropdownProps, 'readonly'>;
|
|
9504
8905
|
|
|
9505
8906
|
export declare interface BentoInputFieldPhoneNumberProps extends FormField {
|
|
@@ -9761,7 +9162,7 @@ export declare type BentoInpuWithDropdowntFilterValue = {
|
|
|
9761
9162
|
* `
|
|
9762
9163
|
* }
|
|
9763
9164
|
*/
|
|
9764
|
-
export declare const BentoInspector: __VLS_WithTemplateSlots_20<DefineComponent<
|
|
9165
|
+
export declare const BentoInspector: __VLS_WithTemplateSlots_20<DefineComponent<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_24<BentoInspectorProps>, {
|
|
9765
9166
|
activePage: string;
|
|
9766
9167
|
expandable: boolean;
|
|
9767
9168
|
isOpen: boolean;
|
|
@@ -9775,7 +9176,7 @@ pageFocusAnchor: any;
|
|
|
9775
9176
|
"update:active-page": (value: string) => void;
|
|
9776
9177
|
} & {
|
|
9777
9178
|
expand: () => void;
|
|
9778
|
-
}, string, Readonly<ExtractPropTypes<
|
|
9179
|
+
}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_24<BentoInspectorProps>, {
|
|
9779
9180
|
activePage: string;
|
|
9780
9181
|
expandable: boolean;
|
|
9781
9182
|
isOpen: boolean;
|
|
@@ -9785,8 +9186,8 @@ relativeLayout: string;
|
|
|
9785
9186
|
pageFocusAnchor: any;
|
|
9786
9187
|
}>>>, {
|
|
9787
9188
|
isOpen: boolean;
|
|
9788
|
-
loading: boolean;
|
|
9789
9189
|
size: BentoInspectorSize;
|
|
9190
|
+
loading: boolean;
|
|
9790
9191
|
activePage: string;
|
|
9791
9192
|
expandable: boolean;
|
|
9792
9193
|
relativeLayout: BentoInspectorRelativeLayout;
|
|
@@ -9891,10 +9292,10 @@ export declare enum BentoKeyboardNavigationKeyDownEvent {
|
|
|
9891
9292
|
* `
|
|
9892
9293
|
* }
|
|
9893
9294
|
*/
|
|
9894
|
-
export declare const BentoLayout: __VLS_WithTemplateSlots_21<DefineComponent<
|
|
9295
|
+
export declare const BentoLayout: __VLS_WithTemplateSlots_21<DefineComponent<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_25<BentoLayoutProps>, {
|
|
9895
9296
|
size: string;
|
|
9896
9297
|
variant: string;
|
|
9897
|
-
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<
|
|
9298
|
+
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_25<__VLS_TypePropsToRuntimeProps_25<BentoLayoutProps>, {
|
|
9898
9299
|
size: string;
|
|
9899
9300
|
variant: string;
|
|
9900
9301
|
}>>>, {
|
|
@@ -9937,9 +9338,9 @@ export declare interface BentoLayoutProps {
|
|
|
9937
9338
|
* `
|
|
9938
9339
|
* }
|
|
9939
9340
|
*/
|
|
9940
|
-
export declare const BentoLayoutRow: __VLS_WithTemplateSlots_22<DefineComponent<
|
|
9341
|
+
export declare const BentoLayoutRow: __VLS_WithTemplateSlots_22<DefineComponent<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_26<BentoLayoutRowProps>, {
|
|
9941
9342
|
columnsLayout: string;
|
|
9942
|
-
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<
|
|
9343
|
+
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_26<__VLS_TypePropsToRuntimeProps_26<BentoLayoutRowProps>, {
|
|
9943
9344
|
columnsLayout: string;
|
|
9944
9345
|
}>>>, {
|
|
9945
9346
|
columnsLayout: BentoLayoutRowColumnLayout;
|
|
@@ -9986,12 +9387,12 @@ export declare type BentoLazyLoadType = 'automatic' | 'button' | 'none';
|
|
|
9986
9387
|
* `
|
|
9987
9388
|
* }
|
|
9988
9389
|
*/
|
|
9989
|
-
export declare const BentoLink: __VLS_WithTemplateSlots_23<DefineComponent<
|
|
9390
|
+
export declare const BentoLink: __VLS_WithTemplateSlots_23<DefineComponent<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_27<BentoLinkProps>, {
|
|
9990
9391
|
target: any;
|
|
9991
9392
|
variant: BentoLinkVariant;
|
|
9992
9393
|
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
9993
9394
|
click: (clickEvent: MouseEvent) => void;
|
|
9994
|
-
}, string, Readonly<ExtractPropTypes<
|
|
9395
|
+
}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_27<BentoLinkProps>, {
|
|
9995
9396
|
target: any;
|
|
9996
9397
|
variant: BentoLinkVariant;
|
|
9997
9398
|
}>>>, {
|
|
@@ -10001,7 +9402,37 @@ target: string;
|
|
|
10001
9402
|
default: (_: {}) => any;
|
|
10002
9403
|
}>;
|
|
10003
9404
|
|
|
10004
|
-
declare type BentoLinkProps = RouterLinkProps &
|
|
9405
|
+
export declare type BentoLinkProps = RouterLinkProps & {
|
|
9406
|
+
/**
|
|
9407
|
+
* Disable the default typography for the component. Only use this when the component is inside another typography component.
|
|
9408
|
+
*/
|
|
9409
|
+
disableTypography?: boolean;
|
|
9410
|
+
/**
|
|
9411
|
+
* Set the rendered link to a regular external anchor link and renders an external link icon.
|
|
9412
|
+
*/
|
|
9413
|
+
external?: boolean;
|
|
9414
|
+
/**
|
|
9415
|
+
* Set to true if used inside a `BentoButton` component.
|
|
9416
|
+
*/
|
|
9417
|
+
isButton?: boolean;
|
|
9418
|
+
/**
|
|
9419
|
+
* Set the rendered link to a regular external anchor link.
|
|
9420
|
+
*/
|
|
9421
|
+
isNotRouting?: boolean;
|
|
9422
|
+
/**
|
|
9423
|
+
* Sets the target of the rendered link.
|
|
9424
|
+
*/
|
|
9425
|
+
target?: string;
|
|
9426
|
+
/**
|
|
9427
|
+
* Set to true to truncate link. Doesn't work with disableTypography.
|
|
9428
|
+
*/
|
|
9429
|
+
truncate?: boolean;
|
|
9430
|
+
/**
|
|
9431
|
+
* Link variant type affecting visual style.
|
|
9432
|
+
* @values default, quiet
|
|
9433
|
+
*/
|
|
9434
|
+
variant?: BentoLinkVariant | `${BentoLinkVariant}`;
|
|
9435
|
+
};
|
|
10005
9436
|
|
|
10006
9437
|
/**
|
|
10007
9438
|
* @deprecated for usage with properties since version 2.0. Use the string literal instead.
|
|
@@ -10011,14 +9442,6 @@ export declare enum BentoLinkVariant {
|
|
|
10011
9442
|
QUIET = "quiet"
|
|
10012
9443
|
}
|
|
10013
9444
|
|
|
10014
|
-
/**
|
|
10015
|
-
* @deprecated for usage with properties since version 2.0. Use the string literal instead.
|
|
10016
|
-
*/
|
|
10017
|
-
declare enum BentoLinkVariant_2 {
|
|
10018
|
-
DEFAULT = 'default',
|
|
10019
|
-
QUIET = 'quiet',
|
|
10020
|
-
}
|
|
10021
|
-
|
|
10022
9445
|
declare type BentoListboxEmptyStateProps = {
|
|
10023
9446
|
action: {
|
|
10024
9447
|
icon?: any;
|
|
@@ -10210,7 +9633,7 @@ condensed: boolean;
|
|
|
10210
9633
|
critical: boolean;
|
|
10211
9634
|
disabled: boolean;
|
|
10212
9635
|
inverse: boolean;
|
|
10213
|
-
state: "start" | "loading" | "success" | "fail"
|
|
9636
|
+
state: "start" | "loading" | "success" | BentoLoadingButtonState | "fail";
|
|
10214
9637
|
}>, {
|
|
10215
9638
|
default: (_: {}) => any;
|
|
10216
9639
|
iconLeft: (_: {}) => any;
|
|
@@ -10227,13 +9650,6 @@ export declare enum BentoLoadingButtonState {
|
|
|
10227
9650
|
FAIL = "fail"
|
|
10228
9651
|
}
|
|
10229
9652
|
|
|
10230
|
-
declare enum BentoLoadingButtonState_2 {
|
|
10231
|
-
START = 'start',
|
|
10232
|
-
LOADING = 'loading',
|
|
10233
|
-
SUCCESS = 'success',
|
|
10234
|
-
FAIL = 'fail',
|
|
10235
|
-
}
|
|
10236
|
-
|
|
10237
9653
|
export declare const BentoLoadingIndicator: DefineComponent< {
|
|
10238
9654
|
/**
|
|
10239
9655
|
* Displays the loading indicator in a small size
|
|
@@ -10312,11 +9728,11 @@ export declare enum BentoLoadingIndicatorEvent {
|
|
|
10312
9728
|
* />
|
|
10313
9729
|
* }
|
|
10314
9730
|
*/
|
|
10315
|
-
export declare const BentoMenu: __VLS_WithTemplateSlots_24<DefineComponent<
|
|
9731
|
+
export declare const BentoMenu: __VLS_WithTemplateSlots_24<DefineComponent<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_28<BentoMenuProps>, {
|
|
10316
9732
|
button: () => BentoMenuButtonProps;
|
|
10317
9733
|
closeMenuOnItemSelect: boolean;
|
|
10318
9734
|
disableArrowDownOpeningMenu: boolean;
|
|
10319
|
-
menuPosition:
|
|
9735
|
+
menuPosition: string;
|
|
10320
9736
|
menuFixedPositioning: boolean;
|
|
10321
9737
|
menuWidth: any;
|
|
10322
9738
|
revertFocusToButton: boolean;
|
|
@@ -10335,11 +9751,11 @@ open: () => void;
|
|
|
10335
9751
|
"menu-item-click": () => void;
|
|
10336
9752
|
} & {
|
|
10337
9753
|
"click-outside": () => void;
|
|
10338
|
-
}, string, Readonly<ExtractPropTypes<
|
|
9754
|
+
}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_28<__VLS_TypePropsToRuntimeProps_28<BentoMenuProps>, {
|
|
10339
9755
|
button: () => BentoMenuButtonProps;
|
|
10340
9756
|
closeMenuOnItemSelect: boolean;
|
|
10341
9757
|
disableArrowDownOpeningMenu: boolean;
|
|
10342
|
-
menuPosition:
|
|
9758
|
+
menuPosition: string;
|
|
10343
9759
|
menuFixedPositioning: boolean;
|
|
10344
9760
|
menuWidth: any;
|
|
10345
9761
|
revertFocusToButton: boolean;
|
|
@@ -10347,13 +9763,13 @@ teleport: boolean;
|
|
|
10347
9763
|
closeOnClickOutsideOptions: any;
|
|
10348
9764
|
}>>>, {
|
|
10349
9765
|
button: BentoMenuButtonProps;
|
|
10350
|
-
teleport: boolean;
|
|
10351
9766
|
closeMenuOnItemSelect: boolean;
|
|
10352
9767
|
disableArrowDownOpeningMenu: boolean;
|
|
10353
9768
|
menuPosition: BentoPopoverPositions | `${BentoPopoverPositions}`;
|
|
10354
9769
|
menuFixedPositioning: boolean;
|
|
10355
9770
|
menuWidth: number;
|
|
10356
9771
|
revertFocusToButton: boolean;
|
|
9772
|
+
teleport: boolean;
|
|
10357
9773
|
closeOnClickOutsideOptions: any;
|
|
10358
9774
|
}>, {
|
|
10359
9775
|
iconLeft: (_: {}) => any;
|
|
@@ -10361,9 +9777,10 @@ closeOnClickOutsideOptions: any;
|
|
|
10361
9777
|
}>;
|
|
10362
9778
|
|
|
10363
9779
|
export declare type BentoMenuButtonProps = {
|
|
10364
|
-
|
|
10365
|
-
condensed?:
|
|
10366
|
-
disabled?:
|
|
9780
|
+
'aria-label'?: HTMLAttributes['aria-label'];
|
|
9781
|
+
condensed?: BentoButtonProps['condensed'];
|
|
9782
|
+
disabled?: BentoButtonProps['disabled'];
|
|
9783
|
+
variant?: BentoButtonProps['variant'];
|
|
10367
9784
|
};
|
|
10368
9785
|
|
|
10369
9786
|
export declare enum BentoMenuEvent {
|
|
@@ -11079,7 +10496,7 @@ contextualLabel: string;
|
|
|
11079
10496
|
* `
|
|
11080
10497
|
* }
|
|
11081
10498
|
*/
|
|
11082
|
-
export declare const BentoModalPage: __VLS_WithTemplateSlots_26<DefineComponent<
|
|
10499
|
+
export declare const BentoModalPage: __VLS_WithTemplateSlots_26<DefineComponent<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_29<BentoModalPageProps>, {
|
|
11083
10500
|
actions: any;
|
|
11084
10501
|
actionsLabel: any;
|
|
11085
10502
|
columnsSize: BentoModalColumnLayoutVariant;
|
|
@@ -11088,7 +10505,7 @@ destructiveActions: boolean;
|
|
|
11088
10505
|
withColumnLayout: boolean;
|
|
11089
10506
|
pageId: any;
|
|
11090
10507
|
previousPage: any;
|
|
11091
|
-
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<
|
|
10508
|
+
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_29<BentoModalPageProps>, {
|
|
11092
10509
|
actions: any;
|
|
11093
10510
|
actionsLabel: any;
|
|
11094
10511
|
columnsSize: BentoModalColumnLayoutVariant;
|
|
@@ -11236,7 +10653,7 @@ export declare type BentoMultiCheckboxType = Array<string | number>;
|
|
|
11236
10653
|
* `,
|
|
11237
10654
|
* }
|
|
11238
10655
|
*/
|
|
11239
|
-
export declare const BentoPagination: __VLS_WithTemplateSlots_29<DefineComponent<
|
|
10656
|
+
export declare const BentoPagination: __VLS_WithTemplateSlots_29<DefineComponent<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_30<BentoPaginationProps>, {
|
|
11240
10657
|
ariaLabel: any;
|
|
11241
10658
|
hasNext: any;
|
|
11242
10659
|
hidePageSize: boolean;
|
|
@@ -11252,7 +10669,7 @@ navigate: (page: number, items?: number) => void;
|
|
|
11252
10669
|
"update:page": (page: number) => void;
|
|
11253
10670
|
} & {
|
|
11254
10671
|
"update:size": (size: number) => void;
|
|
11255
|
-
}, string, Readonly<ExtractPropTypes<
|
|
10672
|
+
}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_30<__VLS_TypePropsToRuntimeProps_30<BentoPaginationProps>, {
|
|
11256
10673
|
ariaLabel: any;
|
|
11257
10674
|
hasNext: any;
|
|
11258
10675
|
hidePageSize: boolean;
|
|
@@ -11318,10 +10735,10 @@ export declare interface BentoPaginationProps {
|
|
|
11318
10735
|
* `
|
|
11319
10736
|
* }
|
|
11320
10737
|
*/
|
|
11321
|
-
export declare const BentoPaymentMethod: DefineComponent<
|
|
10738
|
+
export declare const BentoPaymentMethod: DefineComponent<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_31<BentoPaymentMethodProps>, {
|
|
11322
10739
|
type: string;
|
|
11323
10740
|
small: boolean;
|
|
11324
|
-
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<
|
|
10741
|
+
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_31<BentoPaymentMethodProps>, {
|
|
11325
10742
|
type: string;
|
|
11326
10743
|
small: boolean;
|
|
11327
10744
|
}>>>, {
|
|
@@ -12513,7 +11930,7 @@ export declare enum BentoPaymentMethodType {
|
|
|
12513
11930
|
* `
|
|
12514
11931
|
* }
|
|
12515
11932
|
*/
|
|
12516
|
-
export declare const BentoPopover: __VLS_WithTemplateSlots_30<DefineComponent<
|
|
11933
|
+
export declare const BentoPopover: __VLS_WithTemplateSlots_30<DefineComponent<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_32<BentoPopoverProps>, {
|
|
12517
11934
|
actions: any;
|
|
12518
11935
|
actionsLayout: string;
|
|
12519
11936
|
ariaLabel: any;
|
|
@@ -12535,7 +11952,7 @@ overflowVisible: boolean;
|
|
|
12535
11952
|
dismiss: () => void;
|
|
12536
11953
|
} & {
|
|
12537
11954
|
placement: (placement: Placement) => void;
|
|
12538
|
-
}, string, Readonly<ExtractPropTypes<
|
|
11955
|
+
}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_32<__VLS_TypePropsToRuntimeProps_32<BentoPopoverProps>, {
|
|
12539
11956
|
actions: any;
|
|
12540
11957
|
actionsLayout: string;
|
|
12541
11958
|
ariaLabel: any;
|
|
@@ -12581,21 +11998,21 @@ overflowVisible: boolean;
|
|
|
12581
11998
|
* @deprecated for usage with properties since version 2.0. Use the string literal instead.
|
|
12582
11999
|
*/
|
|
12583
12000
|
export declare const BentoPopoverPositions: {
|
|
12584
|
-
AUTO: import("
|
|
12585
|
-
AUTO_START: import("
|
|
12586
|
-
AUTO_END: import("
|
|
12587
|
-
TOP_START: import("
|
|
12588
|
-
TOP_END: import("
|
|
12589
|
-
RIGHT_START: import("
|
|
12590
|
-
RIGHT_END: import("
|
|
12591
|
-
BOTTOM_START: import("
|
|
12592
|
-
BOTTOM_END: import("
|
|
12593
|
-
LEFT_START: import("
|
|
12594
|
-
LEFT_END: import("
|
|
12595
|
-
TOP: import("
|
|
12596
|
-
RIGHT: import("
|
|
12597
|
-
BOTTOM: import("
|
|
12598
|
-
LEFT: import("
|
|
12001
|
+
AUTO: import("../popper-container").PopperContainerPositionExtended.AUTO;
|
|
12002
|
+
AUTO_START: import("../popper-container").PopperContainerPositionExtended.AUTO_START;
|
|
12003
|
+
AUTO_END: import("../popper-container").PopperContainerPositionExtended.AUTO_END;
|
|
12004
|
+
TOP_START: import("../popper-container").PopperContainerPositionExtended.TOP_START;
|
|
12005
|
+
TOP_END: import("../popper-container").PopperContainerPositionExtended.TOP_END;
|
|
12006
|
+
RIGHT_START: import("../popper-container").PopperContainerPositionExtended.RIGHT_START;
|
|
12007
|
+
RIGHT_END: import("../popper-container").PopperContainerPositionExtended.RIGHT_END;
|
|
12008
|
+
BOTTOM_START: import("../popper-container").PopperContainerPositionExtended.BOTTOM_START;
|
|
12009
|
+
BOTTOM_END: import("../popper-container").PopperContainerPositionExtended.BOTTOM_END;
|
|
12010
|
+
LEFT_START: import("../popper-container").PopperContainerPositionExtended.LEFT_START;
|
|
12011
|
+
LEFT_END: import("../popper-container").PopperContainerPositionExtended.LEFT_END;
|
|
12012
|
+
TOP: import("../popper-container").PopperContainerPositionBasic.TOP;
|
|
12013
|
+
RIGHT: import("../popper-container").PopperContainerPositionBasic.RIGHT;
|
|
12014
|
+
BOTTOM: import("../popper-container").PopperContainerPositionBasic.BOTTOM;
|
|
12015
|
+
LEFT: import("../popper-container").PopperContainerPositionBasic.LEFT;
|
|
12599
12016
|
};
|
|
12600
12017
|
|
|
12601
12018
|
export declare type BentoPopoverPositions = PopperContainerPosition;
|
|
@@ -12735,7 +12152,7 @@ export declare interface BentoPopoverProps {
|
|
|
12735
12152
|
* `
|
|
12736
12153
|
* };
|
|
12737
12154
|
*/
|
|
12738
|
-
export declare const BentoPromoBanner: __VLS_WithTemplateSlots_32<DefineComponent<
|
|
12155
|
+
export declare const BentoPromoBanner: __VLS_WithTemplateSlots_32<DefineComponent<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_33<BentoPromoBannerProps>, {
|
|
12739
12156
|
actions: any;
|
|
12740
12157
|
color: BentoPromoBannerColor;
|
|
12741
12158
|
isDismissible: boolean;
|
|
@@ -12743,7 +12160,7 @@ dismissButtonText: any;
|
|
|
12743
12160
|
layout: BentoPromoBannerLayout;
|
|
12744
12161
|
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
12745
12162
|
dismiss: () => void;
|
|
12746
|
-
}, string, Readonly<ExtractPropTypes<
|
|
12163
|
+
}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_33<__VLS_TypePropsToRuntimeProps_33<BentoPromoBannerProps>, {
|
|
12747
12164
|
actions: any;
|
|
12748
12165
|
color: BentoPromoBannerColor;
|
|
12749
12166
|
isDismissible: boolean;
|
|
@@ -13312,7 +12729,7 @@ export declare type BentoRangeFilterOptions = {
|
|
|
13312
12729
|
* `
|
|
13313
12730
|
* }
|
|
13314
12731
|
*/
|
|
13315
|
-
export declare const BentoRichTextEditor: DefineComponent<
|
|
12732
|
+
export declare const BentoRichTextEditor: DefineComponent<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_35<BentoRichTextEditorProps>, {
|
|
13316
12733
|
description: any;
|
|
13317
12734
|
disabled: boolean;
|
|
13318
12735
|
errorMessage: any;
|
|
@@ -13324,7 +12741,7 @@ tooltipText: any;
|
|
|
13324
12741
|
value: any;
|
|
13325
12742
|
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
13326
12743
|
input: (value: string) => void;
|
|
13327
|
-
}, string, Readonly<ExtractPropTypes<
|
|
12744
|
+
}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_35<__VLS_TypePropsToRuntimeProps_35<BentoRichTextEditorProps>, {
|
|
13328
12745
|
description: any;
|
|
13329
12746
|
disabled: boolean;
|
|
13330
12747
|
errorMessage: any;
|
|
@@ -13436,9 +12853,10 @@ export declare interface BentoRichTextEditorProps {
|
|
|
13436
12853
|
* }
|
|
13437
12854
|
* }
|
|
13438
12855
|
*/
|
|
13439
|
-
export declare const BentoSearchBar: DefineComponent<
|
|
12856
|
+
export declare const BentoSearchBar: DefineComponent<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_36<BentoSearchBarProps>, {
|
|
13440
12857
|
condensed: boolean;
|
|
13441
12858
|
debounceTime: number;
|
|
12859
|
+
disabled: boolean;
|
|
13442
12860
|
hint: string;
|
|
13443
12861
|
placeholder: string;
|
|
13444
12862
|
value: any;
|
|
@@ -13457,15 +12875,17 @@ clear: () => void;
|
|
|
13457
12875
|
blur: () => void;
|
|
13458
12876
|
} & {
|
|
13459
12877
|
focus: () => void;
|
|
13460
|
-
}, string, Readonly<ExtractPropTypes<
|
|
12878
|
+
}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_36<BentoSearchBarProps>, {
|
|
13461
12879
|
condensed: boolean;
|
|
13462
12880
|
debounceTime: number;
|
|
12881
|
+
disabled: boolean;
|
|
13463
12882
|
hint: string;
|
|
13464
12883
|
placeholder: string;
|
|
13465
12884
|
value: any;
|
|
13466
12885
|
}>>>, {
|
|
13467
12886
|
value: string;
|
|
13468
12887
|
condensed: boolean;
|
|
12888
|
+
disabled: boolean;
|
|
13469
12889
|
placeholder: string;
|
|
13470
12890
|
debounceTime: number;
|
|
13471
12891
|
hint: string;
|
|
@@ -13504,6 +12924,10 @@ export declare interface BentoSearchBarProps {
|
|
|
13504
12924
|
* Custom debounce time. Default: 300
|
|
13505
12925
|
*/
|
|
13506
12926
|
debounceTime?: number;
|
|
12927
|
+
/**
|
|
12928
|
+
* Disables the text input.
|
|
12929
|
+
*/
|
|
12930
|
+
disabled?: boolean;
|
|
13507
12931
|
/**
|
|
13508
12932
|
* Text displayed as a hint when the field is not empty
|
|
13509
12933
|
*/
|
|
@@ -13540,7 +12964,7 @@ export declare interface BentoSearchBarProps {
|
|
|
13540
12964
|
* }
|
|
13541
12965
|
* }
|
|
13542
12966
|
*/
|
|
13543
|
-
export declare const BentoSecondaryNav: DefineComponent<
|
|
12967
|
+
export declare const BentoSecondaryNav: DefineComponent<__VLS_TypePropsToRuntimeProps_37<{
|
|
13544
12968
|
/**
|
|
13545
12969
|
* An array containing all the items on the nav. The array can have either {@see BentoSecondaryNavItemsCategory },
|
|
13546
12970
|
* which is used to group different items or {@see BentoSecondaryNavItemsItem } if you don't need to group them.
|
|
@@ -13553,7 +12977,7 @@ items: BentoSecondaryNavItems;
|
|
|
13553
12977
|
value?: string;
|
|
13554
12978
|
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
13555
12979
|
change: (category: string) => void;
|
|
13556
|
-
}, string, Readonly<ExtractPropTypes<
|
|
12980
|
+
}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_37<{
|
|
13557
12981
|
/**
|
|
13558
12982
|
* An array containing all the items on the nav. The array can have either {@see BentoSecondaryNavItemsCategory },
|
|
13559
12983
|
* which is used to group different items or {@see BentoSecondaryNavItemsItem } if you don't need to group them.
|
|
@@ -13598,7 +13022,7 @@ export declare interface BentoSecondaryNavState {
|
|
|
13598
13022
|
* `
|
|
13599
13023
|
* }
|
|
13600
13024
|
*/
|
|
13601
|
-
export declare const BentoSegmentedControl: DefineComponent<
|
|
13025
|
+
export declare const BentoSegmentedControl: DefineComponent<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_38<BentoSegmentedControlProps>, {
|
|
13602
13026
|
ariaLabel: any;
|
|
13603
13027
|
fullWidth: boolean;
|
|
13604
13028
|
wrap: boolean;
|
|
@@ -13607,7 +13031,7 @@ modelValue: any;
|
|
|
13607
13031
|
"update:model-value": (value: any) => void;
|
|
13608
13032
|
} & {
|
|
13609
13033
|
input: (value: BentoSegmentedControlValue) => void;
|
|
13610
|
-
}, string, Readonly<ExtractPropTypes<
|
|
13034
|
+
}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_38<BentoSegmentedControlProps>, {
|
|
13611
13035
|
ariaLabel: any;
|
|
13612
13036
|
fullWidth: boolean;
|
|
13613
13037
|
wrap: boolean;
|
|
@@ -14573,7 +13997,7 @@ destructiveActions: boolean;
|
|
|
14573
13997
|
* `
|
|
14574
13998
|
* }
|
|
14575
13999
|
*/
|
|
14576
|
-
export declare const BentoStatus: __VLS_WithTemplateSlots_39<DefineComponent<
|
|
14000
|
+
export declare const BentoStatus: __VLS_WithTemplateSlots_39<DefineComponent<__VLS_TypePropsToRuntimeProps_39<BentoStatusProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_39<BentoStatusProps>>>, {}>, {
|
|
14577
14001
|
default: (_: {}) => any;
|
|
14578
14002
|
}>;
|
|
14579
14003
|
|
|
@@ -14789,7 +14213,7 @@ declare interface BentoStickyTabsOptions {
|
|
|
14789
14213
|
* `
|
|
14790
14214
|
* }
|
|
14791
14215
|
*/
|
|
14792
|
-
export declare const BentoStructuredList: __VLS_WithTemplateSlots_42<DefineComponent<
|
|
14216
|
+
export declare const BentoStructuredList: __VLS_WithTemplateSlots_42<DefineComponent<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_40<{
|
|
14793
14217
|
/**
|
|
14794
14218
|
* Width of the labels container, in pixels. Overrides layout prop.
|
|
14795
14219
|
*/
|
|
@@ -14813,7 +14237,7 @@ layout?: BentoStructuredListLayoutOptions;
|
|
|
14813
14237
|
}>, {
|
|
14814
14238
|
labelsWidth: any;
|
|
14815
14239
|
layout: string;
|
|
14816
|
-
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<
|
|
14240
|
+
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_40<{
|
|
14817
14241
|
/**
|
|
14818
14242
|
* Width of the labels container, in pixels. Overrides layout prop.
|
|
14819
14243
|
*/
|
|
@@ -14867,7 +14291,7 @@ labelsWidth: number;
|
|
|
14867
14291
|
* `
|
|
14868
14292
|
* }
|
|
14869
14293
|
*/
|
|
14870
|
-
export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_43<DefineComponent<
|
|
14294
|
+
export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_43<DefineComponent<__VLS_TypePropsToRuntimeProps_41<{
|
|
14871
14295
|
/**
|
|
14872
14296
|
* Label to display for the value
|
|
14873
14297
|
*/
|
|
@@ -14892,7 +14316,7 @@ searchTooltip?: string;
|
|
|
14892
14316
|
* Truncates the value of the item
|
|
14893
14317
|
*/
|
|
14894
14318
|
truncate?: boolean;
|
|
14895
|
-
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<
|
|
14319
|
+
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_41<{
|
|
14896
14320
|
/**
|
|
14897
14321
|
* Label to display for the value
|
|
14898
14322
|
*/
|
|
@@ -14947,10 +14371,10 @@ declare const BentoStructuredListLayoutOptions: string[];
|
|
|
14947
14371
|
* `
|
|
14948
14372
|
* }
|
|
14949
14373
|
*/
|
|
14950
|
-
export declare const BentoSummaryGrid: __VLS_WithTemplateSlots_44<DefineComponent<
|
|
14374
|
+
export declare const BentoSummaryGrid: __VLS_WithTemplateSlots_44<DefineComponent<__VLS_WithDefaults_39<__VLS_TypePropsToRuntimeProps_42<BentoSummaryGridProps>, {
|
|
14951
14375
|
columnWidth: any;
|
|
14952
14376
|
slashedZero: boolean;
|
|
14953
|
-
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<
|
|
14377
|
+
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_39<__VLS_TypePropsToRuntimeProps_42<BentoSummaryGridProps>, {
|
|
14954
14378
|
columnWidth: any;
|
|
14955
14379
|
slashedZero: boolean;
|
|
14956
14380
|
}>>>, {
|
|
@@ -14985,7 +14409,7 @@ export declare interface BentoSummaryGridColumnWidth {
|
|
|
14985
14409
|
* `
|
|
14986
14410
|
* }
|
|
14987
14411
|
*/
|
|
14988
|
-
export declare const BentoSummaryGridItemAmount: __VLS_WithTemplateSlots_45<DefineComponent<
|
|
14412
|
+
export declare const BentoSummaryGridItemAmount: __VLS_WithTemplateSlots_45<DefineComponent<__VLS_WithDefaults_40<__VLS_TypePropsToRuntimeProps_43<BentoSummaryGridItemAmountProps>, {
|
|
14989
14413
|
copy: any;
|
|
14990
14414
|
fitContent: boolean;
|
|
14991
14415
|
infoIconTooltipText: any;
|
|
@@ -15002,7 +14426,7 @@ underlineTooltipText: any;
|
|
|
15002
14426
|
"copy-click": (event: MouseEvent) => void;
|
|
15003
14427
|
} & {
|
|
15004
14428
|
"info-icon-mouseenter": (event: MouseEvent) => void;
|
|
15005
|
-
}, string, Readonly<ExtractPropTypes<
|
|
14429
|
+
}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_40<__VLS_TypePropsToRuntimeProps_43<BentoSummaryGridItemAmountProps>, {
|
|
15006
14430
|
copy: any;
|
|
15007
14431
|
fitContent: boolean;
|
|
15008
14432
|
infoIconTooltipText: any;
|
|
@@ -15062,7 +14486,7 @@ export declare interface BentoSummaryGridItemAmountProps extends BaseSummaryGrid
|
|
|
15062
14486
|
* `
|
|
15063
14487
|
* }
|
|
15064
14488
|
*/
|
|
15065
|
-
export declare const BentoSummaryGridItemCustom: __VLS_WithTemplateSlots_49<DefineComponent<
|
|
14489
|
+
export declare const BentoSummaryGridItemCustom: __VLS_WithTemplateSlots_49<DefineComponent<__VLS_WithDefaults_44<__VLS_TypePropsToRuntimeProps_47<BentoSummaryGridItemCustomProps>, {
|
|
15066
14490
|
copy: any;
|
|
15067
14491
|
infoIconTooltipText: any;
|
|
15068
14492
|
fitContent: boolean;
|
|
@@ -15072,7 +14496,7 @@ underlineTooltipText: any;
|
|
|
15072
14496
|
"copy-click": (event: MouseEvent) => void;
|
|
15073
14497
|
} & {
|
|
15074
14498
|
"info-icon-mouseenter": (event: MouseEvent) => void;
|
|
15075
|
-
}, string, Readonly<ExtractPropTypes<
|
|
14499
|
+
}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_44<__VLS_TypePropsToRuntimeProps_47<BentoSummaryGridItemCustomProps>, {
|
|
15076
14500
|
copy: any;
|
|
15077
14501
|
infoIconTooltipText: any;
|
|
15078
14502
|
fitContent: boolean;
|
|
@@ -15136,7 +14560,7 @@ export declare interface BentoSummaryGridItemCustomProps {
|
|
|
15136
14560
|
* `
|
|
15137
14561
|
* }
|
|
15138
14562
|
*/
|
|
15139
|
-
export declare const BentoSummaryGridItemNumeric: __VLS_WithTemplateSlots_46<DefineComponent<
|
|
14563
|
+
export declare const BentoSummaryGridItemNumeric: __VLS_WithTemplateSlots_46<DefineComponent<__VLS_WithDefaults_41<__VLS_TypePropsToRuntimeProps_44<BentoSummaryGridItemNumericProps>, {
|
|
15140
14564
|
copy: any;
|
|
15141
14565
|
fitContent: boolean;
|
|
15142
14566
|
infoIconTooltipText: any;
|
|
@@ -15152,7 +14576,7 @@ underlineTooltipText: any;
|
|
|
15152
14576
|
"copy-click": (event: MouseEvent) => void;
|
|
15153
14577
|
} & {
|
|
15154
14578
|
"info-icon-mouseenter": (event: MouseEvent) => void;
|
|
15155
|
-
}, string, Readonly<ExtractPropTypes<
|
|
14579
|
+
}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_41<__VLS_TypePropsToRuntimeProps_44<BentoSummaryGridItemNumericProps>, {
|
|
15156
14580
|
copy: any;
|
|
15157
14581
|
fitContent: boolean;
|
|
15158
14582
|
infoIconTooltipText: any;
|
|
@@ -15211,7 +14635,7 @@ export declare interface BentoSummaryGridItemNumericProps extends BaseSummaryGri
|
|
|
15211
14635
|
* `
|
|
15212
14636
|
* }
|
|
15213
14637
|
*/
|
|
15214
|
-
export declare const BentoSummaryGridItemPercentage: __VLS_WithTemplateSlots_47<DefineComponent<
|
|
14638
|
+
export declare const BentoSummaryGridItemPercentage: __VLS_WithTemplateSlots_47<DefineComponent<__VLS_WithDefaults_42<__VLS_TypePropsToRuntimeProps_45<BentoSummaryGridItemPercentageProps>, {
|
|
15215
14639
|
copy: any;
|
|
15216
14640
|
fitContent: boolean;
|
|
15217
14641
|
infoIconTooltipText: any;
|
|
@@ -15227,7 +14651,7 @@ underlineTooltipText: any;
|
|
|
15227
14651
|
"copy-click": (event: MouseEvent) => void;
|
|
15228
14652
|
} & {
|
|
15229
14653
|
"info-icon-mouseenter": (event: MouseEvent) => void;
|
|
15230
|
-
}, string, Readonly<ExtractPropTypes<
|
|
14654
|
+
}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_42<__VLS_TypePropsToRuntimeProps_45<BentoSummaryGridItemPercentageProps>, {
|
|
15231
14655
|
copy: any;
|
|
15232
14656
|
fitContent: boolean;
|
|
15233
14657
|
infoIconTooltipText: any;
|
|
@@ -15292,7 +14716,7 @@ export declare enum BentoSummaryGridItemSize {
|
|
|
15292
14716
|
* `
|
|
15293
14717
|
* }
|
|
15294
14718
|
*/
|
|
15295
|
-
export declare const BentoSummaryGridItemText: __VLS_WithTemplateSlots_48<DefineComponent<
|
|
14719
|
+
export declare const BentoSummaryGridItemText: __VLS_WithTemplateSlots_48<DefineComponent<__VLS_WithDefaults_43<__VLS_TypePropsToRuntimeProps_46<BentoSummaryGridItemTextProps>, {
|
|
15296
14720
|
copy: any;
|
|
15297
14721
|
fitContent: boolean;
|
|
15298
14722
|
infoIconTooltipText: any;
|
|
@@ -15302,7 +14726,7 @@ underlineTooltipText: any;
|
|
|
15302
14726
|
"copy-click": (event: MouseEvent) => void;
|
|
15303
14727
|
} & {
|
|
15304
14728
|
"info-icon-mouseenter": (event: MouseEvent) => void;
|
|
15305
|
-
}, string, Readonly<ExtractPropTypes<
|
|
14729
|
+
}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_43<__VLS_TypePropsToRuntimeProps_46<BentoSummaryGridItemTextProps>, {
|
|
15306
14730
|
copy: any;
|
|
15307
14731
|
fitContent: boolean;
|
|
15308
14732
|
infoIconTooltipText: any;
|
|
@@ -15394,12 +14818,12 @@ export declare interface BentoSummaryGridProps {
|
|
|
15394
14818
|
* </bento-tabs>
|
|
15395
14819
|
* </template>
|
|
15396
14820
|
*/
|
|
15397
|
-
export declare const BentoTab: __VLS_WithTemplateSlots_50<DefineComponent<
|
|
14821
|
+
export declare const BentoTab: __VLS_WithTemplateSlots_50<DefineComponent<__VLS_WithDefaults_45<__VLS_TypePropsToRuntimeProps_48<BentoTabProps>, {
|
|
15398
14822
|
counter: any;
|
|
15399
14823
|
disabled: boolean;
|
|
15400
14824
|
hidden: boolean;
|
|
15401
14825
|
withNotificationIndicator: boolean;
|
|
15402
|
-
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<
|
|
14826
|
+
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_45<__VLS_TypePropsToRuntimeProps_48<BentoTabProps>, {
|
|
15403
14827
|
counter: any;
|
|
15404
14828
|
disabled: boolean;
|
|
15405
14829
|
hidden: boolean;
|
|
@@ -15548,11 +14972,11 @@ declare enum BentoTabsEvent {
|
|
|
15548
14972
|
ACTIVE_TAB_INDEX = "update:active-tab-index"
|
|
15549
14973
|
}
|
|
15550
14974
|
|
|
15551
|
-
export declare const BentoTag: DefineComponent<
|
|
14975
|
+
export declare const BentoTag: DefineComponent<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_34<BentoTagProps>, {
|
|
15552
14976
|
label: any;
|
|
15553
14977
|
truncate: any;
|
|
15554
14978
|
variant: BentoTagVariant;
|
|
15555
|
-
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<
|
|
14979
|
+
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_34<__VLS_TypePropsToRuntimeProps_34<BentoTagProps>, {
|
|
15556
14980
|
label: any;
|
|
15557
14981
|
truncate: any;
|
|
15558
14982
|
variant: BentoTagVariant;
|
|
@@ -17007,6 +16431,15 @@ export declare const BentoTooltipPosition: {
|
|
|
17007
16431
|
|
|
17008
16432
|
export declare type BentoTooltipPosition = PopperContainerPositionBasic;
|
|
17009
16433
|
|
|
16434
|
+
declare const BentoTooltipPosition_2: {
|
|
16435
|
+
TOP: PopperContainerPositionBasic.TOP;
|
|
16436
|
+
RIGHT: PopperContainerPositionBasic.RIGHT;
|
|
16437
|
+
BOTTOM: PopperContainerPositionBasic.BOTTOM;
|
|
16438
|
+
LEFT: PopperContainerPositionBasic.LEFT;
|
|
16439
|
+
};
|
|
16440
|
+
|
|
16441
|
+
declare type BentoTooltipPosition_2 = PopperContainerPositionBasic;
|
|
16442
|
+
|
|
17010
16443
|
export declare enum BentoTooltipState {
|
|
17011
16444
|
HIDDEN = "hidden"
|
|
17012
16445
|
}
|
|
@@ -17133,7 +16566,7 @@ export declare interface BentoTutorialStep {
|
|
|
17133
16566
|
* `
|
|
17134
16567
|
* }
|
|
17135
16568
|
*/
|
|
17136
|
-
export declare const BentoTypography: __VLS_WithTemplateSlots_51<DefineComponent<
|
|
16569
|
+
export declare const BentoTypography: __VLS_WithTemplateSlots_51<DefineComponent<__VLS_WithDefaults_46<__VLS_TypePropsToRuntimeProps_49<{
|
|
17137
16570
|
/**
|
|
17138
16571
|
* Sets the HTML DOM element.
|
|
17139
16572
|
* @values h1, h2, h3, h4, h5, h6, div, p, span
|
|
@@ -17181,7 +16614,7 @@ stronger: boolean;
|
|
|
17181
16614
|
strongest: boolean;
|
|
17182
16615
|
variant: BentoTypographyVariant;
|
|
17183
16616
|
wide: boolean;
|
|
17184
|
-
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<
|
|
16617
|
+
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_46<__VLS_TypePropsToRuntimeProps_49<{
|
|
17185
16618
|
/**
|
|
17186
16619
|
* Sets the HTML DOM element.
|
|
17187
16620
|
* @values h1, h2, h3, h4, h5, h6, div, p, span
|
|
@@ -17289,8 +16722,6 @@ export declare type Binding<V> = DirectiveBinding<V> & KeyboardNavigation;
|
|
|
17289
16722
|
|
|
17290
16723
|
export declare type Booleanish = boolean | 'true' | 'false';
|
|
17291
16724
|
|
|
17292
|
-
declare type ButtonProps = InstanceType<typeof BentoButton>['$props'];
|
|
17293
|
-
|
|
17294
16725
|
declare type CalendarGranularityType = 'daily' | 'weekly' | 'monthly' | 'quarterly';
|
|
17295
16726
|
|
|
17296
16727
|
declare enum CalendarMonthFirstDayOfWeek {
|
|
@@ -17336,14 +16767,6 @@ export declare enum DateFormat {
|
|
|
17336
16767
|
HOUR_MINUTE_SECONDS = "HH:mm:ss"
|
|
17337
16768
|
}
|
|
17338
16769
|
|
|
17339
|
-
declare interface DateRangePickerCalendarFormData {
|
|
17340
|
-
startDate: string;
|
|
17341
|
-
endDate: string;
|
|
17342
|
-
startTime?: string;
|
|
17343
|
-
endTime?: string;
|
|
17344
|
-
granularity?: CalendarGranularityType;
|
|
17345
|
-
}
|
|
17346
|
-
|
|
17347
16770
|
declare interface DateRangePickerCalendarRangeSelectorItem {
|
|
17348
16771
|
label: string;
|
|
17349
16772
|
value: string;
|
|
@@ -17714,76 +17137,6 @@ declare interface KeyboardNavigation {
|
|
|
17714
17137
|
keyDownListener?: ListenerCleanup;
|
|
17715
17138
|
}
|
|
17716
17139
|
|
|
17717
|
-
export declare interface LinkProps {
|
|
17718
|
-
/**
|
|
17719
|
-
* Disable the default typography for the component. Only use this when the component is inside another typography component.
|
|
17720
|
-
*/
|
|
17721
|
-
disableTypography?: boolean;
|
|
17722
|
-
/**
|
|
17723
|
-
* Set the rendered link to a regular external anchor link and renders an external link icon.
|
|
17724
|
-
*/
|
|
17725
|
-
external?: boolean;
|
|
17726
|
-
/**
|
|
17727
|
-
* Set to true if used inside a `BentoButton` component.
|
|
17728
|
-
*/
|
|
17729
|
-
isButton?: boolean;
|
|
17730
|
-
/**
|
|
17731
|
-
* Set the rendered link to a regular external anchor link.
|
|
17732
|
-
*/
|
|
17733
|
-
isNotRouting?: boolean;
|
|
17734
|
-
/**
|
|
17735
|
-
* Sets the target of the rendered link.
|
|
17736
|
-
*/
|
|
17737
|
-
target?: string;
|
|
17738
|
-
/**
|
|
17739
|
-
* Set to true to truncate link. Doesn't work with disableTypography.
|
|
17740
|
-
*/
|
|
17741
|
-
truncate?: boolean;
|
|
17742
|
-
/**
|
|
17743
|
-
* Link variant type affecting visual style.
|
|
17744
|
-
* @values default, quiet
|
|
17745
|
-
*/
|
|
17746
|
-
variant?: BentoLinkVariant | `${BentoLinkVariant}`;
|
|
17747
|
-
}
|
|
17748
|
-
|
|
17749
|
-
declare interface LinkProps_2 {
|
|
17750
|
-
/**
|
|
17751
|
-
* Disable the default typography for the component. Only use this when the component is inside another typography component.
|
|
17752
|
-
*/
|
|
17753
|
-
disableTypography?: boolean;
|
|
17754
|
-
|
|
17755
|
-
/**
|
|
17756
|
-
* Set the rendered link to a regular external anchor link and renders an external link icon.
|
|
17757
|
-
*/
|
|
17758
|
-
external?: boolean;
|
|
17759
|
-
|
|
17760
|
-
/**
|
|
17761
|
-
* Set to true if used inside a `BentoButton` component.
|
|
17762
|
-
*/
|
|
17763
|
-
isButton?: boolean;
|
|
17764
|
-
|
|
17765
|
-
/**
|
|
17766
|
-
* Set the rendered link to a regular external anchor link.
|
|
17767
|
-
*/
|
|
17768
|
-
isNotRouting?: boolean;
|
|
17769
|
-
|
|
17770
|
-
/**
|
|
17771
|
-
* Sets the target of the rendered link.
|
|
17772
|
-
*/
|
|
17773
|
-
target?: string;
|
|
17774
|
-
|
|
17775
|
-
/**
|
|
17776
|
-
* Set to true to truncate link. Doesn't work with disableTypography.
|
|
17777
|
-
*/
|
|
17778
|
-
truncate?: boolean;
|
|
17779
|
-
|
|
17780
|
-
/**
|
|
17781
|
-
* Link variant type affecting visual style.
|
|
17782
|
-
* @values default, quiet
|
|
17783
|
-
*/
|
|
17784
|
-
variant?: BentoLinkVariant_2 | `${BentoLinkVariant_2}`;
|
|
17785
|
-
}
|
|
17786
|
-
|
|
17787
17140
|
declare type ListenerCleanup = () => void;
|
|
17788
17141
|
|
|
17789
17142
|
/**
|