@adyen/bento-vue3 1.7.0 → 1.7.1
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/accordion.js +2 -2
- package/dist/action-bar.js +4 -4
- package/dist/alert.js +3 -3
- package/dist/assets/base-modal.css +1 -1
- package/dist/assets/index.css +1 -1
- package/dist/assets/index10.css +1 -1
- package/dist/assets/index11.css +1 -1
- package/dist/assets/index12.css +1 -1
- package/dist/assets/index13.css +1 -1
- package/dist/assets/index14.css +1 -1
- package/dist/assets/index15.css +1 -1
- package/dist/assets/index16.css +1 -1
- package/dist/assets/index17.css +1 -1
- package/dist/assets/index18.css +1 -1
- package/dist/assets/index19.css +1 -1
- package/dist/assets/index2.css +1 -1
- package/dist/assets/index20.css +1 -1
- package/dist/assets/index21.css +1 -1
- package/dist/assets/index22.css +1 -1
- package/dist/assets/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/index40.css +1 -1
- package/dist/assets/index41.css +1 -1
- package/dist/assets/index42.css +1 -1
- package/dist/assets/index43.css +1 -1
- package/dist/assets/index44.css +1 -1
- package/dist/assets/index45.css +1 -1
- package/dist/assets/index46.css +1 -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/avatar-image.js +1 -1
- package/dist/badge.js +1 -1
- package/dist/button.js +5 -5
- package/dist/card.js +2 -2
- package/dist/checkbox.js +6 -6
- package/dist/chunks/{base-button.7897a95e.js → base-button.833c2c5d.js} +2 -2
- package/dist/chunks/{base-button.7897a95e.js.map → base-button.833c2c5d.js.map} +1 -1
- package/dist/chunks/{base-modal.0c85e7cb.js → base-modal.a113c504.js} +4 -4
- package/dist/chunks/{base-modal.0c85e7cb.js.map → base-modal.a113c504.js.map} +1 -1
- package/dist/chunks/{button-actions-with-menu.fa35390c.js → button-actions-with-menu.e89f1375.js} +2 -2
- package/dist/chunks/{button-actions-with-menu.fa35390c.js.map → button-actions-with-menu.e89f1375.js.map} +1 -1
- package/dist/chunks/{button.e5177388.js → button.c77b7a17.js} +2 -2
- package/dist/chunks/{button.e5177388.js.map → button.c77b7a17.js.map} +1 -1
- package/dist/chunks/{calendar.c83d4e99.js → calendar.c87d4445.js} +4 -4
- package/dist/chunks/{calendar.c83d4e99.js.map → calendar.c87d4445.js.map} +1 -1
- package/dist/chunks/{checkbox.3cdbdd52.js → checkbox.5d2e26b9.js} +3 -3
- package/dist/chunks/{checkbox.3cdbdd52.js.map → checkbox.5d2e26b9.js.map} +1 -1
- package/dist/chunks/{controls-group.38b436f6.js → controls-group.e9341830.js} +2 -2
- package/dist/chunks/{controls-group.38b436f6.js.map → controls-group.e9341830.js.map} +1 -1
- package/dist/chunks/{copy.86236c8d.js → copy.9ad2bf43.js} +4 -4
- package/dist/chunks/{copy.86236c8d.js.map → copy.9ad2bf43.js.map} +1 -1
- package/dist/chunks/{dropdown-default-textbox.0b38fac3.js → dropdown-default-textbox.6eb46615.js} +2 -2
- package/dist/chunks/{dropdown-default-textbox.0b38fac3.js.map → dropdown-default-textbox.6eb46615.js.map} +1 -1
- package/dist/chunks/{dropdown.afff433b.js → dropdown.2c65ead9.js} +6 -6
- package/dist/chunks/{dropdown.afff433b.js.map → dropdown.2c65ead9.js.map} +1 -1
- package/dist/chunks/{error-message.64e1964b.js → error-message.d66968dd.js} +2 -2
- package/dist/chunks/{error-message.64e1964b.js.map → error-message.d66968dd.js.map} +1 -1
- package/dist/chunks/{fixed-scroller.e5aa7b00.js → fixed-scroller.a046719e.js} +2 -2
- package/dist/chunks/{fixed-scroller.e5aa7b00.js.map → fixed-scroller.a046719e.js.map} +1 -1
- package/dist/chunks/{footer-actions.1ce44374.js → footer-actions.a4a92a80.js} +3 -3
- package/dist/chunks/{footer-actions.1ce44374.js.map → footer-actions.a4a92a80.js.map} +1 -1
- package/dist/chunks/{index.bcc58fdd.js → index.126b4d7a.js} +3 -3
- package/dist/chunks/{index.bcc58fdd.js.map → index.126b4d7a.js.map} +1 -1
- package/dist/chunks/{index.369b0e66.js → index.1f97d7e1.js} +8 -8
- package/dist/chunks/{index.369b0e66.js.map → index.1f97d7e1.js.map} +1 -1
- package/dist/chunks/{index.2bd3812b.js → index.32ef1db1.js} +2 -2
- package/dist/chunks/{index.2bd3812b.js.map → index.32ef1db1.js.map} +1 -1
- package/dist/chunks/{index.c207e9ab.js → index.4c081dd4.js} +5 -5
- package/dist/chunks/{index.c207e9ab.js.map → index.4c081dd4.js.map} +1 -1
- package/dist/chunks/{index.e579bc02.js → index.70b710b4.js} +2 -2
- package/dist/chunks/{index.e579bc02.js.map → index.70b710b4.js.map} +1 -1
- package/dist/chunks/{index.fa7b44f1.js → index.70ec4e97.js} +2 -2
- package/dist/chunks/{index.fa7b44f1.js.map → index.70ec4e97.js.map} +1 -1
- package/dist/chunks/{index.6a665ade.js → index.c60cc197.js} +3 -3
- package/dist/chunks/{index.6a665ade.js.map → index.c60cc197.js.map} +1 -1
- package/dist/chunks/{index.77f35162.js → index.f9c4b579.js} +6 -6
- package/dist/chunks/{index.77f35162.js.map → index.f9c4b579.js.map} +1 -1
- package/dist/chunks/{listbox-option-tag.809ec40e.js → listbox-option-tag.67ee5da8.js} +3 -3
- package/dist/chunks/{listbox-option-tag.809ec40e.js.map → listbox-option-tag.67ee5da8.js.map} +1 -1
- package/dist/chunks/{listbox.f6e5a11d.js → listbox.70dc835e.js} +4 -4
- package/dist/chunks/{listbox.f6e5a11d.js.map → listbox.70dc835e.js.map} +1 -1
- package/dist/chunks/{loading-button.746b7fa1.js → loading-button.bc08f016.js} +2 -2
- package/dist/chunks/{loading-button.746b7fa1.js.map → loading-button.bc08f016.js.map} +1 -1
- package/dist/chunks/{tooltip.f769eb14.js → tooltip.f37cc883.js} +3 -3
- package/dist/chunks/{tooltip.f769eb14.js.map → tooltip.f37cc883.js.map} +1 -1
- package/dist/code-snippet.js +7 -7
- package/dist/country.js +2 -2
- package/dist/currency.js +1 -1
- package/dist/data-grid.js +8 -8
- 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 +4 -4
- package/dist/empty-state.js +3 -3
- package/dist/filter-bar.js +13 -13
- package/dist/focus-trap.js +1 -1
- package/dist/form-layout.js +2 -2
- package/dist/header.js +3 -3
- package/dist/index.js +15 -15
- package/dist/info-icon.js +3 -3
- package/dist/input-field.js +4 -4
- package/dist/internal.js +7 -7
- package/dist/link.js +2 -2
- package/dist/loading-indicator.js +1 -1
- package/dist/menu.js +1 -1
- package/dist/modal.js +3 -3
- package/dist/pagination.js +4 -4
- package/dist/payment-method.js +2 -2
- package/dist/popover.js +4 -4
- package/dist/popper-container.js +1 -1
- package/dist/radio-group.js +4 -4
- package/dist/search-bar.js +2 -2
- package/dist/segmented-control.js +3 -3
- package/dist/sidepanel.js +5 -5
- package/dist/status.js +2 -2
- package/dist/stepper.js +3 -3
- package/dist/structured-list.js +1 -1
- package/dist/summary-grid.js +3 -3
- package/dist/tabs.js +3 -3
- package/dist/tag.js +3 -3
- package/dist/textarea.js +4 -4
- package/dist/timeline.js +5 -5
- package/dist/toast.js +3 -3
- package/dist/toggle.js +2 -2
- package/dist/tutorial.js +4 -4
- package/dist/typography.js +1 -1
- package/dist/web-types.json +1 -1
- package/package.json +2 -2
package/dist/assets/index44.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-
|
|
1
|
+
.b-structured-list[data-v-82de91de]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;margin:0}.b-structured-list[data-v-82de91de],.b-structured-list[data-v-82de91de]:before,.b-structured-list[data-v-82de91de]:after{box-sizing:border-box}.b-structured-list *[data-v-82de91de],.b-structured-list *[data-v-82de91de]:before,.b-structured-list *[data-v-82de91de]:after{box-sizing:border-box}.b-structured-list[data-v-82de91de] ::-webkit-scrollbar{height:14px;width:14px}.b-structured-list[data-v-82de91de] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-structured-list-item[data-v-c8b362f9]{margin-bottom:var(--b-structured-list-item-margin-bottom)}.b-structured-list-item__label[data-v-c8b362f9]{color:var(--b-structured-list-item-label-color);column-gap:var(--b-structured-list-item-label-gap);display:flex;padding:var(--b-structured-list-item-label-padding-mobile)}.b-structured-list-item__label .b-structured-list-item__icon[data-v-c8b362f9]{color:var(--b-structured-list-item-label-icon-color)}.b-structured-list-item__value[data-v-c8b362f9]{align-items:flex-start;color:var(--b-structured-list-item-item-value-color);column-gap:var(--b-structured-list-item-item-value-gap);display:flex;margin:0;padding:var(--b-structured-list-item-item-value-mobile-padding)}.b-structured-list-item__icon[data-v-c8b362f9]{margin:var(--b-structured-list-item-icon-margin)}@container (min-width: 430px){.b-structured-list-item[data-v-c8b362f9]:not(.b-structured-list-item--condensed){display:flex;margin-bottom:0;padding:var(--b-structured-list-item-padding)}.b-structured-list-item:not(.b-structured-list-item--condensed) .b-structured-list-item__label[data-v-c8b362f9]{color:var(--b-structured-list-item-label-color);flex:0 0 180px;padding:0;padding-right:var(--b-structured-list-item-label-padding)}.b-structured-list-item:not(.b-structured-list-item--condensed) .b-structured-list-item__value[data-v-c8b362f9]{align-items:flex-start;column-gap:var(--b-structured-list-item-item-value-gap);display:flex;padding:0}}.b-structured-list-item--condensed[data-v-c8b362f9]{margin-bottom:var(--b-structured-list-item-margin-bottom-condensed)}.b-structured-list-item--condensed .b-structured-list-item__label[data-v-c8b362f9],.b-structured-list-item--condensed .b-structured-list-item__value[data-v-c8b362f9]{padding:0}@container (min-width: 300px){.b-structured-list-item--condensed[data-v-c8b362f9]{display:flex;margin-bottom:0;padding:var(--b-structured-list-item-padding);padding:var(--b-structured-list-item-padding-condensed)}.b-structured-list-item--condensed .b-structured-list-item__label[data-v-c8b362f9]{color:var(--b-structured-list-item-label-color);flex:0 0 180px;padding:0;padding-right:var(--b-structured-list-item-label-padding)}.b-structured-list-item--condensed .b-structured-list-item__value[data-v-c8b362f9]{align-items:flex-start;column-gap:var(--b-structured-list-item-item-value-gap);display:flex;padding:0}.b-structured-list-item--condensed .b-structured-list-item__label[data-v-c8b362f9]{flex:0 0 130px}}
|
package/dist/assets/index45.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.b-input-field[data-v-a3278800]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column}.b-input-field[data-v-a3278800],.b-input-field[data-v-a3278800]:before,.b-input-field[data-v-a3278800]:after{box-sizing:border-box}.b-input-field *[data-v-a3278800],.b-input-field *[data-v-a3278800]:before,.b-input-field *[data-v-a3278800]:after{box-sizing:border-box}.b-input-field[data-v-a3278800] ::-webkit-scrollbar{height:14px;width:14px}.b-input-field[data-v-a3278800] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-input-field--condensed .b-input-field__input-box[data-v-a3278800]{height:28px;padding:var(--b-input-field-input-box-condensed-padding)}.b-input-field--condensed .b-input-field__input-box[data-v-a3278800]:has(.b-input-field__payment-method){padding-left:var(--b-input-field-input-box-condensed-with-payment-method-padding-left)}.b-input-field--condensed .b-input-field__default-icon-before[data-v-a3278800]{margin-right:var(--b-input-field-icon-before-condensed-margin-right)}.b-input-field--condensed .b-input-field__dropdown--end[data-v-a3278800]{padding-left:var(--b-input-field-dropdown-end-condensed-padding-left)}.b-input-field--condensed .b-input-field__dropdown--start[data-v-a3278800]{padding-right:var(--b-input-field-dropdown-start-condensed-padding-left)}.b-input-field--condensed .b-input-field__icon-after[data-v-a3278800]{margin-left:var(--b-input-field-icon-after-condensed-margin-left)}.b-input-field--condensed .b-input-field__payment-method[data-v-a3278800]{margin-right:var(--b-input-field-payment-method-condensed-margin-right)}.b-input-field--condensed .b-input-field__static-value[data-v-a3278800]{height:20px}.b-input-field--condensed .b-input-field__static-value--end[data-v-a3278800]{margin-left:var(--b-input-field-static-value-end-condensed-margin-left)}.b-input-field--condensed .b-input-field__static-value--start[data-v-a3278800]{margin-right:var(--b-input-field-static-value-start-condensed-margin-right)}.b-input-field--condensed[data-v-a3278800] .b-dropdown-small-textbox{height:20px}.b-input-field--condensed[data-v-a3278800] .b-dropdown-small-textbox__textbox{padding:var(--b-input-field-dropdown-small-textbox-condensed-padding)}.b-input-field--condensed[data-v-a3278800] .b-dropdown-base-textbox{height:100%}.b-input-field--disabled *[data-v-a3278800]{cursor:not-allowed}.b-input-field--disabled .b-input-field__input-box[data-v-a3278800]{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-a3278800]:hover{border-color:var(--b-input-field-input-box-disabled-border-color)}.b-input-field--disabled .b-input-field__default-icon-before[data-v-a3278800],.b-input-field--disabled .b-input-field__icon-after[data-v-a3278800]{color:var(--b-input-field-icons-color)}.b-input-field--disabled .b-input-field__static-value[data-v-a3278800]{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-a3278800]{opacity:.3}.b-input-field--readonly .b-input-field__input-box[data-v-a3278800],.b-input-field--readonly .b-input-field__input-box *[data-v-a3278800]{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-a3278800]:hover,.b-input-field--readonly .b-input-field__input-box *[data-v-a3278800]:hover{border-color:var(--b-input-field-input-box-disabled-border-color)}.b-input-field--readonly .b-input-field__static-value[data-v-a3278800]{background-color:var(--b-input-field-static-value-disabled-background-color)}.b-input-field--error .b-input-field__input-box[data-v-a3278800]{border-color:var(--b-input-field-input-box-error-border-color);outline:var(--b-input-field-input-box-error-outline)}.b-input-field__label[data-v-a3278800]{color:var(--b-input-field-label-color);margin-bottom:var(--b-input-field-label-margin-bottom)}.b-input-field__label-requirement[data-v-a3278800]{color:var(--b-input-field-label-requirement-color)}.b-input-field__input-box[data-v-a3278800]{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-a3278800]:hover{border-color:var(--b-input-field-input-box-hover-border-color);outline-color:var(--b-input-field-input-box-hover-border-color)}.b-input-field__input-box[data-v-a3278800]:focus-within{border-color:var(--b-input-field-input-box-focus-border-color);outline:var(--b-input-field-input-box-focus-outline)}.b-input-field--small-padding-left .b-input-field__input-box[data-v-a3278800]{padding:var(--b-input-field-input-box-small-padding-left)}.b-input-field--small-padding-right .b-input-field__input-box[data-v-a3278800]{padding:var(--b-input-field-input-box-small-padding-right)}.b-input-field__static-value[data-v-a3278800]{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-a3278800]{margin-left:-8px;margin-right:var(--b-input-field-static-value-margin)}.b-input-field__static-value--end[data-v-a3278800]{margin-left:var(--b-input-field-static-value-margin);margin-right:-8px}.b-input-field__payment-method[data-v-a3278800]{height:16px;margin-right:var(--b-input-field-payment-method-margin-right)}.b-input-field__dropdown[data-v-a3278800] .b-dropdown-small-textbox{border-radius:var(--b-input-field-dropdown-border-radius)}.b-input-field__dropdown--start[data-v-a3278800]{padding-right:var(--b-input-field-dropdown-padding-right)}.b-input-field__dropdown--end[data-v-a3278800]{padding-left:var(--b-input-field-dropdown-padding-right)}.b-input-field__input[data-v-a3278800]{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-a3278800]::-ms-clear,.b-input-field__input[type=search][data-v-a3278800]::-ms-reveal{display:none;height:0;width:0}.b-input-field__input[type=search][data-v-a3278800]::-webkit-search-decoration,.b-input-field__input[type=search][data-v-a3278800]::-webkit-search-cancel-button,.b-input-field__input[type=search][data-v-a3278800]::-webkit-search-results-button,.b-input-field__input[type=search][data-v-a3278800]::-webkit-search-results-decoration{display:none}.b-input-field__input[type=number][data-v-a3278800]::-webkit-outer-spin-button,.b-input-field__input[type=number][data-v-a3278800]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.b-input-field__input[data-v-a3278800]::placeholder{color:var(--b-input-field-input-placeholder-color);opacity:1}.b-input-field__input[data-v-a3278800]:focus-visible{box-shadow:none;outline:none}.b-input-field__input[data-v-a3278800]:disabled{color:var(--b-input-field-input-disabled-color)}.b-input-field__input[data-v-a3278800]:disabled::placeholder{background-color:var(--b-input-field-input-disabled-background-color)}.b-input-field__input[type=number][data-v-a3278800]{-moz-appearance:textfield}.b-input-field__description[data-v-a3278800]{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-a3278800]{margin-bottom:-4px;margin-top:var(--b-input-field-error-message-margin-top)}.b-input-field__default-icon-before[data-v-a3278800]{display:flex;margin-right:var(--b-input-field-icon-before-margin-right)}.b-input-field__icon-after[data-v-a3278800]{display:flex;margin-left:var(--b-input-field-icon-after-margin-left)}
|
|
1
|
+
button[data-v-b1f946e5]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-b1f946e5]:focus-visible{outline:none}.b-filter-bar-button[data-v-b1f946e5]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;appearance:none;background-color:var(--b-filter-bar-button-background-color);border:var(--b-filter-bar-button-border);border-radius:var(--b-filter-bar-button-border-radius);color:var(--b-filter-bar-button-color);cursor:pointer;display:inline-flex;height:var(--b-filter-bar-button-height);justify-content:center;text-decoration:none;user-select:none}.b-filter-bar-button[data-v-b1f946e5],.b-filter-bar-button[data-v-b1f946e5]:before,.b-filter-bar-button[data-v-b1f946e5]:after{box-sizing:border-box}.b-filter-bar-button *[data-v-b1f946e5],.b-filter-bar-button *[data-v-b1f946e5]:before,.b-filter-bar-button *[data-v-b1f946e5]:after{box-sizing:border-box}.b-filter-bar-button[data-v-b1f946e5] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar-button[data-v-b1f946e5] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media (hover: hover){.b-filter-bar-button[data-v-b1f946e5]:hover{background-color:var(--b-filter-bar-button-hover-background-color);color:var(--b-filter-bar-button-hover-color)}.b-filter-bar-button:hover .b-filter-bar-button__counter[data-v-b1f946e5]{background-color:var(--b-filter-bar-button-counter-hover-background-color)}}.b-legacy-theme .b-filter-bar-button__counter[data-v-b1f946e5]{font-weight:400;line-height:19px}.b-legacy-theme .b-filter-bar-button__label[data-v-b1f946e5]{font-weight:400}.b-legacy-theme .b-filter-bar-button--with-counter[data-v-b1f946e5]{background-color:var(--b-filter-bar-button-with-counter-background-color);border:var(--b-filter-bar-button-with-counter-border);color:var(--b-filter-bar-button-with-counter-color)}.b-legacy-theme .b-filter-bar-button--with-counter[data-v-b1f946e5]:active:not(:disabled){background-color:var(--b-filter-bar-button-with-counter-active-background-color);border-color:var(--b-filter-bar-button-with-counter-active-border-color);color:var(--b-filter-bar-button-with-counter-active-color)}.b-legacy-theme .b-filter-bar-button--with-counter:active:not(:disabled) .b-filter-bar-button__counter[data-v-b1f946e5]{color:var(--b-filter-bar-button-with-counter-active-counter-color)}.b-filter-bar-button[data-v-b1f946e5]:active:not(:disabled){border:var(--b-filter-bar-button-active-border)}.b-filter-bar-button[data-v-b1f946e5]:disabled,.b-filter-bar-button[data-v-b1f946e5]:disabled:not(:focus){background-color:var(--b-filter-bar-button-disabled-background-color);color:var(--b-filter-bar-button-disabled-color);cursor:not-allowed}.b-filter-bar-button:disabled .b-filter-bar-button__counter[data-v-b1f946e5],.b-filter-bar-button:disabled:not(:focus) .b-filter-bar-button__counter[data-v-b1f946e5]{background-color:var(--b-filter-bar-button-counter-disabled-background-color);color:var(--b-filter-bar-button-counter-disabled-color)}.b-filter-bar-button[data-v-b1f946e5]:focus-visible{animation:outer-ring-default-b1f946e5 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color);z-index:1}@keyframes outer-ring-default-b1f946e5{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-filter-bar-button--filter-open[data-v-b1f946e5]:not(:hover){border:var(--b-filter-bar-button-filter-open-border)}.b-filter-bar-button--with-chevron .b-filter-bar-button__container[data-v-b1f946e5]{padding-right:var(--b-filter-bar-button-with-chevron-container-padding-right)}.b-filter-bar-button__chevron[data-v-b1f946e5]{display:flex;justify-content:center;padding-right:var(--b-filter-bar-button-chevron-padding-right)}.b-filter-bar-button__container[data-v-b1f946e5]{align-items:center;display:inline-flex;gap:var(--b-filter-bar-button-container-gap);justify-content:center;padding:var(--b-filter-bar-button-container-padding);vertical-align:bottom}.b-filter-bar-button__counter[data-v-b1f946e5]{background-color:var(--b-filter-bar-button-counter-background-color);border-radius:var(--b-filter-bar-button-counter-border-radius);color:var(--b-filter-bar-button-counter-color);margin-right:var(--b-filter-bar-button-counter-margin-right);padding:var(--b-filter-bar-button-counter-padding)}.b-filter-bar-button__label-container[data-v-b1f946e5]{display:inline-flex;gap:var(--b-filter-bar-button-label-container-gap)}.b-filter-bar-button__label[data-v-b1f946e5],.b-filter-bar-button__secondary-label[data-v-b1f946e5]{display:inline-flex;line-height:var(--b-filter-bar-button-label-line-height);vertical-align:middle}.b-filter-bar-button__secondary-label[data-v-b1f946e5]{color:var(--b-filter-bar-button-secondary-label-color)}.b-filter-bar-button__icon-left[data-v-b1f946e5],.b-filter-bar-button__icon-right[data-v-b1f946e5]{display:inline-flex}.b-base-filter[data-v-7f11dd78]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block}.b-base-filter[data-v-7f11dd78],.b-base-filter[data-v-7f11dd78]:before,.b-base-filter[data-v-7f11dd78]:after{box-sizing:border-box}.b-base-filter *[data-v-7f11dd78],.b-base-filter *[data-v-7f11dd78]:before,.b-base-filter *[data-v-7f11dd78]:after{box-sizing:border-box}.b-base-filter[data-v-7f11dd78] ::-webkit-scrollbar{height:14px;width:14px}.b-base-filter[data-v-7f11dd78] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-legacy-theme .b-base-filter__popover[data-v-7f11dd78] .b-button-actions__container-wrapper{flex-direction:row;justify-content:space-between}.b-input-filter[data-v-331367ce]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-filter-bar-input-filter-padding)}.b-input-filter[data-v-331367ce],.b-input-filter[data-v-331367ce]:before,.b-input-filter[data-v-331367ce]:after{box-sizing:border-box}.b-input-filter *[data-v-331367ce],.b-input-filter *[data-v-331367ce]:before,.b-input-filter *[data-v-331367ce]:after{box-sizing:border-box}.b-input-filter[data-v-331367ce] ::-webkit-scrollbar{height:14px;width:14px}.b-input-filter[data-v-331367ce] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-input-filter--only-slot[data-v-331367ce]{padding:var(--b-filter-bar-input-filter-only-slot-padding)}.b-date-filter[data-v-66ffdc53]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-filter-bar-date-filter-padding)}.b-date-filter[data-v-66ffdc53],.b-date-filter[data-v-66ffdc53]:before,.b-date-filter[data-v-66ffdc53]:after{box-sizing:border-box}.b-date-filter *[data-v-66ffdc53],.b-date-filter *[data-v-66ffdc53]:before,.b-date-filter *[data-v-66ffdc53]:after{box-sizing:border-box}.b-date-filter[data-v-66ffdc53] ::-webkit-scrollbar{height:14px;width:14px}.b-date-filter[data-v-66ffdc53] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-date-filter__divider[data-v-66ffdc53]{margin-top:var(--b-filter-bar-date-filter-divider-margin-top)}@container (max-width: 260px){.b-base-filter-date-range-filter[data-v-f5976db7] .b-filter-bar-button__secondary-label{display:block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.b-date-range-filter[data-v-f5976db7]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-date-range-filter[data-v-f5976db7],.b-date-range-filter[data-v-f5976db7]:before,.b-date-range-filter[data-v-f5976db7]:after{box-sizing:border-box}.b-date-range-filter *[data-v-f5976db7],.b-date-range-filter *[data-v-f5976db7]:before,.b-date-range-filter *[data-v-f5976db7]:after{box-sizing:border-box}.b-date-range-filter[data-v-f5976db7] ::-webkit-scrollbar{height:14px;width:14px}.b-date-range-filter[data-v-f5976db7] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-date-range-filter__actions[data-v-f5976db7]{padding:var(--b-filter-bar-date-range-filter-actions-padding)}.b-legacy-theme .b-date-range-filter__actions[data-v-f5976db7] .b-button-actions__container-wrapper{flex-direction:initial;justify-content:space-between}.b-date-range-filter__divider[data-v-f5976db7]{margin:var(--b-filter-bar-date-range-filter-divider-margin)}.b-select-filter[data-v-b8decbb4]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-select-filter[data-v-b8decbb4],.b-select-filter[data-v-b8decbb4]:before,.b-select-filter[data-v-b8decbb4]:after{box-sizing:border-box}.b-select-filter *[data-v-b8decbb4],.b-select-filter *[data-v-b8decbb4]:before,.b-select-filter *[data-v-b8decbb4]:after{box-sizing:border-box}.b-select-filter[data-v-b8decbb4] ::-webkit-scrollbar{height:14px;width:14px}.b-select-filter[data-v-b8decbb4] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-select-filter__divider[data-v-b8decbb4]{background-color:var(--b-filter-bar-select-filter-divider-background-color);border-width:var(--b-filter-bar-select-filter-divider-border-width);height:1px;margin:var(--b-filter-bar-select-filter-divider-margin)}.b-select-filter__search-bar[data-v-b8decbb4]{padding:var(--b-filter-bar-select-filter-search-bar-padding)}.b-select-filter__wrapper[data-v-b8decbb4]{max-height:270px}.b-boolean-filter[data-v-8510b360]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-filter-bar-boolean-filter-padding)}.b-boolean-filter[data-v-8510b360],.b-boolean-filter[data-v-8510b360]:before,.b-boolean-filter[data-v-8510b360]:after{box-sizing:border-box}.b-boolean-filter *[data-v-8510b360],.b-boolean-filter *[data-v-8510b360]:before,.b-boolean-filter *[data-v-8510b360]:after{box-sizing:border-box}.b-boolean-filter[data-v-8510b360] ::-webkit-scrollbar{height:14px;width:14px}.b-boolean-filter[data-v-8510b360] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-boolean-filter--only-slot[data-v-8510b360]{padding:var(--b-filter-bar-boolean-filter-only-slot-padding)}.b-range-filter[data-v-a4d1d149]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-filter-bar-range-filter-padding)}.b-range-filter[data-v-a4d1d149],.b-range-filter[data-v-a4d1d149]:before,.b-range-filter[data-v-a4d1d149]:after{box-sizing:border-box}.b-range-filter *[data-v-a4d1d149],.b-range-filter *[data-v-a4d1d149]:before,.b-range-filter *[data-v-a4d1d149]:after{box-sizing:border-box}.b-range-filter[data-v-a4d1d149] ::-webkit-scrollbar{height:14px;width:14px}.b-range-filter[data-v-a4d1d149] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-range-filter__input-field[data-v-a4d1d149]{padding-top:var(--b-filter-bar-range-filter-item-padding)}.b-range-filter--only-slot[data-v-a4d1d149]{padding:var(--b-filter-bar-range-filter-only-slot-padding)}button[data-v-af9efc73]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-af9efc73]:focus-visible{outline:none}.b-base-filter-button[data-v-af9efc73]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;appearance:none;background-color:var(--b-filter-button-background-color);color:var(--b-filter-button-font-color);cursor:pointer;display:inline-flex;height:40px;justify-content:center;padding:var(--b-filter-button-padding);text-decoration:none;user-select:none;width:100%}.b-base-filter-button[data-v-af9efc73],.b-base-filter-button[data-v-af9efc73]:before,.b-base-filter-button[data-v-af9efc73]:after{box-sizing:border-box}.b-base-filter-button *[data-v-af9efc73],.b-base-filter-button *[data-v-af9efc73]:before,.b-base-filter-button *[data-v-af9efc73]:after{box-sizing:border-box}.b-base-filter-button[data-v-af9efc73] ::-webkit-scrollbar{height:14px;width:14px}.b-base-filter-button[data-v-af9efc73] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media (hover: hover){.b-base-filter-button[data-v-af9efc73]:hover{background-color:var(--b-filter-button-hover-background-color);color:var(--b-filter-button-hover-text-color)}.b-base-filter-button:hover .b-base-filter-button__counter[data-v-af9efc73]{background-color:var(--b-filter-button-counter-hover-background-color)}}.b-legacy-theme .b-base-filter-button__counter[data-v-af9efc73]{font-weight:400;line-height:19px}.b-legacy-theme .b-base-filter-button__label[data-v-af9efc73]{font-weight:400}.b-base-filter-button[data-v-af9efc73] .b-base-button__label{width:100%}.b-base-filter-button[data-v-af9efc73]:active:not(:disabled){background-color:var(--b-filter-button-active-background-color)}.b-base-filter-button:active:not(:disabled) .b-base-filter-button__counter[data-v-af9efc73]{background-color:var(--b-filter-button-counter-active-background-color)}.b-base-filter-button[data-v-af9efc73]:disabled,.b-base-filter-button[data-v-af9efc73]:disabled:not(:focus){background-color:var(--b-filter-button-disabled-background-color);color:var(--b-filter-button-disabled-font-color);cursor:not-allowed}.b-base-filter-button:disabled .b-base-filter-button__counter[data-v-af9efc73],.b-base-filter-button:disabled:not(:focus) .b-base-filter-button__counter[data-v-af9efc73]{background-color:var(--b-filter-button-counter-disabled-background-color);color:var(--b-filter-button-counter-disabled-font-color)}.b-base-filter-button[data-v-af9efc73]:focus-visible{background-color:var(--b-filter-button-modal-focus-background-color)}.b-base-filter-button:focus-visible .b-base-filter-button__counter[data-v-af9efc73]{background-color:var(--b-filter-button-modal-counter-focus-background-color)}.b-base-filter-button--filter-open[data-v-af9efc73]{background-color:var(--b-filter-button-modal-open-background-color)}.b-base-filter-button--filter-open .b-base-filter-button__counter[data-v-af9efc73]{background-color:var(--b-filter-button-counter-open-background-color)}.b-base-filter-button__default-container[data-v-af9efc73]{align-items:center;display:flex;gap:var(--b-filter-button-default-container-gap);width:100%}.b-base-filter-button__counter[data-v-af9efc73]{background-color:var(--b-filter-button-counter-background-color);border-radius:var(--b-filter-button-counter-border-radius);color:var(--b-filter-button-counter-font-color);padding:var(--b-filter-button-counter-padding)}.b-base-filter-button__counter-wrapper[data-v-af9efc73]{align-items:center;display:flex}.b-base-filter-button__label[data-v-af9efc73]{display:block;overflow:hidden;text-overflow:ellipsis}.b-base-filter-button__label-container[data-v-af9efc73]{overflow:hidden;white-space:nowrap;width:100%}.b-base-filter-button__icon-left[data-v-af9efc73],.b-base-filter-button__icon-right[data-v-af9efc73]{display:inline-flex}.b-all-filters-modal-button[data-v-b96a672f]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-all-filters-modal-button[data-v-b96a672f],.b-all-filters-modal-button[data-v-b96a672f]:before,.b-all-filters-modal-button[data-v-b96a672f]:after{box-sizing:border-box}.b-all-filters-modal-button *[data-v-b96a672f],.b-all-filters-modal-button *[data-v-b96a672f]:before,.b-all-filters-modal-button *[data-v-b96a672f]:after{box-sizing:border-box}.b-all-filters-modal-button[data-v-b96a672f] ::-webkit-scrollbar{height:14px;width:14px}.b-all-filters-modal-button[data-v-b96a672f] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media (hover: hover){.b-all-filters-modal-button[data-v-b96a672f]:hover{background-color:var(--b-filter-button-modal-hover-background-color);color:var(--b-filter-button-modal-hover-color)}}.b-legacy-theme .b-all-filters-modal-button[data-v-b96a672f]{border-radius:var(--b-filter-button-modal-border-radius)}@media (hover: hover){.b-legacy-theme .b-all-filters-modal-button[data-v-b96a672f]:hover{background-color:var(--b-filter-button-modal-hover-background-color)}.b-legacy-theme .b-all-filters-modal-button[data-v-b96a672f]:hover:is(.b-all-filters-modal-button--filter-open){background-color:var(--b-filter-button-modal-open-background-color)}}.b-legacy-theme .b-all-filters-modal-button[data-v-b96a672f]:disabled,.b-legacy-theme .b-all-filters-modal-button[data-v-b96a672f]:disabled:not(:focus){background-color:var(--b-filter-button-modal-disabled-background-color);color:var(--b-filter-button-modal-disabled-color)}.b-legacy-theme .b-all-filters-modal-button[data-v-b96a672f]:disabled .b-base-filter-button__counter,.b-legacy-theme .b-all-filters-modal-button[data-v-b96a672f]:disabled:not(:focus) .b-base-filter-button__counter{background-color:var(--b-filter-button-modal-disabled-counter-background-color);color:var(--b-filter-button-modal-disabled-counter-color)}.b-legacy-theme .b-all-filters-modal-button[data-v-b96a672f]:focus-visible{box-shadow:var(--b-filter-button-modal-focus-box-shadow)}.b-legacy-theme .b-all-filters-modal-button[data-v-b96a672f]:focus-visible:is(.b-all-filters-modal-button--filter-open){background-color:var(--b-filter-button-modal-open-background-color)}.b-legacy-theme .b-all-filters-modal-button[data-v-b96a672f] .b-base-filter-button__counter{background-color:var(--b-filter-button-modal-counter-background-color);color:var(--b-filter-button-modal-counter-color)}svg[data-v-6a35173c]{display:inline-flex;flex-shrink:0}svg[data-v-6a35173c],svg *[data-v-6a35173c]{fill:currentcolor}.b-all-filters-modal[data-v-2653c56a]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-all-filters-modal[data-v-2653c56a],.b-all-filters-modal[data-v-2653c56a]:before,.b-all-filters-modal[data-v-2653c56a]:after{box-sizing:border-box}.b-all-filters-modal *[data-v-2653c56a],.b-all-filters-modal *[data-v-2653c56a]:before,.b-all-filters-modal *[data-v-2653c56a]:after{box-sizing:border-box}.b-all-filters-modal[data-v-2653c56a] ::-webkit-scrollbar{height:14px;width:14px}.b-all-filters-modal[data-v-2653c56a] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-all-filters-modal[data-v-2653c56a] .b-modal-base__wrapper{height:calc(100vh - 128px);max-height:800px;overflow:hidden;padding-bottom:68px;position:relative}.b-all-filters-modal[data-v-2653c56a] .b-modal-base__content{flex:1;height:fit-content;max-height:calc(100% - 63px);padding:var(--b-filter-bar-all-filters-modal-content-padding)}.b-all-filters-modal[data-v-2653c56a] .b-modal-base__content>.b-typography{height:100%}.b-all-filters-modal[data-v-2653c56a] .b-modal-base__grid{overflow:hidden}.b-all-filters-modal[data-v-2653c56a] .b-modal-base__grid>:nth-child(1){-ms-overflow-style:none;scrollbar-width:none;height:100%;overflow-y:auto;padding-bottom:var(--b-filter-bar-all-filters-modal-filters-list-margin);padding-right:var(--b-filter-bar-all-filters-modal-filters-list-margin)}.b-all-filters-modal[data-v-2653c56a] .b-modal-base__grid>:nth-child(1) ::-webkit-scrollbar{display:none}.b-all-filters-modal[data-v-2653c56a] .b-modal-base__grid>:nth-child(2){max-height:100%}.b-all-filters-modal[data-v-2653c56a] .b-grid-layout{gap:0;height:100%}.b-all-filters-modal[data-v-2653c56a] .b-modal-base__actions-container{bottom:0;position:absolute;width:100%}.b-all-filters-modal__filters[data-v-2653c56a]{display:flex;flex-direction:column;gap:var(--b-filter-bar-all-filters-modal-filters-gap)}.b-all-filters-modal__search-bar[data-v-2653c56a]{padding:var(--b-filter-bar-all-filters-modal-search-bar-padding)}.b-all-filters-modal__empty-search-message[data-v-2653c56a]{color:var(--b-filter-bar-all-filters-modal-filters-list-empty-search-message-color);padding:var(--b-filter-bar-all-filters-modal-filters-list-empty-search-message-padding);text-align:center}.b-all-filters-modal__filters-list[data-v-2653c56a]{list-style:none;margin:var(--b-filter-bar-all-filters-modal-filters-list-margin);padding:var(--b-filter-bar-all-filters-modal-filters-list-padding)}.b-all-filters-modal__filters-section[data-v-2653c56a]{display:flex;flex-direction:column;gap:var(--b-filter-bar-all-filters-modal-filters-list-gap)}.b-all-filters-modal__filters-section-title[data-v-2653c56a]{color:var(--b-filter-bar-all-filters-modal-filters-list-title-color);padding:var(--b-filter-bar-all-filters-modal-filters-list-title-padding)}.b-all-filters-modal__selected-filter-content[data-v-2653c56a]{display:flex;flex-direction:column;height:100%;padding:var(--b-filter-bar-all-filters-modal-selected-filter-content-padding)}.b-all-filters-modal__selected-filter-component[data-v-2653c56a]{flex:1}.b-all-filters-modal__clear-button[data-v-2653c56a]{display:flex;justify-content:flex-end}.b-all-filters-modal__selected-filter-text[data-v-2653c56a]{display:flex;flex-direction:column;gap:var(--b-filter-bar-all-filters-modal-content-text-gap);margin-bottom:var(--b-filter-bar-all-filters-modal-content-text-margin-bottom)}.b-filter-bar[data-v-013af320]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;display:flex;flex-wrap:wrap;gap:var(--b-filter-bar-gap);width:100%}.b-filter-bar[data-v-013af320],.b-filter-bar[data-v-013af320]:before,.b-filter-bar[data-v-013af320]:after{box-sizing:border-box}.b-filter-bar *[data-v-013af320],.b-filter-bar *[data-v-013af320]:before,.b-filter-bar *[data-v-013af320]:after{box-sizing:border-box}.b-filter-bar[data-v-013af320] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar[data-v-013af320] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-filter-bar[data-v-013af320]:focus-within{position:relative;z-index:var(--b-filter-bar-z-index)}.b-filter-bar__search-bar[data-v-013af320]{width:200px}
|
package/dist/assets/index46.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-
|
|
1
|
+
.b-payment-method[data-v-d35ea8b5]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex}.b-payment-method[data-v-d35ea8b5],.b-payment-method[data-v-d35ea8b5]:before,.b-payment-method[data-v-d35ea8b5]:after{box-sizing:border-box}.b-payment-method *[data-v-d35ea8b5],.b-payment-method *[data-v-d35ea8b5]:before,.b-payment-method *[data-v-d35ea8b5]:after{box-sizing:border-box}.b-payment-method[data-v-d35ea8b5] ::-webkit-scrollbar{height:14px;width:14px}.b-payment-method[data-v-d35ea8b5] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-payment-method__icon-container[data-v-d35ea8b5]{align-items:center;display:flex}.b-payment-method__icon[data-v-d35ea8b5]{height:26px;width:40px}.b-payment-method__icon--small[data-v-d35ea8b5]{height:16px;width:22px}.b-payment-method__label[data-v-d35ea8b5]{align-items:center;color:var(--b-payment-method-label-color);display:flex;padding:var(--b-payment-method-label-padding)}
|
package/dist/assets/index5.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-
|
|
1
|
+
.b-avatar-image[data-v-43c406e6]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:50%;height:var(--b-avatar-image-height);line-height:100%;overflow:hidden;width:var(--b-avatar-image-width)}.b-avatar-image[data-v-43c406e6],.b-avatar-image[data-v-43c406e6]:before,.b-avatar-image[data-v-43c406e6]:after{box-sizing:border-box}.b-avatar-image *[data-v-43c406e6],.b-avatar-image *[data-v-43c406e6]:before,.b-avatar-image *[data-v-43c406e6]:after{box-sizing:border-box}.b-avatar-image[data-v-43c406e6] ::-webkit-scrollbar{height:14px;width:14px}.b-avatar-image[data-v-43c406e6] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-avatar-image--small[data-v-43c406e6]{height:var(--b-avatar-image-small-height);width:var(--b-avatar-image-small-width)}.b-avatar-image--yellow[data-v-43c406e6]{background-color:var(--b-avatar-image-yellow-background-color);color:var(--b-avatar-image-yellow-color)}.b-avatar-image--blue[data-v-43c406e6]{background-color:var(--b-avatar-image-blue-background-color);color:var(--b-avatar-image-blue-color)}.b-avatar-image--green[data-v-43c406e6]{background-color:var(--b-avatar-image-green-background-color);color:var(--b-avatar-image-green-color)}.b-avatar-image--red[data-v-43c406e6]{background-color:var(--b-avatar-image-red-background-color);color:var(--b-avatar-image-red-color)}.b-avatar-image__image[data-v-43c406e6]{height:100%;object-fit:cover;width:100%}.b-avatar-image__default[data-v-43c406e6]{align-items:center;display:flex;height:100%;justify-content:center;width:100%}
|
package/dist/assets/index6.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-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-b43bf06c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-data-grid-columns[data-v-b43bf06c],.b-data-grid-columns[data-v-b43bf06c]:before,.b-data-grid-columns[data-v-b43bf06c]:after{box-sizing:border-box}.b-data-grid-columns *[data-v-b43bf06c],.b-data-grid-columns *[data-v-b43bf06c]:before,.b-data-grid-columns *[data-v-b43bf06c]:after{box-sizing:border-box}.b-data-grid-columns[data-v-b43bf06c] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid-columns[data-v-b43bf06c] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-data-grid-columns--frozen[data-v-b43bf06c]{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-b43bf06c]{display:flex}.b-data-grid-columns--config-settings-margin[data-v-b43bf06c]{margin-right:var(--b-data-grid-config-settings-column-and-row-margin)}.b-data-grid-columns__column[data-v-b43bf06c]{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-b43bf06c]{cursor:pointer}.b-data-grid-columns__column--sortable[data-v-b43bf06c]:hover{background-color:var(--b-data-grid-column-hover-background-color)}.b-data-grid-columns__column--padding-left-unset[data-v-b43bf06c]{padding-left:0}.b-data-grid-columns__column--padding-right-unset[data-v-b43bf06c]{padding-right:0}.b-data-grid-columns__column--overflow-ellipsis *[data-v-b43bf06c]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-data-grid-columns__column--numeric[data-v-b43bf06c]{justify-content:flex-end;text-align:right}.b-data-grid-columns__column--is-re-ordering-target-left[data-v-b43bf06c]: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-b43bf06c]: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-b43bf06c]{cursor:move;cursor:grab}.b-data-grid-columns__column--is-re-ordering[data-v-b43bf06c],.b-data-grid-columns__column--is-re-ordering *[data-v-b43bf06c]{background-color:var(--b-data-grid-column-draggable-ghost-background-color);cursor:grabbing}.b-data-grid-columns__column-header[data-v-b43bf06c]{align-items:center;display:flex;gap:var(--b-data-grid-column-header-gap)}.b-data-grid-columns__column-separator-container[data-v-b43bf06c]{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-b43bf06c]{right:var(--b-data-grid-resizer-width)}.b-data-grid-columns__column-separator-container--is-resizeable[data-v-b43bf06c]{cursor:ew-resize}.b-data-grid-columns__column-separator[data-v-b43bf06c]{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-b43bf06c]{border-color:var(--b-data-grid-column-separator-resizeable-hover-color)}.b-data-grid-columns__column-actions[data-v-b43bf06c]{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-b43bf06c]{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-b43bf06c]{color:var(--b-data-grid-column-sort-icon-color);display:inline-flex;margin-top:-2px}.b-data-grid-columns__column-sort-icon[data-v-b43bf06c]:nth-child(2){margin-top:-8px}.b-data-grid-columns__column--sortable:hover .b-data-grid-columns__column-sort-icon[data-v-b43bf06c]{color:var(--b-data-grid-column-hover-sort-icon-color)}.b-data-grid-columns__column-sort-icon--sorted[data-v-b43bf06c],.b-data-grid-columns__column--sortable:hover .b-data-grid-columns__column-sort-icon--sorted[data-v-b43bf06c]{color:var(--b-data-grid-column-sort-icon-sorted-color)}.b-data-grid-columns__menu[data-v-b43bf06c]{display:flex}@media (min-width: 376px){.b-data-grid-columns__menu[data-v-b43bf06c] .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-3ce82b51]{scrollbar-color:var(--b-color-background-quaternary) transparent;-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-3ce82b51],.b-data-grid-config-settings-column-row[data-v-3ce82b51]:before,.b-data-grid-config-settings-column-row[data-v-3ce82b51]:after{box-sizing:border-box}.b-data-grid-config-settings-column-row *[data-v-3ce82b51],.b-data-grid-config-settings-column-row *[data-v-3ce82b51]:before,.b-data-grid-config-settings-column-row *[data-v-3ce82b51]:after{box-sizing:border-box}.b-data-grid-config-settings-column-row[data-v-3ce82b51] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid-config-settings-column-row[data-v-3ce82b51] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media (hover: hover){.b-data-grid-config-settings-column-row[data-v-3ce82b51]:hover{background-color:var(--b-data-grid-config-column-row-hover-background-color)}}.b-data-grid-config-settings-column-row__freeze-icon[data-v-3ce82b51]{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-3ce82b51]{color:var(--b-data-grid-config-column-row-freeze-icon-frozen-color)}.b-data-grid-config-settings[data-v-87adbca0]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-data-grid-config-settings[data-v-87adbca0],.b-data-grid-config-settings[data-v-87adbca0]:before,.b-data-grid-config-settings[data-v-87adbca0]:after{box-sizing:border-box}.b-data-grid-config-settings *[data-v-87adbca0],.b-data-grid-config-settings *[data-v-87adbca0]:before,.b-data-grid-config-settings *[data-v-87adbca0]:after{box-sizing:border-box}.b-data-grid-config-settings[data-v-87adbca0] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid-config-settings[data-v-87adbca0] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-data-grid-config-settings__button-and-separator[data-v-87adbca0]{align-items:center;background-color:var(--b-data-grid-config-settings-button-and-separator-background-color);display:flex;height:calc(100% - var(--b-data-grid-columns-border-width));padding:var(--b-data-grid-config-settings-button-and-separator-padding)}.b-data-grid-config-settings__button-container[data-v-87adbca0]{display:flex;margin:var(--b-data-grid-config-settings-button-margin);padding:var(--b-data-grid-config-settings-button-padding)}.b-data-grid-config-settings__column-separator[data-v-87adbca0]{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-87adbca0]{max-height:540px;min-width:285px;overflow:auto}.b-data-grid-config-settings__panel[data-v-87adbca0] .b-popover__content{padding:14px 0}.b-data-grid-config-settings__panel-header[data-v-87adbca0]{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-87adbca0]{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-87adbca0]{display:block;padding:var(--b-data-grid-config-condensed-view-title-padding)}.b-data-grid-config-settings__column-visibility-settings[data-v-87adbca0]{padding:var(--b-data-grid-config-column-visibility-padding)}.b-data-grid-config-settings__column-visibility-header[data-v-87adbca0]{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-87adbca0]{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-87adbca0]{margin:var(--b-data-grid-config-column-visibility-search-margin)}.b-data-grid-config-settings__column-visibility-toggles[data-v-87adbca0]{display:flex;flex-direction:column}.b-data-grid-config-settings__column-visibility-empty-search-message[data-v-87adbca0]{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-lazy-load[data-v-4b9efd59]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-data-grid-lazy-load-background-color);border-top:var(--b-data-grid-lazy-load-border);display:flex;justify-content:center;padding:var(--b-data-grid-lazy-load-padding);position:relative;z-index:var(--b-data-grid-lazy-load-z-index)}.b-data-grid-lazy-load[data-v-4b9efd59],.b-data-grid-lazy-load[data-v-4b9efd59]:before,.b-data-grid-lazy-load[data-v-4b9efd59]:after{box-sizing:border-box}.b-data-grid-lazy-load *[data-v-4b9efd59],.b-data-grid-lazy-load *[data-v-4b9efd59]:before,.b-data-grid-lazy-load *[data-v-4b9efd59]:after{box-sizing:border-box}.b-data-grid-lazy-load[data-v-4b9efd59] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid-lazy-load[data-v-4b9efd59] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-data-grid[data-v-c8d12436]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}.b-data-grid[data-v-c8d12436],.b-data-grid[data-v-c8d12436]:before,.b-data-grid[data-v-c8d12436]:after{box-sizing:border-box}.b-data-grid *[data-v-c8d12436],.b-data-grid *[data-v-c8d12436]:before,.b-data-grid *[data-v-c8d12436]:after{box-sizing:border-box}.b-data-grid[data-v-c8d12436] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid[data-v-c8d12436] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-data-grid--outline[data-v-c8d12436]{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 .b-data-grid__columns-row[data-v-c8d12436]{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-c8d12436]: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-c8d12436]: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--scroll[data-v-c8d12436]{display:flex;flex-direction:column;height:100%}.b-data-grid--sticky-filters .b-data-grid__filters[data-v-c8d12436]{position:sticky;z-index:var(--b-data-grid-filters-z-index)}.b-data-grid__body[data-v-c8d12436]{overflow-x:auto;width:100%}.b-data-grid__header[data-v-c8d12436]{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-c8d12436]{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-row[data-v-c8d12436]{-ms-overflow-style:none;scrollbar-width:none;display:flex;overflow-x:scroll}.b-data-grid__columns-row[data-v-c8d12436] ::-webkit-scrollbar{display:none}.b-data-grid__row-cell-set--frozen[data-v-c8d12436]{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-c8d12436]{display:flex}.b-data-grid__row-cell-set--config-settings-margin[data-v-c8d12436]{margin-right:var(--b-data-grid-config-settings-column-and-row-margin)}.b-data-grid__column-headers[data-v-c8d12436]{background-color:var(--b-data-grid-column-headers-background-color);position:sticky;z-index:var(--b-data-grid-column-headers-z-index)}.b-data-grid__column-headers[data-v-c8d12436]:focus-within{z-index:var(--b-data-grid-column-headers-focus-within-z-index)}.b-data-grid__rows>*[data-v-c8d12436]: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-c8d12436]{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-c8d12436]:hover,.b-data-grid__row:hover .b-data-grid__cell[data-v-c8d12436]{background-color:var(--b-data-grid-row-hover-background-color)}.b-data-grid__row[data-v-c8d12436]:hover .b-link{text-decoration:underline}.b-data-grid__row[data-v-c8d12436]:last-child{box-shadow:unset}.b-data-grid--outline .b-data-grid__row[data-v-c8d12436]: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-c8d12436]{cursor:pointer}.b-data-grid__row--disabled[data-v-c8d12436]{color:var(--b-data-grid-row-disabled-color);cursor:not-allowed}.b-data-grid__row--is-re-ordering[data-v-c8d12436]{cursor:grabbing}.b-data-grid__row--highlighted[data-v-c8d12436],.b-data-grid__row--highlighted .b-data-grid__cell[data-v-c8d12436]{background-color:var(--b-data-grid-row-highlighted-background-color)}.b-data-grid__cell[data-v-c8d12436]{background-color:var(--b-data-grid-cell-background-color);padding:var(--b-data-grid-cell-padding)}.b-data-grid__cell[data-v-c8d12436]:focus-visible{animation:outer-ring-default-c8d12436 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color);outline:none;z-index:1}@keyframes outer-ring-default-c8d12436{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-data-grid__cell--condensed[data-v-c8d12436]{padding:var(--b-data-grid-cell-condensed-padding)}.b-data-grid__cell--padding-left-unset[data-v-c8d12436]{padding-left:0}.b-data-grid__cell--padding-right-unset[data-v-c8d12436]{padding-right:0}.b-data-grid__cell--overflow-ellipsis *[data-v-c8d12436]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-data-grid__cell--numeric[data-v-c8d12436]{justify-content:flex-end;text-align:right}.b-data-grid__cell--is-column-re-ordering[data-v-c8d12436]{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-c8d12436],.b-data-grid__cell--is-column-re-order-target-right[data-v-c8d12436]{position:relative}.b-data-grid__cell--is-column-re-order-target-left[data-v-c8d12436]: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-c8d12436]: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-c8d12436]{padding:var(--b-data-grid-footer-padding)}.b-data-grid__filters[data-v-c8d12436]{background-color:var(--b-data-grid-filters-background-color);border-bottom:var(--b-data-grid-filters-border-width) solid var(--b-data-grid-filters-border-color);display:flex;justify-content:flex-end;padding:var(--b-data-grid-filters-padding);position:relative}.b-data-grid__filters[data-v-c8d12436]:focus-within{z-index:var(--b-data-grid-filters-focus-within-z-index)}.b-data-grid__pagination[data-v-c8d12436]{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-c8d12436]{padding-left:0}.b-data-grid__pagination--padding-right-unset[data-v-c8d12436]{padding-right:0}.b-data-grid__pagination--sticky[data-v-c8d12436]{bottom:0;padding:var(--b-data-grid-pagination-sticky-padding);position:sticky}.b-data-grid--outline .b-data-grid__pagination[data-v-c8d12436]{padding:var(--b-data-grid-pagination-outline-padding)}.b-data-grid__loading[data-v-c8d12436]{align-items:center;display:flex;flex-direction:column;height:400px;justify-content:center;width:100%}.b-data-grid__loading-indicator[data-v-c8d12436]{margin:var(--b-data-grid-loading-indicator-margin)}.b-data-grid__empty-state[data-v-c8d12436]{padding:var(--b-data-grid-empty-state-padding)}.b-data-grid__config-settings[data-v-c8d12436]{display:flex;position:absolute;right:0;z-index:var(--b-data-grid-config-settings-z-index)}
|
|
1
|
+
.b-accordion[data-v-9fccc066]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-accordion[data-v-9fccc066],.b-accordion[data-v-9fccc066]:before,.b-accordion[data-v-9fccc066]:after{box-sizing:border-box}.b-accordion *[data-v-9fccc066],.b-accordion *[data-v-9fccc066]:before,.b-accordion *[data-v-9fccc066]:after{box-sizing:border-box}.b-accordion[data-v-9fccc066] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion[data-v-9fccc066] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-accordion-item[data-v-b1de8d3a]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-accordion-item-background-color);border-bottom:var(--b-accordion-item-border)}.b-accordion-item[data-v-b1de8d3a],.b-accordion-item[data-v-b1de8d3a]:before,.b-accordion-item[data-v-b1de8d3a]:after{box-sizing:border-box}.b-accordion-item *[data-v-b1de8d3a],.b-accordion-item *[data-v-b1de8d3a]:before,.b-accordion-item *[data-v-b1de8d3a]:after{box-sizing:border-box}.b-accordion-item[data-v-b1de8d3a] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion-item[data-v-b1de8d3a] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-accordion-item button[data-v-b1de8d3a]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-accordion-item button[data-v-b1de8d3a]:focus-visible{outline:none}.b-legacy-theme .b-accordion-item__heading[data-v-b1de8d3a]{font-size:var(--b-font-size-regular);line-height:1.4}.b-accordion-item[data-v-b1de8d3a]:first-of-type{border-top:var(--b-accordion-item-border)}.b-accordion-item__button[data-v-b1de8d3a]{align-items:center;cursor:pointer;display:flex;gap:var(--b-accordion-item-button-gap);padding:var(--b-accordion-item-button-padding);position:relative;width:100%;z-index:0}.b-accordion-item__button[data-v-b1de8d3a]:hover{background-color:var(--b-accordion-item-button-hover-background-color)}.b-accordion-item__button[data-v-b1de8d3a]:active{background-color:var(--b-accordion-item-button-active-background-color)}.b-accordion-item__button[data-v-b1de8d3a]:focus-visible{animation:outer-ring-default-b1de8d3a var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color);outline:none}@keyframes outer-ring-default-b1de8d3a{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-accordion-item__content[data-v-b1de8d3a]{padding:var(--b-accordion-item-content-padding)}.b-accordion-item__animation--content-enter-active[data-v-b1de8d3a]{animation:fade-in-u8l1ul4-b1de8d3a var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear),enter-u8l1ul4-b1de8d3a var(--b-accordion-item-animation-duration) var(--b-animation-easing-enter),scale-up-u8l1ul4-b1de8d3a var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear);overflow:hidden;transition:max-height var(--b-accordion-item-animation-duration) var(--b-accordion-item-animation-easing)}@keyframes fade-in-u8l1ul4-b1de8d3a{0%{opacity:0}to{opacity:1}}@keyframes scale-up-u8l1ul4-b1de8d3a{0%{scale:1}to{scale:1}}@keyframes enter-u8l1ul4-b1de8d3a{0%{translate:0 -8px}to{translate:0 0}}.b-accordion-item__animation--content-leave-active[data-v-b1de8d3a]{animation:fade-out-u8l1ulk-b1de8d3a var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear),exit-u8l1ulk-b1de8d3a var(--b-accordion-item-animation-duration) var(--b-animation-easing-exit),scale-down-u8l1ulk-b1de8d3a var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear);max-height:0!important;overflow:hidden;transition:max-height var(--b-accordion-item-animation-duration) var(--b-accordion-item-animation-easing)}@keyframes fade-out-u8l1ulk-b1de8d3a{0%{opacity:1}to{opacity:0}}@keyframes scale-down-u8l1ulk-b1de8d3a{0%{scale:1}to{scale:1}}@keyframes exit-u8l1ulk-b1de8d3a{0%{translate:0 0}to{translate:0 -8px}}
|
package/dist/assets/index7.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-549bc4f7]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;display:flex}.b-alert[data-v-549bc4f7],.b-alert[data-v-549bc4f7]:before,.b-alert[data-v-549bc4f7]:after{box-sizing:border-box}.b-alert *[data-v-549bc4f7],.b-alert *[data-v-549bc4f7]:before,.b-alert *[data-v-549bc4f7]:after{box-sizing:border-box}.b-alert[data-v-549bc4f7] ::-webkit-scrollbar{height:14px;width:14px}.b-alert[data-v-549bc4f7] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-legacy-theme .b-alert__title[data-v-549bc4f7]{line-height:16px}.b-alert__inner-container[data-v-549bc4f7]{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-549bc4f7]{gap:var(--b-alert-gap);padding:var(--b-alert-padding)}}.b-alert__icon[data-v-549bc4f7]{align-items:center;display:flex;height:var(--b-alert-icon-height)}.b-alert--tip .b-alert__icon[data-v-549bc4f7]{height:var(--b-alert-tip-icon-height)}.b-alert--tip.b-alert__inner-container[data-v-549bc4f7]{gap:var(--b-alert-tip-gap);padding:var(--b-alert-tip-padding)}.b-alert__content[data-v-549bc4f7]{width:100%}.b-alert__title[data-v-549bc4f7]{flex-grow:1}.b-alert__description[data-v-549bc4f7]:not(:first-child){margin-top:var(--b-alert-description-margin-top)}.b-alert__actions[data-v-549bc4f7]{display:flex;gap:var(--b-alert-actions-gap);margin-top:var(--b-alert-actions-margin-top)}.b-alert--success[data-v-549bc4f7]{background-color:var(--b-alert-success-background-color)}.b-alert--success .b-alert__icon[data-v-549bc4f7]{color:var(--b-alert-success-icon-color)}.b-alert--success .b-alert__title[data-v-549bc4f7],.b-alert--success .b-alert__description[data-v-549bc4f7],.b-alert--success .b-alert__close-button[data-v-549bc4f7]{color:var(--b-alert-success-color)}.b-alert--highlight[data-v-549bc4f7]{background-color:var(--b-alert-highlight-background-color)}.b-alert--highlight .b-alert__icon[data-v-549bc4f7]{color:var(--b-alert-highlight-icon-color)}.b-alert--highlight .b-alert__title[data-v-549bc4f7],.b-alert--highlight .b-alert__description[data-v-549bc4f7],.b-alert--highlight .b-alert__close-button[data-v-549bc4f7]{color:var(--b-alert-highlight-color)}.b-alert--warning[data-v-549bc4f7]{background-color:var(--b-alert-warning-background-color)}.b-alert--warning .b-alert__icon[data-v-549bc4f7]{color:var(--b-alert-warning-icon-color)}.b-alert--warning .b-alert__title[data-v-549bc4f7],.b-alert--warning .b-alert__description[data-v-549bc4f7],.b-alert--warning .b-alert__close-button[data-v-549bc4f7]{color:var(--b-alert-warning-color)}.b-alert--critical[data-v-549bc4f7]{background-color:var(--b-alert-critical-background-color)}.b-alert--critical .b-alert__icon[data-v-549bc4f7]{color:var(--b-alert-critical-icon-color)}.b-alert--critical .b-alert__title[data-v-549bc4f7],.b-alert--critical .b-alert__description[data-v-549bc4f7],.b-alert--critical .b-alert__close-button[data-v-549bc4f7]{color:var(--b-alert-critical-color)}
|
package/dist/assets/index8.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-
|
|
1
|
+
.b-button-actions[data-v-38813600]{container-type:inline-size;flex-grow:1}.b-button-actions__container-wrapper[data-v-38813600]{display:flex;flex-direction:column;gap:var(--b-button-actions-vertical-stack-row-gap)}.b-button-actions__button-wrapper>*[data-v-38813600]{width:100%}@container (min-width: 242px){.b-button-actions--buttons-start[data-v-38813600]{flex-direction:row;justify-content:start}.b-button-actions--buttons-end[data-v-38813600]{column-gap:var(--b-button-actions-buttons-end-column-gap);flex-direction:row;justify-content:flex-end}.b-button-actions--fill-container[data-v-38813600]{column-gap:var(--b-button-actions-fill-container-column-gap);display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}.b-button-actions--space-between[data-v-38813600]{flex-direction:unset;justify-content:space-between}}
|
package/dist/assets/index9.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-
|
|
1
|
+
.b-card[data-v-f302d0dd]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-card-background-color);border:var(--b-card-border-width) solid var(--b-card-border-color);border-radius:var(--b-card-border-radius)}.b-card[data-v-f302d0dd],.b-card[data-v-f302d0dd]:before,.b-card[data-v-f302d0dd]:after{box-sizing:border-box}.b-card *[data-v-f302d0dd],.b-card *[data-v-f302d0dd]:before,.b-card *[data-v-f302d0dd]:after{box-sizing:border-box}.b-card[data-v-f302d0dd] ::-webkit-scrollbar{height:14px;width:14px}.b-card[data-v-f302d0dd] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-card--secondary[data-v-f302d0dd]{background-color:var(--b-card-secondary-background-color)}.b-legacy-theme .b-card--secondary[data-v-f302d0dd]{border-color:var(--b-card-secondary-border-color)}@media (hover: hover){.b-card--secondary.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-f302d0dd]:hover{background-color:var(--b-card-secondary-header-hover-background-color)}}.b-card--secondary.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-f302d0dd]:focus-visible{background-color:var(--b-card-secondary-header-focus-background-color)}.b-card--secondary.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-f302d0dd]:active{background-color:var(--b-card-secondary-header-active-background-color)}@media (hover: hover){.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-f302d0dd]:hover{background-color:var(--b-card-header-hover-background-color)}}.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-f302d0dd]:focus-visible{animation:outer-ring-default-f302d0dd var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color);background-color:var(--b-card-header-focus-background-color);outline:none}@keyframes outer-ring-default-f302d0dd{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-f302d0dd]:active{background-color:var(--b-card-header-active-background-color)}.b-card--expandable .b-card__header[data-v-f302d0dd]{cursor:pointer}.b-card--expandable .b-card__header[data-v-f302d0dd]:focus-visible{outline:none}.b-card--expandable .b-card__description[data-v-f302d0dd]{margin-left:var(--b-card-description-margin-left)}.b-card--expandable .b-card__body[data-v-f302d0dd]{background-color:var(--b-card-header-margin-top)}.b-card--disabled .b-card__header[data-v-f302d0dd]{color:var(--b-card-disabled-color);cursor:not-allowed}.b-card__image[data-v-f302d0dd]{border-top-left-radius:var(--b-card-border-radius);border-top-right-radius:var(--b-card-border-radius);overflow:hidden}.b-card__image[data-v-f302d0dd] img{width:100%}.b-card__header[data-v-f302d0dd]{border-radius:var(--b-card-header-border-radius);color:var(--b-card-header-color);display:flex;gap:18px;padding:var(--b-card-header-padding)}.b-card__header--expandable[data-v-f302d0dd]{padding-bottom:var(--b-card-expandable-header-padding-bottom)}.b-card__header--without-body[data-v-f302d0dd]{padding-bottom:var(--b-card-header-padding-bottom)}.b-card__header-wrapper[data-v-f302d0dd]{display:flex;flex:1;flex-direction:column;gap:var(--b-spacer-020);overflow:hidden}.b-card__header-slot-wrapper[data-v-f302d0dd]{align-items:center;display:flex;gap:var(--b-spacer-070);justify-content:space-between;min-height:36px}.b-card__title-wrapper[data-v-f302d0dd]{display:flex;gap:var(--b-card-title-wrapper-gap)}.b-card__title-wrapper--truncated[data-v-f302d0dd]{overflow:hidden;white-space:nowrap}.b-card__title-wrapper--truncated .b-card__title[data-v-f302d0dd]{overflow:hidden;text-overflow:ellipsis}.b-card__toggle[data-v-f302d0dd]{align-items:center;display:flex;height:var(--b-card-toggle-height)}.b-card__toggle--small-text[data-v-f302d0dd]{height:var(--b-card-toggle-small-text-height)}.b-card__content[data-v-f302d0dd]{padding:var(--b-card-content-padding)}.b-card__content--without-header[data-v-f302d0dd]{padding-top:var(--b-card-content-padding-top)}.b-card__content--expandable[data-v-f302d0dd]{padding-top:0}.b-card__description[data-v-f302d0dd]{color:var(--b-card-description-color)}.b-card__body[data-v-f302d0dd]{display:flex;flex-direction:column;gap:16px;margin-top:-4px;padding:var(--b-card-body-padding)}.b-card__body--without-header[data-v-f302d0dd]{padding-top:var(--b-card-body-padding-top)}.b-card__body--expandable[data-v-f302d0dd]{padding-top:var(--b-card-body-expandable-padding-top)}.b-card__actions--without-content[data-v-f302d0dd]{padding-top:var(--b-card-actions-padding-top)}.b-card__actions--without-content .b-card__header[data-v-f302d0dd]{padding-bottom:var(--b-card-header-padding-bottom)}.b-card__actions--without-content-and-with-header[data-v-f302d0dd]{padding-top:var(--b-card-actions-without-content-padding-top)}.b-card__animation-enter-active[data-v-f302d0dd]{animation:fade-in-u8l1ugm-f302d0dd var(--b-card-animation-duration) var(--b-animation-easing-linear),enter-u8l1ugm-f302d0dd var(--b-card-animation-duration) var(--b-animation-easing-enter),scale-up-u8l1ugm-f302d0dd var(--b-card-animation-duration) var(--b-animation-easing-linear);overflow:hidden;transition:max-height var(--b-card-animation-duration) var(--b-card-animation-easing)}@keyframes fade-in-u8l1ugm-f302d0dd{0%{opacity:0}to{opacity:1}}@keyframes scale-up-u8l1ugm-f302d0dd{0%{scale:1}to{scale:1}}@keyframes enter-u8l1ugm-f302d0dd{0%{translate:0 -8px}to{translate:0 0}}.b-card__animation-leave-active[data-v-f302d0dd]{animation:fade-out-u8l1uip-f302d0dd var(--b-card-animation-duration) var(--b-animation-easing-linear),exit-u8l1uip-f302d0dd var(--b-card-animation-duration) var(--b-animation-easing-exit),scale-down-u8l1uip-f302d0dd var(--b-card-animation-duration) var(--b-animation-easing-linear);max-height:0!important;overflow:hidden;transition:max-height var(--b-card-animation-duration) var(--b-card-animation-easing)}@keyframes fade-out-u8l1uip-f302d0dd{0%{opacity:1}to{opacity:0}}@keyframes scale-down-u8l1uip-f302d0dd{0%{scale:1}to{scale:1}}@keyframes exit-u8l1uip-f302d0dd{0%{translate:0 0}to{translate:0 -8px}}
|
package/dist/avatar-image.js
CHANGED
package/dist/badge.js
CHANGED
|
@@ -2,7 +2,7 @@ import { defineComponent as l, computed as n, openBlock as d, createElementBlock
|
|
|
2
2
|
import { u as p } from "./chunks/aria-label.ac9651a5.js";
|
|
3
3
|
import { g as f } from "./chunks/get-slot-text.bead058f.js";
|
|
4
4
|
import { _ } from "./chunks/_plugin-vue_export-helper.dad06003.js";
|
|
5
|
-
import "./assets/
|
|
5
|
+
import "./assets/index3.css";
|
|
6
6
|
var t = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.ATTENTION = "attention", e.WARNING = "warning", e.CRITICAL = "critical", e.SUCCESS = "success", e))(t || {});
|
|
7
7
|
const m = l({
|
|
8
8
|
name: "adl-badge",
|
package/dist/button.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { a as y, B as _ } from "./chunks/button.
|
|
2
|
-
import { b as q } from "./chunks/button.
|
|
1
|
+
import { a as y, B as _ } from "./chunks/button.c77b7a17.js";
|
|
2
|
+
import { b as q } from "./chunks/button.c77b7a17.js";
|
|
3
3
|
import { defineComponent as T, computed as p, resolveComponent as u, openBlock as n, createElementBlock as a, createElementVNode as A, normalizeClass as E, Fragment as N, renderList as S, createBlock as s, withCtx as r, createTextVNode as v, toDisplayString as m, createSlots as I, resolveDynamicComponent as L } from "vue";
|
|
4
|
-
import { B as V } from "./chunks/loading-button.
|
|
5
|
-
import { a as K } from "./chunks/loading-button.
|
|
4
|
+
import { B as V } from "./chunks/loading-button.bc08f016.js";
|
|
5
|
+
import { a as K } from "./chunks/loading-button.bc08f016.js";
|
|
6
6
|
import { _ as O } from "./chunks/_plugin-vue_export-helper.dad06003.js";
|
|
7
|
-
import "./assets/
|
|
7
|
+
import "./assets/index8.css";
|
|
8
8
|
var f = /* @__PURE__ */ ((e) => (e.BUTTONS_END = "buttons-end", e.FILL_CONTAINER = "fill-container", e.SPACE_BETWEEN = "space-between", e.VERTICAL_STACK = "vertical-stack", e))(f || {}), C = /* @__PURE__ */ ((e) => (e.BUTTONS_START = "buttons-start", e))(C || {});
|
|
9
9
|
const B = { ...f, ...C }, R = T({
|
|
10
10
|
name: "bento-button-actions",
|
package/dist/card.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as j, ref as A, watch as B, computed as a, resolveComponent as v, openBlock as t, createElementBlock as r, normalizeClass as b, renderSlot as p, createCommentVNode as s, withKeys as L, createElementVNode as m, createBlock as C, mergeProps as F, withCtx as f, createVNode as T, Transition as P, normalizeStyle as V } from "vue";
|
|
2
|
-
import { B as Y } from "./chunks/index.
|
|
2
|
+
import { B as Y } from "./chunks/index.32ef1db1.js";
|
|
3
3
|
import { a as K, C as q } from "./chunks/chevron-up.9bf21068.js";
|
|
4
4
|
import { u as G } from "./chunks/use-has-slot.4d98bf29.js";
|
|
5
5
|
import { g as J } from "./chunks/unique-id.a2a2b458.js";
|
|
@@ -8,7 +8,7 @@ import { o as X } from "./chunks/resize.a041304d.js";
|
|
|
8
8
|
import { u as Z } from "./chunks/use-expandable-content-height.62fc84e5.js";
|
|
9
9
|
import { BentoButtonActions as ee, BentoButtonActionsLayout as H } from "./button.js";
|
|
10
10
|
import { _ as ae } from "./chunks/_plugin-vue_export-helper.dad06003.js";
|
|
11
|
-
import "./assets/
|
|
11
|
+
import "./assets/index9.css";
|
|
12
12
|
var _ = /* @__PURE__ */ ((e) => (e.PRIMARY = "primary", e.SECONDARY = "secondary", e))(_ || {}), h = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.SMALL = "small", e))(h || {});
|
|
13
13
|
const I = {
|
|
14
14
|
"en-US": {
|
package/dist/checkbox.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { B as v, b as l } from "./chunks/checkbox.
|
|
2
|
-
import { a as X } from "./chunks/checkbox.
|
|
1
|
+
import { B as v, b as l } from "./chunks/checkbox.5d2e26b9.js";
|
|
2
|
+
import { a as X } from "./chunks/checkbox.5d2e26b9.js";
|
|
3
3
|
import { defineComponent as E, toRef as _, computed as u, ref as C, watch as B, resolveComponent as p, openBlock as t, createElementBlock as f, createVNode as S, normalizeClass as I, withCtx as c, Fragment as V, renderList as G, createBlock as g, createSlots as M, createTextVNode as y, toDisplayString as k, createCommentVNode as T } from "vue";
|
|
4
4
|
import { g as w } from "./chunks/unique-id.a2a2b458.js";
|
|
5
|
-
import { d as L } from "./chunks/index.
|
|
5
|
+
import { d as L } from "./chunks/index.32ef1db1.js";
|
|
6
6
|
import { u as x } from "./chunks/use-form-layout-loading.d03e5d48.js";
|
|
7
|
-
import { C as A } from "./chunks/controls-group.
|
|
8
|
-
import { E as U } from "./chunks/error-message.
|
|
7
|
+
import { C as A } from "./chunks/controls-group.e9341830.js";
|
|
8
|
+
import { E as U } from "./chunks/error-message.d66968dd.js";
|
|
9
9
|
import { _ as N } from "./chunks/_plugin-vue_export-helper.dad06003.js";
|
|
10
|
-
import "./assets/
|
|
10
|
+
import "./assets/index10.css";
|
|
11
11
|
var s = /* @__PURE__ */ ((e) => (e.HORIZONTAL = "horizontal", e.VERTICAL = "vertical", e))(s || {});
|
|
12
12
|
const O = E({
|
|
13
13
|
name: "bento-checkbox-group",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as B, computed as C, ref as y, resolveComponent as _, openBlock as r, createElementBlock as l, normalizeClass as m, renderSlot as u, createCommentVNode as d, createBlock as S, withCtx as k } from "vue";
|
|
2
|
-
import { B as g } from "./index.
|
|
2
|
+
import { B as g } from "./index.32ef1db1.js";
|
|
3
3
|
import { u as h } from "./use-has-slot.4d98bf29.js";
|
|
4
4
|
import { _ as L } from "./_plugin-vue_export-helper.dad06003.js";
|
|
5
5
|
import "../assets/base-button.css";
|
|
@@ -113,4 +113,4 @@ export {
|
|
|
113
113
|
T as B,
|
|
114
114
|
n as a
|
|
115
115
|
};
|
|
116
|
-
//# sourceMappingURL=base-button.
|
|
116
|
+
//# sourceMappingURL=base-button.833c2c5d.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base-button.
|
|
1
|
+
{"version":3,"file":"base-button.833c2c5d.js","sources":["../../../vue2/src/components/internal/base-button/base-button.types.ts","../../../vue2/src/components/internal/base-button/base-button.vue"],"sourcesContent":["export enum BentoBaseButtonPropClass {\n DESTRUCTIVE = 'critical',\n ICON_ONLY = 'icon-only',\n}\n\nexport enum BentoBaseButtonEvent {\n BLUR = 'blur',\n CLICK = 'click',\n FOCUS = 'focus',\n KEYDOWN_ESC = 'keydown.esc',\n}\n\nexport enum BaseButtonType {\n BUTTON = 'button',\n RESET = 'reset',\n SUBMIT = 'submit',\n}\n","<template>\n <button\n ref=\"bentoBaseButtonRef\"\n class=\"b-base-button\"\n :class=\"conditionalClasses\"\n :disabled=\"disabled\"\n :type=\"type\"\n :aria-expanded=\"ariaAttributes['aria-expanded']\"\n @click=\"onClickButton\"\n @focus=\"onFocusButton\"\n @blur=\"onBlurButton\"\n >\n <span v-if=\"hasSlot('iconLeft')\" class=\"b-base-button__icon-left\" data-testid=\"icon-button-left\">\n <slot name=\"iconLeft\" />\n </span>\n <bento-typography v-if=\"hasSlot('default')\" el=\"span\" variant=\"body\" stronger class=\"b-base-button__label\">\n <slot />\n </bento-typography>\n <span v-if=\"hasSlot('iconRight')\" class=\"b-base-button__icon-right\" data-testid=\"icon-button-right\">\n <slot name=\"iconRight\" />\n </span>\n </button>\n</template>\n\n<script lang=\"ts\">\n import { computed, defineComponent, PropType, ref } from 'vue';\n import { BentoBaseButtonEvent, BentoBaseButtonPropClass } from './base-button.types';\n import type { ButtonHTMLAttributes } from 'vue/types/jsx';\n import { BentoTypography } from '@/components/typography';\n import { useHasSlot } from '@/composables';\n import { Booleanish } from '@/types';\n\n /**\n * Base button component to use as a base for all the various types of bento buttons. For internal use only.\n *\n * * @example\n * import { BaseButton, BaseButtonEvent } from '@/components/internal/base-button';\n * import YourImportedIcon from @adyen/ui-assets-icons-16/example-icon';\n *\n * export default {\n * components: { BaseButton, YourImportedIcon },\n * props: {\n * text:\n * },\n * template: `\n * <base-button class=\"your-custom-button-styles\" @click=\"onClick\">\n * <template #iconLeft><your-imported-icon></template>\n * Button text\n * <template #iconRight><your-imported-icon></template>\n * </base-button>\n * `,\n * emits: [BentoButtonEvent.CLICK],\n * setup: (prps, { emit }) => {\n * const onClick = value => emit(BaseButtonEvent.CLICK, value);\n *\n * return {\n * onClick,\n * };\n * }\n * }\n */\n export default defineComponent({\n name: 'base-button',\n components: { BentoTypography },\n props: {\n /**\n * Disables button functionality\n */\n disabled: {\n type: Boolean,\n default: false,\n },\n /**\n * Displays button as critical\n */\n critical: {\n type: Boolean,\n default: false,\n },\n /**\n * The default behavior of the button.\n * Possible values are: 'button', 'reset', 'submit'\n */\n type: {\n type: String as PropType<ButtonHTMLAttributes['type']>,\n default: 'button',\n },\n },\n emits: [\n BentoBaseButtonEvent.CLICK,\n BentoBaseButtonEvent.FOCUS,\n BentoBaseButtonEvent.BLUR,\n BentoBaseButtonEvent.KEYDOWN_ESC,\n ],\n setup(props, { slots, emit, attrs }) {\n const ariaAttributes = computed(() => ({\n 'aria-expanded': attrs['aria-expanded']?.toString() as Booleanish,\n }));\n\n const bentoBaseButtonRef = ref(null);\n\n const conditionalClasses = computed(() => ({\n [`b-base-button--${BentoBaseButtonPropClass.DESTRUCTIVE}`]: props.critical,\n [`b-base-button--${BentoBaseButtonPropClass.ICON_ONLY}`]: !slots.default,\n }));\n\n const onClickButton = (e: MouseEvent) => {\n if (!props.disabled) {\n emit(BentoBaseButtonEvent.CLICK, e);\n } else {\n e.preventDefault();\n e.stopPropagation();\n }\n };\n\n const onFocusButton = (e: FocusEvent) => {\n emit(BentoBaseButtonEvent.FOCUS, e);\n };\n\n const onBlurButton = (e: FocusEvent) => {\n emit(BentoBaseButtonEvent.BLUR, e);\n };\n\n return {\n // Values\n ariaAttributes,\n conditionalClasses,\n\n // Methods\n onClickButton,\n onFocusButton,\n onBlurButton,\n hasSlot: useHasSlot(slots),\n\n // Refs\n bentoBaseButtonRef,\n };\n },\n });\n</script>\n\n<style lang=\"scss\" scoped src=\"./base-button.scss\" />\n"],"names":["BentoBaseButtonPropClass","BentoBaseButtonPropClass2","BentoBaseButtonEvent","BentoBaseButtonEvent2","_sfc_main","defineComponent","BentoTypography","props","slots","emit","attrs","ariaAttributes","computed","_a","bentoBaseButtonRef","ref","conditionalClasses","e","useHasSlot","openBlock","createElementBlock","normalizeClass","_ctx","_cache","args","createCommentVNode","createBlock","_component_bento_typography","_hoisted_3"],"mappings":";;;;;AAAY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,cAAA,YACAA,EAAA,YAAA,aAFQA,IAAAD,KAAA,CAAA,CAAA,GAKAE,IAAA,kBAAAC,OACRA,EAAA,OAAA,QACAA,EAAA,QAAA,SACAA,EAAA,QAAA,SACAA,EAAA,cAAA,eAJQA,IAAAD,KAAA,CAAA,CAAA;ACwDR,MAAAE,IAAAC,EAAA;AAAA,EAA+B,MAAA;AAAA,EACrB,YAAA,EAAA,iBAAAC,EAAA;AAAA,EACwB,OAAA;AAAA;AAAA;AAAA;AAAA,IACvB,UAAA;AAAA,MAIO,MAAA;AAAA,MACA,SAAA;AAAA,IACG;AAAA;AAAA;AAAA;AAAA,IACb,UAAA;AAAA,MAIU,MAAA;AAAA,MACA,SAAA;AAAA,IACG;AAAA;AAAA;AAAA;AAAA;AAAA,IACb,MAAA;AAAA,MAKM,MAAA;AAAA,MACI,SAAA;AAAA,IACG;AAAA,EACb;AAAA,EACJ,OAAA;AAAA,IACOJ,EAAA;AAAA,IACkBA,EAAA;AAAA,IACAA,EAAA;AAAA,IACAA,EAAA;AAAA,EACA;AAAA,EACzB,MAAAK,GAAA,EAAA,OAAAC,GAAA,MAAAC,GAAA,OAAAC,EAAA,GAAA;AAEI,UAAAC,IAAAC,EAAA,MAAA;;AAAA;AAAA,QAAuC,kBAAAC,IAAAH,EAAA,eAAA,MAAA,gBAAAG,EAAA;AAAA,MACe;AAAA,KAAA,GAGtDC,IAAAC,EAAA,IAAA,GAEAC,IAAAJ,EAAA,OAAA;AAAA,MAA2C,CAAA,kBAAAZ,EAAA,aAAA,GAAAO,EAAA;AAAA,MAC2B,CAAA,kBAAAP,EAAA,WAAA,GAAA,CAAAQ,EAAA;AAAA,IACD,EAAA;AAoBrE,WAAA;AAAA;AAAA,MAAO,gBAAAG;AAAA,MAEH,oBAAAK;AAAA;AAAA,MACA,eApBJ,CAAAC,MAAA;AACI,QAAAV,EAAA,YAGIU,EAAA,eAAA,GACAA,EAAA,gBAAA,KAHAR,EAAAP,EAAA,OAAAe,CAAA;AAAA,MAIJ;AAAA,MAiBA,eAdJ,CAAAA,MAAA;AACI,QAAAR,EAAAP,EAAA,OAAAe,CAAA;AAAA,MAAkC;AAAA,MAclC,cAXJ,CAAAA,MAAA;AACI,QAAAR,EAAAP,EAAA,MAAAe,CAAA;AAAA,MAAiC;AAAA,MAWjC,SAAAC,EAAAV,CAAA;AAAA;AAAA,MACyB,oBAAAM;AAAA,IAGzB;AAAA,EACJ;AAER,CAAA;;EA9H2C,KAAA;AAAA,EAA2B,OAAA;AAAA;;EAM1B,KAAA;AAAA,EAA4B,OAAA;AAAA;;;;AAf/D,SAAAK,EAAA,GAAAC,EAAA,UAAA;AAAA,IACG,KAAA;AAAA,IACP,OAAAC,EAAA,CAAA,iBAAAC,EAAA,kBAAA,CAAA;AAAA,IACU,UAAAA,EAAA;AAAA,IACG,MAAAA,EAAA;AAAA,IACR,iBAAAA,EAAA,eAAA,eAAA;AAAA,IACE,SAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,IAAAC,MAAAF,EAAA,iBAAAA,EAAA,cAAA,GAAAE,CAAA;AAAA,IACW,SAAAD,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,IAAAC,MAAAF,EAAA,iBAAAA,EAAA,cAAA,GAAAE,CAAA;AAAA;EAEA,GAAA;AAAA;;IAGK,CAAA,KAAAC,EAAA,IAAA,EAAA;AAAA,IAELH,EAAA,QAAA,SAAA,KAAAH,EAAA,GAAAO,EAAAC,GAAA;AAAA,MAFkC,KAAA;AAAA,MAAC,IAAA;AAAA,MAAe,SAAA;AAAA,MAAe,UAAA;AAAA;;;;;;;IAGpFL,EAAA,QAAA,WAAA,KAAAH,EAAA,GAAAC,EAAA,QAAAQ,GAAA;AAAA;;;;;"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { defineComponent as q, useAttrs as K, ref as I, computed as u, watch as w, onMounted as V, resolveComponent as c, openBlock as l, createElementBlock as h, createElementVNode as _, normalizeClass as R, withKeys as W, createVNode as S, withCtx as m, normalizeStyle as E, renderSlot as y, createCommentVNode as i, createBlock as p } from "vue";
|
|
2
|
-
import { B as H } from "./index.
|
|
3
|
-
import { a as Q } from "./button.
|
|
2
|
+
import { B as H } from "./index.32ef1db1.js";
|
|
3
|
+
import { a as Q } from "./button.c77b7a17.js";
|
|
4
4
|
import { BentoDivider as Y } from "../divider.js";
|
|
5
|
-
import { B as j } from "./index.
|
|
5
|
+
import { B as j } from "./index.70b710b4.js";
|
|
6
6
|
import { u as J } from "./use-has-slot.4d98bf29.js";
|
|
7
7
|
import { u as X } from "./i18n.6c402773.js";
|
|
8
8
|
import { C as Z } from "./cross.5c36a670.js";
|
|
@@ -293,4 +293,4 @@ export {
|
|
|
293
293
|
k as e,
|
|
294
294
|
he as f
|
|
295
295
|
};
|
|
296
|
-
//# sourceMappingURL=base-modal.
|
|
296
|
+
//# sourceMappingURL=base-modal.a113c504.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base-modal.0c85e7cb.js","sources":["../../../vue2/src/components/modal/modal.types.ts","../../../vue2/src/components/modal/components/base-modal/base-modal.vue"],"sourcesContent":["/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoModalVariant {\n DEFAULT = 'BentoModalDefault',\n DIALOG = 'BentoModalDialog',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoModalSize {\n SMALL = 'small',\n MEDIUM = 'medium',\n LARGE = 'large',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoModalColumnLayoutVariant {\n SMALLER = 'smaller',\n EQUAL = 'equal',\n BIGGER = 'bigger',\n}\n\nexport enum BentoModalRole {\n DIALOG = 'dialog',\n ALERT_DIALOG = 'alertdialog',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoModalDialogType {\n CONFIRMATION = 'confirmation',\n DESTRUCTIVE = 'destructive',\n INFO = 'info',\n ACKNOWLEDGEMENT = 'acknowledgement',\n}\n\nexport enum BentoModalEvent {\n CLOSE_MODAL = 'close-modal',\n}\n","<template>\n <div class=\"b-modal-base\">\n <dialog\n ref=\"modal\"\n :role=\"modalRole\"\n :aria-label=\"computedAriaLabel\"\n class=\"b-modal-base__container\"\n :class=\"modalConditionalClasses\"\n :open=\"initiallyOpen\"\n @animationend=\"closeModalAfterAnimation\"\n @click=\"isDismissible && closeModalOnClickOutside($event)\"\n @keydown.esc=\"internalModalActionClose\"\n >\n <bento-focus-trap>\n <div class=\"b-modal-base__wrapper\">\n <div\n v-if=\"hasSlot('default') || !hideCloseButton\"\n class=\"b-modal-base__header-container\"\n :style=\"customPaddingStyles.header\"\n >\n <div class=\"b-modal-base__header\">\n <bento-typography\n class=\"b-modal-base__title\"\n aria-label=\"base modal title\"\n el=\"span\"\n variant=\"title\"\n stronger\n >\n <slot v-if=\"hasSlot('default')\" />\n </bento-typography>\n <bento-button\n v-if=\"!hideCloseButton\"\n class=\"b-modal-base__close-button\"\n variant=\"tertiary\"\n type=\"button\"\n @click=\"internalModalActionClose\"\n >\n <cross-icon svg-title=\"close\" />\n </bento-button>\n </div>\n\n <bento-divider v-if=\"hasColumnLayout\" class=\"b-modal-base__divider\" />\n </div>\n\n <div\n class=\"b-modal-base__content\"\n :class=\"modalContentConditionalClasses\"\n :style=\"customPaddingStyles.content\"\n >\n <bento-typography\n v-if=\"hasSlot('content') || (hasSlot('content-col-1') && hasSlot('content-col-2'))\"\n aria-label=\"base modal content\"\n el=\"div\"\n variant=\"body\"\n stronger\n >\n <grid-layout\n v-if=\"hasColumnLayout\"\n :column-width=\"computedColumnWidth\"\n :container-type=\"GridLayoutContainerType.NORMAL\"\n class=\"b-modal-base__grid\"\n >\n <template #col-1><slot name=\"content-col-1\"></slot></template>\n <template #col-2><slot name=\"content-col-2\"></slot></template>\n </grid-layout>\n <slot v-else name=\"content\" />\n </bento-typography>\n </div>\n\n <div\n v-if=\"hasSlot('actions')\"\n class=\"b-modal-base__actions-container\"\n :style=\"customPaddingStyles.actions\"\n >\n <bento-divider v-if=\"hasColumnLayout\" class=\"b-modal-base__divider\" />\n\n <div aria-label=\"modal actions\" class=\"b-modal-base__actions\">\n <slot name=\"actions\" />\n </div>\n </div>\n </div>\n </bento-focus-trap>\n </dialog>\n </div>\n</template>\n\n<script lang=\"ts\">\n import { computed, defineComponent, onMounted, PropType, ref, useAttrs, watch } from 'vue';\n import {\n BentoModalColumnLayoutVariant,\n BentoModalEvent,\n BentoModalRole,\n BentoModalSize,\n } from '@/components/modal/modal.types';\n\n import { BentoTypography } from '@/components/typography';\n import { BentoButton, BentoButtonActionsList } from '@/components/button';\n import { BentoDivider } from '@/components/divider';\n import { BentoFocusTrap } from '@/components/focus-trap';\n import { GridLayout, GridLayoutContainerType } from '@/internal';\n import { useHasSlot } from '@/composables';\n import { useI18n } from '@/utils/ts/i18n';\n import CrossIcon from '@adyen/ui-assets-icons-16/vue/cross';\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n const LOADING_BTN_CLOSE_AFTER_SUCCESS_DELAY_TIME = 500;\n\n export default defineComponent({\n i18n: { messages },\n name: 'base-modal',\n components: { CrossIcon, BentoTypography, BentoButton, BentoDivider, BentoFocusTrap, GridLayout },\n props: {\n /**\n * List of actions that will be used to render the buttons.\n * First element in the list will be rendered as \"primary\".\n * All elements after the first will be rendered as \"secondary\".\n * But you may change the color of 1-st action to red with 'critial' key\n * Not more than 3 action buttons can be provided\n * Or 2 action buttons and 1 Label for them\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',2\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 /**\n * If a column layout is provided, it renders the respective left column width variant. This can be smaller than the second column, the same size as the second column or bigger than the second column.\n */\n columnsSize: {\n type: String as PropType<BentoModalColumnLayoutVariant>,\n default: BentoModalColumnLayoutVariant.SMALLER,\n },\n\n /**\n * If provided, manages the padding of the whole modal container\n */\n customPadding: { type: String, default: null },\n\n /**\n * Hides a cross icon on the right side of the title\n */\n hideCloseButton: { type: Boolean, required: true },\n\n /**\n * Sets the open attribute on the dialog element, use isOpen instead to toggle modal visbility.\n */\n initiallyOpen: { type: Boolean, default: false },\n\n /**\n * If set to true, it allows the modal to be closed by clicking outside of it\n */\n isDismissible: { type: Boolean, required: true },\n\n /**\n * Controls the modal's state from the outside. Set it to true to open the modal\n */\n isOpen: { type: Boolean, required: true },\n\n /**\n * Defines whether the modal will be an alert modal\n */\n modalRole: { type: String, default: BentoModalRole.DIALOG },\n\n /**\n * Allows the inner elments to overflow the dialog\n */\n overflowVisible: { type: Boolean, default: false },\n\n /**\n * Sets the width of the modal\n */\n size: {\n type: String as PropType<BentoModalSize | `${BentoModalSize}`>,\n default: BentoModalSize.SMALL,\n },\n\n /**\n * If provided, renders the modal's content in a two-column layout an wth dividers separating its content\n */\n withColumnLayout: { type: Boolean, default: false },\n },\n emits: [BentoModalEvent.CLOSE_MODAL],\n setup(props, { slots, emit }) {\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n const attrs = useAttrs();\n const hasSlot = useHasSlot(slots);\n const modal = ref(null);\n const isClosing = ref(false);\n\n const customPaddingStyles = computed(() => {\n if (!props.customPadding) {\n return {};\n }\n\n const xPadding = {\n paddingLeft: props.customPadding,\n paddingRight: props.customPadding,\n };\n\n const content = { ...xPadding, paddingTop: undefined, paddingBottom: undefined };\n\n if (!hasSlot('default')) {\n content.paddingTop = props.customPadding;\n }\n\n if (!hasSlot('actions')) {\n content.paddingBottom = props.customPadding;\n }\n\n return {\n header: { ...xPadding, paddingTop: props.customPadding },\n content,\n actions: { ...xPadding, paddingBottom: props.customPadding },\n };\n });\n\n const computedAriaLabel = computed(\n () => (attrs['aria-label'] as string) ?? (t('ariaLabelFallback') as string)\n );\n const hasColumnLayout = computed(() => props.withColumnLayout && props.size === BentoModalSize.LARGE);\n\n const openModal = (): void => {\n modal.value.showModal();\n };\n\n const emitCloseEvent = (): void => {\n emit(BentoModalEvent.CLOSE_MODAL);\n };\n\n // Handle closing and closing animation for dialog element\n const closeModalAfterAnimation = () => {\n if (isClosing.value) {\n modal.value.close();\n emitCloseEvent();\n isClosing.value = false;\n }\n };\n\n const startCloseModalAnimation = () => {\n if (!modal.value.open) {\n return;\n }\n isClosing.value = true;\n };\n\n // If the user has pressed escape, clicked outside or clicked the close icon\n const internalModalActionClose = (event?: Event) => {\n if (event) {\n event.preventDefault();\n }\n if (!props.isDismissible) {\n return;\n }\n startCloseModalAnimation();\n };\n\n /**\n * Since the dialog HTML element doesn't automatically close when clicking outside, a check on when the user is clicking is needed.\n * If the click doesn't happen in the dialog box itself, the modal closes\n */\n const closeModalOnClickOutside = ({ target }: Event): void => {\n if (target && (target as HTMLElement).tagName === BentoModalRole.DIALOG.toUpperCase()) {\n internalModalActionClose();\n }\n };\n\n const modalConditionalClasses = computed(() => ({\n [`b-modal-base__container--${props.size}`]: props.size,\n 'b-modal-base__container--hide': isClosing.value,\n 'b-modal-base__container--overflow-visible': props.overflowVisible,\n 'b-modal-base__container--column-layout': hasColumnLayout.value,\n }));\n\n const modalContentConditionalClasses = computed(() => ({\n 'b-modal-base__content--column-layout': hasColumnLayout.value,\n 'b-modal-base__content--with-header': hasSlot('default'),\n 'b-modal-base__content--with-actions': hasSlot('actions'),\n }));\n\n const computedColumnWidth = computed(() => {\n if (props.columnsSize === BentoModalColumnLayoutVariant.SMALLER) {\n return [{ small: 4, medium: 4, large: 4 }];\n }\n if (props.columnsSize === BentoModalColumnLayoutVariant.BIGGER) {\n return [{ small: 8, medium: 8, large: 8 }];\n }\n return [{ small: 6, medium: 6, large: 6 }];\n });\n\n watch(\n () => [props.isOpen, modal.value],\n ([newIsOpen, newModalValue], [, oldModalValue]): void => {\n if (!newModalValue) {\n return;\n }\n\n const isFirstMutation = !oldModalValue;\n if (newIsOpen) {\n openModal();\n } else if (!isFirstMutation) {\n startCloseModalAnimation();\n }\n }\n );\n\n // If the first button is a loading button then close the modal have 0.5 seconds\n // if the state is changed to 'success'.\n watch(\n () => props.actions,\n () => {\n if (props.actions?.[0]?.state === 'success') {\n setTimeout(startCloseModalAnimation, LOADING_BTN_CLOSE_AFTER_SUCCESS_DELAY_TIME);\n }\n },\n { deep: true }\n );\n\n onMounted(() => {\n if (props.isOpen && modal.value) {\n openModal();\n }\n });\n\n return {\n // Refs\n modal,\n computedAriaLabel,\n\n // Handling the state\n openModal,\n closeModalOnClickOutside,\n closeModalAfterAnimation,\n startCloseModalAnimation,\n\n // Methods\n internalModalActionClose,\n hasSlot,\n emitCloseEvent,\n t,\n\n // Styles\n modalConditionalClasses,\n modalContentConditionalClasses,\n customPaddingStyles,\n hasColumnLayout,\n computedColumnWidth,\n\n // Enums\n GridLayoutContainerType,\n };\n },\n });\n</script>\n\n<style lang=\"scss\" scoped src=\"./base-modal.scss\" />\n"],"names":["BentoModalVariant","BentoModalVariant2","BentoModalSize","BentoModalSize2","BentoModalColumnLayoutVariant","BentoModalColumnLayoutVariant2","BentoModalRole","BentoModalRole2","BentoModalDialogType","BentoModalDialogType2","BentoModalEvent","BentoModalEvent2","LOADING_BTN_CLOSE_AFTER_SUCCESS_DELAY_TIME","_sfc_main","defineComponent","messages","CrossIcon","BentoTypography","BentoButton","BentoDivider","BentoFocusTrap","GridLayout","props","slots","emit","t","useI18n","attrs","useAttrs","hasSlot","useHasSlot","modal","ref","isClosing","customPaddingStyles","computed","xPadding","content","computedAriaLabel","hasColumnLayout","openModal","emitCloseEvent","closeModalAfterAnimation","startCloseModalAnimation","internalModalActionClose","event","closeModalOnClickOutside","target","modalConditionalClasses","modalContentConditionalClasses","computedColumnWidth","watch","newIsOpen","newModalValue","oldModalValue","_b","_a","onMounted","GridLayoutContainerType","_hoisted_2","_hoisted_4","createElementVNode","_ctx","normalizeClass","_cache","args","$event","withCtx","_hoisted_3","openBlock","createElementBlock","normalizeStyle","createVNode","_component_bento_typography","renderSlot","createCommentVNode","createBlock","_component_grid_layout","_hoisted_5"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"base-modal.a113c504.js","sources":["../../../vue2/src/components/modal/modal.types.ts","../../../vue2/src/components/modal/components/base-modal/base-modal.vue"],"sourcesContent":["/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoModalVariant {\n DEFAULT = 'BentoModalDefault',\n DIALOG = 'BentoModalDialog',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoModalSize {\n SMALL = 'small',\n MEDIUM = 'medium',\n LARGE = 'large',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoModalColumnLayoutVariant {\n SMALLER = 'smaller',\n EQUAL = 'equal',\n BIGGER = 'bigger',\n}\n\nexport enum BentoModalRole {\n DIALOG = 'dialog',\n ALERT_DIALOG = 'alertdialog',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoModalDialogType {\n CONFIRMATION = 'confirmation',\n DESTRUCTIVE = 'destructive',\n INFO = 'info',\n ACKNOWLEDGEMENT = 'acknowledgement',\n}\n\nexport enum BentoModalEvent {\n CLOSE_MODAL = 'close-modal',\n}\n","<template>\n <div class=\"b-modal-base\">\n <dialog\n ref=\"modal\"\n :role=\"modalRole\"\n :aria-label=\"computedAriaLabel\"\n class=\"b-modal-base__container\"\n :class=\"modalConditionalClasses\"\n :open=\"initiallyOpen\"\n @animationend=\"closeModalAfterAnimation\"\n @click=\"isDismissible && closeModalOnClickOutside($event)\"\n @keydown.esc=\"internalModalActionClose\"\n >\n <bento-focus-trap>\n <div class=\"b-modal-base__wrapper\">\n <div\n v-if=\"hasSlot('default') || !hideCloseButton\"\n class=\"b-modal-base__header-container\"\n :style=\"customPaddingStyles.header\"\n >\n <div class=\"b-modal-base__header\">\n <bento-typography\n class=\"b-modal-base__title\"\n aria-label=\"base modal title\"\n el=\"span\"\n variant=\"title\"\n stronger\n >\n <slot v-if=\"hasSlot('default')\" />\n </bento-typography>\n <bento-button\n v-if=\"!hideCloseButton\"\n class=\"b-modal-base__close-button\"\n variant=\"tertiary\"\n type=\"button\"\n @click=\"internalModalActionClose\"\n >\n <cross-icon svg-title=\"close\" />\n </bento-button>\n </div>\n\n <bento-divider v-if=\"hasColumnLayout\" class=\"b-modal-base__divider\" />\n </div>\n\n <div\n class=\"b-modal-base__content\"\n :class=\"modalContentConditionalClasses\"\n :style=\"customPaddingStyles.content\"\n >\n <bento-typography\n v-if=\"hasSlot('content') || (hasSlot('content-col-1') && hasSlot('content-col-2'))\"\n aria-label=\"base modal content\"\n el=\"div\"\n variant=\"body\"\n stronger\n >\n <grid-layout\n v-if=\"hasColumnLayout\"\n :column-width=\"computedColumnWidth\"\n :container-type=\"GridLayoutContainerType.NORMAL\"\n class=\"b-modal-base__grid\"\n >\n <template #col-1><slot name=\"content-col-1\"></slot></template>\n <template #col-2><slot name=\"content-col-2\"></slot></template>\n </grid-layout>\n <slot v-else name=\"content\" />\n </bento-typography>\n </div>\n\n <div\n v-if=\"hasSlot('actions')\"\n class=\"b-modal-base__actions-container\"\n :style=\"customPaddingStyles.actions\"\n >\n <bento-divider v-if=\"hasColumnLayout\" class=\"b-modal-base__divider\" />\n\n <div aria-label=\"modal actions\" class=\"b-modal-base__actions\">\n <slot name=\"actions\" />\n </div>\n </div>\n </div>\n </bento-focus-trap>\n </dialog>\n </div>\n</template>\n\n<script lang=\"ts\">\n import { computed, defineComponent, onMounted, PropType, ref, useAttrs, watch } from 'vue';\n import {\n BentoModalColumnLayoutVariant,\n BentoModalEvent,\n BentoModalRole,\n BentoModalSize,\n } from '@/components/modal/modal.types';\n\n import { BentoTypography } from '@/components/typography';\n import { BentoButton, BentoButtonActionsList } from '@/components/button';\n import { BentoDivider } from '@/components/divider';\n import { BentoFocusTrap } from '@/components/focus-trap';\n import { GridLayout, GridLayoutContainerType } from '@/internal';\n import { useHasSlot } from '@/composables';\n import { useI18n } from '@/utils/ts/i18n';\n import CrossIcon from '@adyen/ui-assets-icons-16/vue/cross';\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n const LOADING_BTN_CLOSE_AFTER_SUCCESS_DELAY_TIME = 500;\n\n export default defineComponent({\n i18n: { messages },\n name: 'base-modal',\n components: { CrossIcon, BentoTypography, BentoButton, BentoDivider, BentoFocusTrap, GridLayout },\n props: {\n /**\n * List of actions that will be used to render the buttons.\n * First element in the list will be rendered as \"primary\".\n * All elements after the first will be rendered as \"secondary\".\n * But you may change the color of 1-st action to red with 'critial' key\n * Not more than 3 action buttons can be provided\n * Or 2 action buttons and 1 Label for them\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',2\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 /**\n * If a column layout is provided, it renders the respective left column width variant. This can be smaller than the second column, the same size as the second column or bigger than the second column.\n */\n columnsSize: {\n type: String as PropType<BentoModalColumnLayoutVariant>,\n default: BentoModalColumnLayoutVariant.SMALLER,\n },\n\n /**\n * If provided, manages the padding of the whole modal container\n */\n customPadding: { type: String, default: null },\n\n /**\n * Hides a cross icon on the right side of the title\n */\n hideCloseButton: { type: Boolean, required: true },\n\n /**\n * Sets the open attribute on the dialog element, use isOpen instead to toggle modal visbility.\n */\n initiallyOpen: { type: Boolean, default: false },\n\n /**\n * If set to true, it allows the modal to be closed by clicking outside of it\n */\n isDismissible: { type: Boolean, required: true },\n\n /**\n * Controls the modal's state from the outside. Set it to true to open the modal\n */\n isOpen: { type: Boolean, required: true },\n\n /**\n * Defines whether the modal will be an alert modal\n */\n modalRole: { type: String, default: BentoModalRole.DIALOG },\n\n /**\n * Allows the inner elments to overflow the dialog\n */\n overflowVisible: { type: Boolean, default: false },\n\n /**\n * Sets the width of the modal\n */\n size: {\n type: String as PropType<BentoModalSize | `${BentoModalSize}`>,\n default: BentoModalSize.SMALL,\n },\n\n /**\n * If provided, renders the modal's content in a two-column layout an wth dividers separating its content\n */\n withColumnLayout: { type: Boolean, default: false },\n },\n emits: [BentoModalEvent.CLOSE_MODAL],\n setup(props, { slots, emit }) {\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n const attrs = useAttrs();\n const hasSlot = useHasSlot(slots);\n const modal = ref(null);\n const isClosing = ref(false);\n\n const customPaddingStyles = computed(() => {\n if (!props.customPadding) {\n return {};\n }\n\n const xPadding = {\n paddingLeft: props.customPadding,\n paddingRight: props.customPadding,\n };\n\n const content = { ...xPadding, paddingTop: undefined, paddingBottom: undefined };\n\n if (!hasSlot('default')) {\n content.paddingTop = props.customPadding;\n }\n\n if (!hasSlot('actions')) {\n content.paddingBottom = props.customPadding;\n }\n\n return {\n header: { ...xPadding, paddingTop: props.customPadding },\n content,\n actions: { ...xPadding, paddingBottom: props.customPadding },\n };\n });\n\n const computedAriaLabel = computed(\n () => (attrs['aria-label'] as string) ?? (t('ariaLabelFallback') as string)\n );\n const hasColumnLayout = computed(() => props.withColumnLayout && props.size === BentoModalSize.LARGE);\n\n const openModal = (): void => {\n modal.value.showModal();\n };\n\n const emitCloseEvent = (): void => {\n emit(BentoModalEvent.CLOSE_MODAL);\n };\n\n // Handle closing and closing animation for dialog element\n const closeModalAfterAnimation = () => {\n if (isClosing.value) {\n modal.value.close();\n emitCloseEvent();\n isClosing.value = false;\n }\n };\n\n const startCloseModalAnimation = () => {\n if (!modal.value.open) {\n return;\n }\n isClosing.value = true;\n };\n\n // If the user has pressed escape, clicked outside or clicked the close icon\n const internalModalActionClose = (event?: Event) => {\n if (event) {\n event.preventDefault();\n }\n if (!props.isDismissible) {\n return;\n }\n startCloseModalAnimation();\n };\n\n /**\n * Since the dialog HTML element doesn't automatically close when clicking outside, a check on when the user is clicking is needed.\n * If the click doesn't happen in the dialog box itself, the modal closes\n */\n const closeModalOnClickOutside = ({ target }: Event): void => {\n if (target && (target as HTMLElement).tagName === BentoModalRole.DIALOG.toUpperCase()) {\n internalModalActionClose();\n }\n };\n\n const modalConditionalClasses = computed(() => ({\n [`b-modal-base__container--${props.size}`]: props.size,\n 'b-modal-base__container--hide': isClosing.value,\n 'b-modal-base__container--overflow-visible': props.overflowVisible,\n 'b-modal-base__container--column-layout': hasColumnLayout.value,\n }));\n\n const modalContentConditionalClasses = computed(() => ({\n 'b-modal-base__content--column-layout': hasColumnLayout.value,\n 'b-modal-base__content--with-header': hasSlot('default'),\n 'b-modal-base__content--with-actions': hasSlot('actions'),\n }));\n\n const computedColumnWidth = computed(() => {\n if (props.columnsSize === BentoModalColumnLayoutVariant.SMALLER) {\n return [{ small: 4, medium: 4, large: 4 }];\n }\n if (props.columnsSize === BentoModalColumnLayoutVariant.BIGGER) {\n return [{ small: 8, medium: 8, large: 8 }];\n }\n return [{ small: 6, medium: 6, large: 6 }];\n });\n\n watch(\n () => [props.isOpen, modal.value],\n ([newIsOpen, newModalValue], [, oldModalValue]): void => {\n if (!newModalValue) {\n return;\n }\n\n const isFirstMutation = !oldModalValue;\n if (newIsOpen) {\n openModal();\n } else if (!isFirstMutation) {\n startCloseModalAnimation();\n }\n }\n );\n\n // If the first button is a loading button then close the modal have 0.5 seconds\n // if the state is changed to 'success'.\n watch(\n () => props.actions,\n () => {\n if (props.actions?.[0]?.state === 'success') {\n setTimeout(startCloseModalAnimation, LOADING_BTN_CLOSE_AFTER_SUCCESS_DELAY_TIME);\n }\n },\n { deep: true }\n );\n\n onMounted(() => {\n if (props.isOpen && modal.value) {\n openModal();\n }\n });\n\n return {\n // Refs\n modal,\n computedAriaLabel,\n\n // Handling the state\n openModal,\n closeModalOnClickOutside,\n closeModalAfterAnimation,\n startCloseModalAnimation,\n\n // Methods\n internalModalActionClose,\n hasSlot,\n emitCloseEvent,\n t,\n\n // Styles\n modalConditionalClasses,\n modalContentConditionalClasses,\n customPaddingStyles,\n hasColumnLayout,\n computedColumnWidth,\n\n // Enums\n GridLayoutContainerType,\n };\n },\n });\n</script>\n\n<style lang=\"scss\" scoped src=\"./base-modal.scss\" />\n"],"names":["BentoModalVariant","BentoModalVariant2","BentoModalSize","BentoModalSize2","BentoModalColumnLayoutVariant","BentoModalColumnLayoutVariant2","BentoModalRole","BentoModalRole2","BentoModalDialogType","BentoModalDialogType2","BentoModalEvent","BentoModalEvent2","LOADING_BTN_CLOSE_AFTER_SUCCESS_DELAY_TIME","_sfc_main","defineComponent","messages","CrossIcon","BentoTypography","BentoButton","BentoDivider","BentoFocusTrap","GridLayout","props","slots","emit","t","useI18n","attrs","useAttrs","hasSlot","useHasSlot","modal","ref","isClosing","customPaddingStyles","computed","xPadding","content","computedAriaLabel","hasColumnLayout","openModal","emitCloseEvent","closeModalAfterAnimation","startCloseModalAnimation","internalModalActionClose","event","closeModalOnClickOutside","target","modalConditionalClasses","modalContentConditionalClasses","computedColumnWidth","watch","newIsOpen","newModalValue","oldModalValue","_b","_a","onMounted","GridLayoutContainerType","_hoisted_2","_hoisted_4","createElementVNode","_ctx","normalizeClass","_cache","args","$event","withCtx","_hoisted_3","openBlock","createElementBlock","normalizeStyle","createVNode","_component_bento_typography","renderSlot","createCommentVNode","createBlock","_component_grid_layout","_hoisted_5"],"mappings":"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"}
|