@adyen/bento-vue2 1.9.0 → 1.11.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 +2 -0
- package/dist/@types/packages/vue2/src/components/button/button.vue.d.ts +19 -3580
- package/dist/@types/packages/vue2/src/components/button/components/button-actions/button-actions.types.d.ts +2 -0
- package/dist/@types/packages/vue2/src/components/button/components/loading-button/loading-button.vue.d.ts +3 -3
- package/dist/@types/packages/vue2/src/components/checkbox/checkbox.vue.d.ts +2 -0
- package/dist/@types/packages/vue2/src/components/checkbox/components/checkbox-group/checkbox-group.vue.d.ts +2 -0
- package/dist/@types/packages/vue2/src/components/code-snippet/{composables/useLanguage.d.ts → utils/get-lang-loader.d.ts} +1 -3
- package/dist/@types/packages/vue2/src/components/country/composables/index.d.ts +3 -3
- package/dist/@types/packages/vue2/src/components/country/composables/{useCountryCapital/useCountryCapital.d.ts → use-country-capital/use-country-capital.d.ts} +1 -1
- package/dist/@types/packages/vue2/src/components/country/composables/{useCountryName/useCountryName.d.ts → use-country-name/use-country-name.d.ts} +1 -1
- package/dist/@types/packages/vue2/src/components/country/composables/{useCountryPhoneCode/useCountryPhoneCode.d.ts → use-country-phone-code/use-country-phon-code.d.ts} +1 -1
- package/dist/@types/packages/vue2/src/components/country/country.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/data-grid/components/data-grid-cell-actions/data-grid-cell-actions.types.d.ts +14 -0
- package/dist/@types/packages/vue2/src/components/data-grid/components/data-grid-cell-actions/data-grid-cell-actions.vue.d.ts +33 -0
- package/dist/@types/packages/vue2/src/components/data-grid/components/data-grid-columns/data-grid-columns-types.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/data-grid/components/data-grid-columns/data-grid-columns.vue.d.ts +20 -4
- package/dist/@types/packages/vue2/src/components/data-grid/components/index.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/data-grid/composables/index.d.ts +10 -8
- package/dist/@types/packages/vue2/src/components/data-grid/composables/use-calculate-column-width/index.d.ts +2 -0
- package/dist/@types/packages/vue2/src/components/data-grid/composables/{useCalculateColumnWidth/useCalculateColumnWidth.d.ts → use-calculate-column-width/use-calculate-column-width.d.ts} +2 -2
- package/dist/@types/packages/vue2/src/components/data-grid/composables/use-column-reorderer/use-column-reorderer.d.ts +121 -0
- package/dist/@types/packages/vue2/src/components/data-grid/composables/use-config-settings/use-config-settings.d.ts +154 -0
- package/dist/@types/packages/vue2/src/components/data-grid/composables/{useKeyboardNavigator/useKeyboardNavigator.d.ts → use-keyboard-navigator/use-keyboard-navigator.d.ts} +1 -1
- package/dist/@types/packages/vue2/src/components/data-grid/composables/{useResizer.d.ts → use-resizer.d.ts} +0 -1
- package/dist/@types/packages/vue2/src/components/data-grid/composables/{useScroller/useScroller.d.ts → use-scroller/use-scroller.d.ts} +1 -1
- package/dist/@types/packages/vue2/src/components/data-grid/composables/{useSelector.d.ts → use-selector.d.ts} +1 -1
- package/dist/@types/packages/vue2/src/components/data-grid/data-grid.types.d.ts +5 -2
- package/dist/@types/packages/vue2/src/components/data-grid/data-grid.vue.d.ts +16 -7
- package/dist/@types/packages/vue2/src/components/divider/divider.keys.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/divider/divider.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.types.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.vue.d.ts +3 -3
- 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/composables/useDropdownOptionsListbox.d.ts +2 -1
- package/dist/@types/packages/vue2/src/components/dropdown/components/dropdown-options-container/dropdown-options-container.vue.d.ts +10 -0
- package/dist/@types/packages/vue2/src/components/dropdown/components/dropdown-small-textbox/dropdown-small-textbox.vue.d.ts +3 -3
- package/dist/@types/packages/vue2/src/components/dropdown/components/variants/dropdown-avatar/dropdown-avatar.vue.d.ts +9 -0
- package/dist/@types/packages/vue2/src/components/dropdown/components/variants/dropdown-country/dropdown-country.vue.d.ts +9 -0
- package/dist/@types/packages/vue2/src/components/dropdown/components/variants/dropdown-currency/dropdown-currency.vue.d.ts +9 -0
- package/dist/@types/packages/vue2/src/components/dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.vue.d.ts +9 -0
- package/dist/@types/packages/vue2/src/components/dropdown/components/variants/dropdown-tag/dropdown-tag.vue.d.ts +9 -0
- package/dist/@types/packages/vue2/src/components/dropdown/composables/useDisplayValue.types.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/dropdown/dropdown.vue.d.ts +1598 -6
- package/dist/@types/packages/vue2/src/components/empty-state/empty-state.types.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/empty-state/empty-state.vue.d.ts +3 -3
- package/dist/@types/packages/vue2/src/components/filter-bar/components/all-filters-modal/all-filters-modal.vue.d.ts +84 -12
- package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/variants/select-country-filter/select-country-filter.vue.d.ts +2 -0
- package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/variants/select-tag-filter/select-tag-filter.vue.d.ts +2 -0
- package/dist/@types/packages/vue2/src/components/filter-bar/filter-bar.types.d.ts +3 -1
- package/dist/@types/packages/vue2/src/components/internal/controls-group/controls-group.vue.d.ts +8 -0
- package/dist/@types/packages/vue2/src/components/internal/copy/copy.types.d.ts +8 -0
- package/dist/@types/packages/vue2/src/components/internal/copy/copy.vue.d.ts +20 -0
- package/dist/@types/packages/vue2/src/components/internal/copy/index.d.ts +1 -0
- 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.types.d.ts +2 -1
- 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 +82 -0
- 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 +10 -0
- package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-multi-select/listbox-multi-select.vue.d.ts +9 -0
- package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-single-select/components/listbox-single-select-category/index.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-single-select/components/listbox-single-select-category/listbox-single-select-category.vue.d.ts +12 -0
- package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-single-select/listbox-single-select.vue.d.ts +10 -0
- package/dist/@types/packages/vue2/src/components/internal/listbox/composables/use-multi-level-items/use-multi-level-items.d.ts +6 -0
- package/dist/@types/packages/vue2/src/components/internal/listbox/index.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/internal/listbox/listbox.vue.d.ts +12 -3
- package/dist/@types/packages/vue2/src/components/menu/components/menu-item/menu-item.types.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/menu/components/menu-item/menu-item.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/menu/components/sub-menu-item-list/sub-menu-item-list.vue.d.ts +2 -0
- package/dist/@types/packages/vue2/src/components/menu/menu.vue.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/modal/components/base-modal/base-modal.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/modal/components/modal-dialog/modal-dialog.vue.d.ts +251 -3
- package/dist/@types/packages/vue2/src/components/radio-group/radio-group.vue.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/secondary-nav/components/secondary-nav-category/index.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/secondary-nav/components/secondary-nav-category/secondary-nav-category.vue.d.ts +18 -0
- package/dist/@types/packages/vue2/src/components/secondary-nav/components/secondary-nav-item/index.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/secondary-nav/components/secondary-nav-item/secondary-nav-item.vue.d.ts +19 -0
- package/dist/@types/packages/vue2/src/components/secondary-nav/index.d.ts +2 -0
- package/dist/@types/packages/vue2/src/components/secondary-nav/secondary-nav.keys.d.ts +3 -0
- package/dist/@types/packages/vue2/src/components/secondary-nav/secondary-nav.types.d.ts +14 -0
- package/dist/@types/packages/vue2/src/components/secondary-nav/secondary-nav.vue.d.ts +20 -0
- package/dist/@types/packages/vue2/src/components/structured-list/components/structered-list-item/structured-list-item.vue.d.ts +3 -4
- package/dist/@types/packages/vue2/src/components/structured-list/structured-list.types.d.ts +2 -0
- package/dist/@types/packages/vue2/src/components/structured-list/structured-list.vue.d.ts +16 -3
- package/dist/@types/packages/vue2/src/components/timeline/components/timeline-item/timeline-item.vue.d.ts +15 -10
- package/dist/@types/packages/vue2/src/components/timeline/timeline.types.d.ts +9 -0
- package/dist/@types/packages/vue2/src/index.d.ts +1 -0
- package/dist/@types/packages/vue2/src/types/elements.d.ts +2 -1
- package/dist/@types/packages/vue2/src/utils/ts/deprecate.d.ts +1 -0
- package/dist/accordion.js +2 -2
- package/dist/action-bar.js +5 -5
- package/dist/alert.js +8 -8
- package/dist/alert.js.map +1 -1
- package/dist/assets/base-modal.css +1 -1
- package/dist/assets/button.css +1 -1
- package/dist/assets/checkbox.css +1 -1
- 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/fixed-scroller.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 -1
- package/dist/assets/index44.css +1 -1
- package/dist/assets/index45.css +1 -1
- package/dist/assets/index46.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.css +1 -1
- package/dist/assets/loading-button.css +1 -1
- package/dist/avatar-image.js +1 -1
- package/dist/button.js +19 -17
- package/dist/button.js.map +1 -1
- package/dist/card.js +2 -2
- package/dist/checkbox.js +61 -48
- package/dist/checkbox.js.map +1 -1
- package/dist/chunks/{base-button.df9a9bea.js → base-button.bd61ab14.js} +2 -2
- package/dist/chunks/{base-button.df9a9bea.js.map → base-button.bd61ab14.js.map} +1 -1
- package/dist/chunks/{base-modal.75319f4e.js → base-modal.5640a66a.js} +33 -33
- package/dist/chunks/base-modal.5640a66a.js.map +1 -0
- package/dist/chunks/{button-actions-with-menu.32770485.js → button-actions-with-menu.767344df.js} +3 -3
- package/dist/chunks/{button-actions-with-menu.32770485.js.map → button-actions-with-menu.767344df.js.map} +1 -1
- package/dist/chunks/button.bb5b4909.js +100 -0
- package/dist/chunks/button.bb5b4909.js.map +1 -0
- package/dist/chunks/{calendar.a885d8fc.js → calendar.4ab3c2dc.js} +4 -4
- package/dist/chunks/{calendar.a885d8fc.js.map → calendar.4ab3c2dc.js.map} +1 -1
- package/dist/chunks/checkbox.c684c20a.js +188 -0
- package/dist/chunks/checkbox.c684c20a.js.map +1 -0
- package/dist/chunks/{controls-group.dd967ccf.js → controls-group.d25f5044.js} +15 -11
- package/dist/chunks/controls-group.d25f5044.js.map +1 -0
- package/dist/chunks/copy.36c058e9.js +122 -0
- package/dist/chunks/copy.36c058e9.js.map +1 -0
- package/dist/chunks/country.types.002caff2.js +5871 -0
- package/dist/chunks/country.types.002caff2.js.map +1 -0
- package/dist/chunks/{cross-circle-fill.7c07d16a.js → cross-circle-fill.27580c4b.js} +5 -5
- package/dist/chunks/{cross-circle-fill.7c07d16a.js.map → cross-circle-fill.27580c4b.js.map} +1 -1
- package/dist/chunks/{dropdown-default-textbox.465db4d4.js → dropdown-default-textbox.1cba89ea.js} +11 -11
- package/dist/chunks/dropdown-default-textbox.1cba89ea.js.map +1 -0
- package/dist/chunks/{dropdown.6461dbe3.js → dropdown.4152cc00.js} +351 -313
- package/dist/chunks/dropdown.4152cc00.js.map +1 -0
- package/dist/chunks/{field-label.01df3cba.js → field-label.a0c54b7d.js} +5 -5
- package/dist/chunks/{field-label.01df3cba.js.map → field-label.a0c54b7d.js.map} +1 -1
- package/dist/chunks/{fixed-scroller.42354ccc.js → fixed-scroller.5c90f692.js} +2 -2
- package/dist/chunks/{fixed-scroller.42354ccc.js.map → fixed-scroller.5c90f692.js.map} +1 -1
- package/dist/chunks/{footer-actions.2cd9079e.js → footer-actions.b14cfca8.js} +3 -3
- package/dist/chunks/{footer-actions.2cd9079e.js.map → footer-actions.b14cfca8.js.map} +1 -1
- package/dist/chunks/{index.16914bb1.js → index.179d485c.js} +29 -29
- package/dist/chunks/{index.16914bb1.js.map → index.179d485c.js.map} +1 -1
- package/dist/chunks/index.1e8c900a.js +32 -0
- package/dist/chunks/index.1e8c900a.js.map +1 -0
- package/dist/chunks/{index.152b2b16.js → index.58282364.js} +3 -3
- package/dist/chunks/{index.152b2b16.js.map → index.58282364.js.map} +1 -1
- package/dist/chunks/{index.322692c8.js → index.720f0cbf.js} +2 -2
- package/dist/chunks/{index.322692c8.js.map → index.720f0cbf.js.map} +1 -1
- package/dist/chunks/index.75f0e99f.js +147 -0
- package/dist/chunks/index.75f0e99f.js.map +1 -0
- package/dist/chunks/{index.6cef7328.js → index.7d2ea1de.js} +2 -2
- package/dist/chunks/{index.6cef7328.js.map → index.7d2ea1de.js.map} +1 -1
- package/dist/chunks/{index.02da8d63.js → index.aaedd8f9.js} +3 -3
- package/dist/chunks/{index.02da8d63.js.map → index.aaedd8f9.js.map} +1 -1
- package/dist/chunks/{index.b201e81d.js → index.b0a89960.js} +22 -22
- package/dist/chunks/index.b0a89960.js.map +1 -0
- package/dist/chunks/{index.d1beb704.js → index.f18f79eb.js} +5 -5
- package/dist/chunks/{index.d1beb704.js.map → index.f18f79eb.js.map} +1 -1
- package/dist/chunks/{index.f358c4bd.js → index.f2223abb.js} +163 -155
- package/dist/chunks/index.f2223abb.js.map +1 -0
- package/dist/chunks/{listbox-option-tag.55cd9c16.js → listbox-option-tag.9103c011.js} +3 -3
- package/dist/chunks/{listbox-option-tag.55cd9c16.js.map → listbox-option-tag.9103c011.js.map} +1 -1
- package/dist/chunks/{listbox.a117e6d4.js → listbox.7cf6d6b4.js} +475 -392
- package/dist/chunks/listbox.7cf6d6b4.js.map +1 -0
- package/dist/chunks/{loading-button.459b9ab4.js → loading-button.fb025a2e.js} +20 -20
- package/dist/chunks/{loading-button.459b9ab4.js.map → loading-button.fb025a2e.js.map} +1 -1
- package/dist/chunks/{tooltip.b8929659.js → tooltip.f48beb54.js} +22 -22
- package/dist/chunks/tooltip.f48beb54.js.map +1 -0
- package/dist/chunks/use-has-slot.fbeb19ec.js.map +1 -1
- package/dist/chunks/useCountryItems.6b7985bf.js +29 -0
- package/dist/chunks/{useCountryItems.34ac8740.js.map → useCountryItems.6b7985bf.js.map} +1 -1
- package/dist/code-snippet.js +10 -12
- package/dist/code-snippet.js.map +1 -1
- package/dist/country.js +41 -5902
- package/dist/country.js.map +1 -1
- package/dist/currency.js +1 -1
- package/dist/data-grid.js +901 -711
- package/dist/data-grid.js.map +1 -1
- package/dist/date-picker.js +18 -18
- package/dist/date-range-picker.js +2 -2
- package/dist/date.js +1 -1
- package/dist/divider.js +2 -18
- package/dist/divider.js.map +1 -1
- package/dist/dropdown.js +41 -41
- package/dist/dropdown.js.map +1 -1
- package/dist/empty-state.js +18 -18
- package/dist/empty-state.js.map +1 -1
- package/dist/filter-bar.js +512 -504
- package/dist/filter-bar.js.map +1 -1
- package/dist/focus-trap.js +1 -1
- package/dist/form-layout.js +2 -2
- package/dist/form-layout.js.map +1 -1
- package/dist/header.js +3 -3
- package/dist/index.js +178 -174
- package/dist/index.js.map +1 -1
- package/dist/info-icon.js +3 -3
- package/dist/input-field.js +4 -4
- package/dist/internal.js +17 -15
- package/dist/link.js +2 -2
- package/dist/loading-indicator.js +1 -1
- package/dist/menu.js +1 -1
- package/dist/modal.js +62 -60
- package/dist/modal.js.map +1 -1
- package/dist/pagination.js +22 -22
- package/dist/pagination.js.map +1 -1
- package/dist/payment-method.js +2 -2
- package/dist/popover.js +1 -1
- package/dist/popper-container.js +1 -1
- package/dist/radio-group.js +46 -45
- package/dist/radio-group.js.map +1 -1
- package/dist/search-bar.js +10 -10
- package/dist/secondary-nav.js +98 -0
- package/dist/secondary-nav.js.map +1 -0
- package/dist/segmented-control.js +3 -3
- package/dist/sidepanel.js +5 -5
- package/dist/status.js +2 -2
- package/dist/stepper.js +3 -3
- package/dist/structured-list.js +1 -1
- package/dist/summary-grid.js +3 -3
- package/dist/tabs.js +3 -3
- package/dist/tag.js +3 -3
- package/dist/textarea.js +95 -88
- package/dist/textarea.js.map +1 -1
- package/dist/timeline.js +198 -191
- package/dist/timeline.js.map +1 -1
- package/dist/toast.js +3 -3
- package/dist/toggle.js +1 -1
- package/dist/tutorial.js +5 -5
- package/dist/typography.js +1 -1
- package/dist/web-types.json +822 -409
- package/package.json +6 -3
- package/dist/@types/packages/vue2/src/components/data-grid/composables/useColumnReorderer/useColumnReorderer.d.ts +0 -67
- package/dist/@types/packages/vue2/src/components/data-grid/composables/useConfigSettings/useConfigSettings.d.ts +0 -73
- package/dist/chunks/base-modal.75319f4e.js.map +0 -1
- package/dist/chunks/button.7dd8d4de.js +0 -125
- package/dist/chunks/button.7dd8d4de.js.map +0 -1
- package/dist/chunks/checkbox.65743b08.js +0 -184
- package/dist/chunks/checkbox.65743b08.js.map +0 -1
- package/dist/chunks/controls-group.dd967ccf.js.map +0 -1
- package/dist/chunks/copy.e12b418e.js +0 -103
- package/dist/chunks/copy.e12b418e.js.map +0 -1
- package/dist/chunks/dropdown-default-textbox.465db4d4.js.map +0 -1
- package/dist/chunks/dropdown.6461dbe3.js.map +0 -1
- package/dist/chunks/index.0890dc99.js +0 -130
- package/dist/chunks/index.0890dc99.js.map +0 -1
- package/dist/chunks/index.b201e81d.js.map +0 -1
- package/dist/chunks/index.f358c4bd.js.map +0 -1
- package/dist/chunks/listbox.a117e6d4.js.map +0 -1
- package/dist/chunks/tooltip.b8929659.js.map +0 -1
- package/dist/chunks/useCountryItems.34ac8740.js +0 -29
- /package/dist/@types/packages/vue2/src/components/data-grid/composables/{useCalculateColumnWidth/useCalculateColumnWidth.types.d.ts → use-calculate-column-width/use-calculate-column-width.types.d.ts} +0 -0
- /package/dist/@types/packages/vue2/src/components/data-grid/composables/{useCalculateStickyElementHeight/useCalculateStickyElementHeight.d.ts → use-calculate-sticky-element-height/use-calculate-sticky-element-height.d.ts} +0 -0
- /package/dist/@types/packages/vue2/src/components/data-grid/composables/{useKeyboardNavigator/useKeyboardNavigator.types.d.ts → use-keyboard-navigator/use-keyboard-navigator.types.d.ts} +0 -0
- /package/dist/@types/packages/vue2/src/components/data-grid/composables/{useLazyLoading/useLazyLoading.d.ts → use-lazy-loading/use-lazy-loading.d.ts} +0 -0
- /package/dist/@types/packages/vue2/src/components/data-grid/composables/{useSorter.d.ts → use-sorter.d.ts} +0 -0
package/dist/assets/index5.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-
|
|
1
|
+
.b-date-range-picker-calendar[data-v-5e4759a3]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:var(--b-date-range-picker-calendar-flex-direction)}.b-date-range-picker-calendar[data-v-5e4759a3],.b-date-range-picker-calendar[data-v-5e4759a3]:before,.b-date-range-picker-calendar[data-v-5e4759a3]:after{box-sizing:border-box}.b-date-range-picker-calendar *[data-v-5e4759a3],.b-date-range-picker-calendar *[data-v-5e4759a3]:before,.b-date-range-picker-calendar *[data-v-5e4759a3]:after{box-sizing:border-box}.b-date-range-picker-calendar[data-v-5e4759a3] ::-webkit-scrollbar{height:14px;width:14px}.b-date-range-picker-calendar[data-v-5e4759a3] ::-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-date-range-picker-calendar__calendars-container[data-v-5e4759a3]{background-color:var(--b-date-range-picker-calendar-calendars-container-background-color);border-right:var(--b-date-range-picker-calendar-calendars-container-border-right);display:flex;gap:var(--b-date-range-picker-calendar-calendars-container-gap);padding:var(--b-date-range-picker-calendar-calendars-container-padding)}.b-date-range-picker-calendar__form-container[data-v-5e4759a3]{border-right:var(--b-date-range-picker-calendar-form-container-border-right);display:flex;flex-direction:column;justify-content:space-between}.b-date-range-picker-calendar__form[data-v-5e4759a3]{display:flex;flex-direction:column;gap:var(--b-date-range-picker-calendar-form-gap);min-width:var(--b-date-range-picker-calendar-form-min-width);padding:var(--b-date-range-picker-calendar-form-padding);width:var(--b-date-range-picker-calendar-form-width)}.b-date-range-picker-calendar__form-input[data-v-5e4759a3]{padding-top:var(--b-date-range-picker-calendar-form-input-padding-top)}.b-date-range-picker-calendar__form-input-wrapper[data-v-5e4759a3]{display:flex;flex-direction:row;gap:var(--b-date-range-picker-calendar-form-input-wrapper-gap)}.b-date-range-picker-calendar__form-date-format-example[data-v-5e4759a3]{color:var(--b-date-range-picker-calendar-form-date-format-example-color);display:var(--b-date-range-picker-calendar-form-date-format-example-display)}.b-legacy-theme .b-date-range-picker-calendar__label[data-v-5e4759a3]{font-weight:600}.b-date-range-picker[data-v-4511bb26]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column}.b-date-range-picker[data-v-4511bb26],.b-date-range-picker[data-v-4511bb26]:before,.b-date-range-picker[data-v-4511bb26]:after{box-sizing:border-box}.b-date-range-picker *[data-v-4511bb26],.b-date-range-picker *[data-v-4511bb26]:before,.b-date-range-picker *[data-v-4511bb26]:after{box-sizing:border-box}.b-date-range-picker[data-v-4511bb26] ::-webkit-scrollbar{height:14px;width:14px}.b-date-range-picker[data-v-4511bb26] ::-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-legacy-theme .b-date-range-picker[data-v-4511bb26] .b-dropdown-default-textbox--opened{border-radius:6px}.b-legacy-theme .b-date-range-picker__container[data-v-4511bb26]{border:var(--b-date-range-picker-container-border);border-radius:var(--b-date-range-picker-container-border-radius);width:var(--b-date-range-picker-container-width)}.b-date-range-picker__description[data-v-4511bb26]{color:var(--b-date-range-picker-description-color);margin-top:var(--b-date-range-picker-description-margin-top)}.b-date-range-picker__description--error[data-v-4511bb26]{margin-top:var(--b-date-range-picker-description-error-margin-top)}.b-date-range-picker__error-message[data-v-4511bb26]{margin-top:var(--b-date-range-picker-error-message-margin-top)}.b-date-range-picker__error-message[data-v-4511bb26]:not(:first-of-type){margin-top:var(--b-date-range-picker-description-error-margin-top)}
|
package/dist/assets/index6.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-
|
|
1
|
+
.b-date-picker[data-v-d563c682]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column}.b-date-picker[data-v-d563c682],.b-date-picker[data-v-d563c682]:before,.b-date-picker[data-v-d563c682]:after{box-sizing:border-box}.b-date-picker *[data-v-d563c682],.b-date-picker *[data-v-d563c682]:before,.b-date-picker *[data-v-d563c682]:after{box-sizing:border-box}.b-date-picker[data-v-d563c682] ::-webkit-scrollbar{height:14px;width:14px}.b-date-picker[data-v-d563c682] ::-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-legacy-theme .b-date-picker[data-v-d563c682] .b-dropdown-default-textbox--opened{border-radius:6px}.b-legacy-theme .b-date-picker__container[data-v-d563c682]{border:var(--b-date-picker-container-border);box-shadow:var(--b-date-picker-container-box-shadow);width:var(--b-date-picker-container-width)}.b-date-picker__description[data-v-d563c682]{color:var(--b-date-picker-description-color);margin-top:var(--b-date-picker-description-margin-top)}.b-date-picker__description--error[data-v-d563c682]{margin-top:var(--b-date-picker-description-error-margin-top)}.b-date-picker__error-message[data-v-d563c682]{margin-top:var(--b-date-picker-error-message-margin-top)}.b-date-picker__error-message[data-v-d563c682]:not(:first-of-type){margin-top:var(--b-date-picker-description-error-margin-top)}
|
package/dist/assets/index7.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-
|
|
1
|
+
.b-accordion[data-v-fb182a1c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-accordion[data-v-fb182a1c],.b-accordion[data-v-fb182a1c]:before,.b-accordion[data-v-fb182a1c]:after{box-sizing:border-box}.b-accordion *[data-v-fb182a1c],.b-accordion *[data-v-fb182a1c]:before,.b-accordion *[data-v-fb182a1c]:after{box-sizing:border-box}.b-accordion[data-v-fb182a1c] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion[data-v-fb182a1c] ::-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-accordion-item[data-v-01c3158a]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-accordion-item-background-color);border-bottom:var(--b-accordion-item-border)}.b-accordion-item[data-v-01c3158a],.b-accordion-item[data-v-01c3158a]:before,.b-accordion-item[data-v-01c3158a]:after{box-sizing:border-box}.b-accordion-item *[data-v-01c3158a],.b-accordion-item *[data-v-01c3158a]:before,.b-accordion-item *[data-v-01c3158a]:after{box-sizing:border-box}.b-accordion-item[data-v-01c3158a] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion-item[data-v-01c3158a] ::-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-accordion-item button[data-v-01c3158a]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-accordion-item button[data-v-01c3158a]:focus-visible{outline:none}.b-legacy-theme .b-accordion-item__heading[data-v-01c3158a]{font-size:var(--b-font-size-regular);line-height:1.4}.b-accordion-item[data-v-01c3158a]:first-of-type{border-top:var(--b-accordion-item-border)}.b-accordion-item__button[data-v-01c3158a]{align-items:center;cursor:pointer;display:flex;gap:var(--b-accordion-item-button-gap);padding:var(--b-accordion-item-button-padding);position:relative;width:100%;z-index:0}.b-accordion-item__button[data-v-01c3158a]:hover{background-color:var(--b-accordion-item-button-hover-background-color)}.b-accordion-item__button[data-v-01c3158a]:active{background-color:var(--b-accordion-item-button-active-background-color)}.b-accordion-item__button[data-v-01c3158a]:focus-visible{animation:outer-ring-default-01c3158a var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color);outline:none}@keyframes outer-ring-default-01c3158a{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-accordion-item__content[data-v-01c3158a]{padding:var(--b-accordion-item-content-padding)}.b-accordion-item__animation--content-enter-active[data-v-01c3158a]{animation:fade-in-ukx4h34-01c3158a var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear),enter-ukx4h34-01c3158a var(--b-accordion-item-animation-duration) var(--b-animation-easing-enter),scale-up-ukx4h34-01c3158a var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear);overflow:hidden;transition:max-height var(--b-accordion-item-animation-duration) var(--b-accordion-item-animation-easing)}@keyframes fade-in-ukx4h34-01c3158a{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ukx4h34-01c3158a{0%{scale:1}to{scale:1}}@keyframes enter-ukx4h34-01c3158a{0%{translate:0 -8px}to{translate:0 0}}.b-accordion-item__animation--content-leave-active[data-v-01c3158a]{animation:fade-out-ukx4h3u-01c3158a var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear),exit-ukx4h3u-01c3158a var(--b-accordion-item-animation-duration) var(--b-animation-easing-exit),scale-down-ukx4h3u-01c3158a var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear);max-height:0!important;overflow:hidden;transition:max-height var(--b-accordion-item-animation-duration) var(--b-accordion-item-animation-easing)}@keyframes fade-out-ukx4h3u-01c3158a{0%{opacity:1}to{opacity:0}}@keyframes scale-down-ukx4h3u-01c3158a{0%{scale:1}to{scale:1}}@keyframes exit-ukx4h3u-01c3158a{0%{translate:0 0}to{translate:0 -8px}}
|
package/dist/assets/index8.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-button-actions[data-v-
|
|
1
|
+
.b-button-actions[data-v-cabe4e52]{container-type:inline-size;flex-grow:1}.b-button-actions__container-wrapper[data-v-cabe4e52]{display:flex;flex-direction:column;gap:var(--b-button-actions-vertical-stack-row-gap)}.b-button-actions__button-wrapper>*[data-v-cabe4e52]{width:100%}@container (min-width: 242px){.b-button-actions--buttons-start[data-v-cabe4e52]{flex-direction:row;justify-content:start}.b-button-actions--buttons-end[data-v-cabe4e52]{column-gap:var(--b-button-actions-buttons-end-column-gap);flex-direction:row;justify-content:flex-end}.b-button-actions--fill-container[data-v-cabe4e52]{column-gap:var(--b-button-actions-fill-container-column-gap);display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}.b-button-actions--space-between[data-v-cabe4e52]{flex-direction:unset;justify-content:space-between}}
|
package/dist/assets/index9.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-
|
|
1
|
+
.b-action-bar[data-v-d2278799]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;bottom:var(--b-action-bar-bottom);display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;width:100%;z-index:var(--b-action-bar-z-index)}.b-action-bar[data-v-d2278799],.b-action-bar[data-v-d2278799]:before,.b-action-bar[data-v-d2278799]:after{box-sizing:border-box}.b-action-bar *[data-v-d2278799],.b-action-bar *[data-v-d2278799]:before,.b-action-bar *[data-v-d2278799]:after{box-sizing:border-box}.b-action-bar[data-v-d2278799] ::-webkit-scrollbar{height:14px;width:14px}.b-action-bar[data-v-d2278799] ::-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-action-bar__container[data-v-d2278799]{align-items:center;background-color:var(--b-action-bar-container-background-color);border-radius:var(--b-action-bar-container-border-radius);color:var(--b-action-bar-container-color);display:flex;padding:var(--b-action-bar-container-padding);pointer-events:all;width:var(--b-action-bar-container-width)}@media (min-width: 500px){.b-action-bar__container[data-v-d2278799]{width:auto}}.b-action-bar__close-button[data-v-d2278799]{align-items:center;display:flex;margin-right:var(--b-action-bar-close-button-margin-right-mobile)}@media (min-width: 500px){.b-action-bar__close-button[data-v-d2278799]{margin-right:var(--b-action-bar-close-button-margin-right)}}.b-action-bar__selection[data-v-d2278799]{margin-right:var(--b-action-bar-selection-margin-right-mobile);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-legacy-theme .b-action-bar__selection[data-v-d2278799]{font-weight:600}@media (min-width: 500px){.b-action-bar__selection[data-v-d2278799]{margin-right:var(--b-action-bar-selection-margin-right);width:120px}}.b-action-bar__actions[data-v-d2278799]{container-type:normal}.b-action-bar__actions[data-v-d2278799] .b-button-actions__container-wrapper{flex-direction:row}.b-action-bar--extra-spacing[data-v-d2278799]{bottom:var(--b-action-bar-bottom-extra-spacing)}.b-action-bar__animation-enter-active[data-v-d2278799]{animation:fade-in-ukx4guu-d2278799 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear),enter-ukx4guu-d2278799 var(--b-action-bar-animation-duration) var(--b-animation-easing-enter),scale-up-ukx4guu-d2278799 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-in-ukx4guu-d2278799{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ukx4guu-d2278799{0%{scale:.9}to{scale:1}}@keyframes enter-ukx4guu-d2278799{0%{translate:0 8px}to{translate:0 0}}.b-action-bar__animation-leave-active[data-v-d2278799]{animation:fade-out-ukx4gx2-d2278799 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear),exit-ukx4gx2-d2278799 var(--b-action-bar-animation-duration) var(--b-animation-easing-exit),scale-down-ukx4gx2-d2278799 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-out-ukx4gx2-d2278799{0%{opacity:1}to{opacity:0}}@keyframes scale-down-ukx4gx2-d2278799{0%{scale:1}to{scale:.9}}@keyframes exit-ukx4gx2-d2278799{0%{translate:0 0}to{translate:0 8px}}
|
package/dist/assets/listbox.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-listbox-option[data-v-d7fb415c]{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-d7fb415c],.b-listbox-option[data-v-d7fb415c]:before,.b-listbox-option[data-v-d7fb415c]:after{box-sizing:border-box}.b-listbox-option[data-v-d7fb415c] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-option[data-v-d7fb415c] ::-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-d7fb415c]:hover:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-hover-background-color)}.b-listbox-option[data-v-d7fb415c]:hover:not(.b-listbox-option--disabled),.b-listbox-option[data-v-d7fb415c]:hover:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option[data-v-d7fb415c]:hover:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option[data-v-d7fb415c]: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-d7fb415c]: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-d7fb415c]: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-d7fb415c]:focus-visible{outline:none}.b-listbox-option[data-v-d7fb415c]: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-d7fb415c]:active:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-active-background-color)}.b-listbox-option[data-v-d7fb415c]:active:not(.b-listbox-option--disabled),.b-listbox-option[data-v-d7fb415c]:active:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option[data-v-d7fb415c]:active:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option[data-v-d7fb415c]: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-d7fb415c]: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-d7fb415c]: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-d7fb415c] .b-listbox-single-select-option__text,.b-listbox-option[data-v-d7fb415c] .b-listbox-multi-select__option-text{display:flex;flex-direction:column}.b-listbox-option[data-v-d7fb415c] .b-listbox-single-select-option__description,.b-listbox-option[data-v-d7fb415c] .b-listbox-multi-select__option-description{margin-top:var(--b-listbox-option-description-margin-top)}.b-listbox-option[data-v-d7fb415c]:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description,.b-listbox-option[data-v-d7fb415c]:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description{color:var(--b-listbox-option-description-color)}.b-listbox-option--disabled[data-v-d7fb415c]{cursor:not-allowed}.b-listbox-option--disabled[data-v-d7fb415c],.b-listbox-option--disabled[data-v-d7fb415c] .b-avatar__label,.b-listbox-option--disabled[data-v-d7fb415c] .b-country__label,.b-listbox-option--disabled[data-v-d7fb415c] .b-payment-method__label{color:var(--b-listbox-option-disabled-font-color)}.b-listbox-option--selected[data-v-d7fb415c]:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-selected-background-color)}.b-listbox-option--selected[data-v-d7fb415c]:not(.b-listbox-option--disabled),.b-listbox-option--selected[data-v-d7fb415c]:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option--selected[data-v-d7fb415c]:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option--selected[data-v-d7fb415c]:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-selected-font-color)}.b-listbox-option--selected[data-v-d7fb415c]:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-listbox-option--selected[data-v-d7fb415c]:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-selected-description-color)}.b-listbox-single-select-option[data-v-092ed5ee]{display:flex;justify-content:space-between}.b-listbox-single-select-option__check-icon[data-v-092ed5ee]{align-items:center;display:flex;margin-left:var(--b-listbox-single-select-check-icon-margin)}.b-listbox-multi-select-category[data-v-360ce3ac]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select-category[data-v-360ce3ac],.b-listbox-multi-select-category[data-v-360ce3ac]:before,.b-listbox-multi-select-category[data-v-360ce3ac]:after{box-sizing:border-box}.b-listbox-multi-select-category *[data-v-360ce3ac],.b-listbox-multi-select-category *[data-v-360ce3ac]:before,.b-listbox-multi-select-category *[data-v-360ce3ac]:after{box-sizing:border-box}.b-listbox-multi-select-category[data-v-360ce3ac] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-category[data-v-360ce3ac] ::-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-360ce3ac]{cursor:not-allowed}.b-listbox-multi-select-category--disabled .b-listbox-multi-select-category__label-text[data-v-360ce3ac]{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-360ce3ac]{cursor:pointer}.b-listbox-multi-select-category__label[data-v-360ce3ac]{align-items:center;display:flex;justify-content:space-between;width:100%}.b-listbox-multi-select-category__label-chevron[data-v-360ce3ac]{display:flex;position:relative}.b-listbox-multi-select-category__label-chevron[data-v-360ce3ac]:before{content:"";height:36px;left:-10px;position:absolute;top:-9px;width:36px}.b-listbox-multi-select-category__option[data-v-360ce3ac]{display:flex;gap:var(--b-listbox-multi-select-category-option-gap)}.b-listbox-multi-select-options[data-v-23f75bdb]{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-23f75bdb],.b-listbox-multi-select-options[data-v-23f75bdb]:before,.b-listbox-multi-select-options[data-v-23f75bdb]:after{box-sizing:border-box}.b-listbox-multi-select-options[data-v-23f75bdb] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-options[data-v-23f75bdb] ::-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-23f75bdb]{padding-left:var(--b-listbox-multi-select-options-category-option-padding-left)}.b-listbox-multi-select[data-v-70173dcf]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select[data-v-70173dcf],.b-listbox-multi-select[data-v-70173dcf]:before,.b-listbox-multi-select[data-v-70173dcf]:after{box-sizing:border-box}.b-listbox-multi-select[data-v-70173dcf] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select[data-v-70173dcf] ::-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-70173dcf]{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-70173dcf]{display:flex;gap:var(--b-listbox-multi-select-options-gap)}.b-listbox[data-v-bd53a4f9]{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-bd53a4f9],.b-listbox[data-v-bd53a4f9]:before,.b-listbox[data-v-bd53a4f9]:after{box-sizing:border-box}.b-listbox *[data-v-bd53a4f9],.b-listbox *[data-v-bd53a4f9]:before,.b-listbox *[data-v-bd53a4f9]:after{box-sizing:border-box}.b-listbox[data-v-bd53a4f9] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox[data-v-bd53a4f9] ::-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-bd53a4f9]{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-bd53a4f9]{display:flex;justify-content:center;margin:var(--b-listbox-lazy-load-margin)}
|
|
1
|
+
.b-listbox-single-select-category[data-v-4aa8cc6e]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:var(--b-listbox-single-select-category-margin-bottom)}.b-listbox-single-select-category[data-v-4aa8cc6e],.b-listbox-single-select-category[data-v-4aa8cc6e]:before,.b-listbox-single-select-category[data-v-4aa8cc6e]:after{box-sizing:border-box}.b-listbox-single-select-category *[data-v-4aa8cc6e],.b-listbox-single-select-category *[data-v-4aa8cc6e]:before,.b-listbox-single-select-category *[data-v-4aa8cc6e]:after{box-sizing:border-box}.b-listbox-single-select-category[data-v-4aa8cc6e] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-single-select-category[data-v-4aa8cc6e] ::-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-single-select-category[data-v-4aa8cc6e]:last-child{margin-bottom:0}.b-listbox-single-select-category__label-text[data-v-4aa8cc6e]{color:var(--b-listbox-single-select-category-label-text-color);padding:var(--b-listbox-single-select-category-label-text-padding)}.b-listbox-option[data-v-d7fb415c]{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-d7fb415c],.b-listbox-option[data-v-d7fb415c]:before,.b-listbox-option[data-v-d7fb415c]:after{box-sizing:border-box}.b-listbox-option[data-v-d7fb415c] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-option[data-v-d7fb415c] ::-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-d7fb415c]:hover:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-hover-background-color)}.b-listbox-option[data-v-d7fb415c]:hover:not(.b-listbox-option--disabled),.b-listbox-option[data-v-d7fb415c]:hover:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option[data-v-d7fb415c]:hover:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option[data-v-d7fb415c]: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-d7fb415c]: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-d7fb415c]: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-d7fb415c]:focus-visible{outline:none}.b-listbox-option[data-v-d7fb415c]: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-d7fb415c]:active:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-active-background-color)}.b-listbox-option[data-v-d7fb415c]:active:not(.b-listbox-option--disabled),.b-listbox-option[data-v-d7fb415c]:active:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option[data-v-d7fb415c]:active:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option[data-v-d7fb415c]: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-d7fb415c]: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-d7fb415c]: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-d7fb415c] .b-listbox-single-select-option__text,.b-listbox-option[data-v-d7fb415c] .b-listbox-multi-select__option-text{display:flex;flex-direction:column}.b-listbox-option[data-v-d7fb415c] .b-listbox-single-select-option__description,.b-listbox-option[data-v-d7fb415c] .b-listbox-multi-select__option-description{margin-top:var(--b-listbox-option-description-margin-top)}.b-listbox-option[data-v-d7fb415c]:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description,.b-listbox-option[data-v-d7fb415c]:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description{color:var(--b-listbox-option-description-color)}.b-listbox-option--disabled[data-v-d7fb415c]{cursor:not-allowed}.b-listbox-option--disabled[data-v-d7fb415c],.b-listbox-option--disabled[data-v-d7fb415c] .b-avatar__label,.b-listbox-option--disabled[data-v-d7fb415c] .b-country__label,.b-listbox-option--disabled[data-v-d7fb415c] .b-payment-method__label{color:var(--b-listbox-option-disabled-font-color)}.b-listbox-option--selected[data-v-d7fb415c]:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-selected-background-color)}.b-listbox-option--selected[data-v-d7fb415c]:not(.b-listbox-option--disabled),.b-listbox-option--selected[data-v-d7fb415c]:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option--selected[data-v-d7fb415c]:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option--selected[data-v-d7fb415c]:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-selected-font-color)}.b-listbox-option--selected[data-v-d7fb415c]:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-listbox-option--selected[data-v-d7fb415c]:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-selected-description-color)}.b-listbox-single-select-option[data-v-092ed5ee]{display:flex;justify-content:space-between}.b-listbox-single-select-option__check-icon[data-v-092ed5ee]{align-items:center;display:flex;margin-left:var(--b-listbox-single-select-check-icon-margin)}.b-listbox-multi-select-category[data-v-f360ac3d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select-category[data-v-f360ac3d],.b-listbox-multi-select-category[data-v-f360ac3d]:before,.b-listbox-multi-select-category[data-v-f360ac3d]:after{box-sizing:border-box}.b-listbox-multi-select-category *[data-v-f360ac3d],.b-listbox-multi-select-category *[data-v-f360ac3d]:before,.b-listbox-multi-select-category *[data-v-f360ac3d]:after{box-sizing:border-box}.b-listbox-multi-select-category[data-v-f360ac3d] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-category[data-v-f360ac3d] ::-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-f360ac3d]{cursor:not-allowed}.b-listbox-multi-select-category--disabled .b-listbox-multi-select-category__label-text[data-v-f360ac3d]{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-f360ac3d]{cursor:pointer}.b-listbox-multi-select-category--static-category[data-v-f360ac3d]{gap:var(--b-listbox-multi-select-category-static-category-gap);pointer-events:none}.b-listbox-multi-select-category--static-category .b-listbox-multi-select-category__label-text[data-v-f360ac3d]{color:var(--b-listbox-multi-select-category-static-category-label-text-color)}.b-listbox-multi-select-category__label[data-v-f360ac3d]{align-items:center;display:flex;justify-content:space-between;width:100%}.b-listbox-multi-select-category__label-chevron[data-v-f360ac3d]{display:flex;position:relative}.b-listbox-multi-select-category__label-chevron[data-v-f360ac3d]:before{content:"";height:36px;left:-10px;position:absolute;top:-9px;width:36px}.b-listbox-multi-select-category__option[data-v-f360ac3d]{display:flex;gap:var(--b-listbox-multi-select-category-option-gap)}.b-listbox-multi-select-options[data-v-c9b2c61d]{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-c9b2c61d],.b-listbox-multi-select-options[data-v-c9b2c61d]:before,.b-listbox-multi-select-options[data-v-c9b2c61d]:after{box-sizing:border-box}.b-listbox-multi-select-options[data-v-c9b2c61d] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-options[data-v-c9b2c61d] ::-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-c9b2c61d]{padding-left:var(--b-listbox-multi-select-options-category-option-padding-left)}.b-listbox-multi-select-options__static-category-option[data-v-c9b2c61d]{padding-left:var(--b-listbox-multi-select-options-static-category-option-padding-left)}.b-listbox-multi-select[data-v-2a48c62f]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select[data-v-2a48c62f],.b-listbox-multi-select[data-v-2a48c62f]:before,.b-listbox-multi-select[data-v-2a48c62f]:after{box-sizing:border-box}.b-listbox-multi-select[data-v-2a48c62f] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select[data-v-2a48c62f] ::-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-2a48c62f]{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-2a48c62f]{display:flex;gap:var(--b-listbox-multi-select-options-gap)}.b-listbox[data-v-17128845]{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-17128845],.b-listbox[data-v-17128845]:before,.b-listbox[data-v-17128845]:after{box-sizing:border-box}.b-listbox *[data-v-17128845],.b-listbox *[data-v-17128845]:before,.b-listbox *[data-v-17128845]:after{box-sizing:border-box}.b-listbox[data-v-17128845] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox[data-v-17128845] ::-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-17128845]{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-17128845]{display:flex;justify-content:center;margin:var(--b-listbox-lazy-load-margin)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes spin-
|
|
1
|
+
@keyframes spin-4b944533{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.b-loading-button--primary-loading[data-v-4b944533]{background-color:var(--b-loading-button-primary-active-background-color)}.b-loading-button--primary-loading.b-loading-button--inverse[data-v-4b944533],.b-loading-button--inverse .b-loading-button--primary-loading[data-v-4b944533]{background-color:var(--b-loading-button-primary-active-background-color-inverse)}.b-loading-button--primary-success[data-v-4b944533]{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-4b944533]:hover{background-color:var(--b-loading-button-primary-success-hover-background-color)}.b-loading-button--primary-success[data-v-4b944533]:active{background-color:var(--b-loading-button-primary-success-active-background-color)}.b-loading-button--primary-success[data-v-4b944533]: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-4b944533]{background-color:var(--b-loading-button-secondary-active-background-color);color:var(--b-loading-button-secondary-active-color)}.b-loading-button--secondary-loading.b-loading-button--inverse[data-v-4b944533],.b-loading-button--inverse .b-loading-button--secondary-loading[data-v-4b944533]{background-color:var(--b-loading-button-secondary-active-background-color-inverse)}.b-loading-button--secondary-loading.b-loading-button--inverse[data-v-4b944533],.b-loading-button--inverse .b-loading-button--secondary-loading[data-v-4b944533]{color:var(--b-loading-button-secondary-active-color-inverse)}.b-loading-button--secondary-loading[data-v-4b944533]:hover:not(:focus){box-shadow:none}.b-loading-button--secondary-success[data-v-4b944533]{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-4b944533]: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-4b944533]: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-4b944533]: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-4b944533]{background-color:var(--b-loading-button-tertiary-active-background-color)}.b-loading-button__icon[data-v-4b944533]{display:inline-flex}
|
package/dist/avatar-image.js
CHANGED
package/dist/button.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { a as v, B as o } from "./chunks/button.
|
|
2
|
-
import { b as
|
|
3
|
-
import { defineComponent as
|
|
4
|
-
import { B as
|
|
5
|
-
import { a as k } from "./chunks/loading-button.
|
|
1
|
+
import { a as v, B as o } from "./chunks/button.bb5b4909.js";
|
|
2
|
+
import { b as I } from "./chunks/button.bb5b4909.js";
|
|
3
|
+
import { defineComponent as p, computed as i } from "vue";
|
|
4
|
+
import { B as u } from "./chunks/loading-button.fb025a2e.js";
|
|
5
|
+
import { a as k } from "./chunks/loading-button.fb025a2e.js";
|
|
6
6
|
import { n as f } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
|
|
7
7
|
import "./assets/index8.css";
|
|
8
8
|
var l = /* @__PURE__ */ ((n) => (n.BUTTONS_END = "buttons-end", n.FILL_CONTAINER = "fill-container", n.SPACE_BETWEEN = "space-between", n.VERTICAL_STACK = "vertical-stack", n))(l || {}), _ = /* @__PURE__ */ ((n) => (n.BUTTONS_START = "buttons-start", n))(_ || {});
|
|
9
|
-
const c = { ...l, ..._ },
|
|
9
|
+
const c = { ...l, ..._ }, g = p({
|
|
10
10
|
name: "bento-button-actions",
|
|
11
|
-
components: { BentoButton: v, BentoLoadingButton:
|
|
11
|
+
components: { BentoButton: v, BentoLoadingButton: u },
|
|
12
12
|
props: {
|
|
13
13
|
/**
|
|
14
14
|
* List of actions that will be used to render the buttons.
|
|
@@ -94,30 +94,32 @@ const c = { ...l, ..._ }, B = u({
|
|
|
94
94
|
var m = function() {
|
|
95
95
|
var t = this, s = t._self._c;
|
|
96
96
|
return t._self._setupProxy, s("div", { staticClass: "b-button-actions" }, [s("div", { staticClass: "b-button-actions__container-wrapper", class: t.conditionalClasses, attrs: { role: "group" } }, t._l(t.reversedActionsList, function(e, r) {
|
|
97
|
-
return s("div", { key: r, staticClass: "b-button-actions__button-wrapper" }, [e.state ? s("bento-loading-button", t._g({ attrs: {
|
|
98
|
-
return [s(e.icon, { tag: "component", attrs: { "svg-title": e.title } })];
|
|
97
|
+
return s("div", { key: r, staticClass: "b-button-actions__button-wrapper" }, [e.state ? s("bento-loading-button", t._g({ attrs: { condensed: e.condensed, disabled: e.disabled, inverse: t.inverse, state: e.state, variant: e.variant || t.generateButtonVariantByIndex(r) } }, t.generateButtonEvents(e)), [t._v(" " + t._s(e.title) + " ")]) : s("bento-button", t._g({ attrs: { condensed: e.condensed, critical: e.critical, disabled: e.disabled, inverse: t.inverse, link: e.link, variant: e.variant || t.generateButtonVariantByIndex(r) }, scopedSlots: t._u([e.icon || e.iconLeft ? { key: "iconLeft", fn: function() {
|
|
98
|
+
return [s(e.icon || e.iconLeft, { tag: "component", attrs: { "svg-title": e.title } })];
|
|
99
|
+
}, proxy: !0 } : null, e.iconRight ? { key: "iconRight", fn: function() {
|
|
100
|
+
return [s(e.iconRight, { tag: "component", attrs: { "svg-title": e.title } })];
|
|
99
101
|
}, proxy: !0 } : null], null, !0) }, t.generateButtonEvents(e)), [t._v(" " + t._s(e.title) + " ")])], 1);
|
|
100
102
|
}), 0)]);
|
|
101
|
-
},
|
|
102
|
-
B,
|
|
103
|
-
m,
|
|
103
|
+
}, B = [], y = /* @__PURE__ */ f(
|
|
104
104
|
g,
|
|
105
|
+
m,
|
|
106
|
+
B,
|
|
105
107
|
!1,
|
|
106
108
|
null,
|
|
107
|
-
"
|
|
109
|
+
"cabe4e52",
|
|
108
110
|
null,
|
|
109
111
|
null
|
|
110
112
|
);
|
|
111
|
-
const
|
|
113
|
+
const x = y.exports;
|
|
112
114
|
export {
|
|
113
115
|
v as BentoButton,
|
|
114
|
-
|
|
116
|
+
x as BentoButtonActions,
|
|
115
117
|
c as BentoButtonActionsLayout,
|
|
116
118
|
l as BentoButtonActionsLayoutBasic,
|
|
117
119
|
_ as BentoButtonActionsLayoutExtended,
|
|
118
|
-
|
|
120
|
+
I as BentoButtonPropClass,
|
|
119
121
|
o as BentoButtonVariant,
|
|
120
|
-
|
|
122
|
+
u as BentoLoadingButton,
|
|
121
123
|
k as BentoLoadingButtonState
|
|
122
124
|
};
|
|
123
125
|
//# sourceMappingURL=button.js.map
|
package/dist/button.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sources":["../src/components/button/components/button-actions/button-actions.types.ts","../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 :
|
|
1
|
+
{"version":3,"file":"button.js","sources":["../src/components/button/components/button-actions/button-actions.types.ts","../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 iconLeft?: VueNodeElement;\n iconRight?: 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 :condensed=\"button.condensed\"\n :disabled=\"button.disabled\"\n :inverse=\"inverse\"\n :state=\"button.state\"\n :variant=\"button.variant || generateButtonVariantByIndex(index)\"\n v-on=\"generateButtonEvents(button)\"\n >\n {{ button.title }}\n </bento-loading-button>\n <bento-button\n v-else\n :condensed=\"button.condensed\"\n :critical=\"button.critical\"\n :disabled=\"button.disabled\"\n :inverse=\"inverse\"\n :link=\"button.link\"\n :variant=\"button.variant || generateButtonVariantByIndex(index)\"\n v-on=\"generateButtonEvents(button)\"\n >\n <template v-if=\"button.icon || button.iconLeft\" #iconLeft>\n <component :is=\"button.icon || button.iconLeft\" :svg-title=\"button.title\"></component>\n </template>\n {{ button.title }}\n <template v-if=\"button.iconRight\" #iconRight>\n <component :is=\"button.iconRight\" :svg-title=\"button.title\"></component>\n </template>\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 { BentoButtonActionObject, 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 /**\n * Sets the Button Actions to color scheme inverse\n */\n inverse: {\n type: Boolean,\n default: false,\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 const generateButtonEvents = (button: BentoButtonActionObject) =>\n button?.event !== undefined\n ? {\n click: button.event,\n }\n : {};\n\n return {\n // Values\n conditionalClasses,\n reversedActionsList,\n\n // Methods\n generateButtonEvents,\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","button"],"mappings":";;;;;;;AAcY,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,GCkBPG,IAAAC,EAAA;AAAA,EAAA,MAAA;AAAA,EACA,YAAA,EAAA,aAAAC,GAAA,oBAAAC,EAAA;AAAA,EACA,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,IACA,SAAA;AAAA,MAoCA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IACA,QAAA;AAAA,MAYA,MAAA;AAAA,MACA,SAAAJ,EAAA;AAAA,MACA,WAAA,CAAAK,MAAA,OAAA,OAAAL,CAAA,EAAA,SAAAK,CAAA;AAAA,IAEA;AAAA;AAAA;AAAA;AAAA,IACA,SAAA;AAAA,MAKA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,MAAAC,GAAA;AAEA,UAAAC,IAAAC,EAAA,MAAAF,EAAA,QAAA,MAAA,EAAA,QAAA,CAAA,GACAG,IAAA,CAAAC,MAAA;AACA,YAAAC,IAAAL,EAAA,QAAA,SAAA;AACA,aAAAI,MAAAC,IAAAC,EAAA,UAAAA,EAAA;AAAA,IAAA;AAcA,WAAA;AAAA;AAAA,MAAA,oBAXAJ,EAAA,OAAA;AAAA,QAAA,CAAA,qBAAAF,EAAA,QAAA,GAAA;AAAA,MACA,EAAA;AAAA,MAYA,qBAAAC;AAAA;AAAA,MACA,sBAVA,CAAAM,OAAAA,KAAA,gBAAAA,EAAA,WAAA,SAAA;AAAA,QAEA,OAAAA,EAAA;AAAA,MACA,IAAA,CAAA;AAAA,MAUA,8BAAAJ;AAAA,IACA;AAAA,EACA;AAEA,CAAA;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/card.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as T, ref as h, watch as p, computed as n } from "vue";
|
|
2
|
-
import { B as H } from "./chunks/index.
|
|
2
|
+
import { B as H } from "./chunks/index.b0a89960.js";
|
|
3
3
|
import { a as I, C as D } from "./chunks/chevron-up.81185563.js";
|
|
4
4
|
import { u as M } from "./chunks/use-has-slot.fbeb19ec.js";
|
|
5
5
|
import { g as O } from "./chunks/unique-id.a2a2b458.js";
|
|
@@ -8,7 +8,7 @@ import { o as z } from "./chunks/resize.a041304d.js";
|
|
|
8
8
|
import { u as R } from "./chunks/use-expandable-content-height.62fc84e5.js";
|
|
9
9
|
import { BentoButtonActions as W, BentoButtonActionsLayout as y } from "./button.js";
|
|
10
10
|
import { n as F } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
|
|
11
|
-
import "./assets/
|
|
11
|
+
import "./assets/index10.css";
|
|
12
12
|
var u = /* @__PURE__ */ ((e) => (e.PRIMARY = "primary", e.SECONDARY = "secondary", e))(u || {}), i = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.SMALL = "small", e))(i || {});
|
|
13
13
|
const N = {
|
|
14
14
|
"en-US": {
|
package/dist/checkbox.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { B as
|
|
2
|
-
import { a as
|
|
3
|
-
import { defineComponent as
|
|
4
|
-
import { g } from "./chunks/unique-id.a2a2b458.js";
|
|
5
|
-
import { d as
|
|
6
|
-
import { u as
|
|
7
|
-
import { C as
|
|
8
|
-
import { E } from "./chunks/field-label.
|
|
9
|
-
import { n as
|
|
10
|
-
import "./assets/
|
|
1
|
+
import { B as y, b as l } from "./chunks/checkbox.c684c20a.js";
|
|
2
|
+
import { a as D } from "./chunks/checkbox.c684c20a.js";
|
|
3
|
+
import { defineComponent as g, toRef as v, computed as n, watch as c, ref as x } from "vue";
|
|
4
|
+
import { g as E } from "./chunks/unique-id.a2a2b458.js";
|
|
5
|
+
import { d as k } from "./chunks/index.b0a89960.js";
|
|
6
|
+
import { u as C } from "./chunks/use-form-layout-loading.d03e5d48.js";
|
|
7
|
+
import { C as S } from "./chunks/controls-group.d25f5044.js";
|
|
8
|
+
import { E as M } from "./chunks/field-label.a0c54b7d.js";
|
|
9
|
+
import { n as I } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
|
|
10
|
+
import "./assets/index11.css";
|
|
11
11
|
var s = /* @__PURE__ */ ((r) => (r.HORIZONTAL = "horizontal", r.VERTICAL = "vertical", r))(s || {});
|
|
12
|
-
const
|
|
13
|
-
name:
|
|
14
|
-
components: { BentoCheckbox:
|
|
12
|
+
const p = "bento-checkbox-group", T = g({
|
|
13
|
+
name: p,
|
|
14
|
+
components: { BentoCheckbox: y, ControlsGroup: S, ErrorMessage: M },
|
|
15
15
|
model: { prop: "modelValue" },
|
|
16
16
|
props: {
|
|
17
17
|
/**
|
|
@@ -78,25 +78,34 @@ const C = f({
|
|
|
78
78
|
validator: (r) => Object.values(s).includes(r)
|
|
79
79
|
}
|
|
80
80
|
},
|
|
81
|
-
emits: [
|
|
82
|
-
setup(r, { emit: e }) {
|
|
83
|
-
const
|
|
84
|
-
() => !r.disabled && !
|
|
85
|
-
),
|
|
86
|
-
() => !r.disabled && !
|
|
87
|
-
),
|
|
81
|
+
emits: [l.UPDATE, l.INPUT],
|
|
82
|
+
setup(r, { emit: e, slots: a }) {
|
|
83
|
+
const o = E("error"), { isReadOnly: u } = C(v(r, "readonly")), h = n(
|
|
84
|
+
() => !r.disabled && !u.value && (!!r.errorMessage || r.hasError)
|
|
85
|
+
), f = n(
|
|
86
|
+
() => !r.disabled && !u.value && !!r.errorMessage
|
|
87
|
+
), b = n(() => ({
|
|
88
88
|
"b-checkbox-group__checkboxes--horizontal": r.variant === s.HORIZONTAL
|
|
89
|
-
})),
|
|
90
|
-
|
|
89
|
+
})), i = (t) => !!a[t], m = n(() => i("content") && r.variant !== "vertical");
|
|
90
|
+
c(
|
|
91
|
+
m,
|
|
92
|
+
(t) => {
|
|
93
|
+
if (t)
|
|
94
|
+
throw new Error("The content slot is only available for the vertical checkbox group layout");
|
|
95
|
+
},
|
|
96
|
+
{ immediate: !0 }
|
|
97
|
+
);
|
|
98
|
+
const d = x(r.modelValue);
|
|
99
|
+
c(
|
|
91
100
|
() => r.modelValue,
|
|
92
101
|
() => {
|
|
93
|
-
|
|
102
|
+
d.value = r.modelValue;
|
|
94
103
|
}
|
|
95
104
|
);
|
|
96
|
-
const
|
|
97
|
-
|
|
105
|
+
const _ = (t) => {
|
|
106
|
+
d.value = t, e(l.UPDATE, t), e(l.INPUT, t);
|
|
98
107
|
};
|
|
99
|
-
return r.hasError &&
|
|
108
|
+
return r.hasError && k(
|
|
100
109
|
'BentoCheckboxGroup "hasError" property',
|
|
101
110
|
`Use the BentoCheckboxGroup "errorMessage" property instead to indicate that there is a modifier error.
|
|
102
111
|
Having the field as "undefined" will hide/remove the error.
|
|
@@ -104,40 +113,44 @@ const C = f({
|
|
|
104
113
|
"2.0.0"
|
|
105
114
|
), {
|
|
106
115
|
// Values
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
116
|
+
COMPONENT_NAME: p,
|
|
117
|
+
errorId: o,
|
|
118
|
+
isReadOnly: u,
|
|
119
|
+
shouldShowGroupError: h,
|
|
120
|
+
shouldShowGroupErrorMessage: f,
|
|
121
|
+
conditionalClasses: b,
|
|
122
|
+
inputValue: d,
|
|
123
|
+
hasContentSlot: i,
|
|
113
124
|
// Methods
|
|
114
|
-
onInput:
|
|
125
|
+
onInput: _
|
|
115
126
|
};
|
|
116
127
|
}
|
|
117
128
|
});
|
|
118
|
-
var
|
|
119
|
-
var e = this,
|
|
120
|
-
return e._self._setupProxy,
|
|
121
|
-
return
|
|
129
|
+
var B = function() {
|
|
130
|
+
var e = this, a = e._self._c;
|
|
131
|
+
return e._self._setupProxy, a("div", { staticClass: "b-checkbox-group" }, [a("controls-group", { staticClass: "b-checkbox-group__checkboxes", class: e.conditionalClasses, attrs: { "aria-describedby": e.shouldShowGroupErrorMessage ? e.errorId : "", "component-name": e.COMPONENT_NAME, description: e.description, disabled: e.disabled, form: e.formId, "hide-label": e.hideLabel, label: e.label, optional: e.optional, required: e.required, "tooltip-text": e.tooltipText } }, e._l(e.items, function(o) {
|
|
132
|
+
return a("bento-checkbox", { key: o.value, attrs: { "model-value": e.inputValue, value: o.value, disabled: e.disabled || o.disabled, "has-error": e.shouldShowGroupError || o.hasError, "error-message": e.shouldShowGroupError ? null : o.errorMessage, readonly: e.isReadOnly || o.readonly }, on: { "update:model-value": e.onInput }, scopedSlots: e._u([o.description ? { key: "description", fn: function() {
|
|
122
133
|
return [e._v(e._s(o.description))];
|
|
134
|
+
}, proxy: !0 } : null, e.hasContentSlot("content") ? { key: "content", fn: function() {
|
|
135
|
+
return [e._t("content", null, null, o)];
|
|
123
136
|
}, proxy: !0 } : null], null, !0) }, [e._v(" " + e._s(o.label) + " ")]);
|
|
124
|
-
}), 1), e.shouldShowGroupErrorMessage ?
|
|
125
|
-
},
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
137
|
+
}), 1), e.shouldShowGroupErrorMessage ? a("error-message", { staticClass: "b-checkbox-group__error-message", attrs: { id: e.errorId, "error-message": e.errorMessage } }) : e._e()], 1);
|
|
138
|
+
}, w = [], G = /* @__PURE__ */ I(
|
|
139
|
+
T,
|
|
140
|
+
B,
|
|
141
|
+
w,
|
|
129
142
|
!1,
|
|
130
143
|
null,
|
|
131
|
-
"
|
|
144
|
+
"5ba93f36",
|
|
132
145
|
null,
|
|
133
146
|
null
|
|
134
147
|
);
|
|
135
|
-
const
|
|
148
|
+
const q = G.exports;
|
|
136
149
|
export {
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
150
|
+
y as BentoCheckbox,
|
|
151
|
+
l as BentoCheckboxEvent,
|
|
152
|
+
q as BentoCheckboxGroup,
|
|
140
153
|
s as BentoCheckboxGroupVariant,
|
|
141
|
-
|
|
154
|
+
D as BentoCheckboxState
|
|
142
155
|
};
|
|
143
156
|
//# sourceMappingURL=checkbox.js.map
|
package/dist/checkbox.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.js","sources":["../src/components/checkbox/components/checkbox-group/checkbox-group.types.ts","../src/components/checkbox/components/checkbox-group/checkbox-group.vue"],"sourcesContent":["/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoCheckboxGroupVariant {\n HORIZONTAL = 'horizontal',\n VERTICAL = 'vertical',\n}\n\nexport interface BentoCheckboxGroupItem {\n value: string | number;\n label: string;\n description?: string;\n disabled?: boolean;\n hasError?: boolean;\n errorMessage?: string;\n readonly?: boolean;\n}\n\nexport type BentoCheckboxGroupItems = Array<BentoCheckboxGroupItem>;\n","<template>\n <div class=\"b-checkbox-group\">\n <controls-group\n class=\"b-checkbox-group__checkboxes\"\n :aria-describedby=\"shouldShowGroupErrorMessage ? errorId : ''\"\n :class=\"conditionalClasses\"\n :description=\"description\"\n :disabled=\"disabled\"\n :form=\"formId\"\n :hide-label=\"hideLabel\"\n :label=\"label\"\n :optional=\"optional\"\n :required=\"required\"\n :tooltip-text=\"tooltipText\"\n >\n <bento-checkbox\n v-for=\"item in items\"\n :key=\"item.value\"\n :model-value=\"inputValue\"\n :value=\"item.value\"\n :disabled=\"disabled || item.disabled\"\n :has-error=\"shouldShowGroupError || item.hasError\"\n :error-message=\"shouldShowGroupError ? null : item.errorMessage\"\n :readonly=\"isReadOnly || item.readonly\"\n @update:model-value=\"onInput\"\n >\n {{ item.label }}\n <template v-if=\"item.description\" #description>{{ item.description }}</template>\n </bento-checkbox>\n </controls-group>\n <error-message\n v-if=\"shouldShowGroupErrorMessage\"\n :id=\"errorId\"\n :error-message=\"errorMessage\"\n class=\"b-checkbox-group__error-message\"\n />\n </div>\n</template>\n\n<script lang=\"ts\">\n import { computed, defineComponent, PropType, ref, toRef, watch } from 'vue';\n import { ControlsGroup } from '@/components/internal/controls-group';\n import { ErrorMessage } from '@/components/internal/error-message';\n import { BentoCheckboxGroupItems, BentoCheckboxGroupVariant } from './checkbox-group.types';\n import BentoCheckbox from '@/components/checkbox/checkbox.vue';\n import { BentoCheckboxEvent } from '../../checkbox.types';\n import { generateUid } from '@/utils/ts/unique-id';\n import { deprecate } from '@/utils/ts/deprecate';\n import { useFormLayoutFieldLoading } from '@/composables/use-form-layout-loading/use-form-layout-loading';\n\n /**\n * A checkbox group component should be used whenever it is necessary to group a set of checkboxes that are related together\n * This component conforms to the official WAI-ARIA guidelines for grouping controls: https://www.w3.org/WAI/tutorials/forms/grouping/\n *\n * import { BentoCheckboxGroup } from '@adyen/bento-vue2/';\n *\n * export default {\n * components: { BentoCheckboxGroup },\n * template: `\n * <bento-checkbox-group\n * label=\"Your group label\"\n * :items=\"[\n * { value: 1, label: 'Your label' },\n * { value: 2, label: 'Another label', description: 'Your sub label' },\n * ]\"\n * />\n * `\n * };\n */\n export default defineComponent({\n name: 'bento-checkbox-group',\n components: { BentoCheckbox, ControlsGroup, ErrorMessage },\n model: { prop: 'modelValue' },\n props: {\n /**\n * Descriptive supporting text visbile underneath the label.\n */\n description: { type: String, default: null },\n\n /**\n * If set to true, renders all checkboxes in the group in a disabled state.\n */\n disabled: { type: Boolean, default: false },\n\n /**\n * Renders all checkboxes in an error state with an error message.\n */\n errorMessage: { type: String, default: null },\n\n /**\n * The form id the checkbox group is associated with. Defaults to null, as a checkbox group can also be used standalone.\n */\n formId: { type: String, default: null },\n\n /**\n * If set to true, renders all checkboxes in the group in an error state.\n *\n * @deprecated Use \"errorMessage\" prop instead\n */\n hasError: { type: Boolean, default: false },\n\n /**\n * Shows/hides the group label.\n */\n hideLabel: { type: Boolean, default: null },\n\n /**\n * The checkbox group's items.\n */\n items: { type: Array as PropType<BentoCheckboxGroupItems>, required: true },\n\n /**\n * The name associated with the group. Required for accessibility purposes.\n */\n label: { type: String, required: true },\n\n /**\n * Determines the initially selected value of the group. Corresponds to the BentoCheckboxButtonItem's value.\n * Defaults to no value selected.\n */\n modelValue: { type: Array<number | string | null>, default: () => [] },\n\n /**\n * Indicates the field is optional.\n */\n optional: { type: Boolean, default: false },\n\n /**\n * If set to true, renders all checkboxes in the group in a readonly state.\n */\n readonly: { type: Boolean, default: false },\n\n /**\n * Indicates the field is required.\n */\n required: { type: Boolean, default: false },\n\n /**\n * Tooltip message.\n */\n tooltipText: { type: String, default: null },\n\n /**\n * The checkbox group's layout. It can be vertical or horizontal. Defaults to vertical.\n */\n variant: {\n type: String as PropType<BentoCheckboxGroupVariant | `${BentoCheckboxGroupVariant}`>,\n default: BentoCheckboxGroupVariant.VERTICAL,\n validator: (value: BentoCheckboxGroupVariant) =>\n Object.values(BentoCheckboxGroupVariant).includes(value),\n },\n },\n emits: [BentoCheckboxEvent.UPDATE, BentoCheckboxEvent.INPUT],\n setup(props, { emit }) {\n const errorId = generateUid('error');\n const { isReadOnly } = useFormLayoutFieldLoading(toRef(props, 'readonly'));\n\n const shouldShowGroupError = computed(\n () => !props.disabled && !isReadOnly.value && (!!props.errorMessage || props.hasError)\n );\n const shouldShowGroupErrorMessage = computed(\n () => !props.disabled && !isReadOnly.value && !!props.errorMessage\n );\n\n const conditionalClasses = computed(() => ({\n 'b-checkbox-group__checkboxes--horizontal': props.variant === BentoCheckboxGroupVariant.HORIZONTAL,\n }));\n\n const inputValue = ref(props.modelValue);\n watch(\n () => props.modelValue,\n () => {\n inputValue.value = props.modelValue;\n }\n );\n\n const onInput = value => {\n inputValue.value = value;\n emit(BentoCheckboxEvent.UPDATE, value);\n emit(BentoCheckboxEvent.INPUT, value);\n };\n\n if (props.hasError) {\n deprecate(\n 'BentoCheckboxGroup \"hasError\" property',\n `Use the BentoCheckboxGroup \"errorMessage\" property instead to indicate that there is a modifier error.\n Having the field as \"undefined\" will hide/remove the error.\n <bento-checkbox-group errorMessage=\"Error message text\" />`,\n '2.0.0'\n );\n }\n\n return {\n // Values\n errorId,\n isReadOnly,\n shouldShowGroupError,\n shouldShowGroupErrorMessage,\n conditionalClasses,\n inputValue,\n\n // Methods\n onInput,\n };\n },\n });\n</script>\n\n<style lang=\"scss\" scoped src=\"./checkbox-group.scss\" />\n"],"names":["BentoCheckboxGroupVariant","BentoCheckboxGroupVariant2","_sfc_main","defineComponent","BentoCheckbox","ControlsGroup","ErrorMessage","value","BentoCheckboxEvent","props","emit","errorId","generateUid","isReadOnly","useFormLayoutFieldLoading","toRef","shouldShowGroupError","computed","shouldShowGroupErrorMessage","conditionalClasses","inputValue","ref","watch","onInput","deprecate"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"checkbox.js","sources":["../src/components/checkbox/components/checkbox-group/checkbox-group.types.ts","../src/components/checkbox/components/checkbox-group/checkbox-group.vue"],"sourcesContent":["/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoCheckboxGroupVariant {\n HORIZONTAL = 'horizontal',\n VERTICAL = 'vertical',\n}\n\nexport interface BentoCheckboxGroupItem {\n value: string | number;\n label: string;\n description?: string;\n disabled?: boolean;\n hasError?: boolean;\n errorMessage?: string;\n readonly?: boolean;\n}\n\nexport type BentoCheckboxGroupItems = Array<BentoCheckboxGroupItem>;\n","<template>\n <div class=\"b-checkbox-group\">\n <controls-group\n class=\"b-checkbox-group__checkboxes\"\n :aria-describedby=\"shouldShowGroupErrorMessage ? errorId : ''\"\n :component-name=\"COMPONENT_NAME\"\n :class=\"conditionalClasses\"\n :description=\"description\"\n :disabled=\"disabled\"\n :form=\"formId\"\n :hide-label=\"hideLabel\"\n :label=\"label\"\n :optional=\"optional\"\n :required=\"required\"\n :tooltip-text=\"tooltipText\"\n >\n <bento-checkbox\n v-for=\"item in items\"\n :key=\"item.value\"\n :model-value=\"inputValue\"\n :value=\"item.value\"\n :disabled=\"disabled || item.disabled\"\n :has-error=\"shouldShowGroupError || item.hasError\"\n :error-message=\"shouldShowGroupError ? null : item.errorMessage\"\n :readonly=\"isReadOnly || item.readonly\"\n @update:model-value=\"onInput\"\n >\n {{ item.label }}\n\n <template v-if=\"item.description\" #description>{{ item.description }}</template>\n\n <template v-if=\"hasContentSlot('content')\" #content>\n <slot name=\"content\" v-bind=\"item\"></slot>\n </template>\n </bento-checkbox>\n </controls-group>\n <error-message\n v-if=\"shouldShowGroupErrorMessage\"\n :id=\"errorId\"\n :error-message=\"errorMessage\"\n class=\"b-checkbox-group__error-message\"\n />\n </div>\n</template>\n\n<script lang=\"ts\">\n import { computed, defineComponent, PropType, ref, toRef, watch } from 'vue';\n import { ControlsGroup } from '@/components/internal/controls-group';\n import { ErrorMessage } from '@/components/internal/error-message';\n import { BentoCheckboxGroupItems, BentoCheckboxGroupVariant } from './checkbox-group.types';\n import BentoCheckbox from '@/components/checkbox/checkbox.vue';\n import { BentoCheckboxEvent } from '../../checkbox.types';\n import { generateUid } from '@/utils/ts/unique-id';\n import { deprecate } from '@/utils/ts/deprecate';\n import { useFormLayoutFieldLoading } from '@/composables/use-form-layout-loading/use-form-layout-loading';\n\n /**\n * The name of the component to be used in the Vue devtools and console warnings.\n */\n const COMPONENT_NAME = 'bento-checkbox-group';\n\n /**\n * A checkbox group component should be used whenever it is necessary to group a set of checkboxes that are related together\n * This component conforms to the official WAI-ARIA guidelines for grouping controls: https://www.w3.org/WAI/tutorials/forms/grouping/\n *\n * import { BentoCheckboxGroup } from '@adyen/bento-vue2/';\n *\n * export default {\n * components: { BentoCheckboxGroup },\n * template: `\n * <bento-checkbox-group\n * label=\"Your group label\"\n * :items=\"[\n * { value: 1, label: 'Your label' },\n * { value: 2, label: 'Another label', description: 'Your sub label' },\n * ]\"\n * />\n * `\n * };\n */\n export default defineComponent({\n name: COMPONENT_NAME,\n components: { BentoCheckbox, ControlsGroup, ErrorMessage },\n model: { prop: 'modelValue' },\n props: {\n /**\n * Descriptive supporting text visbile underneath the label.\n */\n description: { type: String, default: null },\n\n /**\n * If set to true, renders all checkboxes in the group in a disabled state.\n */\n disabled: { type: Boolean, default: false },\n\n /**\n * Renders all checkboxes in an error state with an error message.\n */\n errorMessage: { type: String, default: null },\n\n /**\n * The form id the checkbox group is associated with. Defaults to null, as a checkbox group can also be used standalone.\n */\n formId: { type: String, default: null },\n\n /**\n * If set to true, renders all checkboxes in the group in an error state.\n *\n * @deprecated Use \"errorMessage\" prop instead\n */\n hasError: { type: Boolean, default: false },\n\n /**\n * Shows/hides the group label.\n */\n hideLabel: { type: Boolean, default: null },\n\n /**\n * The checkbox group's items.\n */\n items: { type: Array as PropType<BentoCheckboxGroupItems>, required: true },\n\n /**\n * The name associated with the group. Required for accessibility purposes.\n */\n label: { type: String, required: true },\n\n /**\n * Determines the initially selected value of the group. Corresponds to the BentoCheckboxButtonItem's value.\n * Defaults to no value selected.\n */\n modelValue: { type: Array<number | string | null>, default: () => [] },\n\n /**\n * Indicates the field is optional.\n */\n optional: { type: Boolean, default: false },\n\n /**\n * If set to true, renders all checkboxes in the group in a readonly state.\n */\n readonly: { type: Boolean, default: false },\n\n /**\n * Indicates the field is required.\n */\n required: { type: Boolean, default: false },\n\n /**\n * Tooltip message.\n */\n tooltipText: { type: String, default: null },\n\n /**\n * The checkbox group's layout. It can be vertical or horizontal. Defaults to vertical.\n */\n variant: {\n type: String as PropType<BentoCheckboxGroupVariant | `${BentoCheckboxGroupVariant}`>,\n default: BentoCheckboxGroupVariant.VERTICAL,\n validator: (value: BentoCheckboxGroupVariant) =>\n Object.values(BentoCheckboxGroupVariant).includes(value),\n },\n },\n emits: [BentoCheckboxEvent.UPDATE, BentoCheckboxEvent.INPUT],\n setup(props, { emit, slots }) {\n const errorId = generateUid('error');\n const { isReadOnly } = useFormLayoutFieldLoading(toRef(props, 'readonly'));\n\n const shouldShowGroupError = computed(\n () => !props.disabled && !isReadOnly.value && (!!props.errorMessage || props.hasError)\n );\n const shouldShowGroupErrorMessage = computed(\n () => !props.disabled && !isReadOnly.value && !!props.errorMessage\n );\n\n const conditionalClasses = computed(() => ({\n 'b-checkbox-group__checkboxes--horizontal': props.variant === BentoCheckboxGroupVariant.HORIZONTAL,\n }));\n\n // Slots logic\n // Temporary, use-has-slots composable doesn't currently work for\n // vue3 named scoped slots\n const hasContentSlot = name => !!slots[name];\n const shouldShowSlotsError = computed(() => hasContentSlot('content') && props.variant !== 'vertical');\n\n watch(\n shouldShowSlotsError,\n newValue => {\n if (newValue) {\n throw new Error('The content slot is only available for the vertical checkbox group layout');\n }\n },\n { immediate: true }\n );\n\n const inputValue = ref(props.modelValue);\n watch(\n () => props.modelValue,\n () => {\n inputValue.value = props.modelValue;\n }\n );\n\n const onInput = value => {\n inputValue.value = value;\n emit(BentoCheckboxEvent.UPDATE, value);\n emit(BentoCheckboxEvent.INPUT, value);\n };\n\n if (props.hasError) {\n deprecate(\n 'BentoCheckboxGroup \"hasError\" property',\n `Use the BentoCheckboxGroup \"errorMessage\" property instead to indicate that there is a modifier error.\n Having the field as \"undefined\" will hide/remove the error.\n <bento-checkbox-group errorMessage=\"Error message text\" />`,\n '2.0.0'\n );\n }\n\n return {\n // Values\n COMPONENT_NAME,\n errorId,\n isReadOnly,\n shouldShowGroupError,\n shouldShowGroupErrorMessage,\n conditionalClasses,\n inputValue,\n hasContentSlot,\n\n // Methods\n onInput,\n };\n },\n });\n</script>\n\n<style lang=\"scss\" scoped src=\"./checkbox-group.scss\" />\n"],"names":["BentoCheckboxGroupVariant","BentoCheckboxGroupVariant2","COMPONENT_NAME","_sfc_main","defineComponent","BentoCheckbox","ControlsGroup","ErrorMessage","value","BentoCheckboxEvent","props","emit","slots","errorId","generateUid","isReadOnly","useFormLayoutFieldLoading","toRef","shouldShowGroupError","computed","shouldShowGroupErrorMessage","conditionalClasses","hasContentSlot","name","shouldShowSlotsError","watch","newValue","inputValue","ref","onInput","deprecate"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as b, computed as r, ref as _ } from "vue";
|
|
2
|
-
import { B as d } from "./index.
|
|
2
|
+
import { B as d } from "./index.b0a89960.js";
|
|
3
3
|
import { u as f } from "./use-has-slot.fbeb19ec.js";
|
|
4
4
|
import { n as p } from "./_plugin-vue2_normalizer.71e2aa87.js";
|
|
5
5
|
import "../assets/base-button.css";
|
|
@@ -85,4 +85,4 @@ export {
|
|
|
85
85
|
U as B,
|
|
86
86
|
s as a
|
|
87
87
|
};
|
|
88
|
-
//# sourceMappingURL=base-button.
|
|
88
|
+
//# sourceMappingURL=base-button.bd61ab14.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base-button.
|
|
1
|
+
{"version":3,"file":"base-button.bd61ab14.js","sources":["../../src/components/internal/base-button/base-button.types.ts","../../src/components/internal/base-button/base-button.vue"],"sourcesContent":["export enum BentoBaseButtonPropClass {\n DESTRUCTIVE = 'critical',\n ICON_ONLY = 'icon-only',\n}\n\nexport enum BentoBaseButtonEvent {\n BLUR = 'blur',\n CLICK = 'click',\n FOCUS = 'focus',\n KEYDOWN_ESC = 'keydown.esc',\n}\n\nexport enum BaseButtonType {\n BUTTON = 'button',\n RESET = 'reset',\n SUBMIT = 'submit',\n}\n","<template>\n <button\n ref=\"bentoBaseButtonRef\"\n class=\"b-base-button\"\n :class=\"conditionalClasses\"\n :disabled=\"disabled\"\n :type=\"type\"\n :aria-expanded=\"ariaAttributes['aria-expanded']\"\n @click=\"onClickButton\"\n @focus=\"onFocusButton\"\n @blur=\"onBlurButton\"\n >\n <span v-if=\"hasSlot('iconLeft')\" class=\"b-base-button__icon-left\" data-testid=\"icon-button-left\">\n <slot name=\"iconLeft\" />\n </span>\n <bento-typography v-if=\"hasSlot('default')\" el=\"span\" variant=\"body\" stronger class=\"b-base-button__label\">\n <slot />\n </bento-typography>\n <span v-if=\"hasSlot('iconRight')\" class=\"b-base-button__icon-right\" data-testid=\"icon-button-right\">\n <slot name=\"iconRight\" />\n </span>\n </button>\n</template>\n\n<script lang=\"ts\">\n import { computed, defineComponent, PropType, ref } from 'vue';\n import { BentoBaseButtonEvent, BentoBaseButtonPropClass } from './base-button.types';\n import type { ButtonHTMLAttributes } from 'vue/types/jsx';\n import { BentoTypography } from '@/components/typography';\n import { useHasSlot } from '@/composables';\n import { Booleanish } from '@/types';\n\n /**\n * Base button component to use as a base for all the various types of bento buttons. For internal use only.\n *\n * * @example\n * import { BaseButton, BaseButtonEvent } from '@/components/internal/base-button';\n * import YourImportedIcon from @adyen/ui-assets-icons-16/example-icon';\n *\n * export default {\n * components: { BaseButton, YourImportedIcon },\n * props: {\n * text:\n * },\n * template: `\n * <base-button class=\"your-custom-button-styles\" @click=\"onClick\">\n * <template #iconLeft><your-imported-icon></template>\n * Button text\n * <template #iconRight><your-imported-icon></template>\n * </base-button>\n * `,\n * emits: [BentoButtonEvent.CLICK],\n * setup: (prps, { emit }) => {\n * const onClick = value => emit(BaseButtonEvent.CLICK, value);\n *\n * return {\n * onClick,\n * };\n * }\n * }\n */\n export default defineComponent({\n name: 'base-button',\n components: { BentoTypography },\n props: {\n /**\n * Disables button functionality\n */\n disabled: {\n type: Boolean,\n default: false,\n },\n /**\n * Displays button as critical\n */\n critical: {\n type: Boolean,\n default: false,\n },\n /**\n * The default behavior of the button.\n * Possible values are: 'button', 'reset', 'submit'\n */\n type: {\n type: String as PropType<ButtonHTMLAttributes['type']>,\n default: 'button',\n },\n },\n emits: [\n BentoBaseButtonEvent.CLICK,\n BentoBaseButtonEvent.FOCUS,\n BentoBaseButtonEvent.BLUR,\n BentoBaseButtonEvent.KEYDOWN_ESC,\n ],\n setup(props, { slots, emit, attrs }) {\n const ariaAttributes = computed(() => ({\n 'aria-expanded': attrs['aria-expanded']?.toString() as Booleanish,\n }));\n\n const bentoBaseButtonRef = ref(null);\n\n const conditionalClasses = computed(() => ({\n [`b-base-button--${BentoBaseButtonPropClass.DESTRUCTIVE}`]: props.critical,\n [`b-base-button--${BentoBaseButtonPropClass.ICON_ONLY}`]: !slots.default,\n }));\n\n const onClickButton = (e: MouseEvent) => {\n if (!props.disabled) {\n emit(BentoBaseButtonEvent.CLICK, e);\n } else {\n e.preventDefault();\n e.stopPropagation();\n }\n };\n\n const onFocusButton = (e: FocusEvent) => {\n emit(BentoBaseButtonEvent.FOCUS, e);\n };\n\n const onBlurButton = (e: FocusEvent) => {\n emit(BentoBaseButtonEvent.BLUR, e);\n };\n\n return {\n // Values\n ariaAttributes,\n conditionalClasses,\n\n // Methods\n onClickButton,\n onFocusButton,\n onBlurButton,\n hasSlot: useHasSlot(slots),\n\n // Refs\n bentoBaseButtonRef,\n };\n },\n });\n</script>\n\n<style lang=\"scss\" scoped src=\"./base-button.scss\" />\n"],"names":["BentoBaseButtonPropClass","BentoBaseButtonPropClass2","BentoBaseButtonEvent","BentoBaseButtonEvent2","_sfc_main","defineComponent","BentoTypography","props","slots","emit","attrs","ariaAttributes","computed","_a","bentoBaseButtonRef","ref","conditionalClasses","e","useHasSlot"],"mappings":";;;;;AAAY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,cAAA,YACAA,EAAA,YAAA,aAFQA,IAAAD,KAAA,CAAA,CAAA,GAKAE,IAAA,kBAAAC,OACRA,EAAA,OAAA,QACAA,EAAA,QAAA,SACAA,EAAA,QAAA,SACAA,EAAA,cAAA,eAJQA,IAAAD,KAAA,CAAA,CAAA;ACwDZ,MAAAE,IAAAC,EAAA;AAAA,EAAA,MAAA;AAAA,EACA,YAAA,EAAA,iBAAAC,EAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA,IACA,UAAA;AAAA,MAIA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,UAAA;AAAA,MAIA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IACA,MAAA;AAAA,MAKA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,OAAA;AAAA,IACAJ,EAAA;AAAA,IACAA,EAAA;AAAA,IACAA,EAAA;AAAA,IACAA,EAAA;AAAA,EACA;AAAA,EACA,MAAAK,GAAA,EAAA,OAAAC,GAAA,MAAAC,GAAA,OAAAC,EAAA,GAAA;AAEA,UAAAC,IAAAC,EAAA,MAAA;;AAAA;AAAA,QAAA,kBAAAC,IAAAH,EAAA,eAAA,MAAA,gBAAAG,EAAA;AAAA,MACA;AAAA,KAAA,GAGAC,IAAAC,EAAA,IAAA,GAEAC,IAAAJ,EAAA,OAAA;AAAA,MAAA,CAAA,kBAAAZ,EAAA,aAAA,GAAAO,EAAA;AAAA,MACA,CAAA,kBAAAP,EAAA,WAAA,GAAA,CAAAQ,EAAA;AAAA,IACA,EAAA;AAoBA,WAAA;AAAA;AAAA,MAAA,gBAAAG;AAAA,MAEA,oBAAAK;AAAA;AAAA,MACA,eApBA,CAAAC,MAAA;AACA,QAAAV,EAAA,YAGAU,EAAA,eAAA,GACAA,EAAA,gBAAA,KAHAR,EAAAP,EAAA,OAAAe,CAAA;AAAA,MAIA;AAAA,MAiBA,eAdA,CAAAA,MAAA;AACA,QAAAR,EAAAP,EAAA,OAAAe,CAAA;AAAA,MAAA;AAAA,MAcA,cAXA,CAAAA,MAAA;AACA,QAAAR,EAAAP,EAAA,MAAAe,CAAA;AAAA,MAAA;AAAA,MAWA,SAAAC,EAAAV,CAAA;AAAA;AAAA,MACA,oBAAAM;AAAA,IAGA;AAAA,EACA;AAEA,CAAA;;;;;;;;;;;;;;;"}
|