@adyen/bento-vue2 1.64.0 → 1.65.0

package/dist/assets/use-cached-selected-values.css

@@ -1 +1 @@
-.b-listbox-single-select-category[data-v-4aa8cc6e]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:var(--b-listbox-single-select-category-margin-bottom)}.b-listbox-single-select-category[data-v-4aa8cc6e],.b-listbox-single-select-category[data-v-4aa8cc6e]:before,.b-listbox-single-select-category[data-v-4aa8cc6e]:after{box-sizing:border-box}.b-listbox-single-select-category *[data-v-4aa8cc6e],.b-listbox-single-select-category *[data-v-4aa8cc6e]:before,.b-listbox-single-select-category *[data-v-4aa8cc6e]:after{box-sizing:border-box}.b-listbox-single-select-category[data-v-4aa8cc6e] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-single-select-category[data-v-4aa8cc6e] ::-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-listbox-single-select-category[data-v-4aa8cc6e]:last-child{margin-bottom:0}.b-listbox-single-select-category__label-text[data-v-4aa8cc6e]{color:var(--b-listbox-single-select-category-label-text-color);padding:var(--b-listbox-single-select-category-label-text-padding)}.b-checkbox-input[data-v-a1e9ebff]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;display:flex;padding:var(--b-checkbox-input-container-padding);position:relative}.b-checkbox-input[data-v-a1e9ebff],.b-checkbox-input[data-v-a1e9ebff]:before,.b-checkbox-input[data-v-a1e9ebff]:after{box-sizing:border-box}.b-checkbox-input *[data-v-a1e9ebff],.b-checkbox-input *[data-v-a1e9ebff]:before,.b-checkbox-input *[data-v-a1e9ebff]:after{box-sizing:border-box}.b-checkbox-input[data-v-a1e9ebff] ::-webkit-scrollbar{height:14px;width:14px}.b-checkbox-input[data-v-a1e9ebff] ::-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-input--disabled[data-v-a1e9ebff],.b-checkbox-input--disabled *[data-v-a1e9ebff]{cursor:not-allowed}.b-checkbox-input--readonly[data-v-a1e9ebff],.b-checkbox-input--readonly *[data-v-a1e9ebff]{pointer-events:none}.b-checkbox-input__outline[data-v-a1e9ebff]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--b-checkbox-input-outline-border-radius);border-style:solid;border-width:var(--b-checkbox-input-outline-border-width);cursor:pointer;display:inline-block;flex-basis:16px;height:16px;margin:0;min-width:16px;outline:none;position:relative;text-align:center;width:16px}.b-checkbox-input__outline--unchecked[data-v-a1e9ebff]{background-color:var(--b-checkbox-input-outline-unchecked-background-color);border-color:var(--b-checkbox-input-outline-unchecked-border-color)}.b-checkbox-input__outline--unchecked[data-v-a1e9ebff]:hover{background-color:var(--b-checkbox-input-outline-unchecked-hover-background-color);border-color:var(--b-checkbox-input-outline-unchecked-hover-border-color)}.b-checkbox-input__outline--unchecked[data-v-a1e9ebff]:active{background-color:var(--b-checkbox-input-outline-unchecked-active-background-color);border-color:var(--b-checkbox-input-outline-unchecked-active-border-color)}.b-checkbox-input--disabled .b-checkbox-input__outline--unchecked[data-v-a1e9ebff]{background-color:var(--b-checkbox-input-outline-unchecked-disabled-background-color);border-color:var(--b-checkbox-input-outline-unchecked-disabled-border-color);cursor:not-allowed}.b-checkbox-input__outline--checked[data-v-a1e9ebff],.b-checkbox-input__outline[data-v-a1e9ebff]:checked{background-color:var(--b-checkbox-input-outline-checked-background-color);border-color:var(--b-checkbox-input-outline-checked-border-color)}.b-checkbox-input__outline--checked[data-v-a1e9ebff]:hover,.b-checkbox-input__icon:hover+.b-checkbox-input__outline--checked[data-v-a1e9ebff]:not(:disabled),.b-checkbox-input__outline[data-v-a1e9ebff]:checked:hover,.b-checkbox-input__icon:hover+.b-checkbox-input__outline[data-v-a1e9ebff]:checked:not(:disabled){background-color:var(--b-checkbox-input-outline-checked-hover-background-color);border-color:var(--b-checkbox-input-outline-checked-hover-border-color)}.b-checkbox-input__outline--checked[data-v-a1e9ebff]:active,.b-checkbox-input__outline[data-v-a1e9ebff]:checked:active{background-color:var(--b-checkbox-input-outline-checked-active-background-color);border-color:var(--b-checkbox-input-outline-checked-active-border-color)}.b-checkbox-input--disabled .b-checkbox-input__outline--checked[data-v-a1e9ebff],.b-checkbox-input--disabled .b-checkbox-input__outline[data-v-a1e9ebff]:checked{background-color:var(--b-checkbox-input-outline-checked-disabled-background-color);border-color:var(--b-checkbox-input-outline-checked-disabled-background-color);cursor:not-allowed}.b-checkbox-input__outline--indeterminate[data-v-a1e9ebff],.b-checkbox-input__outline[data-v-a1e9ebff]:indeterminate{background-color:var(--b-checkbox-input-outline-indeterminate-background-color);border-color:var(--b-checkbox-input-outline-indeterminate-border-color)}.b-checkbox-input__outline--indeterminate[data-v-a1e9ebff]:hover,.b-checkbox-input__outline[data-v-a1e9ebff]:indeterminate:hover{background-color:var(--b-checkbox-input-outline-indeterminate-hover-background-color);border-color:var(--b-checkbox-input-outline-indeterminate-hover-border-color)}.b-checkbox-input__outline--indeterminate[data-v-a1e9ebff]:active,.b-checkbox-input__outline[data-v-a1e9ebff]:indeterminate:active{background-color:var(--b-checkbox-input-outline-indeterminate-active-background-color);border-color:var(--b-checkbox-input-outline-indeterminate-active-border-color)}.b-checkbox-input--disabled .b-checkbox-input__outline--indeterminate[data-v-a1e9ebff],.b-checkbox-input--disabled .b-checkbox-input__outline[data-v-a1e9ebff]:indeterminate{background-color:var(--b-checkbox-input-outline-indeterminate-disabled-background-color);border-color:var(--b-checkbox-input-outline-indeterminate-disabled-background-color);cursor:not-allowed}.b-checkbox-input__outline[data-v-a1e9ebff]:focus-visible{animation:outer-ring-default-a1e9ebff var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color)}@keyframes outer-ring-default-a1e9ebff{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-checkbox-input__outline--error[data-v-a1e9ebff]{border:var(--b-checkbox-input-outline-unchecked-error-border)}.b-checkbox-input__outline--error[data-v-a1e9ebff]:checked{background-color:var(--b-checkbox-input-outline-checked-error-background-color);border-color:var(--b-checkbox-input-outline-checked-error-border-color)}.b-checkbox-input__outline--error[data-v-a1e9ebff]:indeterminate{background-color:var(--b-checkbox-input-outline-indeterminate-error-background-color);border-color:var(--b-checkbox-input-outline-indeterminate-error-border-color)}.b-checkbox-input__outline--readonly[data-v-a1e9ebff],.b-checkbox-input__outline--readonly[data-v-a1e9ebff]:checked,.b-checkbox-input__outline--readonly[data-v-a1e9ebff]:indeterminate{background-color:var(--b-checkbox-input-outline-readonly-background-color);border-color:var(--b-checkbox-input-outline-readonly-border-color)}.b-checkbox-input__icon[data-v-a1e9ebff]{color:var(--b-checkbox-input-icon-color);left:0;pointer-events:none;position:absolute;z-index:1}.b-checkbox-input--disabled .b-checkbox-input__icon[data-v-a1e9ebff]{color:var(--b-checkbox-input-icon-disabled-color)}.b-checkbox-input--readonly .b-checkbox-input__icon[data-v-a1e9ebff]{color:var(--b-checkbox-input-icon-readonly-color)}.b-listbox-option[data-v-a1e9ebff]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;overflow-wrap:anywhere;padding:var(--b-listbox-option-padding)}.b-listbox-option[data-v-a1e9ebff],.b-listbox-option[data-v-a1e9ebff]:before,.b-listbox-option[data-v-a1e9ebff]:after{box-sizing:border-box}.b-listbox-option[data-v-a1e9ebff] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-option[data-v-a1e9ebff] ::-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-listbox-option[data-v-a1e9ebff]:hover:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-hover-background-color)}.b-listbox-option[data-v-a1e9ebff]:hover:not(.b-listbox-option--disabled) .b-checkbox-input__outline--unchecked{background-color:var(--b-checkbox-input-outline-unchecked-hover-background-color);border-color:var(--b-checkbox-input-outline-unchecked-hover-border-color)}.b-listbox-option[data-v-a1e9ebff]:hover:not(.b-listbox-option--disabled) .b-checkbox-input__outline--checked{background-color:var(--b-checkbox-input-outline-checked-hover-background-color);border-color:var(--b-checkbox-input-outline-checked-hover-border-color)}.b-listbox-option[data-v-a1e9ebff]:hover:not(.b-listbox-option--disabled) .b-checkbox-input__outline--indeterminate{background-color:var(--b-checkbox-input-outline-indeterminate-hover-background-color);border-color:var(--b-checkbox-input-outline-indeterminate-hover-border-color)}.b-listbox-option[data-v-a1e9ebff]:hover:not(.b-listbox-option--disabled),.b-listbox-option[data-v-a1e9ebff]:hover:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option[data-v-a1e9ebff]:hover:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option[data-v-a1e9ebff]:hover:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-hover-font-color)}.b-legacy-theme .b-listbox-option[data-v-a1e9ebff]:hover:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-legacy-theme .b-listbox-option[data-v-a1e9ebff]:hover:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-hover-font-color)}}.b-listbox-option[data-v-a1e9ebff]:focus-visible{outline:none;box-shadow:var(--b-listbox-option-focus-box-shadow)}.b-listbox-option[data-v-a1e9ebff]:active:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-active-background-color)}.b-listbox-option[data-v-a1e9ebff]:active:not(.b-listbox-option--disabled),.b-listbox-option[data-v-a1e9ebff]:active:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option[data-v-a1e9ebff]:active:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option[data-v-a1e9ebff]:active:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-active-font-color)}.b-legacy-theme .b-listbox-option[data-v-a1e9ebff]:active:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-legacy-theme .b-listbox-option[data-v-a1e9ebff]:active:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-active-description-color)}.b-listbox-option[data-v-a1e9ebff] .b-listbox-single-select-option__text,.b-listbox-option[data-v-a1e9ebff] .b-listbox-multi-select__option-text{display:flex;flex-direction:column}.b-listbox-option[data-v-a1e9ebff] .b-listbox-single-select-option__description,.b-listbox-option[data-v-a1e9ebff] .b-listbox-multi-select__option-description{margin-top:var(--b-listbox-option-description-margin-top)}.b-listbox-option[data-v-a1e9ebff]:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description,.b-listbox-option[data-v-a1e9ebff]:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description{color:var(--b-listbox-option-description-color)}.b-listbox-option--disabled[data-v-a1e9ebff]{cursor:not-allowed}.b-listbox-option--disabled[data-v-a1e9ebff],.b-listbox-option--disabled[data-v-a1e9ebff] .b-avatar__label,.b-listbox-option--disabled[data-v-a1e9ebff] .b-country__label,.b-listbox-option--disabled[data-v-a1e9ebff] .b-payment-method__label{color:var(--b-listbox-option-disabled-font-color)}.b-listbox-option--selected[data-v-a1e9ebff]:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-selected-background-color)}.b-listbox-option--selected[data-v-a1e9ebff]:not(.b-listbox-option--disabled),.b-listbox-option--selected[data-v-a1e9ebff]:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option--selected[data-v-a1e9ebff]:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option--selected[data-v-a1e9ebff]:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-selected-font-color)}.b-listbox-option--selected[data-v-a1e9ebff]:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-listbox-option--selected[data-v-a1e9ebff]:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-selected-description-color)}.b-listbox-single-select-option[data-v-5a5ff36a]{display:flex;justify-content:space-between}.b-listbox-single-select-option__check-icon[data-v-5a5ff36a]{align-items:center;display:flex;margin-left:var(--b-listbox-single-select-check-icon-margin)}.b-checkbox-input[data-v-5dc60f05]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;display:flex;padding:var(--b-checkbox-input-container-padding);position:relative}.b-checkbox-input[data-v-5dc60f05],.b-checkbox-input[data-v-5dc60f05]:before,.b-checkbox-input[data-v-5dc60f05]:after{box-sizing:border-box}.b-checkbox-input *[data-v-5dc60f05],.b-checkbox-input *[data-v-5dc60f05]:before,.b-checkbox-input *[data-v-5dc60f05]:after{box-sizing:border-box}.b-checkbox-input[data-v-5dc60f05] ::-webkit-scrollbar{height:14px;width:14px}.b-checkbox-input[data-v-5dc60f05] ::-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-input--disabled[data-v-5dc60f05],.b-checkbox-input--disabled *[data-v-5dc60f05]{cursor:not-allowed}.b-checkbox-input--readonly[data-v-5dc60f05],.b-checkbox-input--readonly *[data-v-5dc60f05]{pointer-events:none}.b-checkbox-input__outline[data-v-5dc60f05]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--b-checkbox-input-outline-border-radius);border-style:solid;border-width:var(--b-checkbox-input-outline-border-width);cursor:pointer;display:inline-block;flex-basis:16px;height:16px;margin:0;min-width:16px;outline:none;position:relative;text-align:center;width:16px}.b-checkbox-input__outline--unchecked[data-v-5dc60f05]{background-color:var(--b-checkbox-input-outline-unchecked-background-color);border-color:var(--b-checkbox-input-outline-unchecked-border-color)}.b-checkbox-input__outline--unchecked[data-v-5dc60f05]:hover{background-color:var(--b-checkbox-input-outline-unchecked-hover-background-color);border-color:var(--b-checkbox-input-outline-unchecked-hover-border-color)}.b-checkbox-input__outline--unchecked[data-v-5dc60f05]:active{background-color:var(--b-checkbox-input-outline-unchecked-active-background-color);border-color:var(--b-checkbox-input-outline-unchecked-active-border-color)}.b-checkbox-input--disabled .b-checkbox-input__outline--unchecked[data-v-5dc60f05]{background-color:var(--b-checkbox-input-outline-unchecked-disabled-background-color);border-color:var(--b-checkbox-input-outline-unchecked-disabled-border-color);cursor:not-allowed}.b-checkbox-input__outline--checked[data-v-5dc60f05],.b-checkbox-input__outline[data-v-5dc60f05]:checked{background-color:var(--b-checkbox-input-outline-checked-background-color);border-color:var(--b-checkbox-input-outline-checked-border-color)}.b-checkbox-input__outline--checked[data-v-5dc60f05]:hover,.b-checkbox-input__icon:hover+.b-checkbox-input__outline--checked[data-v-5dc60f05]:not(:disabled),.b-checkbox-input__outline[data-v-5dc60f05]:checked:hover,.b-checkbox-input__icon:hover+.b-checkbox-input__outline[data-v-5dc60f05]:checked:not(:disabled){background-color:var(--b-checkbox-input-outline-checked-hover-background-color);border-color:var(--b-checkbox-input-outline-checked-hover-border-color)}.b-checkbox-input__outline--checked[data-v-5dc60f05]:active,.b-checkbox-input__outline[data-v-5dc60f05]:checked:active{background-color:var(--b-checkbox-input-outline-checked-active-background-color);border-color:var(--b-checkbox-input-outline-checked-active-border-color)}.b-checkbox-input--disabled .b-checkbox-input__outline--checked[data-v-5dc60f05],.b-checkbox-input--disabled .b-checkbox-input__outline[data-v-5dc60f05]:checked{background-color:var(--b-checkbox-input-outline-checked-disabled-background-color);border-color:var(--b-checkbox-input-outline-checked-disabled-background-color);cursor:not-allowed}.b-checkbox-input__outline--indeterminate[data-v-5dc60f05],.b-checkbox-input__outline[data-v-5dc60f05]:indeterminate{background-color:var(--b-checkbox-input-outline-indeterminate-background-color);border-color:var(--b-checkbox-input-outline-indeterminate-border-color)}.b-checkbox-input__outline--indeterminate[data-v-5dc60f05]:hover,.b-checkbox-input__outline[data-v-5dc60f05]:indeterminate:hover{background-color:var(--b-checkbox-input-outline-indeterminate-hover-background-color);border-color:var(--b-checkbox-input-outline-indeterminate-hover-border-color)}.b-checkbox-input__outline--indeterminate[data-v-5dc60f05]:active,.b-checkbox-input__outline[data-v-5dc60f05]:indeterminate:active{background-color:var(--b-checkbox-input-outline-indeterminate-active-background-color);border-color:var(--b-checkbox-input-outline-indeterminate-active-border-color)}.b-checkbox-input--disabled .b-checkbox-input__outline--indeterminate[data-v-5dc60f05],.b-checkbox-input--disabled .b-checkbox-input__outline[data-v-5dc60f05]:indeterminate{background-color:var(--b-checkbox-input-outline-indeterminate-disabled-background-color);border-color:var(--b-checkbox-input-outline-indeterminate-disabled-background-color);cursor:not-allowed}.b-checkbox-input__outline[data-v-5dc60f05]:focus-visible{animation:outer-ring-default-5dc60f05 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color)}@keyframes outer-ring-default-5dc60f05{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-checkbox-input__outline--error[data-v-5dc60f05]{border:var(--b-checkbox-input-outline-unchecked-error-border)}.b-checkbox-input__outline--error[data-v-5dc60f05]:checked{background-color:var(--b-checkbox-input-outline-checked-error-background-color);border-color:var(--b-checkbox-input-outline-checked-error-border-color)}.b-checkbox-input__outline--error[data-v-5dc60f05]:indeterminate{background-color:var(--b-checkbox-input-outline-indeterminate-error-background-color);border-color:var(--b-checkbox-input-outline-indeterminate-error-border-color)}.b-checkbox-input__outline--readonly[data-v-5dc60f05],.b-checkbox-input__outline--readonly[data-v-5dc60f05]:checked,.b-checkbox-input__outline--readonly[data-v-5dc60f05]:indeterminate{background-color:var(--b-checkbox-input-outline-readonly-background-color);border-color:var(--b-checkbox-input-outline-readonly-border-color)}.b-checkbox-input__icon[data-v-5dc60f05]{color:var(--b-checkbox-input-icon-color);left:0;pointer-events:none;position:absolute;z-index:1}.b-checkbox-input--disabled .b-checkbox-input__icon[data-v-5dc60f05]{color:var(--b-checkbox-input-icon-disabled-color)}.b-checkbox-input--readonly .b-checkbox-input__icon[data-v-5dc60f05]{color:var(--b-checkbox-input-icon-readonly-color)}.b-listbox-multi-select-category[data-v-a2ed984e]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select-category[data-v-a2ed984e],.b-listbox-multi-select-category[data-v-a2ed984e]:before,.b-listbox-multi-select-category[data-v-a2ed984e]:after{box-sizing:border-box}.b-listbox-multi-select-category *[data-v-a2ed984e],.b-listbox-multi-select-category *[data-v-a2ed984e]:before,.b-listbox-multi-select-category *[data-v-a2ed984e]:after{box-sizing:border-box}.b-listbox-multi-select-category[data-v-a2ed984e] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-category[data-v-a2ed984e] ::-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-listbox-multi-select-category--disabled[data-v-a2ed984e]{cursor:not-allowed}.b-listbox-multi-select-category--disabled .b-listbox-multi-select-category__label-text[data-v-a2ed984e]{color:var(--b-listbox-multi-select-category-disabled-label-text-color)}.b-listbox-multi-select-category--disabled .b-listbox-multi-select-category__label-chevron[data-v-a2ed984e]{cursor:pointer}.b-listbox-multi-select-category--static-category[data-v-a2ed984e]{gap:var(--b-listbox-multi-select-category-static-category-gap);pointer-events:none}.b-listbox-multi-select-category--static-category .b-listbox-multi-select-category__label-text[data-v-a2ed984e]{color:var(--b-listbox-multi-select-category-static-category-label-text-color);padding:var(--b-listbox-option-padding)}.b-listbox-multi-select-category__label[data-v-a2ed984e]{align-items:center;display:flex;justify-content:space-between;width:100%}.b-listbox-multi-select-category__label-chevron[data-v-a2ed984e]{display:flex;position:relative}.b-listbox-multi-select-category__label-chevron[data-v-a2ed984e]:before{content:"";height:36px;left:-10px;position:absolute;top:-9px;width:36px}.b-listbox-multi-select-category__option[data-v-a2ed984e]{display:flex;gap:var(--b-listbox-multi-select-category-option-gap)}.b-listbox-multi-select-options[data-v-e4488ed3]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;gap:var(--b-listbox-multi-select-options-gap)}.b-listbox-multi-select-options[data-v-e4488ed3],.b-listbox-multi-select-options[data-v-e4488ed3]:before,.b-listbox-multi-select-options[data-v-e4488ed3]:after{box-sizing:border-box}.b-listbox-multi-select-options[data-v-e4488ed3] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-options[data-v-e4488ed3] ::-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-listbox-multi-select-options__category-option[data-v-e4488ed3]{padding-left:var(--b-listbox-multi-select-options-category-option-padding-left)}.b-listbox-multi-select-options__static-category-option[data-v-e4488ed3]{padding-left:var(--b-listbox-multi-select-options-static-category-option-padding-left)}.b-listbox-multi-select[data-v-0e1dbda5]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select[data-v-0e1dbda5],.b-listbox-multi-select[data-v-0e1dbda5]:before,.b-listbox-multi-select[data-v-0e1dbda5]:after{box-sizing:border-box}.b-listbox-multi-select[data-v-0e1dbda5] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select[data-v-0e1dbda5] ::-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-listbox-multi-select__divider[data-v-0e1dbda5]{background-color:var(--b-listbox-multi-select-divider-background-color);border:0;height:1px;margin:var(--b-listbox-multi-select-divider-margin)}.b-listbox-multi-select__option[data-v-0e1dbda5]{display:flex;gap:var(--b-listbox-multi-select-options-gap)}.b-listbox-multi-select__chips[data-v-0e1dbda5]{container-type:inline-size;display:flex;flex-wrap:wrap;gap:var(--b-listbox-multi-select-chips-gap);list-style-type:none;margin:0;padding:var(--b-listbox-multi-select-chips-padding)}.b-listbox[data-v-46b000a2]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-listbox-background-color);color:var(--b-listbox-color);overflow-y:auto;padding:var(--b-listbox-padding)}.b-listbox[data-v-46b000a2],.b-listbox[data-v-46b000a2]:before,.b-listbox[data-v-46b000a2]:after{box-sizing:border-box}.b-listbox *[data-v-46b000a2],.b-listbox *[data-v-46b000a2]:before,.b-listbox *[data-v-46b000a2]:after{box-sizing:border-box}.b-listbox[data-v-46b000a2] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox[data-v-46b000a2] ::-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-listbox__empty-search-message[data-v-46b000a2]{color:var(--b-listbox-empty-search-message-color);padding:var(--b-listbox-empty-search-message-padding);text-align:center}.b-listbox__empty-search-message[data-v-46b000a2] .b-empty-state__title{color:var(--b-listbox-empty-search-message-color)}.b-listbox__loading-filtered-items[data-v-46b000a2]{display:flex;justify-content:center}.b-listbox__lazy-load[data-v-46b000a2]{display:flex;justify-content:center;margin:var(--b-listbox-lazy-load-margin)}
+.b-listbox-single-select-category[data-v-4aa8cc6e]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:var(--b-listbox-single-select-category-margin-bottom)}.b-listbox-single-select-category[data-v-4aa8cc6e],.b-listbox-single-select-category[data-v-4aa8cc6e]:before,.b-listbox-single-select-category[data-v-4aa8cc6e]:after{box-sizing:border-box}.b-listbox-single-select-category *[data-v-4aa8cc6e],.b-listbox-single-select-category *[data-v-4aa8cc6e]:before,.b-listbox-single-select-category *[data-v-4aa8cc6e]:after{box-sizing:border-box}.b-listbox-single-select-category[data-v-4aa8cc6e] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-single-select-category[data-v-4aa8cc6e] ::-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-listbox-single-select-category[data-v-4aa8cc6e]:last-child{margin-bottom:0}.b-listbox-single-select-category__label-text[data-v-4aa8cc6e]{color:var(--b-listbox-single-select-category-label-text-color);padding:var(--b-listbox-single-select-category-label-text-padding)}.b-checkbox-input[data-v-a1e9ebff]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;display:flex;padding:var(--b-checkbox-input-container-padding);position:relative}.b-checkbox-input[data-v-a1e9ebff],.b-checkbox-input[data-v-a1e9ebff]:before,.b-checkbox-input[data-v-a1e9ebff]:after{box-sizing:border-box}.b-checkbox-input *[data-v-a1e9ebff],.b-checkbox-input *[data-v-a1e9ebff]:before,.b-checkbox-input *[data-v-a1e9ebff]:after{box-sizing:border-box}.b-checkbox-input[data-v-a1e9ebff] ::-webkit-scrollbar{height:14px;width:14px}.b-checkbox-input[data-v-a1e9ebff] ::-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-input--disabled[data-v-a1e9ebff],.b-checkbox-input--disabled *[data-v-a1e9ebff]{cursor:not-allowed}.b-checkbox-input--readonly[data-v-a1e9ebff],.b-checkbox-input--readonly *[data-v-a1e9ebff]{pointer-events:none}.b-checkbox-input__outline[data-v-a1e9ebff]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--b-checkbox-input-outline-border-radius);border-style:solid;border-width:var(--b-checkbox-input-outline-border-width);cursor:pointer;display:inline-block;flex-basis:16px;height:16px;margin:0;min-width:16px;outline:none;position:relative;text-align:center;width:16px}.b-checkbox-input__outline--unchecked[data-v-a1e9ebff]{background-color:var(--b-checkbox-input-outline-unchecked-background-color);border-color:var(--b-checkbox-input-outline-unchecked-border-color)}.b-checkbox-input__outline--unchecked[data-v-a1e9ebff]:hover{background-color:var(--b-checkbox-input-outline-unchecked-hover-background-color);border-color:var(--b-checkbox-input-outline-unchecked-hover-border-color)}.b-checkbox-input__outline--unchecked[data-v-a1e9ebff]:active{background-color:var(--b-checkbox-input-outline-unchecked-active-background-color);border-color:var(--b-checkbox-input-outline-unchecked-active-border-color)}.b-checkbox-input--disabled .b-checkbox-input__outline--unchecked[data-v-a1e9ebff]{background-color:var(--b-checkbox-input-outline-unchecked-disabled-background-color);border-color:var(--b-checkbox-input-outline-unchecked-disabled-border-color);cursor:not-allowed}.b-checkbox-input__outline--checked[data-v-a1e9ebff],.b-checkbox-input__outline[data-v-a1e9ebff]:checked{background-color:var(--b-checkbox-input-outline-checked-background-color);border-color:var(--b-checkbox-input-outline-checked-border-color)}.b-checkbox-input__outline--checked[data-v-a1e9ebff]:hover,.b-checkbox-input__icon:hover+.b-checkbox-input__outline--checked[data-v-a1e9ebff]:not(:disabled),.b-checkbox-input__outline[data-v-a1e9ebff]:checked:hover,.b-checkbox-input__icon:hover+.b-checkbox-input__outline[data-v-a1e9ebff]:checked:not(:disabled){background-color:var(--b-checkbox-input-outline-checked-hover-background-color);border-color:var(--b-checkbox-input-outline-checked-hover-border-color)}.b-checkbox-input__outline--checked[data-v-a1e9ebff]:active,.b-checkbox-input__outline[data-v-a1e9ebff]:checked:active{background-color:var(--b-checkbox-input-outline-checked-active-background-color);border-color:var(--b-checkbox-input-outline-checked-active-border-color)}.b-checkbox-input--disabled .b-checkbox-input__outline--checked[data-v-a1e9ebff],.b-checkbox-input--disabled .b-checkbox-input__outline[data-v-a1e9ebff]:checked{background-color:var(--b-checkbox-input-outline-checked-disabled-background-color);border-color:var(--b-checkbox-input-outline-checked-disabled-background-color);cursor:not-allowed}.b-checkbox-input__outline--indeterminate[data-v-a1e9ebff],.b-checkbox-input__outline[data-v-a1e9ebff]:indeterminate{background-color:var(--b-checkbox-input-outline-indeterminate-background-color);border-color:var(--b-checkbox-input-outline-indeterminate-border-color)}.b-checkbox-input__outline--indeterminate[data-v-a1e9ebff]:hover,.b-checkbox-input__outline[data-v-a1e9ebff]:indeterminate:hover{background-color:var(--b-checkbox-input-outline-indeterminate-hover-background-color);border-color:var(--b-checkbox-input-outline-indeterminate-hover-border-color)}.b-checkbox-input__outline--indeterminate[data-v-a1e9ebff]:active,.b-checkbox-input__outline[data-v-a1e9ebff]:indeterminate:active{background-color:var(--b-checkbox-input-outline-indeterminate-active-background-color);border-color:var(--b-checkbox-input-outline-indeterminate-active-border-color)}.b-checkbox-input--disabled .b-checkbox-input__outline--indeterminate[data-v-a1e9ebff],.b-checkbox-input--disabled .b-checkbox-input__outline[data-v-a1e9ebff]:indeterminate{background-color:var(--b-checkbox-input-outline-indeterminate-disabled-background-color);border-color:var(--b-checkbox-input-outline-indeterminate-disabled-background-color);cursor:not-allowed}.b-checkbox-input__outline[data-v-a1e9ebff]:focus-visible{animation:outer-ring-default-a1e9ebff var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color)}@keyframes outer-ring-default-a1e9ebff{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-checkbox-input__outline--error[data-v-a1e9ebff]{border:var(--b-checkbox-input-outline-unchecked-error-border)}.b-checkbox-input__outline--error[data-v-a1e9ebff]:checked{background-color:var(--b-checkbox-input-outline-checked-error-background-color);border-color:var(--b-checkbox-input-outline-checked-error-border-color)}.b-checkbox-input__outline--error[data-v-a1e9ebff]:indeterminate{background-color:var(--b-checkbox-input-outline-indeterminate-error-background-color);border-color:var(--b-checkbox-input-outline-indeterminate-error-border-color)}.b-checkbox-input__outline--readonly[data-v-a1e9ebff],.b-checkbox-input__outline--readonly[data-v-a1e9ebff]:checked,.b-checkbox-input__outline--readonly[data-v-a1e9ebff]:indeterminate{background-color:var(--b-checkbox-input-outline-readonly-background-color);border-color:var(--b-checkbox-input-outline-readonly-border-color)}.b-checkbox-input__icon[data-v-a1e9ebff]{color:var(--b-checkbox-input-icon-color);left:0;pointer-events:none;position:absolute;z-index:1}.b-checkbox-input--disabled .b-checkbox-input__icon[data-v-a1e9ebff]{color:var(--b-checkbox-input-icon-disabled-color)}.b-checkbox-input--readonly .b-checkbox-input__icon[data-v-a1e9ebff]{color:var(--b-checkbox-input-icon-readonly-color)}.b-listbox-option[data-v-a1e9ebff]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;overflow-wrap:anywhere;padding:var(--b-listbox-option-padding)}.b-listbox-option[data-v-a1e9ebff],.b-listbox-option[data-v-a1e9ebff]:before,.b-listbox-option[data-v-a1e9ebff]:after{box-sizing:border-box}.b-listbox-option[data-v-a1e9ebff] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-option[data-v-a1e9ebff] ::-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-listbox-option[data-v-a1e9ebff]:hover:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-hover-background-color)}.b-listbox-option[data-v-a1e9ebff]:hover:not(.b-listbox-option--disabled) .b-checkbox-input__outline--unchecked{background-color:var(--b-checkbox-input-outline-unchecked-hover-background-color);border-color:var(--b-checkbox-input-outline-unchecked-hover-border-color)}.b-listbox-option[data-v-a1e9ebff]:hover:not(.b-listbox-option--disabled) .b-checkbox-input__outline--checked{background-color:var(--b-checkbox-input-outline-checked-hover-background-color);border-color:var(--b-checkbox-input-outline-checked-hover-border-color)}.b-listbox-option[data-v-a1e9ebff]:hover:not(.b-listbox-option--disabled) .b-checkbox-input__outline--indeterminate{background-color:var(--b-checkbox-input-outline-indeterminate-hover-background-color);border-color:var(--b-checkbox-input-outline-indeterminate-hover-border-color)}.b-listbox-option[data-v-a1e9ebff]:hover:not(.b-listbox-option--disabled),.b-listbox-option[data-v-a1e9ebff]:hover:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option[data-v-a1e9ebff]:hover:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option[data-v-a1e9ebff]:hover:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-hover-font-color)}.b-legacy-theme .b-listbox-option[data-v-a1e9ebff]:hover:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-legacy-theme .b-listbox-option[data-v-a1e9ebff]:hover:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-hover-font-color)}}.b-listbox-option[data-v-a1e9ebff]:focus-visible{outline:none;box-shadow:var(--b-listbox-option-focus-box-shadow)}.b-listbox-option[data-v-a1e9ebff]:active:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-active-background-color)}.b-listbox-option[data-v-a1e9ebff]:active:not(.b-listbox-option--disabled),.b-listbox-option[data-v-a1e9ebff]:active:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option[data-v-a1e9ebff]:active:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option[data-v-a1e9ebff]:active:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-active-font-color)}.b-legacy-theme .b-listbox-option[data-v-a1e9ebff]:active:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-legacy-theme .b-listbox-option[data-v-a1e9ebff]:active:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-active-description-color)}.b-listbox-option[data-v-a1e9ebff] .b-listbox-single-select-option__text,.b-listbox-option[data-v-a1e9ebff] .b-listbox-multi-select__option-text{display:flex;flex-direction:column}.b-listbox-option[data-v-a1e9ebff] .b-listbox-single-select-option__description,.b-listbox-option[data-v-a1e9ebff] .b-listbox-multi-select__option-description{margin-top:var(--b-listbox-option-description-margin-top)}.b-listbox-option[data-v-a1e9ebff]:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description,.b-listbox-option[data-v-a1e9ebff]:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description{color:var(--b-listbox-option-description-color)}.b-listbox-option--disabled[data-v-a1e9ebff]{cursor:not-allowed}.b-listbox-option--disabled[data-v-a1e9ebff],.b-listbox-option--disabled[data-v-a1e9ebff] .b-avatar__label,.b-listbox-option--disabled[data-v-a1e9ebff] .b-country__label,.b-listbox-option--disabled[data-v-a1e9ebff] .b-payment-method__label{color:var(--b-listbox-option-disabled-font-color)}.b-listbox-option--selected[data-v-a1e9ebff]:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-selected-background-color)}.b-listbox-option--selected[data-v-a1e9ebff]:not(.b-listbox-option--disabled),.b-listbox-option--selected[data-v-a1e9ebff]:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option--selected[data-v-a1e9ebff]:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option--selected[data-v-a1e9ebff]:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-selected-font-color)}.b-listbox-option--selected[data-v-a1e9ebff]:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-listbox-option--selected[data-v-a1e9ebff]:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-selected-description-color)}.b-listbox-single-select-option[data-v-5a5ff36a]{display:flex;justify-content:space-between}.b-listbox-single-select-option__check-icon[data-v-5a5ff36a]{align-items:center;display:flex;margin-left:var(--b-listbox-single-select-check-icon-margin)}.b-checkbox-input[data-v-5dc60f05]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;display:flex;padding:var(--b-checkbox-input-container-padding);position:relative}.b-checkbox-input[data-v-5dc60f05],.b-checkbox-input[data-v-5dc60f05]:before,.b-checkbox-input[data-v-5dc60f05]:after{box-sizing:border-box}.b-checkbox-input *[data-v-5dc60f05],.b-checkbox-input *[data-v-5dc60f05]:before,.b-checkbox-input *[data-v-5dc60f05]:after{box-sizing:border-box}.b-checkbox-input[data-v-5dc60f05] ::-webkit-scrollbar{height:14px;width:14px}.b-checkbox-input[data-v-5dc60f05] ::-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-input--disabled[data-v-5dc60f05],.b-checkbox-input--disabled *[data-v-5dc60f05]{cursor:not-allowed}.b-checkbox-input--readonly[data-v-5dc60f05],.b-checkbox-input--readonly *[data-v-5dc60f05]{pointer-events:none}.b-checkbox-input__outline[data-v-5dc60f05]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--b-checkbox-input-outline-border-radius);border-style:solid;border-width:var(--b-checkbox-input-outline-border-width);cursor:pointer;display:inline-block;flex-basis:16px;height:16px;margin:0;min-width:16px;outline:none;position:relative;text-align:center;width:16px}.b-checkbox-input__outline--unchecked[data-v-5dc60f05]{background-color:var(--b-checkbox-input-outline-unchecked-background-color);border-color:var(--b-checkbox-input-outline-unchecked-border-color)}.b-checkbox-input__outline--unchecked[data-v-5dc60f05]:hover{background-color:var(--b-checkbox-input-outline-unchecked-hover-background-color);border-color:var(--b-checkbox-input-outline-unchecked-hover-border-color)}.b-checkbox-input__outline--unchecked[data-v-5dc60f05]:active{background-color:var(--b-checkbox-input-outline-unchecked-active-background-color);border-color:var(--b-checkbox-input-outline-unchecked-active-border-color)}.b-checkbox-input--disabled .b-checkbox-input__outline--unchecked[data-v-5dc60f05]{background-color:var(--b-checkbox-input-outline-unchecked-disabled-background-color);border-color:var(--b-checkbox-input-outline-unchecked-disabled-border-color);cursor:not-allowed}.b-checkbox-input__outline--checked[data-v-5dc60f05],.b-checkbox-input__outline[data-v-5dc60f05]:checked{background-color:var(--b-checkbox-input-outline-checked-background-color);border-color:var(--b-checkbox-input-outline-checked-border-color)}.b-checkbox-input__outline--checked[data-v-5dc60f05]:hover,.b-checkbox-input__icon:hover+.b-checkbox-input__outline--checked[data-v-5dc60f05]:not(:disabled),.b-checkbox-input__outline[data-v-5dc60f05]:checked:hover,.b-checkbox-input__icon:hover+.b-checkbox-input__outline[data-v-5dc60f05]:checked:not(:disabled){background-color:var(--b-checkbox-input-outline-checked-hover-background-color);border-color:var(--b-checkbox-input-outline-checked-hover-border-color)}.b-checkbox-input__outline--checked[data-v-5dc60f05]:active,.b-checkbox-input__outline[data-v-5dc60f05]:checked:active{background-color:var(--b-checkbox-input-outline-checked-active-background-color);border-color:var(--b-checkbox-input-outline-checked-active-border-color)}.b-checkbox-input--disabled .b-checkbox-input__outline--checked[data-v-5dc60f05],.b-checkbox-input--disabled .b-checkbox-input__outline[data-v-5dc60f05]:checked{background-color:var(--b-checkbox-input-outline-checked-disabled-background-color);border-color:var(--b-checkbox-input-outline-checked-disabled-background-color);cursor:not-allowed}.b-checkbox-input__outline--indeterminate[data-v-5dc60f05],.b-checkbox-input__outline[data-v-5dc60f05]:indeterminate{background-color:var(--b-checkbox-input-outline-indeterminate-background-color);border-color:var(--b-checkbox-input-outline-indeterminate-border-color)}.b-checkbox-input__outline--indeterminate[data-v-5dc60f05]:hover,.b-checkbox-input__outline[data-v-5dc60f05]:indeterminate:hover{background-color:var(--b-checkbox-input-outline-indeterminate-hover-background-color);border-color:var(--b-checkbox-input-outline-indeterminate-hover-border-color)}.b-checkbox-input__outline--indeterminate[data-v-5dc60f05]:active,.b-checkbox-input__outline[data-v-5dc60f05]:indeterminate:active{background-color:var(--b-checkbox-input-outline-indeterminate-active-background-color);border-color:var(--b-checkbox-input-outline-indeterminate-active-border-color)}.b-checkbox-input--disabled .b-checkbox-input__outline--indeterminate[data-v-5dc60f05],.b-checkbox-input--disabled .b-checkbox-input__outline[data-v-5dc60f05]:indeterminate{background-color:var(--b-checkbox-input-outline-indeterminate-disabled-background-color);border-color:var(--b-checkbox-input-outline-indeterminate-disabled-background-color);cursor:not-allowed}.b-checkbox-input__outline[data-v-5dc60f05]:focus-visible{animation:outer-ring-default-5dc60f05 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color)}@keyframes outer-ring-default-5dc60f05{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-checkbox-input__outline--error[data-v-5dc60f05]{border:var(--b-checkbox-input-outline-unchecked-error-border)}.b-checkbox-input__outline--error[data-v-5dc60f05]:checked{background-color:var(--b-checkbox-input-outline-checked-error-background-color);border-color:var(--b-checkbox-input-outline-checked-error-border-color)}.b-checkbox-input__outline--error[data-v-5dc60f05]:indeterminate{background-color:var(--b-checkbox-input-outline-indeterminate-error-background-color);border-color:var(--b-checkbox-input-outline-indeterminate-error-border-color)}.b-checkbox-input__outline--readonly[data-v-5dc60f05],.b-checkbox-input__outline--readonly[data-v-5dc60f05]:checked,.b-checkbox-input__outline--readonly[data-v-5dc60f05]:indeterminate{background-color:var(--b-checkbox-input-outline-readonly-background-color);border-color:var(--b-checkbox-input-outline-readonly-border-color)}.b-checkbox-input__icon[data-v-5dc60f05]{color:var(--b-checkbox-input-icon-color);left:0;pointer-events:none;position:absolute;z-index:1}.b-checkbox-input--disabled .b-checkbox-input__icon[data-v-5dc60f05]{color:var(--b-checkbox-input-icon-disabled-color)}.b-checkbox-input--readonly .b-checkbox-input__icon[data-v-5dc60f05]{color:var(--b-checkbox-input-icon-readonly-color)}.b-listbox-multi-select-category[data-v-a2ed984e]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select-category[data-v-a2ed984e],.b-listbox-multi-select-category[data-v-a2ed984e]:before,.b-listbox-multi-select-category[data-v-a2ed984e]:after{box-sizing:border-box}.b-listbox-multi-select-category *[data-v-a2ed984e],.b-listbox-multi-select-category *[data-v-a2ed984e]:before,.b-listbox-multi-select-category *[data-v-a2ed984e]:after{box-sizing:border-box}.b-listbox-multi-select-category[data-v-a2ed984e] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-category[data-v-a2ed984e] ::-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-listbox-multi-select-category--disabled[data-v-a2ed984e]{cursor:not-allowed}.b-listbox-multi-select-category--disabled .b-listbox-multi-select-category__label-text[data-v-a2ed984e]{color:var(--b-listbox-multi-select-category-disabled-label-text-color)}.b-listbox-multi-select-category--disabled .b-listbox-multi-select-category__label-chevron[data-v-a2ed984e]{cursor:pointer}.b-listbox-multi-select-category--static-category[data-v-a2ed984e]{gap:var(--b-listbox-multi-select-category-static-category-gap);pointer-events:none}.b-listbox-multi-select-category--static-category .b-listbox-multi-select-category__label-text[data-v-a2ed984e]{color:var(--b-listbox-multi-select-category-static-category-label-text-color);padding:var(--b-listbox-option-padding)}.b-listbox-multi-select-category__label[data-v-a2ed984e]{align-items:center;display:flex;justify-content:space-between;width:100%}.b-listbox-multi-select-category__label-chevron[data-v-a2ed984e]{display:flex;position:relative}.b-listbox-multi-select-category__label-chevron[data-v-a2ed984e]:before{content:"";height:36px;left:-10px;position:absolute;top:-9px;width:36px}.b-listbox-multi-select-category__option[data-v-a2ed984e]{display:flex;gap:var(--b-listbox-multi-select-category-option-gap)}.b-listbox-multi-select-options[data-v-e4488ed3]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;gap:var(--b-listbox-multi-select-options-gap)}.b-listbox-multi-select-options[data-v-e4488ed3],.b-listbox-multi-select-options[data-v-e4488ed3]:before,.b-listbox-multi-select-options[data-v-e4488ed3]:after{box-sizing:border-box}.b-listbox-multi-select-options[data-v-e4488ed3] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-options[data-v-e4488ed3] ::-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-listbox-multi-select-options__category-option[data-v-e4488ed3]{padding-left:var(--b-listbox-multi-select-options-category-option-padding-left)}.b-listbox-multi-select-options__static-category-option[data-v-e4488ed3]{padding-left:var(--b-listbox-multi-select-options-static-category-option-padding-left)}.b-listbox-multi-select[data-v-d866c0f0]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select[data-v-d866c0f0],.b-listbox-multi-select[data-v-d866c0f0]:before,.b-listbox-multi-select[data-v-d866c0f0]:after{box-sizing:border-box}.b-listbox-multi-select[data-v-d866c0f0] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select[data-v-d866c0f0] ::-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-listbox-multi-select__divider[data-v-d866c0f0]{background-color:var(--b-listbox-multi-select-divider-background-color);border:0;height:1px;margin:var(--b-listbox-multi-select-divider-margin)}.b-listbox-multi-select__option[data-v-d866c0f0]{display:flex;gap:var(--b-listbox-multi-select-options-gap)}.b-listbox-multi-select__chips[data-v-d866c0f0]{container-type:inline-size;display:flex;flex-wrap:wrap;gap:var(--b-listbox-multi-select-chips-gap);list-style-type:none;margin:0;padding:var(--b-listbox-multi-select-chips-padding)}.b-listbox[data-v-46b000a2]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-listbox-background-color);color:var(--b-listbox-color);overflow-y:auto;padding:var(--b-listbox-padding)}.b-listbox[data-v-46b000a2],.b-listbox[data-v-46b000a2]:before,.b-listbox[data-v-46b000a2]:after{box-sizing:border-box}.b-listbox *[data-v-46b000a2],.b-listbox *[data-v-46b000a2]:before,.b-listbox *[data-v-46b000a2]:after{box-sizing:border-box}.b-listbox[data-v-46b000a2] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox[data-v-46b000a2] ::-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-listbox__empty-search-message[data-v-46b000a2]{color:var(--b-listbox-empty-search-message-color);padding:var(--b-listbox-empty-search-message-padding);text-align:center}.b-listbox__empty-search-message[data-v-46b000a2] .b-empty-state__title{color:var(--b-listbox-empty-search-message-color)}.b-listbox__loading-filtered-items[data-v-46b000a2]{display:flex;justify-content:center}.b-listbox__lazy-load[data-v-46b000a2]{display:flex;justify-content:center;margin:var(--b-listbox-lazy-load-margin)}

