@adyen/bento-vue2 1.1.0 → 1.2.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/packages/vue2/src/components/alert/alert.vue.d.ts +15 -11
- package/dist/@types/packages/vue2/src/components/avatar-image/avatar-image.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/button/button.vue.d.ts +14 -14
- package/dist/@types/packages/vue2/src/components/button/components/button-actions/button-actions.types.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/button/components/button-actions/button-actions.vue.d.ts +4 -4
- package/dist/@types/packages/vue2/src/components/button/components/loading-button/loading-button.vue.d.ts +4 -4
- package/dist/@types/packages/vue2/src/components/button/index.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/card/card.vue.d.ts +20 -16
- package/dist/@types/packages/vue2/src/components/checkbox/checkbox.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/checkbox/components/checkbox-group/checkbox-group.vue.d.ts +3 -3
- package/dist/@types/packages/vue2/src/components/code-snippet/code-snippet.vue.d.ts +13 -9
- package/dist/@types/packages/vue2/src/components/code-snippet/composables/useLanguage.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/country/composables/useCountryCapital/useCountryCapital.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/country/composables/useCountryName/useCountryName.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/country/composables/useCountryPhoneCode/useCountryPhoneCode.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/country/country.vue.d.ts +9 -7
- package/dist/@types/packages/vue2/src/components/currency/currency.vue.d.ts +5 -5
- package/dist/@types/packages/vue2/src/components/data-grid/components/data-grid-columns/data-grid-columns.vue.d.ts +3 -3
- package/dist/@types/packages/vue2/src/components/data-grid/components/data-grid-config-settings/components/data-grid-config-settings-column-row/data-grid-config-settings-column-row.vue.d.ts +4 -4
- package/dist/@types/packages/vue2/src/components/data-grid/components/data-grid-config-settings/data-grid-config-settings.vue.d.ts +4 -4
- package/dist/@types/packages/vue2/src/components/data-grid/composables/useCalculateColumnWidth/useCalculateColumnWidth.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/data-grid/composables/useColumnReorderer/useColumnReorderer.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/data-grid/composables/useConfigSettings/useConfigSettings.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/data-grid/data-grid.types.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/data-grid/data-grid.vue.d.ts +3 -3
- package/dist/@types/packages/vue2/src/components/date/date.vue.d.ts +7 -5
- package/dist/@types/packages/vue2/src/components/date-picker/date-picker.types.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/date-picker/date-picker.vue.d.ts +10 -10
- package/dist/@types/packages/vue2/src/components/date-range-picker/components/date-range-picker-calendar/date-range-picker-calendar.vue.d.ts +13 -13
- package/dist/@types/packages/vue2/src/components/date-range-picker/composables/use-date-range-picker-calendar-text.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/date-range-picker/date-range-picker.types.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/date-range-picker/date-range-picker.vue.d.ts +10 -10
- 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 +2 -2
- package/dist/@types/packages/vue2/src/components/dropdown/components/dropdown-default-textbox/dropdown-default-textbox.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/dropdown/components/dropdown-options-container/composables/useDropdownOptionsListbox.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/dropdown/components/dropdown-options-container/dropdown-options-container.vue.d.ts +87 -85
- package/dist/@types/packages/vue2/src/components/dropdown/components/dropdown-small-textbox/dropdown-small-textbox.vue.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/dropdown/components/variants/dropdown-avatar/dropdown-avatar.types.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/dropdown/components/variants/dropdown-avatar/dropdown-avatar.vue.d.ts +18 -16
- package/dist/@types/packages/vue2/src/components/dropdown/components/variants/dropdown-country/composables/useCountryItems.d.ts +3 -3
- package/dist/@types/packages/vue2/src/components/dropdown/components/variants/dropdown-country/dropdown-country.types.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/dropdown/components/variants/dropdown-country/dropdown-country.vue.d.ts +22 -20
- package/dist/@types/packages/vue2/src/components/dropdown/components/variants/dropdown-currency/dropdown-currency.types.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/dropdown/components/variants/dropdown-currency/dropdown-currency.vue.d.ts +17 -15
- package/dist/@types/packages/vue2/src/components/dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.types.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.vue.d.ts +17 -15
- package/dist/@types/packages/vue2/src/components/dropdown/components/variants/dropdown-tag/dropdown-tag.types.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/dropdown/components/variants/dropdown-tag/dropdown-tag.vue.d.ts +8 -6
- package/dist/@types/packages/vue2/src/components/dropdown/composables/useDisplayValue.types.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/dropdown/composables/useDropdownSearchFilter.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/dropdown/dropdown.types.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/dropdown/dropdown.vue.d.ts +14 -12
- package/dist/@types/packages/vue2/src/components/filter-bar/components/all-filters-modal/all-filters-modal.vue.d.ts +26 -26
- package/dist/@types/packages/vue2/src/components/filter-bar/components/base-filter/base-filter.vue.d.ts +7 -7
- package/dist/@types/packages/vue2/src/components/filter-bar/components/base-filter-button/base-filter-button.vue.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/filter-bar/components/date-range-filter/date-range-filter.vue.d.ts +9 -9
- package/dist/@types/packages/vue2/src/components/filter-bar/components/range-filter/range-filter.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/select-filter.vue.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/variants/select-avatar-filter/select-avatar-filter.vue.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/variants/select-country-filter/select-country-filter.vue.d.ts +8 -8
- package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/variants/select-currency-filter/select-currency-filter.vue.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/variants/select-payment-method-filter/select-payment-method-filter.vue.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/variants/select-tag-filter/select-tag-filter.vue.d.ts +7 -7
- package/dist/@types/packages/vue2/src/components/filter-bar/filter-bar.types.d.ts +10 -10
- package/dist/@types/packages/vue2/src/components/filter-bar/filter-bar.vue.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/header/header.vue.d.ts +5 -5
- package/dist/@types/packages/vue2/src/components/info-icon/info-icon.vue.d.ts +8 -6
- package/dist/@types/packages/vue2/src/components/input-field/input-field.types.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/input-field/input-field.vue.d.ts +23 -15
- package/dist/@types/packages/vue2/src/components/internal/avatar/avatar.vue.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/internal/base-button/base-button.vue.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/internal/calendar/components/calendar-month/calendar-month.vue.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/internal/calendar/components/calendar-month/components/calendar-month-day/calendar-month-day.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/internal/controls-group/controls-group.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/internal/copy/copy.vue.d.ts +4 -4
- package/dist/@types/packages/vue2/src/components/internal/footer-actions/footer-actions.vue.d.ts +1 -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 +2 -2
- package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-multi-select/components/listbox-multi-select-options/listbox-multi-select-options.vue.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-multi-select/listbox-multi-select.vue.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-option/listbox-option.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-option-tag/listbox-option-tag.vue.d.ts +3 -3
- package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-single-select/listbox-single-select.vue.d.ts +4 -4
- package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-single-select-option/listbox-single-select-option.vue.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/internal/listbox/listbox.vue.d.ts +11 -9
- package/dist/@types/packages/vue2/src/components/link/index.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/link/link.vue.d.ts +3 -3
- package/dist/@types/packages/vue2/src/components/menu/components/menu-item/menu-item.types.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/menu/components/menu-item/menu-item.vue.d.ts +3 -3
- package/dist/@types/packages/vue2/src/components/menu/menu.vue.d.ts +5 -5
- package/dist/@types/packages/vue2/src/components/modal/components/base-modal/__mocks__/base-modal.vue.d.ts +3 -3
- package/dist/@types/packages/vue2/src/components/modal/components/base-modal/base-modal.vue.d.ts +4 -4
- package/dist/@types/packages/vue2/src/components/modal/components/modal-default/modal-default.vue.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/modal/components/modal-dialog/modal-dialog.vue.d.ts +7 -7
- package/dist/@types/packages/vue2/src/components/modal/modal.vue.d.ts +24 -16
- package/dist/@types/packages/vue2/src/components/pagination/components/pagination-context/pagination-context.vue.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/pagination/components/pagination-controls/pagination-controls.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/pagination/components/pagination-results-per-page/pagination-results-per-page.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/payment-method/composables/usePaymentIcon.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/payment-method/payment-method.vue.d.ts +6 -4
- package/dist/@types/packages/vue2/src/components/popover/components/popover-dismiss-button/popover-dismiss-button.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/popover/components/popover-title/popover-title.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/popover/popover.vue.d.ts +12 -12
- package/dist/@types/packages/vue2/src/components/popper-container/popper-container.utils.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/popper-container/popper-container.vue.d.ts +4 -4
- package/dist/@types/packages/vue2/src/components/radio-group/components/radio-button/radio-button.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/radio-group/radio-group.vue.d.ts +3 -3
- package/dist/@types/packages/vue2/src/components/search-bar/search-bar.vue.d.ts +62 -46
- package/dist/@types/packages/vue2/src/components/segmented-control/components/segmented-control-button/segmented-control-button.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/status/status.vue.d.ts +3 -3
- package/dist/@types/packages/vue2/src/components/structured-list/components/structered-list-item/structured-list-item.vue.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/summary-grid/components/summary-grid-item/summary-grid-item.vue.d.ts +38 -30
- package/dist/@types/packages/vue2/src/components/summary-grid/components/summary-grid-item-amount/summary-grid-item-amount.vue.d.ts +16 -10
- package/dist/@types/packages/vue2/src/components/summary-grid/components/summary-grid-item-numeric/summary-grid-item-numeric.vue.d.ts +16 -10
- package/dist/@types/packages/vue2/src/components/summary-grid/components/summary-grid-item-percentage/summary-grid-item-percentage.vue.d.ts +16 -10
- package/dist/@types/packages/vue2/src/components/summary-grid/summary-grid.types.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/tabs/tabs.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/tag/tag.vue.d.ts +5 -5
- package/dist/@types/packages/vue2/src/components/textarea/textarea.vue.d.ts +8 -6
- package/dist/@types/packages/vue2/src/components/timeline/components/timeline-item/timeline-item.vue.d.ts +20 -20
- package/dist/@types/packages/vue2/src/components/timeline/timeline.types.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/toast/components/toast-item/toast-item.vue.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/toggle/toggle.types.d.ts +4 -0
- package/dist/@types/packages/vue2/src/components/toggle/toggle.vue.d.ts +9 -9
- package/dist/@types/packages/vue2/src/components/tooltip/tooltip.vue.d.ts +25 -25
- package/dist/@types/packages/vue2/src/components/typography/typography.vue.d.ts +6 -6
- package/dist/@types/packages/vue2/src/composables/initials.d.ts +1 -1
- package/dist/@types/packages/vue2/src/composables/use-checkbox-select-all/use-checkbox-select-all.d.ts +2 -2
- package/dist/@types/packages/vue2/src/composables/useDynamicImport.d.ts +1 -1
- package/dist/@types/packages/vue2/src/directives/click-outside/on-click-outside.d.ts +1 -1
- package/dist/@types/packages/vue2/src/directives/click-outside/types.d.ts +1 -1
- package/dist/@types/packages/vue2/src/directives/click-outside/useEventListener/index.d.ts +1 -1
- package/dist/@types/packages/vue2/src/directives/click-outside/utils.d.ts +1 -1
- package/dist/@types/packages/vue2/src/directives/tooltip/tooltip.types.d.ts +1 -1
- package/dist/@types/packages/vue2/src/plugins/toastController.d.ts +1 -1
- package/dist/@types/packages/vue2/src/types/index.d.ts +0 -1
- package/dist/@types/packages/vue2/src/types/listbox.d.ts +1 -1
- package/dist/@types/packages/vue2/src/utils/ts/aria-label.d.ts +1 -1
- package/dist/@types/packages/vue2/src/utils/ts/events.d.ts +1 -1
- package/dist/@types/packages/vue2/src/utils/ts/focus-trap.utils.d.ts +1 -1
- package/dist/accordion.js +1 -1
- package/dist/alert.js +34 -32
- package/dist/alert.js.map +1 -1
- package/dist/assets/button-actions.css +1 -1
- package/dist/assets/button.css +1 -1
- package/dist/assets/dropdown.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/index23.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/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/avatar-image.js +1 -1
- package/dist/button.js +3 -3
- package/dist/card.js +60 -51
- package/dist/card.js.map +1 -1
- package/dist/checkbox.js +10 -10
- package/dist/checkbox.js.map +1 -1
- package/dist/chunks/{base-button.e7630a1d.js → base-button.d4487ac9.js} +2 -2
- package/dist/chunks/{base-button.e7630a1d.js.map → base-button.d4487ac9.js.map} +1 -1
- package/dist/chunks/{button-actions.03751d96.js → button-actions.cf73ed47.js} +10 -10
- package/dist/chunks/{button-actions.03751d96.js.map → button-actions.cf73ed47.js.map} +1 -1
- package/dist/chunks/{button.f64585fc.js → button.c27a7ce2.js} +11 -11
- package/dist/chunks/button.c27a7ce2.js.map +1 -0
- package/dist/chunks/{calendar.c9cfce76.js → calendar.8f50a65a.js} +4 -4
- package/dist/chunks/{calendar.c9cfce76.js.map → calendar.8f50a65a.js.map} +1 -1
- package/dist/chunks/{checkbox.27fae2af.js → checkbox.c06daf12.js} +3 -3
- package/dist/chunks/{checkbox.27fae2af.js.map → checkbox.c06daf12.js.map} +1 -1
- package/dist/chunks/{controls-group.e4745546.js → controls-group.9d58a091.js} +2 -2
- package/dist/chunks/{controls-group.e4745546.js.map → controls-group.9d58a091.js.map} +1 -1
- package/dist/chunks/{copy.888486ff.js → copy.b62beae5.js} +3 -3
- package/dist/chunks/{copy.888486ff.js.map → copy.b62beae5.js.map} +1 -1
- package/dist/chunks/{dropdown-default-textbox.e425fc5b.js → dropdown-default-textbox.a5eca928.js} +2 -2
- package/dist/chunks/{dropdown-default-textbox.e425fc5b.js.map → dropdown-default-textbox.a5eca928.js.map} +1 -1
- package/dist/chunks/{dropdown.e298bb6c.js → dropdown.368486b1.js} +60 -58
- package/dist/chunks/dropdown.368486b1.js.map +1 -0
- package/dist/chunks/{error-message.4269d92b.js → error-message.a581a172.js} +2 -2
- package/dist/chunks/{error-message.4269d92b.js.map → error-message.a581a172.js.map} +1 -1
- package/dist/chunks/{index.e1fcc9e0.js → index.175f9e2d.js} +3 -3
- package/dist/chunks/index.175f9e2d.js.map +1 -0
- package/dist/chunks/{index.ada08445.js → index.3b6fc08a.js} +6 -6
- package/dist/chunks/{index.ada08445.js.map → index.3b6fc08a.js.map} +1 -1
- package/dist/chunks/{index.7bbd6611.js → index.3dfea3bd.js} +3 -3
- package/dist/chunks/{index.7bbd6611.js.map → index.3dfea3bd.js.map} +1 -1
- package/dist/chunks/{index.96e2f563.js → index.ad39b625.js} +2 -2
- package/dist/chunks/{index.96e2f563.js.map → index.ad39b625.js.map} +1 -1
- package/dist/chunks/{index.8d590c55.js → index.d07f9800.js} +33 -32
- package/dist/chunks/{index.8d590c55.js.map → index.d07f9800.js.map} +1 -1
- package/dist/chunks/{index.bc51abe9.js → index.f0d99471.js} +8 -8
- package/dist/chunks/{index.bc51abe9.js.map → index.f0d99471.js.map} +1 -1
- package/dist/chunks/{listbox-option-tag.aae99730.js → listbox-option-tag.c7e9a228.js} +3 -3
- package/dist/chunks/{listbox-option-tag.aae99730.js.map → listbox-option-tag.c7e9a228.js.map} +1 -1
- package/dist/chunks/{listbox.99d23071.js → listbox.f51e92cd.js} +28 -27
- package/dist/chunks/{listbox.99d23071.js.map → listbox.f51e92cd.js.map} +1 -1
- package/dist/chunks/{loading-button.f7768964.js → loading-button.6d34f66f.js} +2 -2
- package/dist/chunks/{loading-button.f7768964.js.map → loading-button.6d34f66f.js.map} +1 -1
- package/dist/chunks/{tooltip.1e7cda50.js → tooltip.9af34fba.js} +2 -2
- package/dist/chunks/{tooltip.1e7cda50.js.map → tooltip.9af34fba.js.map} +1 -1
- package/dist/chunks/useCountryItems.5d7b436e.js.map +1 -1
- package/dist/code-snippet.js +132 -130
- package/dist/code-snippet.js.map +1 -1
- package/dist/country.js +17 -16
- package/dist/country.js.map +1 -1
- package/dist/currency.js +1 -1
- package/dist/currency.js.map +1 -1
- package/dist/data-grid.js +112 -112
- package/dist/data-grid.js.map +1 -1
- package/dist/date-picker.js +7 -7
- package/dist/date-range-picker.js +2 -2
- package/dist/date.js +1 -1
- package/dist/divider.js +1 -1
- package/dist/dropdown.js +3 -3
- package/dist/dropdown.js.map +1 -1
- package/dist/filter-bar.js +13 -13
- package/dist/filter-bar.js.map +1 -1
- package/dist/focus-trap.js +1 -1
- package/dist/header.js +30 -30
- package/dist/header.js.map +1 -1
- package/dist/index.js +147 -147
- package/dist/info-icon.js +13 -12
- package/dist/info-icon.js.map +1 -1
- package/dist/input-field.js +45 -41
- package/dist/input-field.js.map +1 -1
- package/dist/internal.js +6 -6
- package/dist/link.js +12 -12
- package/dist/link.js.map +1 -1
- package/dist/loading-indicator.js +1 -1
- package/dist/menu.js +5 -5
- package/dist/menu.js.map +1 -1
- package/dist/modal.js +85 -81
- package/dist/modal.js.map +1 -1
- package/dist/pagination.js +4 -4
- package/dist/payment-method.js +12 -11
- package/dist/payment-method.js.map +1 -1
- package/dist/popover.js +5 -5
- package/dist/popover.js.map +1 -1
- package/dist/popper-container.js +14 -14
- package/dist/popper-container.js.map +1 -1
- package/dist/radio-group.js +14 -14
- package/dist/radio-group.js.map +1 -1
- package/dist/search-bar.js +2 -2
- package/dist/segmented-control.js +4 -4
- package/dist/status.js +9 -9
- package/dist/status.js.map +1 -1
- package/dist/structured-list.js +1 -1
- package/dist/summary-grid.js +101 -88
- package/dist/summary-grid.js.map +1 -1
- package/dist/tabs.js +2 -2
- package/dist/tag.js +13 -13
- package/dist/tag.js.map +1 -1
- package/dist/textarea.js +27 -23
- package/dist/textarea.js.map +1 -1
- package/dist/timeline.js +6 -6
- package/dist/timeline.js.map +1 -1
- package/dist/toast.js +3 -3
- package/dist/toggle.js +117 -2
- package/dist/toggle.js.map +1 -1
- package/dist/typography.js +1 -1
- package/dist/web-types.json +60 -60
- package/package.json +4 -3
- package/dist/@types/packages/vue2/src/types/label-position.d.ts +0 -4
- package/dist/chunks/button.f64585fc.js.map +0 -1
- package/dist/chunks/dropdown.e298bb6c.js.map +0 -1
- package/dist/chunks/index.4ec4409f.js +0 -121
- package/dist/chunks/index.4ec4409f.js.map +0 -1
- package/dist/chunks/index.e1fcc9e0.js.map +0 -1
package/dist/assets/index39.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
@charset "UTF-8";.b-input-field[data-v-333272c4]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column}.b-input-field[data-v-333272c4],.b-input-field[data-v-333272c4]:before,.b-input-field[data-v-333272c4]:after{box-sizing:border-box}.b-input-field *[data-v-333272c4],.b-input-field *[data-v-333272c4]:before,.b-input-field *[data-v-333272c4]:after{box-sizing:border-box}.b-input-field--disabled *[data-v-333272c4]{cursor:not-allowed}.b-input-field--disabled .b-input-field__input-box[data-v-333272c4]{background-color:var(--b-input-field-input-box-disabled-background-color);border-color:var(--b-input-field-input-box-disabled-border-color)}.b-input-field--disabled .b-input-field__input-box[data-v-333272c4]:hover{border-color:var(--b-input-field-input-box-disabled-border-color)}.b-input-field--disabled .b-input-field__default-icon-before[data-v-333272c4],.b-input-field--disabled .b-input-field__icon-after[data-v-333272c4]{color:var(--b-input-field-icons-color)}.b-input-field--disabled .b-input-field__static-value[data-v-333272c4]{background-color:var(--b-input-field-static-value-disabled-background-color);color:var(--b-input-field-static-value-disabled-color)}.b-input-field--disabled .b-input-field__payment-method[data-v-333272c4]{opacity:.3}.b-input-field--readonly .b-input-field__input-box[data-v-333272c4],.b-input-field--readonly .b-input-field__input-box *[data-v-333272c4]{background-color:var(--b-input-field-input-box-disabled-background-color);border-color:var(--b-input-field-input-box-disabled-border-color)}.b-input-field--readonly .b-input-field__input-box[data-v-333272c4]:hover,.b-input-field--readonly .b-input-field__input-box *[data-v-333272c4]:hover{border-color:var(--b-input-field-input-box-disabled-border-color)}.b-input-field--readonly .b-input-field__static-value[data-v-333272c4]{background-color:var(--b-input-field-static-value-disabled-background-color)}.b-input-field--error .b-input-field__input-box[data-v-333272c4]{border:var(--b-input-field-input-box-error-border)}.b-input-field__label[data-v-333272c4]{color:var(--b-input-field-label-color);margin-bottom:var(--b-input-field-label-margin-bottom)}.b-input-field__label-requirement[data-v-333272c4]{color:var(--b-input-field-label-requirement-color)}.b-input-field__input-box[data-v-333272c4]{align-items:center;background-color:var(--b-input-field-input-box-background-color);border:1px var(--b-input-field-input-box-border-color) solid;border-radius:var(--b-input-field-input-box-border-radius);display:flex;flex-direction:row;height:var(--b-input-field-input-box-height);outline:none;padding:var(--b-input-field-input-box-padding)}.b-input-field__input-box[data-v-333272c4]:hover{border-color:var(--b-input-field-input-box-hover-border-color)}.b-input-field__input-box[data-v-333272c4]:focus-within{border-color:var(--b-input-field-input-box-focus-border-color);border-width:var(--b-input-field-input-box-focus-border-width)}.b-input-field--small-padding-left .b-input-field__input-box[data-v-333272c4]{padding:var(--b-input-field-input-box-small-padding-left)}.b-input-field--small-padding-right .b-input-field__input-box[data-v-333272c4]{padding:var(--b-input-field-input-box-small-padding-right)}.b-input-field__static-value[data-v-333272c4]{align-items:center;background-color:var(--b-input-field-static-value-background-color);border-radius:var(--b-input-field-static-value-border-radius);color:var(--b-input-field-static-value-color);display:flex;height:28px;padding:var(--b-input-field-static-value-padding)}.b-input-field__static-value--start[data-v-333272c4]{margin-left:-8px;margin-right:var(--b-input-field-static-value-margin)}.b-input-field__static-value--end[data-v-333272c4]{margin-left:var(--b-input-field-static-value-margin);margin-right:-8px}.b-input-field__payment-method[data-v-333272c4]{height:16px;margin-right:var(--b-input-field-payment-method-margin-right)}.b-input-field__dropdown[data-v-333272c4] .b-dropdown-small-textbox{border-radius:var(--b-input-field-dropdown-border-radius)}.b-input-field__dropdown--start[data-v-333272c4]{padding-right:var(--b-input-field-dropdown-padding-right)}.b-input-field__dropdown--end[data-v-333272c4]{padding-left:var(--b-input-field-dropdown-padding-right)}.b-input-field__input[data-v-333272c4]{border:0;color:var(--b-input-field-input-color);flex:1;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;overflow:hidden;padding:var(--b-input-field-input-padding);width:100%}.b-input-field__input[type=search][data-v-333272c4]::-ms-clear,.b-input-field__input[type=search][data-v-333272c4]::-ms-reveal{display:none;height:0;width:0}.b-input-field__input[type=search][data-v-333272c4]::-webkit-search-decoration,.b-input-field__input[type=search][data-v-333272c4]::-webkit-search-cancel-button,.b-input-field__input[type=search][data-v-333272c4]::-webkit-search-results-button,.b-input-field__input[type=search][data-v-333272c4]::-webkit-search-results-decoration{display:none}.b-input-field__input[type=number][data-v-333272c4]::-webkit-outer-spin-button,.b-input-field__input[type=number][data-v-333272c4]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.b-input-field__input[data-v-333272c4]::placeholder{color:var(--b-input-field-input-placeholder-color);opacity:1}.b-input-field__input[data-v-333272c4]:focus-visible{box-shadow:none;outline:none}.b-input-field__input[data-v-333272c4]:disabled{color:var(--b-input-field-input-disabled-color)}.b-input-field__input[data-v-333272c4]:disabled::placeholder{background-color:var(--b-input-field-input-disabled-background-color)}.b-input-field__input[type=number][data-v-333272c4]{-moz-appearance:textfield}.b-input-field__description[data-v-333272c4]{color:var(--b-input-field-description-color);display:block;margin-top:var(--b-input-field-description-margin-top)}.b-input-field__error-message[data-v-333272c4]{margin-bottom:-4px;margin-top:var(--b-input-field-error-message-margin-top)}.b-input-field__default-icon-before[data-v-333272c4]{display:flex;margin-right:var(--b-input-field-icons-margin-right)}.b-input-field__icon-after[data-v-333272c4]{display:flex}
|
package/dist/assets/index4.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-
|
|
1
|
+
.b-popover-dismiss-button[data-v-5895c662]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer}.b-popover-dismiss-button[data-v-5895c662],.b-popover-dismiss-button[data-v-5895c662]:before,.b-popover-dismiss-button[data-v-5895c662]:after{box-sizing:border-box}.b-popover-dismiss-button *[data-v-5895c662],.b-popover-dismiss-button *[data-v-5895c662]:before,.b-popover-dismiss-button *[data-v-5895c662]:after{box-sizing:border-box}.b-popover-dismiss-button--on-image[data-v-5895c662]{color:var(--b-popover-dismiss-button-on-image-icon-color)}.b-popover-dismiss-button--on-image[data-v-5895c662]:hover{color:var(--b-popover-dismiss-button-on-image-icon-hovered-color)}.b-popover-dismiss-button--on-image[data-v-5895c662]:active{color:var(--b-popover-dismiss-button-on-image-icon-active-color)}@keyframes fade-out-66ed1681{0%{opacity:1}to{opacity:0}}@keyframes fade-in-66ed1681{0%{opacity:0}to{opacity:1}}@keyframes slide-top-in-66ed1681{0%{bottom:-8px}to{bottom:0}}@keyframes slide-top-out-66ed1681{0%{bottom:0}to{bottom:-8px}}@keyframes slide-bottom-in-66ed1681{0%{top:-8px}to{top:0}}@keyframes slide-bottom-out-66ed1681{0%{top:0}to{top:-8px}}@keyframes slide-right-in-66ed1681{0%{left:-8px}to{left:0}}@keyframes slide-right-out-66ed1681{0%{left:0}to{left:-8px}}@keyframes slide-left-in-66ed1681{0%{right:-8px}to{right:0}}@keyframes slide-left-out-66ed1681{0%{right:0}to{right:-8px}}.b-appear-enter-active[data-v-66ed1681]:not(.b-popper-container),.b-appear-enter-active[data-popper-placement^=top][data-v-66ed1681]{animation:fade-in-66ed1681 .15s ease-out,slide-top-in-66ed1681 .15s ease-out}.b-appear-enter-active[data-popper-placement^=bottom][data-v-66ed1681]{animation:fade-in-66ed1681 .15s ease-out,slide-bottom-in-66ed1681 .15s ease-out}.b-appear-enter-active[data-popper-placement^=left][data-v-66ed1681]{animation:fade-in-66ed1681 .15s ease-out,slide-left-in-66ed1681 .15s ease-out}.b-appear-enter-active[data-popper-placement^=right][data-v-66ed1681]{animation:fade-in-66ed1681 .15s ease-out,slide-right-in-66ed1681 .15s ease-out}.b-appear-leave-active[data-v-66ed1681]:not(.b-popper-container),.b-appear-leave-active[data-popper-placement^=top][data-v-66ed1681]{animation:fade-out-66ed1681 .15s ease-in,slide-top-out-66ed1681 .15s ease-in}.b-appear-leave-active[data-popper-placement^=bottom][data-v-66ed1681]{animation:fade-out-66ed1681 .15s ease-in,slide-bottom-out-66ed1681 .15s ease-in}.b-appear-leave-active[data-popper-placement^=left][data-v-66ed1681]{animation:fade-out-66ed1681 .15s ease-in,slide-left-out-66ed1681 .15s ease-in}.b-appear-leave-active[data-popper-placement^=right][data-v-66ed1681]{animation:fade-out-66ed1681 .15s ease-in,slide-right-out-66ed1681 .15s ease-in}.b-popover[data-v-66ed1681]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--b-popover-background-color);border:var(--b-popover-border);border-radius:var(--b-popover-border-radius);box-shadow:var(--b-popover-box-shadow);overflow:hidden;width:100%;z-index:var(--b-popover-z-index)}.b-popover[data-v-66ed1681],.b-popover[data-v-66ed1681]:before,.b-popover[data-v-66ed1681]:after{box-sizing:border-box}.b-popover *[data-v-66ed1681],.b-popover *[data-v-66ed1681]:before,.b-popover *[data-v-66ed1681]:after{box-sizing:border-box}@media (min-width: 376px){.b-popover[data-v-66ed1681]{width:320px}}.b-popover[data-v-66ed1681] .b-popover__arrow:before{color:transparent;display:none}.b-popover--fit-content[data-v-66ed1681]{width:fit-content}.b-popover--small[data-v-66ed1681]{width:200px}.b-popover--large[data-v-66ed1681]{width:480px}.b-popover--with-divider .b-popover__footer[data-v-66ed1681]{background-color:var(--b-popover-with-divider-footer-background-color);border-top:var(--b-popover-with-divider-footer-border-top);padding-top:var(--b-popover-with-divider-footer-padding-top)}.b-popover--with-divider .b-popover__content[data-v-66ed1681]{padding:var(--b-popover-with-divider-content-padding)}.b-popover--without-space .b-popover__header[data-v-66ed1681],.b-popover--without-space .b-popover__content[data-v-66ed1681],.b-popover--without-space .b-popover__footer[data-v-66ed1681]{padding:var(--b-popover-without-space-padding)}.b-popover__content[data-v-66ed1681]{padding:var(--b-popover-content-padding)}.b-popover__content--with-title[data-v-66ed1681]{padding:var(--b-popover-content-with-title-padding)}.b-popover__header[data-v-66ed1681]{align-items:baseline;display:flex;justify-content:space-between;padding:var(--b-popover-header-padding)}.b-popover__header-title[data-v-66ed1681]{align-items:center;column-gap:var(--b-popover-header-title-column-gap);display:flex}.b-popover__image[data-v-66ed1681]{display:flex;overflow:hidden}.b-popover__image+.b-popover__header[data-v-66ed1681]{padding:var(--b-popover-image-header-padding)}.b-popover__image-dismiss-button[data-v-66ed1681]{position:absolute;right:var(--b-popover-image-dismiss-icon-right);top:var(--b-popover-image-dismiss-icon-top)}.b-popover__footer[data-v-66ed1681]{padding:var(--b-popover-footer-padding)}
|
package/dist/assets/index5.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-
|
|
1
|
+
.b-popper-container[data-v-1c767d7c]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;z-index:var(--b-popper-z-index)}.b-popper-container[data-v-1c767d7c],.b-popper-container[data-v-1c767d7c]:before,.b-popper-container[data-v-1c767d7c]:after{box-sizing:border-box}.b-popper-container *[data-v-1c767d7c],.b-popper-container *[data-v-1c767d7c]:before,.b-popper-container *[data-v-1c767d7c]:after{box-sizing:border-box}.b-popper-container__arrow[data-v-1c767d7c]{visibility:hidden}.b-popper-container__arrow[data-v-1c767d7c],.b-popper-container__arrow[data-v-1c767d7c]:before{background-color:inherit;border-style:solid;border-width:1px;height:10px;position:absolute;width:10px}.b-popper-container__arrow[data-v-1c767d7c]:before{content:"";transform:rotate(45deg) scale(1);transition:transform .2s;visibility:visible}.b-popper-container__arrow[data-hide][data-v-1c767d7c]:before{transform:scale(.1)}[data-popper-placement^=top]>.b-popper-container__arrow[data-v-1c767d7c]{bottom:-4px}[data-popper-placement^=top]>.b-popper-container__arrow[data-v-1c767d7c]:before{border-bottom-right-radius:2px;border-color:transparent currentcolor currentcolor transparent}[data-popper-placement^=bottom]>.b-popper-container__arrow[data-v-1c767d7c]{top:-6px}[data-popper-placement^=bottom]>.b-popper-container__arrow[data-v-1c767d7c]:before{border-color:currentcolor transparent transparent currentcolor;border-top-left-radius:2px}[data-popper-placement^=left]>.b-popper-container__arrow[data-v-1c767d7c]{right:-4px}[data-popper-placement^=left]>.b-popper-container__arrow[data-v-1c767d7c]:before{border-color:currentcolor currentcolor transparent transparent;border-top-right-radius:2px}[data-popper-placement^=right]>.b-popper-container__arrow[data-v-1c767d7c]{left:-6px}[data-popper-placement^=right]>.b-popper-container__arrow[data-v-1c767d7c]:before{border-bottom-left-radius:2px;border-color:transparent transparent currentcolor currentcolor}
|
package/dist/assets/index6.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
svg[data-v-1b1bf797]{display:inline-flex;flex-shrink:0}svg[data-v-1b1bf797],svg *[data-v-1b1bf797]{fill:currentcolor}.b-alert[data-v-1e5ff0dc]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;display:flex}.b-alert[data-v-1e5ff0dc],.b-alert[data-v-1e5ff0dc]:before,.b-alert[data-v-1e5ff0dc]:after{box-sizing:border-box}.b-alert *[data-v-1e5ff0dc],.b-alert *[data-v-1e5ff0dc]:before,.b-alert *[data-v-1e5ff0dc]:after{box-sizing:border-box}.b-legacy-theme .b-alert__title[data-v-1e5ff0dc]{line-height:16px}.b-alert__inner-container[data-v-1e5ff0dc]{align-items:flex-start;border-radius:var(--b-alert-border-radius);display:flex;gap:var(--b-alert-gap-mobile);padding:var(--b-alert-padding-mobile);width:100%}@container (min-width: 460px){.b-alert__inner-container[data-v-1e5ff0dc]{gap:var(--b-alert-gap);padding:var(--b-alert-padding)}}.b-alert__icon[data-v-1e5ff0dc]{align-items:center;display:flex;height:var(--b-alert-icon-height)}.b-alert--tip .b-alert__icon[data-v-1e5ff0dc]{height:var(--b-alert-tip-icon-height)}.b-alert--tip.b-alert__inner-container[data-v-1e5ff0dc]{gap:var(--b-alert-tip-gap);padding:var(--b-alert-tip-padding)}.b-alert__content[data-v-1e5ff0dc]{width:100%}.b-alert__title[data-v-1e5ff0dc]{flex-grow:1}.b-alert__description[data-v-1e5ff0dc]:not(:first-child){margin-top:var(--b-alert-description-margin-top)}.b-alert__actions[data-v-1e5ff0dc]{display:flex;gap:var(--b-alert-actions-gap);margin-top:var(--b-alert-actions-margin-top)}.b-alert--success[data-v-1e5ff0dc]{background-color:var(--b-alert-success-background-color)}.b-alert--success .b-alert__icon[data-v-1e5ff0dc]{color:var(--b-alert-success-icon-color)}.b-alert--success .b-alert__title[data-v-1e5ff0dc],.b-alert--success .b-alert__description[data-v-1e5ff0dc],.b-alert--success .b-alert__close-button[data-v-1e5ff0dc]{color:var(--b-alert-success-color)}.b-alert--highlight[data-v-1e5ff0dc]{background-color:var(--b-alert-highlight-background-color)}.b-alert--highlight .b-alert__icon[data-v-1e5ff0dc]{color:var(--b-alert-highlight-icon-color)}.b-alert--highlight .b-alert__title[data-v-1e5ff0dc],.b-alert--highlight .b-alert__description[data-v-1e5ff0dc],.b-alert--highlight .b-alert__close-button[data-v-1e5ff0dc]{color:var(--b-alert-highlight-color)}.b-alert--warning[data-v-1e5ff0dc]{background-color:var(--b-alert-warning-background-color)}.b-alert--warning .b-alert__icon[data-v-1e5ff0dc]{color:var(--b-alert-warning-icon-color)}.b-alert--warning .b-alert__title[data-v-1e5ff0dc],.b-alert--warning .b-alert__description[data-v-1e5ff0dc],.b-alert--warning .b-alert__close-button[data-v-1e5ff0dc]{color:var(--b-alert-warning-color)}.b-alert--critical[data-v-1e5ff0dc]{background-color:var(--b-alert-critical-background-color)}.b-alert--critical .b-alert__icon[data-v-1e5ff0dc]{color:var(--b-alert-critical-icon-color)}.b-alert--critical .b-alert__title[data-v-1e5ff0dc],.b-alert--critical .b-alert__description[data-v-1e5ff0dc],.b-alert--critical .b-alert__close-button[data-v-1e5ff0dc]{color:var(--b-alert-critical-color)}
|
package/dist/assets/index7.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-
|
|
1
|
+
.b-radio-button[data-v-1a39f1ee]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-flex;line-height:24px}.b-radio-button[data-v-1a39f1ee],.b-radio-button[data-v-1a39f1ee]:before,.b-radio-button[data-v-1a39f1ee]:after{box-sizing:border-box}.b-radio-button *[data-v-1a39f1ee],.b-radio-button *[data-v-1a39f1ee]:before,.b-radio-button *[data-v-1a39f1ee]:after{box-sizing:border-box}.b-radio-button input[data-v-1a39f1ee]:disabled{cursor:inherit}.b-radio-button--disabled>*[data-v-1a39f1ee]{cursor:not-allowed}.b-radio-button--readonly>*[data-v-1a39f1ee]{pointer-events:none}.b-radio-button__input[data-v-1a39f1ee]{appearance:none;background-color:var(--b-radio-button-unchecked-background-color);border:var(--b-radio-button-unchecked-border);border-radius:var(--b-radio-button-border-radius);cursor:pointer;display:inline-block;height:16px;margin:0;outline:none;position:relative;top:var(--b-radio-button-offset-top);width:16px}.b-radio-button__input[data-v-1a39f1ee]:after{content:"";display:block;inset:calc(var(--b-radio-button-space-around-increase) * -1);position:absolute}.b-radio-button__input[data-v-1a39f1ee]:before{background-color:var(--b-radio-button-knob-color);border-radius:var(--b-radio-button-border-radius);content:"";display:block;height:var(--b-radio-button-knob-size);left:var(--b-radio-button-knob-offset);opacity:0;position:absolute;top:var(--b-radio-button-knob-offset);transform:scale(0);transition:transform .3s cubic-bezier(.175,.885,.32,1.275);width:var(--b-radio-button-knob-size)}.b-radio-button__input[data-v-1a39f1ee]:hover:enabled{background-color:var(--b-radio-button-unchecked-hover-background-color);border-color:var(--b-radio-button-unchecked-hover-border-color)}.b-radio-button__input[data-v-1a39f1ee]:active{background-color:var(--b-radio-button-unchecked-active-background-color)}.b-radio-button__input[data-v-1a39f1ee]:focus-visible{box-shadow:0 0 0 1px #fff,0 0 0 3px var(--b-focus-ring-color);transition:.1s cubic-bezier(.785,.135,.15,.86)}.b-radio-button__input[data-v-1a39f1ee]:disabled{background-color:var(--b-radio-button-unchecked-disabled-background-color);border-color:var(--b-radio-button-unchecked-disabled-border-color);cursor:not-allowed}.b-radio-button__input[data-v-1a39f1ee]:disabled:before{background-color:var(--b-radio-button-knob-disabled-color)}.b-radio-button--readonly .b-radio-button__input[data-v-1a39f1ee]{background-color:var(--b-radio-button-unchecked-readonly-background-color);border-color:var(--b-radio-button-unchecked-readonly-border-color)}.b-radio-button--readonly .b-radio-button__input[data-v-1a39f1ee]:before{background-color:var(--b-radio-button-knob-readonly-color)}.b-radio-button__input[data-v-1a39f1ee]:checked{background-color:var(--b-radio-button-checked-background-color);border-color:var(--b-radio-button-checked-border-color)}.b-radio-button__input[data-v-1a39f1ee]:checked:before{opacity:1;transform:scale(1)}.b-radio-button__input[data-v-1a39f1ee]:checked:disabled{background-color:var(--b-radio-button-checked-disabled-background-color);border-color:var(--b-radio-button-checked-disabled-border-color)}.b-radio-button__input[data-v-1a39f1ee]:checked:active:not(:disabled){background-color:var(--b-radio-button-checked-active-background-color);border-color:var(--b-radio-button-checked-active-border-color)}.b-radio-button__input[data-v-1a39f1ee]:checked:hover:not(:disabled){background-color:var(--b-radio-button-checked-hover-background-color);border-color:var(--b-radio-button-checked-hover-border-color)}.b-radio-button--readonly .b-radio-button__input[data-v-1a39f1ee]:checked{background-color:var(--b-radio-button-checked-readonly-background-color);border-color:var(--b-radio-button-checked-readonly-border-color)}.b-radio-button__input--error[data-v-1a39f1ee]{border:var(--b-radio-button-unchecked-error-border)}.b-radio-button__input--error[data-v-1a39f1ee]:before{left:var(--b-radio-button-knob-offset-error);top:var(--b-radio-button-knob-offset-error)}.b-radio-button__input--error[data-v-1a39f1ee]:checked{background-color:var(--b-radio-button-checked-error-background-color);border-color:var(--b-radio-button-checked-error-border-color)}.b-radio-button__label-container[data-v-1a39f1ee]{display:flex;flex-direction:column;padding-left:var(--b-radio-button-label-container-padding);row-gap:var(--b-radio-button-label-container-row-gap)}.b-radio-button__label[data-v-1a39f1ee]{color:var(--b-radio-button-label-font-color);cursor:pointer;display:block}.b-radio-button__input:disabled+* .b-radio-button__label[data-v-1a39f1ee]{cursor:not-allowed}.b-legacy-theme .b-radio-button__input:disabled+* .b-radio-button__label[data-v-1a39f1ee]{color:var(--b-radio-button-label-disabled-font-color)}.b-radio-button__description[data-v-1a39f1ee]{color:var(--b-radio-button-description-font-color);cursor:pointer;display:block}.b-radio-button__input:disabled+* .b-radio-button__description[data-v-1a39f1ee]{color:var(--b-radio-button-description-disabled-font-color);cursor:not-allowed}.b-radio-group__buttons[data-v-851fe60e]{display:flex;flex-direction:column;gap:var(--b-radio-group-vertical-gap)}.b-radio-group__buttons--horizontal[data-v-851fe60e]{flex-flow:row wrap;gap:var(--b-radio-group-vertical-gap) var(--b-radio-group-horizontal-gap)}.b-radio-group__error-message[data-v-851fe60e]{margin-top:var(--b-radio-group-error-message-margin-top)}
|
package/dist/assets/index8.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
svg[data-v-4ebc0033]{display:inline-flex;flex-shrink:0}svg[data-v-4ebc0033],svg *[data-v-4ebc0033]{fill:currentcolor}svg[data-v-bda8fd91]{display:inline-flex;flex-shrink:0}svg[data-v-bda8fd91],svg *[data-v-bda8fd91]{fill:currentcolor}svg[data-v-23e56bf5]{display:inline-flex;flex-shrink:0}svg[data-v-23e56bf5],svg *[data-v-23e56bf5]{fill:currentcolor}svg[data-v-1954bfce]{display:inline-flex;flex-shrink:0}svg[data-v-1954bfce],svg *[data-v-1954bfce]{fill:currentcolor}svg[data-v-9da4de4c]{display:inline-flex;flex-shrink:0}svg[data-v-9da4de4c],svg *[data-v-9da4de4c]{fill:currentcolor}svg[data-v-2fe7aaf4]{display:inline-flex;flex-shrink:0}svg[data-v-2fe7aaf4],svg *[data-v-2fe7aaf4]{fill:currentcolor}svg[data-v-6e578b8e]{display:inline-flex;flex-shrink:0}svg[data-v-6e578b8e],svg *[data-v-6e578b8e]{fill:currentcolor}.b-data-grid-columns[data-v-a2d7affc]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-data-grid-columns[data-v-a2d7affc],.b-data-grid-columns[data-v-a2d7affc]:before,.b-data-grid-columns[data-v-a2d7affc]:after{box-sizing:border-box}.b-data-grid-columns *[data-v-a2d7affc],.b-data-grid-columns *[data-v-a2d7affc]:before,.b-data-grid-columns *[data-v-a2d7affc]:after{box-sizing:border-box}.b-data-grid-columns--frozen[data-v-a2d7affc]{border-right:var(--b-data-grid-columns-frozen-border-right-width) solid var(--b-data-grid-columns-frozen-border-right-color);display:flex;left:0;position:sticky;z-index:var(--b-data-grid-columns-frozen-z-index)}.b-data-grid-columns--unfrozen[data-v-a2d7affc]{display:flex}.b-data-grid-columns--config-settings-margin[data-v-a2d7affc]{margin-right:var(--b-data-grid-config-settings-column-and-row-margin)}.b-data-grid-columns__column[data-v-a2d7affc]{background-color:var(--b-data-grid-column-background-color);color:var(--b-data-grid-column-color);display:flex;padding:var(--b-data-grid-column-padding);position:relative}.b-data-grid-columns__column--sortable[data-v-a2d7affc]{cursor:pointer}.b-data-grid-columns__column--sortable[data-v-a2d7affc]:hover{background-color:var(--b-data-grid-column-hover-background-color)}.b-data-grid-columns__column--padding-left-unset[data-v-a2d7affc]{padding-left:0}.b-data-grid-columns__column--padding-right-unset[data-v-a2d7affc]{padding-right:0}.b-data-grid-columns__column--overflow-ellipsis *[data-v-a2d7affc]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-data-grid-columns__column--numeric[data-v-a2d7affc]{justify-content:end;text-align:right}.b-data-grid-columns__column--is-re-ordering-target-left[data-v-a2d7affc]:before{background-color:var(--b-data-grid-re-order-column-target-separator-background-color);content:"";height:calc(100% + var(--b-data-grid-columns-border-width));position:absolute;top:0;width:var(--b-data-grid-re-order-column-target-separator-width);z-index:var(--b-data-grid-re-order-column-target-separator-z-index);left:0}.b-data-grid-columns__column--is-re-ordering-target-right[data-v-a2d7affc]:before{background-color:var(--b-data-grid-re-order-column-target-separator-background-color);content:"";height:calc(100% + var(--b-data-grid-columns-border-width));position:absolute;top:0;width:var(--b-data-grid-re-order-column-target-separator-width);z-index:var(--b-data-grid-re-order-column-target-separator-z-index);right:0}.b-data-grid-columns__column[draggable=true][data-v-a2d7affc]{cursor:move;cursor:grab}.b-data-grid-columns__column--is-re-ordering[data-v-a2d7affc],.b-data-grid-columns__column--is-re-ordering *[data-v-a2d7affc]{background-color:var(--b-data-grid-column-draggable-ghost-background-color);cursor:grabbing}.b-data-grid-columns__column-header[data-v-a2d7affc]{align-items:center;display:flex;gap:var(--b-data-grid-column-header-gap)}.b-data-grid-columns__column-separator-container[data-v-a2d7affc]{align-items:center;cursor:auto;display:flex;height:100%;justify-content:center;position:absolute;right:-4px;top:0;width:var(--b-data-grid-resizer-width);z-index:var(--b-data-grid-column-separator-z-index)}.b-data-grid-columns--unfrozen .b-data-grid-columns__column:last-child .b-data-grid-columns__column-separator-container[data-v-a2d7affc]{right:var(--b-data-grid-resizer-width)}.b-data-grid-columns__column-separator-container--is-resizeable[data-v-a2d7affc]{cursor:ew-resize}.b-data-grid-columns__column-separator[data-v-a2d7affc]{border-right:var(--b-data-grid-column-separator-border-right-width) solid var(--b-data-grid-column-separator-border-right-color);display:block;height:var(--b-data-grid-column-separator-height);width:0}.b-data-grid-columns__column-separator-container--is-resizeable:hover .b-data-grid-columns__column-separator[data-v-a2d7affc]{border-color:var(--b-data-grid-column-separator-resizeable-hover-color)}.b-data-grid-columns__column-actions[data-v-a2d7affc]{display:flex;gap:var(--b-data-grid-column-actions-gap);margin-left:auto;padding-left:var(--b-data-grid-column-actions-padding-left)}.b-data-grid-columns__column-sort[data-v-a2d7affc]{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:20px;padding:var(--b-data-grid-column-sort-padding)}.b-data-grid-columns__column-sort-icon[data-v-a2d7affc]{color:var(--b-data-grid-column-sort-icon-color);display:inline-flex;margin-top:-2px}.b-data-grid-columns__column-sort-icon[data-v-a2d7affc]:nth-child(2){margin-top:-8px}.b-data-grid-columns__column--sortable:hover .b-data-grid-columns__column-sort-icon[data-v-a2d7affc]{color:var(--b-data-grid-column-hover-sort-icon-color)}.b-data-grid-columns__column-sort-icon--sorted[data-v-a2d7affc],.b-data-grid-columns__column--sortable:hover .b-data-grid-columns__column-sort-icon--sorted[data-v-a2d7affc]{color:var(--b-data-grid-column-sort-icon-sorted-color)}.b-data-grid-columns__menu[data-v-a2d7affc]{display:flex}@media (min-width: 376px){.b-data-grid-columns__menu[data-v-a2d7affc] .b-menu__popover{width:200px}}svg[data-v-6e917c82]{display:inline-flex;flex-shrink:0}svg[data-v-6e917c82],svg *[data-v-6e917c82]{fill:currentcolor}.b-data-grid-config-settings-column-row[data-v-f797f8bb]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;display:flex;justify-content:space-between;padding:var(--b-data-grid-config-column-row-padding)}.b-data-grid-config-settings-column-row[data-v-f797f8bb],.b-data-grid-config-settings-column-row[data-v-f797f8bb]:before,.b-data-grid-config-settings-column-row[data-v-f797f8bb]:after{box-sizing:border-box}.b-data-grid-config-settings-column-row *[data-v-f797f8bb],.b-data-grid-config-settings-column-row *[data-v-f797f8bb]:before,.b-data-grid-config-settings-column-row *[data-v-f797f8bb]:after{box-sizing:border-box}@media (hover: hover){.b-data-grid-config-settings-column-row[data-v-f797f8bb]:hover{background-color:var(--b-data-grid-config-column-row-hover-background-color)}}.b-data-grid-config-settings-column-row__freeze-icon[data-v-f797f8bb]{color:var(--b-data-grid-config-column-row-freeze-icon-color);cursor:pointer}.b-data-grid-config-settings-column-row__freeze-icon--frozen[data-v-f797f8bb]{color:var(--b-data-grid-config-column-row-freeze-icon-frozen-color)}.b-data-grid-config-settings[data-v-1d806773]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-data-grid-config-settings[data-v-1d806773],.b-data-grid-config-settings[data-v-1d806773]:before,.b-data-grid-config-settings[data-v-1d806773]:after{box-sizing:border-box}.b-data-grid-config-settings *[data-v-1d806773],.b-data-grid-config-settings *[data-v-1d806773]:before,.b-data-grid-config-settings *[data-v-1d806773]:after{box-sizing:border-box}.b-data-grid-config-settings__button-and-seperator[data-v-1d806773]{align-items:center;background-color:var(--b-data-grid-config-settings-button-and-seperator-background-color);display:flex;height:calc(100% - var(--b-data-grid-columns-border-width));padding:var(--b-data-grid-config-settings-button-and-seperator-padding)}.b-data-grid-config-settings__button-container[data-v-1d806773]{display:flex;padding:var(--b-data-grid-config-settings-button-padding)}.b-data-grid-config-settings__column-separator[data-v-1d806773]{border-right:var(--b-data-grid-column-separator-border-right-width) solid var(--b-data-grid-column-separator-border-right-color);display:block;height:var(--b-data-grid-column-separator-height);width:0}.b-data-grid-config-settings__panel[data-v-1d806773]{min-width:285px}.b-data-grid-config-settings__panel[data-v-1d806773] .b-popover__content{padding:14px 0}.b-data-grid-config-settings__panel-header[data-v-1d806773]{align-items:center;display:flex;justify-content:space-between;padding:var(--b-data-grid-config-panel-header-padding)}.b-data-grid-config-settings__condensed-view-settings[data-v-1d806773]{border-bottom:1px solid var(--b-data-grid-config-condensed-view-border-color);padding:var(--b-data-grid-config-condensed-view-padding)}.b-data-grid-config-settings__condensed-view-title[data-v-1d806773]{display:block;padding:var(--b-data-grid-config-condensed-view-title-padding)}.b-data-grid-config-settings__column-visibility-settings[data-v-1d806773]{padding:var(--b-data-grid-config-column-visibility-padding)}.b-data-grid-config-settings__column-visibility-header[data-v-1d806773]{display:flex;justify-content:space-between;padding:var(--b-data-grid-config-column-visibility-header-padding)}.b-data-grid-config-settings__column-visibility-show-all[data-v-1d806773]{background-color:var(--b-data-grid-config-column-visibility-show-all-background-color);border-radius:var(--b-data-grid-config-column-visibility-show-all-border-radius);margin:var(--b-data-grid-config-column-visibility-show-all-margin);padding:var(--b-data-grid-config-column-visibility-show-all-padding)}.b-data-grid-config-settings__column-visibility-search[data-v-1d806773]{margin:var(--b-data-grid-config-column-visibility-search-margin)}.b-data-grid-config-settings__column-visibility-toggles[data-v-1d806773]{display:flex;flex-direction:column}.b-data-grid-config-settings__column-visibility-empty-search-message[data-v-1d806773]{color:var(--b-data-grid-config-column-visibility-empty-search-message-color);padding:var(--b-data-grid-config-column-visibility-empty-search-message-padding);text-align:center}.b-data-grid[data-v-19fc6430]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}.b-data-grid[data-v-19fc6430],.b-data-grid[data-v-19fc6430]:before,.b-data-grid[data-v-19fc6430]:after{box-sizing:border-box}.b-data-grid *[data-v-19fc6430],.b-data-grid *[data-v-19fc6430]:before,.b-data-grid *[data-v-19fc6430]:after{box-sizing:border-box}.b-data-grid--outline[data-v-19fc6430]{border:var(--b-data-grid-border-width) solid var(--b-data-grid-border-color);border-radius:var(--b-data-grid-border-radius)}.b-data-grid--outline>div[data-v-19fc6430]:first-child{border-top-left-radius:var(--b-data-grid-border-radius);border-top-right-radius:var(--b-data-grid-border-radius)}.b-data-grid--outline>div[data-v-19fc6430]:last-child{border-bottom-left-radius:var(--b-data-grid-border-radius);border-bottom-right-radius:var(--b-data-grid-border-radius)}.b-data-grid--fit-content[data-v-19fc6430]{height:100%}.b-data-grid--fit-content .b-data-grid__body[data-v-19fc6430]{height:100%;overflow-y:hidden}.b-data-grid--fit-content .b-data-grid__rows[data-v-19fc6430]{height:calc(100% - 47px);overflow-x:hidden;overflow-y:auto;width:fit-content}.b-data-grid__body[data-v-19fc6430]{overflow-x:auto;width:100%}.b-data-grid__header[data-v-19fc6430]{border-bottom:var(--b-data-grid-columns-border-width) solid var(--b-data-grid-columns-border-color);padding:var(--b-data-grid-header-padding)}.b-data-grid__columns[data-v-19fc6430]{border-bottom:var(--b-data-grid-columns-border-width) solid var(--b-data-grid-columns-border-color);break-inside:avoid;display:flex;position:relative;width:fit-content}.b-data-grid__columns--menu-open[data-v-19fc6430]{z-index:var(--b-data-grid-columns-menu-open-z-index)}.b-data-grid__columns-row[data-v-19fc6430]{display:flex}.b-data-grid__row-cell-set--frozen[data-v-19fc6430]{border-right:var(--b-data-grid-rows-frozen-border-right-width) solid var(--b-data-grid-rows-frozen-border-right-color);display:flex;left:0;position:sticky;z-index:var(--b-data-grid-rows-frozen-z-index)}.b-data-grid__row-cell-set--unfrozen[data-v-19fc6430]{display:flex}.b-data-grid__row-cell-set--config-settings-margin[data-v-19fc6430]{margin-right:var(--b-data-grid-config-settings-column-and-row-margin)}.b-data-grid__rows>*[data-v-19fc6430]:not(:last-child){border-bottom:var(--b-data-grid-row-border-width) solid var(--b-data-grid-row-border-color)}.b-data-grid__row[data-v-19fc6430]{background-color:var(--b-data-grid-row-background-color);break-inside:avoid;color:var(--b-data-grid-row-color);display:flex;position:relative}.b-data-grid__row[data-v-19fc6430]:hover,.b-data-grid__row:hover .b-data-grid__cell[data-v-19fc6430]{background-color:var(--b-data-grid-row-hover-background-color)}.b-data-grid__row[data-v-19fc6430]:hover .b-link{text-decoration:underline}.b-data-grid__row[data-v-19fc6430]:last-child{box-shadow:unset}.b-data-grid--outline .b-data-grid__row[data-v-19fc6430]:last-child{border-bottom-left-radius:var(--b-data-grid-border-radius);border-bottom-right-radius:var(--b-data-grid-border-radius)}.b-data-grid__row--row-clicks-enabled[data-v-19fc6430]{cursor:pointer}.b-data-grid__row--disabled[data-v-19fc6430]{color:var(--b-data-grid-row-disabled-color);cursor:not-allowed}.b-data-grid__row--is-re-ordering[data-v-19fc6430]{cursor:grabbing}.b-data-grid__row--highlighted[data-v-19fc6430],.b-data-grid__row--highlighted .b-data-grid__cell[data-v-19fc6430]{background-color:var(--b-data-grid-row-highlighted-background-color)}.b-data-grid__cell[data-v-19fc6430]{background-color:var(--b-data-grid-cell-background-color);padding:var(--b-data-grid-cell-padding)}.b-data-grid__cell[data-v-19fc6430]:focus-visible{box-shadow:0 0 0 1px #fff,0 0 0 3px var(--b-focus-ring-color);transition:.1s cubic-bezier(.785,.135,.15,.86);outline:none;z-index:1}.b-data-grid__cell--condensed[data-v-19fc6430]{padding:var(--b-data-grid-cell-condensed-padding)}.b-data-grid__cell--padding-left-unset[data-v-19fc6430]{padding-left:0}.b-data-grid__cell--padding-right-unset[data-v-19fc6430]{padding-right:0}.b-data-grid__cell--overflow-ellipsis *[data-v-19fc6430]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-data-grid__cell--numeric[data-v-19fc6430]{justify-content:end;text-align:right}.b-data-grid__cell--is-column-re-ordering[data-v-19fc6430]{background-color:var(--b-data-grid-column-draggable-ghost-background-color);cursor:grabbing}.b-data-grid__cell--is-column-re-order-target-left[data-v-19fc6430],.b-data-grid__cell--is-column-re-order-target-right[data-v-19fc6430]{position:relative}.b-data-grid__cell--is-column-re-order-target-left[data-v-19fc6430]:before{background-color:var(--b-data-grid-re-order-column-target-separator-background-color);content:"";height:calc(100% + var(--b-data-grid-columns-border-width));position:absolute;top:0;width:var(--b-data-grid-re-order-column-target-separator-width);z-index:var(--b-data-grid-re-order-column-target-separator-z-index);left:0}.b-data-grid__cell--is-column-re-order-target-right[data-v-19fc6430]:before{background-color:var(--b-data-grid-re-order-column-target-separator-background-color);content:"";height:calc(100% + var(--b-data-grid-columns-border-width));position:absolute;top:0;width:var(--b-data-grid-re-order-column-target-separator-width);z-index:var(--b-data-grid-re-order-column-target-separator-z-index);right:0}.b-data-grid__footer[data-v-19fc6430]{padding:var(--b-data-grid-footer-padding)}.b-data-grid__filters[data-v-19fc6430]{border-bottom:var(--b-data-grid-filters-border-width) solid var(--b-data-grid-filters-border-color);display:flex;justify-content:end;padding:var(--b-data-grid-filters-padding);position:relative}.b-data-grid__pagination[data-v-19fc6430]{background-color:var(--b-data-grid-pagination-background-color);border-top:var(--b-data-grid-pagination-border-width) solid var(--b-data-grid-pagination-border-color);padding:var(--b-data-grid-pagination-padding);position:relative;z-index:var(--b-data-grid-pagination-z-index)}.b-data-grid__pagination--padding-left-unset[data-v-19fc6430]{padding-left:0}.b-data-grid__pagination--padding-right-unset[data-v-19fc6430]{padding-right:0}.b-data-grid__pagination--sticky[data-v-19fc6430]{bottom:0;padding:var(--b-data-grid-pagination-sticky-padding);position:sticky}.b-data-grid--outline .b-data-grid__pagination[data-v-19fc6430]{padding:var(--b-data-grid-pagination-outline-padding)}.b-data-grid__loading[data-v-19fc6430]{align-items:center;display:flex;flex-direction:column;height:400px;justify-content:center;width:100%}.b-data-grid__loading-indicator[data-v-19fc6430]{margin:var(--b-data-grid-loading-indicator-margin)}.b-data-grid__config-settings[data-v-19fc6430]{display:flex;position:absolute;right:0;z-index:var(--b-data-grid-config-settings-z-index)}
|
|
1
|
+
.b-search-bar[data-v-f0b8db06]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-search-bar[data-v-f0b8db06],.b-search-bar[data-v-f0b8db06]:before,.b-search-bar[data-v-f0b8db06]:after{box-sizing:border-box}.b-search-bar *[data-v-f0b8db06],.b-search-bar *[data-v-f0b8db06]:before,.b-search-bar *[data-v-f0b8db06]:after{box-sizing:border-box}.b-search-bar__clear-search[data-v-f0b8db06]{cursor:pointer;display:inherit}.b-search-bar__clear-search[data-v-f0b8db06]:focus-visible{border-color:transparent;border-radius:50%;box-shadow:none;outline-style:none;box-shadow:0 0 0 1px #fff,0 0 0 3px var(--b-focus-ring-color);transition:.1s cubic-bezier(.785,.135,.15,.86)}
|
package/dist/assets/index9.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.b-status[data-v-2ee563ed]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;column-gap:var(--b-status-column-gap);display:flex}.b-status[data-v-2ee563ed],.b-status[data-v-2ee563ed]:before,.b-status[data-v-2ee563ed]:after{box-sizing:border-box}.b-status *[data-v-2ee563ed],.b-status *[data-v-2ee563ed]:before,.b-status *[data-v-2ee563ed]:after{box-sizing:border-box}.b-status__indicator[data-v-2ee563ed]{border-radius:50%;flex-shrink:0;height:var(--b-status-indicator-size);order:0;width:var(--b-status-indicator-size)}.b-status__indicator--blue[data-v-2ee563ed]{background:var(--b-status-indicator-blue-background-color)}.b-status__indicator--green[data-v-2ee563ed]{background:var(--b-status-indicator-green-background-color)}.b-status__indicator--grey[data-v-2ee563ed]{background:var(--b-status-indicator-grey-background-color)}.b-status__indicator--orange[data-v-2ee563ed]{background:var(--b-status-indicator-orange-background-color)}.b-status__indicator--red[data-v-2ee563ed]{background:var(--b-status-indicator-red-background-color)}.b-status__indicator--yellow[data-v-2ee563ed]{background:var(--b-status-indicator-yellow-background-color)}
|
package/dist/assets/listbox.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-listbox-option[data-v-d7fb415c]{-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}@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)}svg[data-v-4687fbd0]{display:inline-flex;flex-shrink:0}svg[data-v-4687fbd0],svg *[data-v-4687fbd0]{fill:currentcolor}.b-listbox-single-select-option[data-v-cd2f2938]{display:flex;justify-content:space-between}.b-listbox-single-select-option__check-icon[data-v-cd2f2938]{align-items:center;display:flex;margin-left:var(--b-listbox-single-select-check-icon-margin)}.b-listbox-multi-select-category[data-v-3cf8eb6c]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select-category[data-v-3cf8eb6c],.b-listbox-multi-select-category[data-v-3cf8eb6c]:before,.b-listbox-multi-select-category[data-v-3cf8eb6c]:after{box-sizing:border-box}.b-listbox-multi-select-category *[data-v-3cf8eb6c],.b-listbox-multi-select-category *[data-v-3cf8eb6c]:before,.b-listbox-multi-select-category *[data-v-3cf8eb6c]:after{box-sizing:border-box}.b-listbox-multi-select-category--disabled[data-v-3cf8eb6c]{cursor:not-allowed}.b-listbox-multi-select-category--disabled .b-listbox-multi-select-category__label-text[data-v-3cf8eb6c]{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-3cf8eb6c]{cursor:pointer}.b-listbox-multi-select-category__label[data-v-3cf8eb6c]{align-items:center;display:flex;justify-content:space-between;width:100%}.b-listbox-multi-select-category__label-chevron[data-v-3cf8eb6c]{display:flex;position:relative}.b-listbox-multi-select-category__label-chevron[data-v-3cf8eb6c]:before{content:"";height:36px;left:-10px;position:absolute;top:-9px;width:36px}.b-listbox-multi-select-category__option[data-v-3cf8eb6c]{display:flex;gap:var(--b-listbox-multi-select-category-option-gap)}.b-listbox-multi-select-options[data-v-e5e8e294]{-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-e5e8e294],.b-listbox-multi-select-options[data-v-e5e8e294]:before,.b-listbox-multi-select-options[data-v-e5e8e294]:after{box-sizing:border-box}.b-listbox-multi-select-options__category-option[data-v-e5e8e294]{padding-left:var(--b-listbox-multi-select-options-category-option-padding-left)}.b-listbox-multi-select[data-v-011ec278]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select[data-v-011ec278],.b-listbox-multi-select[data-v-011ec278]:before,.b-listbox-multi-select[data-v-011ec278]:after{box-sizing:border-box}.b-listbox-multi-select__divider[data-v-011ec278]{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-011ec278]{display:flex;gap:var(--b-listbox-multi-select-options-gap)}.b-listbox[data-v-
|
|
1
|
+
.b-listbox-option[data-v-d7fb415c]{-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}@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)}svg[data-v-4687fbd0]{display:inline-flex;flex-shrink:0}svg[data-v-4687fbd0],svg *[data-v-4687fbd0]{fill:currentcolor}.b-listbox-single-select-option[data-v-cd2f2938]{display:flex;justify-content:space-between}.b-listbox-single-select-option__check-icon[data-v-cd2f2938]{align-items:center;display:flex;margin-left:var(--b-listbox-single-select-check-icon-margin)}.b-listbox-multi-select-category[data-v-3cf8eb6c]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select-category[data-v-3cf8eb6c],.b-listbox-multi-select-category[data-v-3cf8eb6c]:before,.b-listbox-multi-select-category[data-v-3cf8eb6c]:after{box-sizing:border-box}.b-listbox-multi-select-category *[data-v-3cf8eb6c],.b-listbox-multi-select-category *[data-v-3cf8eb6c]:before,.b-listbox-multi-select-category *[data-v-3cf8eb6c]:after{box-sizing:border-box}.b-listbox-multi-select-category--disabled[data-v-3cf8eb6c]{cursor:not-allowed}.b-listbox-multi-select-category--disabled .b-listbox-multi-select-category__label-text[data-v-3cf8eb6c]{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-3cf8eb6c]{cursor:pointer}.b-listbox-multi-select-category__label[data-v-3cf8eb6c]{align-items:center;display:flex;justify-content:space-between;width:100%}.b-listbox-multi-select-category__label-chevron[data-v-3cf8eb6c]{display:flex;position:relative}.b-listbox-multi-select-category__label-chevron[data-v-3cf8eb6c]:before{content:"";height:36px;left:-10px;position:absolute;top:-9px;width:36px}.b-listbox-multi-select-category__option[data-v-3cf8eb6c]{display:flex;gap:var(--b-listbox-multi-select-category-option-gap)}.b-listbox-multi-select-options[data-v-e5e8e294]{-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-e5e8e294],.b-listbox-multi-select-options[data-v-e5e8e294]:before,.b-listbox-multi-select-options[data-v-e5e8e294]:after{box-sizing:border-box}.b-listbox-multi-select-options__category-option[data-v-e5e8e294]{padding-left:var(--b-listbox-multi-select-options-category-option-padding-left)}.b-listbox-multi-select[data-v-011ec278]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select[data-v-011ec278],.b-listbox-multi-select[data-v-011ec278]:before,.b-listbox-multi-select[data-v-011ec278]:after{box-sizing:border-box}.b-listbox-multi-select__divider[data-v-011ec278]{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-011ec278]{display:flex;gap:var(--b-listbox-multi-select-options-gap)}.b-listbox[data-v-62a0d103]{-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-62a0d103],.b-listbox[data-v-62a0d103]:before,.b-listbox[data-v-62a0d103]:after{box-sizing:border-box}.b-listbox *[data-v-62a0d103],.b-listbox *[data-v-62a0d103]:before,.b-listbox *[data-v-62a0d103]:after{box-sizing:border-box}.b-listbox__empty-search-message[data-v-62a0d103]{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-62a0d103]{display:flex;justify-content:center;margin:var(--b-listbox-lazy-load-margin)}
|
package/dist/avatar-image.js
CHANGED
package/dist/button.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { B as n, b as a, a as B } from "./chunks/button.
|
|
2
|
-
import { B as e, c as u, a as i, b as r } from "./chunks/button-actions.
|
|
3
|
-
import { B as L, a as d } from "./chunks/loading-button.
|
|
1
|
+
import { B as n, b as a, a as B } from "./chunks/button.c27a7ce2.js";
|
|
2
|
+
import { B as e, c as u, a as i, b as r } from "./chunks/button-actions.cf73ed47.js";
|
|
3
|
+
import { B as L, a as d } from "./chunks/loading-button.6d34f66f.js";
|
|
4
4
|
export {
|
|
5
5
|
n as BentoButton,
|
|
6
6
|
e as BentoButtonActions,
|
package/dist/card.js
CHANGED
|
@@ -1,36 +1,38 @@
|
|
|
1
|
-
import { defineComponent as k, ref as T, computed as n } from "vue";
|
|
2
|
-
import { B as
|
|
3
|
-
import { a as
|
|
4
|
-
import { u as
|
|
5
|
-
import { g as
|
|
6
|
-
import { u as
|
|
7
|
-
import { B as
|
|
8
|
-
import { n as
|
|
9
|
-
import "./assets/
|
|
10
|
-
var
|
|
11
|
-
const
|
|
1
|
+
import { defineComponent as k, ref as T, watch as A, computed as n } from "vue";
|
|
2
|
+
import { B as E, a as b, b as i } from "./chunks/index.175f9e2d.js";
|
|
3
|
+
import { a as L, C as I } from "./chunks/chevron-down.b851a6da.js";
|
|
4
|
+
import { u as D } from "./chunks/use-has-slot.068222e6.js";
|
|
5
|
+
import { g as O } from "./chunks/unique-id.a2a2b458.js";
|
|
6
|
+
import { u as U } from "./chunks/i18n.155748d6.js";
|
|
7
|
+
import { B as H, c as C } from "./chunks/button-actions.cf73ed47.js";
|
|
8
|
+
import { n as M } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
|
|
9
|
+
import "./assets/index19.css";
|
|
10
|
+
var _ = /* @__PURE__ */ ((e) => (e.PRIMARY = "primary", e.SECONDARY = "secondary", e))(_ || {}), l = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.SMALL = "small", e))(l || {});
|
|
11
|
+
const R = {
|
|
12
12
|
"en-US": {
|
|
13
13
|
showCardContent: "Show card content",
|
|
14
14
|
hideCardContent: "Hide card content"
|
|
15
15
|
}
|
|
16
|
-
},
|
|
17
|
-
i18n: { messages:
|
|
16
|
+
}, z = k({
|
|
17
|
+
i18n: { messages: R },
|
|
18
18
|
name: "bento-card",
|
|
19
|
-
components: { ChevronUpIcon:
|
|
19
|
+
components: { ChevronUpIcon: L, ChevronDownIcon: I, BentoTypography: E, BentoButtonActions: H },
|
|
20
20
|
props: {
|
|
21
21
|
/**
|
|
22
22
|
* Defines the color of card background
|
|
23
23
|
*/
|
|
24
24
|
background: {
|
|
25
25
|
type: String,
|
|
26
|
-
default:
|
|
26
|
+
default: _.PRIMARY,
|
|
27
|
+
validator: (e) => Object.values(_).includes(e)
|
|
27
28
|
},
|
|
28
29
|
/**
|
|
29
30
|
* Defines the title size of the card header
|
|
30
31
|
*/
|
|
31
32
|
titleSize: {
|
|
32
33
|
type: String,
|
|
33
|
-
default:
|
|
34
|
+
default: l.DEFAULT,
|
|
35
|
+
validator: (e) => Object.values(l).includes(e)
|
|
34
36
|
},
|
|
35
37
|
/**
|
|
36
38
|
* The whole content of the card will be expandable in accordion manner
|
|
@@ -40,7 +42,7 @@ const M = {
|
|
|
40
42
|
default: !1
|
|
41
43
|
},
|
|
42
44
|
/**
|
|
43
|
-
*
|
|
45
|
+
* Sets the expandable card in a closed state
|
|
44
46
|
*/
|
|
45
47
|
closed: {
|
|
46
48
|
type: Boolean,
|
|
@@ -94,16 +96,23 @@ const M = {
|
|
|
94
96
|
*/
|
|
95
97
|
actionsLayout: {
|
|
96
98
|
type: String,
|
|
97
|
-
default:
|
|
98
|
-
validator: (e) => Object.values(
|
|
99
|
+
default: C.BUTTONS_END,
|
|
100
|
+
validator: (e) => Object.values(C).includes(e)
|
|
99
101
|
}
|
|
100
102
|
},
|
|
101
103
|
emits: ["click", "expanded"],
|
|
102
104
|
setup(e, { emit: a, slots: t }) {
|
|
103
|
-
const { t: s } =
|
|
105
|
+
const { t: s } = U(), o = D(t), p = O("card"), c = T(!e.closed);
|
|
106
|
+
A(
|
|
107
|
+
() => e.closed,
|
|
108
|
+
(d) => {
|
|
109
|
+
c.value = !d;
|
|
110
|
+
}
|
|
111
|
+
);
|
|
112
|
+
const r = n(() => o("default") || o("description") || o("header")), h = n(() => o("default") || o("header")), u = n(
|
|
104
113
|
() => {
|
|
105
|
-
var
|
|
106
|
-
return (o("content") || ((
|
|
114
|
+
var d;
|
|
115
|
+
return (o("content") || ((d = e.actions) == null ? void 0 : d.length)) && (!e.expandable || e.expandable && c.value);
|
|
107
116
|
}
|
|
108
117
|
), y = n(() => e.expandable && !e.disabled ? 0 : -1), g = n(() => ({
|
|
109
118
|
[`b-card--${e.background}`]: e.background,
|
|
@@ -111,43 +120,43 @@ const M = {
|
|
|
111
120
|
"b-card--disabled": e.expandable && e.disabled
|
|
112
121
|
})), f = n(() => ({
|
|
113
122
|
"b-card__header--expandable": e.expandable,
|
|
114
|
-
"b-card__header--without-body": !e.expandable && !
|
|
123
|
+
"b-card__header--without-body": !e.expandable && !u.value
|
|
115
124
|
})), x = n(() => ({
|
|
116
|
-
"b-card__toggle--small-text": e.titleSize ===
|
|
117
|
-
})), m = n(() => ({
|
|
118
|
-
"b-card__body--expandable": e.expandable && o("content"),
|
|
119
|
-
"b-card__body--without-header": !e.expandable && !i.value
|
|
125
|
+
"b-card__toggle--small-text": e.titleSize === l.SMALL
|
|
120
126
|
})), v = n(() => ({
|
|
121
|
-
"b-
|
|
127
|
+
"b-card__body--expandable": e.expandable && o("content"),
|
|
128
|
+
"b-card__body--without-header": !e.expandable && !r.value
|
|
129
|
+
})), m = n(() => ({
|
|
130
|
+
"b-card__content--without-header": !e.expandable && !r.value,
|
|
122
131
|
"b-card__content--expandable": e.expandable
|
|
123
132
|
})), w = n(() => {
|
|
124
|
-
const
|
|
133
|
+
const d = !e.expandable && e.actions && !o("content");
|
|
125
134
|
return {
|
|
126
|
-
"b-card__actions--without-content":
|
|
127
|
-
"b-card__actions--without-content-and-with-header":
|
|
135
|
+
"b-card__actions--without-content": d,
|
|
136
|
+
"b-card__actions--without-content-and-with-header": d && r.value
|
|
128
137
|
};
|
|
129
138
|
}), S = n(() => ({
|
|
130
139
|
"b-card__title-wrapper--truncated": o("header")
|
|
131
140
|
})), B = n(() => ({
|
|
132
|
-
el:
|
|
133
|
-
variant: e.titleSize ===
|
|
134
|
-
strongest: e.titleSize ===
|
|
135
|
-
wide: e.titleSize ===
|
|
141
|
+
el: b.DIV,
|
|
142
|
+
variant: e.titleSize === l.DEFAULT ? i.TITLE : i.BODY,
|
|
143
|
+
strongest: e.titleSize === l.SMALL,
|
|
144
|
+
wide: e.titleSize === l.SMALL
|
|
136
145
|
}));
|
|
137
146
|
return {
|
|
138
147
|
// Values
|
|
139
148
|
cardId: p,
|
|
140
149
|
cardConditionalClasses: g,
|
|
141
|
-
cardBodyConditionalClasses:
|
|
150
|
+
cardBodyConditionalClasses: v,
|
|
142
151
|
cardHeaderConditionalClasses: f,
|
|
143
|
-
cardContentConditionalClasses:
|
|
152
|
+
cardContentConditionalClasses: m,
|
|
144
153
|
cardActionsConditionalClasses: w,
|
|
145
154
|
cardTitleWrapperConditionalClasses: S,
|
|
146
155
|
cardToggleConditionalClasses: x,
|
|
147
|
-
showCardBody:
|
|
148
|
-
showContent:
|
|
156
|
+
showCardBody: u,
|
|
157
|
+
showContent: c,
|
|
149
158
|
tabIndex: y,
|
|
150
|
-
showHeader:
|
|
159
|
+
showHeader: r,
|
|
151
160
|
showTitleWrapper: h,
|
|
152
161
|
typography: B,
|
|
153
162
|
// Methods
|
|
@@ -157,35 +166,35 @@ const M = {
|
|
|
157
166
|
},
|
|
158
167
|
t: s,
|
|
159
168
|
toggleExpansion: () => {
|
|
160
|
-
e.disabled || (
|
|
169
|
+
e.disabled || (c.value = !c.value, a("expanded", c.value));
|
|
161
170
|
},
|
|
162
171
|
// Enums
|
|
163
|
-
BentoTypographyVariant:
|
|
164
|
-
BentoTypographyElement:
|
|
172
|
+
BentoTypographyVariant: i,
|
|
173
|
+
BentoTypographyElement: b
|
|
165
174
|
};
|
|
166
175
|
}
|
|
167
176
|
});
|
|
168
|
-
var
|
|
177
|
+
var W = function() {
|
|
169
178
|
var a = this, t = a._self._c;
|
|
170
179
|
return a._self._setupProxy, t("div", { staticClass: "b-card", class: a.cardConditionalClasses, attrs: { "data-testid": "card" }, on: { click: a.onClick } }, [a.showHeader ? t("div", { staticClass: "b-card__header", class: a.cardHeaderConditionalClasses, attrs: { tabindex: a.tabIndex, "aria-controls": a.expandable ? a.cardId : null, "aria-expanded": a.expandable ? `${a.showContent}` : null, role: a.expandable ? "button" : null }, on: { click: a.toggleExpansion, keypress: [function(s) {
|
|
171
180
|
return !s.type.indexOf("key") && a._k(s.keyCode, "enter", 13, s.key, "Enter") ? null : a.toggleExpansion.apply(null, arguments);
|
|
172
181
|
}, function(s) {
|
|
173
182
|
return !s.type.indexOf("key") && a._k(s.keyCode, "space", 32, s.key, [" ", "Spacebar"]) ? null : a.toggleExpansion.apply(null, arguments);
|
|
174
183
|
}] } }, [t("div", { staticClass: "b-card__header-wrapper" }, [a.showTitleWrapper ? t("div", { staticClass: "b-card__header-slot-wrapper" }, [t("div", { staticClass: "b-card__title-wrapper", class: a.cardTitleWrapperConditionalClasses }, [a.expandable ? t("div", { staticClass: "b-card__toggle", class: a.cardToggleConditionalClasses }, [a.showContent ? t("chevron-up-icon", { attrs: { "svg-title": a.t("hideCardContent"), "aria-hidden": "true" } }) : t("chevron-down-icon", { attrs: { "svg-title": a.t("showCardContent"), "aria-hidden": "true" } })], 1) : a._e(), a.hasSlot("default") ? t("bento-typography", a._b({ staticClass: "b-card__title" }, "bento-typography", a.typography, !1), [a._t("default")], 2) : a._e()], 1), a.hasSlot("header") ? [a._t("header")] : a._e()], 2) : a._e(), a.hasSlot("description") ? t("bento-typography", { staticClass: "b-card__description", attrs: { el: a.BentoTypographyElement.DIV, variant: a.BentoTypographyVariant.BODY } }, [a._t("description")], 2) : a._e()], 1)]) : a._e(), a.showCardBody ? t("div", { staticClass: "b-card__body", class: a.cardBodyConditionalClasses, attrs: { id: a.expandable ? a.cardId : null } }, [a.hasSlot("content") ? t("div", { staticClass: "b-card__content", class: a.cardContentConditionalClasses }, [a._t("content")], 2) : a._e(), a.actions ? t("div", { staticClass: "b-card__actions", class: a.cardActionsConditionalClasses }, [t("bento-button-actions", { attrs: { actions: a.actions, layout: a.actionsLayout } })], 1) : a._e()]) : a._e()]);
|
|
175
|
-
},
|
|
176
|
-
R,
|
|
184
|
+
}, Y = [], F = /* @__PURE__ */ M(
|
|
177
185
|
z,
|
|
178
186
|
W,
|
|
187
|
+
Y,
|
|
179
188
|
!1,
|
|
180
189
|
null,
|
|
181
|
-
"
|
|
190
|
+
"cb12a047",
|
|
182
191
|
null,
|
|
183
192
|
null
|
|
184
193
|
);
|
|
185
|
-
const
|
|
194
|
+
const Z = F.exports;
|
|
186
195
|
export {
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
196
|
+
Z as BentoCard,
|
|
197
|
+
_ as BentoCardBackground,
|
|
198
|
+
l as BentoCardTitleSize
|
|
190
199
|
};
|
|
191
200
|
//# sourceMappingURL=card.js.map
|
package/dist/card.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.js","sources":["../src/components/card/card.types.ts","../src/components/card/card.vue"],"sourcesContent":["export enum BentoCardBackground {\n PRIMARY = 'primary',\n SECONDARY = 'secondary',\n}\n\nexport enum BentoCardTitleSize {\n DEFAULT = 'default',\n SMALL = 'small',\n}\n","<template>\n <div class=\"b-card\" :class=\"cardConditionalClasses\" data-testid=\"card\" @click=\"onClick\">\n <div\n v-if=\"showHeader\"\n class=\"b-card__header\"\n :class=\"cardHeaderConditionalClasses\"\n :tabindex=\"tabIndex\"\n :aria-controls=\"expandable ? cardId : null\"\n :aria-expanded=\"expandable ? `${showContent}` : null\"\n :role=\"expandable ? 'button' : null\"\n @click=\"toggleExpansion\"\n @keypress.enter=\"toggleExpansion\"\n @keypress.space=\"toggleExpansion\"\n >\n <div class=\"b-card__header-wrapper\">\n <div v-if=\"showTitleWrapper\" class=\"b-card__header-slot-wrapper\">\n <div class=\"b-card__title-wrapper\" :class=\"cardTitleWrapperConditionalClasses\">\n <div v-if=\"expandable\" class=\"b-card__toggle\" :class=\"cardToggleConditionalClasses\">\n <chevron-up-icon v-if=\"showContent\" :svg-title=\"t('hideCardContent')\" aria-hidden=\"true\" />\n <chevron-down-icon v-else :svg-title=\"t('showCardContent')\" aria-hidden=\"true\" />\n </div>\n <bento-typography v-if=\"hasSlot('default')\" class=\"b-card__title\" v-bind=\"typography\">\n <slot />\n </bento-typography>\n </div>\n\n <template v-if=\"hasSlot('header')\">\n <slot name=\"header\"></slot>\n </template>\n </div>\n\n <bento-typography\n v-if=\"hasSlot('description')\"\n class=\"b-card__description\"\n :el=\"BentoTypographyElement.DIV\"\n :variant=\"BentoTypographyVariant.BODY\"\n >\n <slot name=\"description\" />\n </bento-typography>\n </div>\n </div>\n\n <div\n v-if=\"showCardBody\"\n :id=\"expandable ? cardId : null\"\n class=\"b-card__body\"\n :class=\"cardBodyConditionalClasses\"\n >\n <div v-if=\"hasSlot('content')\" class=\"b-card__content\" :class=\"cardContentConditionalClasses\">\n <slot name=\"content\" />\n </div>\n\n <div v-if=\"actions\" class=\"b-card__actions\" :class=\"cardActionsConditionalClasses\">\n <bento-button-actions :actions=\"actions\" :layout=\"actionsLayout\"></bento-button-actions>\n </div>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\n import { computed, defineComponent, PropType, ref } from 'vue';\n\n // Components\n import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n import { BentoButtonActions, BentoButtonActionsLayout, BentoButtonActionsList } from '@/components/button';\n import { BentoCardBackground, BentoCardTitleSize } from '@/components/card/card.types';\n import ChevronDownIcon from '@adyen/ui-assets-icons-16/vue/chevron-down';\n import ChevronUpIcon from '@adyen/ui-assets-icons-16/vue/chevron-up';\n\n // Utils\n import { useHasSlot } from '@/composables';\n import { generateUid } from '@/utils/ts/unique-id';\n import { useI18n } from '@/utils/ts/i18n';\n\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n /**\n * A card is a flexible and composable container.\n * Use cards to represent a single object or to visually group certain content, like legal information within company settings.\n *\n * @example\n * import { BentoCard } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoCard },\n * template: `\n * <bento-card>\n * Title of the Card\n * </bento-card>\n * `\n * };\n */\n export default defineComponent({\n i18n: { messages },\n name: 'bento-card',\n components: { ChevronUpIcon, ChevronDownIcon, BentoTypography, BentoButtonActions },\n props: {\n /**\n * Defines the color of card background\n */\n background: {\n type: String as PropType<BentoCardBackground>,\n default: BentoCardBackground.PRIMARY,\n },\n /**\n * Defines the title size of the card header\n */\n titleSize: {\n type: String as PropType<BentoCardTitleSize>,\n default: BentoCardTitleSize.DEFAULT,\n },\n /**\n * The whole content of the card will be expandable in accordion manner\n */\n expandable: {\n type: Boolean,\n default: false,\n },\n /**\n * Initially sets the expandable card in a closed state\n */\n closed: {\n type: Boolean,\n default: false,\n },\n /**\n * Disables the expandable card\n */\n disabled: {\n type: Boolean,\n default: false,\n },\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`: Vue Icon from the library `@adyen/ui-assets-icons-16`.\n *\n * ```\n * [{\n * title: 'Primary',\n * event: () => { ... },\n * icon: FourPeopleIcon\n * }, {\n * title: 'Secondary',\n * event: () => { ... }\n * }]\n * ```\n */\n actions: {\n type: Array as PropType<BentoButtonActionsList>,\n default: null,\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 actionsLayout: {\n type: String as PropType<BentoButtonActionsLayout>,\n default: BentoButtonActionsLayout.BUTTONS_END,\n validator: (value: BentoButtonActionsLayout) => Object.values(BentoButtonActionsLayout).includes(value),\n },\n },\n emits: ['click', 'expanded'],\n setup(props, { emit, slots }) {\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n const hasSlot = useHasSlot(slots);\n\n const cardId = generateUid('card');\n const showContent = ref(!props.closed);\n const showHeader = computed(() => hasSlot('default') || hasSlot('description') || hasSlot('header'));\n const showTitleWrapper = computed(() => hasSlot('default') || hasSlot('header'));\n const showCardBody = computed(\n () =>\n (hasSlot('content') || props.actions?.length) &&\n (!props.expandable || (props.expandable && showContent.value))\n );\n const tabIndex = computed(() => (props.expandable && !props.disabled ? 0 : -1));\n\n const cardConditionalClasses = computed(() => ({\n [`b-card--${props.background}`]: props.background,\n 'b-card--expandable': props.expandable,\n 'b-card--disabled': props.expandable && props.disabled,\n }));\n\n const cardHeaderConditionalClasses = computed(() => ({\n 'b-card__header--expandable': props.expandable,\n 'b-card__header--without-body': !props.expandable && !showCardBody.value,\n }));\n\n const cardToggleConditionalClasses = computed(() => ({\n 'b-card__toggle--small-text': props.titleSize === BentoCardTitleSize.SMALL,\n }));\n\n const cardBodyConditionalClasses = computed(() => ({\n 'b-card__body--expandable': props.expandable && hasSlot('content'),\n 'b-card__body--without-header': !props.expandable && !showHeader.value,\n }));\n\n const cardContentConditionalClasses = computed(() => ({\n 'b-card__content--without-header': !props.expandable && !showHeader.value,\n 'b-card__content--expandable': props.expandable,\n }));\n\n const cardActionsConditionalClasses = computed(() => {\n const isNotExpandableWithoutContent = !props.expandable && props.actions && !hasSlot('content');\n\n return {\n 'b-card__actions--without-content': isNotExpandableWithoutContent,\n 'b-card__actions--without-content-and-with-header':\n isNotExpandableWithoutContent && showHeader.value,\n };\n });\n\n const cardTitleWrapperConditionalClasses = computed(() => ({\n 'b-card__title-wrapper--truncated': hasSlot('header'),\n }));\n\n const typography = computed(() => ({\n el: BentoTypographyElement.DIV,\n variant:\n props.titleSize === BentoCardTitleSize.DEFAULT\n ? BentoTypographyVariant.TITLE\n : BentoTypographyVariant.BODY,\n strongest: props.titleSize === BentoCardTitleSize.SMALL,\n wide: props.titleSize === BentoCardTitleSize.SMALL,\n }));\n\n const toggleExpansion = () => {\n if (!props.disabled) {\n showContent.value = !showContent.value;\n emit('expanded', showContent.value);\n }\n };\n\n const onClick = () => {\n if (!props.disabled) {\n emit('click');\n }\n };\n\n return {\n // Values\n cardId,\n cardConditionalClasses,\n cardBodyConditionalClasses,\n cardHeaderConditionalClasses,\n cardContentConditionalClasses,\n cardActionsConditionalClasses,\n cardTitleWrapperConditionalClasses,\n cardToggleConditionalClasses,\n showCardBody,\n showContent,\n tabIndex,\n showHeader,\n showTitleWrapper,\n typography,\n\n // Methods\n hasSlot,\n onClick,\n t,\n toggleExpansion,\n\n // Enums\n BentoTypographyVariant,\n BentoTypographyElement,\n };\n },\n });\n</script>\n\n<style lang=\"scss\" scoped src=\"./card.scss\" />\n"],"names":["BentoCardBackground","BentoCardBackground2","BentoCardTitleSize","BentoCardTitleSize2","_sfc_main","defineComponent","messages","ChevronUpIcon","ChevronDownIcon","BentoTypography","BentoButtonActions","BentoButtonActionsLayout","value","props","emit","slots","t","useI18n","hasSlot","useHasSlot","cardId","generateUid","showContent","ref","showHeader","computed","showTitleWrapper","showCardBody","_a","tabIndex","cardConditionalClasses","cardHeaderConditionalClasses","cardToggleConditionalClasses","cardBodyConditionalClasses","cardContentConditionalClasses","cardActionsConditionalClasses","isNotExpandableWithoutContent","cardTitleWrapperConditionalClasses","typography","BentoTypographyElement","BentoTypographyVariant"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"card.js","sources":["../src/components/card/card.types.ts","../src/components/card/card.vue"],"sourcesContent":["export enum BentoCardBackground {\n PRIMARY = 'primary',\n SECONDARY = 'secondary',\n}\n\nexport enum BentoCardTitleSize {\n DEFAULT = 'default',\n SMALL = 'small',\n}\n","<template>\n <div class=\"b-card\" :class=\"cardConditionalClasses\" data-testid=\"card\" @click=\"onClick\">\n <div\n v-if=\"showHeader\"\n class=\"b-card__header\"\n :class=\"cardHeaderConditionalClasses\"\n :tabindex=\"tabIndex\"\n :aria-controls=\"expandable ? cardId : null\"\n :aria-expanded=\"expandable ? `${showContent}` : null\"\n :role=\"expandable ? 'button' : null\"\n @click=\"toggleExpansion\"\n @keypress.enter=\"toggleExpansion\"\n @keypress.space=\"toggleExpansion\"\n >\n <div class=\"b-card__header-wrapper\">\n <div v-if=\"showTitleWrapper\" class=\"b-card__header-slot-wrapper\">\n <div class=\"b-card__title-wrapper\" :class=\"cardTitleWrapperConditionalClasses\">\n <div v-if=\"expandable\" class=\"b-card__toggle\" :class=\"cardToggleConditionalClasses\">\n <chevron-up-icon v-if=\"showContent\" :svg-title=\"t('hideCardContent')\" aria-hidden=\"true\" />\n <chevron-down-icon v-else :svg-title=\"t('showCardContent')\" aria-hidden=\"true\" />\n </div>\n <bento-typography v-if=\"hasSlot('default')\" class=\"b-card__title\" v-bind=\"typography\">\n <slot />\n </bento-typography>\n </div>\n\n <template v-if=\"hasSlot('header')\">\n <slot name=\"header\"></slot>\n </template>\n </div>\n\n <bento-typography\n v-if=\"hasSlot('description')\"\n class=\"b-card__description\"\n :el=\"BentoTypographyElement.DIV\"\n :variant=\"BentoTypographyVariant.BODY\"\n >\n <slot name=\"description\" />\n </bento-typography>\n </div>\n </div>\n\n <div\n v-if=\"showCardBody\"\n :id=\"expandable ? cardId : null\"\n class=\"b-card__body\"\n :class=\"cardBodyConditionalClasses\"\n >\n <div v-if=\"hasSlot('content')\" class=\"b-card__content\" :class=\"cardContentConditionalClasses\">\n <slot name=\"content\" />\n </div>\n\n <div v-if=\"actions\" class=\"b-card__actions\" :class=\"cardActionsConditionalClasses\">\n <bento-button-actions :actions=\"actions\" :layout=\"actionsLayout\"></bento-button-actions>\n </div>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\n import { computed, defineComponent, PropType, ref, watch } from 'vue';\n\n // Components\n import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n import { BentoButtonActions, BentoButtonActionsLayout, BentoButtonActionsList } from '@/components/button';\n import { BentoCardBackground, BentoCardTitleSize } from '@/components/card/card.types';\n import ChevronDownIcon from '@adyen/ui-assets-icons-16/vue/chevron-down';\n import ChevronUpIcon from '@adyen/ui-assets-icons-16/vue/chevron-up';\n\n // Utils\n import { useHasSlot } from '@/composables';\n import { generateUid } from '@/utils/ts/unique-id';\n import { useI18n } from '@/utils/ts/i18n';\n\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n /**\n * A card is a flexible and composable container.\n * Use cards to represent a single object or to visually group certain content, like legal information within company settings.\n *\n * @example\n * import { BentoCard } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoCard },\n * template: `\n * <bento-card>\n * Title of the Card\n * </bento-card>\n * `\n * };\n */\n export default defineComponent({\n i18n: { messages },\n name: 'bento-card',\n components: { ChevronUpIcon, ChevronDownIcon, BentoTypography, BentoButtonActions },\n props: {\n /**\n * Defines the color of card background\n */\n background: {\n type: String as PropType<BentoCardBackground | `${BentoCardBackground}`>,\n default: BentoCardBackground.PRIMARY,\n validator: (value: BentoCardBackground) => Object.values(BentoCardBackground).includes(value),\n },\n /**\n * Defines the title size of the card header\n */\n titleSize: {\n type: String as PropType<BentoCardTitleSize | `${BentoCardTitleSize}`>,\n default: BentoCardTitleSize.DEFAULT,\n validator: (value: BentoCardTitleSize) => Object.values(BentoCardTitleSize).includes(value),\n },\n /**\n * The whole content of the card will be expandable in accordion manner\n */\n expandable: {\n type: Boolean,\n default: false,\n },\n /**\n * Sets the expandable card in a closed state\n */\n closed: {\n type: Boolean,\n default: false,\n },\n /**\n * Disables the expandable card\n */\n disabled: {\n type: Boolean,\n default: false,\n },\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`: Vue Icon from the library `@adyen/ui-assets-icons-16`.\n *\n * ```\n * [{\n * title: 'Primary',\n * event: () => { ... },\n * icon: FourPeopleIcon\n * }, {\n * title: 'Secondary',\n * event: () => { ... }\n * }]\n * ```\n */\n actions: {\n type: Array as PropType<BentoButtonActionsList>,\n default: null,\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 actionsLayout: {\n type: String as PropType<BentoButtonActionsLayout | `${BentoButtonActionsLayout}`>,\n default: BentoButtonActionsLayout.BUTTONS_END,\n validator: (value: BentoButtonActionsLayout) => Object.values(BentoButtonActionsLayout).includes(value),\n },\n },\n emits: ['click', 'expanded'],\n setup(props, { emit, slots }) {\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n const hasSlot = useHasSlot(slots);\n\n const cardId = generateUid('card');\n const showContent = ref(!props.closed);\n watch(\n () => props.closed,\n value => {\n showContent.value = !value;\n }\n );\n const showHeader = computed(() => hasSlot('default') || hasSlot('description') || hasSlot('header'));\n const showTitleWrapper = computed(() => hasSlot('default') || hasSlot('header'));\n const showCardBody = computed(\n () =>\n (hasSlot('content') || props.actions?.length) &&\n (!props.expandable || (props.expandable && showContent.value))\n );\n const tabIndex = computed(() => (props.expandable && !props.disabled ? 0 : -1));\n\n const cardConditionalClasses = computed(() => ({\n [`b-card--${props.background}`]: props.background,\n 'b-card--expandable': props.expandable,\n 'b-card--disabled': props.expandable && props.disabled,\n }));\n\n const cardHeaderConditionalClasses = computed(() => ({\n 'b-card__header--expandable': props.expandable,\n 'b-card__header--without-body': !props.expandable && !showCardBody.value,\n }));\n\n const cardToggleConditionalClasses = computed(() => ({\n 'b-card__toggle--small-text': props.titleSize === BentoCardTitleSize.SMALL,\n }));\n\n const cardBodyConditionalClasses = computed(() => ({\n 'b-card__body--expandable': props.expandable && hasSlot('content'),\n 'b-card__body--without-header': !props.expandable && !showHeader.value,\n }));\n\n const cardContentConditionalClasses = computed(() => ({\n 'b-card__content--without-header': !props.expandable && !showHeader.value,\n 'b-card__content--expandable': props.expandable,\n }));\n\n const cardActionsConditionalClasses = computed(() => {\n const isNotExpandableWithoutContent = !props.expandable && props.actions && !hasSlot('content');\n\n return {\n 'b-card__actions--without-content': isNotExpandableWithoutContent,\n 'b-card__actions--without-content-and-with-header':\n isNotExpandableWithoutContent && showHeader.value,\n };\n });\n\n const cardTitleWrapperConditionalClasses = computed(() => ({\n 'b-card__title-wrapper--truncated': hasSlot('header'),\n }));\n\n const typography = computed(() => ({\n el: BentoTypographyElement.DIV,\n variant:\n props.titleSize === BentoCardTitleSize.DEFAULT\n ? BentoTypographyVariant.TITLE\n : BentoTypographyVariant.BODY,\n strongest: props.titleSize === BentoCardTitleSize.SMALL,\n wide: props.titleSize === BentoCardTitleSize.SMALL,\n }));\n\n const toggleExpansion = () => {\n if (!props.disabled) {\n showContent.value = !showContent.value;\n emit('expanded', showContent.value);\n }\n };\n\n const onClick = () => {\n if (!props.disabled) {\n emit('click');\n }\n };\n\n return {\n // Values\n cardId,\n cardConditionalClasses,\n cardBodyConditionalClasses,\n cardHeaderConditionalClasses,\n cardContentConditionalClasses,\n cardActionsConditionalClasses,\n cardTitleWrapperConditionalClasses,\n cardToggleConditionalClasses,\n showCardBody,\n showContent,\n tabIndex,\n showHeader,\n showTitleWrapper,\n typography,\n\n // Methods\n hasSlot,\n onClick,\n t,\n toggleExpansion,\n\n // Enums\n BentoTypographyVariant,\n BentoTypographyElement,\n };\n },\n });\n</script>\n\n<style lang=\"scss\" scoped src=\"./card.scss\" />\n"],"names":["BentoCardBackground","BentoCardBackground2","BentoCardTitleSize","BentoCardTitleSize2","_sfc_main","defineComponent","messages","ChevronUpIcon","ChevronDownIcon","BentoTypography","BentoButtonActions","value","BentoButtonActionsLayout","props","emit","slots","t","useI18n","hasSlot","useHasSlot","cardId","generateUid","showContent","ref","watch","showHeader","computed","showTitleWrapper","showCardBody","_a","tabIndex","cardConditionalClasses","cardHeaderConditionalClasses","cardToggleConditionalClasses","cardBodyConditionalClasses","cardContentConditionalClasses","cardActionsConditionalClasses","isNotExpandableWithoutContent","cardTitleWrapperConditionalClasses","typography","BentoTypographyElement","BentoTypographyVariant"],"mappings":"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"}
|
package/dist/checkbox.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { B as p, b as d } from "./chunks/checkbox.
|
|
2
|
-
import { a as V } from "./chunks/checkbox.
|
|
3
|
-
import { defineComponent as h, computed as t, toRef as
|
|
1
|
+
import { B as p, b as d } from "./chunks/checkbox.c06daf12.js";
|
|
2
|
+
import { a as V } from "./chunks/checkbox.c06daf12.js";
|
|
3
|
+
import { defineComponent as h, computed as t, toRef as f } from "vue";
|
|
4
4
|
import { g as _ } from "./chunks/unique-id.a2a2b458.js";
|
|
5
|
-
import { d as
|
|
6
|
-
import { C as m } from "./chunks/controls-group.
|
|
7
|
-
import { E as g } from "./chunks/error-message.
|
|
5
|
+
import { d as b } from "./chunks/index.175f9e2d.js";
|
|
6
|
+
import { C as m } from "./chunks/controls-group.9d58a091.js";
|
|
7
|
+
import { E as g } from "./chunks/error-message.a581a172.js";
|
|
8
8
|
import { n as y } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
|
|
9
|
-
import "./assets/
|
|
9
|
+
import "./assets/index13.css";
|
|
10
10
|
var a = /* @__PURE__ */ ((r) => (r.HORIZONTAL = "horizontal", r.VERTICAL = "vertical", r))(a || {});
|
|
11
11
|
const v = h({
|
|
12
12
|
name: "bento-checkbox-group",
|
|
@@ -85,10 +85,10 @@ const v = h({
|
|
|
85
85
|
() => !r.disabled && !r.readonly && !!r.errorMessage
|
|
86
86
|
), c = t(() => ({
|
|
87
87
|
"b-checkbox-group__checkboxes--horizontal": r.variant === a.HORIZONTAL
|
|
88
|
-
})), l =
|
|
88
|
+
})), l = f(r, "modelValue"), i = (n) => {
|
|
89
89
|
l.value = n, e(d.UPDATE, n);
|
|
90
90
|
};
|
|
91
|
-
return r.hasError &&
|
|
91
|
+
return r.hasError && b(
|
|
92
92
|
'BentoCheckboxGroup "hasError" property',
|
|
93
93
|
`Use the BentoCheckboxGroup "errorMessage" property instead to indicate that there is a modifier error.
|
|
94
94
|
Having the field as "undefined" will hide/remove the error.
|
|
@@ -119,7 +119,7 @@ var x = function() {
|
|
|
119
119
|
E,
|
|
120
120
|
!1,
|
|
121
121
|
null,
|
|
122
|
-
"
|
|
122
|
+
"02d9f9c6",
|
|
123
123
|
null,
|
|
124
124
|
null
|
|
125
125
|
);
|