@adyen/bento-vue2 1.6.0 → 1.6.1

package/dist/assets/index42.css

@@ -1 +1 @@
-button[data-v-b3ad119c]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-b3ad119c]:focus-visible{outline:none}.b-filter-bar-button[data-v-b3ad119c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;appearance:none;background-color:var(--b-filter-bar-button-background-color);border:var(--b-filter-bar-button-border);border-radius:var(--b-filter-bar-button-border-radius);color:var(--b-filter-bar-button-color);cursor:pointer;display:inline-flex;height:var(--b-filter-bar-button-height);justify-content:center;text-decoration:none;user-select:none}.b-filter-bar-button[data-v-b3ad119c],.b-filter-bar-button[data-v-b3ad119c]:before,.b-filter-bar-button[data-v-b3ad119c]:after{box-sizing:border-box}.b-filter-bar-button *[data-v-b3ad119c],.b-filter-bar-button *[data-v-b3ad119c]:before,.b-filter-bar-button *[data-v-b3ad119c]:after{box-sizing:border-box}.b-filter-bar-button[data-v-b3ad119c] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar-button[data-v-b3ad119c] ::-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-b3ad119c]:hover{background-color:var(--b-filter-bar-button-hover-background-color);color:var(--b-filter-bar-button-hover-color)}.b-filter-bar-button:hover .b-filter-bar-button__counter[data-v-b3ad119c]{background-color:var(--b-filter-bar-button-counter-hover-background-color)}}.b-legacy-theme .b-filter-bar-button__counter[data-v-b3ad119c]{font-weight:400;line-height:19px}.b-legacy-theme .b-filter-bar-button__label[data-v-b3ad119c]{font-weight:400}.b-legacy-theme .b-filter-bar-button--with-counter[data-v-b3ad119c]{background-color:var(--b-filter-bar-button-with-counter-background-color);border:var(--b-filter-bar-button-with-counter-border);color:var(--b-filter-bar-button-with-counter-color)}.b-legacy-theme .b-filter-bar-button--with-counter[data-v-b3ad119c]:active:not(:disabled){background-color:var(--b-filter-bar-button-with-counter-active-background-color);border-color:var(--b-filter-bar-button-with-counter-active-border-color);color:var(--b-filter-bar-button-with-counter-active-color)}.b-legacy-theme .b-filter-bar-button--with-counter:active:not(:disabled) .b-filter-bar-button__counter[data-v-b3ad119c]{color:var(--b-filter-bar-button-with-counter-active-counter-color)}.b-filter-bar-button[data-v-b3ad119c]:active:not(:disabled){border:var(--b-filter-bar-button-active-border)}.b-filter-bar-button[data-v-b3ad119c]:disabled,.b-filter-bar-button[data-v-b3ad119c]:disabled:not(:focus){background-color:var(--b-filter-bar-button-disabled-background-color);color:var(--b-filter-bar-button-disabled-color);cursor:not-allowed}.b-filter-bar-button:disabled .b-filter-bar-button__counter[data-v-b3ad119c],.b-filter-bar-button:disabled:not(:focus) .b-filter-bar-button__counter[data-v-b3ad119c]{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-b3ad119c]:focus-visible{animation:outer-ring-b3ad119c var(--b-animation-duration-fast) var(--b-animation-easing-standard);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);z-index:1}@keyframes outer-ring-b3ad119c{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-filter-bar-button--filter-open[data-v-b3ad119c]:not(:hover){border:var(--b-filter-bar-button-filter-open-border)}.b-filter-bar-button--with-chevron .b-filter-bar-button__container[data-v-b3ad119c]{padding-right:var(--b-filter-bar-button-with-chevron-container-padding-right)}.b-filter-bar-button__chevron[data-v-b3ad119c]{display:flex;justify-content:center;padding-right:var(--b-filter-bar-button-chevron-padding-right)}.b-filter-bar-button__container[data-v-b3ad119c]{align-items:center;display:inline-flex;gap:var(--b-filter-bar-button-container-gap);justify-content:center;padding:var(--b-filter-bar-button-container-padding);vertical-align:bottom}.b-filter-bar-button__counter[data-v-b3ad119c]{background-color:var(--b-filter-bar-button-counter-background-color);border-radius:var(--b-filter-bar-button-counter-border-radius);color:var(--b-filter-bar-button-counter-color);margin-right:var(--b-filter-bar-button-counter-margin-right);padding:var(--b-filter-bar-button-counter-padding)}.b-filter-bar-button__label-container[data-v-b3ad119c]{display:inline-flex;gap:var(--b-filter-bar-button-label-container-gap)}.b-filter-bar-button__label[data-v-b3ad119c],.b-filter-bar-button__secondary-label[data-v-b3ad119c]{display:inline-flex;line-height:var(--b-filter-bar-button-label-line-height);vertical-align:middle}.b-filter-bar-button__secondary-label[data-v-b3ad119c]{color:var(--b-filter-bar-button-secondary-label-color)}.b-filter-bar-button__icon-left[data-v-b3ad119c],.b-filter-bar-button__icon-right[data-v-b3ad119c]{display:inline-flex}.b-base-filter[data-v-32ce792b]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block}.b-base-filter[data-v-32ce792b],.b-base-filter[data-v-32ce792b]:before,.b-base-filter[data-v-32ce792b]:after{box-sizing:border-box}.b-base-filter *[data-v-32ce792b],.b-base-filter *[data-v-32ce792b]:before,.b-base-filter *[data-v-32ce792b]:after{box-sizing:border-box}.b-base-filter[data-v-32ce792b] ::-webkit-scrollbar{height:14px;width:14px}.b-base-filter[data-v-32ce792b] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-legacy-theme .b-base-filter__popover[data-v-32ce792b] .b-button-actions__container-wrapper{flex-direction:row;justify-content:space-between}.b-input-filter[data-v-93dbdf1c]{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-93dbdf1c],.b-input-filter[data-v-93dbdf1c]:before,.b-input-filter[data-v-93dbdf1c]:after{box-sizing:border-box}.b-input-filter *[data-v-93dbdf1c],.b-input-filter *[data-v-93dbdf1c]:before,.b-input-filter *[data-v-93dbdf1c]:after{box-sizing:border-box}.b-input-filter[data-v-93dbdf1c] ::-webkit-scrollbar{height:14px;width:14px}.b-input-filter[data-v-93dbdf1c] ::-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-93dbdf1c]{padding:var(--b-filter-bar-input-filter-only-slot-padding)}.b-date-filter[data-v-3a27d7af]{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-3a27d7af],.b-date-filter[data-v-3a27d7af]:before,.b-date-filter[data-v-3a27d7af]:after{box-sizing:border-box}.b-date-filter *[data-v-3a27d7af],.b-date-filter *[data-v-3a27d7af]:before,.b-date-filter *[data-v-3a27d7af]:after{box-sizing:border-box}.b-date-filter[data-v-3a27d7af] ::-webkit-scrollbar{height:14px;width:14px}.b-date-filter[data-v-3a27d7af] ::-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-3a27d7af]{margin-top:var(--b-filter-bar-date-filter-divider-margin-top)}@container (max-width: 260px){.b-base-filter-date-range-filter[data-v-be19ef58] .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-be19ef58]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-date-range-filter[data-v-be19ef58],.b-date-range-filter[data-v-be19ef58]:before,.b-date-range-filter[data-v-be19ef58]:after{box-sizing:border-box}.b-date-range-filter *[data-v-be19ef58],.b-date-range-filter *[data-v-be19ef58]:before,.b-date-range-filter *[data-v-be19ef58]:after{box-sizing:border-box}.b-date-range-filter[data-v-be19ef58] ::-webkit-scrollbar{height:14px;width:14px}.b-date-range-filter[data-v-be19ef58] ::-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-be19ef58]{padding:var(--b-filter-bar-date-range-filter-actions-padding)}.b-legacy-theme .b-date-range-filter__actions[data-v-be19ef58] .b-button-actions__container-wrapper{flex-direction:initial;justify-content:space-between}.b-date-range-filter__divider[data-v-be19ef58]{margin:var(--b-filter-bar-date-range-filter-divider-margin)}.b-select-filter[data-v-85cbc599]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-select-filter[data-v-85cbc599],.b-select-filter[data-v-85cbc599]:before,.b-select-filter[data-v-85cbc599]:after{box-sizing:border-box}.b-select-filter *[data-v-85cbc599],.b-select-filter *[data-v-85cbc599]:before,.b-select-filter *[data-v-85cbc599]:after{box-sizing:border-box}.b-select-filter[data-v-85cbc599] ::-webkit-scrollbar{height:14px;width:14px}.b-select-filter[data-v-85cbc599] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-select-filter__divider[data-v-85cbc599]{background-color:var(--b-filter-bar-select-filter-divider-background-color);border-width:var(--b-filter-bar-select-filter-divider-border-width);height:1px;margin:var(--b-filter-bar-select-filter-divider-margin)}.b-select-filter__search-bar[data-v-85cbc599]{padding:var(--b-filter-bar-select-filter-search-bar-padding)}.b-select-filter__wrapper[data-v-85cbc599]{max-height:270px}.b-boolean-filter[data-v-ff9ced78]{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-ff9ced78],.b-boolean-filter[data-v-ff9ced78]:before,.b-boolean-filter[data-v-ff9ced78]:after{box-sizing:border-box}.b-boolean-filter *[data-v-ff9ced78],.b-boolean-filter *[data-v-ff9ced78]:before,.b-boolean-filter *[data-v-ff9ced78]:after{box-sizing:border-box}.b-boolean-filter[data-v-ff9ced78] ::-webkit-scrollbar{height:14px;width:14px}.b-boolean-filter[data-v-ff9ced78] ::-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-ff9ced78]{padding:var(--b-filter-bar-boolean-filter-only-slot-padding)}.b-range-filter[data-v-7cfba883]{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-7cfba883],.b-range-filter[data-v-7cfba883]:before,.b-range-filter[data-v-7cfba883]:after{box-sizing:border-box}.b-range-filter *[data-v-7cfba883],.b-range-filter *[data-v-7cfba883]:before,.b-range-filter *[data-v-7cfba883]:after{box-sizing:border-box}.b-range-filter[data-v-7cfba883] ::-webkit-scrollbar{height:14px;width:14px}.b-range-filter[data-v-7cfba883] ::-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-7cfba883]{padding-top:var(--b-filter-bar-range-filter-item-padding)}.b-range-filter--only-slot[data-v-7cfba883]{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;appearance:none;background-color:var(--b-filter-button-background-color);color:var(--b-filter-button-font-color);cursor:pointer;display:inline-flex;height:40px;justify-content:center;padding:var(--b-filter-button-padding);text-decoration:none;user-select:none;width:100%}.b-base-filter-button[data-v-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:hover .b-base-filter-button__counter[data-v-66b170d4]{background-color:var(--b-filter-button-counter-hover-background-color)}}.b-legacy-theme .b-base-filter-button__counter[data-v-66b170d4]{font-weight:400;line-height:19px}.b-legacy-theme .b-base-filter-button__label[data-v-66b170d4]{font-weight:400}.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:active:not(:disabled) .b-base-filter-button__counter[data-v-66b170d4]{background-color:var(--b-filter-button-counter-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:focus-visible .b-base-filter-button__counter[data-v-66b170d4]{background-color:var(--b-filter-button-modal-counter-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--filter-open .b-base-filter-button__counter[data-v-66b170d4]{background-color:var(--b-filter-button-counter-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]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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-legacy-theme .b-all-filters-modal-button[data-v-4c415ac7]{border-radius:var(--b-filter-button-modal-border-radius)}@media (hover: hover){.b-legacy-theme .b-all-filters-modal-button[data-v-4c415ac7]:hover{background-color:var(--b-filter-button-modal-hover-background-color)}.b-legacy-theme .b-all-filters-modal-button[data-v-4c415ac7]:hover:is(.b-all-filters-modal-button--filter-open){background-color:var(--b-filter-button-modal-open-background-color)}}.b-legacy-theme .b-all-filters-modal-button[data-v-4c415ac7]:disabled,.b-legacy-theme .b-all-filters-modal-button[data-v-4c415ac7]:disabled:not(:focus){background-color:var(--b-filter-button-modal-disabled-background-color);color:var(--b-filter-button-modal-disabled-color)}.b-legacy-theme .b-all-filters-modal-button[data-v-4c415ac7]:disabled .b-base-filter-button__counter,.b-legacy-theme .b-all-filters-modal-button[data-v-4c415ac7]:disabled:not(:focus) .b-base-filter-button__counter{background-color:var(--b-filter-button-modal-disabled-counter-background-color);color:var(--b-filter-button-modal-disabled-counter-color)}.b-legacy-theme .b-all-filters-modal-button[data-v-4c415ac7]:focus-visible{box-shadow:var(--b-filter-button-modal-focus-box-shadow)}.b-legacy-theme .b-all-filters-modal-button[data-v-4c415ac7]:focus-visible:is(.b-all-filters-modal-button--filter-open){background-color:var(--b-filter-button-modal-open-background-color)}.b-legacy-theme .b-all-filters-modal-button[data-v-4c415ac7] .b-base-filter-button__counter{background-color:var(--b-filter-button-modal-counter-background-color);color:var(--b-filter-button-modal-counter-color)}svg[data-v-6a35173c]{display:inline-flex;flex-shrink:0}svg[data-v-6a35173c],svg *[data-v-6a35173c]{fill:currentcolor}.b-all-filters-modal[data-v-97626423]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-all-filters-modal[data-v-97626423],.b-all-filters-modal[data-v-97626423]:before,.b-all-filters-modal[data-v-97626423]:after{box-sizing:border-box}.b-all-filters-modal *[data-v-97626423],.b-all-filters-modal *[data-v-97626423]:before,.b-all-filters-modal *[data-v-97626423]:after{box-sizing:border-box}.b-all-filters-modal[data-v-97626423] ::-webkit-scrollbar{height:14px;width:14px}.b-all-filters-modal[data-v-97626423] ::-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-97626423] .b-modal-base__wrapper{height:calc(100vh - 128px);max-height:800px;overflow:hidden;padding-bottom:68px;position:relative}.b-all-filters-modal[data-v-97626423] .b-modal-base__content{flex:1;height:fit-content;max-height:calc(100% - 63px);padding:var(--b-filter-bar-all-filters-modal-content-padding)}.b-all-filters-modal[data-v-97626423] .b-modal-base__content>.b-typography{height:100%}.b-all-filters-modal[data-v-97626423] .b-modal-base__grid{overflow:hidden}.b-all-filters-modal[data-v-97626423] .b-modal-base__grid>:nth-child(1){-ms-overflow-style:none;scrollbar-width:none;height:100%;overflow-y:auto;padding-bottom:var(--b-filter-bar-all-filters-modal-filters-list-margin);padding-right:var(--b-filter-bar-all-filters-modal-filters-list-margin)}.b-all-filters-modal[data-v-97626423] .b-modal-base__grid>:nth-child(1) ::-webkit-scrollbar{display:none}.b-all-filters-modal[data-v-97626423] .b-modal-base__grid>:nth-child(2){max-height:100%}.b-all-filters-modal[data-v-97626423] .b-grid-layout{gap:0;height:100%}.b-all-filters-modal[data-v-97626423] .b-modal-base__actions-container{bottom:0;position:absolute;width:100%}.b-all-filters-modal__filters[data-v-97626423]{display:flex;flex-direction:column;gap:var(--b-filter-bar-all-filters-modal-filters-gap)}.b-all-filters-modal__search-bar[data-v-97626423]{padding:var(--b-filter-bar-all-filters-modal-search-bar-padding)}.b-all-filters-modal__empty-search-message[data-v-97626423]{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-97626423]{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-97626423]{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-97626423]{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-97626423]{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-97626423]{flex:1}.b-all-filters-modal__clear-button[data-v-97626423]{display:flex;justify-content:flex-end}.b-all-filters-modal__selected-filter-text[data-v-97626423]{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)}svg[data-v-35088f28]{display:inline-flex;flex-shrink:0}svg[data-v-35088f28],svg *[data-v-35088f28]{fill:currentcolor}.b-filter-bar[data-v-0a653aa0]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;display:flex;flex-wrap:wrap;gap:var(--b-filter-bar-gap);width:100%}.b-filter-bar[data-v-0a653aa0],.b-filter-bar[data-v-0a653aa0]:before,.b-filter-bar[data-v-0a653aa0]:after{box-sizing:border-box}.b-filter-bar *[data-v-0a653aa0],.b-filter-bar *[data-v-0a653aa0]:before,.b-filter-bar *[data-v-0a653aa0]:after{box-sizing:border-box}.b-filter-bar[data-v-0a653aa0] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar[data-v-0a653aa0] ::-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__search-bar[data-v-0a653aa0]{width:200px}
+.b-accordion[data-v-fb182a1c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-accordion[data-v-fb182a1c],.b-accordion[data-v-fb182a1c]:before,.b-accordion[data-v-fb182a1c]:after{box-sizing:border-box}.b-accordion *[data-v-fb182a1c],.b-accordion *[data-v-fb182a1c]:before,.b-accordion *[data-v-fb182a1c]:after{box-sizing:border-box}.b-accordion[data-v-fb182a1c] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion[data-v-fb182a1c] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-accordion-item[data-v-bd7f29ee]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-accordion-item-background-color);border-bottom:var(--b-accordion-item-border)}.b-accordion-item[data-v-bd7f29ee],.b-accordion-item[data-v-bd7f29ee]:before,.b-accordion-item[data-v-bd7f29ee]:after{box-sizing:border-box}.b-accordion-item *[data-v-bd7f29ee],.b-accordion-item *[data-v-bd7f29ee]:before,.b-accordion-item *[data-v-bd7f29ee]:after{box-sizing:border-box}.b-accordion-item[data-v-bd7f29ee] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion-item[data-v-bd7f29ee] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-accordion-item button[data-v-bd7f29ee]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-accordion-item button[data-v-bd7f29ee]:focus-visible{outline:none}.b-legacy-theme .b-accordion-item__heading[data-v-bd7f29ee]{font-size:var(--b-font-size-regular);line-height:1.4}.b-accordion-item[data-v-bd7f29ee]:first-of-type{border-top:var(--b-accordion-item-border)}.b-accordion-item__button[data-v-bd7f29ee]{align-items:center;cursor:pointer;display:flex;gap:var(--b-accordion-item-button-gap);padding:var(--b-accordion-item-button-padding);position:relative;width:100%;z-index:0}.b-accordion-item__button[data-v-bd7f29ee]:hover{background-color:var(--b-accordion-item-button-hover-background-color)}.b-accordion-item__button[data-v-bd7f29ee]:active{background-color:var(--b-accordion-item-button-active-background-color)}.b-accordion-item__button[data-v-bd7f29ee]:focus-visible{animation:outer-ring-bd7f29ee var(--b-animation-duration-fast) var(--b-animation-easing-standard);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);outline:none}@keyframes outer-ring-bd7f29ee{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-accordion-item__content[data-v-bd7f29ee]{padding:var(--b-accordion-item-content-padding)}.b-accordion-item__animation--content-enter-active[data-v-bd7f29ee]{animation:fade-in-uzmsn37-bd7f29ee var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear),enter-uzmsn37-bd7f29ee var(--b-accordion-item-animation-duration) var(--b-animation-easing-enter);overflow:hidden;transition:max-height var(--b-accordion-item-animation-duration) var(--b-accordion-item-animation-easing)}@keyframes fade-in-uzmsn37-bd7f29ee{0%{opacity:0}to{opacity:1}}@keyframes enter-uzmsn37-bd7f29ee{0%{transform:translateY(-8px)}to{transform:translate(0)}}.b-accordion-item__animation--content-leave-active[data-v-bd7f29ee]{animation:fade-out-uzmsn47-bd7f29ee var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear),exit-uzmsn47-bd7f29ee var(--b-accordion-item-animation-duration) var(--b-animation-easing-exit);max-height:0!important;overflow:hidden;transition:max-height var(--b-accordion-item-animation-duration) var(--b-accordion-item-animation-easing)}@keyframes fade-out-uzmsn47-bd7f29ee{0%{opacity:1}to{opacity:0}}@keyframes exit-uzmsn47-bd7f29ee{0%{transform:translate(0)}to{transform:translateY(-8px)}}

