@adyen/bento-vue2 1.77.1 → 1.78.1

package/dist/assets/filter-bar.css

@@ -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}
+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

@@ -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

@@ -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-uuz24ru-62a28c4d var(--b-inspector-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-uuz24ru-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-uuz24st-62a28c4d var(--b-inspector-animation-duration) var(--b-animation-easing-exit)}@keyframes exit-uuz24st-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-uuz24ti-62a28c4d var(--b-inspector-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-uuz24ti-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-uuz24ty-62a28c4d var(--b-inspector-animation-duration) var(--b-animation-easing-exit)}@keyframes exit-uuz24ty-62a28c4d{0%{translate:0 0}to{translate:100% 0}}
+.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-urkqd1f-62a28c4d var(--b-inspector-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-urkqd1f-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-urkqd1l-62a28c4d var(--b-inspector-animation-duration) var(--b-animation-easing-exit)}@keyframes exit-urkqd1l-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-urkqd1q-62a28c4d var(--b-inspector-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-urkqd1q-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-urkqd2h-62a28c4d var(--b-inspector-animation-duration) var(--b-animation-easing-exit)}@keyframes exit-urkqd2h-62a28c4d{0%{translate:0 0}to{translate:100% 0}}

package/dist/assets/modal-fullscreen.css

@@ -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-uuz24cq-e560cd86 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear),enter-uuz24cq-e560cd86 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-enter),scale-up-uuz24cq-e560cd86 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-in-uuz24cq-e560cd86{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uuz24cq-e560cd86{0%{scale:1}to{scale:1}}@keyframes enter-uuz24cq-e560cd86{0%{translate:0 64px}to{translate:0 0}}.b-modal-fullscreen--hide[open][data-v-e560cd86]{animation:fade-out-uuz24d3-e560cd86 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear),exit-uuz24d3-e560cd86 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-exit),scale-down-uuz24d3-e560cd86 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-out-uuz24d3-e560cd86{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uuz24d3-e560cd86{0%{scale:1}to{scale:1}}@keyframes exit-uuz24d3-e560cd86{0%{translate:0 0}to{translate:0 64px}}
+.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-urkqcmx-e560cd86 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear),enter-urkqcmx-e560cd86 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-enter),scale-up-urkqcmx-e560cd86 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-in-urkqcmx-e560cd86{0%{opacity:0}to{opacity:1}}@keyframes scale-up-urkqcmx-e560cd86{0%{scale:1}to{scale:1}}@keyframes enter-urkqcmx-e560cd86{0%{translate:0 64px}to{translate:0 0}}.b-modal-fullscreen--hide[open][data-v-e560cd86]{animation:fade-out-urkqco3-e560cd86 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear),exit-urkqco3-e560cd86 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-exit),scale-down-urkqco3-e560cd86 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-out-urkqco3-e560cd86{0%{opacity:1}to{opacity:0}}@keyframes scale-down-urkqco3-e560cd86{0%{scale:1}to{scale:1}}@keyframes exit-urkqco3-e560cd86{0%{translate:0 0}to{translate:0 64px}}

package/dist/assets/radio-group.css

@@ -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)}
+.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

@@ -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)}
+.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

