npm - @adyen/bento-vue2 - Versions diffs - 1.77.0 → 1.78.0 - Mend

@adyen/bento-vue2 1.77.0 → 1.78.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (65) hide show

package/dist/@types/index.d.ts +137 -98
package/dist/assets/accordion-item.css +1 -1
package/dist/assets/action-bar.css +1 -1
package/dist/assets/base-modal.css +1 -1
package/dist/assets/button-actions.css +1 -1
package/dist/assets/card.css +1 -1
package/dist/assets/checkbox-group.css +1 -1
package/dist/assets/data-grid.css +1 -1
package/dist/assets/date-range-picker.css +1 -1
package/dist/assets/dialog-page.css +1 -1
package/dist/assets/file-uploader.css +1 -1
package/dist/assets/filter-bar.css +1 -1
package/dist/assets/index.css +1 -0
package/dist/assets/inspector.css +1 -1
package/dist/assets/modal-fullscreen.css +1 -1
package/dist/assets/radio-group.css +1 -1
package/dist/assets/selection-card-group.css +1 -1
package/dist/assets/sidepanel.css +1 -1
package/dist/checkbox.js +2 -2
package/dist/chunks/checkbox-group.HqNbZx2y.js +141 -0
package/dist/chunks/checkbox-group.HqNbZx2y.js.map +1 -0
package/dist/chunks/{checkbox.itbBlXev.js → checkbox.CqF5Dank.js} +18 -18
package/dist/chunks/{checkbox.itbBlXev.js.map → checkbox.CqF5Dank.js.map} +1 -1
package/dist/chunks/{data-grid.B-kBw540.js → data-grid.BhwTkhfk.js} +508 -503
package/dist/chunks/data-grid.BhwTkhfk.js.map +1 -0
package/dist/chunks/date-range-picker.CmKA76Yu.js +898 -0
package/dist/chunks/date-range-picker.CmKA76Yu.js.map +1 -0
package/dist/chunks/date-range-picker.types.Ckt7zxGy.js +5 -0
package/dist/chunks/date-range-picker.types.Ckt7zxGy.js.map +1 -0
package/dist/chunks/es6.MoTTyETW.js.map +1 -1
package/dist/chunks/{filter-bar.BLnSnOlj.js → filter-bar.Bj4LgjzJ.js} +5 -5
package/dist/chunks/filter-bar.Bj4LgjzJ.js.map +1 -0
package/dist/chunks/{header-with-views.C6Y7mAkq.js → header-with-views.D6JUlnEf.js} +2 -2
package/dist/chunks/{header-with-views.C6Y7mAkq.js.map → header-with-views.D6JUlnEf.js.map} +1 -1
package/dist/chunks/link.D8qpqg3W.js.map +1 -1
package/dist/chunks/{radio-group.B8ukv-pw.js → radio-group.0JNwgkZa.js} +64 -63
package/dist/chunks/radio-group.0JNwgkZa.js.map +1 -0
package/dist/chunks/{rich-text-editor.DzH-Z5oi.js → rich-text-editor.NFLhgVJo.js} +2 -2
package/dist/chunks/{rich-text-editor.DzH-Z5oi.js.map → rich-text-editor.NFLhgVJo.js.map} +1 -1
package/dist/chunks/{selection-card-group.D4rcUyvV.js → selection-card-group.u-2Y_9o2.js} +97 -94
package/dist/chunks/{selection-card-group.D4rcUyvV.js.map → selection-card-group.u-2Y_9o2.js.map} +1 -1
package/dist/data-grid.js +1 -1
package/dist/date-range-picker.js +5 -4
package/dist/date-range-picker.js.map +1 -1
package/dist/filter-bar.js +1 -1
package/dist/header-with-views.js +1 -1
package/dist/index.js +382 -357
package/dist/index.js.map +1 -1
package/dist/radio-group.js +1 -1
package/dist/rich-text-editor.js +1 -1
package/dist/selection-card.js +1 -1
package/dist/styles/bento-dark.css +5 -0
package/dist/styles/bento-light.css +5 -0
package/dist/styles/bento.css +5 -0
package/dist/styles/legacy.css +5 -0
package/dist/styles/styleguide.css +5 -0
package/dist/web-types.json +44 -16
package/package.json +6 -6
package/dist/chunks/checkbox-group.C3RH5Gcg.js +0 -152
package/dist/chunks/checkbox-group.C3RH5Gcg.js.map +0 -1
package/dist/chunks/data-grid.B-kBw540.js.map +0 -1
package/dist/chunks/date-range-picker.BtPxkPN0.js +0 -942
package/dist/chunks/date-range-picker.BtPxkPN0.js.map +0 -1
package/dist/chunks/filter-bar.BLnSnOlj.js.map +0 -1
package/dist/chunks/radio-group.B8ukv-pw.js.map +0 -1

package/dist/assets/filter-bar.css CHANGED Viewed

	@@ -1 +1 @@