package/dist/chunks/{code-snippet.C7eh-7Vy.js → code-snippet.W8Zp0zQP.js}

@@ -1,7 +1,7 @@
 import { defineComponent as M, ref as g, computed as l, shallowRef as N, onMounted as Q, watch as Y, watchEffect as H } from "vue";
 import { s as V, H as D, t as e, L as Z, a as j, b as J, c as W, p as U, j as G, d as z, x as F, e as X, E as K, h as q, k as ee, C as _, f as P, i as te, g as T, l as ne, m as ae } from "./codemirror.Zv80n3Z2.js";
 import { b as oe, c as se, d as re, e as ie } from "./es6.n1ewaW31.js";
-import { B as le } from "./dropdown.DZ1Ndonr.js";
+import { B as le } from "./dropdown.DV7uhHNP.js";
 import { B as ce } from "./button.hF-nD1Og.js";
 import { B as de } from "./typography.J1v_SPG3.js";
 import { B as pe } from "./loading-indicator.z8COalOc.js";
@@ -256,4 +256,4 @@ export {
   c as b,
   Je as c
 };
-//# sourceMappingURL=code-snippet.C7eh-7Vy.js.map
+//# sourceMappingURL=code-snippet.W8Zp0zQP.js.map

package/dist/chunks/{code-snippet.C7eh-7Vy.js.map → code-snippet.W8Zp0zQP.js.map}

@@ -1 +1 @@
-{"version":3,"file":"code-snippet.C7eh-7Vy.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 { 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":"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","x_google_ignoreList":[2]}
+{"version":3,"file":"code-snippet.W8Zp0zQP.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 { 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":"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","x_google_ignoreList":[2]}