npm - @adyen/bento-vue3 - Versions diffs - 1.83.1 → 1.84.0 - Mend

@adyen/bento-vue3 1.83.1 → 1.84.0

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

Files changed (306) hide show

package/dist/assets/tutorial.css CHANGED Viewed

	@@ -1 +1 @@
1	- .b-tutorial-indicator[data-v-672deffb]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-tutorial-indicator[data-v-672deffb],.b-tutorial-indicator[data-v-672deffb]:before,.b-tutorial-indicator[data-v-672deffb]:after{box-sizing:border-box}.b-tutorial-indicator[data-v-672deffb] ,.b-tutorial-indicator[data-v-672deffb] :before,.b-tutorial-indicator[data-v-672deffb] :after{box-sizing:border-box}.b-tutorial-indicator[data-v-672deffb] ::-webkit-scrollbar{height:14px;width:14px}.b-tutorial-indicator[data-v-672deffb] ::-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-tutorial-indicator__highlight[data-v-672deffb]{border:var(--b-~~tutorial~~-~~indicator~~-~~border~~)~~;left:~~var(--b-~~tutorial~~-~~indicator~~-~~border-offset~~);pointer-events:none;position:absolute;top~~:var(--b-tutorial-indicator-border-offset)~~}.b-tutorial-indicator[data-popper-reference-hidden] .b-tutorial-indicator__highlight[data-v-672deffb]{visibility:hidden}.b-tutorial-popover[data-v-27309751]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-~~tutorial~~-~~popover-~~background-~~color~~);outline:var(--b-~~tutorial~~-~~popover~~-~~outline~~);position:relative}.b-tutorial-popover[data-v-27309751],.b-tutorial-popover[data-v-27309751]:before,.b-tutorial-popover[data-v-27309751]:after{box-sizing:border-box}.b-tutorial-popover[data-v-27309751] ,.b-tutorial-popover[data-v-27309751] :before,.b-tutorial-popover[data-v-27309751] :after{box-sizing:border-box}.b-tutorial-popover[data-v-27309751] ::-webkit-scrollbar{height:14px;width:14px}.b-tutorial-popover[data-v-27309751] ::-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-tutorial-popover__image[data-v-27309751]{width:100%}.b-tutorial-popover__header[data-v-27309751]{display:flex;flex-grow:1;gap:var(--b-~~tutorial~~-~~popover-header-padding-bottom~~);justify-content:space-between;padding-bottom:var(--b-~~tutorial~~-~~popover-header-padding-bottom~~)}.b-tutorial-popover__steps[data-v-27309751]{flex-shrink:0;line-height:var(--b-~~tutorial~~-~~popover~~-~~steps-~~line-height)}.b-tutorial-popover__footer[data-v-27309751]{column-gap:var(--b-~~tutorial~~-~~popover-footer-column-gap~~);container-type:inline-size;display:grid;grid-template-areas:"menu actions";grid-template-columns:auto 1fr;padding-top:var(--b-~~tutorial~~-~~popover-footer-padding-top~~)}.b-tutorial-popover__menu[data-v-27309751]{grid-area:menu}.b-tutorial-popover__actions[data-v-27309751]{grid-area:actions}.b-tutorial-popover[data-v-27309751] .b-button:focus-visible{box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-~~tutorial~~-~~popover-~~background-~~color~~),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color)}
1	+ .b-tutorial-indicator[data-v-672deffb]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-tutorial-indicator[data-v-672deffb],.b-tutorial-indicator[data-v-672deffb]:before,.b-tutorial-indicator[data-v-672deffb]:after{box-sizing:border-box}.b-tutorial-indicator[data-v-672deffb] ,.b-tutorial-indicator[data-v-672deffb] :before,.b-tutorial-indicator[data-v-672deffb] :after{box-sizing:border-box}.b-tutorial-indicator[data-v-672deffb] ::-webkit-scrollbar{height:14px;width:14px}.b-tutorial-indicator[data-v-672deffb] ::-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-tutorial-indicator__highlight[data-v-672deffb]{border:var(--b-border-width-m) solid var(--b-color-decorative-green);left:-2px;pointer-events:none;position:absolute;top:-2px}.b-tutorial-indicator[data-popper-reference-hidden] .b-tutorial-indicator__highlight[data-v-672deffb]{visibility:hidden}.b-tutorial-popover[data-v-27309751]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-color-background-success-weak);outline:var(--b-border-width-m) solid var(--b-color-decorative-green);position:relative}.b-tutorial-popover[data-v-27309751],.b-tutorial-popover[data-v-27309751]:before,.b-tutorial-popover[data-v-27309751]:after{box-sizing:border-box}.b-tutorial-popover[data-v-27309751] ,.b-tutorial-popover[data-v-27309751] :before,.b-tutorial-popover[data-v-27309751] :after{box-sizing:border-box}.b-tutorial-popover[data-v-27309751] ::-webkit-scrollbar{height:14px;width:14px}.b-tutorial-popover[data-v-27309751] ::-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-tutorial-popover__image[data-v-27309751]{width:100%}.b-tutorial-popover__header[data-v-27309751]{display:flex;flex-grow:1;gap:var(--b-spacer-060);justify-content:space-between;padding-bottom:var(--b-spacer-060)}.b-tutorial-popover__steps[data-v-27309751]{flex-shrink:0;line-height:var(--b-text-title-line-height)}.b-tutorial-popover__footer[data-v-27309751]{column-gap:var(--b-spacer-040);container-type:inline-size;display:grid;grid-template-areas:"menu actions";grid-template-columns:auto 1fr;padding-top:var(--b-spacer-060)}.b-tutorial-popover__menu[data-v-27309751]{grid-area:menu}.b-tutorial-popover__actions[data-v-27309751]{grid-area:actions}.b-tutorial-popover[data-v-27309751] .b-button:focus-visible{box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-success-weak),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color)}

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

	@@ -1 +1 @@