package/dist/assets/index43.css

@@ -1 +1 @@
-.b-tabs[data-v-f622e487]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-tabs-background-color)}.b-tabs[data-v-f622e487],.b-tabs[data-v-f622e487]:before,.b-tabs[data-v-f622e487]:after{box-sizing:border-box}.b-tabs *[data-v-f622e487],.b-tabs *[data-v-f622e487]:before,.b-tabs *[data-v-f622e487]:after{box-sizing:border-box}.b-tabs[data-v-f622e487] ::-webkit-scrollbar{height:14px;width:14px}.b-tabs[data-v-f622e487] ::-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-tabs button[data-v-f622e487]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-tabs button[data-v-f622e487]:focus-visible{outline:none}.b-tabs__tab-list[data-v-f622e487]{border-bottom:var(--b-tabs-tab-list-border-bottom-width) solid var(--b-tabs-tab-list-border-bottom-color);display:flex;gap:var(--b-tabs-tab-list-gap);height:var(--b-tabs-tab-list-height)}.b-tabs__tab[data-v-f622e487]{cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:var(--b-tabs-tab-margin-bottom);padding:0}.b-tabs__tab--disabled[data-v-f622e487]{cursor:not-allowed}@media (hover: hover){.b-tabs__tab:not(.b-tabs__tab--active):hover .b-tabs__tab-underline[data-v-f622e487]{height:var(--b-tabs-tab-underline-height)}.b-legacy-theme .b-tabs__tab:not(.b-tabs__tab--active):hover .b-tabs__tab-underline[data-v-f622e487]{background-color:var(--b-color-grey-30)}}.b-tabs__tab-title[data-v-f622e487]{border-radius:var(--b-tabs-tab-title-border-radius);color:var(--b-tabs-tab-title-color)}.b-legacy-theme .b-tabs__tab-title[data-v-f622e487]{font-size:var(--b-font-size-15);font-weight:var(--b-font-weight-400)}.b-tabs__tab:focus-visible .b-tabs__tab-title[data-v-f622e487]{animation:outer-ring-f622e487 var(--b-animation-duration-fast) var(--b-animation-easing-standard);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)}@keyframes outer-ring-f622e487{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-tabs__tab--disabled .b-tabs__tab-title[data-v-f622e487]{color:var(--b-tabs-tab-title-disabled-color);cursor:not-allowed}.b-tabs__tab-underline[data-v-f622e487]{background-color:var(--b-tabs-tab-underline-color);border-radius:var(--b-tabs-tab-underline-border-radius);display:block;width:100%}.b-tabs__tab--active .b-tabs__tab-underline[data-v-f622e487]{height:var(--b-tabs-tab-underline-height-active)}
+.b-checkbox-group[data-v-35edc089]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-checkbox-group[data-v-35edc089],.b-checkbox-group[data-v-35edc089]:before,.b-checkbox-group[data-v-35edc089]:after{box-sizing:border-box}.b-checkbox-group *[data-v-35edc089],.b-checkbox-group *[data-v-35edc089]:before,.b-checkbox-group *[data-v-35edc089]:after{box-sizing:border-box}.b-checkbox-group[data-v-35edc089] ::-webkit-scrollbar{height:14px;width:14px}.b-checkbox-group[data-v-35edc089] ::-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-checkbox-group__checkboxes[data-v-35edc089]{display:flex;flex-direction:column;gap:var(--b-checkbox-group-checkboxes-vertical-gap)}.b-checkbox-group__checkboxes--horizontal[data-v-35edc089]{flex-flow:row wrap;gap:var(--b-checkbox-group-checkboxes-vertical-gap) var(--b-checkbox-group-checkboxes-horizontal-gap)}.b-checkbox-group__error-message[data-v-35edc089]{margin-top:var(--b-checkbox-group-error-message-margin-top)}

package/dist/assets/index44.css

@@ -1 +1 @@
-.b-sidepanel-page[data-v-1d34045b]{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-sidepanel-page[data-v-1d34045b],.b-sidepanel-page[data-v-1d34045b]:before,.b-sidepanel-page[data-v-1d34045b]:after{box-sizing:border-box}.b-sidepanel-page *[data-v-1d34045b],.b-sidepanel-page *[data-v-1d34045b]:before,.b-sidepanel-page *[data-v-1d34045b]:after{box-sizing:border-box}.b-sidepanel-page[data-v-1d34045b] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel-page[data-v-1d34045b] ::-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-1d34045b]{align-items:center;background-color:var(--b-sidepanel-page-header-background-color);border-bottom:var(--b-sidepanel-page-header-border-bottom);display:flex;flex:0 0 var(--b-sidepanel-page-header-flex-basis);gap:var(--b-sidepanel-page-header-gap);overflow:hidden;padding:var(--b-sidepanel-page-header-padding);position:sticky;white-space:nowrap}.b-sidepanel-page__header--with-border[data-v-1d34045b]{border-bottom:var(--b-sidepanel-page-header-with-border-border-bottom)}.b-sidepanel-page__title[data-v-1d34045b]{flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-1d34045b]{flex-grow:1;overflow:overlay;padding:var(--b-sidepanel-page-content-padding)}.b-sidepanel-page__actions[data-v-1d34045b]{background-color:var(--b-sidepanel-page-actions-background-color);border-top:var(--b-sidepanel-page-actions-border-top);padding:var(--b-sidepanel-page-actions-padding)}@media (min-width: 500px){.b-sidepanel-page__actions[data-v-1d34045b]{height:var(--b-sidepanel-page-actions-height)}}.b-sidepanel-page__actions--with-border[data-v-1d34045b]{border-top:var(--b-sidepanel-page-actions-with-border-border-top)}.b-sidepanel-page__animation--level-deeper-enter-active[data-v-1d34045b]{animation:fade-in-uo9rqxj-1d34045b var(--b-sidepanel-page-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-in-uo9rqxj-1d34045b{0%{opacity:0}to{opacity:1}}.b-sidepanel-page__animation--level-deeper-enter-active .b-sidepanel-page__header[data-v-1d34045b]{animation:enter-uo9rqyp-1d34045b var(--b-sidepanel-page-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-uo9rqyp-1d34045b{0%{transform:translate(120px)}to{transform:translate(0)}}.b-sidepanel-page__animation--level-deeper-enter-active .b-sidepanel-page__content[data-v-1d34045b],.b-sidepanel-page__animation--level-deeper-enter-active .b-sidepanel-page__actions[data-v-1d34045b]{animation:enter-uo9rqzn-1d34045b var(--b-sidepanel-page-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-uo9rqzn-1d34045b{0%{transform:translate(176px)}to{transform:translate(0)}}.b-sidepanel-page__animation--level-deeper-enter-active .b-sidepanel-page__content[data-v-1d34045b]{scrollbar-color:transparent transparent}.b-sidepanel-page__animation--level-deeper-leave-active[data-v-1d34045b]{animation:fade-out-uo9rr1m-1d34045b var(--b-sidepanel-page-animation-duration) var(--b-animation-easing-linear),exit-uo9rr1m-1d34045b var(--b-sidepanel-page-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-uo9rr1m-1d34045b{0%{opacity:1}to{opacity:0}}@keyframes exit-uo9rr1m-1d34045b{0%{transform:translate(0)}to{transform:translate(-176px)}}.b-sidepanel-page__animation--level-deeper-leave-active .b-sidepanel-page__content[data-v-1d34045b]{scrollbar-color:transparent transparent}.b-sidepanel-page__animation--level-upper-enter-active[data-v-1d34045b]{animation:fade-in-uo9rr2z-1d34045b var(--b-sidepanel-page-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-in-uo9rr2z-1d34045b{0%{opacity:0}to{opacity:1}}.b-sidepanel-page__animation--level-upper-enter-active .b-sidepanel-page__header[data-v-1d34045b]{animation:enter-uo9rr45-1d34045b var(--b-sidepanel-page-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-uo9rr45-1d34045b{0%{transform:translate(-120px)}to{transform:translate(0)}}.b-sidepanel-page__animation--level-upper-enter-active .b-sidepanel-page__content[data-v-1d34045b],.b-sidepanel-page__animation--level-upper-enter-active .b-sidepanel-page__actions[data-v-1d34045b]{animation:enter-uo9rr60-1d34045b var(--b-sidepanel-page-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-uo9rr60-1d34045b{0%{transform:translate(-176px)}to{transform:translate(0)}}.b-sidepanel-page__animation--level-upper-enter-active .b-sidepanel-page__content[data-v-1d34045b]{scrollbar-color:transparent transparent}.b-sidepanel-page__animation--level-upper-leave-active[data-v-1d34045b]{animation:fade-out-uo9rr70-1d34045b var(--b-sidepanel-page-animation-duration) var(--b-animation-easing-linear),exit-uo9rr70-1d34045b var(--b-sidepanel-page-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-uo9rr70-1d34045b{0%{opacity:1}to{opacity:0}}@keyframes exit-uo9rr70-1d34045b{0%{transform:translate(0)}to{transform:translate(176px)}}.b-sidepanel-page__animation--level-upper-leave-active .b-sidepanel-page__content[data-v-1d34045b]{scrollbar-color:transparent transparent}.b-sidepanel[data-v-473427ab]{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:hidden;padding:0;width:100%}.b-sidepanel[data-v-473427ab],.b-sidepanel[data-v-473427ab]:before,.b-sidepanel[data-v-473427ab]:after{box-sizing:border-box}.b-sidepanel *[data-v-473427ab],.b-sidepanel *[data-v-473427ab]:before,.b-sidepanel *[data-v-473427ab]:after{box-sizing:border-box}.b-sidepanel[data-v-473427ab] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel[data-v-473427ab] ::-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-473427ab]{border-radius:var(--b-sidepanel-border-radius) 0 0 var(--b-sidepanel-border-radius);margin:0 0 0 auto;width:var(--b-sidepanel-width)}}.b-sidepanel__close-button[data-v-473427ab]{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[data-v-473427ab]::backdrop{background-color:var(--b-sidepanel-backdrop-background-color, #00112c);opacity:.5}.b-legacy-theme .b-sidepanel[data-v-473427ab]::backdrop{opacity:.4}.b-sidepanel[open][data-v-473427ab]{animation:enter-uo9rqx6-473427ab var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-enter)}@keyframes enter-uo9rqx6-473427ab{0%{transform:translate(100%)}to{transform:translate(0)}}.b-sidepanel[open][data-v-473427ab]::backdrop{animation:fade-in-uo9rqy2-473427ab var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-uo9rqy2-473427ab{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-473427ab]{animation:exit-uo9rqyr-473427ab var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-exit)}@keyframes exit-uo9rqyr-473427ab{0%{transform:translate(0)}to{transform:translate(100%)}}.b-sidepanel--hide[open][data-v-473427ab]::backdrop{animation:fade-out-uo9rr0b-473427ab var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-uo9rr0b-473427ab{0%{opacity:.5}to{opacity:0}}
+svg[data-v-012ee7f3]{display:inline-flex;flex-shrink:0}svg[data-v-012ee7f3],svg *[data-v-012ee7f3]{fill:currentcolor}.b-code-snippet[data-v-24e59c4c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-code-snippet[data-v-24e59c4c],.b-code-snippet[data-v-24e59c4c]:before,.b-code-snippet[data-v-24e59c4c]:after{box-sizing:border-box}.b-code-snippet *[data-v-24e59c4c],.b-code-snippet *[data-v-24e59c4c]:before,.b-code-snippet *[data-v-24e59c4c]:after{box-sizing:border-box}.b-code-snippet[data-v-24e59c4c] ::-webkit-scrollbar{height:14px;width:14px}.b-code-snippet[data-v-24e59c4c] ::-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-code-snippet__action-bar[data-v-24e59c4c]{background-color:var(--b-code-snippet-action-bar-background-color);border:var(--b-code-snippet-action-bar-border);border-radius:var(--b-code-snippet-action-bar-border-radius);display:flex;justify-content:space-between;padding:var(--b-code-snippet-action-bar-padding)}.b-code-snippet__action-bar--start[data-v-24e59c4c],.b-code-snippet__action-bar--end[data-v-24e59c4c]{align-items:center;display:flex;gap:var(--b-code-snippet-action-bar-gap)}.b-code-snippet__language-picker[data-v-24e59c4c]{background-color:var(--b-code-snippet-language-picker-background-color)}.b-code-snippet__run-button[data-v-24e59c4c]{padding:var(--b-code-snippet-run-button-padding)}.b-code-snippet__code-area[data-v-24e59c4c]{background-color:var(--b-code-snippet-code-area-background-color);border-radius:var(--b-code-snippet-code-area-border-radius);display:block;height:100%;margin:var(--b-code-snippet-code-area-margin)}.b-code-snippet__modal[data-v-24e59c4c] .b-modal-base__container--large{width:80%}.b-code-snippet__code-area-content[data-v-24e59c4c]{background-color:inherit;display:flex;flex-direction:row}.b-code-snippet__code-area-content[data-v-24e59c4c] .cm-scroller{font-family:var(--b-code-snippet-code-area-content-font-family)}.b-code-snippet__code-area-content[data-v-24e59c4c] .cm-editor{flex-grow:1;width:0}.b-code-snippet__code-area-content[data-v-24e59c4c] .cm-scroller,.b-code-snippet__code-area-content[data-v-24e59c4c] .cm-content{caret-color:transparent;cursor:default}.b-code-snippet__code-area-content[data-v-24e59c4c] .cm-editor,.b-code-snippet__code-area-content[data-v-24e59c4c] .cm-gutters{background-color:var(--b-code-snippet-code-area-background-color)}.b-legacy-theme .b-code-snippet__code-area-content[data-v-24e59c4c] .cm-editor,.b-legacy-theme .b-code-snippet__code-area-content[data-v-24e59c4c] .cm-gutters{background-color:#f3f6f9}.b-code-snippet__code-area-content--editable[data-v-24e59c4c] .cm-content{caret-color:auto;cursor:text}.b-code-snippet__code-area-content[data-v-24e59c4c] .cm-editor .cm-gutters{border:unset}.b-code-snippet__code-area-content[data-v-24e59c4c] .cm-content{padding:var(--b-code-snippet-code-area-content-padding);padding-left:var(--b-code-snippet-code-area-content-padding-left)}.b-code-snippet__code-area-content[data-v-24e59c4c] .cm-gutters{padding-left:var(--b-code-snippet-code-area-gutters-padding-left)}.b-code-snippet__code-area-content[data-v-24e59c4c] .cm-gutterElement{background-color:var(--b-code-snippet-code-area-background-color)}.b-code-snippet__code-area-content[data-v-24e59c4c] .cm-editor.cm-focused{outline:none}.b-code-snippet__code-area-content[data-v-24e59c4c] .cm-activeLine{background-color:transparent}.b-code-snippet--inline .b-code-snippet__code-area-content[data-v-24e59c4c] .cm-content{padding:var(--b-code-snippet-inline-code-area-content-padding)}

package/dist/assets/index5.css

@@ -1 +1 @@
-.adl2-badge[data-v-5636e22c]{color:var(--adl-component-base-text-color);font-family:var(--adl-component-base-font-family);font-size:var(--adl-component-base-font-size);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--adl-component-base-font-weight);line-height:var(--adl-component-base-line-height);align-items:center;border-radius:9999px;cursor:default;display:inline-flex;flex-direction:row;font-weight:var(--adl-badge-font-weight);gap:var(--adl-badge-gap);height:var(--adl-badge-height);padding:var(--adl-badge-padding);width:fit-content}.adl2-badge[data-v-5636e22c],.adl2-badge[data-v-5636e22c]:before,.adl2-badge[data-v-5636e22c]:after{box-sizing:border-box}.adl2-badge *[data-v-5636e22c],.adl2-badge *[data-v-5636e22c]:before,.adl2-badge *[data-v-5636e22c]:after{box-sizing:border-box}.adl2-badge--default[data-v-5636e22c]{background-color:var(--adl-badge-default-background-color)}.adl2-badge--attention[data-v-5636e22c]{background-color:var(--adl-badge-attention-background-color)}.adl2-badge--warning[data-v-5636e22c]{background-color:var(--adl-badge-warning-background-color)}.adl2-badge--critical[data-v-5636e22c]{background-color:var(--adl-badge-critical-background-color)}.adl2-badge--success[data-v-5636e22c]{background-color:var(--adl-badge-success-background-color)}
+.b-link[data-v-5bfdba21]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--b-link-color);text-decoration:var(--b-link-text-decoration)}.b-link[data-v-5bfdba21],.b-link[data-v-5bfdba21]:before,.b-link[data-v-5bfdba21]:after{box-sizing:border-box}.b-link *[data-v-5bfdba21],.b-link *[data-v-5bfdba21]:before,.b-link *[data-v-5bfdba21]:after{box-sizing:border-box}.b-link[data-v-5bfdba21] ::-webkit-scrollbar{height:14px;width:14px}.b-link[data-v-5bfdba21] ::-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-link[data-v-5bfdba21]:focus-visible{outline:none}.b-link[data-v-5bfdba21]:hover{color:var(--b-link-hover-color);text-decoration:var(--b-link-hover-text-decoration)}.b-link[data-v-5bfdba21]:active{color:var(--b-link-active-color)}.b-link[data-v-5bfdba21]:focus-visible{animation:outer-ring-5bfdba21 var(--b-animation-duration-fast) var(--b-animation-easing-standard);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);border-radius:var(--b-link-border-radius)}@keyframes outer-ring-5bfdba21{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-link--quiet[data-v-5bfdba21]{color:var(--b-link-quiet-color);text-decoration:none}.b-link--quiet[data-v-5bfdba21]:hover{color:var(--b-link-quiet-hover-color);text-decoration:underline}.b-link--quiet[data-v-5bfdba21]:active{color:var(--b-link-quiet-active-color);text-decoration:underline}.b-link--quiet[data-v-5bfdba21]:focus-visible{text-decoration:underline}

package/dist/assets/index6.css

@@ -1 +1 @@
-.b-divider[data-v-2d159f60]{background-color:var(--b-divider-background-color);border:var(--b-divider-border);height:var(--b-divider-height);margin-block-end:0;margin-block-start:0;width:100%}
+.b-button-actions-with-menu[data-v-33472030]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;flex-grow:1}.b-button-actions-with-menu[data-v-33472030],.b-button-actions-with-menu[data-v-33472030]:before,.b-button-actions-with-menu[data-v-33472030]:after{box-sizing:border-box}.b-button-actions-with-menu *[data-v-33472030],.b-button-actions-with-menu *[data-v-33472030]:before,.b-button-actions-with-menu *[data-v-33472030]:after{box-sizing:border-box}.b-button-actions-with-menu[data-v-33472030] ::-webkit-scrollbar{height:14px;width:14px}.b-button-actions-with-menu[data-v-33472030] ::-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-button-actions-with-menu__container-wrapper[data-v-33472030]{display:flex;flex-direction:row;gap:var(--b-button-actions-with-menu-vertical-stack-row-gap);justify-content:flex-end}@container (max-width: 242px){.b-button-actions-with-menu__container-wrapper[data-v-33472030]{display:flex;flex-direction:column;gap:var(--b-button-actions-with-menu-vertical-stack-row-gap)}}.b-button-actions-with-menu[data-v-33472030] .b-button-actions{container-type:normal;flex-grow:unset}.b-header[data-v-7b42ede3]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;display:flex;flex-direction:column;width:100%}.b-header[data-v-7b42ede3],.b-header[data-v-7b42ede3]:before,.b-header[data-v-7b42ede3]:after{box-sizing:border-box}.b-header *[data-v-7b42ede3],.b-header *[data-v-7b42ede3]:before,.b-header *[data-v-7b42ede3]:after{box-sizing:border-box}.b-header[data-v-7b42ede3] ::-webkit-scrollbar{height:14px;width:14px}.b-header[data-v-7b42ede3] ::-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-header__title[data-v-7b42ede3]{color:var(--b-header-title-color)}.b-header__text[data-v-7b42ede3]{display:inline}.b-header__tooltip[data-v-7b42ede3]{margin-left:var(--b-header-info-icon-margin-left);vertical-align:text-top}.b-header__timestamp[data-v-7b42ede3]{color:var(--b-header-timestamp-color);margin-block:var(--b-header-timestamp-margin-block)}.b-header__actions[data-v-7b42ede3]{display:flex;margin-top:var(--b-header-actions-margin-top)}@container (min-width: 575px){.b-header__wrapper[data-v-7b42ede3]{align-items:flex-start;display:flex;gap:var(--b-header-wrapper-gap)}.b-header__actions[data-v-7b42ede3]{container-type:normal;display:block;margin-top:var(--b-header-actions-margin-top-desktop)}.b-header__title[data-v-7b42ede3]{display:flex;flex-direction:column;margin-top:var(--b-header-title-margin-top)}.b-header--component .b-header__title[data-v-7b42ede3]{margin-top:var(--b-header-component-title-margin-top)}}

package/dist/assets/index7.css

@@ -1 +1 @@
-.b-avatar-image[data-v-46be3f6e]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:50%;height:var(--b-avatar-image-height);line-height:100%;overflow:hidden;width:var(--b-avatar-image-width)}.b-avatar-image[data-v-46be3f6e],.b-avatar-image[data-v-46be3f6e]:before,.b-avatar-image[data-v-46be3f6e]:after{box-sizing:border-box}.b-avatar-image *[data-v-46be3f6e],.b-avatar-image *[data-v-46be3f6e]:before,.b-avatar-image *[data-v-46be3f6e]:after{box-sizing:border-box}.b-avatar-image[data-v-46be3f6e] ::-webkit-scrollbar{height:14px;width:14px}.b-avatar-image[data-v-46be3f6e] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-avatar-image--small[data-v-46be3f6e]{height:var(--b-avatar-image-small-height);width:var(--b-avatar-image-small-width)}.b-avatar-image--yellow[data-v-46be3f6e]{background-color:var(--b-avatar-image-yellow-background-color);color:var(--b-avatar-image-yellow-color)}.b-avatar-image--blue[data-v-46be3f6e]{background-color:var(--b-avatar-image-blue-background-color);color:var(--b-avatar-image-blue-color)}.b-avatar-image--green[data-v-46be3f6e]{background-color:var(--b-avatar-image-green-background-color);color:var(--b-avatar-image-green-color)}.b-avatar-image--red[data-v-46be3f6e]{background-color:var(--b-avatar-image-red-background-color);color:var(--b-avatar-image-red-color)}.b-avatar-image__image[data-v-46be3f6e]{height:100%;object-fit:cover;width:100%}.b-avatar-image__default[data-v-46be3f6e]{align-items:center;display:flex;height:100%;justify-content:center;width:100%}
+.b-loading-indicator[data-v-6d66904c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;display:inline-block;height:var(--b-loading-indicator-height);position:relative;width:var(--b-loading-indicator-width)}.b-loading-indicator[data-v-6d66904c],.b-loading-indicator[data-v-6d66904c]:before,.b-loading-indicator[data-v-6d66904c]:after{box-sizing:border-box}.b-loading-indicator *[data-v-6d66904c],.b-loading-indicator *[data-v-6d66904c]:before,.b-loading-indicator *[data-v-6d66904c]:after{box-sizing:border-box}.b-loading-indicator[data-v-6d66904c] ::-webkit-scrollbar{height:14px;width:14px}.b-loading-indicator[data-v-6d66904c] ::-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)}@keyframes bento-progress-circular-rotate-6d66904c{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.b-loading-indicator[data-v-6d66904c]:before,.b-loading-indicator[data-v-6d66904c]:after{animation:bento-progress-circular-rotate-6d66904c 1s cubic-bezier(.785,.135,.15,.86) infinite;border:3px solid transparent;border-radius:50%;box-sizing:border-box;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.b-loading-indicator[data-v-6d66904c]:before{border-color:var(--b-loading-indicator-background-color);border-top-color:transparent;opacity:.1}.b-loading-indicator[data-v-6d66904c]:after{border-color:transparent;border-top-color:var(--b-loading-indicator-color)}.b-loading-indicator--inverse[data-v-6d66904c]:before{border-color:var(--b-loading-indicator-inverse-background-color);border-top-color:transparent;opacity:.2}.b-loading-indicator--inverse[data-v-6d66904c]:after{border-color:transparent;border-top-color:var(--b-loading-indicator-inverse-color)}.b-loading-indicator--small[data-v-6d66904c]{height:var(--b-loading-indicator-small-height);width:var(--b-loading-indicator-small-width)}.b-loading-indicator--small[data-v-6d66904c]:before,.b-loading-indicator--small[data-v-6d66904c]:after{border-width:var(--b-loading-indicator-small-border-width)}.b-loading-indicator--large[data-v-6d66904c]{height:var(--b-loading-indicator-large-height);width:var(--b-loading-indicator-large-width)}.b-loading-indicator--large[data-v-6d66904c]:before,.b-loading-indicator--large[data-v-6d66904c]:after{border-width:var(--b-loading-indicator-large-border-width)}

package/dist/assets/index8.css

@@ -1 +1 @@
-.b-country[data-v-913fc3b9]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex}.b-country[data-v-913fc3b9],.b-country[data-v-913fc3b9]:before,.b-country[data-v-913fc3b9]:after{box-sizing:border-box}.b-country *[data-v-913fc3b9],.b-country *[data-v-913fc3b9]:before,.b-country *[data-v-913fc3b9]:after{box-sizing:border-box}.b-country[data-v-913fc3b9] ::-webkit-scrollbar{height:14px;width:14px}.b-country[data-v-913fc3b9] ::-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-country__label[data-v-913fc3b9]{color:var(--b-country-label-color)}
+svg[data-v-c663a42e]{display:inline-flex;flex-shrink:0}svg[data-v-c663a42e],svg *[data-v-c663a42e]{fill:currentcolor}.b-menu-item[data-v-49e4a0fe]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;color:var(--b-menu-item-color);display:flex;justify-content:space-between;padding:var(--b-menu-item-padding);width:100%}.b-menu-item[data-v-49e4a0fe],.b-menu-item[data-v-49e4a0fe]:before,.b-menu-item[data-v-49e4a0fe]:after{box-sizing:border-box}.b-menu-item *[data-v-49e4a0fe],.b-menu-item *[data-v-49e4a0fe]:before,.b-menu-item *[data-v-49e4a0fe]:after{box-sizing:border-box}.b-menu-item[data-v-49e4a0fe] ::-webkit-scrollbar{height:14px;width:14px}.b-menu-item[data-v-49e4a0fe] ::-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-menu-item--critical[data-v-49e4a0fe]{color:var(--b-menu-item-critical-color)}.b-menu-item--indent[data-v-49e4a0fe]{padding-left:var(--b-menu-item-indent-padding-left)}.b-menu-item[data-v-49e4a0fe]:hover:enabled:not(.b-menu-item--critical){background-color:var(--b-menu-item-hover-background-color)}.b-menu-item[data-v-49e4a0fe]:hover:enabled:is(.b-menu-item--critical){background-color:var(--b-menu-item-hover-critical-background-color);color:var(--b-menu-item-hover-critical-color)}.b-menu-item[data-v-49e4a0fe]:focus-visible:enabled:not(.b-menu-item--critical){background-color:var(--b-menu-item-focus-background-color)}.b-menu-item[data-v-49e4a0fe]:focus-visible:enabled:is(.b-menu-item--critical){background-color:var(--b-menu-item-active-critical-background-color);color:var(--b-menu-item-active-critical-color)}.b-menu-item[data-v-49e4a0fe]:active:enabled:not(.b-menu-item--critical){background-color:var(--b-menu-item-active-background-color)}.b-menu-item[data-v-49e4a0fe]:active:enabled:is(.b-menu-item--critical){background-color:var(--b-menu-item-active-critical-background-color);color:var(--b-menu-item-active-critical-color)}.b-menu-item[data-v-49e4a0fe] .b-base-button__label{align-items:center;display:flex;justify-content:space-between;width:100%}.b-menu-item[data-v-49e4a0fe] .b-base-button__label .b-menu-item__primary-text{flex-grow:0;flex-shrink:1;min-width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-menu-item[data-v-49e4a0fe] .b-base-button__label .b-menu-item__secondary-text{color:var(--b-menu-item-secondary-text-color);flex-grow:2;padding-left:var(--b-menu-item-secondary-text-padding-left);text-align:right;white-space:nowrap}.b-menu-item[data-v-49e4a0fe] .b-base-button__icon-left{padding-right:var(--b-menu-item-icon-left-padding)}.b-menu-item[data-v-49e4a0fe] .b-base-button__icon-right{color:var(--b-menu-item-icon-right-color);padding-left:var(--b-menu-item-icon-right-padding)}.b-menu-item[data-v-49e4a0fe]:disabled{color:var(--b-menu-item-disabled-color)}.b-menu-item:disabled .b-menu-item__secondary-text[data-v-49e4a0fe]{color:var(--b-menu-item-disabled-color)}.b-menu-list-container[data-v-77d1091e]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:fit-content;padding:var(--b-menu-item-list-padding)}.b-menu-list-container[data-v-77d1091e],.b-menu-list-container[data-v-77d1091e]:before,.b-menu-list-container[data-v-77d1091e]:after{box-sizing:border-box}.b-menu-list-container *[data-v-77d1091e],.b-menu-list-container *[data-v-77d1091e]:before,.b-menu-list-container *[data-v-77d1091e]:after{box-sizing:border-box}.b-menu-list-container[data-v-77d1091e] ::-webkit-scrollbar{height:14px;width:14px}.b-menu-list-container[data-v-77d1091e] ::-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-sub-menu-item-list[data-v-708c9290]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-menu-submenu-background-color);overflow:hidden;position:fixed;right:0;top:0;width:100%}.b-sub-menu-item-list[data-v-708c9290],.b-sub-menu-item-list[data-v-708c9290]:before,.b-sub-menu-item-list[data-v-708c9290]:after{box-sizing:border-box}.b-sub-menu-item-list *[data-v-708c9290],.b-sub-menu-item-list *[data-v-708c9290]:before,.b-sub-menu-item-list *[data-v-708c9290]:after{box-sizing:border-box}.b-sub-menu-item-list[data-v-708c9290] ::-webkit-scrollbar{height:14px;width:14px}.b-sub-menu-item-list[data-v-708c9290] ::-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-sub-menu-item-list__list[data-v-708c9290]{list-style:none;padding:0}.b-sub-menu-item-list__first-item[data-v-708c9290]{padding-top:var(--b-menu-submenu-divider-padding)}.b-sub-menu-item-list__back-button[data-v-708c9290]{border-bottom:var(--b-menu-submenu-divider-border);padding-bottom:var(--b-menu-submenu-divider-padding)}.b-sub-menu-item-list__transition-enter-active[data-v-708c9290]{animation:enter-uzmsn77-708c9290 var(--b-menu-submenu-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-uzmsn77-708c9290{0%{transform:translate(100%)}to{transform:translate(0)}}.b-sub-menu-item-list__transition-leave-active[data-v-708c9290]{animation:exit-uzmsn7n-708c9290 var(--b-menu-submenu-animation-duration) var(--b-animation-easing-exit)}@keyframes exit-uzmsn7n-708c9290{0%{transform:translate(0)}to{transform:translate(100%)}}.b-menu-item-list[data-v-3b23209d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;list-style-type:none;margin:0;max-height:376px;overflow-y:auto;padding:0}.b-menu-item-list[data-v-3b23209d],.b-menu-item-list[data-v-3b23209d]:before,.b-menu-item-list[data-v-3b23209d]:after{box-sizing:border-box}.b-menu-item-list *[data-v-3b23209d],.b-menu-item-list *[data-v-3b23209d]:before,.b-menu-item-list *[data-v-3b23209d]:after{box-sizing:border-box}.b-menu-item-list[data-v-3b23209d] ::-webkit-scrollbar{height:14px;width:14px}.b-menu-item-list[data-v-3b23209d] ::-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-menu[data-v-eba60b3f]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:fit-content}.b-menu[data-v-eba60b3f],.b-menu[data-v-eba60b3f]:before,.b-menu[data-v-eba60b3f]:after{box-sizing:border-box}.b-menu *[data-v-eba60b3f],.b-menu *[data-v-eba60b3f]:before,.b-menu *[data-v-eba60b3f]:after{box-sizing:border-box}.b-menu[data-v-eba60b3f] ::-webkit-scrollbar{height:14px;width:14px}.b-menu[data-v-eba60b3f] ::-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-menu__popover[data-v-eba60b3f]{width:250px}

package/dist/assets/index9.css

@@ -1 +1 @@
-.b-card[data-v-db41707b]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-card-background-color);border:var(--b-card-border-width) solid var(--b-card-border-color);border-radius:var(--b-card-border-radius)}.b-card[data-v-db41707b],.b-card[data-v-db41707b]:before,.b-card[data-v-db41707b]:after{box-sizing:border-box}.b-card *[data-v-db41707b],.b-card *[data-v-db41707b]:before,.b-card *[data-v-db41707b]:after{box-sizing:border-box}.b-card[data-v-db41707b] ::-webkit-scrollbar{height:14px;width:14px}.b-card[data-v-db41707b] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-card--secondary[data-v-db41707b]{background-color:var(--b-card-secondary-background-color)}.b-legacy-theme .b-card--secondary[data-v-db41707b]{border-color:var(--b-card-secondary-border-color)}@media (hover: hover){.b-card--secondary.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-db41707b]:hover{background-color:var(--b-card-secondary-header-hover-background-color)}}.b-card--secondary.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-db41707b]:focus-visible{background-color:var(--b-card-secondary-header-focus-background-color)}.b-card--secondary.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-db41707b]:active{background-color:var(--b-card-secondary-header-active-background-color)}@media (hover: hover){.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-db41707b]:hover{background-color:var(--b-card-header-hover-background-color)}}.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-db41707b]:focus-visible{animation:outer-ring-db41707b var(--b-animation-duration-fast) var(--b-animation-easing-standard);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);background-color:var(--b-card-header-focus-background-color);outline:none}@keyframes outer-ring-db41707b{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-db41707b]:active{background-color:var(--b-card-header-active-background-color)}.b-card--expandable .b-card__header[data-v-db41707b]{cursor:pointer}.b-card--expandable .b-card__header[data-v-db41707b]:focus-visible{outline:none}.b-card--expandable .b-card__description[data-v-db41707b]{margin-left:var(--b-card-description-margin-left)}.b-card--expandable .b-card__body[data-v-db41707b]{background-color:var(--b-card-header-margin-top)}.b-card--disabled .b-card__header[data-v-db41707b]{color:var(--b-card-disabled-color);cursor:not-allowed}.b-card__image img[data-v-db41707b]{width:100%}.b-card__header[data-v-db41707b]{border-radius:var(--b-card-header-border-radius);color:var(--b-card-header-color);display:flex;gap:18px;padding:var(--b-card-header-padding)}.b-card__header--expandable[data-v-db41707b]{padding-bottom:var(--b-card-expandable-header-padding-bottom)}.b-card__header--without-body[data-v-db41707b]{padding-bottom:var(--b-card-header-padding-bottom)}.b-card__header-wrapper[data-v-db41707b]{display:flex;flex:1;flex-direction:column;gap:var(--b-spacer-020);overflow:hidden}.b-card__header-slot-wrapper[data-v-db41707b]{align-items:center;display:flex;gap:var(--b-spacer-070);justify-content:space-between;min-height:36px}.b-card__title-wrapper[data-v-db41707b]{display:flex;gap:var(--b-card-title-wrapper-gap)}.b-card__title-wrapper--truncated[data-v-db41707b]{overflow:hidden;white-space:nowrap}.b-card__title-wrapper--truncated .b-card__title[data-v-db41707b]{overflow:hidden;text-overflow:ellipsis}.b-card__toggle[data-v-db41707b]{align-items:center;display:flex;height:var(--b-card-toggle-height)}.b-card__toggle--small-text[data-v-db41707b]{height:var(--b-card-toggle-small-text-height)}.b-card__content[data-v-db41707b]{padding:var(--b-card-content-padding)}.b-card__content--without-header[data-v-db41707b]{padding-top:var(--b-card-content-padding-top)}.b-card__content--expandable[data-v-db41707b]{padding-top:0}.b-card__description[data-v-db41707b]{color:var(--b-card-description-color)}.b-card__body[data-v-db41707b]{display:flex;flex-direction:column;gap:16px;margin-top:-4px;padding:var(--b-card-body-padding)}.b-card__body--without-header[data-v-db41707b]{padding-top:var(--b-card-body-padding-top)}.b-card__body--expandable[data-v-db41707b]{padding-top:var(--b-card-body-expandable-padding-top)}.b-card__actions--without-content[data-v-db41707b]{padding-top:var(--b-card-actions-padding-top)}.b-card__actions--without-content .b-card__header[data-v-db41707b]{padding-bottom:var(--b-card-header-padding-bottom)}.b-card__actions--without-content-and-with-header[data-v-db41707b]{padding-top:var(--b-card-actions-without-content-padding-top)}.b-card__animation-enter-active[data-v-db41707b]{animation:fade-in-uo9rr37-db41707b var(--b-card-animation-duration) var(--b-animation-easing-linear),enter-uo9rr37-db41707b var(--b-card-animation-duration) var(--b-animation-easing-enter);overflow:hidden;transition:max-height var(--b-card-animation-duration) var(--b-card-animation-easing)}@keyframes fade-in-uo9rr37-db41707b{0%{opacity:0}to{opacity:1}}@keyframes enter-uo9rr37-db41707b{0%{transform:translateY(-8px)}to{transform:translate(0)}}.b-card__animation-leave-active[data-v-db41707b]{animation:fade-out-uo9rr62-db41707b var(--b-card-animation-duration) var(--b-animation-easing-linear),exit-uo9rr62-db41707b var(--b-card-animation-duration) var(--b-animation-easing-exit);max-height:0!important;overflow:hidden;transition:max-height var(--b-card-animation-duration) var(--b-card-animation-easing)}@keyframes fade-out-uo9rr62-db41707b{0%{opacity:1}to{opacity:0}}@keyframes exit-uo9rr62-db41707b{0%{transform:translate(0)}to{transform:translateY(-8px)}}
+.b-payment-method[data-v-84eafc80]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex}.b-payment-method[data-v-84eafc80],.b-payment-method[data-v-84eafc80]:before,.b-payment-method[data-v-84eafc80]:after{box-sizing:border-box}.b-payment-method *[data-v-84eafc80],.b-payment-method *[data-v-84eafc80]:before,.b-payment-method *[data-v-84eafc80]:after{box-sizing:border-box}.b-payment-method[data-v-84eafc80] ::-webkit-scrollbar{height:14px;width:14px}.b-payment-method[data-v-84eafc80] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-payment-method__icon-container[data-v-84eafc80]{align-items:center;display:flex}.b-payment-method__icon[data-v-84eafc80]{height:26px;width:40px}.b-payment-method__icon--small[data-v-84eafc80]{height:16px;width:22px}.b-payment-method__label[data-v-84eafc80]{align-items:center;color:var(--b-payment-method-label-color);display:flex;padding:var(--b-payment-method-label-padding)}

package/dist/avatar-image.js

@@ -1,4 +1,4 @@
-import { A as t, B as e, a as o } from "./chunks/index.98b6db0e.js";
+import { A as t, B as e, a as o } from "./chunks/index.eb52e785.js";
 export {
   t as AvatarImage,
   e as BentoAvatarImageColor,

package/dist/badge.js

@@ -2,7 +2,7 @@ import { defineComponent as n, computed as r } from "vue";
 import { u as o } from "./chunks/aria-label.ac9651a5.js";
 import { g as c } from "./chunks/get-slot-text.c1114034.js";
 import { n as i } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import "./assets/index5.css";
+import "./assets/index.css";
 var s = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.ATTENTION = "attention", e.WARNING = "warning", e.CRITICAL = "critical", e.SUCCESS = "success", e))(s || {});
 const _ = n({
   name: "adl-badge",

package/dist/button.js

@@ -1,10 +1,10 @@
-import { a as d, B as r } from "./chunks/button.38099670.js";
-import { b as N } from "./chunks/button.38099670.js";
+import { a as d, B as r } from "./chunks/button.eb60d460.js";
+import { b as N } from "./chunks/button.eb60d460.js";
 import { defineComponent as u, computed as o } from "vue";
-import { B as p } from "./chunks/loading-button.21c48d50.js";
-import { a as k } from "./chunks/loading-button.21c48d50.js";
+import { B as p } from "./chunks/loading-button.0ad06c99.js";
+import { a as k } from "./chunks/loading-button.0ad06c99.js";
 import { n as f } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import "./assets/index13.css";
+import "./assets/index2.css";
 var c = /* @__PURE__ */ ((e) => (e.BUTTONS_END = "buttons-end", e.FILL_CONTAINER = "fill-container", e.SPACE_BETWEEN = "space-between", e.VERTICAL_STACK = "vertical-stack", e))(c || {}), l = /* @__PURE__ */ ((e) => (e.BUTTONS_START = "buttons-start", e))(l || {});
 const i = { ...c, ...l }, v = u({
   name: "bento-button-actions",

package/dist/card.js

@@ -1,23 +1,23 @@
-import { defineComponent as B, ref as h, watch as T, computed as n, onMounted as H } from "vue";
-import { B as I } from "./chunks/index.74da0d41.js";
-import { a as M, C as D } from "./chunks/chevron-up.674ec2e5.js";
-import { u as O } from "./chunks/use-has-slot.6052d56a.js";
-import { g as U } from "./chunks/unique-id.a2a2b458.js";
-import { u as R } from "./chunks/i18n.155748d6.js";
-import { u as z } from "./chunks/use-expandable-content-height.62fc84e5.js";
-import { BentoButtonActions as W, BentoButtonActionsLayout as p } from "./button.js";
-import { n as F } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import "./assets/index9.css";
-var r = /* @__PURE__ */ ((t) => (t.PRIMARY = "primary", t.SECONDARY = "secondary", t))(r || {}), i = /* @__PURE__ */ ((t) => (t.DEFAULT = "default", t.SMALL = "small", t))(i || {});
-const N = {
+import { defineComponent as T, ref as h, watch as p, computed as n } from "vue";
+import { B as H } from "./chunks/index.2fce7703.js";
+import { a as I, C as D } from "./chunks/chevron-up.674ec2e5.js";
+import { u as M } from "./chunks/use-has-slot.6052d56a.js";
+import { g as O } from "./chunks/unique-id.a2a2b458.js";
+import { u as U } from "./chunks/i18n.155748d6.js";
+import { u as R } from "./chunks/use-expandable-content-height.62fc84e5.js";
+import { BentoButtonActions as z, BentoButtonActionsLayout as y } from "./button.js";
+import { n as W } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
+import "./assets/index36.css";
+var r = /* @__PURE__ */ ((e) => (e.PRIMARY = "primary", e.SECONDARY = "secondary", e))(r || {}), i = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.SMALL = "small", e))(i || {});
+const F = {
   "en-US": {
     showCardContent: "Show card content",
     hideCardContent: "Hide card content"
   }
-}, j = B({
-  i18n: { messages: N },
+}, N = T({
+  i18n: { messages: F },
   name: "bento-card",
-  components: { ChevronUpIcon: M, ChevronDownIcon: D, BentoTypography: I, BentoButtonActions: W },
+  components: { ChevronUpIcon: I, ChevronDownIcon: D, BentoTypography: H, BentoButtonActions: z },
   props: {
     /**
      * Defines the color of card background
@@ -25,7 +25,7 @@ const N = {
     background: {
       type: String,
       default: r.PRIMARY,
-      validator: (t) => Object.values(r).includes(t)
+      validator: (e) => Object.values(r).includes(e)
     },
     /**
      * Defines the title size of the card header
@@ -33,7 +33,7 @@ const N = {
     titleSize: {
       type: String,
       default: i.DEFAULT,
-      validator: (t) => Object.values(i).includes(t)
+      validator: (e) => Object.values(i).includes(e)
     },
     /**
      * The whole content of the card will be expandable in accordion manner
@@ -97,106 +97,117 @@ const N = {
      */
     actionsLayout: {
       type: String,
-      default: p.BUTTONS_END,
-      validator: (t) => Object.values(p).includes(t)
+      default: y.BUTTONS_END,
+      validator: (e) => Object.values(y).includes(e)
     }
   },
   emits: ["click", "expanded"],
-  setup(t, { emit: a, slots: e }) {
-    const { t: s } = R(), o = O(e), _ = h(null), y = U("card"), d = h(!t.closed);
-    T(
-      () => t.closed,
-      (l) => {
-        d.value = !l;
+  setup(e, { emit: a, slots: t }) {
+    const { t: s } = U(), o = M(t), _ = h(null), g = O("card"), l = h(!e.closed);
+    p(
+      () => e.closed,
+      (d) => {
+        l.value = !d;
       }
     );
-    const c = n(() => o("default") || o("description") || o("header")), g = n(() => o("default") || o("header")), u = n(
+    const c = n(() => o("default") || o("description") || o("header")), x = n(() => o("default") || o("header")), b = n(
       () => {
-        var l;
-        return (o("content") || ((l = t.actions) == null ? void 0 : l.length)) && (!t.expandable || t.expandable && d.value);
+        var d;
+        return (o("content") || ((d = e.actions) == null ? void 0 : d.length)) && (!e.expandable || e.expandable && l.value);
       }
-    ), x = n(() => t.expandable && !t.disabled ? 0 : -1), v = n(() => ({
-      [`b-card--${t.background}`]: t.background,
-      "b-card--expandable": t.expandable,
-      "b-card--disabled": t.expandable && t.disabled
-    })), f = n(() => ({
-      "b-card__header--expandable": t.expandable,
-      "b-card__header--without-body": !t.expandable && !u.value
+    ), f = n(() => e.expandable && !e.disabled ? 0 : -1), v = n(() => ({
+      [`b-card--${e.background}`]: e.background,
+      "b-card--expandable": e.expandable,
+      "b-card--disabled": e.expandable && e.disabled
     })), m = n(() => ({
-      "b-card__toggle--small-text": t.titleSize === i.SMALL
+      "b-card__header--expandable": e.expandable,
+      "b-card__header--without-body": !e.expandable && !b.value
     })), w = n(() => ({
-      "b-card__body--expandable": t.expandable && o("content"),
-      "b-card__body--without-header": !t.expandable && !c.value
+      "b-card__toggle--small-text": e.titleSize === i.SMALL
     })), S = n(() => ({
-      "b-card__content--without-header": !t.expandable && !c.value,
-      "b-card__content--expandable": t.expandable
-    })), k = n(() => {
-      const l = !t.expandable && t.actions && !o("content");
+      "b-card__body--expandable": e.expandable && o("content"),
+      "b-card__body--without-header": !e.expandable && !c.value
+    })), k = n(() => ({
+      "b-card__content--without-header": !e.expandable && !c.value,
+      "b-card__content--expandable": e.expandable
+    })), A = n(() => {
+      const d = !e.expandable && e.actions && !o("content");
       return {
-        "b-card__actions--without-content": l,
-        "b-card__actions--without-content-and-with-header": l && c.value
+        "b-card__actions--without-content": d,
+        "b-card__actions--without-content-and-with-header": d && c.value
       };
-    }), A = n(() => ({
+    }), L = n(() => ({
       "b-card__title-wrapper--truncated": o("header")
-    })), L = n(
+    })), E = n(
       () => ({
         el: "div",
-        variant: t.titleSize === i.DEFAULT ? "title" : "body",
-        strongest: t.titleSize === i.SMALL,
-        wide: t.titleSize === i.SMALL
+        variant: e.titleSize === i.DEFAULT ? "title" : "body",
+        strongest: e.titleSize === i.SMALL,
+        wide: e.titleSize === i.SMALL
       })
-    ), { updateContentHeight: b, contentHeight: C } = z(_, d), E = n(() => C.value ? { "max-height": C.value } : {});
-    return H(() => b()), {
+    ), { updateContentHeight: u, contentHeight: C } = R(_, l), B = n(
+      () => e.expandable && C.value ? { "max-height": C.value } : {}
+    );
+    return p(
+      () => {
+        var d;
+        return (d = t.content) == null ? void 0 : d.call(t);
+      },
+      () => {
+        e.expandable && u();
+      },
+      { immediate: !0 }
+    ), {
       // Values
-      cardId: y,
+      cardId: g,
       cardConditionalClasses: v,
-      cardBodyConditionalClasses: w,
-      cardHeaderConditionalClasses: f,
-      cardContentConditionalClasses: S,
-      cardActionsConditionalClasses: k,
-      cardTitleWrapperConditionalClasses: A,
-      cardToggleConditionalClasses: m,
-      showCardBody: u,
-      showContent: d,
-      tabIndex: x,
+      cardBodyConditionalClasses: S,
+      cardHeaderConditionalClasses: m,
+      cardContentConditionalClasses: k,
+      cardActionsConditionalClasses: A,
+      cardTitleWrapperConditionalClasses: L,
+      cardToggleConditionalClasses: w,
+      showCardBody: b,
+      showContent: l,
+      tabIndex: f,
       showHeader: c,
-      showTitleWrapper: g,
-      typography: L,
+      showTitleWrapper: x,
+      typography: E,
       // Expand animation
       contentDiv: _,
-      contentMaxHeight: E,
+      contentMaxHeight: B,
       // Methods
       hasSlot: o,
       onClick: () => {
-        t.disabled || a("click");
+        e.disabled || a("click");
       },
       t: s,
       toggleExpansion: () => {
-        t.disabled || (d.value = !d.value, a("expanded", d.value), b());
+        !e.disabled && e.expandable && (l.value = !l.value, a("expanded", l.value), u());
       }
     };
   }
 });
-var P = function() {
-  var a = this, e = a._self._c;
-  return a._self._setupProxy, e("div", { staticClass: "b-card", class: a.cardConditionalClasses, attrs: { "data-testid": "card" }, on: { click: a.onClick } }, [a.hasSlot("image") ? e("div", { staticClass: "b-card__image" }, [a._t("image")], 2) : a._e(), a.showHeader ? e("div", { staticClass: "b-card__header", class: a.cardHeaderConditionalClasses, attrs: { tabindex: a.tabIndex, "aria-controls": a.expandable ? a.cardId : null, "aria-expanded": a.expandable ? `${a.showContent}` : null, role: a.expandable ? "button" : null }, on: { click: a.toggleExpansion, keypress: [function(s) {
+var j = function() {
+  var a = this, t = a._self._c;
+  return a._self._setupProxy, t("div", { staticClass: "b-card", class: a.cardConditionalClasses, attrs: { "data-testid": "card" }, on: { click: a.onClick } }, [a.hasSlot("image") ? t("div", { staticClass: "b-card__image" }, [a._t("image")], 2) : a._e(), a.showHeader ? t("div", { staticClass: "b-card__header", class: a.cardHeaderConditionalClasses, attrs: { tabindex: a.tabIndex, "aria-controls": a.expandable ? a.cardId : null, "aria-expanded": a.expandable ? `${a.showContent}` : null, role: a.expandable ? "button" : null }, on: { click: a.toggleExpansion, keypress: [function(s) {
     return !s.type.indexOf("key") && a._k(s.keyCode, "enter", 13, s.key, "Enter") ? null : a.toggleExpansion.apply(null, arguments);
   }, function(s) {
     return !s.type.indexOf("key") && a._k(s.keyCode, "space", 32, s.key, [" ", "Spacebar"]) ? null : a.toggleExpansion.apply(null, arguments);
-  }] } }, [e("div", { staticClass: "b-card__header-wrapper" }, [a.showTitleWrapper ? e("div", { staticClass: "b-card__header-slot-wrapper" }, [e("div", { staticClass: "b-card__title-wrapper", class: a.cardTitleWrapperConditionalClasses }, [a.expandable ? e("div", { staticClass: "b-card__toggle", class: a.cardToggleConditionalClasses }, [a.showContent ? e("chevron-up-icon", { attrs: { "svg-title": a.t("hideCardContent"), "aria-hidden": "true" } }) : e("chevron-down-icon", { attrs: { "svg-title": a.t("showCardContent"), "aria-hidden": "true" } })], 1) : a._e(), a.hasSlot("default") ? e("bento-typography", a._b({ staticClass: "b-card__title" }, "bento-typography", a.typography, !1), [a._t("default")], 2) : a._e()], 1), a.hasSlot("header") ? [a._t("header")] : a._e()], 2) : a._e(), a.hasSlot("description") ? e("bento-typography", { staticClass: "b-card__description", attrs: { el: "div", variant: "body" } }, [a._t("description")], 2) : a._e()], 1)]) : a._e(), e("Transition", { attrs: { name: "b-card__animation" } }, [a.showCardBody ? e("div", { style: a.contentMaxHeight }, [e("div", { ref: "contentDiv", staticClass: "b-card__body", class: a.cardBodyConditionalClasses, attrs: { id: a.expandable ? a.cardId : null } }, [a.hasSlot("content") ? e("div", { staticClass: "b-card__content", class: a.cardContentConditionalClasses }, [a._t("content")], 2) : a._e(), a.actions ? e("div", { staticClass: "b-card__actions", class: a.cardActionsConditionalClasses }, [e("bento-button-actions", { attrs: { actions: a.actions, layout: a.actionsLayout } })], 1) : a._e()])]) : a._e()])], 1);
-}, Y = [], q = /* @__PURE__ */ F(
+  }] } }, [t("div", { staticClass: "b-card__header-wrapper" }, [a.showTitleWrapper ? t("div", { staticClass: "b-card__header-slot-wrapper" }, [t("div", { staticClass: "b-card__title-wrapper", class: a.cardTitleWrapperConditionalClasses }, [a.expandable ? t("div", { staticClass: "b-card__toggle", class: a.cardToggleConditionalClasses }, [a.showContent ? t("chevron-up-icon", { attrs: { "svg-title": a.t("hideCardContent"), "aria-hidden": "true" } }) : t("chevron-down-icon", { attrs: { "svg-title": a.t("showCardContent"), "aria-hidden": "true" } })], 1) : a._e(), a.hasSlot("default") ? t("bento-typography", a._b({ staticClass: "b-card__title" }, "bento-typography", a.typography, !1), [a._t("default")], 2) : a._e()], 1), a.hasSlot("header") ? [a._t("header")] : a._e()], 2) : a._e(), a.hasSlot("description") ? t("bento-typography", { staticClass: "b-card__description", attrs: { el: "div", variant: "body" } }, [a._t("description")], 2) : a._e()], 1)]) : a._e(), t("Transition", { attrs: { name: "b-card__animation" } }, [a.showCardBody ? t("div", { style: a.contentMaxHeight }, [t("div", { ref: "contentDiv", staticClass: "b-card__body", class: a.cardBodyConditionalClasses, attrs: { id: a.expandable ? a.cardId : null } }, [a.hasSlot("content") ? t("div", { staticClass: "b-card__content", class: a.cardContentConditionalClasses }, [a._t("content")], 2) : a._e(), a.actions ? t("div", { staticClass: "b-card__actions", class: a.cardActionsConditionalClasses }, [t("bento-button-actions", { attrs: { actions: a.actions, layout: a.actionsLayout } })], 1) : a._e()])]) : a._e()])], 1);
+}, P = [], Y = /* @__PURE__ */ W(
+  N,
   j,
   P,
-  Y,
   !1,
   null,
-  "db41707b",
+  "83be12b9",
   null,
   null
 );
-const na = q.exports;
+const ta = Y.exports;
 export {
-  na as BentoCard,
+  ta as BentoCard,
   r as BentoCardBackground,
   i as BentoCardTitleSize
 };

package/dist/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","sources":["../src/components/card/card.types.ts","../src/components/card/card.vue"],"sourcesContent":["/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoCardBackground {\n    PRIMARY = 'primary',\n    SECONDARY = 'secondary',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoCardTitleSize {\n    DEFAULT = 'default',\n    SMALL = 'small',\n}\n","<template>\n    <div class=\"b-card\" :class=\"cardConditionalClasses\" data-testid=\"card\" @click=\"onClick\">\n        <div v-if=\"hasSlot('image')\" class=\"b-card__image\">\n            <slot name=\"image\"></slot>\n        </div>\n        <div\n            v-if=\"showHeader\"\n            class=\"b-card__header\"\n            :class=\"cardHeaderConditionalClasses\"\n            :tabindex=\"tabIndex\"\n            :aria-controls=\"expandable ? cardId : null\"\n            :aria-expanded=\"expandable ? `${showContent}` : null\"\n            :role=\"expandable ? 'button' : null\"\n            @click=\"toggleExpansion\"\n            @keypress.enter=\"toggleExpansion\"\n            @keypress.space=\"toggleExpansion\"\n        >\n            <div class=\"b-card__header-wrapper\">\n                <div v-if=\"showTitleWrapper\" class=\"b-card__header-slot-wrapper\">\n                    <div class=\"b-card__title-wrapper\" :class=\"cardTitleWrapperConditionalClasses\">\n                        <div v-if=\"expandable\" class=\"b-card__toggle\" :class=\"cardToggleConditionalClasses\">\n                            <chevron-up-icon v-if=\"showContent\" :svg-title=\"t('hideCardContent')\" aria-hidden=\"true\" />\n                            <chevron-down-icon v-else :svg-title=\"t('showCardContent')\" aria-hidden=\"true\" />\n                        </div>\n                        <bento-typography v-if=\"hasSlot('default')\" class=\"b-card__title\" v-bind=\"typography\">\n                            <slot />\n                        </bento-typography>\n                    </div>\n\n                    <template v-if=\"hasSlot('header')\">\n                        <slot name=\"header\"></slot>\n                    </template>\n                </div>\n\n                <bento-typography v-if=\"hasSlot('description')\" class=\"b-card__description\" el=\"div\" variant=\"body\">\n                    <slot name=\"description\" />\n                </bento-typography>\n            </div>\n        </div>\n\n        <Transition name=\"b-card__animation\">\n            <div v-if=\"showCardBody\" :style=\"contentMaxHeight\">\n                <div\n                    :id=\"expandable ? cardId : null\"\n                    ref=\"contentDiv\"\n                    class=\"b-card__body\"\n                    :class=\"cardBodyConditionalClasses\"\n                >\n                    <div v-if=\"hasSlot('content')\" class=\"b-card__content\" :class=\"cardContentConditionalClasses\">\n                        <slot name=\"content\" />\n                    </div>\n\n                    <div v-if=\"actions\" class=\"b-card__actions\" :class=\"cardActionsConditionalClasses\">\n                        <bento-button-actions :actions=\"actions\" :layout=\"actionsLayout\"></bento-button-actions>\n                    </div>\n                </div>\n            </div>\n        </Transition>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, onMounted, PropType, ref, watch } from 'vue';\n\n    // Components\n    import { BentoTypography } from '@/components/typography';\n    import { BentoButtonActions, BentoButtonActionsLayout, BentoButtonActionsList } from '@/components/button';\n    import { BentoCardBackground, BentoCardTitleSize } from '@/components/card/card.types';\n    import ChevronDownIcon from '@adyen/ui-assets-icons-16/vue/chevron-down';\n    import ChevronUpIcon from '@adyen/ui-assets-icons-16/vue/chevron-up';\n\n    // Utils\n    import { useHasSlot } from '@/composables';\n    import { generateUid } from '@/utils/ts/unique-id';\n    import { useI18n } from '@/utils/ts/i18n';\n\n    import messages from './messages.json';\n    import { useExpandableContentHeight } from '@/composables/use-expandable-content-height/use-expandable-content-height';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    /**\n     * A card is a flexible and composable container.\n     * Use cards to represent a single object or to visually group certain content, like legal information within company settings.\n     *\n     * @example\n     * import { BentoCard } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoCard },\n     *     template: `\n     *         <bento-card>\n     *             Title of the Card\n     *         </bento-card>\n     *     `\n     * };\n     */\n    export default defineComponent({\n        i18n: { messages },\n        name: 'bento-card',\n        components: { ChevronUpIcon, ChevronDownIcon, BentoTypography, BentoButtonActions },\n        props: {\n            /**\n             * Defines the color of card background\n             */\n            background: {\n                type: String as PropType<BentoCardBackground | `${BentoCardBackground}`>,\n                default: BentoCardBackground.PRIMARY,\n                validator: (value: BentoCardBackground) => Object.values(BentoCardBackground).includes(value),\n            },\n            /**\n             * Defines the title size of the card header\n             */\n            titleSize: {\n                type: String as PropType<BentoCardTitleSize | `${BentoCardTitleSize}`>,\n                default: BentoCardTitleSize.DEFAULT,\n                validator: (value: BentoCardTitleSize) => Object.values(BentoCardTitleSize).includes(value),\n            },\n            /**\n             * The whole content of the card will be expandable in accordion manner\n             */\n            expandable: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * Sets the expandable card in a closed state\n             */\n            closed: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * Disables the expandable card\n             */\n            disabled: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * List of actions that will be used to render the buttons.\n             * First element in the list will be rendered as \"primary\".\n             * All elements after the first will be rendered as \"secondary\".\n             *\n             * Each object in the list should have a `title`, an `event` and\n             * (optional) a Vue `icon` from the library `@adyen/ui-assets-icons-16`.\n             *\n             * `title`: Button's text.\n             *\n             * `event`: Event triggered when clicking the Button.\n             *\n             * `icon`: Vue Icon from the library `@adyen/ui-assets-icons-16`.\n             *\n             * ```\n             * [{\n             *   title: 'Primary',\n             *   event: () => { ... },\n             *   icon: FourPeopleIcon\n             * }, {\n             *   title: 'Secondary',\n             *   event: () => { ... }\n             * }]\n             * ```\n             */\n            actions: {\n                type: Array as PropType<BentoButtonActionsList>,\n                default: null,\n            },\n            /**\n             * Defines the layout in which the button actions is presented.\n             * It can be one of:\n             *\n             * @values BUTTONS_START\n             * @values BUTTONS_END\n             * @values FILL_CONTAINER\n             * @values SPACE_BETWEEN\n             * @values VERTICAL_STACK\n             */\n            actionsLayout: {\n                type: String as PropType<BentoButtonActionsLayout | `${BentoButtonActionsLayout}`>,\n                default: BentoButtonActionsLayout.BUTTONS_END,\n                validator: (value: BentoButtonActionsLayout) => Object.values(BentoButtonActionsLayout).includes(value),\n            },\n        },\n        emits: ['click', 'expanded'],\n        setup(props, { emit, slots }) {\n            const { t } = useI18n<{ message: MessageSchema }>({ messages });\n            const hasSlot = useHasSlot(slots);\n            const contentDiv = ref<HTMLDivElement>(null);\n\n            const cardId = generateUid('card');\n            const showContent = ref(!props.closed);\n            watch(\n                () => props.closed,\n                value => {\n                    showContent.value = !value;\n                }\n            );\n            const showHeader = computed(() => hasSlot('default') || hasSlot('description') || hasSlot('header'));\n            const showTitleWrapper = computed(() => hasSlot('default') || hasSlot('header'));\n            const showCardBody = computed(\n                () =>\n                    (hasSlot('content') || props.actions?.length) &&\n                    (!props.expandable || (props.expandable && showContent.value))\n            );\n            const tabIndex = computed(() => (props.expandable && !props.disabled ? 0 : -1));\n\n            const cardConditionalClasses = computed(() => ({\n                [`b-card--${props.background}`]: props.background,\n                'b-card--expandable': props.expandable,\n                'b-card--disabled': props.expandable && props.disabled,\n            }));\n\n            const cardHeaderConditionalClasses = computed(() => ({\n                'b-card__header--expandable': props.expandable,\n                'b-card__header--without-body': !props.expandable && !showCardBody.value,\n            }));\n\n            const cardToggleConditionalClasses = computed(() => ({\n                'b-card__toggle--small-text': props.titleSize === BentoCardTitleSize.SMALL,\n            }));\n\n            const cardBodyConditionalClasses = computed(() => ({\n                'b-card__body--expandable': props.expandable && hasSlot('content'),\n                'b-card__body--without-header': !props.expandable && !showHeader.value,\n            }));\n\n            const cardContentConditionalClasses = computed(() => ({\n                'b-card__content--without-header': !props.expandable && !showHeader.value,\n                'b-card__content--expandable': props.expandable,\n            }));\n\n            const cardActionsConditionalClasses = computed(() => {\n                const isNotExpandableWithoutContent = !props.expandable && props.actions && !hasSlot('content');\n\n                return {\n                    'b-card__actions--without-content': isNotExpandableWithoutContent,\n                    'b-card__actions--without-content-and-with-header':\n                        isNotExpandableWithoutContent && showHeader.value,\n                };\n            });\n\n            const cardTitleWrapperConditionalClasses = computed(() => ({\n                'b-card__title-wrapper--truncated': hasSlot('header'),\n            }));\n\n            const typography = computed(\n                () =>\n                    ({\n                        el: 'div',\n                        variant: props.titleSize === BentoCardTitleSize.DEFAULT ? 'title' : 'body',\n                        strongest: props.titleSize === BentoCardTitleSize.SMALL,\n                        wide: props.titleSize === BentoCardTitleSize.SMALL,\n                    } as InstanceType<typeof BentoTypography>['$props'])\n            );\n\n            // Toggle open and close logic and animation\n            const { updateContentHeight, contentHeight } = useExpandableContentHeight(contentDiv, showContent);\n\n            const contentMaxHeight = computed(() => (contentHeight.value ? { 'max-height': contentHeight.value } : {}));\n\n            onMounted(() => updateContentHeight());\n\n            const toggleExpansion = () => {\n                if (!props.disabled) {\n                    showContent.value = !showContent.value;\n                    emit('expanded', showContent.value);\n                    updateContentHeight();\n                }\n            };\n\n            const onClick = () => {\n                if (!props.disabled) {\n                    emit('click');\n                }\n            };\n\n            return {\n                // Values\n                cardId,\n                cardConditionalClasses,\n                cardBodyConditionalClasses,\n                cardHeaderConditionalClasses,\n                cardContentConditionalClasses,\n                cardActionsConditionalClasses,\n                cardTitleWrapperConditionalClasses,\n                cardToggleConditionalClasses,\n                showCardBody,\n                showContent,\n                tabIndex,\n                showHeader,\n                showTitleWrapper,\n                typography,\n\n                // Expand animation\n                contentDiv,\n                contentMaxHeight,\n\n                // Methods\n                hasSlot,\n                onClick,\n                t,\n                toggleExpansion,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./card.scss\" />\n"],"names":["BentoCardBackground","BentoCardBackground2","BentoCardTitleSize","BentoCardTitleSize2","_sfc_main","defineComponent","messages","ChevronUpIcon","ChevronDownIcon","BentoTypography","BentoButtonActions","value","BentoButtonActionsLayout","props","emit","slots","t","useI18n","hasSlot","useHasSlot","contentDiv","ref","cardId","generateUid","showContent","watch","showHeader","computed","showTitleWrapper","showCardBody","_a","tabIndex","cardConditionalClasses","cardHeaderConditionalClasses","cardToggleConditionalClasses","cardBodyConditionalClasses","cardContentConditionalClasses","cardActionsConditionalClasses","isNotExpandableWithoutContent","cardTitleWrapperConditionalClasses","typography","updateContentHeight","contentHeight","useExpandableContentHeight","contentMaxHeight","onMounted"],"mappings":";;;;;;;;;;AAGY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,YAAA,aAFQA,IAAAD,KAAA,CAAA,CAAA,GAQAE,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,QAAA,SAFQA,IAAAD,KAAA,CAAA,CAAA;;;;;;GCsFZE,IAAAC,EAAA;AAAA,EAAA,MAAA,EAAA,UAAAC,EAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA,EAAA,eAAAC,GAAA,iBAAAC,GAAA,iBAAAC,GAAA,oBAAAC,EAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA,IACA,YAAA;AAAA,MAIA,MAAA;AAAA,MACA,SAAAV,EAAA;AAAA,MACA,WAAA,CAAAW,MAAA,OAAA,OAAAX,CAAA,EAAA,SAAAW,CAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,WAAA;AAAA,MAIA,MAAA;AAAA,MACA,SAAAT,EAAA;AAAA,MACA,WAAA,CAAAS,MAAA,OAAA,OAAAT,CAAA,EAAA,SAAAS,CAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,YAAA;AAAA,MAIA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,QAAA;AAAA,MAIA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,UAAA;AAAA,MAIA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IACA,SAAA;AAAA,MA0BA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IACA,eAAA;AAAA,MAWA,MAAA;AAAA,MACA,SAAAC,EAAA;AAAA,MACA,WAAA,CAAAD,MAAA,OAAA,OAAAC,CAAA,EAAA,SAAAD,CAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,OAAA,CAAA,SAAA,UAAA;AAAA,EACA,MAAAE,GAAA,EAAA,MAAAC,GAAA,OAAAC,EAAA,GAAA;AAEA,UAAA,EAAA,GAAAC,EAAA,IAAAC,EAAA,GACAC,IAAAC,EAAAJ,CAAA,GACAK,IAAAC,EAAA,IAAA,GAEAC,IAAAC,EAAA,MAAA,GACAC,IAAAH,EAAA,CAAAR,EAAA,MAAA;AACA,IAAAY;AAAA,MAAA,MAAAZ,EAAA;AAAA,MACA,CAAAF,MAAA;AAEA,QAAAa,EAAA,QAAA,CAAAb;AAAA,MAAA;AAAA,IACA;AAEA,UAAAe,IAAAC,EAAA,MAAAT,EAAA,SAAA,KAAAA,EAAA,aAAA,KAAAA,EAAA,QAAA,CAAA,GACAU,IAAAD,EAAA,MAAAT,EAAA,SAAA,KAAAA,EAAA,QAAA,CAAA,GACAW,IAAAF;AAAA,MAAA,MAAA;;AAAA,gBAAAT,EAAA,SAAA,OAAAY,IAAAjB,EAAA,YAAA,gBAAAiB,EAAA,aAAA,CAAAjB,EAAA,cAAAA,EAAA,cAAAW,EAAA;AAAA;AAAA,IAGA,GAEAO,IAAAJ,EAAA,MAAAd,EAAA,cAAA,CAAAA,EAAA,WAAA,IAAA,EAAA,GAEAmB,IAAAL,EAAA,OAAA;AAAA,MAAA,CAAA,WAAAd,EAAA,YAAA,GAAAA,EAAA;AAAA,MACA,sBAAAA,EAAA;AAAA,MACA,oBAAAA,EAAA,cAAAA,EAAA;AAAA,IACA,EAAA,GAGAoB,IAAAN,EAAA,OAAA;AAAA,MAAA,8BAAAd,EAAA;AAAA,MACA,gCAAA,CAAAA,EAAA,cAAA,CAAAgB,EAAA;AAAA,IACA,EAAA,GAGAK,IAAAP,EAAA,OAAA;AAAA,MAAA,8BAAAd,EAAA,cAAAX,EAAA;AAAA,IACA,EAAA,GAGAiC,IAAAR,EAAA,OAAA;AAAA,MAAA,4BAAAd,EAAA,cAAAK,EAAA,SAAA;AAAA,MACA,gCAAA,CAAAL,EAAA,cAAA,CAAAa,EAAA;AAAA,IACA,EAAA,GAGAU,IAAAT,EAAA,OAAA;AAAA,MAAA,mCAAA,CAAAd,EAAA,cAAA,CAAAa,EAAA;AAAA,MACA,+BAAAb,EAAA;AAAA,IACA,EAAA,GAGAwB,IAAAV,EAAA,MAAA;AACA,YAAAW,IAAA,CAAAzB,EAAA,cAAAA,EAAA,WAAA,CAAAK,EAAA,SAAA;AAEA,aAAA;AAAA,QAAA,oCAAAoB;AAAA,QACA,oDAAAA,KAAAZ,EAAA;AAAA,MAEA;AAAA,IACA,CAAA,GAGAa,IAAAZ,EAAA,OAAA;AAAA,MAAA,oCAAAT,EAAA,QAAA;AAAA,IACA,EAAA,GAGAsB,IAAAb;AAAA,MAAA,OAAA;AAAA,QAEA,IAAA;AAAA,QACA,SAAAd,EAAA,cAAAX,EAAA,UAAA,UAAA;AAAA,QACA,WAAAW,EAAA,cAAAX,EAAA;AAAA,QACA,MAAAW,EAAA,cAAAX,EAAA;AAAA,MACA;AAAA,IACA,GAIA,EAAA,qBAAAuC,GAAA,eAAAC,EAAA,IAAAC,EAAAvB,GAAAI,CAAA,GAEAoB,IAAAjB,EAAA,MAAAe,EAAA,QAAA,EAAA,cAAAA,EAAA,MAAA,IAAA,CAAA,CAAA;AAEA,WAAAG,EAAA,MAAAJ,EAAA,CAAA,GAgBA;AAAA;AAAA,MAAA,QAAAnB;AAAA,MAEA,wBAAAU;AAAA,MACA,4BAAAG;AAAA,MACA,8BAAAF;AAAA,MACA,+BAAAG;AAAA,MACA,+BAAAC;AAAA,MACA,oCAAAE;AAAA,MACA,8BAAAL;AAAA,MACA,cAAAL;AAAA,MACA,aAAAL;AAAA,MACA,UAAAO;AAAA,MACA,YAAAL;AAAA,MACA,kBAAAE;AAAA,MACA,YAAAY;AAAA;AAAA,MACA,YAAApB;AAAA,MAGA,kBAAAwB;AAAA;AAAA,MACA,SAAA1B;AAAA,MAGA,SA5BA,MAAA;AACA,QAAAL,EAAA,YACAC,EAAA,OAAA;AAAA,MACA;AAAA,MA0BA,GAAAE;AAAA,MACA,iBAtCA,MAAA;AACA,QAAAH,EAAA,aACAW,EAAA,QAAA,CAAAA,EAAA,OACAV,EAAA,YAAAU,EAAA,KAAA,GACAiB,EAAA;AAAA,MACA;AAAA,IAkCA;AAAA,EACA;AAEA,CAAA;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"card.js","sources":["../src/components/card/card.types.ts","../src/components/card/card.vue"],"sourcesContent":["/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoCardBackground {\n    PRIMARY = 'primary',\n    SECONDARY = 'secondary',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoCardTitleSize {\n    DEFAULT = 'default',\n    SMALL = 'small',\n}\n","<template>\n    <div class=\"b-card\" :class=\"cardConditionalClasses\" data-testid=\"card\" @click=\"onClick\">\n        <div v-if=\"hasSlot('image')\" class=\"b-card__image\">\n            <slot name=\"image\"></slot>\n        </div>\n        <div\n            v-if=\"showHeader\"\n            class=\"b-card__header\"\n            :class=\"cardHeaderConditionalClasses\"\n            :tabindex=\"tabIndex\"\n            :aria-controls=\"expandable ? cardId : null\"\n            :aria-expanded=\"expandable ? `${showContent}` : null\"\n            :role=\"expandable ? 'button' : null\"\n            @click=\"toggleExpansion\"\n            @keypress.enter=\"toggleExpansion\"\n            @keypress.space=\"toggleExpansion\"\n        >\n            <div class=\"b-card__header-wrapper\">\n                <div v-if=\"showTitleWrapper\" class=\"b-card__header-slot-wrapper\">\n                    <div class=\"b-card__title-wrapper\" :class=\"cardTitleWrapperConditionalClasses\">\n                        <div v-if=\"expandable\" class=\"b-card__toggle\" :class=\"cardToggleConditionalClasses\">\n                            <chevron-up-icon v-if=\"showContent\" :svg-title=\"t('hideCardContent')\" aria-hidden=\"true\" />\n                            <chevron-down-icon v-else :svg-title=\"t('showCardContent')\" aria-hidden=\"true\" />\n                        </div>\n                        <bento-typography v-if=\"hasSlot('default')\" class=\"b-card__title\" v-bind=\"typography\">\n                            <slot />\n                        </bento-typography>\n                    </div>\n\n                    <template v-if=\"hasSlot('header')\">\n                        <slot name=\"header\"></slot>\n                    </template>\n                </div>\n\n                <bento-typography v-if=\"hasSlot('description')\" class=\"b-card__description\" el=\"div\" variant=\"body\">\n                    <slot name=\"description\" />\n                </bento-typography>\n            </div>\n        </div>\n\n        <Transition name=\"b-card__animation\">\n            <div v-if=\"showCardBody\" :style=\"contentMaxHeight\">\n                <div\n                    :id=\"expandable ? cardId : null\"\n                    ref=\"contentDiv\"\n                    class=\"b-card__body\"\n                    :class=\"cardBodyConditionalClasses\"\n                >\n                    <div v-if=\"hasSlot('content')\" class=\"b-card__content\" :class=\"cardContentConditionalClasses\">\n                        <slot name=\"content\" />\n                    </div>\n\n                    <div v-if=\"actions\" class=\"b-card__actions\" :class=\"cardActionsConditionalClasses\">\n                        <bento-button-actions :actions=\"actions\" :layout=\"actionsLayout\"></bento-button-actions>\n                    </div>\n                </div>\n            </div>\n        </Transition>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType, ref, watch } from 'vue';\n\n    // Components\n    import { BentoTypography } from '@/components/typography';\n    import { BentoButtonActions, BentoButtonActionsLayout, BentoButtonActionsList } from '@/components/button';\n    import { BentoCardBackground, BentoCardTitleSize } from '@/components/card/card.types';\n    import ChevronDownIcon from '@adyen/ui-assets-icons-16/vue/chevron-down';\n    import ChevronUpIcon from '@adyen/ui-assets-icons-16/vue/chevron-up';\n\n    // Utils\n    import { useHasSlot } from '@/composables';\n    import { generateUid } from '@/utils/ts/unique-id';\n    import { useI18n } from '@/utils/ts/i18n';\n\n    import messages from './messages.json';\n    import { useExpandableContentHeight } from '@/composables/use-expandable-content-height/use-expandable-content-height';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    /**\n     * A card is a flexible and composable container.\n     * Use cards to represent a single object or to visually group certain content, like legal information within company settings.\n     *\n     * @example\n     * import { BentoCard } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoCard },\n     *     template: `\n     *         <bento-card>\n     *             Title of the Card\n     *         </bento-card>\n     *     `\n     * };\n     */\n    export default defineComponent({\n        i18n: { messages },\n        name: 'bento-card',\n        components: { ChevronUpIcon, ChevronDownIcon, BentoTypography, BentoButtonActions },\n        props: {\n            /**\n             * Defines the color of card background\n             */\n            background: {\n                type: String as PropType<BentoCardBackground | `${BentoCardBackground}`>,\n                default: BentoCardBackground.PRIMARY,\n                validator: (value: BentoCardBackground) => Object.values(BentoCardBackground).includes(value),\n            },\n            /**\n             * Defines the title size of the card header\n             */\n            titleSize: {\n                type: String as PropType<BentoCardTitleSize | `${BentoCardTitleSize}`>,\n                default: BentoCardTitleSize.DEFAULT,\n                validator: (value: BentoCardTitleSize) => Object.values(BentoCardTitleSize).includes(value),\n            },\n            /**\n             * The whole content of the card will be expandable in accordion manner\n             */\n            expandable: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * Sets the expandable card in a closed state\n             */\n            closed: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * Disables the expandable card\n             */\n            disabled: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * List of actions that will be used to render the buttons.\n             * First element in the list will be rendered as \"primary\".\n             * All elements after the first will be rendered as \"secondary\".\n             *\n             * Each object in the list should have a `title`, an `event` and\n             * (optional) a Vue `icon` from the library `@adyen/ui-assets-icons-16`.\n             *\n             * `title`: Button's text.\n             *\n             * `event`: Event triggered when clicking the Button.\n             *\n             * `icon`: Vue Icon from the library `@adyen/ui-assets-icons-16`.\n             *\n             * ```\n             * [{\n             *   title: 'Primary',\n             *   event: () => { ... },\n             *   icon: FourPeopleIcon\n             * }, {\n             *   title: 'Secondary',\n             *   event: () => { ... }\n             * }]\n             * ```\n             */\n            actions: {\n                type: Array as PropType<BentoButtonActionsList>,\n                default: null,\n            },\n            /**\n             * Defines the layout in which the button actions is presented.\n             * It can be one of:\n             *\n             * @values BUTTONS_START\n             * @values BUTTONS_END\n             * @values FILL_CONTAINER\n             * @values SPACE_BETWEEN\n             * @values VERTICAL_STACK\n             */\n            actionsLayout: {\n                type: String as PropType<BentoButtonActionsLayout | `${BentoButtonActionsLayout}`>,\n                default: BentoButtonActionsLayout.BUTTONS_END,\n                validator: (value: BentoButtonActionsLayout) => Object.values(BentoButtonActionsLayout).includes(value),\n            },\n        },\n        emits: ['click', 'expanded'],\n        setup(props, { emit, slots }) {\n            const { t } = useI18n<{ message: MessageSchema }>({ messages });\n            const hasSlot = useHasSlot(slots);\n            const contentDiv = ref<HTMLDivElement>(null);\n\n            const cardId = generateUid('card');\n            const showContent = ref(!props.closed);\n            watch(\n                () => props.closed,\n                value => {\n                    showContent.value = !value;\n                }\n            );\n            const showHeader = computed(() => hasSlot('default') || hasSlot('description') || hasSlot('header'));\n            const showTitleWrapper = computed(() => hasSlot('default') || hasSlot('header'));\n            const showCardBody = computed(\n                () =>\n                    (hasSlot('content') || props.actions?.length) &&\n                    (!props.expandable || (props.expandable && showContent.value))\n            );\n            const tabIndex = computed(() => (props.expandable && !props.disabled ? 0 : -1));\n\n            const cardConditionalClasses = computed(() => ({\n                [`b-card--${props.background}`]: props.background,\n                'b-card--expandable': props.expandable,\n                'b-card--disabled': props.expandable && props.disabled,\n            }));\n\n            const cardHeaderConditionalClasses = computed(() => ({\n                'b-card__header--expandable': props.expandable,\n                'b-card__header--without-body': !props.expandable && !showCardBody.value,\n            }));\n\n            const cardToggleConditionalClasses = computed(() => ({\n                'b-card__toggle--small-text': props.titleSize === BentoCardTitleSize.SMALL,\n            }));\n\n            const cardBodyConditionalClasses = computed(() => ({\n                'b-card__body--expandable': props.expandable && hasSlot('content'),\n                'b-card__body--without-header': !props.expandable && !showHeader.value,\n            }));\n\n            const cardContentConditionalClasses = computed(() => ({\n                'b-card__content--without-header': !props.expandable && !showHeader.value,\n                'b-card__content--expandable': props.expandable,\n            }));\n\n            const cardActionsConditionalClasses = computed(() => {\n                const isNotExpandableWithoutContent = !props.expandable && props.actions && !hasSlot('content');\n\n                return {\n                    'b-card__actions--without-content': isNotExpandableWithoutContent,\n                    'b-card__actions--without-content-and-with-header':\n                        isNotExpandableWithoutContent && showHeader.value,\n                };\n            });\n\n            const cardTitleWrapperConditionalClasses = computed(() => ({\n                'b-card__title-wrapper--truncated': hasSlot('header'),\n            }));\n\n            const typography = computed(\n                () =>\n                    ({\n                        el: 'div',\n                        variant: props.titleSize === BentoCardTitleSize.DEFAULT ? 'title' : 'body',\n                        strongest: props.titleSize === BentoCardTitleSize.SMALL,\n                        wide: props.titleSize === BentoCardTitleSize.SMALL,\n                    } as InstanceType<typeof BentoTypography>['$props'])\n            );\n\n            // Toggle open and close logic and animation\n            const { updateContentHeight, contentHeight } = useExpandableContentHeight(contentDiv, showContent);\n\n            const contentMaxHeight = computed(() =>\n                props.expandable && contentHeight.value ? { 'max-height': contentHeight.value } : {}\n            );\n\n            watch(\n                () => slots.content?.(),\n                () => {\n                    if (props.expandable) {\n                        updateContentHeight();\n                    }\n                },\n                { immediate: true }\n            );\n\n            const toggleExpansion = () => {\n                if (!props.disabled && props.expandable) {\n                    showContent.value = !showContent.value;\n                    emit('expanded', showContent.value);\n                    updateContentHeight();\n                }\n            };\n\n            const onClick = () => {\n                if (!props.disabled) {\n                    emit('click');\n                }\n            };\n\n            return {\n                // Values\n                cardId,\n                cardConditionalClasses,\n                cardBodyConditionalClasses,\n                cardHeaderConditionalClasses,\n                cardContentConditionalClasses,\n                cardActionsConditionalClasses,\n                cardTitleWrapperConditionalClasses,\n                cardToggleConditionalClasses,\n                showCardBody,\n                showContent,\n                tabIndex,\n                showHeader,\n                showTitleWrapper,\n                typography,\n\n                // Expand animation\n                contentDiv,\n                contentMaxHeight,\n\n                // Methods\n                hasSlot,\n                onClick,\n                t,\n                toggleExpansion,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./card.scss\" />\n"],"names":["BentoCardBackground","BentoCardBackground2","BentoCardTitleSize","BentoCardTitleSize2","_sfc_main","defineComponent","messages","ChevronUpIcon","ChevronDownIcon","BentoTypography","BentoButtonActions","value","BentoButtonActionsLayout","props","emit","slots","t","useI18n","hasSlot","useHasSlot","contentDiv","ref","cardId","generateUid","showContent","watch","showHeader","computed","showTitleWrapper","showCardBody","_a","tabIndex","cardConditionalClasses","cardHeaderConditionalClasses","cardToggleConditionalClasses","cardBodyConditionalClasses","cardContentConditionalClasses","cardActionsConditionalClasses","isNotExpandableWithoutContent","cardTitleWrapperConditionalClasses","typography","updateContentHeight","contentHeight","useExpandableContentHeight","contentMaxHeight"],"mappings":"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"}