@adyen/bento-vue3 1.3.0 → 1.4.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 +8 -4
- package/dist/@types/packages/core/src/components/button/button.types.d.ts +8 -0
- package/dist/@types/packages/vue2/src/components/accordion/accordion.keys.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/accordion/accordion.types.d.ts +1 -24
- package/dist/@types/packages/vue2/src/components/accordion/accordion.vue.d.ts +17 -57
- package/dist/@types/packages/vue2/src/components/accordion/components/accordion-item.vue.d.ts +27 -29
- package/dist/@types/packages/vue2/src/components/accordion/index.d.ts +2 -3
- package/dist/@types/packages/vue2/src/components/alert/alert.vue.d.ts +0 -4
- package/dist/@types/packages/vue2/src/components/avatar-image/avatar-image.vue.d.ts +1 -4
- package/dist/@types/packages/vue2/src/components/button/button.vue.d.ts +136 -128
- package/dist/@types/packages/vue2/src/components/button/components/button-actions/button-actions.types.d.ts +3 -5
- package/dist/@types/packages/vue2/src/components/button/components/button-actions/button-actions.vue.d.ts +3 -3
- package/dist/@types/packages/vue2/src/components/button/components/loading-button/loading-button.vue.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/card/card.vue.d.ts +46 -15
- package/dist/@types/packages/vue2/src/components/checkbox/checkbox.types.d.ts +2 -1
- package/dist/@types/packages/vue2/src/components/checkbox/checkbox.vue.d.ts +6 -7
- package/dist/@types/packages/vue2/src/components/checkbox/components/checkbox-group/checkbox-group.vue.d.ts +4 -3
- package/dist/@types/packages/vue2/src/components/code-snippet/code-snippet.types.d.ts +2 -1
- package/dist/@types/packages/vue2/src/components/code-snippet/code-snippet.vue.d.ts +37 -11
- package/dist/@types/packages/vue2/src/components/country/country.vue.d.ts +0 -2
- package/dist/@types/packages/vue2/src/components/currency/currency.vue.d.ts +0 -3
- package/dist/@types/packages/vue2/src/components/data-grid/components/data-grid-columns/data-grid-columns.vue.d.ts +3 -22
- package/dist/@types/packages/vue2/src/components/data-grid/components/data-grid-config-settings/components/data-grid-config-settings-column-row/data-grid-config-settings-column-row.vue.d.ts +0 -5
- package/dist/@types/packages/vue2/src/components/data-grid/components/data-grid-config-settings/data-grid-config-settings.vue.d.ts +0 -24
- package/dist/@types/packages/vue2/src/components/data-grid/data-grid.types.d.ts +2 -0
- package/dist/@types/packages/vue2/src/components/data-grid/data-grid.vue.d.ts +277 -16
- package/dist/@types/packages/vue2/src/components/date/date.vue.d.ts +2 -5
- package/dist/@types/packages/vue2/src/components/date-picker/date-picker.vue.d.ts +0 -20
- package/dist/@types/packages/vue2/src/components/date-range-picker/components/date-range-picker-calendar/date-range-picker-calendar.vue.d.ts +0 -2
- package/dist/@types/packages/vue2/src/components/date-range-picker/date-range-picker.vue.d.ts +0 -20
- package/dist/@types/packages/vue2/src/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.vue.d.ts +3 -6
- package/dist/@types/packages/vue2/src/components/dropdown/components/dropdown-default-textbox/dropdown-default-textbox.vue.d.ts +3 -3
- package/dist/@types/packages/vue2/src/components/dropdown/components/dropdown-options-container/dropdown-options-container.vue.d.ts +164 -104
- package/dist/@types/packages/vue2/src/components/dropdown/components/dropdown-small-textbox/dropdown-small-textbox.vue.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/dropdown/components/variants/dropdown-country/dropdown-country.types.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/dropdown/components/variants/dropdown-country/dropdown-country.vue.d.ts +0 -2
- package/dist/@types/packages/vue2/src/components/dropdown/components/variants/dropdown-currency/dropdown-currency.types.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.types.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/dropdown/components/variants/dropdown-tag/dropdown-tag.types.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/dropdown/dropdown.vue.d.ts +7 -9
- package/dist/@types/packages/vue2/src/components/empty-state/empty-state.types.d.ts +27 -0
- package/dist/@types/packages/vue2/src/components/empty-state/empty-state.vue.d.ts +76 -0
- package/dist/@types/packages/vue2/src/components/empty-state/index.d.ts +2 -0
- package/dist/@types/packages/vue2/src/components/filter-bar/components/all-filters-modal/all-filters-modal.vue.d.ts +19 -25
- package/dist/@types/packages/vue2/src/components/filter-bar/components/all-filters-modal/components/all-filters-modal-button/all-filters-modal-button.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/filter-bar/components/base-filter/base-filter.vue.d.ts +1 -27
- package/dist/@types/packages/vue2/src/components/filter-bar/components/base-filter-button/base-filter-button.vue.d.ts +1 -4
- package/dist/@types/packages/vue2/src/components/filter-bar/components/date-filter/date-filter.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/filter-bar/components/date-range-filter/date-range-filter.vue.d.ts +1 -11
- package/dist/@types/packages/vue2/src/components/filter-bar/components/filter-bar-button/filter-bar-button.vue.d.ts +53 -0
- package/dist/@types/packages/vue2/src/components/filter-bar/components/filter-bar-button/index.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/filter-bar/components/input-filter/input-filter.vue.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/filter-bar/components/range-filter/range-filter.vue.d.ts +0 -2
- package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/select-filter.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/variants/select-country-filter/select-country-filter.vue.d.ts +0 -2
- package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/variants/select-tag-filter/select-tag-filter.vue.d.ts +0 -2
- package/dist/@types/packages/vue2/src/components/filter-bar/filter-bar.vue.d.ts +0 -2
- package/dist/@types/packages/vue2/src/components/focus-trap/focus-trap.vue.d.ts +7 -0
- package/dist/@types/packages/vue2/src/components/header/header.vue.d.ts +0 -2
- package/dist/@types/packages/vue2/src/components/image/const.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/image/image.types.d.ts +19 -0
- package/dist/@types/packages/vue2/src/components/image/image.vue.d.ts +50 -0
- package/dist/@types/packages/vue2/src/components/image/index.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/info-icon/info-icon.vue.d.ts +3 -3
- package/dist/@types/packages/vue2/src/components/input-field/input-field.types.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/input-field/input-field.vue.d.ts +61 -58
- package/dist/@types/packages/vue2/src/components/internal/avatar/avatar.vue.d.ts +0 -3
- package/dist/@types/packages/vue2/src/components/internal/base-button/base-button.vue.d.ts +1 -4
- package/dist/@types/packages/vue2/src/components/internal/calendar/components/calendar-month/calendar-month.vue.d.ts +0 -5
- package/dist/@types/packages/vue2/src/components/internal/calendar/components/calendar-month/components/calendar-month-day/calendar-month-day.vue.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/internal/copy/copy.vue.d.ts +0 -2
- package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-multi-select/components/listbox-multi-select-options/components/listbox-multi-select-category/listbox-multi-select-category.vue.d.ts +0 -2
- package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-multi-select/components/listbox-multi-select-options/listbox-multi-select-options.vue.d.ts +0 -2
- package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-multi-select/listbox-multi-select.vue.d.ts +0 -2
- package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-option-tag/listbox-option-tag.vue.d.ts +0 -2
- package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-single-select-option/listbox-single-select-option.vue.d.ts +0 -2
- package/dist/@types/packages/vue2/src/components/internal/listbox/listbox.vue.d.ts +3 -7
- package/dist/@types/packages/vue2/src/components/link/link.vue.d.ts +4 -0
- package/dist/@types/packages/vue2/src/components/menu/components/menu-item/menu-item.vue.d.ts +2 -5
- package/dist/@types/packages/vue2/src/components/menu/menu.vue.d.ts +6 -31
- package/dist/@types/packages/vue2/src/components/modal/components/base-modal/__mocks__/base-modal.vue.d.ts +0 -5
- package/dist/@types/packages/vue2/src/components/modal/components/base-modal/base-modal.vue.d.ts +14 -9
- package/dist/@types/packages/vue2/src/components/modal/components/modal-default/modal-default.vue.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/modal/components/modal-dialog/modal-dialog.vue.d.ts +4 -14
- package/dist/@types/packages/vue2/src/components/modal/modal.vue.d.ts +7 -6
- package/dist/@types/packages/vue2/src/components/pagination/components/pagination-context/pagination-context.vue.d.ts +0 -2
- package/dist/@types/packages/vue2/src/components/pagination/components/pagination-controls/pagination-controls.vue.d.ts +0 -2
- package/dist/@types/packages/vue2/src/components/pagination/components/pagination-results-per-page/pagination-results-per-page.vue.d.ts +0 -2
- package/dist/@types/packages/vue2/src/components/pagination/pagination.vue.d.ts +2 -1
- package/dist/@types/packages/vue2/src/components/payment-method/payment-method.vue.d.ts +0 -2
- package/dist/@types/packages/vue2/src/components/popover/components/popover-dismiss-button/popover-dismiss-button.vue.d.ts +0 -2
- package/dist/@types/packages/vue2/src/components/popover/components/popover-title/popover-title.vue.d.ts +1 -2
- package/dist/@types/packages/vue2/src/components/popover/popover.vue.d.ts +9 -9
- package/dist/@types/packages/vue2/src/components/popper-container/popper-container.vue.d.ts +5 -14
- package/dist/@types/packages/vue2/src/components/radio-group/components/radio-button/radio-button.vue.d.ts +4 -6
- package/dist/@types/packages/vue2/src/components/radio-group/radio-group.types.d.ts +2 -1
- package/dist/@types/packages/vue2/src/components/radio-group/radio-group.vue.d.ts +4 -3
- package/dist/@types/packages/vue2/src/components/search-bar/search-bar.vue.d.ts +19 -390
- package/dist/@types/packages/vue2/src/components/segmented-control/components/segmented-control-button/segmented-control-button.vue.d.ts +0 -3
- package/dist/@types/packages/vue2/src/components/segmented-control/segmented-control.vue.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/sidepanel/sidepanel.types.d.ts +3 -1
- package/dist/@types/packages/vue2/src/components/status/status.vue.d.ts +2 -5
- package/dist/@types/packages/vue2/src/components/structured-list/components/structered-list-item/structured-list-item.vue.d.ts +0 -2
- package/dist/@types/packages/vue2/src/components/summary-grid/components/summary-grid-item/summary-grid-item.vue.d.ts +2 -23
- package/dist/@types/packages/vue2/src/components/summary-grid/components/summary-grid-item-amount/summary-grid-item-amount.vue.d.ts +2 -5
- package/dist/@types/packages/vue2/src/components/summary-grid/components/summary-grid-item-numeric/summary-grid-item-numeric.vue.d.ts +2 -5
- package/dist/@types/packages/vue2/src/components/summary-grid/components/summary-grid-item-percentage/summary-grid-item-percentage.vue.d.ts +2 -5
- package/dist/@types/packages/vue2/src/components/summary-grid/components/summary-grid-item-text/summary-grid-item-text.vue.d.ts +1 -4
- package/dist/@types/packages/vue2/src/components/tabs/components/tab.types.d.ts +3 -1
- package/dist/@types/packages/vue2/src/components/tabs/components/tab.vue.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/tabs/tabs.keys.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/tabs/tabs.types.d.ts +6 -2
- package/dist/@types/packages/vue2/src/components/tabs/tabs.vue.d.ts +4 -9
- package/dist/@types/packages/vue2/src/components/tag/tag.vue.d.ts +6 -9
- package/dist/@types/packages/vue2/src/components/textarea/textarea.vue.d.ts +6 -10
- package/dist/@types/packages/vue2/src/components/timeline/components/timeline-item/timeline-item.vue.d.ts +4 -10
- package/dist/@types/packages/vue2/src/components/timeline/timeline.types.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/toast/components/toast-item/toast-item.vue.d.ts +0 -5
- package/dist/@types/packages/vue2/src/components/toggle/toggle.vue.d.ts +4 -6
- package/dist/@types/packages/vue2/src/components/tooltip/tooltip.vue.d.ts +24 -40
- package/dist/@types/packages/vue2/src/composables/use-default-slot-validator/use-default-slot-validator.d.ts +2 -1
- package/dist/@types/packages/vue2/src/composables/use-has-slot/use-has-slot.d.ts +8 -1
- package/dist/@types/packages/vue2/src/index.d.ts +3 -0
- package/dist/@types/packages/vue2/src/templates/data-grid-template/data-grid-template.vue.d.ts +9 -0
- package/dist/@types/packages/vue2/src/utils/ts/get-slot-text/get-slot-text.d.ts +1 -1
- package/dist/@types/packages/vue2/src/utils/ts/print-development-warning.d.ts +1 -0
- package/dist/accordion.js +104 -254
- package/dist/accordion.js.map +1 -1
- package/dist/alert.js +61 -64
- package/dist/alert.js.map +1 -1
- package/dist/assets/base-button.css +1 -1
- package/dist/assets/base-modal.css +1 -0
- package/dist/assets/button.css +1 -1
- package/dist/assets/calendar.css +1 -1
- package/dist/assets/checkbox.css +1 -1
- package/dist/assets/chevron-up.css +1 -0
- package/dist/assets/controls-group.css +1 -1
- package/dist/assets/copy.css +1 -1
- package/dist/assets/dropdown-default-textbox.css +1 -1
- package/dist/assets/dropdown.css +1 -1
- package/dist/assets/error-message.css +1 -1
- package/dist/assets/footer-actions.css +1 -1
- package/dist/assets/index.css +1 -1
- package/dist/assets/index10.css +1 -1
- package/dist/assets/index11.css +1 -1
- package/dist/assets/index12.css +1 -1
- package/dist/assets/index13.css +1 -1
- package/dist/assets/index14.css +1 -1
- package/dist/assets/index15.css +1 -1
- package/dist/assets/index16.css +1 -1
- package/dist/assets/index17.css +1 -1
- package/dist/assets/index18.css +1 -1
- package/dist/assets/index19.css +1 -1
- package/dist/assets/index2.css +1 -1
- package/dist/assets/index20.css +1 -1
- package/dist/assets/index21.css +1 -1
- package/dist/assets/index22.css +1 -1
- package/dist/assets/index24.css +1 -1
- package/dist/assets/index25.css +1 -1
- package/dist/assets/index26.css +1 -1
- package/dist/assets/index27.css +1 -1
- package/dist/assets/index28.css +1 -1
- package/dist/assets/index29.css +1 -1
- package/dist/assets/index3.css +1 -1
- package/dist/assets/index30.css +1 -1
- package/dist/assets/index31.css +1 -1
- package/dist/assets/index32.css +1 -1
- package/dist/assets/index33.css +1 -1
- package/dist/assets/index34.css +1 -1
- package/dist/assets/index35.css +1 -1
- package/dist/assets/index36.css +1 -1
- package/dist/assets/index37.css +1 -1
- package/dist/assets/index38.css +1 -1
- package/dist/assets/index39.css +1 -1
- package/dist/assets/index4.css +1 -1
- package/dist/assets/index40.css +1 -1
- package/dist/assets/index41.css +1 -1
- package/dist/assets/index42.css +1 -1
- package/dist/assets/index43.css +1 -0
- package/dist/assets/index5.css +1 -1
- package/dist/assets/index6.css +1 -1
- package/dist/assets/index7.css +1 -1
- package/dist/assets/index8.css +1 -1
- package/dist/assets/index9.css +1 -1
- package/dist/assets/listbox-option-tag.css +1 -1
- package/dist/assets/listbox.css +1 -1
- package/dist/assets/loading-button.css +1 -1
- package/dist/assets/tooltip.css +1 -1
- package/dist/avatar-image.js +1 -1
- package/dist/badge.js +2 -2
- package/dist/button.js +143 -12
- package/dist/button.js.map +1 -1
- package/dist/card.js +99 -94
- package/dist/card.js.map +1 -1
- package/dist/checkbox.js +40 -39
- package/dist/checkbox.js.map +1 -1
- package/dist/chunks/base-button.6d2843c2.js +108 -0
- package/dist/chunks/base-button.6d2843c2.js.map +1 -0
- package/dist/chunks/base-modal.3ccb9eb5.js +291 -0
- package/dist/chunks/base-modal.3ccb9eb5.js.map +1 -0
- package/dist/chunks/{button.e1c39f66.js → button.a8462029.js} +39 -42
- package/dist/chunks/button.a8462029.js.map +1 -0
- package/dist/chunks/{calendar.09b683b3.js → calendar.3f930683.js} +237 -240
- package/dist/chunks/calendar.3f930683.js.map +1 -0
- package/dist/chunks/checkbox.5e1e05ae.js +235 -0
- package/dist/chunks/checkbox.5e1e05ae.js.map +1 -0
- package/dist/chunks/{chevron-down.69bedf14.js → chevron-up.c03b58f8.js} +8 -8
- package/dist/chunks/chevron-up.c03b58f8.js.map +1 -0
- package/dist/chunks/controls-group.3b0dfb94.js +136 -0
- package/dist/chunks/controls-group.3b0dfb94.js.map +1 -0
- package/dist/chunks/{copy.2cf5e6c3.js → copy.1d14b783.js} +49 -50
- package/dist/chunks/copy.1d14b783.js.map +1 -0
- package/dist/chunks/{dropdown-default-textbox.203e747f.js → dropdown-default-textbox.a90e84f9.js} +88 -90
- package/dist/chunks/dropdown-default-textbox.a90e84f9.js.map +1 -0
- package/dist/chunks/{dropdown.8b415aac.js → dropdown.b798a82e.js} +348 -330
- package/dist/chunks/dropdown.b798a82e.js.map +1 -0
- package/dist/chunks/{error-message.ddfe8ea5.js → error-message.9acead25.js} +16 -16
- package/dist/chunks/error-message.9acead25.js.map +1 -0
- package/dist/chunks/footer-actions.9537d0df.js +111 -0
- package/dist/chunks/footer-actions.9537d0df.js.map +1 -0
- package/dist/chunks/get-slot-text.bead058f.js +9 -0
- package/dist/chunks/get-slot-text.bead058f.js.map +1 -0
- package/dist/chunks/{grid-layout.a30855ff.js → grid-layout.984317d7.js} +2 -2
- package/dist/chunks/{grid-layout.a30855ff.js.map → grid-layout.984317d7.js.map} +1 -1
- package/dist/chunks/index.228ecda0.js +101 -0
- package/dist/chunks/index.228ecda0.js.map +1 -0
- package/dist/chunks/index.89b00b94.js +124 -0
- package/dist/chunks/index.89b00b94.js.map +1 -0
- package/dist/chunks/{index.3da90517.js → index.9d8273fc.js} +38 -40
- package/dist/chunks/index.9d8273fc.js.map +1 -0
- package/dist/chunks/{index.c9225c3b.js → index.c2a80208.js} +195 -201
- package/dist/chunks/index.c2a80208.js.map +1 -0
- package/dist/chunks/{index.13949709.js → index.d26fdf71.js} +116 -113
- package/dist/chunks/{index.13949709.js.map → index.d26fdf71.js.map} +1 -1
- package/dist/chunks/{index.d27367cd.js → index.e84dbeae.js} +80 -83
- package/dist/chunks/{index.d27367cd.js.map → index.e84dbeae.js.map} +1 -1
- package/dist/chunks/listbox-option-tag.0c9c571e.js +129 -0
- package/dist/chunks/listbox-option-tag.0c9c571e.js.map +1 -0
- package/dist/chunks/{listbox.0c7c4e5e.js → listbox.6b52af1a.js} +315 -334
- package/dist/chunks/listbox.6b52af1a.js.map +1 -0
- package/dist/chunks/{loading-button.61d8ebe5.js → loading-button.081adbf3.js} +33 -33
- package/dist/chunks/loading-button.081adbf3.js.map +1 -0
- package/dist/chunks/tabs.keys.358742f2.js +7 -0
- package/dist/chunks/tabs.keys.358742f2.js.map +1 -0
- package/dist/chunks/{tooltip.835d9b52.js → tooltip.e4e34b86.js} +56 -59
- package/dist/chunks/tooltip.e4e34b86.js.map +1 -0
- package/dist/chunks/use-default-slot-validator.1169c221.js +16 -0
- package/dist/chunks/use-default-slot-validator.1169c221.js.map +1 -0
- package/dist/chunks/use-has-slot.9fac7123.js +16 -0
- package/dist/chunks/use-has-slot.9fac7123.js.map +1 -0
- package/dist/code-snippet.js +548 -463
- package/dist/code-snippet.js.map +1 -1
- package/dist/country.js +501 -505
- package/dist/country.js.map +1 -1
- package/dist/currency.js +38 -41
- package/dist/currency.js.map +1 -1
- package/dist/data-grid.js +837 -833
- package/dist/data-grid.js.map +1 -1
- package/dist/date-picker.js +83 -87
- package/dist/date-picker.js.map +1 -1
- package/dist/date-range-picker.js +2 -2
- package/dist/date.js +1 -1
- package/dist/dropdown.js +30 -32
- package/dist/dropdown.js.map +1 -1
- package/dist/empty-state.js +166 -0
- package/dist/empty-state.js.map +1 -0
- package/dist/filter-bar.js +986 -935
- package/dist/filter-bar.js.map +1 -1
- package/dist/focus-trap.js +1 -1
- package/dist/form-layout.js +72 -72
- package/dist/form-layout.js.map +1 -1
- package/dist/header.js +50 -52
- package/dist/header.js.map +1 -1
- package/dist/image.js +76 -0
- package/dist/image.js.map +1 -0
- package/dist/index.js +239 -232
- package/dist/index.js.map +1 -1
- package/dist/info-icon.js +2 -2
- package/dist/input-field.js +241 -269
- package/dist/input-field.js.map +1 -1
- package/dist/internal.js +7 -7
- package/dist/link.js +38 -36
- package/dist/link.js.map +1 -1
- package/dist/loading-indicator.js +1 -1
- package/dist/menu.js +131 -139
- package/dist/menu.js.map +1 -1
- package/dist/modal.js +121 -356
- package/dist/modal.js.map +1 -1
- package/dist/pagination.js +182 -185
- package/dist/pagination.js.map +1 -1
- package/dist/payment-method.js +19 -23
- package/dist/payment-method.js.map +1 -1
- package/dist/popover.js +56 -52
- package/dist/popover.js.map +1 -1
- package/dist/popper-container.js +36 -41
- package/dist/popper-container.js.map +1 -1
- package/dist/radio-group.js +112 -113
- package/dist/radio-group.js.map +1 -1
- package/dist/search-bar.js +77 -91
- package/dist/search-bar.js.map +1 -1
- package/dist/segmented-control.js +88 -75
- package/dist/segmented-control.js.map +1 -1
- package/dist/sidepanel.js +122 -121
- package/dist/sidepanel.js.map +1 -1
- package/dist/status.js +18 -21
- package/dist/status.js.map +1 -1
- package/dist/structured-list.js +1 -1
- package/dist/summary-grid.js +129 -162
- package/dist/summary-grid.js.map +1 -1
- package/dist/tabs.js +83 -75
- package/dist/tabs.js.map +1 -1
- package/dist/tag.js +32 -35
- package/dist/tag.js.map +1 -1
- package/dist/textarea.js +156 -155
- package/dist/textarea.js.map +1 -1
- package/dist/timeline.js +212 -213
- package/dist/timeline.js.map +1 -1
- package/dist/toast.js +68 -72
- package/dist/toast.js.map +1 -1
- package/dist/toggle.js +75 -73
- package/dist/toggle.js.map +1 -1
- package/dist/typography.js +1 -1
- package/dist/web-types.json +1 -1
- package/package.json +11 -10
- package/dist/@types/packages/vue2/src/components/data-grid/composables/useCalculateBodyFitContentDynamicStyles/useCalculateBodyFitContentDynamicStyles.d.ts +0 -2
- package/dist/@types/packages/vue2/src/components/data-grid/composables/useCalculateBodyFitContentDynamicStyles/useCalculateBodyFitContentDynamicStyles.types.d.ts +0 -8
- package/dist/@types/packages/vue2/src/components/filter-bar/components/base-filter/components/filter-bar-filter-button/filter-bar-filter-button.vue.d.ts +0 -58
- package/dist/@types/packages/vue2/src/components/filter-bar/components/base-filter/components/index.d.ts +0 -1
- package/dist/assets/button-actions.css +0 -1
- package/dist/assets/chevron-down.css +0 -1
- package/dist/chunks/base-button.20be08da.js +0 -111
- package/dist/chunks/base-button.20be08da.js.map +0 -1
- package/dist/chunks/button-actions.54e28e75.js +0 -124
- package/dist/chunks/button-actions.54e28e75.js.map +0 -1
- package/dist/chunks/button.e1c39f66.js.map +0 -1
- package/dist/chunks/calendar.09b683b3.js.map +0 -1
- package/dist/chunks/checkbox.a404069b.js +0 -226
- package/dist/chunks/checkbox.a404069b.js.map +0 -1
- package/dist/chunks/chevron-down.69bedf14.js.map +0 -1
- package/dist/chunks/controls-group.60fb2a86.js +0 -136
- package/dist/chunks/controls-group.60fb2a86.js.map +0 -1
- package/dist/chunks/copy.2cf5e6c3.js.map +0 -1
- package/dist/chunks/dropdown-default-textbox.203e747f.js.map +0 -1
- package/dist/chunks/dropdown.8b415aac.js.map +0 -1
- package/dist/chunks/error-message.ddfe8ea5.js.map +0 -1
- package/dist/chunks/footer-actions.0f640f87.js +0 -106
- package/dist/chunks/footer-actions.0f640f87.js.map +0 -1
- package/dist/chunks/get-slot-text.2db867f8.js +0 -9
- package/dist/chunks/get-slot-text.2db867f8.js.map +0 -1
- package/dist/chunks/index.222d29b0.js +0 -120
- package/dist/chunks/index.222d29b0.js.map +0 -1
- package/dist/chunks/index.3da90517.js.map +0 -1
- package/dist/chunks/index.aa34e363.js +0 -104
- package/dist/chunks/index.aa34e363.js.map +0 -1
- package/dist/chunks/index.c9225c3b.js.map +0 -1
- package/dist/chunks/listbox-option-tag.5ae8b79b.js +0 -133
- package/dist/chunks/listbox-option-tag.5ae8b79b.js.map +0 -1
- package/dist/chunks/listbox.0c7c4e5e.js.map +0 -1
- package/dist/chunks/loading-button.61d8ebe5.js.map +0 -1
- package/dist/chunks/tooltip.835d9b52.js.map +0 -1
- package/dist/chunks/use-default-slot-validator.83d977a1.js +0 -11
- package/dist/chunks/use-default-slot-validator.83d977a1.js.map +0 -1
- package/dist/chunks/use-has-slot.068222e6.js +0 -5
- package/dist/chunks/use-has-slot.068222e6.js.map +0 -1
package/dist/assets/index9.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-code-snippet[data-v-
|
|
1
|
+
svg[data-v-012ee7f3]{display:inline-flex;flex-shrink:0}svg[data-v-012ee7f3],svg *[data-v-012ee7f3]{fill:currentcolor}.b-code-snippet[data-v-c3034448]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-code-snippet[data-v-c3034448],.b-code-snippet[data-v-c3034448]:before,.b-code-snippet[data-v-c3034448]:after{box-sizing:border-box}.b-code-snippet *[data-v-c3034448],.b-code-snippet *[data-v-c3034448]:before,.b-code-snippet *[data-v-c3034448]:after{box-sizing:border-box}.b-code-snippet[data-v-c3034448] ::-webkit-scrollbar{height:14px;width:14px}.b-code-snippet[data-v-c3034448] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-code-snippet__action-bar[data-v-c3034448]{background-color:var(--b-code-snippet-action-bar-background-color);border:var(--b-code-snippet-action-bar-border);border-radius:var(--b-code-snippet-action-bar-border-radius);display:flex;justify-content:space-between;padding:var(--b-code-snippet-action-bar-padding)}.b-code-snippet__action-bar--start[data-v-c3034448],.b-code-snippet__action-bar--end[data-v-c3034448]{align-items:center;display:flex;gap:var(--b-code-snippet-action-bar-gap)}.b-code-snippet__language-picker[data-v-c3034448]{background-color:var(--b-code-snippet-language-picker-background-color)}.b-code-snippet__run-button[data-v-c3034448]{padding:var(--b-code-snippet-run-button-padding)}.b-code-snippet__code-area[data-v-c3034448]{background-color:var(--b-code-snippet-code-area-background-color);border-radius:var(--b-code-snippet-code-area-border-radius);display:block;height:100%;margin:var(--b-code-snippet-code-area-margin)}.b-code-snippet__modal[data-v-c3034448] .b-modal-base__container--large{width:80%}.b-code-snippet__code-area-content[data-v-c3034448]{background-color:inherit;display:flex;flex-direction:row}.b-code-snippet__code-area-content[data-v-c3034448] .cm-scroller{font-family:var(--b-code-snippet-code-area-content-font-family)}.b-code-snippet__code-area-content[data-v-c3034448] .cm-editor{flex-grow:1;width:0}.b-code-snippet__code-area-content[data-v-c3034448] .cm-scroller,.b-code-snippet__code-area-content[data-v-c3034448] .cm-content{caret-color:transparent;cursor:default}.b-code-snippet__code-area-content[data-v-c3034448] .cm-editor,.b-code-snippet__code-area-content[data-v-c3034448] .cm-gutters{background-color:var(--b-code-snippet-code-area-background-color)}.b-legacy-theme .b-code-snippet__code-area-content[data-v-c3034448] .cm-editor,.b-legacy-theme .b-code-snippet__code-area-content[data-v-c3034448] .cm-gutters{background-color:#f3f6f9}.b-code-snippet__code-area-content--editable[data-v-c3034448] .cm-content{caret-color:auto;cursor:text}.b-code-snippet__code-area-content[data-v-c3034448] .cm-editor .cm-gutters{border:unset}.b-code-snippet__code-area-content[data-v-c3034448] .cm-content{padding:var(--b-code-snippet-code-area-content-padding);padding-left:var(--b-code-snippet-code-area-content-padding-left)}.b-code-snippet__code-area-content[data-v-c3034448] .cm-gutters{padding-left:var(--b-code-snippet-code-area-gutters-padding-left)}.b-code-snippet__code-area-content[data-v-c3034448] .cm-gutterElement{background-color:var(--b-code-snippet-code-area-background-color)}.b-code-snippet__code-area-content[data-v-c3034448] .cm-editor.cm-focused{outline:none}.b-code-snippet__code-area-content[data-v-c3034448] .cm-activeLine{background-color:transparent}.b-code-snippet--inline .b-code-snippet__code-area-content[data-v-c3034448] .cm-content{padding:var(--b-code-snippet-inline-code-area-content-padding)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-avatar[data-v-
|
|
1
|
+
.b-avatar[data-v-3b485714]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;display:flex}.b-avatar[data-v-3b485714],.b-avatar[data-v-3b485714]:before,.b-avatar[data-v-3b485714]:after{box-sizing:border-box}.b-avatar *[data-v-3b485714],.b-avatar *[data-v-3b485714]:before,.b-avatar *[data-v-3b485714]:after{box-sizing:border-box}.b-avatar[data-v-3b485714] ::-webkit-scrollbar{height:14px;width:14px}.b-avatar[data-v-3b485714] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-avatar__label[data-v-3b485714]{color:var(--b-avatar-label-color);padding:var(--b-avatar-label-padding)}.b-listbox-tag-option[data-v-ca40f8d7]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;display:flex}.b-listbox-tag-option[data-v-ca40f8d7],.b-listbox-tag-option[data-v-ca40f8d7]:before,.b-listbox-tag-option[data-v-ca40f8d7]:after{box-sizing:border-box}.b-listbox-tag-option *[data-v-ca40f8d7],.b-listbox-tag-option *[data-v-ca40f8d7]:before,.b-listbox-tag-option *[data-v-ca40f8d7]:after{box-sizing:border-box}.b-listbox-tag-option[data-v-ca40f8d7] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-tag-option[data-v-ca40f8d7] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-listbox-tag-option__tag[data-v-ca40f8d7]{min-width:45px}.b-listbox-tag-option__label[data-v-ca40f8d7]{padding:var(--b-listbox-option-tag-label-padding)}
|
package/dist/assets/listbox.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-listbox-option[data-v-18a61f5d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;overflow-wrap:anywhere;padding:var(--b-listbox-option-padding)}.b-listbox-option[data-v-18a61f5d],.b-listbox-option[data-v-18a61f5d]:before,.b-listbox-option[data-v-18a61f5d]:after{box-sizing:border-box}.b-listbox-option[data-v-18a61f5d] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-option[data-v-18a61f5d] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media (hover: hover){.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-hover-background-color)}.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled),.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-hover-font-color)}.b-legacy-theme .b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-legacy-theme .b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-hover-font-color)}}.b-listbox-option[data-v-18a61f5d]:focus-visible{outline:none}.b-listbox-option[data-v-18a61f5d]:focus-visible:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-focus-background-color);color:var(--b-listbox-option-focus-font-color)}.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-active-background-color)}.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled),.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-active-font-color)}.b-legacy-theme .b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-legacy-theme .b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-active-description-color)}.b-listbox-option[data-v-18a61f5d] .b-listbox-single-select-option__text,.b-listbox-option[data-v-18a61f5d] .b-listbox-multi-select__option-text{display:flex;flex-direction:column}.b-listbox-option[data-v-18a61f5d] .b-listbox-single-select-option__description,.b-listbox-option[data-v-18a61f5d] .b-listbox-multi-select__option-description{margin-top:var(--b-listbox-option-description-margin-top)}.b-listbox-option[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description,.b-listbox-option[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description{color:var(--b-listbox-option-description-color)}.b-listbox-option--disabled[data-v-18a61f5d]{cursor:not-allowed}.b-listbox-option--disabled[data-v-18a61f5d],.b-listbox-option--disabled[data-v-18a61f5d] .b-avatar__label,.b-listbox-option--disabled[data-v-18a61f5d] .b-country__label,.b-listbox-option--disabled[data-v-18a61f5d] .b-payment-method__label{color:var(--b-listbox-option-disabled-font-color)}.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-selected-background-color)}.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled),.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-selected-font-color)}.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-selected-description-color)}svg[data-v-4687fbd0]{display:inline-flex;flex-shrink:0}svg[data-v-4687fbd0],svg *[data-v-4687fbd0]{fill:currentcolor}.b-listbox-single-select-option[data-v-
|
|
1
|
+
.b-listbox-option[data-v-18a61f5d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;overflow-wrap:anywhere;padding:var(--b-listbox-option-padding)}.b-listbox-option[data-v-18a61f5d],.b-listbox-option[data-v-18a61f5d]:before,.b-listbox-option[data-v-18a61f5d]:after{box-sizing:border-box}.b-listbox-option[data-v-18a61f5d] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-option[data-v-18a61f5d] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media (hover: hover){.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-hover-background-color)}.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled),.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-hover-font-color)}.b-legacy-theme .b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-legacy-theme .b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-hover-font-color)}}.b-listbox-option[data-v-18a61f5d]:focus-visible{outline:none}.b-listbox-option[data-v-18a61f5d]:focus-visible:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-focus-background-color);color:var(--b-listbox-option-focus-font-color)}.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-active-background-color)}.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled),.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-active-font-color)}.b-legacy-theme .b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-legacy-theme .b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-active-description-color)}.b-listbox-option[data-v-18a61f5d] .b-listbox-single-select-option__text,.b-listbox-option[data-v-18a61f5d] .b-listbox-multi-select__option-text{display:flex;flex-direction:column}.b-listbox-option[data-v-18a61f5d] .b-listbox-single-select-option__description,.b-listbox-option[data-v-18a61f5d] .b-listbox-multi-select__option-description{margin-top:var(--b-listbox-option-description-margin-top)}.b-listbox-option[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description,.b-listbox-option[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description{color:var(--b-listbox-option-description-color)}.b-listbox-option--disabled[data-v-18a61f5d]{cursor:not-allowed}.b-listbox-option--disabled[data-v-18a61f5d],.b-listbox-option--disabled[data-v-18a61f5d] .b-avatar__label,.b-listbox-option--disabled[data-v-18a61f5d] .b-country__label,.b-listbox-option--disabled[data-v-18a61f5d] .b-payment-method__label{color:var(--b-listbox-option-disabled-font-color)}.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-selected-background-color)}.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled),.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-selected-font-color)}.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-selected-description-color)}svg[data-v-4687fbd0]{display:inline-flex;flex-shrink:0}svg[data-v-4687fbd0],svg *[data-v-4687fbd0]{fill:currentcolor}.b-listbox-single-select-option[data-v-d112952c]{display:flex;justify-content:space-between}.b-listbox-single-select-option__check-icon[data-v-d112952c]{align-items:center;display:flex;margin-left:var(--b-listbox-single-select-check-icon-margin)}.b-listbox-multi-select-category[data-v-69a9679a]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select-category[data-v-69a9679a],.b-listbox-multi-select-category[data-v-69a9679a]:before,.b-listbox-multi-select-category[data-v-69a9679a]:after{box-sizing:border-box}.b-listbox-multi-select-category *[data-v-69a9679a],.b-listbox-multi-select-category *[data-v-69a9679a]:before,.b-listbox-multi-select-category *[data-v-69a9679a]:after{box-sizing:border-box}.b-listbox-multi-select-category[data-v-69a9679a] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-category[data-v-69a9679a] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-listbox-multi-select-category--disabled[data-v-69a9679a]{cursor:not-allowed}.b-listbox-multi-select-category--disabled .b-listbox-multi-select-category__label-text[data-v-69a9679a]{color:var(--b-listbox-multi-select-category-disabled-label-text-color)}.b-listbox-multi-select-category--disabled .b-listbox-multi-select-category__label-chevron[data-v-69a9679a]{cursor:pointer}.b-listbox-multi-select-category__label[data-v-69a9679a]{align-items:center;display:flex;justify-content:space-between;width:100%}.b-listbox-multi-select-category__label-chevron[data-v-69a9679a]{display:flex;position:relative}.b-listbox-multi-select-category__label-chevron[data-v-69a9679a]:before{content:"";height:36px;left:-10px;position:absolute;top:-9px;width:36px}.b-listbox-multi-select-category__option[data-v-69a9679a]{display:flex;gap:var(--b-listbox-multi-select-category-option-gap)}.b-listbox-multi-select-options[data-v-55a6d406]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;gap:var(--b-listbox-multi-select-options-gap)}.b-listbox-multi-select-options[data-v-55a6d406],.b-listbox-multi-select-options[data-v-55a6d406]:before,.b-listbox-multi-select-options[data-v-55a6d406]:after{box-sizing:border-box}.b-listbox-multi-select-options[data-v-55a6d406] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-options[data-v-55a6d406] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-listbox-multi-select-options__category-option[data-v-55a6d406]{padding-left:var(--b-listbox-multi-select-options-category-option-padding-left)}.b-listbox-multi-select[data-v-8c62bb32]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select[data-v-8c62bb32],.b-listbox-multi-select[data-v-8c62bb32]:before,.b-listbox-multi-select[data-v-8c62bb32]:after{box-sizing:border-box}.b-listbox-multi-select[data-v-8c62bb32] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select[data-v-8c62bb32] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-listbox-multi-select__divider[data-v-8c62bb32]{background-color:var(--b-listbox-multi-select-divider-background-color);border:0;height:1px;margin:var(--b-listbox-multi-select-divider-margin)}.b-listbox-multi-select__option[data-v-8c62bb32]{display:flex;gap:var(--b-listbox-multi-select-options-gap)}.b-listbox[data-v-336a01a3]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-listbox-background-color);overflow-y:auto;padding:var(--b-listbox-padding)}.b-listbox[data-v-336a01a3],.b-listbox[data-v-336a01a3]:before,.b-listbox[data-v-336a01a3]:after{box-sizing:border-box}.b-listbox *[data-v-336a01a3],.b-listbox *[data-v-336a01a3]:before,.b-listbox *[data-v-336a01a3]:after{box-sizing:border-box}.b-listbox[data-v-336a01a3] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox[data-v-336a01a3] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-listbox__empty-search-message[data-v-336a01a3]{color:var(--b-listbox-empty-search-message-color);padding:var(--b-listbox-empty-search-message-padding);text-align:center}.b-listbox__lazy-load[data-v-336a01a3]{display:flex;justify-content:center;margin:var(--b-listbox-lazy-load-margin)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes spin-
|
|
1
|
+
@keyframes spin-f3207a00{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.b-loading-button--primary-loading[data-v-f3207a00]{background-color:var(--b-loading-button-primary-active-background-color)}.b-loading-button--primary-success[data-v-f3207a00]{background-color:var(--b-loading-button-primary-success-background-color);color:var(--b-loading-button-primary-success-color)}.b-loading-button--primary-success[data-v-f3207a00]:hover{background-color:var(--b-loading-button-primary-success-hover-background-color)}.b-loading-button--primary-success[data-v-f3207a00]:active{background-color:var(--b-loading-button-primary-success-active-background-color)}.b-loading-button--primary-success[data-v-f3207a00]:disabled{background-color:var(--b-loading-button-primary-success-disabled-background-color);color:var(--b-loading-button-primary-success-disabled-color)}.b-loading-button--secondary-loading[data-v-f3207a00]{background-color:var(--b-loading-button-secondary-active-background-color);color:var(--b-loading-button-secondary-active-color)}.b-loading-button--secondary-loading[data-v-f3207a00]:hover:not(:focus){box-shadow:none}.b-loading-button--secondary-success[data-v-f3207a00]{background-color:var(--b-loading-button-secondary-success-background-color);border-color:var(--b-loading-button-secondary-success-border-color);color:var(--b-loading-button-secondary-success-color)}.b-loading-button--secondary-success[data-v-f3207a00]:hover{border-color:var(--b-loading-button-secondary-success-hover-border-color);box-shadow:var(--b-loading-button-secondary-success-hover-box-shadow)}.b-loading-button--secondary-success[data-v-f3207a00]:active{background-color:var(--b-loading-button-secondary-success-active-background-color);border-color:var(--b-loading-button-secondary-success-active-border-color)}.b-loading-button--secondary-success[data-v-f3207a00]:disabled{background-color:var(--b-loading-button-secondary-success-disabled-background-color);border-color:var(--b-loading-button-secondary-success-disabled-border-color);box-shadow:unset;color:var(--b-loading-button-secondary-success-disabled-color)}.b-loading-button--tertiary-loading[data-v-f3207a00]{background-color:var(--b-loading-button-tertiary-active-background-color)}.b-loading-button__icon[data-v-f3207a00]{display:inline-flex}
|
package/dist/assets/tooltip.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-tooltip[data-v-
|
|
1
|
+
.b-tooltip[data-v-1e79b758]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-tooltip-background-color);border-radius:var(--b-tooltip-border-radius);color:var(--b-tooltip-color);max-width:var(--b-tooltip-max-width);padding:var(--b-tooltip-padding);pointer-events:none;text-align:center;z-index:var(--b-tooltip-z-index)}.b-tooltip[data-v-1e79b758],.b-tooltip[data-v-1e79b758]:before,.b-tooltip[data-v-1e79b758]:after{box-sizing:border-box}.b-tooltip *[data-v-1e79b758],.b-tooltip *[data-v-1e79b758]:before,.b-tooltip *[data-v-1e79b758]:after{box-sizing:border-box}.b-tooltip[data-v-1e79b758] ::-webkit-scrollbar{height:14px;width:14px}.b-tooltip[data-v-1e79b758] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media (max-width: 375px){.b-tooltip[data-v-1e79b758]{max-width:100%}}.b-tooltip--hidden[data-v-1e79b758]{display:none}.b-tooltip--hidden[data-v-1e79b758] .b-tooltip__arrow:before{display:none}.b-tooltip[data-v-1e79b758] .b-tooltip__arrow:before{color:var(--b-tooltip-background-color);display:block}
|
package/dist/avatar-image.js
CHANGED
package/dist/badge.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { defineComponent as l, computed as n, openBlock as d, createElementBlock as i, normalizeClass as c, renderSlot as r, createCommentVNode as u } from "vue";
|
|
2
2
|
import { u as p } from "./chunks/aria-label.ac9651a5.js";
|
|
3
|
-
import { g as f } from "./chunks/get-slot-text.
|
|
3
|
+
import { g as f } from "./chunks/get-slot-text.bead058f.js";
|
|
4
4
|
import { _ } from "./chunks/_plugin-vue_export-helper.dad06003.js";
|
|
5
|
-
import "./assets/
|
|
5
|
+
import "./assets/index22.css";
|
|
6
6
|
var t = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.ATTENTION = "attention", e.WARNING = "warning", e.CRITICAL = "critical", e.SUCCESS = "success", e))(t || {});
|
|
7
7
|
const m = l({
|
|
8
8
|
name: "adl-badge",
|
package/dist/button.js
CHANGED
|
@@ -1,15 +1,146 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
import { a as y, B as _ } from "./chunks/button.a8462029.js";
|
|
2
|
+
import { b as q } from "./chunks/button.a8462029.js";
|
|
3
|
+
import { defineComponent as T, computed as p, resolveComponent as u, openBlock as n, createElementBlock as a, createElementVNode as A, normalizeClass as E, Fragment as N, renderList as S, createBlock as s, withCtx as r, createTextVNode as m, toDisplayString as v, createSlots as I, resolveDynamicComponent as L } from "vue";
|
|
4
|
+
import { B as V } from "./chunks/loading-button.081adbf3.js";
|
|
5
|
+
import { a as K } from "./chunks/loading-button.081adbf3.js";
|
|
6
|
+
import { _ as x } from "./chunks/_plugin-vue_export-helper.dad06003.js";
|
|
7
|
+
import "./assets/index6.css";
|
|
8
|
+
var f = /* @__PURE__ */ ((e) => (e.BUTTONS_END = "buttons-end", e.FILL_CONTAINER = "fill-container", e.SPACE_BETWEEN = "space-between", e.VERTICAL_STACK = "vertical-stack", e))(f || {}), B = /* @__PURE__ */ ((e) => (e.BUTTONS_START = "buttons-start", e))(B || {});
|
|
9
|
+
const b = { ...f, ...B }, O = T({
|
|
10
|
+
name: "bento-button-actions",
|
|
11
|
+
components: { BentoButton: y, BentoLoadingButton: V },
|
|
12
|
+
props: {
|
|
13
|
+
/**
|
|
14
|
+
* List of actions that will be used to render the buttons.
|
|
15
|
+
* First element in the list will be rendered as "primary".
|
|
16
|
+
* All elements after the first will be rendered as "secondary".
|
|
17
|
+
*
|
|
18
|
+
* Each object in the list should have a `title`, an `event` and
|
|
19
|
+
* (optional) a Vue `icon` from the library `@adyen/ui-assets-icons-16`.
|
|
20
|
+
*
|
|
21
|
+
* `title`: Button's text.
|
|
22
|
+
*
|
|
23
|
+
* `event`: Event triggered when clicking the Button.
|
|
24
|
+
*
|
|
25
|
+
* `icon` (optional): Vue Icon from the library `@adyen/ui-assets-icons-16`.
|
|
26
|
+
*
|
|
27
|
+
* @see BentoButton for a list of all the other props supported by each button action.
|
|
28
|
+
*
|
|
29
|
+
* ```
|
|
30
|
+
* [{
|
|
31
|
+
* title: 'Primary',
|
|
32
|
+
* event: () => { ... },
|
|
33
|
+
* icon: FourPeopleIcon,
|
|
34
|
+
* link: {
|
|
35
|
+
variant: 'default',
|
|
36
|
+
external: true,
|
|
37
|
+
to: 'https://www.adyen.com/'
|
|
38
|
+
},
|
|
39
|
+
* }, {
|
|
40
|
+
* title: 'Secondary',
|
|
41
|
+
* event: () => { ... }
|
|
42
|
+
* disabled: true,
|
|
43
|
+
* variant: BentoButtonVariant.PRIMARY,
|
|
44
|
+
* critical: true
|
|
45
|
+
* }]
|
|
46
|
+
* ```
|
|
47
|
+
*/
|
|
48
|
+
actions: {
|
|
49
|
+
type: Array,
|
|
50
|
+
required: !0
|
|
51
|
+
},
|
|
52
|
+
/**
|
|
53
|
+
* Defines the layout in which the button actions is presented.
|
|
54
|
+
* It can be one of:
|
|
55
|
+
*
|
|
56
|
+
* @values BUTTONS_START
|
|
57
|
+
* @values BUTTONS_END
|
|
58
|
+
* @values FILL_CONTAINER
|
|
59
|
+
* @values SPACE_BETWEEN
|
|
60
|
+
* @values VERTICAL_STACK
|
|
61
|
+
*/
|
|
62
|
+
layout: {
|
|
63
|
+
type: String,
|
|
64
|
+
default: b.BUTTONS_END,
|
|
65
|
+
validator: (e) => Object.values(b).includes(e)
|
|
66
|
+
}
|
|
67
|
+
},
|
|
68
|
+
setup(e) {
|
|
69
|
+
const i = p(() => e.actions.slice().reverse()), c = (l) => {
|
|
70
|
+
const d = e.actions.length - 1;
|
|
71
|
+
return l === d ? _.PRIMARY : _.SECONDARY;
|
|
72
|
+
};
|
|
73
|
+
return {
|
|
74
|
+
// Values
|
|
75
|
+
conditionalClasses: p(() => ({
|
|
76
|
+
[`b-button-actions--${e.layout}`]: !0
|
|
77
|
+
})),
|
|
78
|
+
reversedActionsList: i,
|
|
79
|
+
// Methods
|
|
80
|
+
generateButtonVariantByIndex: c
|
|
81
|
+
};
|
|
82
|
+
}
|
|
83
|
+
});
|
|
84
|
+
const R = { class: "b-button-actions" };
|
|
85
|
+
function D(e, i, c, C, l, d) {
|
|
86
|
+
const g = u("bento-loading-button"), k = u("bento-button");
|
|
87
|
+
return n(), a("div", R, [
|
|
88
|
+
A("div", {
|
|
89
|
+
class: E(["b-button-actions__container-wrapper", e.conditionalClasses]),
|
|
90
|
+
role: "group"
|
|
91
|
+
}, [
|
|
92
|
+
(n(!0), a(N, null, S(e.reversedActionsList, (t, o) => (n(), a("div", {
|
|
93
|
+
key: o,
|
|
94
|
+
class: "b-button-actions__button-wrapper"
|
|
95
|
+
}, [
|
|
96
|
+
t.state ? (n(), s(g, {
|
|
97
|
+
key: 0,
|
|
98
|
+
state: t.state,
|
|
99
|
+
disabled: t.disabled,
|
|
100
|
+
variant: t.variant || e.generateButtonVariantByIndex(o),
|
|
101
|
+
onClick: t.event
|
|
102
|
+
}, {
|
|
103
|
+
default: r(() => [
|
|
104
|
+
m(v(t.title), 1)
|
|
105
|
+
]),
|
|
106
|
+
_: 2
|
|
107
|
+
}, 1032, ["state", "disabled", "variant", "onClick"])) : (n(), s(k, {
|
|
108
|
+
key: 1,
|
|
109
|
+
critical: t.critical,
|
|
110
|
+
disabled: t.disabled,
|
|
111
|
+
variant: t.variant || e.generateButtonVariantByIndex(o),
|
|
112
|
+
link: t.link,
|
|
113
|
+
onClick: t.event
|
|
114
|
+
}, I({
|
|
115
|
+
default: r(() => [
|
|
116
|
+
m(" " + v(t.title), 1)
|
|
117
|
+
]),
|
|
118
|
+
_: 2
|
|
119
|
+
}, [
|
|
120
|
+
t.icon ? {
|
|
121
|
+
name: "iconLeft",
|
|
122
|
+
fn: r(() => [
|
|
123
|
+
(n(), s(L(t.icon), {
|
|
124
|
+
"svg-title": t.title
|
|
125
|
+
}, null, 8, ["svg-title"]))
|
|
126
|
+
]),
|
|
127
|
+
key: "0"
|
|
128
|
+
} : void 0
|
|
129
|
+
]), 1032, ["critical", "disabled", "variant", "link", "onClick"]))
|
|
130
|
+
]))), 128))
|
|
131
|
+
], 2)
|
|
132
|
+
]);
|
|
133
|
+
}
|
|
134
|
+
const U = /* @__PURE__ */ x(O, [["render", D], ["__scopeId", "data-v-5beec6fa"]]);
|
|
4
135
|
export {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
136
|
+
y as BentoButton,
|
|
137
|
+
U as BentoButtonActions,
|
|
138
|
+
b as BentoButtonActionsLayout,
|
|
139
|
+
f as BentoButtonActionsLayoutBasic,
|
|
140
|
+
B as BentoButtonActionsLayoutExtended,
|
|
141
|
+
q as BentoButtonPropClass,
|
|
142
|
+
_ as BentoButtonVariant,
|
|
143
|
+
V as BentoLoadingButton,
|
|
144
|
+
K as BentoLoadingButtonState
|
|
14
145
|
};
|
|
15
146
|
//# sourceMappingURL=button.js.map
|
package/dist/button.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
|
|
1
|
+
{"version":3,"file":"button.js","sources":["../../vue2/src/components/button/components/button-actions/button-actions.types.ts","../../vue2/src/components/button/components/button-actions/button-actions.vue"],"sourcesContent":["import type { VueNodeElement } from '@/types';\nimport type { BentoButtonProps, BentoLoadingButtonState } from '@/components/button';\n\nexport interface BentoButtonActionObject extends BentoButtonProps {\n title: string;\n event: (event: Event) => void;\n icon?: VueNodeElement;\n state?: BentoLoadingButtonState | `${BentoLoadingButtonState}`;\n}\n\nexport type BentoButtonActionsList = Array<BentoButtonActionObject>;\n\nexport enum BentoButtonActionsLayoutBasic {\n BUTTONS_END = 'buttons-end',\n FILL_CONTAINER = 'fill-container',\n SPACE_BETWEEN = 'space-between',\n VERTICAL_STACK = 'vertical-stack',\n}\nexport enum BentoButtonActionsLayoutExtended {\n BUTTONS_START = 'buttons-start',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport const BentoButtonActionsLayout = { ...BentoButtonActionsLayoutBasic, ...BentoButtonActionsLayoutExtended };\nexport type BentoButtonActionsLayout = BentoButtonActionsLayoutBasic | BentoButtonActionsLayoutExtended;\n","<template>\n <div class=\"b-button-actions\">\n <div class=\"b-button-actions__container-wrapper\" :class=\"conditionalClasses\" role=\"group\">\n <div v-for=\"(button, index) in reversedActionsList\" :key=\"index\" class=\"b-button-actions__button-wrapper\">\n <bento-loading-button\n v-if=\"button.state\"\n :state=\"button.state\"\n :disabled=\"button.disabled\"\n :variant=\"button.variant || generateButtonVariantByIndex(index)\"\n @click=\"button.event\"\n >\n {{ button.title }}\n </bento-loading-button>\n <bento-button\n v-else\n :critical=\"button.critical\"\n :disabled=\"button.disabled\"\n :variant=\"button.variant || generateButtonVariantByIndex(index)\"\n :link=\"button.link\"\n @click=\"button.event\"\n >\n <template v-if=\"button.icon\" #iconLeft>\n <component :is=\"button.icon\" :svg-title=\"button.title\"></component>\n </template>\n {{ button.title }}\n </bento-button>\n </div>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\n import { computed, defineComponent, PropType } from 'vue';\n import { BentoButtonVariant } from '@/core/components/button/button.types';\n import BentoButton from '../../button.vue';\n import { BentoButtonActionsLayout, BentoButtonActionsList } from './button-actions.types';\n import { BentoLoadingButton } from '../loading-button';\n\n export default defineComponent({\n name: 'bento-button-actions',\n components: { BentoButton, BentoLoadingButton },\n props: {\n /**\n * List of actions that will be used to render the buttons.\n * First element in the list will be rendered as \"primary\".\n * All elements after the first will be rendered as \"secondary\".\n *\n * Each object in the list should have a `title`, an `event` and\n * (optional) a Vue `icon` from the library `@adyen/ui-assets-icons-16`.\n *\n * `title`: Button's text.\n *\n * `event`: Event triggered when clicking the Button.\n *\n * `icon` (optional): Vue Icon from the library `@adyen/ui-assets-icons-16`.\n *\n * @see BentoButton for a list of all the other props supported by each button action.\n *\n * ```\n * [{\n * title: 'Primary',\n * event: () => { ... },\n * icon: FourPeopleIcon,\n * link: {\n variant: 'default',\n external: true,\n to: 'https://www.adyen.com/'\n },\n * }, {\n * title: 'Secondary',\n * event: () => { ... }\n * disabled: true,\n * variant: BentoButtonVariant.PRIMARY,\n * critical: true\n * }]\n * ```\n */\n actions: {\n type: Array as PropType<BentoButtonActionsList>,\n required: true,\n },\n\n /**\n * Defines the layout in which the button actions is presented.\n * It can be one of:\n *\n * @values BUTTONS_START\n * @values BUTTONS_END\n * @values FILL_CONTAINER\n * @values SPACE_BETWEEN\n * @values VERTICAL_STACK\n */\n layout: {\n type: String as PropType<BentoButtonActionsLayout | `${BentoButtonActionsLayout}`>,\n default: BentoButtonActionsLayout.BUTTONS_END,\n validator: (layout: BentoButtonActionsLayout) =>\n Object.values(BentoButtonActionsLayout).includes(layout),\n },\n },\n setup(props) {\n const reversedActionsList = computed(() => props.actions.slice().reverse());\n const generateButtonVariantByIndex = actionIndex => {\n const lastActionIndex = props.actions.length - 1;\n return actionIndex === lastActionIndex ? BentoButtonVariant.PRIMARY : BentoButtonVariant.SECONDARY;\n };\n\n const conditionalClasses = computed(() => ({\n [`b-button-actions--${props.layout}`]: true,\n }));\n\n return {\n // Values\n conditionalClasses,\n reversedActionsList,\n\n // Methods\n generateButtonVariantByIndex,\n };\n },\n });\n</script>\n\n<style lang=\"scss\" scoped src=\"./button-actions.scss\" />\n"],"names":["BentoButtonActionsLayoutBasic","BentoButtonActionsLayoutBasic2","BentoButtonActionsLayoutExtended","BentoButtonActionsLayoutExtended2","BentoButtonActionsLayout","_sfc_main","defineComponent","BentoButton","BentoLoadingButton","layout","props","reversedActionsList","computed","generateButtonVariantByIndex","actionIndex","lastActionIndex","BentoButtonVariant","openBlock","createElementBlock","_hoisted_1","createElementVNode","normalizeClass","_ctx","index","button","createBlock","_component_bento_loading_button","resolveDynamicComponent"],"mappings":";;;;;;;AAYY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,cAAA,eACAA,EAAA,iBAAA,kBACAA,EAAA,gBAAA,iBACAA,EAAA,iBAAA,kBAJQA,IAAAD,KAAA,CAAA,CAAA,GAMAE,IAAA,kBAAAC,OACRA,EAAA,gBAAA,iBADQA,IAAAD,KAAA,CAAA,CAAA;AAOL,MAAAE,IAAA,EAAA,GAAAJ,GAAA,GAAAE,EAAA,GCaHG,IAAAC,EAAA;AAAA,EAA+B,MAAA;AAAA,EACrB,YAAA,EAAA,aAAAC,GAAA,oBAAAC,EAAA;AAAA,EACwC,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IACvC,SAAA;AAAA,MAoCM,MAAA;AAAA,MACC,UAAA;AAAA,IACI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IACd,QAAA;AAAA,MAYQ,MAAA;AAAA,MACE,SAAAJ,EAAA;AAAA,MAC4B,WAAA,CAAAK,MAAA,OAAA,OAAAL,CAAA,EAAA,SAAAK,CAAA;AAAA,IAEyB;AAAA,EAC/D;AAAA,EACJ,MAAAC,GAAA;AAEI,UAAAC,IAAAC,EAAA,MAAAF,EAAA,QAAA,MAAA,EAAA,QAAA,CAAA,GACAG,IAAA,CAAAC,MAAA;AACI,YAAAC,IAAAL,EAAA,QAAA,SAAA;AACA,aAAAI,MAAAC,IAAAC,EAAA,UAAAA,EAAA;AAAA,IAAyF;AAO7F,WAAA;AAAA;AAAA,MAAO,oBAJPJ,EAAA,OAAA;AAAA,QAA2C,CAAA,qBAAAF,EAAA,QAAA,GAAA;AAAA,MACA,EAAA;AAAA,MAKvC,qBAAAC;AAAA;AAAA,MACA,8BAAAE;AAAA,IAGA;AAAA,EACJ;AAER,CAAA;;;;AArHS,SAAAI,EAAA,GAAAC,EAAA,OAAAC,GAAA;AAAA,IAAMC,EAAA,OAAA;AAAA,MAA8E,OAAAC,EAAA,CAAA,uCAAAC,EAAA,kBAAA,CAAA;AAAA;;6DACfL,EAAA,GAAAC,EAAA,OAAA;AAAA,QAAmC,KAAAK;AAAA,QAErF,OAAA;AAAA,MAAA,GAAA;AAAA,QACJC,EAAA,SAAAP,EAAA,GAAAQ,EAAAC,GAAA;AAAA,UAAY,KAAA;AAAA,UACnB,OAAAF,EAAA;AAAA,UACS,UAAAA,EAAA;AAAA,UACK,SAAAA,EAAA,WAAAF,EAAA,6BAAAC,CAAA;AAAA;;;;;;;UAMW,KAAA;AAAA,UACzB,UAAAC,EAAA;AAAA,UACgB,UAAAA,EAAA;AAAA,UACC,SAAAA,EAAA,WAAAF,EAAA,6BAAAC,CAAA;AAAA,UACE,MAAAC,EAAA;AAAA;;;;;UAEJ,GAAA;AAAA,QAAA,GAAA;AAAA;;;eAC6BP,EAAA,GAAAQ,EAAAE,EAAAH,EAAA,IAAA,GAAA;AAAA;;;;;;;;;;;"}
|
package/dist/card.js
CHANGED
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
import { defineComponent as H, ref as M, watch as z, computed as a, resolveComponent as
|
|
2
|
-
import { B as
|
|
3
|
-
import {
|
|
4
|
-
import { u as P } from "./chunks/use-has-slot.
|
|
5
|
-
import { g as
|
|
6
|
-
import { u as
|
|
7
|
-
import {
|
|
8
|
-
import { _ as
|
|
9
|
-
import "./assets/
|
|
10
|
-
var
|
|
1
|
+
import { defineComponent as H, ref as M, watch as z, computed as a, resolveComponent as y, openBlock as t, createElementBlock as i, normalizeClass as c, renderSlot as p, createCommentVNode as d, withKeys as w, createElementVNode as k, createBlock as v, mergeProps as O, withCtx as S, createVNode as R } from "vue";
|
|
2
|
+
import { B as W } from "./chunks/index.89b00b94.js";
|
|
3
|
+
import { C as j, a as F } from "./chunks/chevron-up.c03b58f8.js";
|
|
4
|
+
import { u as P } from "./chunks/use-has-slot.9fac7123.js";
|
|
5
|
+
import { g as V } from "./chunks/unique-id.a2a2b458.js";
|
|
6
|
+
import { u as Y } from "./chunks/i18n.6c402773.js";
|
|
7
|
+
import { BentoButtonActions as K, BentoButtonActionsLayout as E } from "./button.js";
|
|
8
|
+
import { _ as x } from "./chunks/_plugin-vue_export-helper.dad06003.js";
|
|
9
|
+
import "./assets/index7.css";
|
|
10
|
+
var g = /* @__PURE__ */ ((e) => (e.PRIMARY = "primary", e.SECONDARY = "secondary", e))(g || {}), u = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.SMALL = "small", e))(u || {});
|
|
11
11
|
const A = {
|
|
12
12
|
"en-US": {
|
|
13
13
|
showCardContent: "Show card content",
|
|
14
14
|
hideCardContent: "Hide card content"
|
|
15
15
|
}
|
|
16
|
-
},
|
|
16
|
+
}, q = H({
|
|
17
17
|
i18n: { messages: A },
|
|
18
18
|
name: "bento-card",
|
|
19
|
-
components: { ChevronUpIcon: j, ChevronDownIcon: F, BentoTypography:
|
|
19
|
+
components: { ChevronUpIcon: j, ChevronDownIcon: F, BentoTypography: W, BentoButtonActions: K },
|
|
20
20
|
props: {
|
|
21
21
|
/**
|
|
22
22
|
* Defines the color of card background
|
|
23
23
|
*/
|
|
24
24
|
background: {
|
|
25
25
|
type: String,
|
|
26
|
-
default:
|
|
27
|
-
validator: (e) => Object.values(
|
|
26
|
+
default: g.PRIMARY,
|
|
27
|
+
validator: (e) => Object.values(g).includes(e)
|
|
28
28
|
},
|
|
29
29
|
/**
|
|
30
30
|
* Defines the title size of the card header
|
|
@@ -96,179 +96,184 @@ const A = {
|
|
|
96
96
|
*/
|
|
97
97
|
actionsLayout: {
|
|
98
98
|
type: String,
|
|
99
|
-
default:
|
|
100
|
-
validator: (e) => Object.values(
|
|
99
|
+
default: E.BUTTONS_END,
|
|
100
|
+
validator: (e) => Object.values(E).includes(e)
|
|
101
101
|
}
|
|
102
102
|
},
|
|
103
103
|
emits: ["click", "expanded"],
|
|
104
|
-
setup(e, { emit: n, slots:
|
|
105
|
-
const { t:
|
|
104
|
+
setup(e, { emit: n, slots: m }) {
|
|
105
|
+
const { t: _ } = Y({ messages: A }), o = P(m), f = V("card"), l = M(!e.closed);
|
|
106
106
|
z(
|
|
107
107
|
() => e.closed,
|
|
108
108
|
(r) => {
|
|
109
109
|
l.value = !r;
|
|
110
110
|
}
|
|
111
111
|
);
|
|
112
|
-
const b = a(() =>
|
|
112
|
+
const b = a(() => o("default") || o("description") || o("header")), C = a(() => o("default") || o("header")), h = a(
|
|
113
113
|
() => {
|
|
114
114
|
var r;
|
|
115
|
-
return (
|
|
115
|
+
return (o("content") || ((r = e.actions) == null ? void 0 : r.length)) && (!e.expandable || e.expandable && l.value);
|
|
116
116
|
}
|
|
117
|
-
),
|
|
117
|
+
), s = a(() => e.expandable && !e.disabled ? 0 : -1), B = a(() => ({
|
|
118
118
|
[`b-card--${e.background}`]: e.background,
|
|
119
119
|
"b-card--expandable": e.expandable,
|
|
120
120
|
"b-card--disabled": e.expandable && e.disabled
|
|
121
|
-
})),
|
|
121
|
+
})), L = a(() => ({
|
|
122
122
|
"b-card__header--expandable": e.expandable,
|
|
123
|
-
"b-card__header--without-body": !e.expandable && !
|
|
124
|
-
})),
|
|
123
|
+
"b-card__header--without-body": !e.expandable && !h.value
|
|
124
|
+
})), I = a(() => ({
|
|
125
125
|
"b-card__toggle--small-text": e.titleSize === u.SMALL
|
|
126
|
-
})),
|
|
127
|
-
"b-card__body--expandable": e.expandable &&
|
|
126
|
+
})), T = a(() => ({
|
|
127
|
+
"b-card__body--expandable": e.expandable && o("content"),
|
|
128
128
|
"b-card__body--without-header": !e.expandable && !b.value
|
|
129
|
-
})),
|
|
129
|
+
})), $ = a(() => ({
|
|
130
130
|
"b-card__content--without-header": !e.expandable && !b.value,
|
|
131
131
|
"b-card__content--expandable": e.expandable
|
|
132
|
-
})),
|
|
133
|
-
const r = !e.expandable && e.actions && !
|
|
132
|
+
})), N = a(() => {
|
|
133
|
+
const r = !e.expandable && e.actions && !o("content");
|
|
134
134
|
return {
|
|
135
135
|
"b-card__actions--without-content": r,
|
|
136
136
|
"b-card__actions--without-content-and-with-header": r && b.value
|
|
137
137
|
};
|
|
138
138
|
}), U = a(() => ({
|
|
139
|
-
"b-card__title-wrapper--truncated":
|
|
140
|
-
})),
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
139
|
+
"b-card__title-wrapper--truncated": o("header")
|
|
140
|
+
})), D = a(
|
|
141
|
+
() => ({
|
|
142
|
+
el: "div",
|
|
143
|
+
variant: e.titleSize === u.DEFAULT ? "title" : "body",
|
|
144
|
+
strongest: e.titleSize === u.SMALL,
|
|
145
|
+
wide: e.titleSize === u.SMALL
|
|
146
|
+
})
|
|
147
|
+
);
|
|
146
148
|
return {
|
|
147
149
|
// Values
|
|
148
|
-
cardId:
|
|
149
|
-
cardConditionalClasses:
|
|
150
|
-
cardBodyConditionalClasses:
|
|
151
|
-
cardHeaderConditionalClasses:
|
|
152
|
-
cardContentConditionalClasses:
|
|
153
|
-
cardActionsConditionalClasses:
|
|
150
|
+
cardId: f,
|
|
151
|
+
cardConditionalClasses: B,
|
|
152
|
+
cardBodyConditionalClasses: T,
|
|
153
|
+
cardHeaderConditionalClasses: L,
|
|
154
|
+
cardContentConditionalClasses: $,
|
|
155
|
+
cardActionsConditionalClasses: N,
|
|
154
156
|
cardTitleWrapperConditionalClasses: U,
|
|
155
|
-
cardToggleConditionalClasses:
|
|
156
|
-
showCardBody:
|
|
157
|
+
cardToggleConditionalClasses: I,
|
|
158
|
+
showCardBody: h,
|
|
157
159
|
showContent: l,
|
|
158
|
-
tabIndex:
|
|
160
|
+
tabIndex: s,
|
|
159
161
|
showHeader: b,
|
|
160
|
-
showTitleWrapper:
|
|
161
|
-
typography:
|
|
162
|
+
showTitleWrapper: C,
|
|
163
|
+
typography: D,
|
|
162
164
|
// Methods
|
|
163
|
-
hasSlot:
|
|
165
|
+
hasSlot: o,
|
|
164
166
|
onClick: () => {
|
|
165
167
|
e.disabled || n("click");
|
|
166
168
|
},
|
|
167
|
-
t:
|
|
169
|
+
t: _,
|
|
168
170
|
toggleExpansion: () => {
|
|
169
171
|
e.disabled || (l.value = !l.value, n("expanded", l.value));
|
|
170
|
-
}
|
|
171
|
-
// Enums
|
|
172
|
-
BentoTypographyVariant: v,
|
|
173
|
-
BentoTypographyElement: E
|
|
172
|
+
}
|
|
174
173
|
};
|
|
175
174
|
}
|
|
176
175
|
});
|
|
177
|
-
const
|
|
176
|
+
const G = {
|
|
177
|
+
key: 0,
|
|
178
|
+
class: "b-card__image"
|
|
179
|
+
}, J = ["tabindex", "aria-controls", "aria-expanded", "role"], Q = { class: "b-card__header-wrapper" }, X = {
|
|
178
180
|
key: 0,
|
|
179
181
|
class: "b-card__header-slot-wrapper"
|
|
180
|
-
},
|
|
181
|
-
function
|
|
182
|
-
const l =
|
|
183
|
-
return
|
|
182
|
+
}, Z = ["id"];
|
|
183
|
+
function ee(e, n, m, _, o, f) {
|
|
184
|
+
const l = y("chevron-up-icon"), b = y("chevron-down-icon"), C = y("bento-typography"), h = y("bento-button-actions");
|
|
185
|
+
return t(), i("div", {
|
|
184
186
|
class: c(["b-card", e.cardConditionalClasses]),
|
|
185
187
|
"data-testid": "card",
|
|
186
|
-
onClick: n[3] || (n[3] = (...
|
|
188
|
+
onClick: n[3] || (n[3] = (...s) => e.onClick && e.onClick(...s))
|
|
187
189
|
}, [
|
|
188
|
-
e.
|
|
189
|
-
|
|
190
|
+
e.hasSlot("image") ? (t(), i("div", G, [
|
|
191
|
+
p(e.$slots, "image", {}, void 0, !0)
|
|
192
|
+
])) : d("", !0),
|
|
193
|
+
e.showHeader ? (t(), i("div", {
|
|
194
|
+
key: 1,
|
|
190
195
|
class: c(["b-card__header", e.cardHeaderConditionalClasses]),
|
|
191
196
|
tabindex: e.tabIndex,
|
|
192
197
|
"aria-controls": e.expandable ? e.cardId : null,
|
|
193
198
|
"aria-expanded": e.expandable ? `${e.showContent}` : null,
|
|
194
199
|
role: e.expandable ? "button" : null,
|
|
195
|
-
onClick: n[0] || (n[0] = (...
|
|
200
|
+
onClick: n[0] || (n[0] = (...s) => e.toggleExpansion && e.toggleExpansion(...s)),
|
|
196
201
|
onKeypress: [
|
|
197
|
-
n[1] || (n[1] =
|
|
198
|
-
n[2] || (n[2] =
|
|
202
|
+
n[1] || (n[1] = w((...s) => e.toggleExpansion && e.toggleExpansion(...s), ["enter"])),
|
|
203
|
+
n[2] || (n[2] = w((...s) => e.toggleExpansion && e.toggleExpansion(...s), ["space"]))
|
|
199
204
|
]
|
|
200
205
|
}, [
|
|
201
|
-
|
|
202
|
-
e.showTitleWrapper ? (
|
|
203
|
-
|
|
206
|
+
k("div", Q, [
|
|
207
|
+
e.showTitleWrapper ? (t(), i("div", X, [
|
|
208
|
+
k("div", {
|
|
204
209
|
class: c(["b-card__title-wrapper", e.cardTitleWrapperConditionalClasses])
|
|
205
210
|
}, [
|
|
206
|
-
e.expandable ? (
|
|
211
|
+
e.expandable ? (t(), i("div", {
|
|
207
212
|
key: 0,
|
|
208
213
|
class: c(["b-card__toggle", e.cardToggleConditionalClasses])
|
|
209
214
|
}, [
|
|
210
|
-
e.showContent ? (
|
|
215
|
+
e.showContent ? (t(), v(l, {
|
|
211
216
|
key: 0,
|
|
212
217
|
"svg-title": e.t("hideCardContent"),
|
|
213
218
|
"aria-hidden": "true"
|
|
214
|
-
}, null, 8, ["svg-title"])) : (
|
|
219
|
+
}, null, 8, ["svg-title"])) : (t(), v(b, {
|
|
215
220
|
key: 1,
|
|
216
221
|
"svg-title": e.t("showCardContent"),
|
|
217
222
|
"aria-hidden": "true"
|
|
218
223
|
}, null, 8, ["svg-title"]))
|
|
219
|
-
], 2)) :
|
|
220
|
-
e.hasSlot("default") ? (
|
|
224
|
+
], 2)) : d("", !0),
|
|
225
|
+
e.hasSlot("default") ? (t(), v(C, O({
|
|
221
226
|
key: 1,
|
|
222
227
|
class: "b-card__title"
|
|
223
228
|
}, e.typography), {
|
|
224
229
|
default: S(() => [
|
|
225
|
-
|
|
230
|
+
p(e.$slots, "default", {}, void 0, !0)
|
|
226
231
|
]),
|
|
227
232
|
_: 3
|
|
228
|
-
}, 16)) :
|
|
233
|
+
}, 16)) : d("", !0)
|
|
229
234
|
], 2),
|
|
230
|
-
e.hasSlot("header") ?
|
|
231
|
-
])) :
|
|
232
|
-
e.hasSlot("description") ? (
|
|
235
|
+
e.hasSlot("header") ? p(e.$slots, "header", { key: 0 }, void 0, !0) : d("", !0)
|
|
236
|
+
])) : d("", !0),
|
|
237
|
+
e.hasSlot("description") ? (t(), v(C, {
|
|
233
238
|
key: 1,
|
|
234
239
|
class: "b-card__description",
|
|
235
|
-
el:
|
|
236
|
-
variant:
|
|
240
|
+
el: "div",
|
|
241
|
+
variant: "body"
|
|
237
242
|
}, {
|
|
238
243
|
default: S(() => [
|
|
239
|
-
|
|
244
|
+
p(e.$slots, "description", {}, void 0, !0)
|
|
240
245
|
]),
|
|
241
246
|
_: 3
|
|
242
|
-
}
|
|
247
|
+
})) : d("", !0)
|
|
243
248
|
])
|
|
244
|
-
], 42,
|
|
245
|
-
e.showCardBody ? (
|
|
246
|
-
key:
|
|
249
|
+
], 42, J)) : d("", !0),
|
|
250
|
+
e.showCardBody ? (t(), i("div", {
|
|
251
|
+
key: 2,
|
|
247
252
|
id: e.expandable ? e.cardId : null,
|
|
248
253
|
class: c(["b-card__body", e.cardBodyConditionalClasses])
|
|
249
254
|
}, [
|
|
250
|
-
e.hasSlot("content") ? (
|
|
255
|
+
e.hasSlot("content") ? (t(), i("div", {
|
|
251
256
|
key: 0,
|
|
252
257
|
class: c(["b-card__content", e.cardContentConditionalClasses])
|
|
253
258
|
}, [
|
|
254
|
-
|
|
255
|
-
], 2)) :
|
|
256
|
-
e.actions ? (
|
|
259
|
+
p(e.$slots, "content", {}, void 0, !0)
|
|
260
|
+
], 2)) : d("", !0),
|
|
261
|
+
e.actions ? (t(), i("div", {
|
|
257
262
|
key: 1,
|
|
258
263
|
class: c(["b-card__actions", e.cardActionsConditionalClasses])
|
|
259
264
|
}, [
|
|
260
|
-
|
|
265
|
+
R(h, {
|
|
261
266
|
actions: e.actions,
|
|
262
267
|
layout: e.actionsLayout
|
|
263
268
|
}, null, 8, ["actions", "layout"])
|
|
264
|
-
], 2)) :
|
|
265
|
-
], 10,
|
|
269
|
+
], 2)) : d("", !0)
|
|
270
|
+
], 10, Z)) : d("", !0)
|
|
266
271
|
], 2);
|
|
267
272
|
}
|
|
268
|
-
const
|
|
273
|
+
const ue = /* @__PURE__ */ x(q, [["render", ee], ["__scopeId", "data-v-48ac23e7"]]);
|
|
269
274
|
export {
|
|
270
|
-
|
|
271
|
-
|
|
275
|
+
ue as BentoCard,
|
|
276
|
+
g as BentoCardBackground,
|
|
272
277
|
u as BentoCardTitleSize
|
|
273
278
|
};
|
|
274
279
|
//# sourceMappingURL=card.js.map
|