1	- .b-listbox-single-select-category[data-v-27c4e09a]{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-27c4e09a],.b-listbox-single-select-category[data-v-27c4e09a]:before,.b-listbox-single-select-category[data-v-27c4e09a]:after{box-sizing:border-box}.b-listbox-single-select-category[data-v-27c4e09a] ,.b-listbox-single-select-category[data-v-27c4e09a] :before,.b-listbox-single-select-category[data-v-27c4e09a] :after{box-sizing:border-box}.b-listbox-single-select-category[data-v-27c4e09a] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-single-select-category[data-v-27c4e09a] ::-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-27c4e09a]:last-child{margin-bottom:0}.b-listbox-single-select-category__label-text[data-v-27c4e09a]{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-1495b1db]{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-1495b1db],.b-checkbox-input[data-v-1495b1db]:before,.b-checkbox-input[data-v-1495b1db]:after{box-sizing:border-box}.b-checkbox-input[data-v-1495b1db] ,.b-checkbox-input[data-v-1495b1db] :before,.b-checkbox-input[data-v-1495b1db] :after{box-sizing:border-box}.b-checkbox-input[data-v-1495b1db] ::-webkit-scrollbar{height:14px;width:14px}.b-checkbox-input[data-v-1495b1db] ::-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-1495b1db],.b-checkbox-input--disabled[data-v-1495b1db] {cursor:not-allowed}.b-checkbox-input--readonly[data-v-1495b1db],.b-checkbox-input--readonly[data-v-1495b1db] {pointer-events:none}.b-checkbox-input__outline[data-v-1495b1db]{-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-1495b1db]{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-1495b1db]: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-1495b1db]: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-1495b1db]{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-1495b1db],.b-checkbox-input__outline[data-v-1495b1db]: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-1495b1db]:hover,.b-checkbox-input__icon:hover+.b-checkbox-input__outline--checked[data-v-1495b1db]:not(:disabled),.b-checkbox-input__outline[data-v-1495b1db]:checked:hover,.b-checkbox-input__icon:hover+.b-checkbox-input__outline[data-v-1495b1db]: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-1495b1db]:active,.b-checkbox-input__outline[data-v-1495b1db]: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-1495b1db],.b-checkbox-input--disabled .b-checkbox-input__outline[data-v-1495b1db]: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-1495b1db],.b-checkbox-input__outline[data-v-1495b1db]: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-1495b1db]:hover,.b-checkbox-input__outline[data-v-1495b1db]: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-1495b1db]:active,.b-checkbox-input__outline[data-v-1495b1db]: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-1495b1db],.b-checkbox-input--disabled .b-checkbox-input__outline[data-v-1495b1db]: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-1495b1db]:focus-visible{animation:outer-ring-default-1495b1db 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-1495b1db{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-1495b1db]{border:var(--b-checkbox-input-outline-unchecked-error-border)}.b-checkbox-input__outline--error[data-v-1495b1db]: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-1495b1db]: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-1495b1db],.b-checkbox-input__outline--readonly[data-v-1495b1db]:checked,.b-checkbox-input__outline--readonly[data-v-1495b1db]: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-1495b1db]{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-1495b1db]{color:var(--b-checkbox-input-icon-disabled-color)}.b-checkbox-input--readonly .b-checkbox-input__icon[data-v-1495b1db]{color:var(--b-checkbox-input-icon-readonly-color)}.b-listbox-option[data-v-1495b1db]{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-1495b1db],.b-listbox-option[data-v-1495b1db]:before,.b-listbox-option[data-v-1495b1db]:after{box-sizing:border-box}.b-listbox-option[data-v-1495b1db] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-option[data-v-1495b1db] ::-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-1495b1db]:hover:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-hover-background-color)}.b-listbox-option[data-v-1495b1db]: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-1495b1db]: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-1495b1db]: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-1495b1db]:hover:not(.b-listbox-option--disabled),.b-listbox-option[data-v-1495b1db]:hover:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option[data-v-1495b1db]:hover:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option[data-v-1495b1db]:hover:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-hover-font-color)}}.b-listbox-option[data-v-1495b1db]:focus-visible{outline:none;box-shadow:var(--b-listbox-option-focus-box-shadow)}.b-listbox-option[data-v-1495b1db]:active:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-active-background-color)}.b-listbox-option[data-v-1495b1db]:active:not(.b-listbox-option--disabled),.b-listbox-option[data-v-1495b1db]:active:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option[data-v-1495b1db]:active:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option[data-v-1495b1db]:active:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-active-font-color)}.b-listbox-option[data-v-1495b1db] .b-listbox-single-select-option__text,.b-listbox-option[data-v-1495b1db] .b-listbox-multi-select__option-text{display:flex;flex-direction:column}.b-listbox-option[data-v-1495b1db] .b-listbox-single-select-option__description,.b-listbox-option[data-v-1495b1db] .b-listbox-multi-select__option-description{margin-top:var(--b-listbox-option-description-margin-top)}.b-listbox-option[data-v-1495b1db]:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description,.b-listbox-option[data-v-1495b1db]:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description{color:var(--b-listbox-option-description-color)}.b-listbox-option--disabled[data-v-1495b1db]{cursor:not-allowed}.b-listbox-option--disabled[data-v-1495b1db],.b-listbox-option--disabled[data-v-1495b1db] .b-avatar__label,.b-listbox-option--disabled[data-v-1495b1db] .b-country__label,.b-listbox-option--disabled[data-v-1495b1db] .b-payment-method__label{color:var(--b-listbox-option-disabled-font-color)}.b-listbox-option--selected[data-v-1495b1db]:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-selected-background-color)}.b-listbox-option--selected[data-v-1495b1db]:not(.b-listbox-option--disabled),.b-listbox-option--selected[data-v-1495b1db]:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option--selected[data-v-1495b1db]:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option--selected[data-v-1495b1db]:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-selected-font-color)}.b-listbox-option--selected[data-v-1495b1db]:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-listbox-option--selected[data-v-1495b1db]: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-4f41af07]{display:flex;justify-content:space-between}.b-listbox-single-select-option__check-icon[data-v-4f41af07]{align-items:center;display:flex;margin-left:var(--b-listbox-single-select-check-icon-margin)}.b-checkbox-input[data-v-08d3142e]{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-08d3142e],.b-checkbox-input[data-v-08d3142e]:before,.b-checkbox-input[data-v-08d3142e]:after{box-sizing:border-box}.b-checkbox-input[data-v-08d3142e] ,.b-checkbox-input[data-v-08d3142e] :before,.b-checkbox-input[data-v-08d3142e] :after{box-sizing:border-box}.b-checkbox-input[data-v-08d3142e] ::-webkit-scrollbar{height:14px;width:14px}.b-checkbox-input[data-v-08d3142e] ::-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-08d3142e],.b-checkbox-input--disabled[data-v-08d3142e] {cursor:not-allowed}.b-checkbox-input--readonly[data-v-08d3142e],.b-checkbox-input--readonly[data-v-08d3142e] {pointer-events:none}.b-checkbox-input__outline[data-v-08d3142e]{-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-08d3142e]{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-08d3142e]: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-08d3142e]: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-08d3142e]{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-08d3142e],.b-checkbox-input__outline[data-v-08d3142e]: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-08d3142e]:hover,.b-checkbox-input__icon:hover+.b-checkbox-input__outline--checked[data-v-08d3142e]:not(:disabled),.b-checkbox-input__outline[data-v-08d3142e]:checked:hover,.b-checkbox-input__icon:hover+.b-checkbox-input__outline[data-v-08d3142e]: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-08d3142e]:active,.b-checkbox-input__outline[data-v-08d3142e]: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-08d3142e],.b-checkbox-input--disabled .b-checkbox-input__outline[data-v-08d3142e]: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-08d3142e],.b-checkbox-input__outline[data-v-08d3142e]: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-08d3142e]:hover,.b-checkbox-input__outline[data-v-08d3142e]: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-08d3142e]:active,.b-checkbox-input__outline[data-v-08d3142e]: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-08d3142e],.b-checkbox-input--disabled .b-checkbox-input__outline[data-v-08d3142e]: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-08d3142e]:focus-visible{animation:outer-ring-default-08d3142e 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-08d3142e{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-08d3142e]{border:var(--b-checkbox-input-outline-unchecked-error-border)}.b-checkbox-input__outline--error[data-v-08d3142e]: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-08d3142e]: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-08d3142e],.b-checkbox-input__outline--readonly[data-v-08d3142e]:checked,.b-checkbox-input__outline--readonly[data-v-08d3142e]: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-08d3142e]{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-08d3142e]{color:var(--b-checkbox-input-icon-disabled-color)}.b-checkbox-input--readonly .b-checkbox-input__icon[data-v-08d3142e]{color:var(--b-checkbox-input-icon-readonly-color)}.b-listbox-multi-select-category[data-v-60c04867]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select-category[data-v-60c04867],.b-listbox-multi-select-category[data-v-60c04867]:before,.b-listbox-multi-select-category[data-v-60c04867]:after{box-sizing:border-box}.b-listbox-multi-select-category[data-v-60c04867] ,.b-listbox-multi-select-category[data-v-60c04867] :before,.b-listbox-multi-select-category[data-v-60c04867] :after{box-sizing:border-box}.b-listbox-multi-select-category[data-v-60c04867] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-category[data-v-60c04867] ::-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-60c04867]{cursor:not-allowed}.b-listbox-multi-select-category--disabled .b-listbox-multi-select-category__label-text[data-v-60c04867]{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-60c04867]{cursor:pointer}.b-listbox-multi-select-category--static-category[data-v-60c04867]{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-60c04867]{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-60c04867]{align-items:center;display:flex;justify-content:space-between;width:100%}.b-listbox-multi-select-category__label-chevron[data-v-60c04867]{display:flex;position:relative}.b-listbox-multi-select-category__label-chevron[data-v-60c04867]:before{content:"";height:36px;left:-10px;position:absolute;top:-9px;width:36px}.b-listbox-multi-select-category__option[data-v-60c04867]{display:flex;gap:var(--b-listbox-multi-select-category-option-gap)}.b-listbox-multi-select-options[data-v-0c9e6af6]{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-0c9e6af6],.b-listbox-multi-select-options[data-v-0c9e6af6]:before,.b-listbox-multi-select-options[data-v-0c9e6af6]:after{box-sizing:border-box}.b-listbox-multi-select-options[data-v-0c9e6af6] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-options[data-v-0c9e6af6] ::-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-0c9e6af6]{padding-left:var(--b-listbox-multi-select-options-category-option-padding-left)}.b-listbox-multi-select-options__static-category-option[data-v-0c9e6af6]{padding-left:var(--b-listbox-multi-select-options-static-category-option-padding-left)}.b-listbox-multi-select[data-v-d170602c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select[data-v-d170602c],.b-listbox-multi-select[data-v-d170602c]:before,.b-listbox-multi-select[data-v-d170602c]:after{box-sizing:border-box}.b-listbox-multi-select[data-v-d170602c] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select[data-v-d170602c] ::-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-d170602c]{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-d170602c]{display:flex;gap:var(--b-listbox-multi-select-options-gap)}.b-listbox-multi-select__chips[data-v-d170602c]{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-ef1c27fa]{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-ef1c27fa],.b-listbox[data-v-ef1c27fa]:before,.b-listbox[data-v-ef1c27fa]:after{box-sizing:border-box}.b-listbox[data-v-ef1c27fa] ,.b-listbox[data-v-ef1c27fa] :before,.b-listbox[data-v-ef1c27fa] *:after{box-sizing:border-box}.b-listbox[data-v-ef1c27fa] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox[data-v-ef1c27fa] ::-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-ef1c27fa]{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-ef1c27fa] .b-empty-state__title{color:var(--b-listbox-empty-search-message-color)}.b-listbox__loading-filtered-items[data-v-ef1c27fa]{display:flex;justify-content:center}.b-listbox__lazy-load[data-v-ef1c27fa]{display:flex;justify-content:center;margin:var(--b-listbox-lazy-load-margin)}
1	+ .b-listbox-single-select-category[data-v-27c4e09a]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:var(--b-spacer-070)}.b-listbox-single-select-category[data-v-27c4e09a],.b-listbox-single-select-category[data-v-27c4e09a]:before,.b-listbox-single-select-category[data-v-27c4e09a]:after{box-sizing:border-box}.b-listbox-single-select-category[data-v-27c4e09a] ,.b-listbox-single-select-category[data-v-27c4e09a] :before,.b-listbox-single-select-category[data-v-27c4e09a] :after{box-sizing:border-box}.b-listbox-single-select-category[data-v-27c4e09a] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-single-select-category[data-v-27c4e09a] ::-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-27c4e09a]:last-child{margin-bottom:0}.b-listbox-single-select-category__label-text[data-v-27c4e09a]{color:var(--b-color-label-secondary);padding:var(--b-spacer-040) var(--b-spacer-070)}.b-checkbox-input[data-v-1495b1db]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;display:flex;padding:var(--b-spacer-010) 0;position:relative}.b-checkbox-input[data-v-1495b1db],.b-checkbox-input[data-v-1495b1db]:before,.b-checkbox-input[data-v-1495b1db]:after{box-sizing:border-box}.b-checkbox-input[data-v-1495b1db] ,.b-checkbox-input[data-v-1495b1db] :before,.b-checkbox-input[data-v-1495b1db] :after{box-sizing:border-box}.b-checkbox-input[data-v-1495b1db] ::-webkit-scrollbar{height:14px;width:14px}.b-checkbox-input[data-v-1495b1db] ::-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-1495b1db],.b-checkbox-input--disabled[data-v-1495b1db] {cursor:not-allowed}.b-checkbox-input--readonly[data-v-1495b1db],.b-checkbox-input--readonly[data-v-1495b1db] {pointer-events:none}.b-checkbox-input__outline[data-v-1495b1db]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--b-border-radius-s);border-style:solid;border-width:var(--b-border-width-s);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-1495b1db]{background-color:var(--b-color-background-primary);border-color:var(--b-color-outline-tertiary)}.b-checkbox-input__outline--unchecked[data-v-1495b1db]:hover{background-color:var(--b-color-background-primary-hover);border-color:var(--b-color-outline-tertiary)}.b-checkbox-input__outline--unchecked[data-v-1495b1db]:active{background-color:var(--b-color-background-primary-active);border-color:var(--b-color-outline-tertiary)}.b-checkbox-input--disabled .b-checkbox-input__outline--unchecked[data-v-1495b1db]{background-color:var(--b-color-background-disabled);border-color:var(--b-color-outline-disabled);cursor:not-allowed}.b-checkbox-input__outline--checked[data-v-1495b1db],.b-checkbox-input__outline[data-v-1495b1db]:checked{background-color:var(--b-color-background-inverse-primary);border-color:var(--b-color-background-inverse-primary)}.b-checkbox-input__outline--checked[data-v-1495b1db]:hover,.b-checkbox-input__icon:hover+.b-checkbox-input__outline--checked[data-v-1495b1db]:not(:disabled),.b-checkbox-input__outline[data-v-1495b1db]:checked:hover,.b-checkbox-input__icon:hover+.b-checkbox-input__outline[data-v-1495b1db]:checked:not(:disabled){background-color:var(--b-color-background-inverse-primary-hover);border-color:var(--b-color-background-inverse-primary-hover)}.b-checkbox-input__outline--checked[data-v-1495b1db]:active,.b-checkbox-input__outline[data-v-1495b1db]:checked:active{background-color:var(--b-color-background-inverse-primary-active);border-color:var(--b-color-background-inverse-primary-active)}.b-checkbox-input--disabled .b-checkbox-input__outline--checked[data-v-1495b1db],.b-checkbox-input--disabled .b-checkbox-input__outline[data-v-1495b1db]:checked{background-color:var(--b-color-background-disabled);border-color:var(--b-color-background-disabled);cursor:not-allowed}.b-checkbox-input__outline--indeterminate[data-v-1495b1db],.b-checkbox-input__outline[data-v-1495b1db]:indeterminate{background-color:var(--b-color-background-inverse-primary);border-color:var(--b-color-background-inverse-primary)}.b-checkbox-input__outline--indeterminate[data-v-1495b1db]:hover,.b-checkbox-input__outline[data-v-1495b1db]:indeterminate:hover{background-color:var(--b-color-background-inverse-primary-hover);border-color:var(--b-color-background-inverse-primary-hover)}.b-checkbox-input__outline--indeterminate[data-v-1495b1db]:active,.b-checkbox-input__outline[data-v-1495b1db]:indeterminate:active{background-color:var(--b-color-background-inverse-primary-active);border-color:var(--b-color-background-inverse-primary-active)}.b-checkbox-input--disabled .b-checkbox-input__outline--indeterminate[data-v-1495b1db],.b-checkbox-input--disabled .b-checkbox-input__outline[data-v-1495b1db]:indeterminate{background-color:var(--b-color-background-disabled);border-color:var(--b-color-background-disabled);cursor:not-allowed}.b-checkbox-input__outline[data-v-1495b1db]:focus-visible{animation:outer-ring-default-1495b1db 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-1495b1db{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-1495b1db]{border:1.5px solid var(--b-color-outline-critical)}.b-checkbox-input__outline--error[data-v-1495b1db]:checked{background-color:var(--b-color-background-critical-strong);border-color:var(--b-color-outline-critical)}.b-checkbox-input__outline--error[data-v-1495b1db]:indeterminate{background-color:var(--b-color-background-critical-strong);border-color:var(--b-color-outline-critical)}.b-checkbox-input__outline--readonly[data-v-1495b1db],.b-checkbox-input__outline--readonly[data-v-1495b1db]:checked,.b-checkbox-input__outline--readonly[data-v-1495b1db]:indeterminate{background-color:var(--b-color-background-disabled);border-color:var(--b-color-outline-disabled)}.b-checkbox-input__icon[data-v-1495b1db]{color:var(--b-color-label-inverse-primary);left:0;pointer-events:none;position:absolute;z-index:1}.b-checkbox-input--disabled .b-checkbox-input__icon[data-v-1495b1db]{color:var(--b-color-label-disabled)}.b-checkbox-input--readonly .b-checkbox-input__icon[data-v-1495b1db]{color:var(--b-color-label-primary)}.b-listbox-option[data-v-1495b1db]{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-spacer-040) var(--b-spacer-070)}.b-listbox-option[data-v-1495b1db],.b-listbox-option[data-v-1495b1db]:before,.b-listbox-option[data-v-1495b1db]:after{box-sizing:border-box}.b-listbox-option[data-v-1495b1db] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-option[data-v-1495b1db] ::-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-1495b1db]:hover:not(.b-listbox-option--disabled){background-color:var(--b-color-background-modal-hover)}.b-listbox-option[data-v-1495b1db]:hover:not(.b-listbox-option--disabled) .b-checkbox-input__outline--unchecked{background-color:var(--b-color-background-primary-hover);border-color:var(--b-color-outline-tertiary)}.b-listbox-option[data-v-1495b1db]:hover:not(.b-listbox-option--disabled) .b-checkbox-input__outline--checked{background-color:var(--b-color-background-inverse-primary-hover);border-color:var(--b-color-background-inverse-primary-hover)}.b-listbox-option[data-v-1495b1db]:hover:not(.b-listbox-option--disabled) .b-checkbox-input__outline--indeterminate{background-color:var(--b-color-background-inverse-primary-hover);border-color:var(--b-color-background-inverse-primary-hover)}.b-listbox-option[data-v-1495b1db]:hover:not(.b-listbox-option--disabled),.b-listbox-option[data-v-1495b1db]:hover:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option[data-v-1495b1db]:hover:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option[data-v-1495b1db]:hover:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-color-label-primary)}}.b-listbox-option[data-v-1495b1db]:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--b-border-width-m) var(--b-focus-ring-color),inset 0 0 0 var(--b-border-width-l) var(--b-color-background-primary)}.b-listbox-option[data-v-1495b1db]:active:not(.b-listbox-option--disabled){background-color:var(--b-color-background-modal-active)}.b-listbox-option[data-v-1495b1db]:active:not(.b-listbox-option--disabled),.b-listbox-option[data-v-1495b1db]:active:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option[data-v-1495b1db]:active:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option[data-v-1495b1db]:active:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-color-label-primary)}.b-listbox-option[data-v-1495b1db] .b-listbox-single-select-option__text,.b-listbox-option[data-v-1495b1db] .b-listbox-multi-select__option-text{display:flex;flex-direction:column}.b-listbox-option[data-v-1495b1db] .b-listbox-single-select-option__description,.b-listbox-option[data-v-1495b1db] .b-listbox-multi-select__option-description{margin-top:var(--b-spacer-020)}.b-listbox-option[data-v-1495b1db]:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description,.b-listbox-option[data-v-1495b1db]:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description{color:var(--b-color-label-secondary)}.b-listbox-option--disabled[data-v-1495b1db]{cursor:not-allowed}.b-listbox-option--disabled[data-v-1495b1db],.b-listbox-option--disabled[data-v-1495b1db] .b-avatar__label,.b-listbox-option--disabled[data-v-1495b1db] .b-country__label,.b-listbox-option--disabled[data-v-1495b1db] .b-payment-method__label{color:var(--b-color-label-disabled)}.b-listbox-option--selected[data-v-1495b1db]:not(.b-listbox-option--disabled){background-color:var(--b-color-background-modal-active)}.b-listbox-option--selected[data-v-1495b1db]:not(.b-listbox-option--disabled),.b-listbox-option--selected[data-v-1495b1db]:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option--selected[data-v-1495b1db]:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option--selected[data-v-1495b1db]:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-color-label-primary)}.b-listbox-option--selected[data-v-1495b1db]:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-listbox-option--selected[data-v-1495b1db]:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-color-label-secondary)}.b-listbox-single-select-option[data-v-4f41af07]{display:flex;justify-content:space-between}.b-listbox-single-select-option__check-icon[data-v-4f41af07]{align-items:center;display:flex;margin-left:var(--b-spacer-070)}.b-checkbox-input[data-v-08d3142e]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;display:flex;padding:var(--b-spacer-010) 0;position:relative}.b-checkbox-input[data-v-08d3142e],.b-checkbox-input[data-v-08d3142e]:before,.b-checkbox-input[data-v-08d3142e]:after{box-sizing:border-box}.b-checkbox-input[data-v-08d3142e] ,.b-checkbox-input[data-v-08d3142e] :before,.b-checkbox-input[data-v-08d3142e] :after{box-sizing:border-box}.b-checkbox-input[data-v-08d3142e] ::-webkit-scrollbar{height:14px;width:14px}.b-checkbox-input[data-v-08d3142e] ::-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-08d3142e],.b-checkbox-input--disabled[data-v-08d3142e] {cursor:not-allowed}.b-checkbox-input--readonly[data-v-08d3142e],.b-checkbox-input--readonly[data-v-08d3142e] {pointer-events:none}.b-checkbox-input__outline[data-v-08d3142e]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--b-border-radius-s);border-style:solid;border-width:var(--b-border-width-s);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-08d3142e]{background-color:var(--b-color-background-primary);border-color:var(--b-color-outline-tertiary)}.b-checkbox-input__outline--unchecked[data-v-08d3142e]:hover{background-color:var(--b-color-background-primary-hover);border-color:var(--b-color-outline-tertiary)}.b-checkbox-input__outline--unchecked[data-v-08d3142e]:active{background-color:var(--b-color-background-primary-active);border-color:var(--b-color-outline-tertiary)}.b-checkbox-input--disabled .b-checkbox-input__outline--unchecked[data-v-08d3142e]{background-color:var(--b-color-background-disabled);border-color:var(--b-color-outline-disabled);cursor:not-allowed}.b-checkbox-input__outline--checked[data-v-08d3142e],.b-checkbox-input__outline[data-v-08d3142e]:checked{background-color:var(--b-color-background-inverse-primary);border-color:var(--b-color-background-inverse-primary)}.b-checkbox-input__outline--checked[data-v-08d3142e]:hover,.b-checkbox-input__icon:hover+.b-checkbox-input__outline--checked[data-v-08d3142e]:not(:disabled),.b-checkbox-input__outline[data-v-08d3142e]:checked:hover,.b-checkbox-input__icon:hover+.b-checkbox-input__outline[data-v-08d3142e]:checked:not(:disabled){background-color:var(--b-color-background-inverse-primary-hover);border-color:var(--b-color-background-inverse-primary-hover)}.b-checkbox-input__outline--checked[data-v-08d3142e]:active,.b-checkbox-input__outline[data-v-08d3142e]:checked:active{background-color:var(--b-color-background-inverse-primary-active);border-color:var(--b-color-background-inverse-primary-active)}.b-checkbox-input--disabled .b-checkbox-input__outline--checked[data-v-08d3142e],.b-checkbox-input--disabled .b-checkbox-input__outline[data-v-08d3142e]:checked{background-color:var(--b-color-background-disabled);border-color:var(--b-color-background-disabled);cursor:not-allowed}.b-checkbox-input__outline--indeterminate[data-v-08d3142e],.b-checkbox-input__outline[data-v-08d3142e]:indeterminate{background-color:var(--b-color-background-inverse-primary);border-color:var(--b-color-background-inverse-primary)}.b-checkbox-input__outline--indeterminate[data-v-08d3142e]:hover,.b-checkbox-input__outline[data-v-08d3142e]:indeterminate:hover{background-color:var(--b-color-background-inverse-primary-hover);border-color:var(--b-color-background-inverse-primary-hover)}.b-checkbox-input__outline--indeterminate[data-v-08d3142e]:active,.b-checkbox-input__outline[data-v-08d3142e]:indeterminate:active{background-color:var(--b-color-background-inverse-primary-active);border-color:var(--b-color-background-inverse-primary-active)}.b-checkbox-input--disabled .b-checkbox-input__outline--indeterminate[data-v-08d3142e],.b-checkbox-input--disabled .b-checkbox-input__outline[data-v-08d3142e]:indeterminate{background-color:var(--b-color-background-disabled);border-color:var(--b-color-background-disabled);cursor:not-allowed}.b-checkbox-input__outline[data-v-08d3142e]:focus-visible{animation:outer-ring-default-08d3142e 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-08d3142e{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-08d3142e]{border:1.5px solid var(--b-color-outline-critical)}.b-checkbox-input__outline--error[data-v-08d3142e]:checked{background-color:var(--b-color-background-critical-strong);border-color:var(--b-color-outline-critical)}.b-checkbox-input__outline--error[data-v-08d3142e]:indeterminate{background-color:var(--b-color-background-critical-strong);border-color:var(--b-color-outline-critical)}.b-checkbox-input__outline--readonly[data-v-08d3142e],.b-checkbox-input__outline--readonly[data-v-08d3142e]:checked,.b-checkbox-input__outline--readonly[data-v-08d3142e]:indeterminate{background-color:var(--b-color-background-disabled);border-color:var(--b-color-outline-disabled)}.b-checkbox-input__icon[data-v-08d3142e]{color:var(--b-color-label-inverse-primary);left:0;pointer-events:none;position:absolute;z-index:1}.b-checkbox-input--disabled .b-checkbox-input__icon[data-v-08d3142e]{color:var(--b-color-label-disabled)}.b-checkbox-input--readonly .b-checkbox-input__icon[data-v-08d3142e]{color:var(--b-color-label-primary)}.b-listbox-multi-select-category[data-v-60c04867]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select-category[data-v-60c04867],.b-listbox-multi-select-category[data-v-60c04867]:before,.b-listbox-multi-select-category[data-v-60c04867]:after{box-sizing:border-box}.b-listbox-multi-select-category[data-v-60c04867] ,.b-listbox-multi-select-category[data-v-60c04867] :before,.b-listbox-multi-select-category[data-v-60c04867] :after{box-sizing:border-box}.b-listbox-multi-select-category[data-v-60c04867] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-category[data-v-60c04867] ::-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-60c04867]{cursor:not-allowed}.b-listbox-multi-select-category--disabled .b-listbox-multi-select-category__label-text[data-v-60c04867]{color:var(--b-color-label-disabled)}.b-listbox-multi-select-category--disabled .b-listbox-multi-select-category__label-chevron[data-v-60c04867]{cursor:pointer}.b-listbox-multi-select-category--static-category[data-v-60c04867]{gap:var(--b-spacer-070);pointer-events:none}.b-listbox-multi-select-category--static-category .b-listbox-multi-select-category__label-text[data-v-60c04867]{color:var(--b-color-label-secondary);padding:var(--b-spacer-040) var(--b-spacer-070)}.b-listbox-multi-select-category__label[data-v-60c04867]{align-items:center;display:flex;justify-content:space-between;width:100%}.b-listbox-multi-select-category__label-chevron[data-v-60c04867]{display:flex;position:relative}.b-listbox-multi-select-category__label-chevron[data-v-60c04867]:before{content:"";height:36px;left:-10px;position:absolute;top:-9px;width:36px}.b-listbox-multi-select-category__option[data-v-60c04867]{display:flex;gap:var(--b-spacer-070)}.b-listbox-multi-select-options[data-v-0c9e6af6]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;gap:var(--b-spacer-070)}.b-listbox-multi-select-options[data-v-0c9e6af6],.b-listbox-multi-select-options[data-v-0c9e6af6]:before,.b-listbox-multi-select-options[data-v-0c9e6af6]:after{box-sizing:border-box}.b-listbox-multi-select-options[data-v-0c9e6af6] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-options[data-v-0c9e6af6] ::-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-0c9e6af6]{padding-left:var(--b-spacer-100)}.b-listbox-multi-select-options__static-category-option[data-v-0c9e6af6]{padding-left:var(--b-spacer-070)}.b-listbox-multi-select[data-v-d170602c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select[data-v-d170602c],.b-listbox-multi-select[data-v-d170602c]:before,.b-listbox-multi-select[data-v-d170602c]:after{box-sizing:border-box}.b-listbox-multi-select[data-v-d170602c] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select[data-v-d170602c] ::-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-d170602c]{background-color:var(--b-color-separator-primary);border:0;height:1px;margin:var(--b-spacer-040) var(--b-spacer-000)}.b-listbox-multi-select__option[data-v-d170602c]{display:flex;gap:var(--b-spacer-070)}.b-listbox-multi-select__chips[data-v-d170602c]{container-type:inline-size;display:flex;flex-wrap:wrap;gap:var(--b-spacer-030);list-style-type:none;margin:0;padding:0 var(--b-spacer-070)}.b-listbox[data-v-ef1c27fa]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-color-background-modal);color:var(--b-color-label-primary);overflow-y:auto;padding:var(--b-spacer-040) 0}.b-listbox[data-v-ef1c27fa],.b-listbox[data-v-ef1c27fa]:before,.b-listbox[data-v-ef1c27fa]:after{box-sizing:border-box}.b-listbox[data-v-ef1c27fa] ,.b-listbox[data-v-ef1c27fa] :before,.b-listbox[data-v-ef1c27fa] *:after{box-sizing:border-box}.b-listbox[data-v-ef1c27fa] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox[data-v-ef1c27fa] ::-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-ef1c27fa]{color:var(--b-color-label-secondary);padding:var(--b-spacer-040) var(--b-spacer-070);text-align:center}.b-listbox__empty-search-message[data-v-ef1c27fa] .b-empty-state__title{color:var(--b-color-label-secondary)}.b-listbox__loading-filtered-items[data-v-ef1c27fa]{display:flex;justify-content:center}.b-listbox__lazy-load[data-v-ef1c27fa]{display:flex;justify-content:center;margin:var(--b-spacer-040) 0}