1	- button[data-v-a64471d2]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-a64471d2]:focus-visible{outline:none}.b-filter-bar-button[data-v-a64471d2]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:none;-moz-appearance:none;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;padding:var(--b-filter-bar-button-container-padding);text-decoration:none;-webkit-user-select:none;user-select:none}.b-filter-bar-button[data-v-a64471d2],.b-filter-bar-button[data-v-a64471d2]:before,.b-filter-bar-button[data-v-a64471d2]:after{box-sizing:border-box}.b-filter-bar-button [data-v-a64471d2],.b-filter-bar-button [data-v-a64471d2]:before,.b-filter-bar-button [data-v-a64471d2]:after{box-sizing:border-box}.b-filter-bar-button[data-v-a64471d2] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar-button[data-v-a64471d2] ::-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-a64471d2]: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__secondary-label[data-v-a64471d2]{color:var(--b-filter-bar-button-hover-color)}.b-filter-bar-button:hover .b-filter-bar-button__counter[data-v-a64471d2]{background-color:var(--b-filter-bar-button-counter-hover-background-color);color:var(--b-filter-bar-button-counter-hover-color)}}.b-filter-bar-button[data-v-a64471d2]:disabled,.b-filter-bar-button[data-v-a64471d2]: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__secondary-label[data-v-a64471d2],.b-filter-bar-button:disabled:not(:focus) .b-filter-bar-button__secondary-label[data-v-a64471d2]{color:var(--b-filter-bar-button-disabled-color)}.b-filter-bar-button:disabled .b-filter-bar-button__counter[data-v-a64471d2],.b-filter-bar-button:disabled:not(:focus) .b-filter-bar-button__counter[data-v-a64471d2]{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-a64471d2]:focus-visible{animation:outer-ring-default-a64471d2 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-a64471d2{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--icon-only[data-v-a64471d2]{padding:var(--b-filter-bar-button-icon-only-padding)}.b-filter-bar-button--icon-only .b-filter-bar-button__container[data-v-a64471d2]{display:flex;gap:0}.b-filter-bar-button--filter-open[data-v-a64471d2]:not(:hover){background-color:var(--b-filter-bar-button-filter-open-background-color);border:var(--b-filter-bar-button-filter-open-border);color:var(--b-filter-bar-button-filter-open-color)}.b-filter-bar-button--filter-open-applied[data-v-a64471d2]:not(:hover){background-color:var(--b-filter-bar-button-applied-filter-open-background-color);border:var(--b-filter-bar-button-applied-filter-open-border);color:var(--b-filter-bar-button-applied-filter-open-color)}.b-filter-bar-button--with-counter[data-v-a64471d2]:not(.b-filter-bar-button--icon-only){padding-right:var(--b-filter-bar-button-with-counter-padding-right)}.b-filter-bar-button--with-counter:not(.b-filter-bar-button--icon-only) .b-filter-bar-button__container[data-v-a64471d2]{padding-right:var(--b-filter-bar-button-with-counter-container-padding-right)}.b-filter-bar-button--applied[data-v-a64471d2]{background-color:var(--b-filter-bar-button-applied-background-color);border:var(--b-filter-bar-button-applied-border);color:var(--b-filter-bar-button-applied-color)}.b-filter-bar-button--applied .b-filter-bar-button__secondary-label[data-v-a64471d2]{color:var(--b-filter-bar-button-applied-color)}.b-filter-bar-button--applied[data-v-a64471d2]:hover{background-color:var(--b-filter-bar-button-applied-hover-background-color);border:var(--b-filter-bar-button-applied-hover-border);color:var(--b-filter-bar-button-applied-hover-color)}.b-filter-bar-button--applied:hover .b-filter-bar-button__secondary-label[data-v-a64471d2]{color:var(--b-filter-bar-button-applied-hover-color)}.b-filter-bar-button--applied[data-v-a64471d2]:disabled,.b-filter-bar-button--applied[data-v-a64471d2]:disabled:not(:focus){background-color:var(--b-filter-bar-button-applied-disabled-background-color);border:var(--b-filter-bar-button-applied-disabled-border);color:var(--b-filter-bar-button-applied-disabled-color)}.b-filter-bar-button--applied:disabled .b-filter-bar-button__secondary-label[data-v-a64471d2],.b-filter-bar-button--applied:disabled:not(:focus) .b-filter-bar-button__secondary-label[data-v-a64471d2]{color:var(--b-filter-bar-button-applied-disabled-color)}.b-filter-bar-button__container[data-v-a64471d2]{align-items:center;display:flex;gap:var(--b-filter-bar-button-container-gap);justify-content:center;vertical-align:bottom}.b-filter-bar-button__counter[data-v-a64471d2]{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);padding:var(--b-filter-bar-button-counter-padding)}.b-filter-bar-button__label-container[data-v-a64471d2]{align-items:center;display:inline-flex;gap:var(--b-filter-bar-button-label-container-gap)}.b-filter-bar-button__label[data-v-a64471d2],.b-filter-bar-button__secondary-label[data-v-a64471d2]{display:inline-flex;line-height:var(--b-filter-bar-button-label-line-height);vertical-align:middle}.b-filter-bar-button__icon-left[data-v-a64471d2],.b-filter-bar-button__icon-right[data-v-a64471d2]{display:inline-flex}button[data-v-c0b008f0]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-c0b008f0]:focus-visible{outline:none}.b-filter-bar-button-group[data-v-c0b008f0]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex}.b-filter-bar-button-group[data-v-c0b008f0],.b-filter-bar-button-group[data-v-c0b008f0]:before,.b-filter-bar-button-group[data-v-c0b008f0]:after{box-sizing:border-box}.b-filter-bar-button-group [data-v-c0b008f0],.b-filter-bar-button-group [data-v-c0b008f0]:before,.b-filter-bar-button-group [data-v-c0b008f0]:after{box-sizing:border-box}.b-filter-bar-button-group[data-v-c0b008f0] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar-button-group[data-v-c0b008f0] ::-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-button-group--grouped[data-v-c0b008f0] button:first-child{border-end-end-radius:0;border-start-end-radius:0}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:last-child{border-end-start-radius:0;border-start-start-radius:0}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:not(:last-child){border-inline-end:var(--b-filter-bar-button-group-button-border);padding-inline-end:var(--b-filter-bar-button-group-button-padding)}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:not(:last-child):hover{border-inline-end:var(--b-filter-bar-button-group-button-hover-border)}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:not(:first-child){border-inline-start:var(--b-filter-bar-button-group-button-border);padding-inline-start:var(--b-filter-bar-button-group-button-padding)}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:not(:first-child):hover{border-inline-start:var(--b-filter-bar-button-group-button-hover-border)}.b-filter-bar-button-group--grouped.b-filter-bar-button-group--active[data-v-c0b008f0] button:not(:last-child){border-inline-end:var(--b-filter-bar-button-group-button-active-border)}.b-filter-bar-button-group--grouped.b-filter-bar-button-group--active[data-v-c0b008f0] button:not(:first-child){border-inline-start:var(--b-filter-bar-button-group-button-active-border)}.b-base-filter[data-v-83cb499e]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;flex-shrink:0}.b-base-filter[data-v-83cb499e],.b-base-filter[data-v-83cb499e]:before,.b-base-filter[data-v-83cb499e]:after{box-sizing:border-box}.b-base-filter [data-v-83cb499e],.b-base-filter [data-v-83cb499e]:before,.b-base-filter [data-v-83cb499e]:after{box-sizing:border-box}.b-base-filter[data-v-83cb499e] ::-webkit-scrollbar{height:14px;width:14px}.b-base-filter[data-v-83cb499e] ::-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[data-v-39fd573d]{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-39fd573d],.b-input-filter[data-v-39fd573d]:before,.b-input-filter[data-v-39fd573d]:after{box-sizing:border-box}.b-input-filter [data-v-39fd573d],.b-input-filter [data-v-39fd573d]:before,.b-input-filter [data-v-39fd573d]:after{box-sizing:border-box}.b-input-filter[data-v-39fd573d] ::-webkit-scrollbar{height:14px;width:14px}.b-input-filter[data-v-39fd573d] ::-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-39fd573d]{padding:var(--b-filter-bar-input-filter-only-slot-padding)}.b-input-with-dropdown-filter[data-v-9623d386]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-filter-bar-input-with-dropdown-filter-padding)}.b-input-with-dropdown-filter[data-v-9623d386],.b-input-with-dropdown-filter[data-v-9623d386]:before,.b-input-with-dropdown-filter[data-v-9623d386]:after{box-sizing:border-box}.b-input-with-dropdown-filter [data-v-9623d386],.b-input-with-dropdown-filter [data-v-9623d386]:before,.b-input-with-dropdown-filter [data-v-9623d386]:after{box-sizing:border-box}.b-input-with-dropdown-filter[data-v-9623d386] ::-webkit-scrollbar{height:14px;width:14px}.b-input-with-dropdown-filter[data-v-9623d386] ::-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-with-dropdown-filter--only-slot[data-v-9623d386]{padding:var(--b-filter-bar-input-with-dropdown-filter-only-slot-padding)}.b-date-filter[data-v-9422876d]{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-9422876d],.b-date-filter[data-v-9422876d]:before,.b-date-filter[data-v-9422876d]:after{box-sizing:border-box}.b-date-filter [data-v-9422876d],.b-date-filter [data-v-9422876d]:before,.b-date-filter [data-v-9422876d]:after{box-sizing:border-box}.b-date-filter[data-v-9422876d] ::-webkit-scrollbar{height:14px;width:14px}.b-date-filter[data-v-9422876d] ::-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-9422876d]{margin-top:var(--b-filter-bar-date-filter-divider-margin-top)}@container (max-width: 260px){.b-base-filter-date-range-filter[data-v-ea2bb0e0] .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-ea2bb0e0]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-date-range-filter[data-v-ea2bb0e0],.b-date-range-filter[data-v-ea2bb0e0]:before,.b-date-range-filter[data-v-ea2bb0e0]:after{box-sizing:border-box}.b-date-range-filter [data-v-ea2bb0e0],.b-date-range-filter [data-v-ea2bb0e0]:before,.b-date-range-filter [data-v-ea2bb0e0]:after{box-sizing:border-box}.b-date-range-filter[data-v-ea2bb0e0] ::-webkit-scrollbar{height:14px;width:14px}.b-date-range-filter[data-v-ea2bb0e0] ::-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-ea2bb0e0]{padding:var(--b-filter-bar-date-range-filter-actions-padding)}.b-date-range-filter__divider[data-v-ea2bb0e0]{margin:var(--b-filter-bar-date-range-filter-divider-margin)}.b-select-filter-button[data-v-f283e2d6]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-select-filter-button[data-v-f283e2d6],.b-select-filter-button[data-v-f283e2d6]:before,.b-select-filter-button[data-v-f283e2d6]:after{box-sizing:border-box}.b-select-filter-button [data-v-f283e2d6],.b-select-filter-button [data-v-f283e2d6]:before,.b-select-filter-button [data-v-f283e2d6]:after{box-sizing:border-box}.b-select-filter-button[data-v-f283e2d6] ::-webkit-scrollbar{height:14px;width:14px}.b-select-filter-button[data-v-f283e2d6] ::-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-button__divider[data-v-f283e2d6]{margin:var(--b-filter-bar-select-filter-button-divider-margin)}.b-select-filter-button__search-bar[data-v-f283e2d6]{padding:var(--b-filter-bar-select-filter-button-search-bar-padding)}.b-select-filter-button__search-bar-wrapper[data-v-f283e2d6]{margin-top:var(--b-filter-bar-select-filter-button-search-bar-wrapper-margin-top)}.b-select-filter-button__wrapper[data-v-f283e2d6]{max-height:270px}.b-boolean-filter[data-v-69632f6f]{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-69632f6f],.b-boolean-filter[data-v-69632f6f]:before,.b-boolean-filter[data-v-69632f6f]:after{box-sizing:border-box}.b-boolean-filter [data-v-69632f6f],.b-boolean-filter [data-v-69632f6f]:before,.b-boolean-filter [data-v-69632f6f]:after{box-sizing:border-box}.b-boolean-filter[data-v-69632f6f] ::-webkit-scrollbar{height:14px;width:14px}.b-boolean-filter[data-v-69632f6f] ::-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-69632f6f]{padding:var(--b-filter-bar-boolean-filter-only-slot-padding)}.b-range-filter[data-v-338dc119]{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-338dc119],.b-range-filter[data-v-338dc119]:before,.b-range-filter[data-v-338dc119]:after{box-sizing:border-box}.b-range-filter [data-v-338dc119],.b-range-filter [data-v-338dc119]:before,.b-range-filter [data-v-338dc119]:after{box-sizing:border-box}.b-range-filter[data-v-338dc119] ::-webkit-scrollbar{height:14px;width:14px}.b-range-filter[data-v-338dc119] ::-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-338dc119]{padding-top:var(--b-filter-bar-range-filter-item-padding)}.b-range-filter--only-slot[data-v-338dc119]{padding:var(--b-filter-bar-range-filter-only-slot-padding)}button[data-v-66b170d4]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-66b170d4]:focus-visible{outline:none}.b-base-filter-button[data-v-66b170d4]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--b-filter-button-background-color);color:var(--b-filter-button-font-color);cursor:pointer;height:40px;justify-content:center;padding:var(--b-filter-button-padding);text-decoration:none;-webkit-user-select:none;user-select:none;width:100%}.b-base-filter-button[data-v-66b170d4],.b-base-filter-button[data-v-66b170d4]:before,.b-base-filter-button[data-v-66b170d4]:after{box-sizing:border-box}.b-base-filter-button [data-v-66b170d4],.b-base-filter-button [data-v-66b170d4]:before,.b-base-filter-button [data-v-66b170d4]:after{box-sizing:border-box}.b-base-filter-button[data-v-66b170d4] ::-webkit-scrollbar{height:14px;width:14px}.b-base-filter-button[data-v-66b170d4] ::-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-66b170d4]:hover{background-color:var(--b-filter-button-hover-background-color);color:var(--b-filter-button-hover-text-color)}}.b-base-filter-button[data-v-66b170d4] .b-base-button__label{width:100%}.b-base-filter-button[data-v-66b170d4]:active:not(:disabled){background-color:var(--b-filter-button-active-background-color)}.b-base-filter-button[data-v-66b170d4]:disabled,.b-base-filter-button[data-v-66b170d4]: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-66b170d4],.b-base-filter-button:disabled:not(:focus) .b-base-filter-button__counter[data-v-66b170d4]{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-66b170d4]:focus-visible{background-color:var(--b-filter-button-modal-focus-background-color)}.b-base-filter-button--filter-open[data-v-66b170d4]{background-color:var(--b-filter-button-modal-open-background-color)}.b-base-filter-button__default-container[data-v-66b170d4]{align-items:center;display:flex;gap:var(--b-filter-button-default-container-gap);width:100%}.b-base-filter-button__counter[data-v-66b170d4]{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-66b170d4]{align-items:center;display:flex}.b-base-filter-button__label[data-v-66b170d4]{display:block;overflow:hidden;text-overflow:ellipsis}.b-base-filter-button__label-container[data-v-66b170d4]{overflow:hidden;white-space:nowrap;width:100%}.b-base-filter-button__icon-left[data-v-66b170d4],.b-base-filter-button__icon-right[data-v-66b170d4]{display:inline-flex}.b-all-filters-modal-button[data-v-4c415ac7]{background-color:var(--b-filter-button-modal-background-color);scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-all-filters-modal-button--filter-open[data-v-4c415ac7]{background-color:var(--b-filter-button-modal-open-background-color)}.b-all-filters-modal-button[data-v-4c415ac7],.b-all-filters-modal-button[data-v-4c415ac7]:before,.b-all-filters-modal-button[data-v-4c415ac7]:after{box-sizing:border-box}.b-all-filters-modal-button [data-v-4c415ac7],.b-all-filters-modal-button [data-v-4c415ac7]:before,.b-all-filters-modal-button [data-v-4c415ac7]:after{box-sizing:border-box}.b-all-filters-modal-button[data-v-4c415ac7] ::-webkit-scrollbar{height:14px;width:14px}.b-all-filters-modal-button[data-v-4c415ac7] ::-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-4c415ac7]:hover{background-color:var(--b-filter-button-modal-hover-background-color);color:var(--b-filter-button-modal-hover-color)}}.b-all-filters-modal[data-v-d3bf9be0]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-all-filters-modal[data-v-d3bf9be0],.b-all-filters-modal[data-v-d3bf9be0]:before,.b-all-filters-modal[data-v-d3bf9be0]:after{box-sizing:border-box}.b-all-filters-modal [data-v-d3bf9be0],.b-all-filters-modal [data-v-d3bf9be0]:before,.b-all-filters-modal [data-v-d3bf9be0]:after{box-sizing:border-box}.b-all-filters-modal[data-v-d3bf9be0] ::-webkit-scrollbar{height:14px;width:14px}.b-all-filters-modal[data-v-d3bf9be0] ::-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-d3bf9be0] .b-modal-page{height:calc(100vh - 128px);max-height:800px;position:relative}.b-all-filters-modal[data-v-d3bf9be0] .b-modal-base__container{height:calc(100vh - 128px)!important;max-height:800px}.b-all-filters-modal[data-v-d3bf9be0] .b-dialog-page__content{display:flex}.b-all-filters-modal[data-v-d3bf9be0] .b-modal-page__content{flex:1;padding:var(--b-filter-bar-all-filters-modal-content-padding)}.b-all-filters-modal[data-v-d3bf9be0] .b-modal-page__content>.b-typography{height:100%}.b-all-filters-modal[data-v-d3bf9be0] .b-modal-page__grid{overflow:hidden}.b-all-filters-modal[data-v-d3bf9be0] .b-modal-page__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-d3bf9be0] .b-modal-page__grid>:nth-child(1) ::-webkit-scrollbar{display:none}.b-all-filters-modal[data-v-d3bf9be0] .b-modal-page__grid>:nth-child(2){max-height:100%}.b-all-filters-modal[data-v-d3bf9be0] .b-grid-layout{gap:0;height:100%}.b-all-filters-modal__filters[data-v-d3bf9be0]{display:flex;flex-direction:column;gap:var(--b-filter-bar-all-filters-modal-filters-gap)}.b-all-filters-modal__search-bar[data-v-d3bf9be0]{padding:var(--b-filter-bar-all-filters-modal-search-bar-padding)}.b-all-filters-modal__empty-search-message[data-v-d3bf9be0]{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-d3bf9be0]{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-d3bf9be0]{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-d3bf9be0]{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-d3bf9be0]{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-d3bf9be0]{flex:1}.b-all-filters-modal__clear-button[data-v-d3bf9be0]{display:flex;justify-content:flex-end}.b-all-filters-modal__selected-filter-text[data-v-d3bf9be0]{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-b5b27933]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;width:100%}.b-filter-bar[data-v-b5b27933],.b-filter-bar[data-v-b5b27933]:before,.b-filter-bar[data-v-b5b27933]:after{box-sizing:border-box}.b-filter-bar [data-v-b5b27933],.b-filter-bar [data-v-b5b27933]:before,.b-filter-bar [data-v-b5b27933]:after{box-sizing:border-box}.b-filter-bar[data-v-b5b27933] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar[data-v-b5b27933] ::-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__all-filters-modal[data-v-b5b27933],.b-filter-bar__clear-all[data-v-b5b27933],.b-filter-bar__reset-all[data-v-b5b27933]{display:inline-block;flex-shrink:0}.b-filter-bar__search-external-container[data-v-b5b27933]{margin-bottom:var(--b-filter-bar-search-external-container-margin-bottom)}.b-filter-bar__fixed-scroller[data-v-b5b27933] .b-fixed-scroller__right .b-button--condensed,.b-filter-bar__fixed-scroller[data-v-b5b27933] .b-fixed-scroller__left .b-button--condensed{height:var(--b-filter-bar-fixed-scroller-button-condensed-height);max-height:var(--b-filter-bar-fixed-scroller-button-condensed-max-height)}.b-filter-bar__container[data-v-b5b27933]{display:flex;flex-direction:row}.b-filter-bar__filters[data-v-b5b27933]{display:flex;flex-wrap:wrap;gap:var(--b-filter-bar-filters-gap)}@container (min-width: 700px){.b-filter-bar__search-bar[data-v-b5b27933]{max-width:200px;min-width:200px}}.b-filter-bar__scroller-content[data-v-b5b27933]{display:flex;gap:var(--b-filter-bar-scroller-content-gap)}.b-filter-bar__scroller-content .b-filter-bar__search-bar[data-v-b5b27933]{min-width:180px}
1	+ button[data-v-a64471d2]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-a64471d2]:focus-visible{outline:none}.b-filter-bar-button[data-v-a64471d2]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:none;-moz-appearance:none;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;padding:var(--b-filter-bar-button-container-padding);text-decoration:none;-webkit-user-select:none;user-select:none}.b-filter-bar-button[data-v-a64471d2],.b-filter-bar-button[data-v-a64471d2]:before,.b-filter-bar-button[data-v-a64471d2]:after{box-sizing:border-box}.b-filter-bar-button [data-v-a64471d2],.b-filter-bar-button [data-v-a64471d2]:before,.b-filter-bar-button [data-v-a64471d2]:after{box-sizing:border-box}.b-filter-bar-button[data-v-a64471d2] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar-button[data-v-a64471d2] ::-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-a64471d2]: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__secondary-label[data-v-a64471d2]{color:var(--b-filter-bar-button-hover-color)}.b-filter-bar-button:hover .b-filter-bar-button__counter[data-v-a64471d2]{background-color:var(--b-filter-bar-button-counter-hover-background-color);color:var(--b-filter-bar-button-counter-hover-color)}}.b-filter-bar-button[data-v-a64471d2]:disabled,.b-filter-bar-button[data-v-a64471d2]: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__secondary-label[data-v-a64471d2],.b-filter-bar-button:disabled:not(:focus) .b-filter-bar-button__secondary-label[data-v-a64471d2]{color:var(--b-filter-bar-button-disabled-color)}.b-filter-bar-button:disabled .b-filter-bar-button__counter[data-v-a64471d2],.b-filter-bar-button:disabled:not(:focus) .b-filter-bar-button__counter[data-v-a64471d2]{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-a64471d2]:focus-visible{animation:outer-ring-default-a64471d2 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-a64471d2{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--icon-only[data-v-a64471d2]{padding:var(--b-filter-bar-button-icon-only-padding)}.b-filter-bar-button--icon-only .b-filter-bar-button__container[data-v-a64471d2]{display:flex;gap:0}.b-filter-bar-button--filter-open[data-v-a64471d2]:not(:hover){background-color:var(--b-filter-bar-button-filter-open-background-color);border:var(--b-filter-bar-button-filter-open-border);color:var(--b-filter-bar-button-filter-open-color)}.b-filter-bar-button--filter-open-applied[data-v-a64471d2]:not(:hover){background-color:var(--b-filter-bar-button-applied-filter-open-background-color);border:var(--b-filter-bar-button-applied-filter-open-border);color:var(--b-filter-bar-button-applied-filter-open-color)}.b-filter-bar-button--with-counter[data-v-a64471d2]:not(.b-filter-bar-button--icon-only){padding-right:var(--b-filter-bar-button-with-counter-padding-right)}.b-filter-bar-button--with-counter:not(.b-filter-bar-button--icon-only) .b-filter-bar-button__container[data-v-a64471d2]{padding-right:var(--b-filter-bar-button-with-counter-container-padding-right)}.b-filter-bar-button--applied[data-v-a64471d2]{background-color:var(--b-filter-bar-button-applied-background-color);border:var(--b-filter-bar-button-applied-border);color:var(--b-filter-bar-button-applied-color)}.b-filter-bar-button--applied .b-filter-bar-button__secondary-label[data-v-a64471d2]{color:var(--b-filter-bar-button-applied-color)}.b-filter-bar-button--applied[data-v-a64471d2]:hover{background-color:var(--b-filter-bar-button-applied-hover-background-color);border:var(--b-filter-bar-button-applied-hover-border);color:var(--b-filter-bar-button-applied-hover-color)}.b-filter-bar-button--applied:hover .b-filter-bar-button__secondary-label[data-v-a64471d2]{color:var(--b-filter-bar-button-applied-hover-color)}.b-filter-bar-button--applied[data-v-a64471d2]:disabled,.b-filter-bar-button--applied[data-v-a64471d2]:disabled:not(:focus){background-color:var(--b-filter-bar-button-applied-disabled-background-color);border:var(--b-filter-bar-button-applied-disabled-border);color:var(--b-filter-bar-button-applied-disabled-color)}.b-filter-bar-button--applied:disabled .b-filter-bar-button__secondary-label[data-v-a64471d2],.b-filter-bar-button--applied:disabled:not(:focus) .b-filter-bar-button__secondary-label[data-v-a64471d2]{color:var(--b-filter-bar-button-applied-disabled-color)}.b-filter-bar-button__container[data-v-a64471d2]{align-items:center;display:flex;gap:var(--b-filter-bar-button-container-gap);justify-content:center;vertical-align:bottom}.b-filter-bar-button__counter[data-v-a64471d2]{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);padding:var(--b-filter-bar-button-counter-padding)}.b-filter-bar-button__label-container[data-v-a64471d2]{align-items:center;display:inline-flex;gap:var(--b-filter-bar-button-label-container-gap)}.b-filter-bar-button__label[data-v-a64471d2],.b-filter-bar-button__secondary-label[data-v-a64471d2]{display:inline-flex;line-height:var(--b-filter-bar-button-label-line-height);vertical-align:middle}.b-filter-bar-button__icon-left[data-v-a64471d2],.b-filter-bar-button__icon-right[data-v-a64471d2]{display:inline-flex}button[data-v-c0b008f0]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-c0b008f0]:focus-visible{outline:none}.b-filter-bar-button-group[data-v-c0b008f0]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex}.b-filter-bar-button-group[data-v-c0b008f0],.b-filter-bar-button-group[data-v-c0b008f0]:before,.b-filter-bar-button-group[data-v-c0b008f0]:after{box-sizing:border-box}.b-filter-bar-button-group [data-v-c0b008f0],.b-filter-bar-button-group [data-v-c0b008f0]:before,.b-filter-bar-button-group [data-v-c0b008f0]:after{box-sizing:border-box}.b-filter-bar-button-group[data-v-c0b008f0] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar-button-group[data-v-c0b008f0] ::-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-button-group--grouped[data-v-c0b008f0] button:first-child{border-end-end-radius:0;border-start-end-radius:0}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:last-child{border-end-start-radius:0;border-start-start-radius:0}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:not(:last-child){border-inline-end:var(--b-filter-bar-button-group-button-border);padding-inline-end:var(--b-filter-bar-button-group-button-padding)}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:not(:last-child):hover{border-inline-end:var(--b-filter-bar-button-group-button-hover-border)}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:not(:first-child){border-inline-start:var(--b-filter-bar-button-group-button-border);padding-inline-start:var(--b-filter-bar-button-group-button-padding)}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:not(:first-child):hover{border-inline-start:var(--b-filter-bar-button-group-button-hover-border)}.b-filter-bar-button-group--grouped.b-filter-bar-button-group--active[data-v-c0b008f0] button:not(:last-child){border-inline-end:var(--b-filter-bar-button-group-button-active-border)}.b-filter-bar-button-group--grouped.b-filter-bar-button-group--active[data-v-c0b008f0] button:not(:first-child){border-inline-start:var(--b-filter-bar-button-group-button-active-border)}.b-base-filter[data-v-83cb499e]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;flex-shrink:0}.b-base-filter[data-v-83cb499e],.b-base-filter[data-v-83cb499e]:before,.b-base-filter[data-v-83cb499e]:after{box-sizing:border-box}.b-base-filter [data-v-83cb499e],.b-base-filter [data-v-83cb499e]:before,.b-base-filter [data-v-83cb499e]:after{box-sizing:border-box}.b-base-filter[data-v-83cb499e] ::-webkit-scrollbar{height:14px;width:14px}.b-base-filter[data-v-83cb499e] ::-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[data-v-39fd573d]{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-39fd573d],.b-input-filter[data-v-39fd573d]:before,.b-input-filter[data-v-39fd573d]:after{box-sizing:border-box}.b-input-filter [data-v-39fd573d],.b-input-filter [data-v-39fd573d]:before,.b-input-filter [data-v-39fd573d]:after{box-sizing:border-box}.b-input-filter[data-v-39fd573d] ::-webkit-scrollbar{height:14px;width:14px}.b-input-filter[data-v-39fd573d] ::-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-39fd573d]{padding:var(--b-filter-bar-input-filter-only-slot-padding)}.b-input-with-dropdown-filter[data-v-9623d386]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-filter-bar-input-with-dropdown-filter-padding)}.b-input-with-dropdown-filter[data-v-9623d386],.b-input-with-dropdown-filter[data-v-9623d386]:before,.b-input-with-dropdown-filter[data-v-9623d386]:after{box-sizing:border-box}.b-input-with-dropdown-filter [data-v-9623d386],.b-input-with-dropdown-filter [data-v-9623d386]:before,.b-input-with-dropdown-filter [data-v-9623d386]:after{box-sizing:border-box}.b-input-with-dropdown-filter[data-v-9623d386] ::-webkit-scrollbar{height:14px;width:14px}.b-input-with-dropdown-filter[data-v-9623d386] ::-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-with-dropdown-filter--only-slot[data-v-9623d386]{padding:var(--b-filter-bar-input-with-dropdown-filter-only-slot-padding)}.b-date-filter[data-v-9422876d]{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-9422876d],.b-date-filter[data-v-9422876d]:before,.b-date-filter[data-v-9422876d]:after{box-sizing:border-box}.b-date-filter [data-v-9422876d],.b-date-filter [data-v-9422876d]:before,.b-date-filter [data-v-9422876d]:after{box-sizing:border-box}.b-date-filter[data-v-9422876d] ::-webkit-scrollbar{height:14px;width:14px}.b-date-filter[data-v-9422876d] ::-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-9422876d]{margin-top:var(--b-filter-bar-date-filter-divider-margin-top)}@container (max-width: 260px){.b-base-filter-date-range-filter[data-v-9fb1aa27] .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-9fb1aa27]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-date-range-filter[data-v-9fb1aa27],.b-date-range-filter[data-v-9fb1aa27]:before,.b-date-range-filter[data-v-9fb1aa27]:after{box-sizing:border-box}.b-date-range-filter [data-v-9fb1aa27],.b-date-range-filter [data-v-9fb1aa27]:before,.b-date-range-filter [data-v-9fb1aa27]:after{box-sizing:border-box}.b-date-range-filter[data-v-9fb1aa27] ::-webkit-scrollbar{height:14px;width:14px}.b-date-range-filter[data-v-9fb1aa27] ::-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-9fb1aa27]{padding:var(--b-filter-bar-date-range-filter-actions-padding)}.b-date-range-filter__divider[data-v-9fb1aa27]{margin:var(--b-filter-bar-date-range-filter-divider-margin)}.b-select-filter-button[data-v-f283e2d6]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-select-filter-button[data-v-f283e2d6],.b-select-filter-button[data-v-f283e2d6]:before,.b-select-filter-button[data-v-f283e2d6]:after{box-sizing:border-box}.b-select-filter-button [data-v-f283e2d6],.b-select-filter-button [data-v-f283e2d6]:before,.b-select-filter-button [data-v-f283e2d6]:after{box-sizing:border-box}.b-select-filter-button[data-v-f283e2d6] ::-webkit-scrollbar{height:14px;width:14px}.b-select-filter-button[data-v-f283e2d6] ::-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-button__divider[data-v-f283e2d6]{margin:var(--b-filter-bar-select-filter-button-divider-margin)}.b-select-filter-button__search-bar[data-v-f283e2d6]{padding:var(--b-filter-bar-select-filter-button-search-bar-padding)}.b-select-filter-button__search-bar-wrapper[data-v-f283e2d6]{margin-top:var(--b-filter-bar-select-filter-button-search-bar-wrapper-margin-top)}.b-select-filter-button__wrapper[data-v-f283e2d6]{max-height:270px}.b-boolean-filter[data-v-69632f6f]{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-69632f6f],.b-boolean-filter[data-v-69632f6f]:before,.b-boolean-filter[data-v-69632f6f]:after{box-sizing:border-box}.b-boolean-filter [data-v-69632f6f],.b-boolean-filter [data-v-69632f6f]:before,.b-boolean-filter [data-v-69632f6f]:after{box-sizing:border-box}.b-boolean-filter[data-v-69632f6f] ::-webkit-scrollbar{height:14px;width:14px}.b-boolean-filter[data-v-69632f6f] ::-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-69632f6f]{padding:var(--b-filter-bar-boolean-filter-only-slot-padding)}.b-range-filter[data-v-338dc119]{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-338dc119],.b-range-filter[data-v-338dc119]:before,.b-range-filter[data-v-338dc119]:after{box-sizing:border-box}.b-range-filter [data-v-338dc119],.b-range-filter [data-v-338dc119]:before,.b-range-filter [data-v-338dc119]:after{box-sizing:border-box}.b-range-filter[data-v-338dc119] ::-webkit-scrollbar{height:14px;width:14px}.b-range-filter[data-v-338dc119] ::-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-338dc119]{padding-top:var(--b-filter-bar-range-filter-item-padding)}.b-range-filter--only-slot[data-v-338dc119]{padding:var(--b-filter-bar-range-filter-only-slot-padding)}button[data-v-66b170d4]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-66b170d4]:focus-visible{outline:none}.b-base-filter-button[data-v-66b170d4]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--b-filter-button-background-color);color:var(--b-filter-button-font-color);cursor:pointer;height:40px;justify-content:center;padding:var(--b-filter-button-padding);text-decoration:none;-webkit-user-select:none;user-select:none;width:100%}.b-base-filter-button[data-v-66b170d4],.b-base-filter-button[data-v-66b170d4]:before,.b-base-filter-button[data-v-66b170d4]:after{box-sizing:border-box}.b-base-filter-button [data-v-66b170d4],.b-base-filter-button [data-v-66b170d4]:before,.b-base-filter-button [data-v-66b170d4]:after{box-sizing:border-box}.b-base-filter-button[data-v-66b170d4] ::-webkit-scrollbar{height:14px;width:14px}.b-base-filter-button[data-v-66b170d4] ::-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-66b170d4]:hover{background-color:var(--b-filter-button-hover-background-color);color:var(--b-filter-button-hover-text-color)}}.b-base-filter-button[data-v-66b170d4] .b-base-button__label{width:100%}.b-base-filter-button[data-v-66b170d4]:active:not(:disabled){background-color:var(--b-filter-button-active-background-color)}.b-base-filter-button[data-v-66b170d4]:disabled,.b-base-filter-button[data-v-66b170d4]: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-66b170d4],.b-base-filter-button:disabled:not(:focus) .b-base-filter-button__counter[data-v-66b170d4]{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-66b170d4]:focus-visible{background-color:var(--b-filter-button-modal-focus-background-color)}.b-base-filter-button--filter-open[data-v-66b170d4]{background-color:var(--b-filter-button-modal-open-background-color)}.b-base-filter-button__default-container[data-v-66b170d4]{align-items:center;display:flex;gap:var(--b-filter-button-default-container-gap);width:100%}.b-base-filter-button__counter[data-v-66b170d4]{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-66b170d4]{align-items:center;display:flex}.b-base-filter-button__label[data-v-66b170d4]{display:block;overflow:hidden;text-overflow:ellipsis}.b-base-filter-button__label-container[data-v-66b170d4]{overflow:hidden;white-space:nowrap;width:100%}.b-base-filter-button__icon-left[data-v-66b170d4],.b-base-filter-button__icon-right[data-v-66b170d4]{display:inline-flex}.b-all-filters-modal-button[data-v-4c415ac7]{background-color:var(--b-filter-button-modal-background-color);scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-all-filters-modal-button--filter-open[data-v-4c415ac7]{background-color:var(--b-filter-button-modal-open-background-color)}.b-all-filters-modal-button[data-v-4c415ac7],.b-all-filters-modal-button[data-v-4c415ac7]:before,.b-all-filters-modal-button[data-v-4c415ac7]:after{box-sizing:border-box}.b-all-filters-modal-button [data-v-4c415ac7],.b-all-filters-modal-button [data-v-4c415ac7]:before,.b-all-filters-modal-button [data-v-4c415ac7]:after{box-sizing:border-box}.b-all-filters-modal-button[data-v-4c415ac7] ::-webkit-scrollbar{height:14px;width:14px}.b-all-filters-modal-button[data-v-4c415ac7] ::-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-4c415ac7]:hover{background-color:var(--b-filter-button-modal-hover-background-color);color:var(--b-filter-button-modal-hover-color)}}.b-all-filters-modal[data-v-d3bf9be0]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-all-filters-modal[data-v-d3bf9be0],.b-all-filters-modal[data-v-d3bf9be0]:before,.b-all-filters-modal[data-v-d3bf9be0]:after{box-sizing:border-box}.b-all-filters-modal [data-v-d3bf9be0],.b-all-filters-modal [data-v-d3bf9be0]:before,.b-all-filters-modal [data-v-d3bf9be0]:after{box-sizing:border-box}.b-all-filters-modal[data-v-d3bf9be0] ::-webkit-scrollbar{height:14px;width:14px}.b-all-filters-modal[data-v-d3bf9be0] ::-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-d3bf9be0] .b-modal-page{height:calc(100vh - 128px);max-height:800px;position:relative}.b-all-filters-modal[data-v-d3bf9be0] .b-modal-base__container{height:calc(100vh - 128px)!important;max-height:800px}.b-all-filters-modal[data-v-d3bf9be0] .b-dialog-page__content{display:flex}.b-all-filters-modal[data-v-d3bf9be0] .b-modal-page__content{flex:1;padding:var(--b-filter-bar-all-filters-modal-content-padding)}.b-all-filters-modal[data-v-d3bf9be0] .b-modal-page__content>.b-typography{height:100%}.b-all-filters-modal[data-v-d3bf9be0] .b-modal-page__grid{overflow:hidden}.b-all-filters-modal[data-v-d3bf9be0] .b-modal-page__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-d3bf9be0] .b-modal-page__grid>:nth-child(1) ::-webkit-scrollbar{display:none}.b-all-filters-modal[data-v-d3bf9be0] .b-modal-page__grid>:nth-child(2){max-height:100%}.b-all-filters-modal[data-v-d3bf9be0] .b-grid-layout{gap:0;height:100%}.b-all-filters-modal__filters[data-v-d3bf9be0]{display:flex;flex-direction:column;gap:var(--b-filter-bar-all-filters-modal-filters-gap)}.b-all-filters-modal__search-bar[data-v-d3bf9be0]{padding:var(--b-filter-bar-all-filters-modal-search-bar-padding)}.b-all-filters-modal__empty-search-message[data-v-d3bf9be0]{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-d3bf9be0]{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-d3bf9be0]{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-d3bf9be0]{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-d3bf9be0]{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-d3bf9be0]{flex:1}.b-all-filters-modal__clear-button[data-v-d3bf9be0]{display:flex;justify-content:flex-end}.b-all-filters-modal__selected-filter-text[data-v-d3bf9be0]{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-b5b27933]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;width:100%}.b-filter-bar[data-v-b5b27933],.b-filter-bar[data-v-b5b27933]:before,.b-filter-bar[data-v-b5b27933]:after{box-sizing:border-box}.b-filter-bar [data-v-b5b27933],.b-filter-bar [data-v-b5b27933]:before,.b-filter-bar [data-v-b5b27933]:after{box-sizing:border-box}.b-filter-bar[data-v-b5b27933] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar[data-v-b5b27933] ::-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__all-filters-modal[data-v-b5b27933],.b-filter-bar__clear-all[data-v-b5b27933],.b-filter-bar__reset-all[data-v-b5b27933]{display:inline-block;flex-shrink:0}.b-filter-bar__search-external-container[data-v-b5b27933]{margin-bottom:var(--b-filter-bar-search-external-container-margin-bottom)}.b-filter-bar__fixed-scroller[data-v-b5b27933] .b-fixed-scroller__right .b-button--condensed,.b-filter-bar__fixed-scroller[data-v-b5b27933] .b-fixed-scroller__left .b-button--condensed{height:var(--b-filter-bar-fixed-scroller-button-condensed-height);max-height:var(--b-filter-bar-fixed-scroller-button-condensed-max-height)}.b-filter-bar__container[data-v-b5b27933]{display:flex;flex-direction:row}.b-filter-bar__filters[data-v-b5b27933]{display:flex;flex-wrap:wrap;gap:var(--b-filter-bar-filters-gap)}@container (min-width: 700px){.b-filter-bar__search-bar[data-v-b5b27933]{max-width:200px;min-width:200px}}.b-filter-bar__scroller-content[data-v-b5b27933]{display:flex;gap:var(--b-filter-bar-scroller-content-gap)}.b-filter-bar__scroller-content .b-filter-bar__search-bar[data-v-b5b27933]{min-width:180px}

