@adyen/bento-vue2 1.71.0 → 1.72.0

package/dist/assets/toggle-button.css

@@ -1 +0,0 @@
-@keyframes spin-bc74b2f7{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.b-loading-button--loading[data-v-bc74b2f7]:hover{cursor:default}.b-loading-button--primary-loading[data-v-bc74b2f7],.b-loading-button--primary-loading[data-v-bc74b2f7]:hover{background-color:var(--b-loading-button-primary-loading-background-color)}.b-loading-button--primary-loading.b-loading-button--inverse[data-v-bc74b2f7],.b-loading-button--inverse .b-loading-button--primary-loading[data-v-bc74b2f7],.b-loading-button--primary-loading:hover.b-loading-button--inverse[data-v-bc74b2f7],.b-loading-button--inverse .b-loading-button--primary-loading[data-v-bc74b2f7]:hover{background-color:var(--b-loading-button-primary-loading-background-color-inverse)}.b-loading-button--primary-success[data-v-bc74b2f7]{background-color:var(--b-loading-button-primary-success-background-color);color:var(--b-loading-button-primary-success-color)}.b-loading-button--primary-success[data-v-bc74b2f7]:hover{background-color:var(--b-loading-button-primary-success-hover-background-color)}.b-loading-button--primary-success[data-v-bc74b2f7]:active{background-color:var(--b-loading-button-primary-success-active-background-color)}.b-loading-button--primary-success[data-v-bc74b2f7]:disabled{background-color:var(--b-loading-button-primary-success-disabled-background-color);color:var(--b-loading-button-primary-success-disabled-color)}.b-loading-button--secondary-loading[data-v-bc74b2f7],.b-loading-button--secondary-loading[data-v-bc74b2f7]:hover{background-color:var(--b-loading-button-secondary-loading-background-color);color:var(--b-loading-button-secondary-loading-color)}.b-loading-button--secondary-loading.b-loading-button--inverse[data-v-bc74b2f7],.b-loading-button--inverse .b-loading-button--secondary-loading[data-v-bc74b2f7],.b-loading-button--secondary-loading:hover.b-loading-button--inverse[data-v-bc74b2f7],.b-loading-button--inverse .b-loading-button--secondary-loading[data-v-bc74b2f7]:hover{background-color:var(--b-loading-button-secondary-loading-background-color-inverse)}.b-loading-button--secondary-loading.b-loading-button--inverse[data-v-bc74b2f7],.b-loading-button--inverse .b-loading-button--secondary-loading[data-v-bc74b2f7],.b-loading-button--secondary-loading:hover.b-loading-button--inverse[data-v-bc74b2f7],.b-loading-button--inverse .b-loading-button--secondary-loading[data-v-bc74b2f7]:hover{color:var(--b-loading-button-secondary-loading-color-inverse)}.b-loading-button--secondary-loading[data-v-bc74b2f7]:hover:not(:focus),.b-loading-button--secondary-loading[data-v-bc74b2f7]:hover:hover:not(:focus){box-shadow:none}.b-loading-button--secondary-success[data-v-bc74b2f7]{background-color:var(--b-loading-button-secondary-success-background-color);border-color:var(--b-loading-button-secondary-success-border-color);color:var(--b-loading-button-secondary-success-color)}.b-loading-button--secondary-success[data-v-bc74b2f7]:hover{border-color:var(--b-loading-button-secondary-success-hover-border-color);box-shadow:var(--b-loading-button-secondary-success-hover-box-shadow)}.b-loading-button--secondary-success[data-v-bc74b2f7]:active{background-color:var(--b-loading-button-secondary-success-active-background-color);border-color:var(--b-loading-button-secondary-success-active-border-color)}.b-loading-button--secondary-success[data-v-bc74b2f7]:disabled{background-color:var(--b-loading-button-secondary-success-disabled-background-color);border-color:var(--b-loading-button-secondary-success-disabled-border-color);box-shadow:unset;color:var(--b-loading-button-secondary-success-disabled-color)}.b-loading-button--tertiary-loading[data-v-bc74b2f7],.b-loading-button--tertiary-loading[data-v-bc74b2f7]:hover{background-color:var(--b-loading-button-tertiary-loading-background-color);color:var(--b-loading-button-tertiary-loading-color);text-decoration:var(--b-loading-button-tertiary-loading-text-decoration)}.b-loading-button__icon[data-v-bc74b2f7]{display:inline-flex}.b-popover-dismiss-button[data-v-71876338]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer}.b-popover-dismiss-button[data-v-71876338],.b-popover-dismiss-button[data-v-71876338]:before,.b-popover-dismiss-button[data-v-71876338]:after{box-sizing:border-box}.b-popover-dismiss-button *[data-v-71876338],.b-popover-dismiss-button *[data-v-71876338]:before,.b-popover-dismiss-button *[data-v-71876338]:after{box-sizing:border-box}.b-popover-dismiss-button[data-v-71876338] ::-webkit-scrollbar{height:14px;width:14px}.b-popover-dismiss-button[data-v-71876338] ::-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-popover-dismiss-button--on-image[data-v-71876338]{color:var(--b-popover-dismiss-button-on-image-icon-color)}.b-popover-dismiss-button--on-image[data-v-71876338]:hover{color:var(--b-popover-dismiss-button-on-image-icon-hovered-color)}.b-popover-dismiss-button--on-image[data-v-71876338]:active{color:var(--b-popover-dismiss-button-on-image-icon-active-color)}.b-popover[data-v-cc5ddd1e]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--b-popover-background-color);border:var(--b-popover-border);border-radius:var(--b-popover-border-radius);box-shadow:var(--b-popover-box-shadow);color:var(--b-popover-color);overflow:hidden;width:100%;z-index:var(--b-popover-z-index)}.b-popover[data-v-cc5ddd1e],.b-popover[data-v-cc5ddd1e]:before,.b-popover[data-v-cc5ddd1e]:after{box-sizing:border-box}.b-popover *[data-v-cc5ddd1e],.b-popover *[data-v-cc5ddd1e]:before,.b-popover *[data-v-cc5ddd1e]:after{box-sizing:border-box}.b-popover[data-v-cc5ddd1e] ::-webkit-scrollbar{height:14px;width:14px}.b-popover[data-v-cc5ddd1e] ::-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: 376px){.b-popover[data-v-cc5ddd1e]{width:320px}}.b-popover[data-v-cc5ddd1e] .b-popover__arrow:before{color:transparent;display:none}.b-popover--fit-content[data-v-cc5ddd1e]{width:fit-content}.b-popover--overflow-visible[data-v-cc5ddd1e]{overflow:visible}.b-popover--overflow-visible .b-popover__footer[data-v-cc5ddd1e]{border-bottom-left-radius:var(--b-popover-border-radius);border-bottom-right-radius:var(--b-popover-border-radius)}.b-popover--small[data-v-cc5ddd1e]{width:200px}.b-popover--large[data-v-cc5ddd1e]{width:480px}.b-popover--with-divider .b-popover__footer[data-v-cc5ddd1e]{background-color:var(--b-popover-with-divider-footer-background-color);border-top:var(--b-popover-with-divider-footer-border-top);padding-top:var(--b-popover-with-divider-footer-padding-top)}.b-popover--with-divider .b-popover__content[data-v-cc5ddd1e]{padding:var(--b-popover-with-divider-content-padding)}.b-popover--without-space>.b-popover__header[data-v-cc5ddd1e]{padding:var(--b-popover-without-space-padding)}.b-popover--without-space>.b-popover__content[data-v-cc5ddd1e]{padding:var(--b-popover-without-space-padding)}.b-popover--without-space>.b-popover__footer[data-v-cc5ddd1e]{padding:var(--b-popover-without-space-padding)}.b-popover__content[data-v-cc5ddd1e]{padding:var(--b-popover-content-padding)}.b-popover__content--with-title[data-v-cc5ddd1e]{padding:var(--b-popover-content-with-title-padding)}.b-popover__header[data-v-cc5ddd1e]{align-items:baseline;display:flex;justify-content:space-between;padding:var(--b-popover-header-padding)}.b-popover__header-title[data-v-cc5ddd1e]{align-items:center;column-gap:var(--b-popover-header-title-column-gap);display:flex}.b-popover__image[data-v-cc5ddd1e]{display:flex;overflow:hidden}.b-popover__image+.b-popover__header[data-v-cc5ddd1e]{padding:var(--b-popover-image-header-padding)}.b-popover__image-dismiss-button[data-v-cc5ddd1e]{position:absolute;right:var(--b-popover-image-dismiss-icon-right);top:var(--b-popover-image-dismiss-icon-top)}.b-popover__footer[data-v-cc5ddd1e]{padding:var(--b-popover-footer-padding)}.b-popover__animation-enter-active[data-popper-placement^=top][data-v-cc5ddd1e]{animation:fade-in-u4e57c1-cc5ddd1e var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-u4e57c1-cc5ddd1e var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-u4e57c1-cc5ddd1e{0%{opacity:0}to{opacity:1}}@keyframes move-in-u4e57c1-cc5ddd1e{0%{top:8px}to{top:0}}.b-popover__animation-leave-active[data-popper-placement^=top][data-v-cc5ddd1e]{animation:fade-out-u4e57ca-cc5ddd1e var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-u4e57ca-cc5ddd1e var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-u4e57ca-cc5ddd1e{0%{opacity:1}to{opacity:0}}@keyframes move-out-u4e57ca-cc5ddd1e{0%{top:0}to{top:8px}}.b-popover__animation-enter-active[data-popper-placement^=bottom][data-v-cc5ddd1e]{animation:fade-in-u4e57d9-cc5ddd1e var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-u4e57d9-cc5ddd1e var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-u4e57d9-cc5ddd1e{0%{opacity:0}to{opacity:1}}@keyframes move-in-u4e57d9-cc5ddd1e{0%{top:-8px}to{top:0}}.b-popover__animation-leave-active[data-popper-placement^=bottom][data-v-cc5ddd1e]{animation:fade-out-u4e57dg-cc5ddd1e var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-u4e57dg-cc5ddd1e var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-u4e57dg-cc5ddd1e{0%{opacity:1}to{opacity:0}}@keyframes move-out-u4e57dg-cc5ddd1e{0%{top:0}to{top:-8px}}.b-popover__animation-enter-active[data-popper-placement^=left][data-v-cc5ddd1e]{animation:fade-in-u4e57di-cc5ddd1e var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-u4e57di-cc5ddd1e var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-u4e57di-cc5ddd1e{0%{opacity:0}to{opacity:1}}@keyframes move-in-u4e57di-cc5ddd1e{0%{left:8px}to{left:0}}.b-popover__animation-leave-active[data-popper-placement^=left][data-v-cc5ddd1e]{animation:fade-out-u4e57dk-cc5ddd1e var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-u4e57dk-cc5ddd1e var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-u4e57dk-cc5ddd1e{0%{opacity:1}to{opacity:0}}@keyframes move-out-u4e57dk-cc5ddd1e{0%{left:0}to{left:8px}}.b-popover__animation-enter-active[data-popper-placement^=right][data-v-cc5ddd1e]{animation:fade-in-u4e57eb-cc5ddd1e var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-u4e57eb-cc5ddd1e var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-u4e57eb-cc5ddd1e{0%{opacity:0}to{opacity:1}}@keyframes move-in-u4e57eb-cc5ddd1e{0%{left:-8px}to{left:0}}.b-popover__animation-leave-active[data-popper-placement^=right][data-v-cc5ddd1e]{animation:fade-out-u4e57ew-cc5ddd1e var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-u4e57ew-cc5ddd1e var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-u4e57ew-cc5ddd1e{0%{opacity:1}to{opacity:0}}@keyframes move-out-u4e57ew-cc5ddd1e{0%{left:0}to{left:-8px}}.b-teleport--hidden[data-v-fda08514]{display:none;visibility:hidden}.b-menu-item[data-v-a173cbf5]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--b-menu-item-color);align-items:center;display:flex;justify-content:space-between;padding:var(--b-menu-item-padding);width:100%}.b-menu-item[data-v-a173cbf5],.b-menu-item[data-v-a173cbf5]:before,.b-menu-item[data-v-a173cbf5]:after{box-sizing:border-box}.b-menu-item *[data-v-a173cbf5],.b-menu-item *[data-v-a173cbf5]:before,.b-menu-item *[data-v-a173cbf5]:after{box-sizing:border-box}.b-menu-item[data-v-a173cbf5] ::-webkit-scrollbar{height:14px;width:14px}.b-menu-item[data-v-a173cbf5] ::-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.b-menu--inverse[data-v-a173cbf5],.b-menu--inverse .b-menu-item[data-v-a173cbf5]{color:var(--b-menu-item-color-inverse)}.b-menu-item[data-v-a173cbf5]:hover:enabled{background-color:var(--b-menu-item-hover-background-color)}.b-menu-item:hover:enabled.b-menu--inverse[data-v-a173cbf5],.b-menu--inverse .b-menu-item[data-v-a173cbf5]:hover:enabled{background-color:var(--b-menu-item-hover-background-color-inverse)}.b-menu-item[data-v-a173cbf5]:focus-visible:enabled{background-color:var(--b-menu-item-focus-background-color)}.b-menu-item:focus-visible:enabled.b-menu--inverse[data-v-a173cbf5],.b-menu--inverse .b-menu-item[data-v-a173cbf5]:focus-visible:enabled{background-color:var(--b-menu-item-focus-background-color-inverse)}.b-menu-item[data-v-a173cbf5]:active:enabled{background-color:var(--b-menu-item-active-background-color)}.b-menu-item:active:enabled.b-menu--inverse[data-v-a173cbf5],.b-menu--inverse .b-menu-item[data-v-a173cbf5]:active:enabled{background-color:var(--b-menu-item-active-background-color-inverse)}.b-menu-item--critical[data-v-a173cbf5]{color:var(--b-menu-item-critical-color)}.b-menu-item--critical.b-menu--inverse[data-v-a173cbf5],.b-menu--inverse .b-menu-item--critical[data-v-a173cbf5]{color:var(--b-menu-item-critical-color-inverse)}.b-menu-item--critical[data-v-a173cbf5]:hover:enabled{background-color:var(--b-menu-item-hover-critical-background-color);color:var(--b-menu-item-hover-critical-color)}.b-menu-item--critical:hover:enabled.b-menu--inverse[data-v-a173cbf5],.b-menu--inverse .b-menu-item--critical[data-v-a173cbf5]:hover:enabled{background-color:var(--b-menu-item-hover-critical-background-color-inverse)}.b-menu-item--critical:hover:enabled.b-menu--inverse[data-v-a173cbf5],.b-menu--inverse .b-menu-item--critical[data-v-a173cbf5]:hover:enabled{color:var(--b-menu-item-hover-critical-color-inverse)}.b-menu-item--critical[data-v-a173cbf5]:focus-visible:enabled{background-color:var(--b-menu-item-focus-critical-background-color);color:var(--b-menu-item-focus-critical-color)}.b-menu-item--critical:focus-visible:enabled.b-menu--inverse[data-v-a173cbf5],.b-menu--inverse .b-menu-item--critical[data-v-a173cbf5]:focus-visible:enabled{background-color:var(--b-menu-item-focus-critical-background-color-inverse)}.b-menu-item--critical:focus-visible:enabled.b-menu--inverse[data-v-a173cbf5],.b-menu--inverse .b-menu-item--critical[data-v-a173cbf5]:focus-visible:enabled{color:var(--b-menu-item-focus-critical-color-inverse)}.b-menu-item--critical[data-v-a173cbf5]:active:enabled{background-color:var(--b-menu-item-active-critical-background-color);color:var(--b-menu-item-active-critical-color)}.b-menu-item--critical:active:enabled.b-menu--inverse[data-v-a173cbf5],.b-menu--inverse .b-menu-item--critical[data-v-a173cbf5]:active:enabled{background-color:var(--b-menu-item-active-critical-background-color-inverse)}.b-menu-item--critical:active:enabled.b-menu--inverse[data-v-a173cbf5],.b-menu--inverse .b-menu-item--critical[data-v-a173cbf5]:active:enabled{color:var(--b-menu-item-active-critical-color-inverse)}.b-menu-item--critical[data-v-a173cbf5] .b-base-button__icon-right{color:var(--b-menu-item-icon-right-color)}.b-menu-item--critical[data-v-a173cbf5] .b-base-button__icon-right.b-menu--inverse,.b-menu--inverse .b-menu-item--critical[data-v-a173cbf5] .b-base-button__icon-right{color:var(--b-menu-item-icon-right-color-inverse)}.b-menu-item--indent[data-v-a173cbf5]{padding-left:var(--b-menu-item-indent-padding-left)}.b-menu-item[data-v-a173cbf5] .b-base-button__label{display:flex;justify-content:space-between;width:100%}.b-menu-item[data-v-a173cbf5] .b-base-button__label .b-menu-item__secondary-text{color:var(--b-menu-item-secondary-text-color);flex-shrink:0;padding-left:var(--b-menu-item-secondary-text-padding-left);text-align:right}.b-menu-item[data-v-a173cbf5] .b-base-button__label .b-menu-item__secondary-text.b-menu--inverse,.b-menu--inverse .b-menu-item[data-v-a173cbf5] .b-base-button__label .b-menu-item__secondary-text{color:var(--b-menu-item-secondary-text-color-inverse)}.b-menu-item[data-v-a173cbf5] .b-base-button__icon-left{padding-right:var(--b-menu-item-icon-left-padding)}.b-menu-item[data-v-a173cbf5] .b-base-button__icon-right{padding-left:var(--b-menu-item-icon-right-padding)}.b-menu-item[data-v-a173cbf5]:disabled{color:var(--b-menu-item-disabled-color)}.b-menu-item:disabled.b-menu--inverse[data-v-a173cbf5],.b-menu--inverse .b-menu-item[data-v-a173cbf5]:disabled{color:var(--b-menu-item-disabled-color-inverse)}.b-menu-item:disabled .b-menu-item__secondary-text[data-v-a173cbf5]{color:var(--b-menu-item-disabled-color)}.b-menu-item:disabled .b-menu-item__secondary-text.b-menu--inverse[data-v-a173cbf5],.b-menu--inverse .b-menu-item:disabled .b-menu-item__secondary-text[data-v-a173cbf5]{color:var(--b-menu-item-disabled-color-inverse)}.b-menu-list-container[data-v-f5d01392]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-menu-item-list-background-color);height:fit-content;padding:var(--b-menu-item-list-padding)}.b-menu-list-container[data-v-f5d01392],.b-menu-list-container[data-v-f5d01392]:before,.b-menu-list-container[data-v-f5d01392]:after{box-sizing:border-box}.b-menu-list-container *[data-v-f5d01392],.b-menu-list-container *[data-v-f5d01392]:before,.b-menu-list-container *[data-v-f5d01392]:after{box-sizing:border-box}.b-menu-list-container[data-v-f5d01392] ::-webkit-scrollbar{height:14px;width:14px}.b-menu-list-container[data-v-f5d01392] ::-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-list-container.b-menu--inverse[data-v-f5d01392],.b-menu--inverse .b-menu-list-container[data-v-f5d01392]{background-color:var(--b-menu-item-list-background-color-inverse)}.b-sub-menu-item-list[data-v-979daa5d]{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-979daa5d],.b-sub-menu-item-list[data-v-979daa5d]:before,.b-sub-menu-item-list[data-v-979daa5d]:after{box-sizing:border-box}.b-sub-menu-item-list *[data-v-979daa5d],.b-sub-menu-item-list *[data-v-979daa5d]:before,.b-sub-menu-item-list *[data-v-979daa5d]:after{box-sizing:border-box}.b-sub-menu-item-list[data-v-979daa5d] ::-webkit-scrollbar{height:14px;width:14px}.b-sub-menu-item-list[data-v-979daa5d] ::-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.b-menu--inverse[data-v-979daa5d],.b-menu--inverse .b-sub-menu-item-list[data-v-979daa5d]{background-color:var(--b-menu-submenu-background-color-inverse)}.b-sub-menu-item-list__list[data-v-979daa5d]{list-style:none;padding:0}.b-sub-menu-item-list__divider[data-v-979daa5d]{margin-block:var(--b-menu-submenu-divider-margin-block)}.b-sub-menu-item-list__transition-enter-active[data-v-979daa5d]{animation:enter-u4e57gv-979daa5d var(--b-menu-submenu-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-u4e57gv-979daa5d{0%{translate:100% 0}to{translate:0 0}}.b-sub-menu-item-list__transition-leave-active[data-v-979daa5d]{animation:exit-u4e57hn-979daa5d var(--b-menu-submenu-animation-duration) var(--b-animation-easing-exit)}@keyframes exit-u4e57hn-979daa5d{0%{translate:0 0}to{translate:100% 0}}.b-menu-item-list[data-v-c6f6142d]{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;max-width:350px;min-width:150px;overflow-y:auto;padding:0}.b-menu-item-list[data-v-c6f6142d],.b-menu-item-list[data-v-c6f6142d]:before,.b-menu-item-list[data-v-c6f6142d]:after{box-sizing:border-box}.b-menu-item-list *[data-v-c6f6142d],.b-menu-item-list *[data-v-c6f6142d]:before,.b-menu-item-list *[data-v-c6f6142d]:after{box-sizing:border-box}.b-menu-item-list[data-v-c6f6142d] ::-webkit-scrollbar{height:14px;width:14px}.b-menu-item-list[data-v-c6f6142d] ::-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-list__divider[data-v-c6f6142d]{margin-block:var(--b-menu-item-list-divider-margin-block)}.b-menu[data-v-e3fa5ac1]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:fit-content}.b-menu[data-v-e3fa5ac1],.b-menu[data-v-e3fa5ac1]:before,.b-menu[data-v-e3fa5ac1]:after{box-sizing:border-box}.b-menu *[data-v-e3fa5ac1],.b-menu *[data-v-e3fa5ac1]:before,.b-menu *[data-v-e3fa5ac1]:after{box-sizing:border-box}.b-menu[data-v-e3fa5ac1] ::-webkit-scrollbar{height:14px;width:14px}.b-menu[data-v-e3fa5ac1] ::-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-e3fa5ac1]{width:auto}.b-menu__toggle-button[data-v-e3fa5ac1]{width:100%}.b-button-actions[data-v-0e464582]{container-type:inline-size;flex-grow:1}.b-button-actions__container-wrapper[data-v-0e464582]{display:flex;flex-direction:column;gap:var(--b-button-actions-vertical-stack-row-gap)}.b-button-actions__button-wrapper>*[data-v-0e464582]{width:100%}@container (min-width: 242px){.b-button-actions--buttons-start[data-v-0e464582]{flex-direction:row;justify-content:start}.b-button-actions--buttons-end[data-v-0e464582]{column-gap:var(--b-button-actions-buttons-end-column-gap);flex-direction:row;justify-content:flex-end}.b-button-actions--fill-container[data-v-0e464582]{column-gap:var(--b-button-actions-fill-container-column-gap);display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}.b-button-actions--space-between[data-v-0e464582]{flex-direction:unset;justify-content:space-between}.b-button-actions--stacked-buttons[data-v-0e464582],.b-button-actions--vertical-stack[data-v-0e464582]{flex-direction:column;gap:var(--b-button-actions-vertical-stack-row-gap)}}.b-toggle-button--primary-toggled[data-v-0bc368c9]{background-color:var(--b-toggle-button-primary-toggled-background-color)}.b-toggle-button--primary-toggled.b-toggle-button--inverse[data-v-0bc368c9],.b-toggle-button--inverse .b-toggle-button--primary-toggled[data-v-0bc368c9]{background-color:var(--b-toggle-button-primary-toggled-background-color-inverse)}@media (hover: hover){.b-toggle-button--primary-toggled[data-v-0bc368c9]:hover{background-color:var(--b-toggle-button-primary-toggled-hover-background-color)}.b-toggle-button--primary-toggled:hover.b-toggle-button--inverse[data-v-0bc368c9],.b-toggle-button--inverse .b-toggle-button--primary-toggled[data-v-0bc368c9]:hover{background-color:var(--b-toggle-button-primary-toggled-hover-background-color-inverse)}}.b-toggle-button--primary-toggled[data-v-0bc368c9]:active{background-color:var(--b-toggle-button-primary-toggled-active-background-color)}.b-toggle-button--primary-toggled:active.b-toggle-button--inverse[data-v-0bc368c9],.b-toggle-button--inverse .b-toggle-button--primary-toggled[data-v-0bc368c9]:active{background-color:var(--b-toggle-button-primary-toggled-active-background-color-inverse)}.b-toggle-button--primary-toggled[data-v-0bc368c9]:disabled{background-color:var(--b-toggle-button-primary-toggled-disabled-background-color);box-shadow:var(--b-toggle-button-primary-toggled-disabled-box-shadow);color:var(--b-toggle-button-primary-toggled-disabled-color)}.b-toggle-button--primary-toggled:disabled.b-toggle-button--inverse[data-v-0bc368c9],.b-toggle-button--inverse .b-toggle-button--primary-toggled[data-v-0bc368c9]:disabled{background-color:var(--b-toggle-button-primary-toggled-disabled-background-color-inverse)}.b-toggle-button--primary-toggled:disabled.b-toggle-button--inverse[data-v-0bc368c9],.b-toggle-button--inverse .b-toggle-button--primary-toggled[data-v-0bc368c9]:disabled{box-shadow:var(--b-toggle-button-primary-toggled-disabled-box-shadow-inverse)}.b-toggle-button--primary-toggled:disabled.b-toggle-button--inverse[data-v-0bc368c9],.b-toggle-button--inverse .b-toggle-button--primary-toggled[data-v-0bc368c9]:disabled{color:var(--b-toggle-button-primary-toggled-disabled-color-inverse)}.b-toggle-button--secondary-toggled[data-v-0bc368c9]{background-color:var(--b-toggle-button-secondary-toggled-background-color);border-color:var(--b-toggle-button-secondary-toggled-border-color)}.b-toggle-button--secondary-toggled.b-toggle-button--inverse[data-v-0bc368c9],.b-toggle-button--inverse .b-toggle-button--secondary-toggled[data-v-0bc368c9]{background-color:var(--b-toggle-button-secondary-toggled-background-color-inverse)}.b-toggle-button--secondary-toggled.b-toggle-button--inverse[data-v-0bc368c9],.b-toggle-button--inverse .b-toggle-button--secondary-toggled[data-v-0bc368c9]{border-color:var(--b-toggle-button-secondary-toggled-border-color-inverse)}@media (hover: hover){.b-toggle-button--secondary-toggled[data-v-0bc368c9]:hover{background-color:var(--b-toggle-button-secondary-toggled-hover-background-color)}.b-toggle-button--secondary-toggled:hover.b-toggle-button--inverse[data-v-0bc368c9],.b-toggle-button--inverse .b-toggle-button--secondary-toggled[data-v-0bc368c9]:hover{background-color:var(--b-toggle-button-secondary-toggled-hover-background-color-inverse)}}.b-toggle-button--secondary-toggled[data-v-0bc368c9]:active{background-color:var(--b-toggle-button-secondary-toggled-active-background-color)}.b-toggle-button--secondary-toggled:active.b-toggle-button--inverse[data-v-0bc368c9],.b-toggle-button--inverse .b-toggle-button--secondary-toggled[data-v-0bc368c9]:active{background-color:var(--b-toggle-button-secondary-toggled-active-background-color-inverse)}.b-toggle-button--secondary-toggled[data-v-0bc368c9]:disabled{background-color:var(--b-toggle-button-secondary-toggled-disabled-background-color);color:var(--b-toggle-button-secondary-toggled-disabled-color)}.b-toggle-button--secondary-toggled:disabled.b-toggle-button--inverse[data-v-0bc368c9],.b-toggle-button--inverse .b-toggle-button--secondary-toggled[data-v-0bc368c9]:disabled{background-color:var(--b-toggle-button-secondary-toggled-disabled-background-color-inverse)}.b-toggle-button--secondary-toggled:disabled.b-toggle-button--inverse[data-v-0bc368c9],.b-toggle-button--inverse .b-toggle-button--secondary-toggled[data-v-0bc368c9]:disabled{color:var(--b-toggle-button-secondary-toggled-disabled-color-inverse)}.b-toggle-button--tertiary-with-background-toggled[data-v-0bc368c9]{background-color:var(--b-toggle-button-tertiary-toggled-background-color)}.b-toggle-button--tertiary-with-background-toggled.b-toggle-button--inverse[data-v-0bc368c9],.b-toggle-button--inverse .b-toggle-button--tertiary-with-background-toggled[data-v-0bc368c9]{background-color:var(--b-toggle-button-tertiary-toggled-background-color-inverse)}@media (hover: hover){.b-toggle-button--tertiary-with-background-toggled[data-v-0bc368c9]:hover{background-color:var(--b-toggle-button-tertiary-toggled-hover-background-color)}.b-toggle-button--tertiary-with-background-toggled:hover.b-toggle-button--inverse[data-v-0bc368c9],.b-toggle-button--inverse .b-toggle-button--tertiary-with-background-toggled[data-v-0bc368c9]:hover{background-color:var(--b-toggle-button-tertiary-toggled-hover-background-color-inverse)}}.b-toggle-button--tertiary-with-background-toggled[data-v-0bc368c9]:active{background-color:var(--b-toggle-button-tertiary-toggled-active-background-color)}.b-toggle-button--tertiary-with-background-toggled:active.b-toggle-button--inverse[data-v-0bc368c9],.b-toggle-button--inverse .b-toggle-button--tertiary-with-background-toggled[data-v-0bc368c9]:active{background-color:var(--b-toggle-button-tertiary-toggled-active-background-color-inverse)}.b-toggle-button--tertiary-with-background-toggled[data-v-0bc368c9]:disabled{background-color:var(--b-toggle-button-tertiary-toggled-disabled-background-color);color:var(--b-toggle-button-tertiary-toggled-disabled-color)}.b-toggle-button--tertiary-with-background-toggled:disabled.b-toggle-button--inverse[data-v-0bc368c9],.b-toggle-button--inverse .b-toggle-button--tertiary-with-background-toggled[data-v-0bc368c9]:disabled{background-color:var(--b-toggle-button-tertiary-toggled-disabled-background-color-inverse)}.b-toggle-button--tertiary-with-background-toggled:disabled.b-toggle-button--inverse[data-v-0bc368c9],.b-toggle-button--inverse .b-toggle-button--tertiary-with-background-toggled[data-v-0bc368c9]:disabled{color:var(--b-toggle-button-tertiary-toggled-disabled-color-inverse)}

package/dist/chunks/base-button.BB5tkzjh.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"base-button.BB5tkzjh.js","sources":["../../src/components/internal/base-button/base-button.types.ts","../../src/components/internal/base-button/base-button.vue"],"sourcesContent":["export enum BentoBaseButtonPropClass {\n    DESTRUCTIVE = 'critical',\n    ICON_ONLY = 'icon-only',\n}\n\nexport enum BentoBaseButtonEvent {\n    BLUR = 'blur',\n    CLICK = 'click',\n    FOCUS = 'focus',\n    KEYDOWN_ESC = 'keydown.esc',\n}\n\nexport enum BaseButtonType {\n    BUTTON = 'button',\n    RESET = 'reset',\n    SUBMIT = 'submit',\n}\n","<template>\n    <button\n        ref=\"bentoBaseButtonRef\"\n        class=\"b-base-button\"\n        :class=\"conditionalClasses\"\n        :disabled=\"disabled\"\n        :type=\"type\"\n        :aria-expanded=\"ariaAttributes['aria-expanded']\"\n        @click=\"onClickButton\"\n        @focus=\"onFocusButton\"\n        @blur=\"onBlurButton\"\n    >\n        <span v-if=\"hasSlot('iconLeft')\" class=\"b-base-button__icon-left\" data-testid=\"icon-button-left\">\n            <slot name=\"iconLeft\" />\n        </span>\n        <bento-typography v-if=\"hasSlot('default')\" el=\"span\" variant=\"body\" stronger class=\"b-base-button__label\">\n            <slot />\n        </bento-typography>\n        <span v-if=\"hasSlot('iconRight')\" class=\"b-base-button__icon-right\" data-testid=\"icon-button-right\">\n            <slot name=\"iconRight\" />\n        </span>\n    </button>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, type PropType, ref } from 'vue';\n    import { BentoBaseButtonEvent, BentoBaseButtonPropClass } from './base-button.types';\n    import type { ButtonHTMLAttributes } from 'vue/types/jsx.d.ts';\n    import { BentoTypography } from '@/components/typography';\n    import { useHasSlot } from '@/composables';\n    import { type Booleanish } from '@/types';\n\n    /**\n     * Base button component to use as a base for all the various types of bento buttons. For internal use only.\n     *\n     * * @example\n     * import { BaseButton, BaseButtonEvent } from '@/components/internal/base-button';\n     * import YourImportedIcon from @adyen/ui-assets-icons-16/example-icon';\n     *\n     * export default {\n     *      components: { BaseButton, YourImportedIcon },\n     *      props: {\n     *         text:\n     *      },\n     *      template: `\n     *          <base-button class=\"your-custom-button-styles\" @click=\"onClick\">\n     *             <template #iconLeft><your-imported-icon></template>\n     *             Button text\n     *             <template #iconRight><your-imported-icon></template>\n     *          </base-button>\n     *      `,\n     *      emits: [BentoButtonEvent.CLICK],\n     *      setup: (prps, { emit }) => {\n     *          const onClick = value => emit(BaseButtonEvent.CLICK, value);\n     *\n     *          return {\n     *              onClick,\n     *          };\n     *      }\n     * }\n     */\n    export default defineComponent({\n        name: 'base-button',\n        components: { BentoTypography },\n        props: {\n            /**\n             * Disables button functionality\n             */\n            disabled: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * Displays button as critical\n             */\n            critical: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * The default behavior of the button.\n             * Possible values are: 'button', 'reset', 'submit'\n             */\n            type: {\n                type: String as PropType<ButtonHTMLAttributes['type']>,\n                default: 'button',\n            },\n        },\n        emits: [\n            BentoBaseButtonEvent.CLICK,\n            BentoBaseButtonEvent.FOCUS,\n            BentoBaseButtonEvent.BLUR,\n            BentoBaseButtonEvent.KEYDOWN_ESC,\n        ],\n        setup(props, { slots, emit, attrs }) {\n            const ariaAttributes = computed(() => ({\n                'aria-expanded': attrs['aria-expanded']?.toString() as Booleanish,\n            }));\n\n            const bentoBaseButtonRef = ref(null);\n\n            const conditionalClasses = computed(() => ({\n                [`b-base-button--${BentoBaseButtonPropClass.DESTRUCTIVE}`]: props.critical,\n                [`b-base-button--${BentoBaseButtonPropClass.ICON_ONLY}`]: !slots.default,\n            }));\n\n            const onClickButton = (e: MouseEvent) => {\n                if (!props.disabled) {\n                    emit(BentoBaseButtonEvent.CLICK, e);\n                } else {\n                    e.preventDefault();\n                    e.stopPropagation();\n                }\n            };\n\n            const onFocusButton = (e: FocusEvent) => {\n                emit(BentoBaseButtonEvent.FOCUS, e);\n            };\n\n            const onBlurButton = (e: FocusEvent) => {\n                emit(BentoBaseButtonEvent.BLUR, e);\n            };\n\n            return {\n                // Values\n                ariaAttributes,\n                conditionalClasses,\n\n                // Methods\n                onClickButton,\n                onFocusButton,\n                onBlurButton,\n                hasSlot: useHasSlot(slots),\n\n                // Refs\n                bentoBaseButtonRef,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./base-button.scss\" />\n"],"names":["BentoBaseButtonPropClass","BentoBaseButtonPropClass2","BentoBaseButtonEvent","BentoBaseButtonEvent2","_sfc_main","defineComponent","BentoTypography","props","slots","emit","attrs","ariaAttributes","computed","_a","bentoBaseButtonRef","ref","conditionalClasses","e","useHasSlot"],"mappings":";;;;;AAAY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,cAAA,YACAA,EAAA,YAAA,aAFQA,IAAAD,KAAA,CAAA,CAAA,GAKAE,IAAA,kBAAAC,OACRA,EAAA,OAAA,QACAA,EAAA,QAAA,SACAA,EAAA,QAAA,SACAA,EAAA,cAAA,eAJQA,IAAAD,KAAA,CAAA,CAAA;ACwDZ,MAAAE,IAAAC,EAAA;AAAA,EAAA,MAAA;AAAA,EACA,YAAA,EAAA,iBAAAC,EAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA,IACA,UAAA;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,IACA,MAAA;AAAA,MAKA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,OAAA;AAAA,IACAJ,EAAA;AAAA,IACAA,EAAA;AAAA,IACAA,EAAA;AAAA,IACAA,EAAA;AAAA,EACA;AAAA,EACA,MAAAK,GAAA,EAAA,OAAAC,GAAA,MAAAC,GAAA,OAAAC,EAAA,GAAA;AAEA,UAAAC,IAAAC,EAAA,MAAA;;AAAA;AAAA,QAAA,kBAAAC,IAAAH,EAAA,eAAA,MAAA,gBAAAG,EAAA;AAAA,MACA;AAAA,KAAA,GAGAC,IAAAC,EAAA,IAAA,GAEAC,IAAAJ,EAAA,OAAA;AAAA,MAAA,CAAA,kBAAAZ,EAAA,WAAA,EAAA,GAAAO,EAAA;AAAA,MACA,CAAA,kBAAAP,EAAA,SAAA,EAAA,GAAA,CAAAQ,EAAA;AAAA,IACA,EAAA;AAoBA,WAAA;AAAA;AAAA,MAAA,gBAAAG;AAAA,MAEA,oBAAAK;AAAA;AAAA,MACA,eApBA,CAAAC,MAAA;AACA,QAAAV,EAAA,YAGAU,EAAA,eAAA,GACAA,EAAA,gBAAA,KAHAR,EAAAP,EAAA,OAAAe,CAAA;AAAA,MAIA;AAAA,MAiBA,eAdA,CAAAA,MAAA;AACA,QAAAR,EAAAP,EAAA,OAAAe,CAAA;AAAA,MAAA;AAAA,MAcA,cAXA,CAAAA,MAAA;AACA,QAAAR,EAAAP,EAAA,MAAAe,CAAA;AAAA,MAAA;AAAA,MAWA,SAAAC,EAAAV,CAAA;AAAA;AAAA,MACA,oBAAAM;AAAA,IAGA;AAAA,EACA;AAEA,CAAA;;;;;;;;;;;;;"}

package/dist/chunks/chevron-right.C--ZOC9j.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chevron-right.C--ZOC9j.js","sources":["../../../ui-assets/icons-16/dist/vue/chevron-left.vue","../../../ui-assets/icons-16/dist/vue/chevron-right.vue"],"sourcesContent":["\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#001222\" d=\"M11.5606 3.00011L6.56056 8.00011L11.5606 13.0001L10.4999 14.0608L4.43924 8.00011L10.4999 1.93945L11.5606 3.00011Z\"/></svg>\n</template>\n<script>\n    import '../css/main.css';\n\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#001222\" d=\"M4.43945 12.9999L9.43945 7.99988L4.43945 2.99988L5.50011 1.93922L11.5608 7.99988L5.50011 14.0605L4.43945 12.9999Z\"/></svg>\n</template>\n<script>\n    import '../css/main.css';\n\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n"],"names":["uuid","_sfc_main"],"mappings":";;AAOA,IAAAA,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;ACPA,IAAAA,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;"}

package/dist/chunks/code-snippet.BvhpH_JE.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"code-snippet.BvhpH_JE.js","sources":["../../src/components/code-snippet/highlight.ts","../../src/components/code-snippet/code-snippet.types.ts","../../../../node_modules/.pnpm/codemirror-lang-csv@0.1.1/node_modules/codemirror-lang-csv/dist/index.js","../../src/components/code-snippet/utils/get-lang-loader.ts","../../src/components/code-snippet/utils/indent-same-as-line-before-extension.ts","../../src/components/code-snippet/code-snippet.vue"],"sourcesContent":["import { HighlightStyle, syntaxHighlighting } from '@codemirror/language';\nimport { tags as t } from '@lezer/highlight';\nimport {\n    BCodeSnippetCodeAreaHighlightBlue,\n    BCodeSnippetCodeAreaHighlightGreen,\n    BCodeSnippetCodeAreaHighlightOrange,\n    BCodeSnippetCodeAreaHighlightRed,\n} from '@adyen/bento-design-tokens/dist/js/bento/es6';\nimport { type BentoCodeSnippetSupportedLanguage } from './code-snippet.types';\n\nconst lightThemeColors = {\n    red: BCodeSnippetCodeAreaHighlightRed,\n    orange: BCodeSnippetCodeAreaHighlightOrange,\n    green: BCodeSnippetCodeAreaHighlightGreen,\n    blue: BCodeSnippetCodeAreaHighlightBlue,\n    invalid: '#ffffff',\n};\n\nconst highlightStyle = (colors, language: BentoCodeSnippetSupportedLanguage | `${BentoCodeSnippetSupportedLanguage}`) =>\n    HighlightStyle.define([\n        {\n            tag: t.keyword,\n            color: colors.red,\n        },\n        {\n            tag: [t.name, t.deleted, t.character, t.propertyName, t.macroName],\n            color: colors.green,\n        },\n        {\n            tag: [t.function(t.variableName), t.labelName],\n            color: colors.blue,\n        },\n        {\n            tag: [t.color, t.constant(t.name), t.standard(t.name)],\n            color: colors.red,\n        },\n        {\n            tag: [t.definition(t.name), ...(language !== 'json' ? [t.separator] : [])],\n            color: colors.red,\n        },\n        {\n            tag: [t.typeName, t.className, t.number, t.changed, t.annotation, t.modifier, t.self, t.namespace],\n            color: colors.orange,\n        },\n        {\n            tag: [t.operator, t.operatorKeyword, t.url, t.escape, t.regexp, t.link, t.special(t.string)],\n            color: colors.blue,\n        },\n        {\n            tag: [t.meta, t.comment],\n            color: colors.orange,\n        },\n        {\n            tag: t.strong,\n            fontWeight: 'bold',\n        },\n        {\n            tag: t.emphasis,\n            fontStyle: 'italic',\n        },\n        {\n            tag: t.strikethrough,\n            textDecoration: 'line-through',\n        },\n        {\n            tag: t.link,\n            color: colors.orange,\n            textDecoration: 'underline',\n        },\n        {\n            tag: t.heading,\n            fontWeight: 'bold',\n            color: colors.blue,\n        },\n        {\n            tag: [t.atom, t.bool, t.special(t.variableName)],\n            color: colors.red,\n        },\n        {\n            tag: [t.processingInstruction, t.string, t.inserted],\n            color: colors.blue,\n        },\n        {\n            tag: t.invalid,\n            color: colors.invalid,\n        },\n    ]);\n\nexport const lightThemeHighlight = (\n    language: BentoCodeSnippetSupportedLanguage | `${BentoCodeSnippetSupportedLanguage}`\n) => syntaxHighlighting(highlightStyle(lightThemeColors, language));\n","/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoCodeSnippetVariant {\n    INLINE = 'inline',\n    SINGLELINE = 'singleline',\n    MULTILINE = 'multiline',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoCodeSnippetSupportedLanguage {\n    JSON = 'json',\n    XML = 'xml',\n    JAVA = 'java',\n    JAVASCRIPT = 'javascript',\n    PYTHON = 'python',\n    CSV = 'csv',\n}\n\nexport enum BentoCodeSnippetEvent {\n    ACTION = 'action',\n    CHANGE = 'change',\n}\n\nexport interface BentoCodeSnippetProps {\n    /**\n     * Displays a button that when clicked will emit an action event\n     * Leaves to the parent component the logic of what to do with it\n     */\n    actionable?: boolean;\n\n    /**\n     * Displays a button that when clicked will emit a run event\n     * Leaves to the parent component the logic of what to do with it\n     */\n    actionableText?: string;\n\n    /**\n     * The code content\n     */\n    content?: string;\n\n    /**\n     * Displays a button that can expand the codeblock into a modal to easily\n     * view large blocks of code.\n     */\n    expandable?: boolean;\n\n    /**\n     * Allows editing of the code-snippet content by the user\n     */\n    editable?: boolean;\n\n    /**\n     * Language name for syntax highlighting rules\n     */\n    lang?: BentoCodeSnippetSupportedLanguage | `${BentoCodeSnippetSupportedLanguage}`;\n\n    /**\n     * Label to show in the action-bar, describing the language\n     */\n    langLabel?: string;\n\n    /**\n     * Toggles the loading indicator within the action bar\n     */\n    loading?: boolean;\n\n    /**\n     * Defines the variant of code-snippet\n     */\n    variant?: BentoCodeSnippetVariant | `${BentoCodeSnippetVariant}`;\n}\n","import { LRParser } from '@lezer/lr';\nimport { LRLanguage, LanguageSupport } from '@codemirror/language';\nimport { styleTags, tags } from '@lezer/highlight';\n\n// This file was generated by lezer-generator. You probably shouldn't edit it.\nconst parser = LRParser.deserialize({\n  version: 14,\n  states: \"nQVQPOOOOQO'#Ce'#CeOOQO'#Ca'#CaQVQPOOOOQO-E6_-E6_\",\n  stateData: \"g~OWOS~OQPORPOSPO~OQRSR~\",\n  goto: \"eYPPPPPZPPPaQRORSRTQOR\",\n  nodeNames: \"⚠ Program String Separator Value\",\n  maxTerm: 9,\n  skippedNodes: [0],\n  repeatNodeCount: 1,\n  tokenData: \"'Y~RZOYtYZ!cZrtrs!hs|t|}'T}!]t!]!^'T!^;'St;'S;=`!]<%lOt~yUS~OYtZ|t}!]t!^;'St;'S;=`!]<%lOt~!`P;=`<%lt~!hOW~~!m]S~OY!hYZ#fZr!hrs%Ss|!h|}#f}!]!h!]!^#f!^#O!h#O#P%m#P;'S!h;'S;=`&}<%lO!h~#iVOr#frs$Os#O#f#O#P$T#P;'S#f;'S;=`$|<%lO#f~$TOQ~~$WRO;'S#f;'S;=`$a;=`O#f~$dWOr#frs$Os#O#f#O#P$T#P;'S#f;'S;=`$|;=`<%l#f<%lO#f~%PP;=`<%l#f~%ZUQ~S~OYtZ|t}!]t!^;'St;'S;=`!]<%lOt~%rYS~OY!hYZ#fZ|!h|}#f}!]!h!]!^#f!^;'S!h;'S;=`&b;=`<%l#f<%lO!h~&eWOr#frs$Os#O#f#O#P$T#P;'S#f;'S;=`$|;=`<%l!h<%lO#f~'QP;=`<%l!h~'YOR~\",\n  tokenizers: [0],\n  topRules: {\"Program\":[0,1]},\n  tokenPrec: 18\n});\n\nconst csvLanguage = LRLanguage.define({\n    parser: parser.configure({\n        props: [\n            styleTags({\n                Separator: tags.separator,\n                Value: tags.string,\n                String: tags.string,\n                LineComment: tags.lineComment,\n                \"( )\": tags.paren,\n            }),\n        ],\n    }),\n});\nfunction csv() {\n    return new LanguageSupport(csvLanguage);\n}\n\nexport { csv, csvLanguage };\n","import { BentoCodeSnippetSupportedLanguage } from '@/components/code-snippet/code-snippet.types';\nimport { json } from '@codemirror/lang-json';\nimport { xml } from '@codemirror/lang-xml';\nimport { javascript } from '@codemirror/lang-javascript';\nimport { java } from '@codemirror/lang-java';\nimport { python } from '@codemirror/lang-python';\nimport { csv } from 'codemirror-lang-csv';\nimport type { LanguageSupport } from '@codemirror/language';\n\n/**\n * TODO: This should be handled with dynamic imports,\n * without relying on importing every single language/package available.\n * These supported types need to be kept in line with the ones in packages/vue2/src/components/code-snippet/code-snippet.types.ts enum\n */\nconst importsMap: Record<BentoCodeSnippetSupportedLanguage, () => LanguageSupport> = {\n    [BentoCodeSnippetSupportedLanguage.JSON]: json,\n    [BentoCodeSnippetSupportedLanguage.XML]: xml,\n    [BentoCodeSnippetSupportedLanguage.JAVASCRIPT]: javascript,\n    [BentoCodeSnippetSupportedLanguage.JAVA]: java,\n    [BentoCodeSnippetSupportedLanguage.PYTHON]: python,\n    [BentoCodeSnippetSupportedLanguage.CSV]: csv,\n};\n\n/**\n * Returns a language loder for `CodeMirror`.\n * Supported languages: json, xml, javascript & java\n *\n * @param language Language to be used\n * @returns Language configuration loader to be used in codemirror\n */\nexport const getLangLoader = (language: BentoCodeSnippetSupportedLanguage | `${BentoCodeSnippetSupportedLanguage}`) => {\n    const loadLang = async () => importsMap[language];\n\n    return loadLang;\n};\n","import { EditorSelection, type EditorState, type SelectionRange } from '@codemirror/state';\n\n/**\n * Calculate indentation for a new line based on line before it.\n * @param state - The editor state\n * @param line - the selection range, in this case one line\n * @returns the indentation string to be pre-pended on a new line.\n */\nconst getIndentation = (state: EditorState, line: SelectionRange) => {\n    const currentLine = state.doc.lineAt(line.from);\n    const indentMatch = /^\\s*/.exec(currentLine.text);\n    return indentMatch ? indentMatch[0] : '';\n};\n\n/**\n * This extension to codemirror will, upon pressing the 'Enter' key, indent the new line\n * the same as the line before it.\n */\nexport const INDENT_SAME_AS_LINE_BEFORE = {\n    key: 'Enter',\n    run: ({ state, dispatch }) => {\n        const changes = state.changeByRange(range => {\n            const indentation = getIndentation(state, range);\n            const newText = `\\n${indentation}`;\n            return {\n                changes: { from: range.from, to: range.to, insert: newText },\n                range: EditorSelection.cursor(range.from + newText.length),\n            };\n        });\n        dispatch(state.update(changes, { scrollIntoView: true, userEvent: 'input' }));\n        return true;\n    },\n};\n\nexport default INDENT_SAME_AS_LINE_BEFORE;\n","<template>\n    <div class=\"b-code-snippet\" :class=\"conditionalClasses\">\n        <section v-if=\"!isInlineVariant\" class=\"b-code-snippet__action-bar\">\n            <div class=\"b-code-snippet__action-bar--start\">\n                <bento-dropdown\n                    v-if=\"availableLanguages.length > 0\"\n                    v-model=\"selectedLanguage\"\n                    v-bind=\"$props\"\n                    :disabled=\"availableLanguages.length === 1\"\n                    :items=\"availableLanguages\"\n                    class=\"b-code-snippet__language-picker\"\n                    @input=\"handleChangeLanguage\"\n                />\n                <bento-typography el=\"span\" stronger>\n                    {{ displayedLang }}\n                </bento-typography>\n            </div>\n            <div class=\"b-code-snippet__action-bar--end\">\n                <bento-loading-indicator v-if=\"loading\" />\n                <copy v-if=\"currentContents !== null\" class=\"b-structured-list__icon\" :text=\"currentContents\" />\n                <bento-button\n                    v-if=\"expandable\"\n                    variant=\"tertiary\"\n                    condensed\n                    :aria-label=\"t('expand')\"\n                    @click=\"showModal = true\"\n                >\n                    <template #iconLeft>\n                        <expand-icon />\n                    </template>\n                </bento-button>\n                <bento-button v-if=\"actionable\" variant=\"primary\" tertiary condensed @click=\"onActionClicked\">\n                    <template #iconLeft>\n                        <bento-typography el=\"span\" class=\"b-code-snippet__action-button\">\n                            {{ runText }}\n                        </bento-typography>\n                    </template>\n                </bento-button>\n            </div>\n        </section>\n        <code v-if=\"content || editable\" class=\"b-code-snippet__code-area\">\n            <div ref=\"container\" class=\"b-code-snippet__code-area-content\" :class=\"codeAreaContentConditionalClasses\" />\n        </code>\n        <section v-else>\n            <slot name=\"empty-state\">\n                <!-- TODO: switch with empty-state component when ready -->\n                <div class=\"b-code-snippet__empty-state\">{{ t('nothingToDisplay') }}</div>\n            </slot>\n        </section>\n        <base-modal\n            v-if=\"expandable\"\n            class=\"b-code-snippet__modal\"\n            :hide-close-button=\"true\"\n            :custom-padding=\"'0px'\"\n            :is-dismissible=\"true\"\n            :is-open=\"showModal\"\n            size=\"large\"\n            @close-modal=\"showModal = false\"\n        >\n            <template #content>\n                <bento-code-snippet v-bind=\"{ ...$props, expandable: false }\" />\n            </template>\n        </base-modal>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, onMounted, ref, shallowRef, watch, watchEffect } from 'vue';\n    import { EditorView, highlightActiveLine, keymap, lineNumbers } from '@codemirror/view';\n    import { Compartment, EditorState } from '@codemirror/state';\n    import { history, indentWithTab } from '@codemirror/commands';\n    import { lightThemeHighlight } from './highlight';\n    import { getLangLoader, INDENT_SAME_AS_LINE_BEFORE } from './utils';\n    import { BentoDropdown } from '@/components/dropdown';\n    import { BentoButton } from '@/components/button';\n    import { BentoTypography } from '@/components/typography';\n    import { BentoLoadingIndicator } from '@/components/loading-indicator';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { Copy } from '@/internal';\n    import {\n        BentoCodeSnippetEvent,\n        type BentoCodeSnippetProps,\n        BentoCodeSnippetSupportedLanguage,\n        BentoCodeSnippetVariant,\n    } from './code-snippet.types';\n    import ExpandIcon from '@adyen/ui-assets-icons-16/vue/expand';\n    import BaseModal from '@/components/modal/components/base-modal/base-modal.vue';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const props = defineProps({\n  actionable: { type: Boolean, default: false },\n  actionableText: { default: null },\n  content: { default: '' },\n  expandable: { type: Boolean, default: false },\n  editable: { type: Boolean, default: false },\n  lang: { default: BentoCodeSnippetSupportedLanguage.JSON },\n  langLabel: { default: null },\n  loading: { type: Boolean, default: false },\n  variant: { default: BentoCodeSnippetVariant.MULTILINE }\n});\n\n    const emit = defineEmits([BentoCodeSnippetEvent.ACTION, BentoCodeSnippetEvent.CHANGE]);\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    // language\n    const selectedLanguage = ref<string | null>(null);\n    const availableLanguages = []; // TODO: implement\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    const handleChangeLanguage = () => {};\n    const displayedLang = computed(() => props.langLabel ?? props.lang.toUpperCase());\n\n    const isInlineVariant = computed(() => props.variant === BentoCodeSnippetVariant.INLINE);\n\n    const conditionalClasses = computed(() => ({\n        'b-code-snippet--inline': isInlineVariant.value,\n        'b-code-snippet--scrollable': !isInlineVariant.value,\n    }));\n\n    const codeAreaContentConditionalClasses = computed(() => ({\n        'b-code-snippet__code-area-content--editable': props.editable,\n    }));\n\n    const loadLang = getLangLoader(props.lang);\n\n    const container = shallowRef<HTMLDivElement>();\n    const editor = shallowRef<EditorView>();\n    const languageConf = new Compartment();\n    const editorTheme = new Compartment();\n    const editorReadOnly = new Compartment();\n\n    const currentContents = ref(null);\n    const contentLength = ref(0);\n\n    const runText = computed(() => props.actionableText || t('run'));\n\n    onMounted(async () => {\n        const language = await loadLang();\n\n        // alongside the updateListener plugin it acts as a watcher of changes to the editor state\n        currentContents.value = props.content;\n        const updateCurrentContents = ({ state }) => {\n            currentContents.value = state.doc.toString();\n        };\n\n        const extensions = [\n            highlightActiveLine(),\n            keymap.of([indentWithTab, INDENT_SAME_AS_LINE_BEFORE]),\n            languageConf.of(language()),\n            editorTheme.of(lightThemeHighlight(props.lang)),\n\n            editorReadOnly.of(EditorState.readOnly.of(!props.editable)),\n            EditorView.updateListener.of(content => updateCurrentContents(content)),\n        ];\n\n        if (props.variant === 'multiline') {\n            extensions.push([lineNumbers(), history()]);\n        }\n\n        const state = EditorState.create({\n            doc: props.content,\n            extensions: [...extensions],\n        });\n        contentLength.value = state.doc.length;\n\n        editor.value = new EditorView({\n            state,\n            parent: container.value,\n        });\n    });\n    watch(\n        () => props.content,\n        () => {\n            if (props.content !== currentContents.value) {\n                const upcomingContentLength = props.content.length;\n                editor.value.dispatch({\n                    changes: {\n                        from: 0,\n                        to: contentLength.value,\n                        insert: props.content,\n                    },\n                });\n                contentLength.value = upcomingContentLength;\n            }\n        }\n    );\n\n    const onActionClicked = () => {\n        emit(BentoCodeSnippetEvent.ACTION, currentContents.value);\n    };\n\n    watchEffect(() => {\n        if (currentContents.value !== null) {\n            emit(BentoCodeSnippetEvent.CHANGE, currentContents.value);\n        }\n    });\n\n    const showModal = ref(false);\n</script>\n\n<script lang=\"ts\">\n    /**\n     * A code-snippet is a container to display code in a readable way.\n     * Come with added functionalities like syntax highlighting, editing and actioning the code\n     *\n     * @example\n     * import { BentoCodeSnippet } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoCodeSnippet },\n     *     template: `\n     *          <bento-code-snippet :variant=\"BentoCodeSnippetVariant.MULTILINE\" content=\"{ example: 1234 }\" />\n     *     `\n     * }\n     */\n    export default {\n        i18n: { messages },\n        name: 'bento-code-snippet',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./code-snippet.scss\"></style>\n"],"names":["lightThemeColors","BCodeSnippetCodeAreaHighlightRed","BCodeSnippetCodeAreaHighlightOrange","BCodeSnippetCodeAreaHighlightGreen","BCodeSnippetCodeAreaHighlightBlue","highlightStyle","colors","language","HighlightStyle","tags","lightThemeHighlight","syntaxHighlighting","BentoCodeSnippetVariant","BentoCodeSnippetVariant2","BentoCodeSnippetSupportedLanguage","BentoCodeSnippetSupportedLanguage2","BentoCodeSnippetEvent","BentoCodeSnippetEvent2","parser","LRParser","csvLanguage","LRLanguage","styleTags","csv","LanguageSupport","importsMap","json","xml","javascript","java","python","getLangLoader","getIndentation","state","line","currentLine","indentMatch","INDENT_SAME_AS_LINE_BEFORE","dispatch","changes","range","newText","EditorSelection","__default__","messages","t","useI18n","selectedLanguage","ref","availableLanguages","handleChangeLanguage","displayedLang","computed","props","isInlineVariant","conditionalClasses","codeAreaContentConditionalClasses","loadLang","container","shallowRef","editor","languageConf","Compartment","editorTheme","editorReadOnly","currentContents","contentLength","runText","onMounted","updateCurrentContents","state2","extensions","highlightActiveLine","keymap","indentWithTab","EditorState","EditorView","content","lineNumbers","history","watch","upcomingContentLength","onActionClicked","emit","watchEffect","showModal"],"mappings":";;;;;;;;;;;;;AAUA,MAAAA,KAAA;AAAA,EAAyB,KAAAC;AAAA,EAChB,QAAAC;AAAA,EACG,OAAAC;AAAA,EACD,MAAAC;AAAA,EACD,SAAA;AAEV,GAEAC,KAAA,CAAAC,GAAAC,MAAAC,EAAA,OAAA;AAAA,EAC0B;AAAA,IAClB,KAAAC,EAAA;AAAA,IACW,OAAAH,EAAA;AAAA,EACO;AAAA,EAClB;AAAA,IACA,KAAA,CAAAG,EAAA,MAAAA,EAAA,SAAAA,EAAA,WAAAA,EAAA,cAAAA,EAAA,SAAA;AAAA,IACqE,OAAAH,EAAA;AAAA,EACnD;AAAA,EAClB;AAAA,IACA,KAAA,CAAAG,EAAA,SAAAA,EAAA,YAAA,GAAAA,EAAA,SAAA;AAAA,IACiD,OAAAH,EAAA;AAAA,EAC/B;AAAA,EAClB;AAAA,IACA,KAAA,CAAAG,EAAA,OAAAA,EAAA,SAAAA,EAAA,IAAA,GAAAA,EAAA,SAAAA,EAAA,IAAA,CAAA;AAAA,IACyD,OAAAH,EAAA;AAAA,EACvC;AAAA,EAClB;AAAA,IACA,KAAA,CAAAG,EAAA,WAAAA,EAAA,IAAA,GAAA,GAAAF,MAAA,SAAA,CAAAE,EAAA,SAAA,IAAA,CAAA,CAAA;AAAA,IAC6E,OAAAH,EAAA;AAAA,EAC3D;AAAA,EAClB;AAAA,IACA,KAAA,CAAAG,EAAA,UAAAA,EAAA,WAAAA,EAAA,QAAAA,EAAA,SAAAA,EAAA,YAAAA,EAAA,UAAAA,EAAA,MAAAA,EAAA,SAAA;AAAA,IACqG,OAAAH,EAAA;AAAA,EACnF;AAAA,EAClB;AAAA,IACA,KAAA,CAAAG,EAAA,UAAAA,EAAA,iBAAAA,EAAA,KAAAA,EAAA,QAAAA,EAAA,QAAAA,EAAA,MAAAA,EAAA,QAAAA,EAAA,MAAA,CAAA;AAAA,IAC+F,OAAAH,EAAA;AAAA,EAC7E;AAAA,EAClB;AAAA,IACA,KAAA,CAAAG,EAAA,MAAAA,EAAA,OAAA;AAAA,IAC2B,OAAAH,EAAA;AAAA,EACT;AAAA,EAClB;AAAA,IACA,KAAAG,EAAA;AAAA,IACW,YAAA;AAAA,EACK;AAAA,EAChB;AAAA,IACA,KAAAA,EAAA;AAAA,IACW,WAAA;AAAA,EACI;AAAA,EACf;AAAA,IACA,KAAAA,EAAA;AAAA,IACW,gBAAA;AAAA,EACS;AAAA,EACpB;AAAA,IACA,KAAAA,EAAA;AAAA,IACW,OAAAH,EAAA;AAAA,IACO,gBAAA;AAAA,EACE;AAAA,EACpB;AAAA,IACA,KAAAG,EAAA;AAAA,IACW,YAAA;AAAA,IACK,OAAAH,EAAA;AAAA,EACE;AAAA,EAClB;AAAA,IACA,KAAA,CAAAG,EAAA,MAAAA,EAAA,MAAAA,EAAA,QAAAA,EAAA,YAAA,CAAA;AAAA,IACmD,OAAAH,EAAA;AAAA,EACjC;AAAA,EAClB;AAAA,IACA,KAAA,CAAAG,EAAA,uBAAAA,EAAA,QAAAA,EAAA,QAAA;AAAA,IACuD,OAAAH,EAAA;AAAA,EACrC;AAAA,EAClB;AAAA,IACA,KAAAG,EAAA;AAAA,IACW,OAAAH,EAAA;AAAA,EACO;AAEtB,CAAA,GAEGI,KAAA,CAAAH,MAAAI,EAAAN,GAAAL,IAAAO,CAAA,CAAA;ACrFK,IAAAK,IAAA,kBAAAC,OACRA,EAAA,SAAA,UACAA,EAAA,aAAA,cACAA,EAAA,YAAA,aAHQA,IAAAD,KAAA,CAAA,CAAA,GASAE,IAAA,kBAAAC,OACRA,EAAA,OAAA,QACAA,EAAA,MAAA,OACAA,EAAA,OAAA,QACAA,EAAA,aAAA,cACAA,EAAA,SAAA,UACAA,EAAA,MAAA,OANQA,IAAAD,KAAA,CAAA,CAAA,GASAE,IAAA,kBAAAC,OACRA,EAAA,SAAA,UACAA,EAAA,SAAA,UAFQA,IAAAD,KAAA,CAAA,CAAA;AChBZ,MAAAE,KAAAC,EAAA,YAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA,CAAA,CAAA;AAAA,EACA,iBAAA;AAAA,EACA,WAAA;AAAA,EACA,YAAA,CAAA,CAAA;AAAA,EACA,UAAA,EAAA,SAAA,CAAA,GAAA,CAAA,EAAA;AAAA,EACA,WAAA;AACA,CAAA,GAEAC,KAAAC,EAAA,OAAA;AAAA,EACA,QAAAH,GAAA,UAAA;AAAA,IACA,OAAA;AAAA,MACAI,EAAA;AAAA,QACA,WAAAb,EAAA;AAAA,QACA,OAAAA,EAAA;AAAA,QACA,QAAAA,EAAA;AAAA,QACA,aAAAA,EAAA;AAAA,QACA,OAAAA,EAAA;AAAA,MACA,CAAA;AAAA,IACA;AAAA,EACA,CAAA;AACA,CAAA;AACA,SAAAc,KAAA;AACA,SAAA,IAAAC,EAAAJ,EAAA;AACA;ACrBA,MAAAK,KAAA;AAAA,EAAqF,CAAAX,EAAA,IAAA,GAAAY;AAAA,EACvC,CAAAZ,EAAA,GAAA,GAAAa;AAAA,EACD,CAAAb,EAAA,UAAA,GAAAc;AAAA,EACO,CAAAd,EAAA,IAAA,GAAAe;AAAA,EACN,CAAAf,EAAA,MAAA,GAAAgB;AAAA,EACE,CAAAhB,EAAA,GAAA,GAAAS;AAEhD,GASaQ,KAAA,CAAAxB,MACT,YAAAkB,GAAAlB,CAAA,GCvBJyB,KAAA,CAAAC,GAAAC,MAAA;AACI,QAAAC,IAAAF,EAAA,IAAA,OAAAC,EAAA,IAAA,GACAE,IAAA,OAAA,KAAAD,EAAA,IAAA;AACA,SAAAC,IAAAA,EAAA,CAAA,IAAA;AACJ,GAMOC,KAAA;AAAA,EAAmC,KAAA;AAAA,EACjC,KAAA,CAAA,EAAA,OAAAJ,GAAA,UAAAK,EAAA,MAAA;AAED,UAAAC,IAAAN,EAAA,cAAA,CAAAO,MAAA;AAEI,YAAAC,IAAA;AAAA,EADAT,GAAAC,GAAAO,CAAA,CACgB;AAChB,aAAA;AAAA,QAAO,SAAA,EAAA,MAAAA,EAAA,MAAA,IAAAA,EAAA,IAAA,QAAAC,EAAA;AAAA,QACwD,OAAAC,EAAA,OAAAF,EAAA,OAAAC,EAAA,MAAA;AAAA,MACF;AAAA,IAC7D,CAAA;AAEJ,WAAAH,EAAAL,EAAA,OAAAM,GAAA,EAAA,gBAAA,IAAA,WAAA,QAAA,CAAA,CAAA,GACA;AAAA,EAAO;AAEf;;;;;;;;;;;;;;GCyLII,KAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,GAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;;;;;;;;iBAnHA,EAAA,GAAAC,EAAA,IAAAC,GAAA,GAGAC,IAAAC,EAAA,IAAA,GACAC,IAAA,CAAA,GAEAC,IAAA,MAAA;AAAA,IAAmC,GACnCC,IAAAC,EAAA,MAAAC,EAAA,aAAAA,EAAA,KAAA,YAAA,CAAA,GAEAC,IAAAF,EAAA,MAAAC,EAAA,YAAAzC,EAAA,MAAA,GAEA2C,IAAAH,EAAA,OAAA;AAAA,MAA2C,0BAAAE,EAAA;AAAA,MACG,8BAAA,CAAAA,EAAA;AAAA,IACK,EAAA,GAGnDE,IAAAJ,EAAA,OAAA;AAAA,MAA0D,+CAAAC,EAAA;AAAA,IACD,EAAA,GAGzDI,IAAA1B,GAAAsB,EAAA,IAAA,GAEAK,IAAAC,EAAA,GACAC,IAAAD,EAAA,GACAE,IAAA,IAAAC,EAAA,GACAC,IAAA,IAAAD,EAAA,GACAE,IAAA,IAAAF,EAAA,GAEAG,IAAAjB,EAAA,IAAA,GACAkB,IAAAlB,EAAA,CAAA,GAEAmB,IAAAf,EAAA,MAAAC,EAAA,kBAAAR,EAAA,KAAA,CAAA;AAEA,IAAAuB,EAAA,YAAA;AACI,YAAA7D,IAAA,MAAAkD,EAAA;AAGA,MAAAQ,EAAA,QAAAZ,EAAA;AACA,YAAAgB,IAAA,CAAA,EAAA,OAAAC,EAAA,MAAA;AACI,QAAAL,EAAA,QAAAK,EAAA,IAAA,SAAA;AAAA,MAA2C,GAG/CC,IAAA;AAAA,QAAmBC,EAAA;AAAA,QACKC,GAAA,GAAA,CAAAC,IAAArC,EAAA,CAAA;AAAA,QACiCwB,EAAA,GAAAtD,EAAA,CAAA;AAAA,QAC3BwD,EAAA,GAAArD,GAAA2C,EAAA,IAAA,CAAA;AAAA,QACoBW,EAAA,GAAAW,EAAA,SAAA,GAAA,CAAAtB,EAAA,QAAA,CAAA;AAAA,QAEYuB,EAAA,eAAA,GAAA,CAAAC,MAAAR,EAAAQ,CAAA,CAAA;AAAA,MACY;AAG1E,MAAAxB,EAAA,YAAA,eACIkB,EAAA,KAAA,CAAAO,GAAA,GAAAC,GAAA,CAAA,CAAA;AAGJ,YAAA9C,IAAA0C,EAAA,OAAA;AAAA,QAAiC,KAAAtB,EAAA;AAAA,QAClB,YAAA,CAAA,GAAAkB,CAAA;AAAA,MACe,CAAA;AAE9B,MAAAL,EAAA,QAAAjC,EAAA,IAAA,QAEA2B,EAAA,QAAA,IAAAgB,EAAA;AAAA,QAA8B,OAAA3C;AAAA,QAC1B,QAAAyB,EAAA;AAAA,MACkB,CAAA;AAAA,IACrB,CAAA,GAELsB;AAAA,MAAA,MAAA3B,EAAA;AAAA,MACgB,MAAA;AAER,YAAAA,EAAA,YAAAY,EAAA,OAAA;AACI,gBAAAgB,IAAA5B,EAAA,QAAA;AACA,UAAAO,EAAA,MAAA,SAAA;AAAA,YAAsB,SAAA;AAAA,cACT,MAAA;AAAA,cACC,IAAAM,EAAA;AAAA,cACY,QAAAb,EAAA;AAAA,YACJ;AAAA,UAClB,CAAA,GAEJa,EAAA,QAAAe;AAAA,QAAsB;AAAA,MAC1B;AAAA,IACJ;AAGJ,UAAAC,IAAA,MAAA;AACI,MAAAC,EAAAnE,EAAA,QAAAiD,EAAA,KAAA;AAAA,IAAwD;AAG5D,IAAAmB,EAAA,MAAA;AACI,MAAAnB,EAAA,UAAA,QACIkB,EAAAnE,EAAA,QAAAiD,EAAA,KAAA;AAAA,IACJ,CAAA;AAGJ,UAAAoB,IAAArC,EAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[2]}

package/dist/chunks/data-grid-template.CmfHBR3u.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"data-grid-template.CmfHBR3u.js","sources":["../../src/templates/data-grid-template/data-grid-template.vue"],"sourcesContent":["<template>\n    <main class=\"b-data-grid-template\">\n        <bento-inspector v-bind=\"computedInspectorProps\" ref=\"inspectorRef\" v-on=\"inspectorEvents\">\n            <template #page>\n                <div class=\"b-data-grid-template__header\">\n                    <slot name=\"header\">\n                        <bento-header v-bind=\"header\" variant=\"component\">\n                            <template v-if=\"hasSlot('infoIconTooltipContent')\" #infoIconTooltipContent>\n                                <slot name=\"infoIconTooltipContent\" />\n                            </template>\n                        </bento-header>\n                    </slot>\n                </div>\n\n                <div\n                    v-if=\"hasSlot('additionalContent')\"\n                    ref=\"additionalContentRef\"\n                    class=\"b-data-grid-template__additional-content\"\n                    :class=\"additionalContentConditionalClasses\"\n                >\n                    <slot name=\"additionalContent\" />\n                </div>\n\n                <bento-tabs\n                    v-if=\"tabsSlots.length > 1\"\n                    ref=\"tabsRef\"\n                    :active-tab-index=\"tabs.activeTabIndex\"\n                    :sticky=\"stickyTabs\"\n                    :sticky-options=\"stickyAdditionalContent ? { top: computedStickyAdditionalContentHeight } : null\"\n                    @update:active-tab-index=\"emitTabs\"\n                >\n                    <bento-tab v-for=\"(_item, index) in tabsSlots\" :key=\"`tab-${index}`\" :title=\"getTabTitle(index)\">\n                        <slot :name=\"`tab-${index + 1}`\" />\n                    </bento-tab>\n                </bento-tabs>\n\n                <slot v-else />\n            </template>\n\n            <template #content>\n                <slot name=\"inspector-content\" />\n            </template>\n        </bento-inspector>\n    </main>\n</template>\n\n<script setup lang=\"ts\">\n    import { BentoHeader } from '@/components/header';\n    import { BentoInspector } from '@/components/inspector';\n    import { BentoTab, BentoTabs } from '@/components/tabs';\n    import { useHasSlot } from '@/composables';\n    import { computed, type PropType, provide, type Ref, ref, toRef, type UnwrapRef, useSlots } from 'vue';\n    import { DATA_GRID_REGISTER_TEMPLATE_INJECTION_KEY } from './data-grid-template.keys';\n    import type {\n        BentoDataGridTemplateDataGrid,\n        BentoDataGridTemplateHeader,\n        BentoDataGridTemplateInspector,\n        BentoDataGridTemplateTabs,\n    } from './data-grid-template.types';\n\n    const props = defineProps({\n        /**\n         * The header that goes to the top of the template\n         */\n        header: {\n            type: Object as PropType<BentoDataGridTemplateHeader>,\n            default: undefined,\n        },\n\n        /**\n         * All the tab properties that can be set on the inner tab components.\n         *  - tabs.activeTabIndex: the currenly active tab index.\n         *  - tabs.tabs: an array of BentoTab props, the first item in the array will affect the `tab-1` slot and so on.\n         */\n        tabs: {\n            type: Object as PropType<BentoDataGridTemplateTabs>,\n            default: undefined,\n        },\n\n        /**\n         * Renders the additional content slot with a sticky positioning\n         */\n        stickyAdditionalContent: {\n            type: Boolean,\n            default: false,\n        },\n\n        /**\n         * Renders the tabs with a sticky positioning\n         */\n        stickyTabs: {\n            type: Boolean,\n            default: false,\n        },\n\n        /**\n         * All the inspector properties that can be set on the inner inspector component.\n         */\n        inspector: {\n            type: Object as PropType<BentoDataGridTemplateInspector>,\n            default: undefined,\n        },\n    });\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    const emit = defineEmits([\"update:tabs\", \"update:is-open:inspector\", \"update:active-page:inspector\", \"expand:inspector\"]);\n\n    const tabsRef = ref(null);\n    const additionalContentRef = ref(null);\n    const inspectorRef = ref(null);\n\n    const additionalContentConditionalClasses = computed(() => ({\n        'b-data-grid-template__additional-content--sticky': props.stickyAdditionalContent,\n    }));\n\n    const computedInspectorProps = computed(() => ({\n        title: '',\n        ...props.inspector,\n    }));\n\n    const computedStickyAdditionalContentHeight = computed(() => additionalContentRef?.value?.offsetHeight);\n\n    const computedTabsRef = computed(() => tabsRef.value?.$refs?.tablistwrapper);\n\n    const tabsSlots = computed(() => Object.keys(slots).filter(el => el?.includes('tab-')));\n\n    const inspectorEvents = computed(() => ({\n        'update:is-open': (value: boolean) => emit('update:is-open:inspector', value),\n        'update:active-page': (value: string) => emit('update:active-page:inspector', value),\n        expand: (value: boolean) => emit('expand:inspector', value),\n    }));\n\n    const emitTabs = (newActiveTabIndex: number) => {\n        emit('update:tabs', { ...props.tabs, activeTabIndex: newActiveTabIndex });\n    };\n\n    const getTabTitle = (index: number) => props?.tabs.tabs?.[index]?.title ?? `Tab ${index + 1}`;\n\n    const registerDatagridInDataGridTemplate: BentoDataGridTemplateDataGrid = () => {\n        const isDataGridTemplate = true;\n        const stickyTabs: Ref<boolean> = toRef(props, 'stickyTabs');\n        const stickyAdditionalContent: Ref<boolean> = toRef(props, 'stickyAdditionalContent');\n        const tabsRef: Ref<UnwrapRef<HTMLDivElement>> | null = computedTabsRef;\n        const additionalContentSlotRef: Ref<UnwrapRef<HTMLDivElement>> | null = additionalContentRef;\n\n        // return values to the Tab component\n        return {\n            isDataGridTemplate,\n            stickyTabs,\n            tabsRef,\n            stickyAdditionalContent,\n            additionalContentSlotRef,\n        };\n    };\n\n    provide(DATA_GRID_REGISTER_TEMPLATE_INJECTION_KEY, registerDatagridInDataGridTemplate);\n</script>\n\n<script lang=\"ts\">\n    /**\n     * The data grid template is a restrictive, full-page data grid used to display information from a data set.\n     * You can use this data grid template when your user needs a clear overview of data or a way of organizing and analyzing the data in their own way.\n     * This data grid template shouldn’t be confused with the data grid.\n     *\n     * @example\n     * import { BentoDataGridTemplate } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoDataGridTemplate },\n     *     template: `\n     *          // If you want to display multiple data grids in the same page (they will be rendered in different tabs)\n     *          <bento-data-grid-template>\n     *              <template #tab-1><bento-data-grid v-bind=\"your-data-grid-args\" title=\"Title for tab 1\"/></template>\n     *              <template #tab-2><bento-data-grid v-bind=\"your-data-grid-args\" title=\"Title for tab 2\"/></template>\n     *          </bento-data-grid-template>\n     *          // Alternatively, if you only want to pass one data grid to your template:\n     *          <bento-data-grid-template>\n     *              <template #default><bento-data-grid v-bind=\"your-data-grid-args\"/></template>\n     *          </bento-data-grid-template>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./data-grid-template.scss\" />\n"],"names":["__default__","slots","useSlots","hasSlot","useHasSlot","tabsRef","ref","additionalContentRef","inspectorRef","additionalContentConditionalClasses","computed","props","computedInspectorProps","computedStickyAdditionalContentHeight","_a","computedTabsRef","_b","tabsSlots","el","inspectorEvents","value","emit","emitTabs","newActiveTabIndex","getTabTitle","index","registerDatagridInDataGridTemplate","stickyTabs","toRef","stickyAdditionalContent","provide","DATA_GRID_REGISTER_TEMPLATE_INJECTION_KEY"],"mappings":";;;;;;;;AAuLI,MAAAA,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAhFAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAIAI,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAA,IAAA,GACAE,IAAAF,EAAA,IAAA,GAEAG,IAAAC,EAAA,OAAA;AAAA,MAA4D,oDAAAC,EAAA;AAAA,IACE,EAAA,GAG9DC,IAAAF,EAAA,OAAA;AAAA,MAA+C,OAAA;AAAA,MACpC,GAAAC,EAAA;AAAA,IACE,EAAA,GAGbE,IAAAH,EAAA,MAAA;;AAAA,cAAAI,IAAAP,KAAA,gBAAAA,EAAA,UAAA,gBAAAO,EAAA;AAAA,KAAA,GAEAC,IAAAL,EAAA,MAAA;;AAAA,cAAAM,KAAAF,IAAAT,EAAA,UAAA,gBAAAS,EAAA,UAAA,gBAAAE,EAAA;AAAA,KAAA,GAEAC,IAAAP,EAAA,MAAA,OAAA,KAAAT,CAAA,EAAA,OAAA,CAAAiB,MAAAA,KAAA,gBAAAA,EAAA,SAAA,OAAA,CAAA,GAEAC,IAAAT,EAAA,OAAA;AAAA,MAAwC,kBAAA,CAAAU,MAAAC,EAAA,4BAAAD,CAAA;AAAA,MACwC,sBAAA,CAAAA,MAAAC,EAAA,gCAAAD,CAAA;AAAA,MACO,QAAA,CAAAA,MAAAC,EAAA,oBAAAD,CAAA;AAAA,IACzB,EAAA,GAG9DE,IAAA,CAAAC,MAAA;AACI,MAAAF,EAAA,eAAA,EAAA,GAAAV,EAAA,MAAA,gBAAAY,EAAA,CAAA;AAAA,IAAwE,GAG5EC,IAAA,CAAAC,MAAA;;AAAA,eAAAT,KAAAF,IAAAH,KAAA,gBAAAA,EAAA,KAAA,SAAA,gBAAAG,EAAAW,OAAA,gBAAAT,EAAA,UAAA,OAAAS,IAAA,CAAA;AAAA,OAEAC,IAAA,MAAA;AAEI,YAAAC,IAAAC,EAAAjB,GAAA,YAAA,GACAkB,IAAAD,EAAAjB,GAAA,yBAAA;AAKA,aAAA;AAAA,QAAO;AAAA,QACH,YAAAgB;AAAA,QACA,SANJZ;AAAA,QAOI,yBAAAc;AAAA,QACA,0BAPJtB;AAAA,MAQI;AAAA,IACJ;AAGJ,WAAAuB,EAAAC,GAAAL,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;"}