package/dist/button.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { B as n, b as B, a } from "./chunks/button.CSp48LJt.js";
 import { a as s } from "./chunks/ai-button.CDRPf7IY.js";
-import { B as r, a as i, b as c, c as p } from "./chunks/button-actions.O0cnu1_g.js";
+import { B as r, a as i, b as c, c as p } from "./chunks/button-actions.Crj4QFAd.js";
 import { B as A, a as L, b as d } from "./chunks/button-actions.types.BptAXjD8.js";
 export {
   s as BentoAiButton,

package/dist/card.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { c as o, B as r, a as t } from "./chunks/card.Dqt_BOMI.js";
+import { c as o, B as r, a as t } from "./chunks/card.C_03IYJe.js";
 export {
   o as BentoCard,
   r as BentoCardBackground,

package/dist/checkbox.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { B as t, a } from "./chunks/checkbox.B_WaHSop.js";
+import { B as t, a } from "./chunks/checkbox.BWgWtiLJ.js";
 import { C as x } from "./chunks/minus-small.DYIyF5XW.js";
-import { B, a as C } from "./chunks/checkbox-group.S0FqSg9s.js";
+import { B, a as C } from "./chunks/checkbox-group.DZrhxIHp.js";
 export {
   t as BentoCheckbox,
   a as BentoCheckboxEvent,

package/dist/chunks/{action-bar.D5y9JWnT.js → action-bar.CriH15oF.js} RENAMED Viewed

@@ -1,11 +1,11 @@
-import { defineComponent as F, computed as c, ref as _, toRefs as G, watch as E, provide as U, nextTick as f, createBlock as b, openBlock as d, Transition as L, withCtx as B, createElementVNode as h, unref as t, normalizeClass as W, createElementBlock as K, createCommentVNode as M, createVNode as y, createTextVNode as z, toDisplayString as S } from "vue";
+import { defineComponent as F, computed as c, ref as _, toRefs as G, watch as E, provide as U, nextTick as f, createBlock as b, openBlock as d, Transition as L, withCtx as B, createElementVNode as S, unref as t, normalizeClass as W, createElementBlock as K, createCommentVNode as M, createVNode as y, createTextVNode as z, toDisplayString as h } from "vue";
 import { B as D } from "./button.CSp48LJt.js";
 import { B as J } from "./typography.6Oo5TOMP.js";
-import { B as Z } from "./button-actions-with-menu.LlNWeD3B.js";
+import { B as Z } from "./button-actions-with-menu.B8xFgt-p.js";
 import { C as j } from "./cross.B92GxFTY.js";
 import { u as q } from "./index.pdBj0KQU.js";
 import { u as Y } from "./index.E60QniEu.js";
-import { P as $, B as H } from "./button-actions.O0cnu1_g.js";
+import { P as $, B as H } from "./button-actions.Crj4QFAd.js";
 import { _ as Q } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import "../assets/action-bar.css";
 const N = {
@@ -18,17 +18,19 @@ const N = {
     unsavedChanges: "unsaved change | unsaved changes"
   },
   "ja-JP": {
+    actionBar: "アクションバー",
     cancel: "キャンセル",
     close: "閉じる",
     save: "保存",
     selected: "選択済み",
-    unsavedChanges: "未保存の変更"
+    unsavedChanges: "未保存の変更 | 未保存の変更"
   },
   "pt-BR": {
+    actionBar: "Barra de ação",
     cancel: "Cancelar",
     close: "Fechar",
     save: "Salvar",
-    selected: "selecionados",
+    selected: "Selecionado",
     unsavedChanges: "alteração não salva | alterações não salvas"
   }
 }, X = ["aria-label"], ee = {
@@ -143,11 +145,11 @@ const N = {
       appear: ""
     }, {
       default: B(() => [
-        h("section", {
+        S("section", {
           class: W(["b-action-bar", k.value]),
           "aria-label": t(i)("actionBar")
         }, [
-          h("div", {
+          S("div", {
             ref_key: "actionBar",
             ref: l,
             class: "b-action-bar__container"
@@ -171,7 +173,7 @@ const N = {
               class: "b-action-bar__selection"
             }, {
               default: B(() => [
-                z(S(t(T)(n.itemCounter)) + " " + S(u.value ? t(I)("unsavedChanges", n.itemCounter) : O.value), 1)
+                z(h(t(T)(n.itemCounter)) + " " + h(u.value ? t(I)("unsavedChanges", n.itemCounter) : O.value), 1)
               ]),
               _: 1
             }),
@@ -199,4 +201,4 @@ const N = {
 export {
   fe as B
 };
-//# sourceMappingURL=action-bar.D5y9JWnT.js.map
+//# sourceMappingURL=action-bar.CriH15oF.js.map

package/dist/chunks/{action-bar.D5y9JWnT.js.map → action-bar.CriH15oF.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"action-bar.D5y9JWnT.js","sources":["../../../vue2/src/components/action-bar/action-bar.vue"],"sourcesContent":["<template>\n <Transition name=\"b-action-bar__animation\" appear>\n <section class=\"b-action-bar\" :class=\"conditionalClasses\" :aria-label=\"t('actionBar')\">\n <div ref=\"actionBar\" class=\"b-action-bar__container\">\n <div v-if=\"!isConfirmationVariant\" class=\"b-action-bar__close-button\">\n <bento-button variant=\"tertiary\" inverse :aria-label=\"t('close')\" @click=\"emit('close')\">\n <template #iconLeft><cross-icon :aria-hidden=\"true\" /></template>\n </bento-button>\n </div>\n <bento-typography el=\"span\" stronger class=\"b-action-bar__selection\">\n {{ n(itemCounter) }}\n {{ isConfirmationVariant ? tc('unsavedChanges', itemCounter) : label }}\n </bento-typography>\n <bento-button-actions\n v-if=\"isConfirmationVariant\"\n :actions=\"confirmationActions\"\n class=\"b-action-bar__actions\"\n inverse\n />\n <button-actions-with-menu\n v-else\n :actions=\"actionsInternal\"\n class=\"b-action-bar__actions\"\n :displayed-actions=\"internalDisplayedActions\"\n menu-position=\"top-end\"\n disable-responsive-behavior\n inverse\n />\n </div>\n </section>\n </Transition>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, nextTick, type PropType, provide, ref, toRefs, watch } from 'vue';\n import { BentoButton, BentoButtonActions, type BentoButtonActionsList } from '@/components/button';\n import { BentoTypography } from '@/components/typography';\n\n import { type BentoActionBarVariant } from '@/components/action-bar/action-bar.types';\n import ButtonActionsWithMenu from '@/components/internal/button-actions-with-menu/button-actions-with-menu.vue';\n import CrossIcon from '@adyen/ui-assets-icons-16/vue/cross';\n\n import { useI18n } from '@/utils/ts/i18n';\n import { useWindowSize } from '@vueuse/core';\n\n import messages from './messages.json';\n import { POPOVER_OFFSET_INJECTION_KEY } from '@/components/popover/popover.keys';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n // Constants\n const AVERAGE_BUTTON_SIZE = 100;\n const MENU_OFFSET = 7;\n const RESPONSIVE_BREAKPOINT = 500;\n const SPACING = 32;\n\n const props = defineProps({\n /*\n List of actions that will be used to render the buttons.\n * Required and used for the `default` variant.\n \n Each object in the list should have a `title`, an `event` and,\n * optionally, an `icon`.\n \n The component will display 4 actions and the hide the rest inside a menu.\n \n @see BentoButton for a list of all the other props supported by each button action.\n /\n actions: {\n type: Array as PropType<BentoButtonActionsList>,\n default: () => [],\n },\n /\n How many actions should be visible outside the menu, cannot be more than 4\n /\n visibleActions: {\n type: Number,\n default: 4,\n validator: (value: number) => value > 0 && value <= 4,\n },\n /\n Use when there are sticky elements at the bottom, like sticky pagination\n /\n extraBottomSpacing: {\n type: Boolean,\n default: false,\n },\n /\n Show how many items are selected\n /\n itemCounter: {\n type: Number,\n required: true,\n },\n /\n Label for the selection, e.g. 'selected'/'changed'\n /\n selectionLabel: {\n type: String,\n default: null,\n },\n /\n Variant for the action bar\n * @values default, confirmation\n /\n variant: {\n type: String as PropType<BentoActionBarVariant>,\n default: 'default',\n },\n });\n\n const emit = defineEmits<{\n /\n Event emitted when the user click the close button\n /\n (e: 'close'): void;\n (e: 'cancel'): void;\n (e: 'save'): void;\n }>();\n\n const { t, tc, n } = useI18n<{ message: MessageSchema }>({ messages });\n const label = computed(() => (props.selectionLabel ? props.selectionLabel : t('selected')));\n\n // Refs\n const actionBar = ref<HTMLDivElement>(null);\n const { extraBottomSpacing, visibleActions } = toRefs(props);\n const { width } = useWindowSize();\n const internalDisplayedActions = ref(null);\n const internalVisibleActions = ref(null);\n\n const isConfirmationVariant = computed(() => props.variant === 'confirmation');\n\n watch(\n () => visibleActions.value,\n value => {\n internalVisibleActions.value = value <= 4 ? value : 4;\n internalDisplayedActions.value = internalVisibleActions.value;\n },\n { immediate: true }\n );\n\n // Styling\n const conditionalClasses = computed(() => ({\n 'b-action-bar--extra-spacing': extraBottomSpacing.value,\n 'b-action-bar--confirmation': isConfirmationVariant.value,\n }));\n\n // Provide POPOVER_OFFSET_INJECTION_KEY to change the value of the popover offset\n provide(POPOVER_OFFSET_INJECTION_KEY, MENU_OFFSET);\n\n // Manipulate actions array to display as intended\n const actionsInternal = computed(() => {\n // All buttons should be of type secondary in the action bar\n const actions = props.actions.map(action => ({\n ...action,\n variant: 'secondary',\n })) as BentoButtonActionsList;\n // Shown actions should display from left to right in action bar, instead of right to left which is the button actions default\n const shownActions = actions.slice(0, internalDisplayedActions.value).reverse();\n const hiddenActions = actions.slice(internalDisplayedActions.value);\n\n return [...shownActions, ...hiddenActions];\n });\n\n const confirmationActions = computed<BentoButtonActionsList>(() => [\n {\n title: t('save'),\n event: () => emit('save'),\n },\n {\n title: t('cancel'),\n variant: 'secondary',\n event: () => emit('cancel'),\n },\n ]);\n\n // Recursive functions to determine how many actions should be visible/hidden based on the screens width\n const showActions = async () => {\n await nextTick();\n if (\n width.value > actionBar.value.clientWidth + SPACING + AVERAGE_BUTTON_SIZE &&\n internalDisplayedActions.value < internalVisibleActions.value\n ) {\n internalDisplayedActions.value += 1;\n showActions();\n }\n };\n\n const hideActions = async () => {\n await nextTick();\n if (width.value < actionBar.value.clientWidth + SPACING && internalDisplayedActions.value > 0) {\n internalDisplayedActions.value -= 1;\n hideActions();\n }\n };\n\n // Screen width watcher to toggle hidden/visible actions\n watch(\n () => width.value,\n async (newValue, oldValue) => {\n await nextTick();\n if (!actionBar.value) {\n return;\n }\n const isIncreasing = newValue > oldValue;\n if (width.value < RESPONSIVE_BREAKPOINT) {\n internalDisplayedActions.value = 0;\n } else if (isIncreasing) {\n showActions();\n } else {\n hideActions();\n }\n },\n { immediate: true }\n );\n</script>\n\n<script lang=\"ts\">\n /\n Action bar is a floating bar that provides users with quick access to key actions that can be applied to one or multiple items.\n \n @example\n * import { BentoActionBar } from '@adyen/bento-vue2';\n \n export default {\n * components: { BentoActionBar },\n * template: `\n * <bento-action-bar\n * :actions='[\n * {\n * title: 'Delete',\n * critical: true,\n * icon: BinIcon,\n * event: () => true,\n * },\n * {\n * title: 'Edit',\n * icon: EditIcon,\n * event: () => true,\n * }\n * ]'\n * @close=\"closeAction\"\n * :item-counter=\"5\"\n * />\n * `\n * }\n */\n export default {\n i18n: { messages },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./action-bar.scss\" />\n"],"names":["__default__","messages","props","__props","emit","__emit","t","tc","n","useI18n","label","computed","actionBar","ref","extraBottomSpacing","visibleActions","toRefs","width","useWindowSize","internalDisplayedActions","internalVisibleActions","isConfirmationVariant","watch","value","conditionalClasses","provide","POPOVER_OFFSET_INJECTION_KEY","actionsInternal","actions","action","shownActions","hiddenActions","confirmationActions","showActions","nextTick","hideActions","newValue","oldValue","isIncreasing"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuPIA,KAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAjMA,UAAAC,IAAAC,GAuDAC,IAAAC,GASA,EAAA,GAAAC,GAAA,IAAAC,GAAA,GAAAC,EAAA,IAAAC,EAAA,EAAA,UAAAR,EAAA,CAAA,GACAS,IAAAC,EAAA,MAAAT,EAAA,iBAAAA,EAAA,iBAAAI,EAAA,UAAA,CAAA,GAGAM,IAAAC,EAAA,IAAA,GACA,EAAA,oBAAAC,GAAA,gBAAAC,EAAA,IAAAC,EAAAd,CAAA,GACA,EAAA,OAAAe,EAAA,IAAAC,EAAA,GACAC,IAAAN,EAAA,IAAA,GACAO,IAAAP,EAAA,IAAA,GAEAQ,IAAAV,EAAA,MAAAT,EAAA,YAAA,cAAA;AAEA,IAAAoB;AAAA,MAAA,MAAAP,EAAA;AAAA,MACyB,CAAAQ,MAAA;AAEjB,QAAAH,EAAA,QAAAG,KAAA,IAAAA,IAAA,GACAJ,EAAA,QAAAC,EAAA;AAAA,MAAwD;AAAA,MAC5D,EAAA,WAAA,GAAA;AAAA,IACkB;AAItB,UAAAI,IAAAb,EAAA,OAAA;AAAA,MAA2C,+BAAAG,EAAA;AAAA,MACW,8BAAAO,EAAA;AAAA,IACE,EAAA;AAIxD,IAAAI,EAAAC,GAAA,CAAA;AAGA,UAAAC,IAAAhB,EAAA,MAAA;AAEI,YAAAiB,IAAA1B,EAAA,QAAA,IAAA,CAAA2B,OAAA;AAAA,QAA6C,GAAAA;AAAA,QACtC,SAAA;AAAA,MACM,EAAA,GAGbC,IAAAF,EAAA,MAAA,GAAAT,EAAA,KAAA,EAAA,QAAA,GACAY,IAAAH,EAAA,MAAAT,EAAA,KAAA;AAEA,aAAA,CAAA,GAAAW,GAAA,GAAAC,CAAA;AAAA,IAAyC,CAAA,GAG7CC,IAAArB,EAAA,MAAA;AAAA,MAAmE;AAAA,QAC/D,OAAAL,EAAA,MAAA;AAAA,QACmB,OAAA,MAAAF,EAAA,MAAA;AAAA,MACS;AAAA,MAC5B;AAAA,QACA,OAAAE,EAAA,QAAA;AAAA,QACqB,SAAA;AAAA,QACR,OAAA,MAAAF,EAAA,QAAA;AAAA,MACiB;AAAA,IAC9B,CAAA,GAIJ6B,IAAA,YAAA;AACI,YAAAC,EAAA,GACAjB,EAAA,QAAAL,EAAA,MAAA,cAAA,KAAA,OAAAO,EAAA,QAAAC,EAAA,UAIID,EAAA,SAAA,GACAc,EAAA;AAAA,IACJ,GAGJE,IAAA,YAAA;AACI,YAAAD,EAAA,GACAjB,EAAA,QAAAL,EAAA,MAAA,cAAA,MAAAO,EAAA,QAAA,MACIA,EAAA,SAAA,GACAgB,EAAA;AAAA,IACJ;AAIJ,WAAAb;AAAA,MAAA,MAAAL,EAAA;AAAA,MACgB,OAAAmB,GAAAC,MAAA;AAGR,YADA,MAAAH,EAAA,GACA,CAAAtB,EAAA;AACI;AAEJ,cAAA0B,IAAAF,IAAAC;AACA,QAAApB,EAAA,QAAA,MACIE,EAAA,QAAA,IAAiCmB,IAEjCL,EAAA,IAEAE,EAAA;AAAA,MACJ;AAAA,MACJ,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"action-bar.CriH15oF.js","sources":["../../../vue2/src/components/action-bar/action-bar.vue"],"sourcesContent":["<template>\n <Transition name=\"b-action-bar__animation\" appear>\n <section class=\"b-action-bar\" :class=\"conditionalClasses\" :aria-label=\"t('actionBar')\">\n <div ref=\"actionBar\" class=\"b-action-bar__container\">\n <div v-if=\"!isConfirmationVariant\" class=\"b-action-bar__close-button\">\n <bento-button variant=\"tertiary\" inverse :aria-label=\"t('close')\" @click=\"emit('close')\">\n <template #iconLeft><cross-icon :aria-hidden=\"true\" /></template>\n </bento-button>\n </div>\n <bento-typography el=\"span\" stronger class=\"b-action-bar__selection\">\n {{ n(itemCounter) }}\n {{ isConfirmationVariant ? tc('unsavedChanges', itemCounter) : label }}\n </bento-typography>\n <bento-button-actions\n v-if=\"isConfirmationVariant\"\n :actions=\"confirmationActions\"\n class=\"b-action-bar__actions\"\n inverse\n />\n <button-actions-with-menu\n v-else\n :actions=\"actionsInternal\"\n class=\"b-action-bar__actions\"\n :displayed-actions=\"internalDisplayedActions\"\n menu-position=\"top-end\"\n disable-responsive-behavior\n inverse\n />\n </div>\n </section>\n </Transition>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, nextTick, type PropType, provide, ref, toRefs, watch } from 'vue';\n import { BentoButton, BentoButtonActions, type BentoButtonActionsList } from '@/components/button';\n import { BentoTypography } from '@/components/typography';\n\n import { type BentoActionBarVariant } from '@/components/action-bar/action-bar.types';\n import ButtonActionsWithMenu from '@/components/internal/button-actions-with-menu/button-actions-with-menu.vue';\n import CrossIcon from '@adyen/ui-assets-icons-16/vue/cross';\n\n import { useI18n } from '@/utils/ts/i18n';\n import { useWindowSize } from '@vueuse/core';\n\n import messages from './messages.json';\n import { POPOVER_OFFSET_INJECTION_KEY } from '@/components/popover/popover.keys';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n // Constants\n const AVERAGE_BUTTON_SIZE = 100;\n const MENU_OFFSET = 7;\n const RESPONSIVE_BREAKPOINT = 500;\n const SPACING = 32;\n\n const props = defineProps({\n /*\n List of actions that will be used to render the buttons.\n * Required and used for the `default` variant.\n \n Each object in the list should have a `title`, an `event` and,\n * optionally, an `icon`.\n \n The component will display 4 actions and the hide the rest inside a menu.\n \n @see BentoButton for a list of all the other props supported by each button action.\n /\n actions: {\n type: Array as PropType<BentoButtonActionsList>,\n default: () => [],\n },\n /\n How many actions should be visible outside the menu, cannot be more than 4\n /\n visibleActions: {\n type: Number,\n default: 4,\n validator: (value: number) => value > 0 && value <= 4,\n },\n /\n Use when there are sticky elements at the bottom, like sticky pagination\n /\n extraBottomSpacing: {\n type: Boolean,\n default: false,\n },\n /\n Show how many items are selected\n /\n itemCounter: {\n type: Number,\n required: true,\n },\n /\n Label for the selection, e.g. 'selected'/'changed'\n /\n selectionLabel: {\n type: String,\n default: null,\n },\n /\n Variant for the action bar\n * @values default, confirmation\n /\n variant: {\n type: String as PropType<BentoActionBarVariant>,\n default: 'default',\n },\n });\n\n const emit = defineEmits<{\n /\n Event emitted when the user click the close button\n /\n (e: 'close'): void;\n (e: 'cancel'): void;\n (e: 'save'): void;\n }>();\n\n const { t, tc, n } = useI18n<{ message: MessageSchema }>({ messages });\n const label = computed(() => (props.selectionLabel ? props.selectionLabel : t('selected')));\n\n // Refs\n const actionBar = ref<HTMLDivElement>(null);\n const { extraBottomSpacing, visibleActions } = toRefs(props);\n const { width } = useWindowSize();\n const internalDisplayedActions = ref(null);\n const internalVisibleActions = ref(null);\n\n const isConfirmationVariant = computed(() => props.variant === 'confirmation');\n\n watch(\n () => visibleActions.value,\n value => {\n internalVisibleActions.value = value <= 4 ? value : 4;\n internalDisplayedActions.value = internalVisibleActions.value;\n },\n { immediate: true }\n );\n\n // Styling\n const conditionalClasses = computed(() => ({\n 'b-action-bar--extra-spacing': extraBottomSpacing.value,\n 'b-action-bar--confirmation': isConfirmationVariant.value,\n }));\n\n // Provide POPOVER_OFFSET_INJECTION_KEY to change the value of the popover offset\n provide(POPOVER_OFFSET_INJECTION_KEY, MENU_OFFSET);\n\n // Manipulate actions array to display as intended\n const actionsInternal = computed(() => {\n // All buttons should be of type secondary in the action bar\n const actions = props.actions.map(action => ({\n ...action,\n variant: 'secondary',\n })) as BentoButtonActionsList;\n // Shown actions should display from left to right in action bar, instead of right to left which is the button actions default\n const shownActions = actions.slice(0, internalDisplayedActions.value).reverse();\n const hiddenActions = actions.slice(internalDisplayedActions.value);\n\n return [...shownActions, ...hiddenActions];\n });\n\n const confirmationActions = computed<BentoButtonActionsList>(() => [\n {\n title: t('save'),\n event: () => emit('save'),\n },\n {\n title: t('cancel'),\n variant: 'secondary',\n event: () => emit('cancel'),\n },\n ]);\n\n // Recursive functions to determine how many actions should be visible/hidden based on the screens width\n const showActions = async () => {\n await nextTick();\n if (\n width.value > actionBar.value.clientWidth + SPACING + AVERAGE_BUTTON_SIZE &&\n internalDisplayedActions.value < internalVisibleActions.value\n ) {\n internalDisplayedActions.value += 1;\n showActions();\n }\n };\n\n const hideActions = async () => {\n await nextTick();\n if (width.value < actionBar.value.clientWidth + SPACING && internalDisplayedActions.value > 0) {\n internalDisplayedActions.value -= 1;\n hideActions();\n }\n };\n\n // Screen width watcher to toggle hidden/visible actions\n watch(\n () => width.value,\n async (newValue, oldValue) => {\n await nextTick();\n if (!actionBar.value) {\n return;\n }\n const isIncreasing = newValue > oldValue;\n if (width.value < RESPONSIVE_BREAKPOINT) {\n internalDisplayedActions.value = 0;\n } else if (isIncreasing) {\n showActions();\n } else {\n hideActions();\n }\n },\n { immediate: true }\n );\n</script>\n\n<script lang=\"ts\">\n /\n Action bar is a floating bar that provides users with quick access to key actions that can be applied to one or multiple items.\n \n @example\n * import { BentoActionBar } from '@adyen/bento-vue2';\n \n export default {\n * components: { BentoActionBar },\n * template: `\n * <bento-action-bar\n * :actions='[\n * {\n * title: 'Delete',\n * critical: true,\n * icon: BinIcon,\n * event: () => true,\n * },\n * {\n * title: 'Edit',\n * icon: EditIcon,\n * event: () => true,\n * }\n * ]'\n * @close=\"closeAction\"\n * :item-counter=\"5\"\n * />\n * `\n * }\n */\n export default {\n i18n: { messages },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./action-bar.scss\" />\n"],"names":["__default__","messages","props","__props","emit","__emit","t","tc","n","useI18n","label","computed","actionBar","ref","extraBottomSpacing","visibleActions","toRefs","width","useWindowSize","internalDisplayedActions","internalVisibleActions","isConfirmationVariant","watch","value","conditionalClasses","provide","POPOVER_OFFSET_INJECTION_KEY","actionsInternal","actions","action","shownActions","hiddenActions","confirmationActions","showActions","nextTick","hideActions","newValue","oldValue","isIncreasing"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuPIA,KAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAjMA,UAAAC,IAAAC,GAuDAC,IAAAC,GASA,EAAA,GAAAC,GAAA,IAAAC,GAAA,GAAAC,EAAA,IAAAC,EAAA,EAAA,UAAAR,EAAA,CAAA,GACAS,IAAAC,EAAA,MAAAT,EAAA,iBAAAA,EAAA,iBAAAI,EAAA,UAAA,CAAA,GAGAM,IAAAC,EAAA,IAAA,GACA,EAAA,oBAAAC,GAAA,gBAAAC,EAAA,IAAAC,EAAAd,CAAA,GACA,EAAA,OAAAe,EAAA,IAAAC,EAAA,GACAC,IAAAN,EAAA,IAAA,GACAO,IAAAP,EAAA,IAAA,GAEAQ,IAAAV,EAAA,MAAAT,EAAA,YAAA,cAAA;AAEA,IAAAoB;AAAA,MAAA,MAAAP,EAAA;AAAA,MACyB,CAAAQ,MAAA;AAEjB,QAAAH,EAAA,QAAAG,KAAA,IAAAA,IAAA,GACAJ,EAAA,QAAAC,EAAA;AAAA,MAAwD;AAAA,MAC5D,EAAA,WAAA,GAAA;AAAA,IACkB;AAItB,UAAAI,IAAAb,EAAA,OAAA;AAAA,MAA2C,+BAAAG,EAAA;AAAA,MACW,8BAAAO,EAAA;AAAA,IACE,EAAA;AAIxD,IAAAI,EAAAC,GAAA,CAAA;AAGA,UAAAC,IAAAhB,EAAA,MAAA;AAEI,YAAAiB,IAAA1B,EAAA,QAAA,IAAA,CAAA2B,OAAA;AAAA,QAA6C,GAAAA;AAAA,QACtC,SAAA;AAAA,MACM,EAAA,GAGbC,IAAAF,EAAA,MAAA,GAAAT,EAAA,KAAA,EAAA,QAAA,GACAY,IAAAH,EAAA,MAAAT,EAAA,KAAA;AAEA,aAAA,CAAA,GAAAW,GAAA,GAAAC,CAAA;AAAA,IAAyC,CAAA,GAG7CC,IAAArB,EAAA,MAAA;AAAA,MAAmE;AAAA,QAC/D,OAAAL,EAAA,MAAA;AAAA,QACmB,OAAA,MAAAF,EAAA,MAAA;AAAA,MACS;AAAA,MAC5B;AAAA,QACA,OAAAE,EAAA,QAAA;AAAA,QACqB,SAAA;AAAA,QACR,OAAA,MAAAF,EAAA,QAAA;AAAA,MACiB;AAAA,IAC9B,CAAA,GAIJ6B,IAAA,YAAA;AACI,YAAAC,EAAA,GACAjB,EAAA,QAAAL,EAAA,MAAA,cAAA,KAAA,OAAAO,EAAA,QAAAC,EAAA,UAIID,EAAA,SAAA,GACAc,EAAA;AAAA,IACJ,GAGJE,IAAA,YAAA;AACI,YAAAD,EAAA,GACAjB,EAAA,QAAAL,EAAA,MAAA,cAAA,MAAAO,EAAA,QAAA,MACIA,EAAA,SAAA,GACAgB,EAAA;AAAA,IACJ;AAIJ,WAAAb;AAAA,MAAA,MAAAL,EAAA;AAAA,MACgB,OAAAmB,GAAAC,MAAA;AAGR,YADA,MAAAH,EAAA,GACA,CAAAtB,EAAA;AACI;AAEJ,cAAA0B,IAAAF,IAAAC;AACA,QAAApB,EAAA,QAAA,MACIE,EAAA,QAAA,IAAiCmB,IAEjCL,EAAA,IAEAE,EAAA;AAAA,MACJ;AAAA,MACJ,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{alert.CYaIUaUn.js → alert.BYcw-u3b.js} RENAMED Viewed

@@ -1,23 +1,23 @@
-import { createElementBlock as f, openBlock as o, mergeProps as L, createCommentVNode as c, createElementVNode as s, toDisplayString as V, defineComponent as N, useSlots as R, computed as n, onMounted as A, normalizeClass as P, createBlock as p, resolveDynamicComponent as D, unref as e, withCtx as _, renderSlot as v, createVNode as F } from "vue";
+import { createElementBlock as f, openBlock as o, mergeProps as L, createCommentVNode as c, createElementVNode as s, toDisplayString as V, defineComponent as N, useSlots as R, computed as r, onMounted as A, normalizeClass as P, createBlock as p, resolveDynamicComponent as D, unref as e, withCtx as _, renderSlot as h, createVNode as F } from "vue";
 import { a as I, c as U, B as y } from "./typography.6Oo5TOMP.js";
 import { B as W } from "./button.CSp48LJt.js";
 import { C as M } from "./cross-small.n1UO5wNB.js";
 import { W as Z } from "./warning-filled.BMGD0G-_.js";
-import { C as j } from "./cross-circle-fill.CYLL7jfC.js";
-import { C as q } from "./checkmark-circle-fill._6-d40ru.js";
+import { C as q } from "./cross-circle-fill.CYLL7jfC.js";
+import { C as j } from "./checkmark-circle-fill._6-d40ru.js";
 /* empty css              */
 import { _ as b } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import { u as z } from "./use-has-slot.B7eQSabc.js";
 import { u as J } from "./index.pdBj0KQU.js";
 import "../assets/alert.css";
-var m = /* @__PURE__ */ ((t) => (t.DEFAULT = "default", t.TIP = "tip", t))(m || {}), a = /* @__PURE__ */ ((t) => (t.WARNING = "warning", t.CRITICAL = "critical", t.HIGHLIGHT = "highlight", t.SUCCESS = "success", t))(a || {}), S = /* @__PURE__ */ ((t) => (t.CLOSE_ALERT = "close-alert", t))(S || {});
+var m = /* @__PURE__ */ ((t) => (t.DEFAULT = "default", t.TIP = "tip", t))(m || {}), n = /* @__PURE__ */ ((t) => (t.WARNING = "warning", t.CRITICAL = "critical", t.HIGHLIGHT = "highlight", t.SUCCESS = "success", t))(n || {}), S = /* @__PURE__ */ ((t) => (t.CLOSE_ALERT = "close-alert", t))(S || {});
 let H = 0;
 const O = {
   beforeCreate() {
     this.uuid = H.toString(), H += 1;
   }
 }, Y = { key: 0 }, K = ["clip-path"], Q = ["id"];
-function X(t, r, u, C, h, i) {
+function X(t, a, u, d, v, i) {
   return o(), f("svg", L({ role: "img" }, t.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
@@ -28,7 +28,7 @@ function X(t, r, u, C, h, i) {
     t.$attrs["svg-title"] ? (o(), f("title", Y, V(t.$attrs["svg-title"]), 1)) : c("", !0),
     s("g", {
       "clip-path": "url(#uia-ui-assets/icons-16-info_filled__a" + t.uuid + ")"
-    }, r[0] || (r[0] = [
+    }, a[0] || (a[0] = [
       s("path", {
         fill: "#001222",
         "fill-rule": "evenodd",
@@ -39,7 +39,7 @@ function X(t, r, u, C, h, i) {
     s("defs", null, [
       s("clipPath", {
         id: "uia-ui-assets/icons-16-info_filled__a" + t.uuid
-      }, r[1] || (r[1] = [
+      }, a[1] || (a[1] = [
         s("rect", {
           width: "16",
           height: "16",
@@ -58,67 +58,75 @@ const x = /* @__PURE__ */ b(O, [["render", X]]), T = {
     warningIcon: "Warning icon"
   },
   "ja-JP": {
-    close: "閉じる"
+    close: "閉じる",
+    criticalIcon: "重大アイコン",
+    highlightIcon: "ハイライトアイコン",
+    successIcon: "成功アイコン",
+    warningIcon: "警告アイコン"
   },
   "pt-BR": {
-    close: "Fechar"
+    close: "Fechar",
+    criticalIcon: "Ícone crítico",
+    highlightIcon: "Ícone de destaque",
+    successIcon: "Ícone de sucesso",
+    warningIcon: "Ícone de aviso"
   }
-}, t5 = ["role"], e5 = { class: "b-alert__icon" }, o5 = { class: "b-alert__content" }, s5 = {
+}, tt = ["role"], et = { class: "b-alert__icon" }, ot = { class: "b-alert__content" }, st = {
   key: 2,
   class: "b-alert__actions",
   "data-testid": "alert-actions"
-}, i5 = {
+}, it = {
   i18n: { messages: T },
   name: "bento-alert"
-}, a5 = /* @__PURE__ */ N({
-  ...i5,
+}, nt = /* @__PURE__ */ N({
+  ...it,
   props: {
     closeButton: { type: Boolean, default: !1 },
-    type: { default: a.HIGHLIGHT },
+    type: { default: n.HIGHLIGHT },
     variant: { default: m.DEFAULT }
   },
   emits: ["close-alert"],
-  setup(t, { emit: r }) {
-    const u = R(), C = z(u), h = r, i = t, { t: g } = J({ messages: T }), l = n(() => i.variant === m.TIP), $ = n(() => ({
+  setup(t, { emit: a }) {
+    const u = R(), d = z(u), v = a, i = t, { t: g } = J({ messages: T }), l = r(() => i.variant === m.TIP), $ = r(() => ({
       [`b-alert--${i.type}`]: i.type,
       [`b-alert--${m.TIP}`]: l.value
-    })), w = n(() => g(`${i.type}Icon`)), B = n(() => {
+    })), w = r(() => g(`${i.type}Icon`)), B = r(() => {
       switch (i.type) {
-        case a.CRITICAL:
-          return j;
-        case a.SUCCESS:
+        case n.CRITICAL:
           return q;
-        case a.WARNING:
+        case n.SUCCESS:
+          return j;
+        case n.WARNING:
           return Z;
-        case a.HIGHLIGHT:
+        case n.HIGHLIGHT:
         default:
           return x;
       }
-    }), k = n(() => ({
+    }), k = r(() => ({
       el: U.DIV,
       variant: l.value ? I.CAPTION : I.BODY,
       wide: !0
-    })), E = n(() => i.type === a.HIGHLIGHT ? "status" : "alert"), G = () => {
-      h(S.CLOSE_ALERT);
+    })), E = r(() => i.type === n.HIGHLIGHT ? "status" : "alert"), G = () => {
+      v(S.CLOSE_ALERT);
     };
     return A(() => {
       if (!u.default && !u.description)
         throw new Error("Alert Component requires a title or a description");
-    }), (d, r5) => (o(), f("div", {
+    }), (C, at) => (o(), f("div", {
       class: "b-alert",
       role: E.value
     }, [
       s("div", {
         class: P(["b-alert__inner-container", $.value])
       }, [
-        s("div", e5, [
+        s("div", et, [
           (o(), p(D(B.value), {
             "aria-hidden": "true",
             "svg-title": w.value
           }, null, 8, ["svg-title"]))
         ]),
-        s("div", o5, [
-          e(C)("default") && !l.value ? (o(), p(e(y), {
+        s("div", ot, [
+          e(d)("default") && !l.value ? (o(), p(e(y), {
             key: 0,
             class: "b-alert__title",
             el: "div",
@@ -127,24 +135,24 @@ const x = /* @__PURE__ */ b(O, [["render", X]]), T = {
             wide: ""
           }, {
             default: _(() => [
-              v(d.$slots, "default", {}, void 0, !0)
+              h(C.$slots, "default", {}, void 0, !0)
             ]),
             _: 3
           })) : c("", !0),
-          e(C)("description") ? (o(), p(e(y), L({
+          e(d)("description") ? (o(), p(e(y), L({
             key: 1,
             class: "b-alert__description"
           }, k.value, { "data-testid": "alert-description" }), {
             default: _(() => [
-              v(d.$slots, "description", {}, void 0, !0)
+              h(C.$slots, "description", {}, void 0, !0)
             ]),
             _: 3
           }, 16)) : c("", !0),
-          e(C)("actions") && !l.value ? (o(), f("div", s5, [
-            v(d.$slots, "actions", {}, void 0, !0)
+          e(d)("actions") && !l.value ? (o(), f("div", st, [
+            h(C.$slots, "actions", {}, void 0, !0)
           ])) : c("", !0)
         ]),
-        d.closeButton && !l.value ? (o(), p(e(W), {
+        C.closeButton && !l.value ? (o(), p(e(W), {
           key: 0,
           class: "b-alert__close-button",
           variant: "tertiary",
@@ -159,13 +167,13 @@ const x = /* @__PURE__ */ b(O, [["render", X]]), T = {
           _: 1
         })) : c("", !0)
       ], 2)
-    ], 8, t5));
+    ], 8, tt));
   }
-}), h5 = /* @__PURE__ */ b(a5, [["__scopeId", "data-v-5c5a81b8"]]);
+}), vt = /* @__PURE__ */ b(nt, [["__scopeId", "data-v-5c5a81b8"]]);
 export {
-  h5 as B,
+  vt as B,
   m as a,
-  a as b,
+  n as b,
   S as c
 };
-//# sourceMappingURL=alert.CYaIUaUn.js.map
+//# sourceMappingURL=alert.BYcw-u3b.js.map

package/dist/chunks/{alert.CYaIUaUn.js.map → alert.BYcw-u3b.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"alert.CYaIUaUn.js","sources":["../../../vue2/src/components/alert/alert.types.ts","../../../ui-assets/icons-16/dist/vue/info-filled.vue","../../../vue2/src/components/alert/alert.vue"],"sourcesContent":["/*\n @deprecated for usage with properties since version 2.0. Use the string literal instead.\n /\nexport enum BentoAlertVariant {\n DEFAULT = 'default',\n TIP = 'tip',\n}\n\n/\n @deprecated for usage with properties since version 2.0. Use the string literal instead.\n /\nexport enum BentoAlertTypeOption {\n WARNING = 'warning',\n CRITICAL = 'critical',\n HIGHLIGHT = 'highlight',\n SUCCESS = 'success',\n}\n\n/\n @deprecated from version 2.0.0. Use \"@close-alert\" instead.\n /\nexport enum BentoAlertEvent {\n CLOSE_ALERT = 'close-alert',\n}\n","\n<template>\n <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><g :clip-path=\"'url(#uia-ui-assets/icons-16-info_filled__a' + uuid + ')'\"><path fill=\"#001222\" fill-rule=\"evenodd\" d=\"M5.03418 0.839544C6.45015 0.253058 8.00853 0.0992122 9.51172 0.398138C11.015 0.697159 12.3966 1.43547 13.4805 2.51923C14.5642 3.60301 15.3025 4.98476 15.6016 6.48798C15.9005 7.99113 15.7466 9.54958 15.1602 10.9655C14.5736 12.3816 13.5801 13.5925 12.3057 14.444C11.1109 15.2423 9.71924 15.6917 8.28711 15.7448L8 15.7497C5.94458 15.7497 3.97294 14.9336 2.51953 13.4802C1.06623 12.0268 0.250005 10.055 0.25 7.9997C0.250066 6.4671 0.70424 4.96838 1.55566 3.69404C2.40724 2.41967 3.61814 1.42609 5.03418 0.839544ZM6.25 6.2497V7.7497H7.25V10.2497H6.25V11.7497H9.75V10.2497H8.75V6.2497H6.25ZM7.75 3.4997C7.58674 3.4997 7.42763 3.54211 7.28418 3.61786C7.25386 3.63389 7.22303 3.64949 7.19434 3.66865L7.07812 3.75947C7.04744 3.78732 7.01817 3.817 6.99121 3.84833C6.97917 3.86236 6.96827 3.8776 6.95703 3.89228C6.93942 3.91522 6.9228 3.93915 6.90723 3.96357C6.90005 3.97485 6.89248 3.98618 6.88574 3.99775C6.86351 4.03594 6.84324 4.07574 6.82617 4.11689L6.78027 4.25751C6.77017 4.29795 6.7628 4.33927 6.75781 4.38056C6.75552 4.39961 6.75411 4.41902 6.75293 4.43818C6.75166 4.45856 6.75196 4.47926 6.75195 4.4997C6.75195 4.52207 6.75144 4.54472 6.75293 4.56708C6.75579 4.60979 6.76114 4.65273 6.76953 4.69501L6.80859 4.83661C6.82299 4.87685 6.84098 4.91584 6.86035 4.9538C6.86847 4.96971 6.87775 4.98522 6.88672 5.00068C6.89748 5.01922 6.90895 5.03753 6.9209 5.05536C6.93323 5.07376 6.94544 5.09248 6.95898 5.11005C6.98495 5.14371 7.01269 5.17643 7.04297 5.20673L7.1543 5.30341C7.19021 5.33003 7.2285 5.35325 7.26758 5.3747C7.27775 5.38031 7.28847 5.38508 7.29883 5.39033C7.32903 5.40554 7.35995 5.41924 7.3916 5.43134C7.40264 5.43559 7.41361 5.44018 7.4248 5.44404C7.46721 5.45855 7.51041 5.47134 7.55469 5.48017C7.59672 5.48853 7.63919 5.49291 7.68164 5.49579C7.70021 5.49707 7.71872 5.49751 7.7373 5.49775C7.76179 5.49804 7.78614 5.49729 7.81055 5.49579C7.82982 5.49462 7.84899 5.4932 7.86816 5.49091C7.90982 5.48592 7.95139 5.47962 7.99219 5.46943L8.13281 5.42353C8.1739 5.40649 8.21283 5.38517 8.25098 5.36298C8.2626 5.35623 8.27383 5.3487 8.28516 5.3415C8.30964 5.32589 8.33345 5.30934 8.35645 5.29169C8.37116 5.28043 8.38633 5.26958 8.40039 5.25751C8.43176 5.23053 8.46235 5.20229 8.49023 5.17158L8.58105 5.05536C8.69084 4.89096 8.75 4.6974 8.75 4.4997C8.74992 4.2346 8.64449 3.98013 8.45703 3.79267C8.26951 3.60523 8.01514 3.4997 7.75 3.4997Z\" clip-rule=\"evenodd\"/></g><defs><clipPath :id=\"'uia-ui-assets/icons-16-info_filled__a' + uuid\"><rect width=\"16\" height=\"16\" fill=\"#fff\"/></clipPath></defs></svg>\n</template>\n<script>\n import '../css/main.css';\n\n let uuid = 0;\n\n export default {\n beforeCreate() {\n this.uuid = uuid.toString();\n uuid += 1;\n },\n };\n</script>\n","<template>\n <div class=\"b-alert\" :role=\"computedRole\">\n <div class=\"b-alert__inner-container\" :class=\"alertConditionalClasses\">\n <div class=\"b-alert__icon\">\n <component :is=\"iconComponent\" aria-hidden=\"true\" :svg-title=\"iconSvgTitle\" />\n </div>\n\n <div class=\"b-alert__content\">\n <bento-typography\n v-if=\"hasSlot('default') && !isTipVariant\"\n class=\"b-alert__title\"\n el=\"div\"\n variant=\"body\"\n strongest\n wide\n >\n <slot />\n </bento-typography>\n\n <bento-typography\n v-if=\"hasSlot('description')\"\n class=\"b-alert__description\"\n v-bind=\"descriptionTypography\"\n data-testid=\"alert-description\"\n >\n <slot name=\"description\" />\n </bento-typography>\n\n <div v-if=\"hasSlot('actions') && !isTipVariant\" class=\"b-alert__actions\" data-testid=\"alert-actions\">\n <slot name=\"actions\" />\n </div>\n </div>\n\n <bento-button\n v-if=\"closeButton && !isTipVariant\"\n class=\"b-alert__close-button\"\n variant=\"tertiary\"\n type=\"button\"\n @click=\"onCloseButtonClick\"\n >\n <cross-small :svg-title=\"t('close')\" />\n </bento-button>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, onMounted, useSlots } from 'vue';\n\n // Component\n import { BentoAlertEvent, BentoAlertTypeOption, BentoAlertVariant } from '@/components/alert/alert.types';\n import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n import { BentoButton } from '@/components/button';\n\n import CrossSmall from '@adyen/ui-assets-icons-16/vue/cross-small';\n import Warning from '@adyen/ui-assets-icons-16/vue/warning-filled';\n import CrossCircle from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n import CheckedCircle from '@adyen/ui-assets-icons-16/vue/checkmark-circle-fill';\n import Info from '@adyen/ui-assets-icons-16/vue/info-filled';\n\n // Utils\n import { useHasSlot } from '@/composables';\n import { useI18n } from '@/utils/ts/i18n';\n\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n const slots = useSlots();\n const hasSlot = useHasSlot(slots);\n\n const emit = defineEmits<{\n /\n Emits event when the alert is closed. `closeButton` must be `true`\n /\n (e: 'close-alert');\n }>();\n\n const props = withDefaults(\n defineProps<{\n /\n Adds a close button on the right side of the alert\n /\n closeButton?: boolean;\n\n /\n Type of a alert; set a distinctive icon and color. Defaults to highlight.\n * @values HIGHLIGHT, SUCCESS, CRITICAL, WARNING\n /\n type?: BentoAlertTypeOption \| `${BentoAlertTypeOption}`;\n\n /\n Variant for the alert\n * @values DEFAULT, TIP\n /\n variant?: BentoAlertVariant \| `${BentoAlertVariant}`;\n }>(),\n {\n closeButton: false,\n type: BentoAlertTypeOption.HIGHLIGHT,\n variant: BentoAlertVariant.DEFAULT,\n }\n );\n\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n const isTipVariant = computed(() => props.variant === BentoAlertVariant.TIP);\n\n const alertConditionalClasses = computed(() => ({\n [`b-alert--${props.type}`]: props.type,\n [`b-alert--${BentoAlertVariant.TIP}`]: isTipVariant.value,\n }));\n\n const iconSvgTitle = computed(() => t(`${props.type}Icon`));\n\n const iconComponent = computed(() => {\n switch (props.type) {\n case BentoAlertTypeOption.CRITICAL:\n return CrossCircle;\n case BentoAlertTypeOption.SUCCESS:\n return CheckedCircle;\n case BentoAlertTypeOption.WARNING:\n return Warning;\n case BentoAlertTypeOption.HIGHLIGHT:\n default:\n return Info;\n }\n });\n\n const descriptionTypography = computed(() => ({\n el: BentoTypographyElement.DIV,\n variant: isTipVariant.value ? BentoTypographyVariant.CAPTION : BentoTypographyVariant.BODY,\n wide: true,\n }));\n\n const computedRole = computed(() => (props.type === BentoAlertTypeOption.HIGHLIGHT ? 'status' : 'alert'));\n\n const onCloseButtonClick = () => {\n emit(BentoAlertEvent.CLOSE_ALERT);\n };\n\n onMounted(() => {\n if (!slots.default && !slots.description) {\n throw new Error('Alert Component requires a title or a description');\n }\n });\n</script>\n\n<script lang=\"ts\">\n /\n An Alert component is used to display a persistent\n * notification containing information important to the user\n \n @example\n * import { BentoAlert, BentoAlertTypeOption } from '@adyen/bento-vue2';\n \n export default {\n * components: { BentoAlert },\n * template: `\n * <bento-alert type=\"highlight\">\n * Title of the Alert\n * </bento-alert>\n * `\n * }\n */\n export default {\n i18n: { messages },\n name: 'bento-alert',\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./alert.scss\" />\n"],"names":["BentoAlertVariant","BentoAlertVariant2","BentoAlertTypeOption","BentoAlertTypeOption2","BentoAlertEvent","BentoAlertEvent2","uuid","_hoisted_2$1","_hoisted_3$1","openBlock","createElementBlock","mergeProps","_ctx","createCommentVNode","__default__","messages","slots","useSlots","hasSlot","useHasSlot","emit","__emit","props","__props","t","useI18n","isTipVariant","computed","alertConditionalClasses","iconSvgTitle","iconComponent","CrossCircleFillIcon","CheckmarkCircleFillIcon","WarningFilledIcon","Info","descriptionTypography","BentoTypographyElement","BentoTypographyVariant","computedRole","onCloseButtonClick","onMounted"],"mappings":";;;;;;;;;;;;AAGY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,MAAA,OAFQA,IAAAD,KAAA,CAAA,CAAA,GAQAE,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,WAAA,YACAA,EAAA,YAAA,aACAA,EAAA,UAAA,WAJQA,IAAAD,KAAA,CAAA,CAAA,GAUAE,IAAA,kBAAAC,OACRA,EAAA,cAAA,eADQA,IAAAD,KAAA,CAAA,CAAA;ACdR,IAAAE,IAAA;;EAGI,eAAA;8BAEIA,KAAA;AAAA;mBAZZC,IAAA,CAAA,WAAA,GAAAC,IAAA,CAAA,IAAA;;AAEI,SAAAC,EAAA,GAAAC,EAAA,OAAAC,EAAA,EAAA,MAAA,MAAA,GAAAC,EAAA,QAAA;AAAA,IAAgC,OAAA;AAAA,IAA2B,OAAA;AAAA,IAAmC,OAAA;AAAA,IAAW,QAAA;AAAA,IAAY,MAAA;AAAA;gFAFzHC,EAAA,IAAA,EAAA;AAAA;MAE4M,aAAA,+CAAAD,EAAA,OAAA;AAAA;;QAA4E,MAAA;AAAA,QAAe,aAAA;AAAA,QAAoB,GAAA;AAAA,QAAwyE,aAAA;AAAA;IAFnmF,IAAA,GAAAL,CAAA;AAAA;;QAE6oF,IAAA,0CAAAK,EAAA;AAAA;;UAA0D,OAAA;AAAA,UAAW,QAAA;AAAA,UAAY,MAAA;AAAA;MAF9tF,IAAA,GAAAJ,CAAA;AAAA;;;;;;;;;;;;;;;;;;;;;GCqKIM,KAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;;AApGA,UAAAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEAI,IAAAC,GAOAC,IAAAC,GA0BA,EAAA,GAAAC,EAAA,IAAAC,EAAA,EAAA,UAAAV,EAAA,CAAA,GAEAW,IAAAC,EAAA,MAAAL,EAAA,YAAAtB,EAAA,GAAA,GAEA4B,IAAAD,EAAA,OAAA;AAAA,MAAgD,CAAA,YAAAL,EAAA,IAAA,EAAA,GAAAA,EAAA;AAAA,MACV,CAAA,YAAAtB,EAAA,GAAA,EAAA,GAAA0B,EAAA;AAAA,IACkB,EAAA,GAGxDG,IAAAF,EAAA,MAAAH,EAAA,GAAAF,EAAA,IAAA,MAAA,CAAA,GAEAQ,IAAAH,EAAA,MAAA;AACI,cAAAL,EAAA,MAAA;AAAA,QAAoB,KAAApB,EAAA;AAEZ,iBAAA6B;AAAA,QAAO,KAAA7B,EAAA;AAEP,iBAAA8B;AAAA,QAAO,KAAA9B,EAAA;AAEP,iBAAA+B;AAAA,QAAO,KAAA/B,EAAA;AAAA,QACe;AAEtB,iBAAAgC;AAAA,MAAO;AAAA,IACf,CAAA,GAGJC,IAAAR,EAAA,OAAA;AAAA,MAA8C,IAAAS,EAAA;AAAA,MACf,SAAAV,EAAA,QAAAW,EAAA,UAAAA,EAAA;AAAA,MAC2D,MAAA;AAAA,IAChF,EAAA,GAGVC,IAAAX,EAAA,MAAAL,EAAA,SAAApB,EAAA,YAAA,WAAA,OAAA,GAEAqC,IAAA,MAAA;AACI,MAAAnB,EAAAhB,EAAA,WAAA;AAAA,IAAgC;AAGpC,WAAAoC,EAAA,MAAA;AACI,UAAA,CAAAxB,EAAA,WAAA,CAAAA,EAAA;AACI,cAAA,IAAA,MAAA,mDAAA;AAAA,IACJ,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"alert.BYcw-u3b.js","sources":["../../../vue2/src/components/alert/alert.types.ts","../../../ui-assets/icons-16/dist/vue/info-filled.vue","../../../vue2/src/components/alert/alert.vue"],"sourcesContent":["/*\n @deprecated for usage with properties since version 2.0. Use the string literal instead.\n /\nexport enum BentoAlertVariant {\n DEFAULT = 'default',\n TIP = 'tip',\n}\n\n/\n @deprecated for usage with properties since version 2.0. Use the string literal instead.\n /\nexport enum BentoAlertTypeOption {\n WARNING = 'warning',\n CRITICAL = 'critical',\n HIGHLIGHT = 'highlight',\n SUCCESS = 'success',\n}\n\n/\n @deprecated from version 2.0.0. Use \"@close-alert\" instead.\n /\nexport enum BentoAlertEvent {\n CLOSE_ALERT = 'close-alert',\n}\n","\n<template>\n <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><g :clip-path=\"'url(#uia-ui-assets/icons-16-info_filled__a' + uuid + ')'\"><path fill=\"#001222\" fill-rule=\"evenodd\" d=\"M5.03418 0.839544C6.45015 0.253058 8.00853 0.0992122 9.51172 0.398138C11.015 0.697159 12.3966 1.43547 13.4805 2.51923C14.5642 3.60301 15.3025 4.98476 15.6016 6.48798C15.9005 7.99113 15.7466 9.54958 15.1602 10.9655C14.5736 12.3816 13.5801 13.5925 12.3057 14.444C11.1109 15.2423 9.71924 15.6917 8.28711 15.7448L8 15.7497C5.94458 15.7497 3.97294 14.9336 2.51953 13.4802C1.06623 12.0268 0.250005 10.055 0.25 7.9997C0.250066 6.4671 0.70424 4.96838 1.55566 3.69404C2.40724 2.41967 3.61814 1.42609 5.03418 0.839544ZM6.25 6.2497V7.7497H7.25V10.2497H6.25V11.7497H9.75V10.2497H8.75V6.2497H6.25ZM7.75 3.4997C7.58674 3.4997 7.42763 3.54211 7.28418 3.61786C7.25386 3.63389 7.22303 3.64949 7.19434 3.66865L7.07812 3.75947C7.04744 3.78732 7.01817 3.817 6.99121 3.84833C6.97917 3.86236 6.96827 3.8776 6.95703 3.89228C6.93942 3.91522 6.9228 3.93915 6.90723 3.96357C6.90005 3.97485 6.89248 3.98618 6.88574 3.99775C6.86351 4.03594 6.84324 4.07574 6.82617 4.11689L6.78027 4.25751C6.77017 4.29795 6.7628 4.33927 6.75781 4.38056C6.75552 4.39961 6.75411 4.41902 6.75293 4.43818C6.75166 4.45856 6.75196 4.47926 6.75195 4.4997C6.75195 4.52207 6.75144 4.54472 6.75293 4.56708C6.75579 4.60979 6.76114 4.65273 6.76953 4.69501L6.80859 4.83661C6.82299 4.87685 6.84098 4.91584 6.86035 4.9538C6.86847 4.96971 6.87775 4.98522 6.88672 5.00068C6.89748 5.01922 6.90895 5.03753 6.9209 5.05536C6.93323 5.07376 6.94544 5.09248 6.95898 5.11005C6.98495 5.14371 7.01269 5.17643 7.04297 5.20673L7.1543 5.30341C7.19021 5.33003 7.2285 5.35325 7.26758 5.3747C7.27775 5.38031 7.28847 5.38508 7.29883 5.39033C7.32903 5.40554 7.35995 5.41924 7.3916 5.43134C7.40264 5.43559 7.41361 5.44018 7.4248 5.44404C7.46721 5.45855 7.51041 5.47134 7.55469 5.48017C7.59672 5.48853 7.63919 5.49291 7.68164 5.49579C7.70021 5.49707 7.71872 5.49751 7.7373 5.49775C7.76179 5.49804 7.78614 5.49729 7.81055 5.49579C7.82982 5.49462 7.84899 5.4932 7.86816 5.49091C7.90982 5.48592 7.95139 5.47962 7.99219 5.46943L8.13281 5.42353C8.1739 5.40649 8.21283 5.38517 8.25098 5.36298C8.2626 5.35623 8.27383 5.3487 8.28516 5.3415C8.30964 5.32589 8.33345 5.30934 8.35645 5.29169C8.37116 5.28043 8.38633 5.26958 8.40039 5.25751C8.43176 5.23053 8.46235 5.20229 8.49023 5.17158L8.58105 5.05536C8.69084 4.89096 8.75 4.6974 8.75 4.4997C8.74992 4.2346 8.64449 3.98013 8.45703 3.79267C8.26951 3.60523 8.01514 3.4997 7.75 3.4997Z\" clip-rule=\"evenodd\"/></g><defs><clipPath :id=\"'uia-ui-assets/icons-16-info_filled__a' + uuid\"><rect width=\"16\" height=\"16\" fill=\"#fff\"/></clipPath></defs></svg>\n</template>\n<script>\n import '../css/main.css';\n\n let uuid = 0;\n\n export default {\n beforeCreate() {\n this.uuid = uuid.toString();\n uuid += 1;\n },\n };\n</script>\n","<template>\n <div class=\"b-alert\" :role=\"computedRole\">\n <div class=\"b-alert__inner-container\" :class=\"alertConditionalClasses\">\n <div class=\"b-alert__icon\">\n <component :is=\"iconComponent\" aria-hidden=\"true\" :svg-title=\"iconSvgTitle\" />\n </div>\n\n <div class=\"b-alert__content\">\n <bento-typography\n v-if=\"hasSlot('default') && !isTipVariant\"\n class=\"b-alert__title\"\n el=\"div\"\n variant=\"body\"\n strongest\n wide\n >\n <slot />\n </bento-typography>\n\n <bento-typography\n v-if=\"hasSlot('description')\"\n class=\"b-alert__description\"\n v-bind=\"descriptionTypography\"\n data-testid=\"alert-description\"\n >\n <slot name=\"description\" />\n </bento-typography>\n\n <div v-if=\"hasSlot('actions') && !isTipVariant\" class=\"b-alert__actions\" data-testid=\"alert-actions\">\n <slot name=\"actions\" />\n </div>\n </div>\n\n <bento-button\n v-if=\"closeButton && !isTipVariant\"\n class=\"b-alert__close-button\"\n variant=\"tertiary\"\n type=\"button\"\n @click=\"onCloseButtonClick\"\n >\n <cross-small :svg-title=\"t('close')\" />\n </bento-button>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, onMounted, useSlots } from 'vue';\n\n // Component\n import { BentoAlertEvent, BentoAlertTypeOption, BentoAlertVariant } from '@/components/alert/alert.types';\n import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n import { BentoButton } from '@/components/button';\n\n import CrossSmall from '@adyen/ui-assets-icons-16/vue/cross-small';\n import Warning from '@adyen/ui-assets-icons-16/vue/warning-filled';\n import CrossCircle from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n import CheckedCircle from '@adyen/ui-assets-icons-16/vue/checkmark-circle-fill';\n import Info from '@adyen/ui-assets-icons-16/vue/info-filled';\n\n // Utils\n import { useHasSlot } from '@/composables';\n import { useI18n } from '@/utils/ts/i18n';\n\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n const slots = useSlots();\n const hasSlot = useHasSlot(slots);\n\n const emit = defineEmits<{\n /\n Emits event when the alert is closed. `closeButton` must be `true`\n /\n (e: 'close-alert');\n }>();\n\n const props = withDefaults(\n defineProps<{\n /\n Adds a close button on the right side of the alert\n /\n closeButton?: boolean;\n\n /\n Type of a alert; set a distinctive icon and color. Defaults to highlight.\n * @values HIGHLIGHT, SUCCESS, CRITICAL, WARNING\n /\n type?: BentoAlertTypeOption \| `${BentoAlertTypeOption}`;\n\n /\n Variant for the alert\n * @values DEFAULT, TIP\n /\n variant?: BentoAlertVariant \| `${BentoAlertVariant}`;\n }>(),\n {\n closeButton: false,\n type: BentoAlertTypeOption.HIGHLIGHT,\n variant: BentoAlertVariant.DEFAULT,\n }\n );\n\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n const isTipVariant = computed(() => props.variant === BentoAlertVariant.TIP);\n\n const alertConditionalClasses = computed(() => ({\n [`b-alert--${props.type}`]: props.type,\n [`b-alert--${BentoAlertVariant.TIP}`]: isTipVariant.value,\n }));\n\n const iconSvgTitle = computed(() => t(`${props.type}Icon`));\n\n const iconComponent = computed(() => {\n switch (props.type) {\n case BentoAlertTypeOption.CRITICAL:\n return CrossCircle;\n case BentoAlertTypeOption.SUCCESS:\n return CheckedCircle;\n case BentoAlertTypeOption.WARNING:\n return Warning;\n case BentoAlertTypeOption.HIGHLIGHT:\n default:\n return Info;\n }\n });\n\n const descriptionTypography = computed(() => ({\n el: BentoTypographyElement.DIV,\n variant: isTipVariant.value ? BentoTypographyVariant.CAPTION : BentoTypographyVariant.BODY,\n wide: true,\n }));\n\n const computedRole = computed(() => (props.type === BentoAlertTypeOption.HIGHLIGHT ? 'status' : 'alert'));\n\n const onCloseButtonClick = () => {\n emit(BentoAlertEvent.CLOSE_ALERT);\n };\n\n onMounted(() => {\n if (!slots.default && !slots.description) {\n throw new Error('Alert Component requires a title or a description');\n }\n });\n</script>\n\n<script lang=\"ts\">\n /\n An Alert component is used to display a persistent\n * notification containing information important to the user\n \n @example\n * import { BentoAlert, BentoAlertTypeOption } from '@adyen/bento-vue2';\n \n export default {\n * components: { BentoAlert },\n * template: `\n * <bento-alert type=\"highlight\">\n * Title of the Alert\n * </bento-alert>\n * `\n * }\n */\n export default {\n i18n: { messages },\n name: 'bento-alert',\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./alert.scss\" />\n"],"names":["BentoAlertVariant","BentoAlertVariant2","BentoAlertTypeOption","BentoAlertTypeOption2","BentoAlertEvent","BentoAlertEvent2","uuid","_hoisted_2$1","_hoisted_3$1","openBlock","createElementBlock","mergeProps","_ctx","createCommentVNode","__default__","messages","slots","useSlots","hasSlot","useHasSlot","emit","__emit","props","__props","t","useI18n","isTipVariant","computed","alertConditionalClasses","iconSvgTitle","iconComponent","CrossCircleFillIcon","CheckmarkCircleFillIcon","WarningFilledIcon","Info","descriptionTypography","BentoTypographyElement","BentoTypographyVariant","computedRole","onCloseButtonClick","onMounted"],"mappings":";;;;;;;;;;;;AAGY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,MAAA,OAFQA,IAAAD,KAAA,CAAA,CAAA,GAQAE,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,WAAA,YACAA,EAAA,YAAA,aACAA,EAAA,UAAA,WAJQA,IAAAD,KAAA,CAAA,CAAA,GAUAE,IAAA,kBAAAC,OACRA,EAAA,cAAA,eADQA,IAAAD,KAAA,CAAA,CAAA;ACdR,IAAAE,IAAA;;EAGI,eAAA;8BAEIA,KAAA;AAAA;mBAZZC,IAAA,CAAA,WAAA,GAAAC,IAAA,CAAA,IAAA;;AAEI,SAAAC,EAAA,GAAAC,EAAA,OAAAC,EAAA,EAAA,MAAA,MAAA,GAAAC,EAAA,QAAA;AAAA,IAAgC,OAAA;AAAA,IAA2B,OAAA;AAAA,IAAmC,OAAA;AAAA,IAAW,QAAA;AAAA,IAAY,MAAA;AAAA;gFAFzHC,EAAA,IAAA,EAAA;AAAA;MAE4M,aAAA,+CAAAD,EAAA,OAAA;AAAA;;QAA4E,MAAA;AAAA,QAAe,aAAA;AAAA,QAAoB,GAAA;AAAA,QAAwyE,aAAA;AAAA;IAFnmF,IAAA,GAAAL,CAAA;AAAA;;QAE6oF,IAAA,0CAAAK,EAAA;AAAA;;UAA0D,OAAA;AAAA,UAAW,QAAA;AAAA,UAAY,MAAA;AAAA;MAF9tF,IAAA,GAAAJ,CAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GCqKIM,KAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;;AApGA,UAAAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEAI,IAAAC,GAOAC,IAAAC,GA0BA,EAAA,GAAAC,EAAA,IAAAC,EAAA,EAAA,UAAAV,EAAA,CAAA,GAEAW,IAAAC,EAAA,MAAAL,EAAA,YAAAtB,EAAA,GAAA,GAEA4B,IAAAD,EAAA,OAAA;AAAA,MAAgD,CAAA,YAAAL,EAAA,IAAA,EAAA,GAAAA,EAAA;AAAA,MACV,CAAA,YAAAtB,EAAA,GAAA,EAAA,GAAA0B,EAAA;AAAA,IACkB,EAAA,GAGxDG,IAAAF,EAAA,MAAAH,EAAA,GAAAF,EAAA,IAAA,MAAA,CAAA,GAEAQ,IAAAH,EAAA,MAAA;AACI,cAAAL,EAAA,MAAA;AAAA,QAAoB,KAAApB,EAAA;AAEZ,iBAAA6B;AAAA,QAAO,KAAA7B,EAAA;AAEP,iBAAA8B;AAAA,QAAO,KAAA9B,EAAA;AAEP,iBAAA+B;AAAA,QAAO,KAAA/B,EAAA;AAAA,QACe;AAEtB,iBAAAgC;AAAA,MAAO;AAAA,IACf,CAAA,GAGJC,IAAAR,EAAA,OAAA;AAAA,MAA8C,IAAAS,EAAA;AAAA,MACf,SAAAV,EAAA,QAAAW,EAAA,UAAAA,EAAA;AAAA,MAC2D,MAAA;AAAA,IAChF,EAAA,GAGVC,IAAAX,EAAA,MAAAL,EAAA,SAAApB,EAAA,YAAA,WAAA,OAAA,GAEAqC,IAAA,MAAA;AACI,MAAAnB,EAAAhB,EAAA,WAAA;AAAA,IAAgC;AAGpC,WAAAoC,EAAA,MAAA;AACI,UAAA,CAAAxB,EAAA,WAAA,CAAAA,EAAA;AACI,cAAA,IAAA,MAAA,mDAAA;AAAA,IACJ,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}