package/dist/assets/index.css ADDED Viewed

@@ -0,0 +1 @@

+ .b-highlight{position:relative}@keyframes ripple-small{0%{box-shadow:0 0 0 0 var(--b-highlight-box-shadow-ripple-color)}54.5%{box-shadow:0 0 0 10px transparent}to{box-shadow:0 0 0 10px transparent}}@keyframes ripple-medium{0%{box-shadow:0 0 0 0 var(--b-highlight-box-shadow-ripple-color)}54.5%{box-shadow:0 0 0 15px transparent}to{box-shadow:0 0 0 15px transparent}}@keyframes ripple-large{0%{box-shadow:0 0 0 0 var(--b-highlight-box-shadow-ripple-color)}54.5%{box-shadow:0 0 0 20px transparent}to{box-shadow:0 0 0 20px transparent}}.b-highlight:focus:after,.b-highlight:focus:before{content:none}.b-highlight:after,.b-highlight:before{border-radius:inherit;content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}@media (prefers-reduced-motion: no-preference){.b-highlight:after{animation-duration:2.2s;animation-iteration-count:infinite;animation-timing-function:var(--b-animation-easing-standard)}}.b-highlight--extra-padding:after,.b-highlight--extra-padding:before{inset:var(--b-highlight-extra-padding-inset)}.b-highlight--rounded:after,.b-highlight--rounded:before{border-radius:var(--b-highlight-rounded-border-radius)}.b-highlight--small:after{animation-name:ripple-small}.b-highlight--small:before{box-shadow:0 0 0 1px var(--b-highlight-box-shadow-outline-color),0 0 20px 0 var(--b-highlight-box-shadow-shadow-color)}.b-highlight--medium:after{animation-name:ripple-medium}.b-highlight--medium:before{box-shadow:0 0 0 1px var(--b-highlight-box-shadow-outline-color),0 0 25px 0 var(--b-highlight-box-shadow-shadow-color)}.b-highlight--large:after{animation-name:ripple-large}.b-highlight--large:before{box-shadow:0 0 0 1px var(--b-highlight-box-shadow-outline-color),0 0 30px 0 var(--b-highlight-box-shadow-shadow-color)}

package/dist/assets/inspector.css CHANGED Viewed

	@@ -1 +1 @@