@@ -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-uuz24kq-350d1edd var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-enter)}@keyframes enter-uuz24kq-350d1edd{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-350d1edd]::backdrop{animation:fade-in-uuz24l9-350d1edd var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-uuz24l9-350d1edd{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-350d1edd]{animation:exit-uuz24ld-350d1edd var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-exit)}@keyframes exit-uuz24ld-350d1edd{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-350d1edd]::backdrop{animation:fade-out-uuz24m8-350d1edd var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-uuz24m8-350d1edd{0%{opacity:.5}to{opacity:0}}
+.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-urkqcsv-350d1edd var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-enter)}@keyframes enter-urkqcsv-350d1edd{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-350d1edd]::backdrop{animation:fade-in-urkqctv-350d1edd var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-urkqctv-350d1edd{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-350d1edd]{animation:exit-urkqcu8-350d1edd var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-exit)}@keyframes exit-urkqcu8-350d1edd{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-350d1edd]::backdrop{animation:fade-out-urkqcul-350d1edd var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-urkqcul-350d1edd{0%{opacity:.5}to{opacity:0}}

package/dist/checkbox.js

@@ -1,6 +1,6 @@
 import { B as t, a } from "./chunks/checkbox.itbBlXev.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.tm9zLXkK.js";
 export {
   t as BentoCheckbox,
   a as BentoCheckboxEvent,

package/dist/chunks/checkbox-group.tm9zLXkK.js

@@ -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.itbBlXev.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.tm9zLXkK.js.map

package/dist/chunks/checkbox-group.tm9zLXkK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group.tm9zLXkK.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/{code-snippet.BEbA1bIn.js → code-snippet.trioWquF.js}

@@ -1,7 +1,7 @@
 import { defineComponent as Y, useAttrs as H, ref as g, computed as l, shallowRef as P, onMounted as V, watch as D, watchEffect as Z } from "vue";
 import { s as j, H as J, t as e, L as W, a as U, b as G, c as z, p as F, j as X, d as K, x as q, e as ee, E as te, h as ne, k as ae, C as f, f as _, i as oe, g as A, l as se, m as ie } from "./codemirror.Zv80n3Z2.js";
 import { c as re, d as le, e as ce, f as de } from "./es6.MoTTyETW.js";
-import { B as pe } from "./dropdown.-3x2IBDg.js";
+import { B as pe } from "./dropdown.BiA1YOYJ.js";
 import { B as ue } from "./button.CS_kdxYh.js";
 import { B as ge } from "./typography.hlOAxsEn.js";
 import { B as fe } from "./loading-indicator.PxbRzshH.js";
@@ -265,4 +265,4 @@ export {
   c as b,
   Ge as c
 };
-//# sourceMappingURL=code-snippet.BEbA1bIn.js.map
+//# sourceMappingURL=code-snippet.trioWquF.js.map

package/dist/chunks/{code-snippet.BEbA1bIn.js.map → code-snippet.trioWquF.js.map}

@@ -1 +1 @@
-{"version":3,"file":"code-snippet.BEbA1bIn.js","sources":["../../src/components/code-snippet/highlight.ts","../../src/components/code-snippet/code-snippet.types.ts","../../../../node_modules/.pnpm/codemirror-lang-csv@0.1.1/node_modules/codemirror-lang-csv/dist/index.js","../../src/components/code-snippet/utils/get-lang-loader.ts","../../src/components/code-snippet/utils/indent-same-as-line-before-extension.ts","../../src/components/code-snippet/code-snippet.vue"],"sourcesContent":["import { HighlightStyle, syntaxHighlighting } from '@codemirror/language';\nimport { tags as t } from '@lezer/highlight';\nimport {\n    BCodeSnippetCodeAreaHighlightBlue,\n    BCodeSnippetCodeAreaHighlightGreen,\n    BCodeSnippetCodeAreaHighlightOrange,\n    BCodeSnippetCodeAreaHighlightRed,\n} from '@adyen/bento-design-tokens/dist/js/bento/es6';\nimport { type BentoCodeSnippetSupportedLanguage } from './code-snippet.types';\n\nconst lightThemeColors = {\n    red: BCodeSnippetCodeAreaHighlightRed,\n    orange: BCodeSnippetCodeAreaHighlightOrange,\n    green: BCodeSnippetCodeAreaHighlightGreen,\n    blue: BCodeSnippetCodeAreaHighlightBlue,\n    invalid: '#ffffff',\n};\n\nconst highlightStyle = (colors, language: BentoCodeSnippetSupportedLanguage | `${BentoCodeSnippetSupportedLanguage}`) =>\n    HighlightStyle.define([\n        {\n            tag: t.keyword,\n            color: colors.red,\n        },\n        {\n            tag: [t.name, t.deleted, t.character, t.propertyName, t.macroName],\n            color: colors.green,\n        },\n        {\n            tag: [t.function(t.variableName), t.labelName],\n            color: colors.blue,\n        },\n        {\n            tag: [t.color, t.constant(t.name), t.standard(t.name)],\n            color: colors.red,\n        },\n        {\n            tag: [t.definition(t.name), ...(language !== 'json' ? [t.separator] : [])],\n            color: colors.red,\n        },\n        {\n            tag: [t.typeName, t.className, t.number, t.changed, t.annotation, t.modifier, t.self, t.namespace],\n            color: colors.orange,\n        },\n        {\n            tag: [t.operator, t.operatorKeyword, t.url, t.escape, t.regexp, t.link, t.special(t.string)],\n            color: colors.blue,\n        },\n        {\n            tag: [t.meta, t.comment],\n            color: colors.orange,\n        },\n        {\n            tag: t.strong,\n            fontWeight: 'bold',\n        },\n        {\n            tag: t.emphasis,\n            fontStyle: 'italic',\n        },\n        {\n            tag: t.strikethrough,\n            textDecoration: 'line-through',\n        },\n        {\n            tag: t.link,\n            color: colors.orange,\n            textDecoration: 'underline',\n        },\n        {\n            tag: t.heading,\n            fontWeight: 'bold',\n            color: colors.blue,\n        },\n        {\n            tag: [t.atom, t.bool, t.special(t.variableName)],\n            color: colors.red,\n        },\n        {\n            tag: [t.processingInstruction, t.string, t.inserted],\n            color: colors.blue,\n        },\n        {\n            tag: t.invalid,\n            color: colors.invalid,\n        },\n    ]);\n\nexport const lightThemeHighlight = (\n    language: BentoCodeSnippetSupportedLanguage | `${BentoCodeSnippetSupportedLanguage}`\n) => syntaxHighlighting(highlightStyle(lightThemeColors, language));\n","/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoCodeSnippetVariant {\n    INLINE = 'inline',\n    SINGLELINE = 'singleline',\n    MULTILINE = 'multiline',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoCodeSnippetSupportedLanguage {\n    JSON = 'json',\n    XML = 'xml',\n    JAVA = 'java',\n    JAVASCRIPT = 'javascript',\n    PYTHON = 'python',\n    CSV = 'csv',\n}\n\nexport enum BentoCodeSnippetEvent {\n    ACTION = 'action',\n    CHANGE = 'change',\n}\n\nexport interface BentoCodeSnippetProps {\n    /**\n     * Displays a button that when clicked will emit an action event\n     * Leaves to the parent component the logic of what to do with it\n     */\n    actionable?: boolean;\n\n    /**\n     * Displays a button that when clicked will emit a run event\n     * Leaves to the parent component the logic of what to do with it\n     */\n    actionableText?: string;\n\n    /**\n     * The code content\n     */\n    content?: string;\n\n    /**\n     * Displays a button that can expand the codeblock into a modal to easily\n     * view large blocks of code.\n     */\n    expandable?: boolean;\n\n    /**\n     * Allows editing of the code-snippet content by the user\n     */\n    editable?: boolean;\n\n    /**\n     * Language name for syntax highlighting rules\n     */\n    lang?: BentoCodeSnippetSupportedLanguage | `${BentoCodeSnippetSupportedLanguage}`;\n\n    /**\n     * Label to show in the action-bar, describing the language\n     */\n    langLabel?: string;\n\n    /**\n     * Toggles the loading indicator within the action bar\n     */\n    loading?: boolean;\n\n    /**\n     * Defines the variant of code-snippet\n     */\n    variant?: BentoCodeSnippetVariant | `${BentoCodeSnippetVariant}`;\n}\n","import { LRParser } from '@lezer/lr';\nimport { LRLanguage, LanguageSupport } from '@codemirror/language';\nimport { styleTags, tags } from '@lezer/highlight';\n\n// This file was generated by lezer-generator. You probably shouldn't edit it.\nconst parser = LRParser.deserialize({\n  version: 14,\n  states: \"nQVQPOOOOQO'#Ce'#CeOOQO'#Ca'#CaQVQPOOOOQO-E6_-E6_\",\n  stateData: \"g~OWOS~OQPORPOSPO~OQRSR~\",\n  goto: \"eYPPPPPZPPPaQRORSRTQOR\",\n  nodeNames: \"⚠ Program String Separator Value\",\n  maxTerm: 9,\n  skippedNodes: [0],\n  repeatNodeCount: 1,\n  tokenData: \"'Y~RZOYtYZ!cZrtrs!hs|t|}'T}!]t!]!^'T!^;'St;'S;=`!]<%lOt~yUS~OYtZ|t}!]t!^;'St;'S;=`!]<%lOt~!`P;=`<%lt~!hOW~~!m]S~OY!hYZ#fZr!hrs%Ss|!h|}#f}!]!h!]!^#f!^#O!h#O#P%m#P;'S!h;'S;=`&}<%lO!h~#iVOr#frs$Os#O#f#O#P$T#P;'S#f;'S;=`$|<%lO#f~$TOQ~~$WRO;'S#f;'S;=`$a;=`O#f~$dWOr#frs$Os#O#f#O#P$T#P;'S#f;'S;=`$|;=`<%l#f<%lO#f~%PP;=`<%l#f~%ZUQ~S~OYtZ|t}!]t!^;'St;'S;=`!]<%lOt~%rYS~OY!hYZ#fZ|!h|}#f}!]!h!]!^#f!^;'S!h;'S;=`&b;=`<%l#f<%lO!h~&eWOr#frs$Os#O#f#O#P$T#P;'S#f;'S;=`$|;=`<%l!h<%lO#f~'QP;=`<%l!h~'YOR~\",\n  tokenizers: [0],\n  topRules: {\"Program\":[0,1]},\n  tokenPrec: 18\n});\n\nconst csvLanguage = LRLanguage.define({\n    parser: parser.configure({\n        props: [\n            styleTags({\n                Separator: tags.separator,\n                Value: tags.string,\n                String: tags.string,\n                LineComment: tags.lineComment,\n                \"( )\": tags.paren,\n            }),\n        ],\n    }),\n});\nfunction csv() {\n    return new LanguageSupport(csvLanguage);\n}\n\nexport { csv, csvLanguage };\n","import { BentoCodeSnippetSupportedLanguage } from '@/components/code-snippet/code-snippet.types';\nimport { json } from '@codemirror/lang-json';\nimport { xml } from '@codemirror/lang-xml';\nimport { javascript } from '@codemirror/lang-javascript';\nimport { java } from '@codemirror/lang-java';\nimport { python } from '@codemirror/lang-python';\nimport { csv } from 'codemirror-lang-csv';\nimport type { LanguageSupport } from '@codemirror/language';\n\n/**\n * TODO: This should be handled with dynamic imports,\n * without relying on importing every single language/package available.\n * These supported types need to be kept in line with the ones in packages/vue2/src/components/code-snippet/code-snippet.types.ts enum\n */\nconst importsMap: Record<BentoCodeSnippetSupportedLanguage, () => LanguageSupport> = {\n    [BentoCodeSnippetSupportedLanguage.JSON]: json,\n    [BentoCodeSnippetSupportedLanguage.XML]: xml,\n    [BentoCodeSnippetSupportedLanguage.JAVASCRIPT]: javascript,\n    [BentoCodeSnippetSupportedLanguage.JAVA]: java,\n    [BentoCodeSnippetSupportedLanguage.PYTHON]: python,\n    [BentoCodeSnippetSupportedLanguage.CSV]: csv,\n};\n\n/**\n * Returns a language loder for `CodeMirror`.\n * Supported languages: json, xml, javascript & java\n *\n * @param language Language to be used\n * @returns Language configuration loader to be used in codemirror\n */\nexport const getLangLoader = (language: BentoCodeSnippetSupportedLanguage | `${BentoCodeSnippetSupportedLanguage}`) => {\n    const loadLang = async () => importsMap[language];\n\n    return loadLang;\n};\n","import { EditorSelection, type EditorState, type SelectionRange } from '@codemirror/state';\n\n/**\n * Calculate indentation for a new line based on line before it.\n * @param state - The editor state\n * @param line - the selection range, in this case one line\n * @returns the indentation string to be pre-pended on a new line.\n */\nconst getIndentation = (state: EditorState, line: SelectionRange) => {\n    const currentLine = state.doc.lineAt(line.from);\n    const indentMatch = /^\\s*/.exec(currentLine.text);\n    return indentMatch ? indentMatch[0] : '';\n};\n\n/**\n * This extension to codemirror will, upon pressing the 'Enter' key, indent the new line\n * the same as the line before it.\n */\nexport const INDENT_SAME_AS_LINE_BEFORE = {\n    key: 'Enter',\n    run: ({ state, dispatch }) => {\n        const changes = state.changeByRange(range => {\n            const indentation = getIndentation(state, range);\n            const newText = `\\n${indentation}`;\n            return {\n                changes: { from: range.from, to: range.to, insert: newText },\n                range: EditorSelection.cursor(range.from + newText.length),\n            };\n        });\n        dispatch(state.update(changes, { scrollIntoView: true, userEvent: 'input' }));\n        return true;\n    },\n};\n\nexport default INDENT_SAME_AS_LINE_BEFORE;\n","<template>\n    <div class=\"b-code-snippet\" :class=\"conditionalClasses\">\n        <section v-if=\"!isInlineVariant\" class=\"b-code-snippet__action-bar\">\n            <div class=\"b-code-snippet__action-bar--start\">\n                <bento-dropdown\n                    v-if=\"availableLanguages.length > 0\"\n                    v-model=\"selectedLanguage\"\n                    v-bind=\"$props\"\n                    :disabled=\"availableLanguages.length === 1\"\n                    :items=\"availableLanguages\"\n                    class=\"b-code-snippet__language-picker\"\n                    @input=\"handleChangeLanguage\"\n                />\n                <bento-typography el=\"span\" stronger>\n                    {{ displayedLang }}\n                </bento-typography>\n            </div>\n            <div class=\"b-code-snippet__action-bar--end\">\n                <bento-loading-indicator v-if=\"loading\" />\n                <copy v-if=\"currentContents !== null\" class=\"b-structured-list__icon\" :text=\"currentContents\" />\n                <bento-button\n                    v-if=\"expandable\"\n                    variant=\"tertiary\"\n                    condensed\n                    :aria-label=\"t('expand')\"\n                    @click=\"showModal = true\"\n                >\n                    <template #iconLeft>\n                        <expand-icon />\n                    </template>\n                </bento-button>\n                <bento-button v-if=\"actionable\" variant=\"primary\" tertiary condensed @click=\"onActionClicked\">\n                    <template #iconLeft>\n                        <bento-typography el=\"span\" class=\"b-code-snippet__action-button\">\n                            {{ runText }}\n                        </bento-typography>\n                    </template>\n                </bento-button>\n            </div>\n        </section>\n        <code v-if=\"content || editable\" class=\"b-code-snippet__code-area\">\n            <div ref=\"container\" class=\"b-code-snippet__code-area-content\" :class=\"codeAreaContentConditionalClasses\" />\n        </code>\n        <section v-else>\n            <slot name=\"empty-state\">\n                <!-- TODO: switch with empty-state component when ready -->\n                <div class=\"b-code-snippet__empty-state\">{{ t('nothingToDisplay') }}</div>\n            </slot>\n        </section>\n        <base-modal\n            v-if=\"expandable\"\n            class=\"b-code-snippet__modal\"\n            :hide-close-button=\"true\"\n            :custom-padding=\"'0px'\"\n            :is-dismissible=\"true\"\n            :is-open=\"showModal\"\n            size=\"large\"\n            @close-modal=\"showModal = false\"\n        >\n            <template #content>\n                <bento-code-snippet v-bind=\"{ ...$props, expandable: false }\" />\n            </template>\n        </base-modal>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, type HTMLAttributes, onMounted, ref, shallowRef, useAttrs, watch, watchEffect } from 'vue';\n    import { EditorView, highlightActiveLine, keymap, lineNumbers } from '@codemirror/view';\n    import { Compartment, EditorState } from '@codemirror/state';\n    import { history, indentWithTab } from '@codemirror/commands';\n    import { lightThemeHighlight } from './highlight';\n    import { getLangLoader, INDENT_SAME_AS_LINE_BEFORE } from './utils';\n    import { BentoDropdown } from '@/components/dropdown';\n    import { BentoButton } from '@/components/button';\n    import { BentoTypography } from '@/components/typography';\n    import { BentoLoadingIndicator } from '@/components/loading-indicator';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { Copy } from '@/internal';\n    import {\n        BentoCodeSnippetEvent,\n        type BentoCodeSnippetProps,\n        BentoCodeSnippetSupportedLanguage,\n        BentoCodeSnippetVariant,\n    } from './code-snippet.types';\n    import ExpandIcon from '@adyen/ui-assets-icons-16/vue/expand';\n    import BaseModal from '@/components/modal/components/base-modal/base-modal.vue';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const props = defineProps({\n  actionable: { type: Boolean, default: false },\n  actionableText: { default: null },\n  content: { default: '' },\n  expandable: { type: Boolean, default: false },\n  editable: { type: Boolean, default: false },\n  lang: { default: BentoCodeSnippetSupportedLanguage.JSON },\n  langLabel: { default: null },\n  loading: { type: Boolean, default: false },\n  variant: { default: BentoCodeSnippetVariant.MULTILINE }\n});\n\n    const emit = defineEmits([BentoCodeSnippetEvent.ACTION, BentoCodeSnippetEvent.CHANGE]);\n\n    const attrs = useAttrs();\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    // language\n    const selectedLanguage = ref<string | null>(null);\n    const availableLanguages = []; // TODO: implement\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    const handleChangeLanguage = () => {};\n    const displayedLang = computed(() => props.langLabel ?? props.lang.toUpperCase());\n\n    const isInlineVariant = computed(() => props.variant === BentoCodeSnippetVariant.INLINE);\n\n    const conditionalClasses = computed(() => ({\n        'b-code-snippet--inline': isInlineVariant.value,\n        'b-code-snippet--scrollable': !isInlineVariant.value,\n    }));\n\n    const codeAreaContentConditionalClasses = computed(() => ({\n        'b-code-snippet__code-area-content--editable': props.editable,\n    }));\n\n    const loadLang = getLangLoader(props.lang);\n\n    const container = shallowRef<HTMLDivElement>();\n    const editor = shallowRef<EditorView>();\n    const languageConf = new Compartment();\n    const editorTheme = new Compartment();\n    const editorReadOnly = new Compartment();\n    const editorAttributes = new Compartment();\n\n    const currentContents = ref(null);\n    const contentLength = ref(0);\n\n    const runText = computed(() => props.actionableText || t('run'));\n\n    onMounted(async () => {\n        const language = await loadLang();\n\n        // alongside the updateListener plugin it acts as a watcher of changes to the editor state\n        currentContents.value = props.content;\n        const updateCurrentContents = ({ state }) => {\n            currentContents.value = state.doc.toString();\n        };\n\n        const extensions = [\n            highlightActiveLine(),\n            keymap.of([indentWithTab, INDENT_SAME_AS_LINE_BEFORE]),\n            languageConf.of(language()),\n            editorTheme.of(lightThemeHighlight(props.lang)),\n            editorReadOnly.of(EditorState.readOnly.of(!props.editable)),\n            editorAttributes.of(\n                EditorView.contentAttributes.of({\n                    'aria-label': (attrs['aria-label'] as HTMLAttributes['aria-label']) ?? t('codeSnippet'),\n                    ...(!isInlineVariant.value && { tabindex: '0' }),\n                })\n            ),\n            EditorView.updateListener.of(content => updateCurrentContents(content)),\n        ];\n\n        if (props.variant === 'multiline') {\n            extensions.push([lineNumbers(), history()]);\n        }\n\n        const state = EditorState.create({\n            doc: props.content,\n            extensions: [...extensions],\n        });\n        contentLength.value = state.doc.length;\n\n        editor.value = new EditorView({\n            state,\n            parent: container.value,\n        });\n    });\n    watch(\n        () => props.content,\n        () => {\n            if (props.content !== currentContents.value) {\n                const upcomingContentLength = props.content.length;\n                editor.value.dispatch({\n                    changes: {\n                        from: 0,\n                        to: contentLength.value,\n                        insert: props.content,\n                    },\n                });\n                contentLength.value = upcomingContentLength;\n            }\n        }\n    );\n\n    const onActionClicked = () => {\n        emit(BentoCodeSnippetEvent.ACTION, currentContents.value);\n    };\n\n    watchEffect(() => {\n        if (currentContents.value !== null) {\n            emit(BentoCodeSnippetEvent.CHANGE, currentContents.value);\n        }\n    });\n\n    const showModal = ref(false);\n</script>\n\n<script lang=\"ts\">\n    /**\n     * A code-snippet is a container to display code in a readable way.\n     * Come with added functionalities like syntax highlighting, editing and actioning the code\n     *\n     * @example\n     * import { BentoCodeSnippet } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoCodeSnippet },\n     *     template: `\n     *          <bento-code-snippet :variant=\"BentoCodeSnippetVariant.MULTILINE\" content=\"{ example: 1234 }\" />\n     *     `\n     * }\n     */\n    export default {\n        i18n: { messages },\n        name: 'bento-code-snippet',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./code-snippet.scss\"></style>\n"],"names":["lightThemeColors","BCodeSnippetCodeAreaHighlightRed","BCodeSnippetCodeAreaHighlightOrange","BCodeSnippetCodeAreaHighlightGreen","BCodeSnippetCodeAreaHighlightBlue","highlightStyle","colors","language","HighlightStyle","tags","lightThemeHighlight","syntaxHighlighting","BentoCodeSnippetVariant","BentoCodeSnippetVariant2","BentoCodeSnippetSupportedLanguage","BentoCodeSnippetSupportedLanguage2","BentoCodeSnippetEvent","BentoCodeSnippetEvent2","parser","LRParser","csvLanguage","LRLanguage","styleTags","csv","LanguageSupport","importsMap","json","xml","javascript","java","python","getLangLoader","getIndentation","state","line","currentLine","indentMatch","INDENT_SAME_AS_LINE_BEFORE","dispatch","changes","range","newText","EditorSelection","__default__","messages","attrs","useAttrs","t","useI18n","selectedLanguage","ref","availableLanguages","handleChangeLanguage","displayedLang","computed","props","isInlineVariant","conditionalClasses","codeAreaContentConditionalClasses","loadLang","container","shallowRef","editor","languageConf","Compartment","editorTheme","editorReadOnly","editorAttributes","currentContents","contentLength","runText","onMounted","updateCurrentContents","state2","extensions","highlightActiveLine","keymap","indentWithTab","EditorState","EditorView","content","lineNumbers","history","watch","upcomingContentLength","onActionClicked","emit","watchEffect","showModal"],"mappings":"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","x_google_ignoreList":[2]}
+{"version":3,"file":"code-snippet.trioWquF.js","sources":["../../src/components/code-snippet/highlight.ts","../../src/components/code-snippet/code-snippet.types.ts","../../../../node_modules/.pnpm/codemirror-lang-csv@0.1.1/node_modules/codemirror-lang-csv/dist/index.js","../../src/components/code-snippet/utils/get-lang-loader.ts","../../src/components/code-snippet/utils/indent-same-as-line-before-extension.ts","../../src/components/code-snippet/code-snippet.vue"],"sourcesContent":["import { HighlightStyle, syntaxHighlighting } from '@codemirror/language';\nimport { tags as t } from '@lezer/highlight';\nimport {\n    BCodeSnippetCodeAreaHighlightBlue,\n    BCodeSnippetCodeAreaHighlightGreen,\n    BCodeSnippetCodeAreaHighlightOrange,\n    BCodeSnippetCodeAreaHighlightRed,\n} from '@adyen/bento-design-tokens/dist/js/bento/es6';\nimport { type BentoCodeSnippetSupportedLanguage } from './code-snippet.types';\n\nconst lightThemeColors = {\n    red: BCodeSnippetCodeAreaHighlightRed,\n    orange: BCodeSnippetCodeAreaHighlightOrange,\n    green: BCodeSnippetCodeAreaHighlightGreen,\n    blue: BCodeSnippetCodeAreaHighlightBlue,\n    invalid: '#ffffff',\n};\n\nconst highlightStyle = (colors, language: BentoCodeSnippetSupportedLanguage | `${BentoCodeSnippetSupportedLanguage}`) =>\n    HighlightStyle.define([\n        {\n            tag: t.keyword,\n            color: colors.red,\n        },\n        {\n            tag: [t.name, t.deleted, t.character, t.propertyName, t.macroName],\n            color: colors.green,\n        },\n        {\n            tag: [t.function(t.variableName), t.labelName],\n            color: colors.blue,\n        },\n        {\n            tag: [t.color, t.constant(t.name), t.standard(t.name)],\n            color: colors.red,\n        },\n        {\n            tag: [t.definition(t.name), ...(language !== 'json' ? [t.separator] : [])],\n            color: colors.red,\n        },\n        {\n            tag: [t.typeName, t.className, t.number, t.changed, t.annotation, t.modifier, t.self, t.namespace],\n            color: colors.orange,\n        },\n        {\n            tag: [t.operator, t.operatorKeyword, t.url, t.escape, t.regexp, t.link, t.special(t.string)],\n            color: colors.blue,\n        },\n        {\n            tag: [t.meta, t.comment],\n            color: colors.orange,\n        },\n        {\n            tag: t.strong,\n            fontWeight: 'bold',\n        },\n        {\n            tag: t.emphasis,\n            fontStyle: 'italic',\n        },\n        {\n            tag: t.strikethrough,\n            textDecoration: 'line-through',\n        },\n        {\n            tag: t.link,\n            color: colors.orange,\n            textDecoration: 'underline',\n        },\n        {\n            tag: t.heading,\n            fontWeight: 'bold',\n            color: colors.blue,\n        },\n        {\n            tag: [t.atom, t.bool, t.special(t.variableName)],\n            color: colors.red,\n        },\n        {\n            tag: [t.processingInstruction, t.string, t.inserted],\n            color: colors.blue,\n        },\n        {\n            tag: t.invalid,\n            color: colors.invalid,\n        },\n    ]);\n\nexport const lightThemeHighlight = (\n    language: BentoCodeSnippetSupportedLanguage | `${BentoCodeSnippetSupportedLanguage}`\n) => syntaxHighlighting(highlightStyle(lightThemeColors, language));\n","/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoCodeSnippetVariant {\n    INLINE = 'inline',\n    SINGLELINE = 'singleline',\n    MULTILINE = 'multiline',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoCodeSnippetSupportedLanguage {\n    JSON = 'json',\n    XML = 'xml',\n    JAVA = 'java',\n    JAVASCRIPT = 'javascript',\n    PYTHON = 'python',\n    CSV = 'csv',\n}\n\nexport enum BentoCodeSnippetEvent {\n    ACTION = 'action',\n    CHANGE = 'change',\n}\n\nexport interface BentoCodeSnippetProps {\n    /**\n     * Displays a button that when clicked will emit an action event\n     * Leaves to the parent component the logic of what to do with it\n     */\n    actionable?: boolean;\n\n    /**\n     * Displays a button that when clicked will emit a run event\n     * Leaves to the parent component the logic of what to do with it\n     */\n    actionableText?: string;\n\n    /**\n     * The code content\n     */\n    content?: string;\n\n    /**\n     * Displays a button that can expand the codeblock into a modal to easily\n     * view large blocks of code.\n     */\n    expandable?: boolean;\n\n    /**\n     * Allows editing of the code-snippet content by the user\n     */\n    editable?: boolean;\n\n    /**\n     * Language name for syntax highlighting rules\n     */\n    lang?: BentoCodeSnippetSupportedLanguage | `${BentoCodeSnippetSupportedLanguage}`;\n\n    /**\n     * Label to show in the action-bar, describing the language\n     */\n    langLabel?: string;\n\n    /**\n     * Toggles the loading indicator within the action bar\n     */\n    loading?: boolean;\n\n    /**\n     * Defines the variant of code-snippet\n     */\n    variant?: BentoCodeSnippetVariant | `${BentoCodeSnippetVariant}`;\n}\n","import { LRParser } from '@lezer/lr';\nimport { LRLanguage, LanguageSupport } from '@codemirror/language';\nimport { styleTags, tags } from '@lezer/highlight';\n\n// This file was generated by lezer-generator. You probably shouldn't edit it.\nconst parser = LRParser.deserialize({\n  version: 14,\n  states: \"nQVQPOOOOQO'#Ce'#CeOOQO'#Ca'#CaQVQPOOOOQO-E6_-E6_\",\n  stateData: \"g~OWOS~OQPORPOSPO~OQRSR~\",\n  goto: \"eYPPPPPZPPPaQRORSRTQOR\",\n  nodeNames: \"⚠ Program String Separator Value\",\n  maxTerm: 9,\n  skippedNodes: [0],\n  repeatNodeCount: 1,\n  tokenData: \"'Y~RZOYtYZ!cZrtrs!hs|t|}'T}!]t!]!^'T!^;'St;'S;=`!]<%lOt~yUS~OYtZ|t}!]t!^;'St;'S;=`!]<%lOt~!`P;=`<%lt~!hOW~~!m]S~OY!hYZ#fZr!hrs%Ss|!h|}#f}!]!h!]!^#f!^#O!h#O#P%m#P;'S!h;'S;=`&}<%lO!h~#iVOr#frs$Os#O#f#O#P$T#P;'S#f;'S;=`$|<%lO#f~$TOQ~~$WRO;'S#f;'S;=`$a;=`O#f~$dWOr#frs$Os#O#f#O#P$T#P;'S#f;'S;=`$|;=`<%l#f<%lO#f~%PP;=`<%l#f~%ZUQ~S~OYtZ|t}!]t!^;'St;'S;=`!]<%lOt~%rYS~OY!hYZ#fZ|!h|}#f}!]!h!]!^#f!^;'S!h;'S;=`&b;=`<%l#f<%lO!h~&eWOr#frs$Os#O#f#O#P$T#P;'S#f;'S;=`$|;=`<%l!h<%lO#f~'QP;=`<%l!h~'YOR~\",\n  tokenizers: [0],\n  topRules: {\"Program\":[0,1]},\n  tokenPrec: 18\n});\n\nconst csvLanguage = LRLanguage.define({\n    parser: parser.configure({\n        props: [\n            styleTags({\n                Separator: tags.separator,\n                Value: tags.string,\n                String: tags.string,\n                LineComment: tags.lineComment,\n                \"( )\": tags.paren,\n            }),\n        ],\n    }),\n});\nfunction csv() {\n    return new LanguageSupport(csvLanguage);\n}\n\nexport { csv, csvLanguage };\n","import { BentoCodeSnippetSupportedLanguage } from '@/components/code-snippet/code-snippet.types';\nimport { json } from '@codemirror/lang-json';\nimport { xml } from '@codemirror/lang-xml';\nimport { javascript } from '@codemirror/lang-javascript';\nimport { java } from '@codemirror/lang-java';\nimport { python } from '@codemirror/lang-python';\nimport { csv } from 'codemirror-lang-csv';\nimport type { LanguageSupport } from '@codemirror/language';\n\n/**\n * TODO: This should be handled with dynamic imports,\n * without relying on importing every single language/package available.\n * These supported types need to be kept in line with the ones in packages/vue2/src/components/code-snippet/code-snippet.types.ts enum\n */\nconst importsMap: Record<BentoCodeSnippetSupportedLanguage, () => LanguageSupport> = {\n    [BentoCodeSnippetSupportedLanguage.JSON]: json,\n    [BentoCodeSnippetSupportedLanguage.XML]: xml,\n    [BentoCodeSnippetSupportedLanguage.JAVASCRIPT]: javascript,\n    [BentoCodeSnippetSupportedLanguage.JAVA]: java,\n    [BentoCodeSnippetSupportedLanguage.PYTHON]: python,\n    [BentoCodeSnippetSupportedLanguage.CSV]: csv,\n};\n\n/**\n * Returns a language loder for `CodeMirror`.\n * Supported languages: json, xml, javascript & java\n *\n * @param language Language to be used\n * @returns Language configuration loader to be used in codemirror\n */\nexport const getLangLoader = (language: BentoCodeSnippetSupportedLanguage | `${BentoCodeSnippetSupportedLanguage}`) => {\n    const loadLang = async () => importsMap[language];\n\n    return loadLang;\n};\n","import { EditorSelection, type EditorState, type SelectionRange } from '@codemirror/state';\n\n/**\n * Calculate indentation for a new line based on line before it.\n * @param state - The editor state\n * @param line - the selection range, in this case one line\n * @returns the indentation string to be pre-pended on a new line.\n */\nconst getIndentation = (state: EditorState, line: SelectionRange) => {\n    const currentLine = state.doc.lineAt(line.from);\n    const indentMatch = /^\\s*/.exec(currentLine.text);\n    return indentMatch ? indentMatch[0] : '';\n};\n\n/**\n * This extension to codemirror will, upon pressing the 'Enter' key, indent the new line\n * the same as the line before it.\n */\nexport const INDENT_SAME_AS_LINE_BEFORE = {\n    key: 'Enter',\n    run: ({ state, dispatch }) => {\n        const changes = state.changeByRange(range => {\n            const indentation = getIndentation(state, range);\n            const newText = `\\n${indentation}`;\n            return {\n                changes: { from: range.from, to: range.to, insert: newText },\n                range: EditorSelection.cursor(range.from + newText.length),\n            };\n        });\n        dispatch(state.update(changes, { scrollIntoView: true, userEvent: 'input' }));\n        return true;\n    },\n};\n\nexport default INDENT_SAME_AS_LINE_BEFORE;\n","<template>\n    <div class=\"b-code-snippet\" :class=\"conditionalClasses\">\n        <section v-if=\"!isInlineVariant\" class=\"b-code-snippet__action-bar\">\n            <div class=\"b-code-snippet__action-bar--start\">\n                <bento-dropdown\n                    v-if=\"availableLanguages.length > 0\"\n                    v-model=\"selectedLanguage\"\n                    v-bind=\"$props\"\n                    :disabled=\"availableLanguages.length === 1\"\n                    :items=\"availableLanguages\"\n                    class=\"b-code-snippet__language-picker\"\n                    @input=\"handleChangeLanguage\"\n                />\n                <bento-typography el=\"span\" stronger>\n                    {{ displayedLang }}\n                </bento-typography>\n            </div>\n            <div class=\"b-code-snippet__action-bar--end\">\n                <bento-loading-indicator v-if=\"loading\" />\n                <copy v-if=\"currentContents !== null\" class=\"b-structured-list__icon\" :text=\"currentContents\" />\n                <bento-button\n                    v-if=\"expandable\"\n                    variant=\"tertiary\"\n                    condensed\n                    :aria-label=\"t('expand')\"\n                    @click=\"showModal = true\"\n                >\n                    <template #iconLeft>\n                        <expand-icon />\n                    </template>\n                </bento-button>\n                <bento-button v-if=\"actionable\" variant=\"primary\" tertiary condensed @click=\"onActionClicked\">\n                    <template #iconLeft>\n                        <bento-typography el=\"span\" class=\"b-code-snippet__action-button\">\n                            {{ runText }}\n                        </bento-typography>\n                    </template>\n                </bento-button>\n            </div>\n        </section>\n        <code v-if=\"content || editable\" class=\"b-code-snippet__code-area\">\n            <div ref=\"container\" class=\"b-code-snippet__code-area-content\" :class=\"codeAreaContentConditionalClasses\" />\n        </code>\n        <section v-else>\n            <slot name=\"empty-state\">\n                <!-- TODO: switch with empty-state component when ready -->\n                <div class=\"b-code-snippet__empty-state\">{{ t('nothingToDisplay') }}</div>\n            </slot>\n        </section>\n        <base-modal\n            v-if=\"expandable\"\n            class=\"b-code-snippet__modal\"\n            :hide-close-button=\"true\"\n            :custom-padding=\"'0px'\"\n            :is-dismissible=\"true\"\n            :is-open=\"showModal\"\n            size=\"large\"\n            @close-modal=\"showModal = false\"\n        >\n            <template #content>\n                <bento-code-snippet v-bind=\"{ ...$props, expandable: false }\" />\n            </template>\n        </base-modal>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, type HTMLAttributes, onMounted, ref, shallowRef, useAttrs, watch, watchEffect } from 'vue';\n    import { EditorView, highlightActiveLine, keymap, lineNumbers } from '@codemirror/view';\n    import { Compartment, EditorState } from '@codemirror/state';\n    import { history, indentWithTab } from '@codemirror/commands';\n    import { lightThemeHighlight } from './highlight';\n    import { getLangLoader, INDENT_SAME_AS_LINE_BEFORE } from './utils';\n    import { BentoDropdown } from '@/components/dropdown';\n    import { BentoButton } from '@/components/button';\n    import { BentoTypography } from '@/components/typography';\n    import { BentoLoadingIndicator } from '@/components/loading-indicator';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { Copy } from '@/internal';\n    import {\n        BentoCodeSnippetEvent,\n        type BentoCodeSnippetProps,\n        BentoCodeSnippetSupportedLanguage,\n        BentoCodeSnippetVariant,\n    } from './code-snippet.types';\n    import ExpandIcon from '@adyen/ui-assets-icons-16/vue/expand';\n    import BaseModal from '@/components/modal/components/base-modal/base-modal.vue';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const props = defineProps({\n  actionable: { type: Boolean, default: false },\n  actionableText: { default: null },\n  content: { default: '' },\n  expandable: { type: Boolean, default: false },\n  editable: { type: Boolean, default: false },\n  lang: { default: BentoCodeSnippetSupportedLanguage.JSON },\n  langLabel: { default: null },\n  loading: { type: Boolean, default: false },\n  variant: { default: BentoCodeSnippetVariant.MULTILINE }\n});\n\n    const emit = defineEmits([BentoCodeSnippetEvent.ACTION, BentoCodeSnippetEvent.CHANGE]);\n\n    const attrs = useAttrs();\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    // language\n    const selectedLanguage = ref<string | null>(null);\n    const availableLanguages = []; // TODO: implement\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    const handleChangeLanguage = () => {};\n    const displayedLang = computed(() => props.langLabel ?? props.lang.toUpperCase());\n\n    const isInlineVariant = computed(() => props.variant === BentoCodeSnippetVariant.INLINE);\n\n    const conditionalClasses = computed(() => ({\n        'b-code-snippet--inline': isInlineVariant.value,\n        'b-code-snippet--scrollable': !isInlineVariant.value,\n    }));\n\n    const codeAreaContentConditionalClasses = computed(() => ({\n        'b-code-snippet__code-area-content--editable': props.editable,\n    }));\n\n    const loadLang = getLangLoader(props.lang);\n\n    const container = shallowRef<HTMLDivElement>();\n    const editor = shallowRef<EditorView>();\n    const languageConf = new Compartment();\n    const editorTheme = new Compartment();\n    const editorReadOnly = new Compartment();\n    const editorAttributes = new Compartment();\n\n    const currentContents = ref(null);\n    const contentLength = ref(0);\n\n    const runText = computed(() => props.actionableText || t('run'));\n\n    onMounted(async () => {\n        const language = await loadLang();\n\n        // alongside the updateListener plugin it acts as a watcher of changes to the editor state\n        currentContents.value = props.content;\n        const updateCurrentContents = ({ state }) => {\n            currentContents.value = state.doc.toString();\n        };\n\n        const extensions = [\n            highlightActiveLine(),\n            keymap.of([indentWithTab, INDENT_SAME_AS_LINE_BEFORE]),\n            languageConf.of(language()),\n            editorTheme.of(lightThemeHighlight(props.lang)),\n            editorReadOnly.of(EditorState.readOnly.of(!props.editable)),\n            editorAttributes.of(\n                EditorView.contentAttributes.of({\n                    'aria-label': (attrs['aria-label'] as HTMLAttributes['aria-label']) ?? t('codeSnippet'),\n                    ...(!isInlineVariant.value && { tabindex: '0' }),\n                })\n            ),\n            EditorView.updateListener.of(content => updateCurrentContents(content)),\n        ];\n\n        if (props.variant === 'multiline') {\n            extensions.push([lineNumbers(), history()]);\n        }\n\n        const state = EditorState.create({\n            doc: props.content,\n            extensions: [...extensions],\n        });\n        contentLength.value = state.doc.length;\n\n        editor.value = new EditorView({\n            state,\n            parent: container.value,\n        });\n    });\n    watch(\n        () => props.content,\n        () => {\n            if (props.content !== currentContents.value) {\n                const upcomingContentLength = props.content.length;\n                editor.value.dispatch({\n                    changes: {\n                        from: 0,\n                        to: contentLength.value,\n                        insert: props.content,\n                    },\n                });\n                contentLength.value = upcomingContentLength;\n            }\n        }\n    );\n\n    const onActionClicked = () => {\n        emit(BentoCodeSnippetEvent.ACTION, currentContents.value);\n    };\n\n    watchEffect(() => {\n        if (currentContents.value !== null) {\n            emit(BentoCodeSnippetEvent.CHANGE, currentContents.value);\n        }\n    });\n\n    const showModal = ref(false);\n</script>\n\n<script lang=\"ts\">\n    /**\n     * A code-snippet is a container to display code in a readable way.\n     * Come with added functionalities like syntax highlighting, editing and actioning the code\n     *\n     * @example\n     * import { BentoCodeSnippet } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoCodeSnippet },\n     *     template: `\n     *          <bento-code-snippet :variant=\"BentoCodeSnippetVariant.MULTILINE\" content=\"{ example: 1234 }\" />\n     *     `\n     * }\n     */\n    export default {\n        i18n: { messages },\n        name: 'bento-code-snippet',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./code-snippet.scss\"></style>\n"],"names":["lightThemeColors","BCodeSnippetCodeAreaHighlightRed","BCodeSnippetCodeAreaHighlightOrange","BCodeSnippetCodeAreaHighlightGreen","BCodeSnippetCodeAreaHighlightBlue","highlightStyle","colors","language","HighlightStyle","tags","lightThemeHighlight","syntaxHighlighting","BentoCodeSnippetVariant","BentoCodeSnippetVariant2","BentoCodeSnippetSupportedLanguage","BentoCodeSnippetSupportedLanguage2","BentoCodeSnippetEvent","BentoCodeSnippetEvent2","parser","LRParser","csvLanguage","LRLanguage","styleTags","csv","LanguageSupport","importsMap","json","xml","javascript","java","python","getLangLoader","getIndentation","state","line","currentLine","indentMatch","INDENT_SAME_AS_LINE_BEFORE","dispatch","changes","range","newText","EditorSelection","__default__","messages","attrs","useAttrs","t","useI18n","selectedLanguage","ref","availableLanguages","handleChangeLanguage","displayedLang","computed","props","isInlineVariant","conditionalClasses","codeAreaContentConditionalClasses","loadLang","container","shallowRef","editor","languageConf","Compartment","editorTheme","editorReadOnly","editorAttributes","currentContents","contentLength","runText","onMounted","updateCurrentContents","state2","extensions","highlightActiveLine","keymap","indentWithTab","EditorState","EditorView","content","lineNumbers","history","watch","upcomingContentLength","onActionClicked","emit","watchEffect","showModal"],"mappings":"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","x_google_ignoreList":[2]}