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