1	- .b-inspector[data-v-62a28c4d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;height:100%;position:relative}.b-inspector[data-v-62a28c4d],.b-inspector[data-v-62a28c4d]:before,.b-inspector[data-v-62a28c4d]:after{box-sizing:border-box}.b-inspector [data-v-62a28c4d],.b-inspector [data-v-62a28c4d]:before,.b-inspector *[data-v-62a28c4d]:after{box-sizing:border-box}.b-inspector[data-v-62a28c4d] ::-webkit-scrollbar{height:14px;width:14px}.b-inspector[data-v-62a28c4d] ::-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-inspector--overlay-content .b-inspector__container-wrapper[data-v-62a28c4d]{box-shadow:var(--b-inspector-container-wrapper-box-shadow);position:absolute;right:0;z-index:var(--b-inspector-container-wrapper-z-index)}.b-inspector__page-wrapper[data-v-62a28c4d]{flex-grow:1;height:100%;overflow:auto}.b-inspector__page[data-v-62a28c4d]{height:100%}.b-inspector__container-wrapper[data-v-62a28c4d]{background-color:var(--b-inspector-container-wrapper-background-color);border-left:var(--b-inspector-container-wrapper-border-left);flex-shrink:0;height:100%;overflow-x:hidden}.b-inspector__container[data-v-62a28c4d]{display:flex;flex-direction:column;height:100%;padding:var(--b-inspector-container-padding)}.b-inspector__header[data-v-62a28c4d]{color:var(--b-inspector-header-color);display:flex;gap:var(--b-inspector-header-gap);padding-bottom:var(--b-inspector-header-padding-bottom)}.b-inspector__title[data-v-62a28c4d]{flex-grow:1}.b-inspector__icons[data-v-62a28c4d]{display:flex;flex-shrink:0;gap:var(--b-inspector-icons-gap)}.b-inspector__content[data-v-62a28c4d]{flex-grow:1}.b-inspector__loading-indicator[data-v-62a28c4d]{top:50%;right:50%;bottom:50%;left:50%;transform:translate(-50%,-50%)}.b-inspector__return-content[data-v-62a28c4d]{clip:rect(0,0,0,0);height:1px;opacity:0;overflow:hidden;position:absolute;right:0;width:1px}.b-inspector__return-content[data-v-62a28c4d]:focus-visible{clip:auto;height:auto;opacity:1;right:var(--b-inspector-return-content-right);width:auto;z-index:1}.b-inspector__return-content-description[data-v-62a28c4d]{display:none}.b-inspector--small .b-inspector__container-wrapper[data-v-62a28c4d]{width:420px}.b-inspector--small .b-inspector__container[data-v-62a28c4d]{width:419px}@keyframes expand-small-62a28c4d{0%{width:0}to{width:420px}}@keyframes shrink-small-62a28c4d{0%{width:420px}to{width:0}}.b-inspector--small .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:expand-small-62a28c4d var(--b-inspector-animation-duration) var(--b-inspector-animation-enter-active-easing)}.b-inspector--small .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:shrink-small-62a28c4d var(--b-inspector-animation-duration) var(--b-inspector-animation-leave-active-easing)}.b-inspector--small.b-inspector--is-compact .b-inspector__container-wrapper[data-v-62a28c4d]{border-left:0;position:absolute;width:100%;z-index:var(--b-inspector-container-wrapper-z-index)}.b-inspector--small.b-inspector--is-compact .b-inspector__container[data-v-62a28c4d]{width:100%}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:enter-~~u36e27z~~-62a28c4d var(--b-inspector-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-~~u36e27z~~-62a28c4d{0%{translate:100% 0}to{translate:0 0}}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:exit-~~u36e28k~~-62a28c4d var(--b-inspector-animation-duration) var(--b-animation-easing-exit)}@keyframes exit-~~u36e28k~~-62a28c4d{0%{translate:0 0}to{translate:100% 0}}.b-inspector--large .b-inspector__container-wrapper[data-v-62a28c4d]{width:595px}.b-inspector--large .b-inspector__container[data-v-62a28c4d]{width:594px}@keyframes expand-large-62a28c4d{0%{width:0}to{width:595px}}@keyframes shrink-large-62a28c4d{0%{width:595px}to{width:0}}.b-inspector--large .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:expand-large-62a28c4d var(--b-inspector-animation-duration) var(--b-inspector-animation-enter-active-easing)}.b-inspector--large .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:shrink-large-62a28c4d var(--b-inspector-animation-duration) var(--b-inspector-animation-leave-active-easing)}.b-inspector--large.b-inspector--is-compact .b-inspector__container-wrapper[data-v-62a28c4d]{border-left:0;position:absolute;width:100%;z-index:var(--b-inspector-container-wrapper-z-index)}.b-inspector--large.b-inspector--is-compact .b-inspector__container[data-v-62a28c4d]{width:100%}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:enter-~~u36e28s~~-62a28c4d var(--b-inspector-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-~~u36e28s~~-62a28c4d{0%{translate:100% 0}to{translate:0 0}}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:exit-~~u36e29n~~-62a28c4d var(--b-inspector-animation-duration) var(--b-animation-easing-exit)}@keyframes exit-~~u36e29n~~-62a28c4d{0%{translate:0 0}to{translate:100% 0}}
1	+ .b-inspector[data-v-62a28c4d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;height:100%;position:relative}.b-inspector[data-v-62a28c4d],.b-inspector[data-v-62a28c4d]:before,.b-inspector[data-v-62a28c4d]:after{box-sizing:border-box}.b-inspector [data-v-62a28c4d],.b-inspector [data-v-62a28c4d]:before,.b-inspector *[data-v-62a28c4d]:after{box-sizing:border-box}.b-inspector[data-v-62a28c4d] ::-webkit-scrollbar{height:14px;width:14px}.b-inspector[data-v-62a28c4d] ::-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-inspector--overlay-content .b-inspector__container-wrapper[data-v-62a28c4d]{box-shadow:var(--b-inspector-container-wrapper-box-shadow);position:absolute;right:0;z-index:var(--b-inspector-container-wrapper-z-index)}.b-inspector__page-wrapper[data-v-62a28c4d]{flex-grow:1;height:100%;overflow:auto}.b-inspector__page[data-v-62a28c4d]{height:100%}.b-inspector__container-wrapper[data-v-62a28c4d]{background-color:var(--b-inspector-container-wrapper-background-color);border-left:var(--b-inspector-container-wrapper-border-left);flex-shrink:0;height:100%;overflow-x:hidden}.b-inspector__container[data-v-62a28c4d]{display:flex;flex-direction:column;height:100%;padding:var(--b-inspector-container-padding)}.b-inspector__header[data-v-62a28c4d]{color:var(--b-inspector-header-color);display:flex;gap:var(--b-inspector-header-gap);padding-bottom:var(--b-inspector-header-padding-bottom)}.b-inspector__title[data-v-62a28c4d]{flex-grow:1}.b-inspector__icons[data-v-62a28c4d]{display:flex;flex-shrink:0;gap:var(--b-inspector-icons-gap)}.b-inspector__content[data-v-62a28c4d]{flex-grow:1}.b-inspector__loading-indicator[data-v-62a28c4d]{top:50%;right:50%;bottom:50%;left:50%;transform:translate(-50%,-50%)}.b-inspector__return-content[data-v-62a28c4d]{clip:rect(0,0,0,0);height:1px;opacity:0;overflow:hidden;position:absolute;right:0;width:1px}.b-inspector__return-content[data-v-62a28c4d]:focus-visible{clip:auto;height:auto;opacity:1;right:var(--b-inspector-return-content-right);width:auto;z-index:1}.b-inspector__return-content-description[data-v-62a28c4d]{display:none}.b-inspector--small .b-inspector__container-wrapper[data-v-62a28c4d]{width:420px}.b-inspector--small .b-inspector__container[data-v-62a28c4d]{width:419px}@keyframes expand-small-62a28c4d{0%{width:0}to{width:420px}}@keyframes shrink-small-62a28c4d{0%{width:420px}to{width:0}}.b-inspector--small .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:expand-small-62a28c4d var(--b-inspector-animation-duration) var(--b-inspector-animation-enter-active-easing)}.b-inspector--small .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:shrink-small-62a28c4d var(--b-inspector-animation-duration) var(--b-inspector-animation-leave-active-easing)}.b-inspector--small.b-inspector--is-compact .b-inspector__container-wrapper[data-v-62a28c4d]{border-left:0;position:absolute;width:100%;z-index:var(--b-inspector-container-wrapper-z-index)}.b-inspector--small.b-inspector--is-compact .b-inspector__container[data-v-62a28c4d]{width:100%}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:enter-uv9qzfp-62a28c4d var(--b-inspector-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-uv9qzfp-62a28c4d{0%{translate:100% 0}to{translate:0 0}}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:exit-uv9qzgg-62a28c4d var(--b-inspector-animation-duration) var(--b-animation-easing-exit)}@keyframes exit-uv9qzgg-62a28c4d{0%{translate:0 0}to{translate:100% 0}}.b-inspector--large .b-inspector__container-wrapper[data-v-62a28c4d]{width:595px}.b-inspector--large .b-inspector__container[data-v-62a28c4d]{width:594px}@keyframes expand-large-62a28c4d{0%{width:0}to{width:595px}}@keyframes shrink-large-62a28c4d{0%{width:595px}to{width:0}}.b-inspector--large .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:expand-large-62a28c4d var(--b-inspector-animation-duration) var(--b-inspector-animation-enter-active-easing)}.b-inspector--large .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:shrink-large-62a28c4d var(--b-inspector-animation-duration) var(--b-inspector-animation-leave-active-easing)}.b-inspector--large.b-inspector--is-compact .b-inspector__container-wrapper[data-v-62a28c4d]{border-left:0;position:absolute;width:100%;z-index:var(--b-inspector-container-wrapper-z-index)}.b-inspector--large.b-inspector--is-compact .b-inspector__container[data-v-62a28c4d]{width:100%}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:enter-uv9qzgw-62a28c4d var(--b-inspector-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-uv9qzgw-62a28c4d{0%{translate:100% 0}to{translate:0 0}}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:exit-uv9qzhw-62a28c4d var(--b-inspector-animation-duration) var(--b-animation-easing-exit)}@keyframes exit-uv9qzhw-62a28c4d{0%{translate:0 0}to{translate:100% 0}}

package/dist/assets/modal-fullscreen.css CHANGED Viewed

	@@ -1 +1 @@
1	- .b-modal-fullscreen-page[data-v-f90522fe]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;height:100%;overflow:hidden;position:absolute;width:100%}.b-modal-fullscreen-page[data-v-f90522fe],.b-modal-fullscreen-page[data-v-f90522fe]:before,.b-modal-fullscreen-page[data-v-f90522fe]:after{box-sizing:border-box}.b-modal-fullscreen-page [data-v-f90522fe],.b-modal-fullscreen-page [data-v-f90522fe]:before,.b-modal-fullscreen-page [data-v-f90522fe]:after{box-sizing:border-box}.b-modal-fullscreen-page[data-v-f90522fe] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen-page[data-v-f90522fe] ::-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-modal-fullscreen-page__header[data-v-f90522fe]{align-items:center;display:flex;flex-grow:1;gap:var(--b-modal-fullscreen-header-gap);height:64px;overflow-x:auto;overflow-y:hidden;padding:var(--b-modal-fullscreen-header-padding)}.b-modal-fullscreen-page__header-section[data-v-f90522fe]{display:flex;flex:1 1 0}.b-modal-fullscreen-page__header-section--title[data-v-f90522fe]{min-width:150px;overflow:hidden}.b-modal-fullscreen-page__header-section--slot[data-v-f90522fe]{flex-grow:0;justify-content:center}.b-modal-fullscreen-page__header-section--actions[data-v-f90522fe]{align-items:center;gap:var(--b-modal-fullscreen-header-gap);justify-content:end}.b-modal-fullscreen-page__title[data-v-f90522fe]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-modal-fullscreen-page__contextual-label[data-v-f90522fe]{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.b-modal-fullscreen-page__actions[data-v-f90522fe]{container-type:normal;flex-grow:unset}.b-modal-fullscreen-page__actions[data-v-f90522fe] .b-button-actions__container-wrapper{flex-direction:row}.b-modal-fullscreen-page__separator[data-v-f90522fe]{border-left:var(--b-modal-fullscreen-separator-border-left);height:26px;margin-right:var(--b-modal-fullscreen-separator-margin-right)}.b-modal-fullscreen-page__content[data-v-f90522fe]{height:100%;overflow:auto}.b-modal-fullscreen[data-v-e560cd86]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-modal-fullscreen-background-color);border:0;color:var(--b-modal-fullscreen-color);height:100%;max-height:100%;max-width:100%;overflow:hidden;padding:0;width:100%}.b-modal-fullscreen[data-v-e560cd86],.b-modal-fullscreen[data-v-e560cd86]:before,.b-modal-fullscreen[data-v-e560cd86]:after{box-sizing:border-box}.b-modal-fullscreen [data-v-e560cd86],.b-modal-fullscreen [data-v-e560cd86]:before,.b-modal-fullscreen [data-v-e560cd86]:after{box-sizing:border-box}.b-modal-fullscreen[data-v-e560cd86] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen[data-v-e560cd86] ::-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-modal-fullscreen__wrapper[data-v-e560cd86]{display:flex;flex-direction:column;height:100%}.b-modal-fullscreen__close-button[data-v-e560cd86]{align-items:center;background-color:var(--b-modal-fullscreen-background-color);display:flex;height:64px;padding-inline:var(--b-modal-fullscreen-close-button-padding-inline);position:absolute;right:0;z-index:var(--b-modal-fullscreen-close-button-z-index)}.b-modal-fullscreen[data-v-e560cd86]::backdrop{background-color:transparent}.b-modal-fullscreen[open][data-v-e560cd86]{animation:fade-in-~~u36e1rw~~-e560cd86 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear),enter-~~u36e1rw~~-e560cd86 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-enter),scale-up-~~u36e1rw~~-e560cd86 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-in-~~u36e1rw~~-e560cd86{0%{opacity:0}to{opacity:1}}@keyframes scale-up-~~u36e1rw~~-e560cd86{0%{scale:1}to{scale:1}}@keyframes enter-~~u36e1rw~~-e560cd86{0%{translate:0 64px}to{translate:0 0}}.b-modal-fullscreen--hide[open][data-v-e560cd86]{animation:fade-out-~~u36e1us~~-e560cd86 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear),exit-~~u36e1us~~-e560cd86 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-exit),scale-down-~~u36e1us~~-e560cd86 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-out-~~u36e1us~~-e560cd86{0%{opacity:1}to{opacity:0}}@keyframes scale-down-~~u36e1us~~-e560cd86{0%{scale:1}to{scale:1}}@keyframes exit-~~u36e1us~~-e560cd86{0%{translate:0 0}to{translate:0 64px}}
1	+ .b-modal-fullscreen-page[data-v-f90522fe]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;height:100%;overflow:hidden;position:absolute;width:100%}.b-modal-fullscreen-page[data-v-f90522fe],.b-modal-fullscreen-page[data-v-f90522fe]:before,.b-modal-fullscreen-page[data-v-f90522fe]:after{box-sizing:border-box}.b-modal-fullscreen-page [data-v-f90522fe],.b-modal-fullscreen-page [data-v-f90522fe]:before,.b-modal-fullscreen-page [data-v-f90522fe]:after{box-sizing:border-box}.b-modal-fullscreen-page[data-v-f90522fe] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen-page[data-v-f90522fe] ::-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-modal-fullscreen-page__header[data-v-f90522fe]{align-items:center;display:flex;flex-grow:1;gap:var(--b-modal-fullscreen-header-gap);height:64px;overflow-x:auto;overflow-y:hidden;padding:var(--b-modal-fullscreen-header-padding)}.b-modal-fullscreen-page__header-section[data-v-f90522fe]{display:flex;flex:1 1 0}.b-modal-fullscreen-page__header-section--title[data-v-f90522fe]{min-width:150px;overflow:hidden}.b-modal-fullscreen-page__header-section--slot[data-v-f90522fe]{flex-grow:0;justify-content:center}.b-modal-fullscreen-page__header-section--actions[data-v-f90522fe]{align-items:center;gap:var(--b-modal-fullscreen-header-gap);justify-content:end}.b-modal-fullscreen-page__title[data-v-f90522fe]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-modal-fullscreen-page__contextual-label[data-v-f90522fe]{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.b-modal-fullscreen-page__actions[data-v-f90522fe]{container-type:normal;flex-grow:unset}.b-modal-fullscreen-page__actions[data-v-f90522fe] .b-button-actions__container-wrapper{flex-direction:row}.b-modal-fullscreen-page__separator[data-v-f90522fe]{border-left:var(--b-modal-fullscreen-separator-border-left);height:26px;margin-right:var(--b-modal-fullscreen-separator-margin-right)}.b-modal-fullscreen-page__content[data-v-f90522fe]{height:100%;overflow:auto}.b-modal-fullscreen[data-v-e560cd86]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-modal-fullscreen-background-color);border:0;color:var(--b-modal-fullscreen-color);height:100%;max-height:100%;max-width:100%;overflow:hidden;padding:0;width:100%}.b-modal-fullscreen[data-v-e560cd86],.b-modal-fullscreen[data-v-e560cd86]:before,.b-modal-fullscreen[data-v-e560cd86]:after{box-sizing:border-box}.b-modal-fullscreen [data-v-e560cd86],.b-modal-fullscreen [data-v-e560cd86]:before,.b-modal-fullscreen [data-v-e560cd86]:after{box-sizing:border-box}.b-modal-fullscreen[data-v-e560cd86] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen[data-v-e560cd86] ::-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-modal-fullscreen__wrapper[data-v-e560cd86]{display:flex;flex-direction:column;height:100%}.b-modal-fullscreen__close-button[data-v-e560cd86]{align-items:center;background-color:var(--b-modal-fullscreen-background-color);display:flex;height:64px;padding-inline:var(--b-modal-fullscreen-close-button-padding-inline);position:absolute;right:0;z-index:var(--b-modal-fullscreen-close-button-z-index)}.b-modal-fullscreen[data-v-e560cd86]::backdrop{background-color:transparent}.b-modal-fullscreen[open][data-v-e560cd86]{animation:fade-in-uv9qyy8-e560cd86 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear),enter-uv9qyy8-e560cd86 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-enter),scale-up-uv9qyy8-e560cd86 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-in-uv9qyy8-e560cd86{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uv9qyy8-e560cd86{0%{scale:1}to{scale:1}}@keyframes enter-uv9qyy8-e560cd86{0%{translate:0 64px}to{translate:0 0}}.b-modal-fullscreen--hide[open][data-v-e560cd86]{animation:fade-out-uv9qyyk-e560cd86 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear),exit-uv9qyyk-e560cd86 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-exit),scale-down-uv9qyyk-e560cd86 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-out-uv9qyyk-e560cd86{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uv9qyyk-e560cd86{0%{scale:1}to{scale:1}}@keyframes exit-uv9qyyk-e560cd86{0%{translate:0 0}to{translate:0 64px}}

package/dist/assets/radio-group.css CHANGED Viewed

	@@ -1 +1 @@
1	- .b-radio-button[data-v-0cfaad5f]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-flex;line-height:var(--b-radio-button-line-height)}.b-radio-button[data-v-0cfaad5f],.b-radio-button[data-v-0cfaad5f]:before,.b-radio-button[data-v-0cfaad5f]:after{box-sizing:border-box}.b-radio-button [data-v-0cfaad5f],.b-radio-button [data-v-0cfaad5f]:before,.b-radio-button [data-v-0cfaad5f]:after{box-sizing:border-box}.b-radio-button[data-v-0cfaad5f] ::-webkit-scrollbar{height:14px;width:14px}.b-radio-button[data-v-0cfaad5f] ::-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-radio-button input[data-v-0cfaad5f]:disabled{cursor:inherit}.b-radio-button--disabled>[data-v-0cfaad5f]{cursor:not-allowed}.b-radio-button--readonly>[data-v-0cfaad5f]{pointer-events:none}.b-radio-button__label-container[data-v-0cfaad5f]{display:flex;flex-direction:column;padding-left:var(--b-radio-button-label-container-padding);row-gap:var(--b-radio-button-label-container-row-gap)}.b-radio-button__label-tag[data-v-0cfaad5f]{margin:var(--b-radio-button-label-tag-margin)}.b-radio-button__label[data-v-0cfaad5f]{color:var(--b-radio-button-label-font-color);cursor:pointer}.b-radio-button__input:disabled+ .b-radio-button__label[data-v-0cfaad5f]{cursor:not-allowed}.b-radio-button__content[data-v-0cfaad5f]{padding:var(--b-radio-button-content-padding)}.b-radio-button__description[data-v-0cfaad5f]{color:var(--b-radio-button-description-font-color);cursor:pointer;display:block}.b-radio-button__input:disabled+* .b-radio-button__description[data-v-0cfaad5f]{color:var(--b-radio-button-description-disabled-font-color);cursor:not-allowed}.b-radio-group__buttons[data-v-~~40c21bb8~~]{display:flex;flex-direction:column;gap:var(--b-radio-group-vertical-gap)}.b-radio-group__buttons--horizontal[data-v-~~40c21bb8~~]{flex-flow:row wrap;gap:var(--b-radio-group-vertical-gap) var(--b-radio-group-horizontal-gap)}.b-radio-group__error-message[data-v-~~40c21bb8~~]{margin-top:var(--b-radio-group-error-message-margin-top)}
1	+ .b-radio-button[data-v-0cfaad5f]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-flex;line-height:var(--b-radio-button-line-height)}.b-radio-button[data-v-0cfaad5f],.b-radio-button[data-v-0cfaad5f]:before,.b-radio-button[data-v-0cfaad5f]:after{box-sizing:border-box}.b-radio-button [data-v-0cfaad5f],.b-radio-button [data-v-0cfaad5f]:before,.b-radio-button [data-v-0cfaad5f]:after{box-sizing:border-box}.b-radio-button[data-v-0cfaad5f] ::-webkit-scrollbar{height:14px;width:14px}.b-radio-button[data-v-0cfaad5f] ::-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-radio-button input[data-v-0cfaad5f]:disabled{cursor:inherit}.b-radio-button--disabled>[data-v-0cfaad5f]{cursor:not-allowed}.b-radio-button--readonly>[data-v-0cfaad5f]{pointer-events:none}.b-radio-button__label-container[data-v-0cfaad5f]{display:flex;flex-direction:column;padding-left:var(--b-radio-button-label-container-padding);row-gap:var(--b-radio-button-label-container-row-gap)}.b-radio-button__label-tag[data-v-0cfaad5f]{margin:var(--b-radio-button-label-tag-margin)}.b-radio-button__label[data-v-0cfaad5f]{color:var(--b-radio-button-label-font-color);cursor:pointer}.b-radio-button__input:disabled+ .b-radio-button__label[data-v-0cfaad5f]{cursor:not-allowed}.b-radio-button__content[data-v-0cfaad5f]{padding:var(--b-radio-button-content-padding)}.b-radio-button__description[data-v-0cfaad5f]{color:var(--b-radio-button-description-font-color);cursor:pointer;display:block}.b-radio-button__input:disabled+* .b-radio-button__description[data-v-0cfaad5f]{color:var(--b-radio-button-description-disabled-font-color);cursor:not-allowed}.b-radio-group__buttons[data-v-d4febb9d]{display:flex;flex-direction:column;gap:var(--b-radio-group-vertical-gap)}.b-radio-group__buttons--horizontal[data-v-d4febb9d]{flex-flow:row wrap;gap:var(--b-radio-group-vertical-gap) var(--b-radio-group-horizontal-gap)}.b-radio-group__error-message[data-v-d4febb9d]{margin-top:var(--b-radio-group-error-message-margin-top)}

package/dist/assets/selection-card-group.css CHANGED Viewed

	@@ -1 +1 @@
1	- .b-selection-card[data-v-e98bb71b]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;cursor:pointer}.b-selection-card[data-v-e98bb71b],.b-selection-card[data-v-e98bb71b]:before,.b-selection-card[data-v-e98bb71b]:after{box-sizing:border-box}.b-selection-card [data-v-e98bb71b],.b-selection-card [data-v-e98bb71b]:before,.b-selection-card [data-v-e98bb71b]:after{box-sizing:border-box}.b-selection-card[data-v-e98bb71b] ::-webkit-scrollbar{height:14px;width:14px}.b-selection-card[data-v-e98bb71b] ::-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-selection-card--fully-clickable .b-selection-card__slot[data-v-e98bb71b]{cursor:pointer}.b-selection-card__container[data-v-e98bb71b]{background-color:var(--b-selection-card-container-background-color);border:var(--b-selection-card-container-border);border-radius:var(--b-selection-card-container-border-radius);color:var(--b-selection-card-container-color);display:flex;flex-direction:column;gap:var(--b-selection-card-container-gap);padding:var(--b-selection-card-container-padding);position:relative;width:100%}.b-selection-card__container[data-v-e98bb71b]:after{border:var(--b-selection-card-container-checked-border);border-radius:var(--b-selection-card-container-border-radius);content:"";top:-1px;right:-1px;bottom:-1px;left:-1px;pointer-events:none;position:absolute}.b-selection-card__container[data-v-e98bb71b]:focus-within:has(input:focus-visible){animation:outer-ring-default-e98bb71b 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)}@keyframes outer-ring-default-e98bb71b{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-selection-card__container[data-v-e98bb71b]:hover{border-color:var(--b-selection-card-container-hover-border-color)}.b-selection-card__container [data-v-e98bb71b]{cursor:pointer}.b-selection-card__checkbox-container[data-v-e98bb71b]{align-items:start;display:flex;flex-direction:row;gap:var(--b-selection-card-container-gap);justify-content:space-between;width:100%}.b-selection-card__checkbox-container--center-aligned[data-v-e98bb71b]{align-items:center}@container (max-width: 320px){.b-selection-card__checkbox-container--center-aligned[data-v-e98bb71b]:has(.b-selection-card__icon){align-items:start}}.b-selection-card__checkbox-container-text[data-v-e98bb71b]{align-items:start;display:flex;flex-direction:row;gap:var(--b-selection-card-container-content-gap)}@container (max-width: 320px){.b-selection-card__checkbox-container-text[data-v-e98bb71b]{flex-direction:column}}.b-selection-card__checkbox-container-text--center-aligned[data-v-e98bb71b]{align-items:center}@container (max-width: 320px){.b-selection-card__checkbox-container-text--center-aligned[data-v-e98bb71b]{align-items:start}}.b-selection-card__description[data-v-e98bb71b]{color:var(--b-selection-card-description-color)}.b-selection-card__icon[data-v-e98bb71b]{align-items:center;background-color:var(--b-selection-card-icon-background-color);border-radius:50%;display:flex;flex-grow:1;height:var(--b-selection-card-icon-height);justify-content:center;min-width:var(--b-selection-card-icon-width)}.b-selection-card__slot[data-v-e98bb71b]{cursor:default}@container (min-width: 320px){.b-selection-card__slot--with-icon[data-v-e98bb71b]{margin-left:calc(var(--b-selection-card-icon-width) + var(--b-selection-card-container-content-gap))}}.b-selection-card__subtitle[data-v-e98bb71b]{color:var(--b-selection-card-subtitle-color)}.b-selection-card__text[data-v-e98bb71b]{display:flex;flex-direction:column;gap:var(--b-selection-card-container-label-container-gap)}.b-selection-card--error[data-v-e98bb71b]:after{border-color:var(--b-selection-card-container-error-border-color);border-width:var(--b-selection-card-container-error-border-width)}.b-selection-card--disabled[data-v-e98bb71b]{border-color:var(--b-selection-card-container-disabled-border-color);cursor:not-allowed}component-root .b-selection-card--disabled [data-v-e98bb71b]{cursor:not-allowed}.b-selection-card--disabled [data-v-e98bb71b]{cursor:not-allowed}.b-selection-card--readonly[data-v-e98bb71b]{border-color:var(--b-selection-card-container-readonly-border-color)}.b-selection-card--checked .b-selection-card__container[data-v-e98bb71b]:after{border-color:var(--b-selection-card-container-checked-border-color)}.b-selection-card--checked .b-selection-card--disabled[data-v-e98bb71b]:after{border-color:var(--b-selection-card-container-checked-disabled-border-color)}.b-selection-card--checked .b-selection-card--error[data-v-e98bb71b]:after{border-color:var(--b-selection-card-container-checked-error-border-color)}.b-selection-card--checked .b-selection-card--readonl[data-v-e98bb71b]:after{border-color:var(--b-selection-card-container-checked-readonly-border-color)}.b-selection-card-group[data-v-~~b5cb85fc~~]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%}.b-selection-card-group[data-v-~~b5cb85fc~~],.b-selection-card-group[data-v-~~b5cb85fc~~]:before,.b-selection-card-group[data-v-~~b5cb85fc~~]:after{box-sizing:border-box}.b-selection-card-group [data-v-~~b5cb85fc~~],.b-selection-card-group [data-v-~~b5cb85fc~~]:before,.b-selection-card-group *[data-v-~~b5cb85fc~~]:after{box-sizing:border-box}.b-selection-card-group[data-v-~~b5cb85fc~~] ::-webkit-scrollbar{height:14px;width:14px}.b-selection-card-group[data-v-~~b5cb85fc~~] ::-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-selection-card-group__items[data-v-~~b5cb85fc~~]{display:flex;flex-direction:column;gap:var(--b-selection-card-group-items-gap)}.b-selection-card-group__items--horizontal[data-v-~~b5cb85fc~~]{flex-direction:row}.b-selection-card-group__items--wrap[data-v-~~b5cb85fc~~]:not(:last-child){margin-bottom:var(--b-selection-card-group-items-gap)}.b-selection-card-group__item[data-v-~~b5cb85fc~~]{align-items:stretch;display:flex;flex:1 1}.b-selection-card-group__item--full-height[data-v-~~b5cb85fc~~]{height:100%}.b-selection-card-group__error-message[data-v-~~b5cb85fc~~]{margin-top:var(--b-selection-card-group-error-message-margin-top)}
1	+ .b-selection-card[data-v-e98bb71b]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;cursor:pointer}.b-selection-card[data-v-e98bb71b],.b-selection-card[data-v-e98bb71b]:before,.b-selection-card[data-v-e98bb71b]:after{box-sizing:border-box}.b-selection-card [data-v-e98bb71b],.b-selection-card [data-v-e98bb71b]:before,.b-selection-card [data-v-e98bb71b]:after{box-sizing:border-box}.b-selection-card[data-v-e98bb71b] ::-webkit-scrollbar{height:14px;width:14px}.b-selection-card[data-v-e98bb71b] ::-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-selection-card--fully-clickable .b-selection-card__slot[data-v-e98bb71b]{cursor:pointer}.b-selection-card__container[data-v-e98bb71b]{background-color:var(--b-selection-card-container-background-color);border:var(--b-selection-card-container-border);border-radius:var(--b-selection-card-container-border-radius);color:var(--b-selection-card-container-color);display:flex;flex-direction:column;gap:var(--b-selection-card-container-gap);padding:var(--b-selection-card-container-padding);position:relative;width:100%}.b-selection-card__container[data-v-e98bb71b]:after{border:var(--b-selection-card-container-checked-border);border-radius:var(--b-selection-card-container-border-radius);content:"";top:-1px;right:-1px;bottom:-1px;left:-1px;pointer-events:none;position:absolute}.b-selection-card__container[data-v-e98bb71b]:focus-within:has(input:focus-visible){animation:outer-ring-default-e98bb71b 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)}@keyframes outer-ring-default-e98bb71b{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-selection-card__container[data-v-e98bb71b]:hover{border-color:var(--b-selection-card-container-hover-border-color)}.b-selection-card__container [data-v-e98bb71b]{cursor:pointer}.b-selection-card__checkbox-container[data-v-e98bb71b]{align-items:start;display:flex;flex-direction:row;gap:var(--b-selection-card-container-gap);justify-content:space-between;width:100%}.b-selection-card__checkbox-container--center-aligned[data-v-e98bb71b]{align-items:center}@container (max-width: 320px){.b-selection-card__checkbox-container--center-aligned[data-v-e98bb71b]:has(.b-selection-card__icon){align-items:start}}.b-selection-card__checkbox-container-text[data-v-e98bb71b]{align-items:start;display:flex;flex-direction:row;gap:var(--b-selection-card-container-content-gap)}@container (max-width: 320px){.b-selection-card__checkbox-container-text[data-v-e98bb71b]{flex-direction:column}}.b-selection-card__checkbox-container-text--center-aligned[data-v-e98bb71b]{align-items:center}@container (max-width: 320px){.b-selection-card__checkbox-container-text--center-aligned[data-v-e98bb71b]{align-items:start}}.b-selection-card__description[data-v-e98bb71b]{color:var(--b-selection-card-description-color)}.b-selection-card__icon[data-v-e98bb71b]{align-items:center;background-color:var(--b-selection-card-icon-background-color);border-radius:50%;display:flex;flex-grow:1;height:var(--b-selection-card-icon-height);justify-content:center;min-width:var(--b-selection-card-icon-width)}.b-selection-card__slot[data-v-e98bb71b]{cursor:default}@container (min-width: 320px){.b-selection-card__slot--with-icon[data-v-e98bb71b]{margin-left:calc(var(--b-selection-card-icon-width) + var(--b-selection-card-container-content-gap))}}.b-selection-card__subtitle[data-v-e98bb71b]{color:var(--b-selection-card-subtitle-color)}.b-selection-card__text[data-v-e98bb71b]{display:flex;flex-direction:column;gap:var(--b-selection-card-container-label-container-gap)}.b-selection-card--error[data-v-e98bb71b]:after{border-color:var(--b-selection-card-container-error-border-color);border-width:var(--b-selection-card-container-error-border-width)}.b-selection-card--disabled[data-v-e98bb71b]{border-color:var(--b-selection-card-container-disabled-border-color);cursor:not-allowed}component-root .b-selection-card--disabled [data-v-e98bb71b]{cursor:not-allowed}.b-selection-card--disabled [data-v-e98bb71b]{cursor:not-allowed}.b-selection-card--readonly[data-v-e98bb71b]{border-color:var(--b-selection-card-container-readonly-border-color)}.b-selection-card--checked .b-selection-card__container[data-v-e98bb71b]:after{border-color:var(--b-selection-card-container-checked-border-color)}.b-selection-card--checked .b-selection-card--disabled[data-v-e98bb71b]:after{border-color:var(--b-selection-card-container-checked-disabled-border-color)}.b-selection-card--checked .b-selection-card--error[data-v-e98bb71b]:after{border-color:var(--b-selection-card-container-checked-error-border-color)}.b-selection-card--checked .b-selection-card--readonl[data-v-e98bb71b]:after{border-color:var(--b-selection-card-container-checked-readonly-border-color)}.b-selection-card-group[data-v-fab59f5f]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%}.b-selection-card-group[data-v-fab59f5f],.b-selection-card-group[data-v-fab59f5f]:before,.b-selection-card-group[data-v-fab59f5f]:after{box-sizing:border-box}.b-selection-card-group [data-v-fab59f5f],.b-selection-card-group [data-v-fab59f5f]:before,.b-selection-card-group *[data-v-fab59f5f]:after{box-sizing:border-box}.b-selection-card-group[data-v-fab59f5f] ::-webkit-scrollbar{height:14px;width:14px}.b-selection-card-group[data-v-fab59f5f] ::-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-selection-card-group__items[data-v-fab59f5f]{display:flex;flex-direction:column;gap:var(--b-selection-card-group-items-gap)}.b-selection-card-group__items--horizontal[data-v-fab59f5f]{flex-direction:row}.b-selection-card-group__items--wrap[data-v-fab59f5f]:not(:last-child){margin-bottom:var(--b-selection-card-group-items-gap)}.b-selection-card-group__item[data-v-fab59f5f]{align-items:stretch;display:flex;flex:1 1}.b-selection-card-group__item--full-height[data-v-fab59f5f]{height:100%}.b-selection-card-group__error-message[data-v-fab59f5f]{margin-top:var(--b-selection-card-group-error-message-margin-top)}

package/dist/assets/sidepanel.css CHANGED Viewed

	@@ -1 +1 @@
1	- .b-sidepanel-page[data-v-12d4c262]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;height:100%;position:absolute;width:100%}.b-sidepanel-page[data-v-12d4c262],.b-sidepanel-page[data-v-12d4c262]:before,.b-sidepanel-page[data-v-12d4c262]:after{box-sizing:border-box}.b-sidepanel-page [data-v-12d4c262],.b-sidepanel-page [data-v-12d4c262]:before,.b-sidepanel-page [data-v-12d4c262]:after{box-sizing:border-box}.b-sidepanel-page[data-v-12d4c262] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel-page[data-v-12d4c262] ::-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-sidepanel-page__header[data-v-12d4c262]{align-items:center;background-color:var(--b-sidepanel-page-header-background-color);border-top-left-radius:var(--b-sidepanel-border-radius);display:flex;overflow:hidden;padding:var(--b-sidepanel-page-header-padding);position:sticky;white-space:nowrap;width:100%}.b-sidepanel-page__title[data-v-12d4c262]{color:var(--b-sidepanel-page-header-color);flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-12d4c262]{color:var(--b-sidepanel-page-content-color);flex-grow:1;overflow:overlay;padding:var(--b-sidepanel-page-content-padding)}.b-sidepanel-page__actions[data-v-12d4c262]{background-color:var(--b-sidepanel-page-actions-background-color);border-bottom-left-radius:var(--b-sidepanel-border-radius);color:var(--b-sidepanel-page-actions-color);padding:var(--b-sidepanel-page-actions-padding)}.b-sidepanel[data-v-350d1edd]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-sidepanel-background-color);border:0;height:100%;max-height:100%;max-width:100%;overflow:visible;padding:0;width:100%}.b-sidepanel[data-v-350d1edd],.b-sidepanel[data-v-350d1edd]:before,.b-sidepanel[data-v-350d1edd]:after{box-sizing:border-box}.b-sidepanel [data-v-350d1edd],.b-sidepanel [data-v-350d1edd]:before,.b-sidepanel [data-v-350d1edd]:after{box-sizing:border-box}.b-sidepanel[data-v-350d1edd] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel[data-v-350d1edd] ::-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 (min-width: 500px){.b-sidepanel[data-v-350d1edd]{border-radius:var(--b-sidepanel-border-radius) 0 0 var(--b-sidepanel-border-radius);margin:0 0 0 auto;width:var(--b-sidepanel-width)}}@media (min-width: 768px){.b-sidepanel[data-v-350d1edd]{max-width:var(--b-sidepanel-l-and-up-max-width);min-width:var(--b-sidepanel-l-and-up-min-width);width:33%}}.b-sidepanel__close-button[data-v-350d1edd]{align-items:center;display:flex;height:var(--b-sidepanel-close-button-height);position:absolute;right:var(--b-sidepanel-close-button-right);z-index:var(--b-sidepanel-close-button-z-index)}.b-sidepanel--animation[data-v-350d1edd]{overflow:hidden}.b-sidepanel[data-v-350d1edd]::backdrop{background-color:var(--b-sidepanel-backdrop-background-color, #00112c);opacity:.5}.b-sidepanel[open][data-v-350d1edd]{animation:enter-~~u36e1tu~~-350d1edd var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-enter)}@keyframes enter-~~u36e1tu~~-350d1edd{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-350d1edd]::backdrop{animation:fade-in-~~u36e1ud~~-350d1edd var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-~~u36e1ud~~-350d1edd{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-350d1edd]{animation:exit-~~u36e1w4~~-350d1edd var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-exit)}@keyframes exit-~~u36e1w4~~-350d1edd{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-350d1edd]::backdrop{animation:fade-out-~~u36e1w6~~-350d1edd var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-~~u36e1w6~~-350d1edd{0%{opacity:.5}to{opacity:0}}
1	+ .b-sidepanel-page[data-v-12d4c262]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;height:100%;position:absolute;width:100%}.b-sidepanel-page[data-v-12d4c262],.b-sidepanel-page[data-v-12d4c262]:before,.b-sidepanel-page[data-v-12d4c262]:after{box-sizing:border-box}.b-sidepanel-page [data-v-12d4c262],.b-sidepanel-page [data-v-12d4c262]:before,.b-sidepanel-page [data-v-12d4c262]:after{box-sizing:border-box}.b-sidepanel-page[data-v-12d4c262] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel-page[data-v-12d4c262] ::-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-sidepanel-page__header[data-v-12d4c262]{align-items:center;background-color:var(--b-sidepanel-page-header-background-color);border-top-left-radius:var(--b-sidepanel-border-radius);display:flex;overflow:hidden;padding:var(--b-sidepanel-page-header-padding);position:sticky;white-space:nowrap;width:100%}.b-sidepanel-page__title[data-v-12d4c262]{color:var(--b-sidepanel-page-header-color);flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-12d4c262]{color:var(--b-sidepanel-page-content-color);flex-grow:1;overflow:overlay;padding:var(--b-sidepanel-page-content-padding)}.b-sidepanel-page__actions[data-v-12d4c262]{background-color:var(--b-sidepanel-page-actions-background-color);border-bottom-left-radius:var(--b-sidepanel-border-radius);color:var(--b-sidepanel-page-actions-color);padding:var(--b-sidepanel-page-actions-padding)}.b-sidepanel[data-v-350d1edd]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-sidepanel-background-color);border:0;height:100%;max-height:100%;max-width:100%;overflow:visible;padding:0;width:100%}.b-sidepanel[data-v-350d1edd],.b-sidepanel[data-v-350d1edd]:before,.b-sidepanel[data-v-350d1edd]:after{box-sizing:border-box}.b-sidepanel [data-v-350d1edd],.b-sidepanel [data-v-350d1edd]:before,.b-sidepanel [data-v-350d1edd]:after{box-sizing:border-box}.b-sidepanel[data-v-350d1edd] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel[data-v-350d1edd] ::-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 (min-width: 500px){.b-sidepanel[data-v-350d1edd]{border-radius:var(--b-sidepanel-border-radius) 0 0 var(--b-sidepanel-border-radius);margin:0 0 0 auto;width:var(--b-sidepanel-width)}}@media (min-width: 768px){.b-sidepanel[data-v-350d1edd]{max-width:var(--b-sidepanel-l-and-up-max-width);min-width:var(--b-sidepanel-l-and-up-min-width);width:33%}}.b-sidepanel__close-button[data-v-350d1edd]{align-items:center;display:flex;height:var(--b-sidepanel-close-button-height);position:absolute;right:var(--b-sidepanel-close-button-right);z-index:var(--b-sidepanel-close-button-z-index)}.b-sidepanel--animation[data-v-350d1edd]{overflow:hidden}.b-sidepanel[data-v-350d1edd]::backdrop{background-color:var(--b-sidepanel-backdrop-background-color, #00112c);opacity:.5}.b-sidepanel[open][data-v-350d1edd]{animation:enter-uv9qz06-350d1edd var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-enter)}@keyframes enter-uv9qz06-350d1edd{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-350d1edd]::backdrop{animation:fade-in-uv9qz0j-350d1edd var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-uv9qz0j-350d1edd{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-350d1edd]{animation:exit-uv9qz1i-350d1edd var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-exit)}@keyframes exit-uv9qz1i-350d1edd{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-350d1edd]::backdrop{animation:fade-out-uv9qz1j-350d1edd var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-uv9qz1j-350d1edd{0%{opacity:.5}to{opacity:0}}

package/dist/checkbox.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { B as t, a } from "./chunks/checkbox.itbBlXev.js";
+import { B as t, a } from "./chunks/checkbox.CqF5Dank.js";
 import { C as x } from "./chunks/minus-small.DJacLGTw.js";
-import { c as B, B as c } from "./chunks/checkbox-group.C3RH5Gcg.js";
+import { c as B, B as c } from "./chunks/checkbox-group.HqNbZx2y.js";
 export {
   t as BentoCheckbox,
   a as BentoCheckboxEvent,

package/dist/chunks/checkbox-group.HqNbZx2y.js ADDED Viewed

@@ -0,0 +1,141 @@
+import { defineComponent as g, useSlots as v, toRef as E, computed as l, watch as f, ref as x, onMounted as C } from "vue";
+import { a as n, B as k } from "./checkbox.CqF5Dank.js";
+import { g as S } from "./generate-uid.NJ8tVoha.js";
+import { d as M } from "./typography.hlOAxsEn.js";
+import { u as I } from "./use-form-layout-loading.D3lALhtC.js";
+import { E as T } from "./field-label.Auq-Pzho.js";
+import { C as B } from "./controls-group.82mB_GDw.js";
+import { n as w } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
+import "../assets/checkbox-group.css";
+var u = /* @__PURE__ */ ((a) => (a.HORIZONTAL = "horizontal", a.VERTICAL = "vertical", a))(u || {});
+const h = "bento-checkbox-group", O = {
+  name: h,
+  model: { prop: "modelValue" }
+}, A = /* @__PURE__ */ g({
+  ...O,
+  props: {
+    /**
+     * Descriptive supporting text visbile underneath the label.
+     */
+    description: { type: String, default: null },
+    /**
+     * If set to true, renders all checkboxes in the group in a disabled state.
+     */
+    disabled: { type: Boolean, default: !1 },
+    /**
+     * Renders all checkboxes in an error state with an error message.
+     */
+    errorMessage: { type: String, default: null },
+    /**
+     * The form id the checkbox group is associated with. Defaults to null, as a checkbox group can also be used standalone.
+     */
+    formId: { type: String, default: null },
+    /**
+     * If set to true, renders all checkboxes in the group in an error state.
+     *
+     * @deprecated Use "errorMessage" prop instead
+     */
+    hasError: { type: Boolean, default: !1 },
+    /**
+     * Shows/hides the group label.
+     */
+    hideLabel: { type: Boolean, default: null },
+    /**
+     * The checkbox group's items.
+     */
+    items: { type: Array, required: !0 },
+    /**
+     * The name associated with the group. Required for accessibility purposes.
+     */
+    label: { type: String, required: !0 },
+    /**
+     * Determines the initially selected value of the group. Corresponds to the BentoCheckboxButtonItem's value.
+     * Defaults to no value selected.
+     */
+    modelValue: { type: Array, default: () => [] },
+    /**
+     * Indicates the field is optional.
+     */
+    optional: { type: Boolean, default: !1 },
+    /**
+     * If set to true, renders all checkboxes in the group in a readonly state.
+     */
+    readonly: { type: Boolean, default: !1 },
+    /**
+     * Indicates the field is required.
+     */
+    required: { type: Boolean, default: !1 },
+    /**
+     * Tooltip message.
+     */
+    tooltipText: { type: String, default: null },
+    /**
+     * The checkbox group's layout. It can be vertical or horizontal. Defaults to vertical.
+     */
+    variant: {
+      type: String,
+      default: u.VERTICAL,
+      validator: (a) => Object.values(u).includes(a)
+    }
+  },
+  emits: [n.UPDATE, n.INPUT],
+  setup(a, { emit: e }) {
+    const r = a, o = v(), t = S("error"), { isReadOnly: d } = I(E(r, "readonly")), b = l(
+      () => !r.disabled && !d.value && (!!r.errorMessage || r.hasError)
+    ), _ = l(() => !r.disabled && !d.value && !!r.errorMessage), m = l(() => ({
+      "b-checkbox-group__checkboxes--horizontal": r.variant === u.HORIZONTAL
+    })), c = (s) => !!o[s], p = l(() => c("content") && r.variant !== "vertical");
+    f(
+      p,
+      (s) => {
+        if (s)
+          throw new Error("The content slot is only available for the vertical checkbox group layout");
+      },
+      { immediate: !0 }
+    );
+    const i = x(r.modelValue);
+    f(
+      () => r.modelValue,
+      () => {
+        i.value = r.modelValue;
+      }
+    );
+    const y = (s) => {
+      i.value = s, e(n.UPDATE, s), e(n.INPUT, s);
+    };
+    return C(() => {
+      r.hasError && M(
+        'BentoCheckboxGroup "hasError" property',
+        `Use the BentoCheckboxGroup "errorMessage" property instead to indicate that there is a modifier error.
+            Having the field as "undefined" will hide/remove the error.
+            <bento-checkbox-group errorMessage="Error message text" />`,
+        "2.0.0"
+      );
+    }), { __sfc: !0, COMPONENT_NAME: h, props: r, emit: e, slots: o, errorId: t, isReadOnly: d, shouldShowGroupError: b, shouldShowGroupErrorMessage: _, conditionalClasses: m, hasContentSlot: c, shouldShowSlotsError: p, inputValue: i, onInput: y, ControlsGroup: B, ErrorMessage: T, BentoCheckbox: k };
+  }
+});
+var G = function() {
+  var e = this, r = e._self._c, o = e._self._setupProxy;
+  return r("div", { staticClass: "b-checkbox-group" }, [r(o.ControlsGroup, { staticClass: "b-checkbox-group__checkboxes", class: o.conditionalClasses, attrs: { "aria-describedby": o.shouldShowGroupErrorMessage ? o.errorId : "", "component-name": o.COMPONENT_NAME, description: e.description, disabled: e.disabled, form: e.formId, "hide-label": e.hideLabel, label: e.label, optional: e.optional, required: e.required, "tooltip-text": e.tooltipText } }, e._l(e.items, function(t) {
+    return r(o.BentoCheckbox, { key: t.value, attrs: { "model-value": o.inputValue, value: t.value, disabled: e.disabled || t.disabled, "has-error": o.shouldShowGroupError || t.hasError, "error-message": o.shouldShowGroupError ? null : t.errorMessage, readonly: o.isReadOnly || t.readonly, tag: t.tag }, on: { "update:model-value": o.onInput }, scopedSlots: e._u([{ key: "default", fn: function() {
+      return [e._v(e._s(t.label))];
+    }, proxy: !0 }, t.description ? { key: "description", fn: function() {
+      return [e._v(e._s(t.description))];
+    }, proxy: !0 } : null, o.hasContentSlot("content") ? { key: "content", fn: function() {
+      return [e._t("content", null, null, t)];
+    }, proxy: !0 } : null], null, !0) });
+  }), 1), o.shouldShowGroupErrorMessage ? r(o.ErrorMessage, { staticClass: "b-checkbox-group__error-message", attrs: { id: o.errorId, "error-message": e.errorMessage } }) : e._e()], 1);
+}, N = [], L = /* @__PURE__ */ w(
+  A,
+  G,
+  N,
+  !1,
+  null,
+  "188e88a2"
+);
+const D = L.exports;
+export {
+  u as B,
+  D as c
+};
+//# sourceMappingURL=checkbox-group.HqNbZx2y.js.map

package/dist/chunks/checkbox-group.HqNbZx2y.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"checkbox-group.HqNbZx2y.js","sources":["../../src/components/checkbox/components/checkbox-group/checkbox-group.types.ts","../../src/components/checkbox/components/checkbox-group/checkbox-group.vue"],"sourcesContent":["import type { BentoCheckboxTag } from '../../checkbox.types';\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoCheckboxGroupVariant {\n HORIZONTAL = 'horizontal',\n VERTICAL = 'vertical',\n}\n\nexport interface BentoCheckboxGroupItem {\n value: string | number;\n label: string;\n description?: string;\n disabled?: boolean;\n hasError?: boolean;\n errorMessage?: string;\n readonly?: boolean;\n tag?: BentoCheckboxTag;\n}\n\nexport type BentoCheckboxGroupItems = Array<BentoCheckboxGroupItem>;\n","<template>\n <div class=\"b-checkbox-group\">\n <controls-group\n class=\"b-checkbox-group__checkboxes\"\n :aria-describedby=\"shouldShowGroupErrorMessage ? errorId : ''\"\n :component-name=\"COMPONENT_NAME\"\n :class=\"conditionalClasses\"\n :description=\"description\"\n :disabled=\"disabled\"\n :form=\"formId\"\n :hide-label=\"hideLabel\"\n :label=\"label\"\n :optional=\"optional\"\n :required=\"required\"\n :tooltip-text=\"tooltipText\"\n >\n <bento-checkbox\n v-for=\"item in items\"\n :key=\"item.value\"\n :model-value=\"inputValue\"\n :value=\"item.value\"\n :disabled=\"disabled || item.disabled\"\n :has-error=\"shouldShowGroupError || item.hasError\"\n :error-message=\"shouldShowGroupError ? null : item.errorMessage\"\n :readonly=\"isReadOnly || item.readonly\"\n :tag=\"item.tag\"\n @update:model-value=\"onInput\"\n >\n <template #default>{{ item.label }}</template>\n <template v-if=\"item.description\" #description>{{ item.description }}</template>\n <template v-if=\"hasContentSlot('content')\" #content>\n <slot name=\"content\" v-bind=\"item\"></slot>\n </template>\n </bento-checkbox>\n </controls-group>\n <error-message\n v-if=\"shouldShowGroupErrorMessage\"\n :id=\"errorId\"\n :error-message=\"errorMessage\"\n class=\"b-checkbox-group__error-message\"\n />\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, onMounted, type PropType, ref, toRef, useSlots, watch } from 'vue';\n import { ControlsGroup } from '@/components/internal/controls-group';\n import { ErrorMessage } from '@/components/internal/error-message';\n import { type BentoCheckboxGroupItems, BentoCheckboxGroupVariant } from './checkbox-group.types';\n import BentoCheckbox from '@/components/checkbox/checkbox.vue';\n import { BentoCheckboxEvent } from '../../checkbox.types';\n import { generateUid } from '@/core/utils/ts';\n import { deprecate } from '@/utils/ts/deprecate';\n import { useFormLayoutFieldLoading } from '@/composables/use-form-layout-loading/use-form-layout-loading';\n\n const props = defineProps({\n /**\n * Descriptive supporting text visbile underneath the label.\n */\n description: { type: String, default: null },\n\n /**\n * If set to true, renders all checkboxes in the group in a disabled state.\n */\n disabled: { type: Boolean, default: false },\n\n /**\n * Renders all checkboxes in an error state with an error message.\n */\n errorMessage: { type: String, default: null },\n\n /**\n * The form id the checkbox group is associated with. Defaults to null, as a checkbox group can also be used standalone.\n */\n formId: { type: String, default: null },\n\n /**\n * If set to true, renders all checkboxes in the group in an error state.\n *\n * @deprecated Use \"errorMessage\" prop instead\n */\n hasError: { type: Boolean, default: false },\n\n /**\n * Shows/hides the group label.\n */\n hideLabel: { type: Boolean, default: null },\n\n /**\n * The checkbox group's items.\n */\n items: { type: Array as PropType<BentoCheckboxGroupItems>, required: true },\n\n /**\n * The name associated with the group. Required for accessibility purposes.\n */\n label: { type: String, required: true },\n\n /**\n * Determines the initially selected value of the group. Corresponds to the BentoCheckboxButtonItem's value.\n * Defaults to no value selected.\n */\n modelValue: { type: Array as PropType<Array<number | string | null>>, default: () => [] },\n\n /**\n * Indicates the field is optional.\n */\n optional: { type: Boolean, default: false },\n\n /**\n * If set to true, renders all checkboxes in the group in a readonly state.\n */\n readonly: { type: Boolean, default: false },\n\n /**\n * Indicates the field is required.\n */\n required: { type: Boolean, default: false },\n\n /**\n * Tooltip message.\n */\n tooltipText: { type: String, default: null },\n\n /**\n * The checkbox group's layout. It can be vertical or horizontal. Defaults to vertical.\n */\n variant: {\n type: String as PropType<BentoCheckboxGroupVariant | `${BentoCheckboxGroupVariant}`>,\n default: BentoCheckboxGroupVariant.VERTICAL,\n validator: (value: BentoCheckboxGroupVariant) => Object.values(BentoCheckboxGroupVariant).includes(value),\n },\n });\n\n const emit = defineEmits([BentoCheckboxEvent.UPDATE, BentoCheckboxEvent.INPUT]);\n\n const slots = useSlots();\n\n const errorId = generateUid('error');\n const { isReadOnly } = useFormLayoutFieldLoading(toRef(props, 'readonly'));\n\n const shouldShowGroupError = computed(\n () => !props.disabled && !isReadOnly.value && (!!props.errorMessage || props.hasError)\n );\n const shouldShowGroupErrorMessage = computed(() => !props.disabled && !isReadOnly.value && !!props.errorMessage);\n\n const conditionalClasses = computed(() => ({\n 'b-checkbox-group__checkboxes--horizontal': props.variant === BentoCheckboxGroupVariant.HORIZONTAL,\n }));\n\n // Slots logic\n // Temporary, use-has-slots composable doesn't currently work for\n // vue3 named scoped slots\n const hasContentSlot = (name: string) => !!slots[name];\n const shouldShowSlotsError = computed(() => hasContentSlot('content') && props.variant !== 'vertical');\n\n watch(\n shouldShowSlotsError,\n newValue => {\n if (newValue) {\n throw new Error('The content slot is only available for the vertical checkbox group layout');\n }\n },\n { immediate: true }\n );\n\n const inputValue = ref(props.modelValue);\n watch(\n () => props.modelValue,\n () => {\n inputValue.value = props.modelValue;\n }\n );\n\n const onInput = (value: any) => {\n inputValue.value = value;\n emit(BentoCheckboxEvent.UPDATE, value);\n emit(BentoCheckboxEvent.INPUT, value);\n };\n\n onMounted(() => {\n if (props.hasError) {\n deprecate(\n 'BentoCheckboxGroup \"hasError\" property',\n `Use the BentoCheckboxGroup \"errorMessage\" property instead to indicate that there is a modifier error.\n Having the field as \"undefined\" will hide/remove the error.\n <bento-checkbox-group errorMessage=\"Error message text\" />`,\n '2.0.0'\n );\n }\n });\n</script>\n\n<script lang=\"ts\">\n const COMPONENT_NAME = 'bento-checkbox-group';\n /**\n * A checkbox group component should be used whenever it is necessary to group a set of checkboxes that are related together\n * This component conforms to the official WAI-ARIA guidelines for grouping controls: https://www.w3.org/WAI/tutorials/forms/grouping/\n *\n * import { BentoCheckboxGroup } from '@adyen/bento-vue2/';\n *\n * export default {\n * components: { BentoCheckboxGroup },\n * template: `\n * <bento-checkbox-group\n * label=\"Your group label\"\n * :items=\"[\n * { value: 1, label: 'Your label' },\n * { value: 2, label: 'Another label', description: 'Your sub label' },\n * ]\"\n * />\n * `\n * };\n */\n export default {\n name: COMPONENT_NAME,\n model: { prop: 'modelValue' },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./checkbox-group.scss\" />\n"],"names":["BentoCheckboxGroupVariant","BentoCheckboxGroupVariant2","COMPONENT_NAME","__default__","slots","useSlots","errorId","generateUid","isReadOnly","useFormLayoutFieldLoading","toRef","props","shouldShowGroupError","computed","shouldShowGroupErrorMessage","conditionalClasses","hasContentSlot","name","shouldShowSlotsError","watch","newValue","inputValue","ref","onInput","value","emit","BentoCheckboxEvent","onMounted","deprecate"],"mappings":";;;;;;;;;AAKY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,aAAA,cACAA,EAAA,WAAA,YAFQA,IAAAD,KAAA,CAAA,CAAA;AC6LR,MAAAE,IAAA,wBAoBAC,IAAA;AAAA,EAAe,MAAAD;AAAA,EACL,OAAA,EAAA,MAAA,aAAA;AAEV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAjFAE,IAAAC,EAAA,GAEAC,IAAAC,EAAA,OAAA,GACA,EAAA,YAAAC,EAAA,IAAAC,EAAAC,EAAAC,GAAA,UAAA,CAAA,GAEAC,IAAAC;AAAA,MAA6B,MAAA,CAAAF,EAAA,YAAA,CAAAH,EAAA,UAAA,CAAA,CAAAG,EAAA,gBAAAA,EAAA;AAAA,IACoD,GAEjFG,IAAAD,EAAA,MAAA,CAAAF,EAAA,YAAA,CAAAH,EAAA,SAAA,CAAA,CAAAG,EAAA,YAAA,GAEAI,IAAAF,EAAA,OAAA;AAAA,MAA2C,4CAAAF,EAAA,YAAAX,EAAA;AAAA,IACiD,EAAA,GAM5FgB,IAAA,CAAAC,MAAA,CAAA,CAAAb,EAAAa,CAAA,GACAC,IAAAL,EAAA,MAAAG,EAAA,SAAA,KAAAL,EAAA,YAAA,UAAA;AAEA,IAAAQ;AAAA,MAAAD;AAAA,MACI,CAAAE,MAAA;AAEI,YAAAA;AACI,gBAAA,IAAA,MAAA,2EAAA;AAAA,MACJ;AAAA,MACJ,EAAA,WAAA,GAAA;AAAA,IACkB;AAGtB,UAAAC,IAAAC,EAAAX,EAAA,UAAA;AACA,IAAAQ;AAAA,MAAA,MAAAR,EAAA;AAAA,MACgB,MAAA;AAER,QAAAU,EAAA,QAAAV,EAAA;AAAA,MAAyB;AAAA,IAC7B;AAGJ,UAAAY,IAAA,CAAAC,MAAA;AACI,MAAAH,EAAA,QAAAG,GACAC,EAAAC,EAAA,QAAAF,CAAA,GACAC,EAAAC,EAAA,OAAAF,CAAA;AAAA,IAAoC;AAGxC,WAAAG,EAAA,MAAA;AACI,MAAAhB,EAAA,YACIiB;AAAA,QAAA;AAAA,QACI;AAAA;AAAA;AAAA,QACA;AAAA,MAGA;AAAA,IAER,CAAA;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{checkbox.itbBlXev.js → checkbox.CqF5Dank.js} RENAMED Viewed

@@ -1,15 +1,15 @@
 import { defineComponent as R, toRefs as k, computed as o, ref as A, onMounted as H, useAttrs as j } from "vue";
 import { B as F } from "./typography.hlOAxsEn.js";
-import { C as z } from "./checkbox-input.B0NsfSNR.js";
-import { C } from "./minus-small.DJacLGTw.js";
-import { u as J } from "./use-default-slot-validator.BDn0wkYP.js";
-import { u as O } from "./use-has-slot.C9lQZ6nz.js";
-import { g as B } from "./generate-uid.NJ8tVoha.js";
+import { u as z } from "./use-default-slot-validator.BDn0wkYP.js";
+import { u as J } from "./use-has-slot.C9lQZ6nz.js";
+import { g as C } from "./generate-uid.NJ8tVoha.js";
 import { g as f } from "./get-slot-text.Bjb9dTSV.js";
-import { u as Y } from "./index.B6WW_F-J.js";
-import { u as K } from "./aria-label.CaUURpnB.js";
-import { B as Q } from "./tag.BltIbSh3.js";
-import { E as W } from "./field-label.Auq-Pzho.js";
+import { u as O } from "./index.B6WW_F-J.js";
+import { u as Y } from "./aria-label.CaUURpnB.js";
+import { B as K } from "./tag.BltIbSh3.js";
+import { E as Q } from "./field-label.Auq-Pzho.js";
+import { C as W } from "./checkbox-input.B0NsfSNR.js";
+import { C as B } from "./minus-small.DJacLGTw.js";
 import { n as X } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
 import "../assets/checkbox.css";
 var s = /* @__PURE__ */ ((a) => (a.UPDATE = "update:model-value", a.INPUT = "input", a))(s || {});
@@ -33,10 +33,10 @@ const Z = {
   name: "bento-checkbox",
   i18n: { messages: Z },
   components: {
-    BentoTag: Q,
+    BentoTag: K,
     BentoTypography: F,
-    CheckboxInput: z,
-    ErrorMessage: W
+    CheckboxInput: W,
+    ErrorMessage: Q
   },
   inheritAttrs: !1,
   model: { prop: "modelValue" },
@@ -105,8 +105,8 @@ const Z = {
   },
   emits: [s.UPDATE, s.INPUT],
   setup(a, { attrs: e, emit: t, slots: l }) {
-    const { t: m } = Y(), h = B("description"), _ = B("error"), d = O(l), { disabled: y, indeterminate: E, modelValue: u, readonly: I, value: T } = k(a), v = f(l)("default"), g = f(l)("description");
-    J("bento-checkbox", l.default, l.description);
+    const { t: m } = O(), h = C("description"), _ = C("error"), d = J(l), { disabled: y, indeterminate: E, modelValue: u, readonly: I, value: T } = k(a), v = f(l)("default"), g = f(l)("description");
+    z("bento-checkbox", l.default, l.description);
     const n = o(() => Array.isArray(u.value)), b = o(() => n.value ? u.value.some((r) => r === T.value) : u.value), i = o(() => E.value), q = o(
       () => !a.disabled && !a.readonly && (a.hasError || !!a.errorMessage)
     ), x = o(() => !a.disabled && !a.readonly && !!a.errorMessage), c = o(() => d("content")), p = o(() => (i == null ? void 0 : i.value) || (b == null ? void 0 : b.value)), D = o(
@@ -118,7 +118,7 @@ const Z = {
       S.value = m("checkbox");
     });
     const U = o(
-      () => K({
+      () => Y({
         ariaLabel: M.value,
         // TODO: take this line away when the aria-label props is removed
         label: P,
@@ -131,8 +131,8 @@ const Z = {
         style: r
       };
     }), N = o(() => ({
-      [`b-checkbox--${C.DISABLED}`]: y.value,
-      [`b-checkbox--${C.READONLY}`]: I.value
+      [`b-checkbox--${B.DISABLED}`]: y.value,
+      [`b-checkbox--${B.READONLY}`]: I.value
     }));
     return {
       // Values
@@ -175,4 +175,4 @@ export {
   _e as B,
   s as a
 };
-//# sourceMappingURL=checkbox.itbBlXev.js.map
+//# sourceMappingURL=checkbox.CqF5Dank.js.map

package/dist/chunks/{checkbox.itbBlXev.js.map → checkbox.CqF5Dank.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"checkbox.itbBlXev.js","sources":["../../src/components/checkbox/checkbox.types.ts","../../src/components/checkbox/checkbox.vue"],"sourcesContent":["import type { BentoTagProps } from '../tag/tag.types';\nimport {\n CheckboxInputState as BentoCheckboxState,\n type CheckboxInputType as BentoCheckboxType,\n type MultiCheckboxInputType as BentoMultiCheckboxType,\n} from '@/internal/checkbox-input/checkbox-input.types';\n\nexport { BentoCheckboxState, BentoCheckboxType, BentoMultiCheckboxType };\n\nexport enum BentoCheckboxEvent {\n UPDATE = 'update:model-value',\n INPUT = 'input',\n}\n\nexport type BentoCheckboxTag = BentoTagProps;\n","<template>\n <label class=\"b-checkbox\" :class=\"conditionalClass\" v-bind=\"styleAttrs\" :aria-hidden=\"getAriaHidden($attrs)\">\n <checkbox-input\n v-bind=\"$attrs\"\n ref=\"input\"\n :aria-label=\"computedAriaLabel\"\n :aria-describedby=\"ariaDescribedBy\"\n :disabled=\"disabled\"\n :has-error=\"shouldShowError\"\n :indeterminate=\"isIndeterminate\"\n :value=\"value\"\n :model-value=\"modelValue\"\n :readonly=\"readonly\"\n @update:model-value=\"onChange\"\n />\n <span v-if=\"hasSlot('default') \|\| shouldShowErrorMessage\" class=\"b-checkbox__text\">\n <bento-typography v-if=\"hasSlot('default')\" class=\"b-checkbox__label\" el=\"span\" variant=\"body\">\n <span><slot /></span>\n <bento-typography v-if=\"optional\" class=\"b-checkbox__label-requirement\" el=\"span\"\n >({{ t('optional') }})</bento-typography\n >\n <bento-typography v-else-if=\"required\" class=\"b-checkbox__label-requirement\" el=\"span\"\n >({{ t('required') }})</bento-typography\n >\n <bento-tag v-if=\"tag\" class=\"b-checkbox__label-tag\" v-bind=\"tag\" />\n </bento-typography>\n <bento-typography\n v-if=\"hasSlot('default') && hasSlot('description')\"\n :id=\"descriptionId\"\n class=\"b-checkbox__description\"\n el=\"span\"\n variant=\"body\"\n >\n <slot name=\"description\"></slot>\n </bento-typography>\n <error-message v-if=\"shouldShowErrorMessage\" :id=\"errorId\" :error-message=\"errorMessage\" />\n\n <bento-typography v-if=\"contentSlotAvailable\" class=\"b-checkbox__content\" el=\"span\" variant=\"body\">\n <slot name=\"content\"></slot>\n </bento-typography>\n </span>\n </label>\n</template>\n\n<script lang=\"ts\">\n import {\n computed,\n defineComponent,\n type HTMLAttributes,\n onMounted,\n type PropType,\n ref,\n toRefs,\n useAttrs,\n } from 'vue';\n import {\n BentoCheckboxEvent,\n BentoCheckboxState,\n type BentoCheckboxTag,\n type BentoCheckboxType,\n type BentoMultiCheckboxType,\n } from './checkbox.types';\n import { BentoTypography } from '@/components/typography';\n import { CheckboxInput } from '@/components/internal/checkbox-input';\n import { ErrorMessage } from '@/components/internal/error-message';\n import { useDefaultSlotValidator, useHasSlot } from '@/composables';\n import { generateUid } from '@/core/utils/ts';\n import { getSlotText } from '@/utils/ts/get-slot-text';\n import { useI18n } from '@/utils/ts/i18n';\n import { useAriaLabel } from '@/utils/ts/aria-label';\n import { BentoTag } from '@/components/tag';\n import { type BentoCheckboxGroupItems } from './components/checkbox-group/checkbox-group.types';\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n /*\n Checkboxes are used to make a binary choice about an option.\n * The label tag area is also clickable.\n \n @usage\n * import { BentoCheckbox } from '@adyen/bento-vue2';\n \n export default {\n * components: { BentoCheckbox },\n * template: `\n * <bento-checkbox>\n * Label text\n * <template #description>Sub label text</template>\n * </bento-checkbox>\n * `,\n * }\n /\n export default defineComponent({\n name: 'bento-checkbox',\n i18n: { messages },\n components: {\n BentoTag,\n BentoTypography,\n CheckboxInput,\n ErrorMessage,\n },\n inheritAttrs: false,\n model: { prop: 'modelValue' },\n props: {\n /\n @deprecated from version 2.0.0. Use the aria-label attribute instead.\n /\n /\n Accessible name for the radio button component. It is strongly recommended to pas this value in case this component is used without a label.\n /\n ariaLabel: { type: String, default: null },\n\n /\n Setting this property to true will disable the checkbox in your form.\n /\n disabled: { type: Boolean, default: false },\n\n /\n Renders the checkbox in an error state with an error message.\n /\n errorMessage: { type: String, default: null },\n\n /\n Setting this property to true will show the checkbox in error state.\n /\n hasError: { type: Boolean, default: false },\n\n /\n The :indeterminate CSS pseudo-class represents any form element\n * whose state is indeterminate, such as checkboxes which have their HTML indeterminate attribute\n * set to true, radio buttons which are members of a group in which all radio buttons are unchecked,\n * and indeterminate <progress> elements. https://developer.mozilla.org/en-US/docs/Web/CSS/:indeterminate\n * This property lets you control the input.indeterminate native property.\n /\n indeterminate: { type: Boolean, default: false },\n\n /\n When handling a single checkbox with a singular state, use a boolean.\n \n When handling multiple checkboxes, use an array of keys.\n * These keys exist as a set \"value\" prop for each checkbox.\n /\n modelValue: {\n type: [Boolean, Array] as PropType<BentoCheckboxType \| BentoCheckboxGroupItems>,\n default: false,\n },\n\n /\n Highlights the checkbox is optional.\n /\n optional: { type: Boolean, default: false },\n\n /\n Setting this property to true will set the checkbox to read only state.\n /\n readonly: { type: Boolean, default: false },\n\n /\n Highlights the checkbox is required.\n /\n required: { type: Boolean, default: false },\n\n /\n Sets the properties of the BentoTag component that is placed next to the label.\n * {@see BentoTag}\n /\n tag: { type: Object as PropType<BentoCheckboxTag>, default: undefined },\n\n /\n The value of the component. The DOM API casts this to a string.\n * The browser uses \"on\" as the default value.\n \n In the case of multiple checkboxes this value is used as a unique key.\n */\n value: { type: [String, Number], default: null },\n },\n emits: [BentoCheckboxEvent.UPDATE, BentoCheckboxEvent.INPUT],\n setup(props, { attrs, emit, slots }) {\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n const descriptionId = generateUid('description');\n const errorId = generateUid('error');\n const hasSlot = useHasSlot(slots);\n\n const { disabled, indeterminate, modelValue, readonly, value } = toRefs(props);\n\n const defaultSlotValue = getSlotText(slots)('default');\n const descriptionSlotValue = getSlotText(slots)('description');\n\n useDefaultSlotValidator('bento-checkbox', slots.default, slots.description);\n\n const isCheckboxGroup = computed(() => Array.isArray(modelValue.value));\n const isChecked = computed(() => {\n if (!isCheckboxGroup.value) {\n return modelValue.value as boolean;\n }\n\n return (modelValue.value as BentoMultiCheckboxType).some(item => item === value.value);\n });\n const isIndeterminate = computed(() => indeterminate.value);\n\n const shouldShowError = computed(\n () => !props.disabled && !props.readonly && (props.hasError \|\| !!props.errorMessage)\n );\n const shouldShowErrorMessage = computed(() => !props.disabled && !props.readonly && !!props.errorMessage);\n\n // Content slot logic\n const hasContentSlot = computed(() => hasSlot('content'));\n const isCheckedOrIntermediate = computed(() => isIndeterminate?.value \|\| isChecked?.value);\n const contentSlotAvailable = computed(\n () => hasContentSlot?.value && isCheckboxGroup?.value && isCheckedOrIntermediate?.value\n );\n\n // ARIA fields\n const ariaDescribedBy = computed<HTMLAttributes['aria-describedby']>(\n () =>\n `${shouldShowErrorMessage.value ? errorId : ''} ${\n defaultSlotValue && descriptionSlotValue ? descriptionId : ''\n }`.trim() \|\| null\n );\n\n const ariaLabelAttribute = ref(attrs['aria-label']);\n const { ariaLabel } = toRefs(props);\n const checkboxTranslation = ref();\n // Translations used in the script tag need to be inside onMounted otherwise they fail in Vue 3\n onMounted(() => {\n checkboxTranslation.value = t('checkbox');\n });\n // Only add aria-label if no label slot is present\n const computedAriaLabel = computed(\n () =>\n useAriaLabel({\n ariaLabel: ariaLabelAttribute.value as string,\n // TODO: take this line away when the aria-label props is removed\n label: ariaLabel,\n defaultFallback: hasSlot('default')\n ? (getSlotText(slots)('default') as string)\n : checkboxTranslation.value,\n }).value\n );\n const getAriaHidden = (attributes: HTMLAttributes) => attributes?.['aria-hidden'];\n\n const styleAttrs = computed(() => {\n const { style, class: cls } = useAttrs();\n return {\n class: cls as HTMLAttributes['class'],\n style: style as HTMLAttributes['style'],\n };\n });\n\n const conditionalClass = computed(() => ({\n [`b-checkbox--${BentoCheckboxState.DISABLED}`]: disabled.value,\n [`b-checkbox--${BentoCheckboxState.READONLY}`]: readonly.value,\n }));\n\n const onChange = (newValue: BentoCheckboxType \| BentoCheckboxGroupItems) => {\n if (disabled.value) {\n return;\n }\n emit(BentoCheckboxEvent.UPDATE, newValue);\n emit(BentoCheckboxEvent.INPUT, newValue);\n };\n\n return {\n // Values\n descriptionId,\n errorId,\n ariaDescribedBy,\n computedAriaLabel,\n conditionalClass,\n defaultSlotValue,\n descriptionSlotValue,\n isIndeterminate,\n shouldShowError,\n shouldShowErrorMessage,\n contentSlotAvailable,\n hasContentSlot,\n styleAttrs,\n\n // Methods\n hasSlot,\n onChange,\n getAriaHidden,\n\n t,\n };\n },\n });\n</script>\n\n<style lang=\"scss\" scoped src=\"./checkbox.scss\" />\n"],"names":["BentoCheckboxEvent","BentoCheckboxEvent2","_sfc_main","defineComponent","messages","BentoTag","BentoTypography","CheckboxInput","ErrorMessage","props","attrs","emit","slots","t","useI18n","descriptionId","generateUid","errorId","hasSlot","useHasSlot","disabled","indeterminate","modelValue","readonly","value","toRefs","defaultSlotValue","getSlotText","descriptionSlotValue","useDefaultSlotValidator","isCheckboxGroup","computed","isChecked","item","isIndeterminate","shouldShowError","shouldShowErrorMessage","hasContentSlot","isCheckedOrIntermediate","contentSlotAvailable","ariaDescribedBy","ariaLabelAttribute","ref","ariaLabel","checkboxTranslation","onMounted","computedAriaLabel","useAriaLabel","getAriaHidden","attributes","styleAttrs","style","cls","useAttrs","conditionalClass","CheckboxInputState","newValue"],"mappings":"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"}
1	+ {"version":3,"file":"checkbox.CqF5Dank.js","sources":["../../src/components/checkbox/checkbox.types.ts","../../src/components/checkbox/checkbox.vue"],"sourcesContent":["import type { BentoTagProps } from '../tag/tag.types';\nimport {\n CheckboxInputState as BentoCheckboxState,\n type CheckboxInputType as BentoCheckboxType,\n type MultiCheckboxInputType as BentoMultiCheckboxType,\n} from '@/internal/checkbox-input/checkbox-input.types';\n\nexport { BentoCheckboxState, BentoCheckboxType, BentoMultiCheckboxType };\n\nexport enum BentoCheckboxEvent {\n UPDATE = 'update:model-value',\n INPUT = 'input',\n}\n\nexport type BentoCheckboxTag = BentoTagProps;\n","<template>\n <label class=\"b-checkbox\" :class=\"conditionalClass\" v-bind=\"styleAttrs\" :aria-hidden=\"getAriaHidden($attrs)\">\n <checkbox-input\n v-bind=\"$attrs\"\n ref=\"input\"\n :aria-label=\"computedAriaLabel\"\n :aria-describedby=\"ariaDescribedBy\"\n :disabled=\"disabled\"\n :has-error=\"shouldShowError\"\n :indeterminate=\"isIndeterminate\"\n :value=\"value\"\n :model-value=\"modelValue\"\n :readonly=\"readonly\"\n @update:model-value=\"onChange\"\n />\n <span v-if=\"hasSlot('default') \|\| shouldShowErrorMessage\" class=\"b-checkbox__text\">\n <bento-typography v-if=\"hasSlot('default')\" class=\"b-checkbox__label\" el=\"span\" variant=\"body\">\n <span><slot /></span>\n <bento-typography v-if=\"optional\" class=\"b-checkbox__label-requirement\" el=\"span\"\n >({{ t('optional') }})</bento-typography\n >\n <bento-typography v-else-if=\"required\" class=\"b-checkbox__label-requirement\" el=\"span\"\n >({{ t('required') }})</bento-typography\n >\n <bento-tag v-if=\"tag\" class=\"b-checkbox__label-tag\" v-bind=\"tag\" />\n </bento-typography>\n <bento-typography\n v-if=\"hasSlot('default') && hasSlot('description')\"\n :id=\"descriptionId\"\n class=\"b-checkbox__description\"\n el=\"span\"\n variant=\"body\"\n >\n <slot name=\"description\"></slot>\n </bento-typography>\n <error-message v-if=\"shouldShowErrorMessage\" :id=\"errorId\" :error-message=\"errorMessage\" />\n\n <bento-typography v-if=\"contentSlotAvailable\" class=\"b-checkbox__content\" el=\"span\" variant=\"body\">\n <slot name=\"content\"></slot>\n </bento-typography>\n </span>\n </label>\n</template>\n\n<script lang=\"ts\">\n import {\n computed,\n defineComponent,\n type HTMLAttributes,\n onMounted,\n type PropType,\n ref,\n toRefs,\n useAttrs,\n } from 'vue';\n import {\n BentoCheckboxEvent,\n BentoCheckboxState,\n type BentoCheckboxTag,\n type BentoCheckboxType,\n type BentoMultiCheckboxType,\n } from './checkbox.types';\n import { BentoTypography } from '@/components/typography';\n import { CheckboxInput } from '@/components/internal/checkbox-input';\n import { ErrorMessage } from '@/components/internal/error-message';\n import { useDefaultSlotValidator, useHasSlot } from '@/composables';\n import { generateUid } from '@/core/utils/ts';\n import { getSlotText } from '@/utils/ts/get-slot-text';\n import { useI18n } from '@/utils/ts/i18n';\n import { useAriaLabel } from '@/utils/ts/aria-label';\n import { BentoTag } from '@/components/tag';\n import { type BentoCheckboxGroupItems } from './components/checkbox-group/checkbox-group.types';\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n /*\n Checkboxes are used to make a binary choice about an option.\n * The label tag area is also clickable.\n \n @usage\n * import { BentoCheckbox } from '@adyen/bento-vue2';\n \n export default {\n * components: { BentoCheckbox },\n * template: `\n * <bento-checkbox>\n * Label text\n * <template #description>Sub label text</template>\n * </bento-checkbox>\n * `,\n * }\n /\n export default defineComponent({\n name: 'bento-checkbox',\n i18n: { messages },\n components: {\n BentoTag,\n BentoTypography,\n CheckboxInput,\n ErrorMessage,\n },\n inheritAttrs: false,\n model: { prop: 'modelValue' },\n props: {\n /\n @deprecated from version 2.0.0. Use the aria-label attribute instead.\n /\n /\n Accessible name for the radio button component. It is strongly recommended to pas this value in case this component is used without a label.\n /\n ariaLabel: { type: String, default: null },\n\n /\n Setting this property to true will disable the checkbox in your form.\n /\n disabled: { type: Boolean, default: false },\n\n /\n Renders the checkbox in an error state with an error message.\n /\n errorMessage: { type: String, default: null },\n\n /\n Setting this property to true will show the checkbox in error state.\n /\n hasError: { type: Boolean, default: false },\n\n /\n The :indeterminate CSS pseudo-class represents any form element\n * whose state is indeterminate, such as checkboxes which have their HTML indeterminate attribute\n * set to true, radio buttons which are members of a group in which all radio buttons are unchecked,\n * and indeterminate <progress> elements. https://developer.mozilla.org/en-US/docs/Web/CSS/:indeterminate\n * This property lets you control the input.indeterminate native property.\n /\n indeterminate: { type: Boolean, default: false },\n\n /\n When handling a single checkbox with a singular state, use a boolean.\n \n When handling multiple checkboxes, use an array of keys.\n * These keys exist as a set \"value\" prop for each checkbox.\n /\n modelValue: {\n type: [Boolean, Array] as PropType<BentoCheckboxType \| BentoCheckboxGroupItems>,\n default: false,\n },\n\n /\n Highlights the checkbox is optional.\n /\n optional: { type: Boolean, default: false },\n\n /\n Setting this property to true will set the checkbox to read only state.\n /\n readonly: { type: Boolean, default: false },\n\n /\n Highlights the checkbox is required.\n /\n required: { type: Boolean, default: false },\n\n /\n Sets the properties of the BentoTag component that is placed next to the label.\n * {@see BentoTag}\n /\n tag: { type: Object as PropType<BentoCheckboxTag>, default: undefined },\n\n /\n The value of the component. The DOM API casts this to a string.\n * The browser uses \"on\" as the default value.\n \n In the case of multiple checkboxes this value is used as a unique key.\n */\n value: { type: [String, Number], default: null },\n },\n emits: [BentoCheckboxEvent.UPDATE, BentoCheckboxEvent.INPUT],\n setup(props, { attrs, emit, slots }) {\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n const descriptionId = generateUid('description');\n const errorId = generateUid('error');\n const hasSlot = useHasSlot(slots);\n\n const { disabled, indeterminate, modelValue, readonly, value } = toRefs(props);\n\n const defaultSlotValue = getSlotText(slots)('default');\n const descriptionSlotValue = getSlotText(slots)('description');\n\n useDefaultSlotValidator('bento-checkbox', slots.default, slots.description);\n\n const isCheckboxGroup = computed(() => Array.isArray(modelValue.value));\n const isChecked = computed(() => {\n if (!isCheckboxGroup.value) {\n return modelValue.value as boolean;\n }\n\n return (modelValue.value as BentoMultiCheckboxType).some(item => item === value.value);\n });\n const isIndeterminate = computed(() => indeterminate.value);\n\n const shouldShowError = computed(\n () => !props.disabled && !props.readonly && (props.hasError \|\| !!props.errorMessage)\n );\n const shouldShowErrorMessage = computed(() => !props.disabled && !props.readonly && !!props.errorMessage);\n\n // Content slot logic\n const hasContentSlot = computed(() => hasSlot('content'));\n const isCheckedOrIntermediate = computed(() => isIndeterminate?.value \|\| isChecked?.value);\n const contentSlotAvailable = computed(\n () => hasContentSlot?.value && isCheckboxGroup?.value && isCheckedOrIntermediate?.value\n );\n\n // ARIA fields\n const ariaDescribedBy = computed<HTMLAttributes['aria-describedby']>(\n () =>\n `${shouldShowErrorMessage.value ? errorId : ''} ${\n defaultSlotValue && descriptionSlotValue ? descriptionId : ''\n }`.trim() \|\| null\n );\n\n const ariaLabelAttribute = ref(attrs['aria-label']);\n const { ariaLabel } = toRefs(props);\n const checkboxTranslation = ref();\n // Translations used in the script tag need to be inside onMounted otherwise they fail in Vue 3\n onMounted(() => {\n checkboxTranslation.value = t('checkbox');\n });\n // Only add aria-label if no label slot is present\n const computedAriaLabel = computed(\n () =>\n useAriaLabel({\n ariaLabel: ariaLabelAttribute.value as string,\n // TODO: take this line away when the aria-label props is removed\n label: ariaLabel,\n defaultFallback: hasSlot('default')\n ? (getSlotText(slots)('default') as string)\n : checkboxTranslation.value,\n }).value\n );\n const getAriaHidden = (attributes: HTMLAttributes) => attributes?.['aria-hidden'];\n\n const styleAttrs = computed(() => {\n const { style, class: cls } = useAttrs();\n return {\n class: cls as HTMLAttributes['class'],\n style: style as HTMLAttributes['style'],\n };\n });\n\n const conditionalClass = computed(() => ({\n [`b-checkbox--${BentoCheckboxState.DISABLED}`]: disabled.value,\n [`b-checkbox--${BentoCheckboxState.READONLY}`]: readonly.value,\n }));\n\n const onChange = (newValue: BentoCheckboxType \| BentoCheckboxGroupItems) => {\n if (disabled.value) {\n return;\n }\n emit(BentoCheckboxEvent.UPDATE, newValue);\n emit(BentoCheckboxEvent.INPUT, newValue);\n };\n\n return {\n // Values\n descriptionId,\n errorId,\n ariaDescribedBy,\n computedAriaLabel,\n conditionalClass,\n defaultSlotValue,\n descriptionSlotValue,\n isIndeterminate,\n shouldShowError,\n shouldShowErrorMessage,\n contentSlotAvailable,\n hasContentSlot,\n styleAttrs,\n\n // Methods\n hasSlot,\n onChange,\n getAriaHidden,\n\n t,\n };\n },\n });\n</script>\n\n<style lang=\"scss\" scoped src=\"./checkbox.scss\" />\n"],"names":["BentoCheckboxEvent","BentoCheckboxEvent2","_sfc_main","defineComponent","messages","BentoTag","BentoTypography","CheckboxInput","ErrorMessage","props","attrs","emit","slots","t","useI18n","descriptionId","generateUid","errorId","hasSlot","useHasSlot","disabled","indeterminate","modelValue","readonly","value","toRefs","defaultSlotValue","getSlotText","descriptionSlotValue","useDefaultSlotValidator","isCheckboxGroup","computed","isChecked","item","isIndeterminate","shouldShowError","shouldShowErrorMessage","hasContentSlot","isCheckedOrIntermediate","contentSlotAvailable","ariaDescribedBy","ariaLabelAttribute","ref","ariaLabel","checkboxTranslation","onMounted","computedAriaLabel","useAriaLabel","getAriaHidden","attributes","styleAttrs","style","cls","useAttrs","conditionalClass","CheckboxInputState","newValue"],"mappings":"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"}