@adyen/bento-vue3 1.48.0 → 1.50.0

package/dist/assets/menu.css

@@ -1 +1 @@
-.b-menu-item[data-v-9e8afd9c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--b-menu-item-color);align-items:center;display:flex;justify-content:space-between;padding:var(--b-menu-item-padding);width:100%}.b-menu-item[data-v-9e8afd9c],.b-menu-item[data-v-9e8afd9c]:before,.b-menu-item[data-v-9e8afd9c]:after{box-sizing:border-box}.b-menu-item[data-v-9e8afd9c] *,.b-menu-item[data-v-9e8afd9c] *:before,.b-menu-item[data-v-9e8afd9c] *:after{box-sizing:border-box}.b-menu-item[data-v-9e8afd9c] ::-webkit-scrollbar{height:14px;width:14px}.b-menu-item[data-v-9e8afd9c] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-menu-item.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item[data-v-9e8afd9c]{color:var(--b-menu-item-color-inverse)}.b-menu-item[data-v-9e8afd9c]:hover:enabled{background-color:var(--b-menu-item-hover-background-color)}.b-menu-item:hover:enabled.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item[data-v-9e8afd9c]:hover:enabled{background-color:var(--b-menu-item-hover-background-color-inverse)}.b-menu-item[data-v-9e8afd9c]:focus-visible:enabled{background-color:var(--b-menu-item-focus-background-color)}.b-menu-item:focus-visible:enabled.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item[data-v-9e8afd9c]:focus-visible:enabled{background-color:var(--b-menu-item-focus-background-color-inverse)}.b-menu-item[data-v-9e8afd9c]:active:enabled{background-color:var(--b-menu-item-active-background-color)}.b-menu-item:active:enabled.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item[data-v-9e8afd9c]:active:enabled{background-color:var(--b-menu-item-active-background-color-inverse)}.b-menu-item--critical[data-v-9e8afd9c]{color:var(--b-menu-item-critical-color)}.b-menu-item--critical.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item--critical[data-v-9e8afd9c]{color:var(--b-menu-item-critical-color-inverse)}.b-menu-item--critical[data-v-9e8afd9c]:hover:enabled{background-color:var(--b-menu-item-hover-critical-background-color);color:var(--b-menu-item-hover-critical-color)}.b-menu-item--critical:hover:enabled.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item--critical[data-v-9e8afd9c]:hover:enabled{background-color:var(--b-menu-item-hover-critical-background-color-inverse)}.b-menu-item--critical:hover:enabled.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item--critical[data-v-9e8afd9c]:hover:enabled{color:var(--b-menu-item-hover-critical-color-inverse)}.b-menu-item--critical[data-v-9e8afd9c]:focus-visible:enabled{background-color:var(--b-menu-item-focus-critical-background-color);color:var(--b-menu-item-focus-critical-color)}.b-menu-item--critical:focus-visible:enabled.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item--critical[data-v-9e8afd9c]:focus-visible:enabled{background-color:var(--b-menu-item-focus-critical-background-color-inverse)}.b-menu-item--critical:focus-visible:enabled.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item--critical[data-v-9e8afd9c]:focus-visible:enabled{color:var(--b-menu-item-focus-critical-color-inverse)}.b-menu-item--critical[data-v-9e8afd9c]:active:enabled{background-color:var(--b-menu-item-active-critical-background-color);color:var(--b-menu-item-active-critical-color)}.b-menu-item--critical:active:enabled.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item--critical[data-v-9e8afd9c]:active:enabled{background-color:var(--b-menu-item-active-critical-background-color-inverse)}.b-menu-item--critical:active:enabled.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item--critical[data-v-9e8afd9c]:active:enabled{color:var(--b-menu-item-active-critical-color-inverse)}.b-menu-item--critical[data-v-9e8afd9c] .b-base-button__icon-right{color:var(--b-menu-item-icon-right-color)}.b-menu-item--critical[data-v-9e8afd9c] .b-base-button__icon-right.b-menu--inverse,.b-menu--inverse .b-menu-item--critical[data-v-9e8afd9c] .b-base-button__icon-right{color:var(--b-menu-item-icon-right-color-inverse)}.b-menu-item--indent[data-v-9e8afd9c]{padding-left:var(--b-menu-item-indent-padding-left)}.b-menu-item[data-v-9e8afd9c] .b-base-button__label{align-items:center;display:flex;justify-content:space-between;width:100%}.b-menu-item[data-v-9e8afd9c] .b-base-button__label .b-menu-item__primary-text{flex-grow:0;flex-shrink:1;min-width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-menu-item[data-v-9e8afd9c] .b-base-button__label .b-menu-item__secondary-text{color:var(--b-menu-item-secondary-text-color);flex-grow:2;padding-left:var(--b-menu-item-secondary-text-padding-left);text-align:right;white-space:nowrap}.b-menu-item[data-v-9e8afd9c] .b-base-button__label .b-menu-item__secondary-text.b-menu--inverse,.b-menu--inverse .b-menu-item[data-v-9e8afd9c] .b-base-button__label .b-menu-item__secondary-text{color:var(--b-menu-item-secondary-text-color-inverse)}.b-menu-item[data-v-9e8afd9c] .b-base-button__icon-left{padding-right:var(--b-menu-item-icon-left-padding)}.b-menu-item[data-v-9e8afd9c] .b-base-button__icon-right{padding-left:var(--b-menu-item-icon-right-padding)}.b-menu-item[data-v-9e8afd9c]:disabled{color:var(--b-menu-item-disabled-color)}.b-menu-item:disabled.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item[data-v-9e8afd9c]:disabled{color:var(--b-menu-item-disabled-color-inverse)}.b-menu-item:disabled .b-menu-item__secondary-text[data-v-9e8afd9c]{color:var(--b-menu-item-disabled-color)}.b-menu-item:disabled .b-menu-item__secondary-text.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item:disabled .b-menu-item__secondary-text[data-v-9e8afd9c]{color:var(--b-menu-item-disabled-color-inverse)}.b-menu-list-container[data-v-02a3ca45]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-menu-item-list-background-color);height:fit-content;padding:var(--b-menu-item-list-padding)}.b-menu-list-container[data-v-02a3ca45],.b-menu-list-container[data-v-02a3ca45]:before,.b-menu-list-container[data-v-02a3ca45]:after{box-sizing:border-box}.b-menu-list-container[data-v-02a3ca45] *,.b-menu-list-container[data-v-02a3ca45] *:before,.b-menu-list-container[data-v-02a3ca45] *:after{box-sizing:border-box}.b-menu-list-container[data-v-02a3ca45] ::-webkit-scrollbar{height:14px;width:14px}.b-menu-list-container[data-v-02a3ca45] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-menu-list-container.b-menu--inverse[data-v-02a3ca45],.b-menu--inverse .b-menu-list-container[data-v-02a3ca45]{background-color:var(--b-menu-item-list-background-color-inverse)}.b-sub-menu-item-list[data-v-621db243]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-menu-submenu-background-color);overflow:hidden;position:fixed;right:0;top:0;width:100%}.b-sub-menu-item-list[data-v-621db243],.b-sub-menu-item-list[data-v-621db243]:before,.b-sub-menu-item-list[data-v-621db243]:after{box-sizing:border-box}.b-sub-menu-item-list[data-v-621db243] *,.b-sub-menu-item-list[data-v-621db243] *:before,.b-sub-menu-item-list[data-v-621db243] *:after{box-sizing:border-box}.b-sub-menu-item-list[data-v-621db243] ::-webkit-scrollbar{height:14px;width:14px}.b-sub-menu-item-list[data-v-621db243] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-sub-menu-item-list.b-menu--inverse[data-v-621db243],.b-menu--inverse .b-sub-menu-item-list[data-v-621db243]{background-color:var(--b-menu-submenu-background-color-inverse)}.b-sub-menu-item-list__list[data-v-621db243]{list-style:none;padding:0}.b-sub-menu-item-list__divider[data-v-621db243]{margin-block:var(--b-menu-submenu-divider-margin-block)}.b-sub-menu-item-list__transition-enter-active[data-v-621db243]{animation:enter-ueccn9z-621db243 var(--b-menu-submenu-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-ueccn9z-621db243{0%{translate:100% 0}to{translate:0 0}}.b-sub-menu-item-list__transition-leave-active[data-v-621db243]{animation:exit-ueccna7-621db243 var(--b-menu-submenu-animation-duration) var(--b-animation-easing-exit)}@keyframes exit-ueccna7-621db243{0%{translate:0 0}to{translate:100% 0}}.b-menu-item-list[data-v-cf88ddde]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;list-style-type:none;margin:0;max-height:376px;overflow-y:auto;padding:0}.b-menu-item-list[data-v-cf88ddde],.b-menu-item-list[data-v-cf88ddde]:before,.b-menu-item-list[data-v-cf88ddde]:after{box-sizing:border-box}.b-menu-item-list[data-v-cf88ddde] *,.b-menu-item-list[data-v-cf88ddde] *:before,.b-menu-item-list[data-v-cf88ddde] *:after{box-sizing:border-box}.b-menu-item-list[data-v-cf88ddde] ::-webkit-scrollbar{height:14px;width:14px}.b-menu-item-list[data-v-cf88ddde] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-menu-item-list__divider[data-v-cf88ddde]{margin-block:var(--b-menu-item-list-divider-margin-block)}svg.ui-assets-icons-16{display:inline-flex;flex-shrink:0}svg.ui-assets-icons-16,svg.ui-assets-icons-16 *{fill:currentcolor}.b-menu[data-v-bd1c16f6]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:fit-content}.b-menu[data-v-bd1c16f6],.b-menu[data-v-bd1c16f6]:before,.b-menu[data-v-bd1c16f6]:after{box-sizing:border-box}.b-menu[data-v-bd1c16f6] *,.b-menu[data-v-bd1c16f6] *:before,.b-menu[data-v-bd1c16f6] *:after{box-sizing:border-box}.b-menu[data-v-bd1c16f6] ::-webkit-scrollbar{height:14px;width:14px}.b-menu[data-v-bd1c16f6] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-menu__popover[data-v-bd1c16f6]{width:250px}
+.b-menu-item[data-v-9e8afd9c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--b-menu-item-color);align-items:center;display:flex;justify-content:space-between;padding:var(--b-menu-item-padding);width:100%}.b-menu-item[data-v-9e8afd9c],.b-menu-item[data-v-9e8afd9c]:before,.b-menu-item[data-v-9e8afd9c]:after{box-sizing:border-box}.b-menu-item[data-v-9e8afd9c] *,.b-menu-item[data-v-9e8afd9c] *:before,.b-menu-item[data-v-9e8afd9c] *:after{box-sizing:border-box}.b-menu-item[data-v-9e8afd9c] ::-webkit-scrollbar{height:14px;width:14px}.b-menu-item[data-v-9e8afd9c] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-menu-item.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item[data-v-9e8afd9c]{color:var(--b-menu-item-color-inverse)}.b-menu-item[data-v-9e8afd9c]:hover:enabled{background-color:var(--b-menu-item-hover-background-color)}.b-menu-item:hover:enabled.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item[data-v-9e8afd9c]:hover:enabled{background-color:var(--b-menu-item-hover-background-color-inverse)}.b-menu-item[data-v-9e8afd9c]:focus-visible:enabled{background-color:var(--b-menu-item-focus-background-color)}.b-menu-item:focus-visible:enabled.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item[data-v-9e8afd9c]:focus-visible:enabled{background-color:var(--b-menu-item-focus-background-color-inverse)}.b-menu-item[data-v-9e8afd9c]:active:enabled{background-color:var(--b-menu-item-active-background-color)}.b-menu-item:active:enabled.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item[data-v-9e8afd9c]:active:enabled{background-color:var(--b-menu-item-active-background-color-inverse)}.b-menu-item--critical[data-v-9e8afd9c]{color:var(--b-menu-item-critical-color)}.b-menu-item--critical.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item--critical[data-v-9e8afd9c]{color:var(--b-menu-item-critical-color-inverse)}.b-menu-item--critical[data-v-9e8afd9c]:hover:enabled{background-color:var(--b-menu-item-hover-critical-background-color);color:var(--b-menu-item-hover-critical-color)}.b-menu-item--critical:hover:enabled.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item--critical[data-v-9e8afd9c]:hover:enabled{background-color:var(--b-menu-item-hover-critical-background-color-inverse)}.b-menu-item--critical:hover:enabled.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item--critical[data-v-9e8afd9c]:hover:enabled{color:var(--b-menu-item-hover-critical-color-inverse)}.b-menu-item--critical[data-v-9e8afd9c]:focus-visible:enabled{background-color:var(--b-menu-item-focus-critical-background-color);color:var(--b-menu-item-focus-critical-color)}.b-menu-item--critical:focus-visible:enabled.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item--critical[data-v-9e8afd9c]:focus-visible:enabled{background-color:var(--b-menu-item-focus-critical-background-color-inverse)}.b-menu-item--critical:focus-visible:enabled.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item--critical[data-v-9e8afd9c]:focus-visible:enabled{color:var(--b-menu-item-focus-critical-color-inverse)}.b-menu-item--critical[data-v-9e8afd9c]:active:enabled{background-color:var(--b-menu-item-active-critical-background-color);color:var(--b-menu-item-active-critical-color)}.b-menu-item--critical:active:enabled.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item--critical[data-v-9e8afd9c]:active:enabled{background-color:var(--b-menu-item-active-critical-background-color-inverse)}.b-menu-item--critical:active:enabled.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item--critical[data-v-9e8afd9c]:active:enabled{color:var(--b-menu-item-active-critical-color-inverse)}.b-menu-item--critical[data-v-9e8afd9c] .b-base-button__icon-right{color:var(--b-menu-item-icon-right-color)}.b-menu-item--critical[data-v-9e8afd9c] .b-base-button__icon-right.b-menu--inverse,.b-menu--inverse .b-menu-item--critical[data-v-9e8afd9c] .b-base-button__icon-right{color:var(--b-menu-item-icon-right-color-inverse)}.b-menu-item--indent[data-v-9e8afd9c]{padding-left:var(--b-menu-item-indent-padding-left)}.b-menu-item[data-v-9e8afd9c] .b-base-button__label{align-items:center;display:flex;justify-content:space-between;width:100%}.b-menu-item[data-v-9e8afd9c] .b-base-button__label .b-menu-item__primary-text{flex-grow:0;flex-shrink:1;min-width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-menu-item[data-v-9e8afd9c] .b-base-button__label .b-menu-item__secondary-text{color:var(--b-menu-item-secondary-text-color);flex-grow:2;padding-left:var(--b-menu-item-secondary-text-padding-left);text-align:right;white-space:nowrap}.b-menu-item[data-v-9e8afd9c] .b-base-button__label .b-menu-item__secondary-text.b-menu--inverse,.b-menu--inverse .b-menu-item[data-v-9e8afd9c] .b-base-button__label .b-menu-item__secondary-text{color:var(--b-menu-item-secondary-text-color-inverse)}.b-menu-item[data-v-9e8afd9c] .b-base-button__icon-left{padding-right:var(--b-menu-item-icon-left-padding)}.b-menu-item[data-v-9e8afd9c] .b-base-button__icon-right{padding-left:var(--b-menu-item-icon-right-padding)}.b-menu-item[data-v-9e8afd9c]:disabled{color:var(--b-menu-item-disabled-color)}.b-menu-item:disabled.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item[data-v-9e8afd9c]:disabled{color:var(--b-menu-item-disabled-color-inverse)}.b-menu-item:disabled .b-menu-item__secondary-text[data-v-9e8afd9c]{color:var(--b-menu-item-disabled-color)}.b-menu-item:disabled .b-menu-item__secondary-text.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item:disabled .b-menu-item__secondary-text[data-v-9e8afd9c]{color:var(--b-menu-item-disabled-color-inverse)}.b-menu-list-container[data-v-02a3ca45]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-menu-item-list-background-color);height:fit-content;padding:var(--b-menu-item-list-padding)}.b-menu-list-container[data-v-02a3ca45],.b-menu-list-container[data-v-02a3ca45]:before,.b-menu-list-container[data-v-02a3ca45]:after{box-sizing:border-box}.b-menu-list-container[data-v-02a3ca45] *,.b-menu-list-container[data-v-02a3ca45] *:before,.b-menu-list-container[data-v-02a3ca45] *:after{box-sizing:border-box}.b-menu-list-container[data-v-02a3ca45] ::-webkit-scrollbar{height:14px;width:14px}.b-menu-list-container[data-v-02a3ca45] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-menu-list-container.b-menu--inverse[data-v-02a3ca45],.b-menu--inverse .b-menu-list-container[data-v-02a3ca45]{background-color:var(--b-menu-item-list-background-color-inverse)}.b-sub-menu-item-list[data-v-621db243]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-menu-submenu-background-color);overflow:hidden;position:fixed;right:0;top:0;width:100%}.b-sub-menu-item-list[data-v-621db243],.b-sub-menu-item-list[data-v-621db243]:before,.b-sub-menu-item-list[data-v-621db243]:after{box-sizing:border-box}.b-sub-menu-item-list[data-v-621db243] *,.b-sub-menu-item-list[data-v-621db243] *:before,.b-sub-menu-item-list[data-v-621db243] *:after{box-sizing:border-box}.b-sub-menu-item-list[data-v-621db243] ::-webkit-scrollbar{height:14px;width:14px}.b-sub-menu-item-list[data-v-621db243] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-sub-menu-item-list.b-menu--inverse[data-v-621db243],.b-menu--inverse .b-sub-menu-item-list[data-v-621db243]{background-color:var(--b-menu-submenu-background-color-inverse)}.b-sub-menu-item-list__list[data-v-621db243]{list-style:none;padding:0}.b-sub-menu-item-list__divider[data-v-621db243]{margin-block:var(--b-menu-submenu-divider-margin-block)}.b-sub-menu-item-list__transition-enter-active[data-v-621db243]{animation:enter-usj9hb9-621db243 var(--b-menu-submenu-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-usj9hb9-621db243{0%{translate:100% 0}to{translate:0 0}}.b-sub-menu-item-list__transition-leave-active[data-v-621db243]{animation:exit-usj9hc2-621db243 var(--b-menu-submenu-animation-duration) var(--b-animation-easing-exit)}@keyframes exit-usj9hc2-621db243{0%{translate:0 0}to{translate:100% 0}}.b-menu-item-list[data-v-cf88ddde]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;list-style-type:none;margin:0;max-height:376px;overflow-y:auto;padding:0}.b-menu-item-list[data-v-cf88ddde],.b-menu-item-list[data-v-cf88ddde]:before,.b-menu-item-list[data-v-cf88ddde]:after{box-sizing:border-box}.b-menu-item-list[data-v-cf88ddde] *,.b-menu-item-list[data-v-cf88ddde] *:before,.b-menu-item-list[data-v-cf88ddde] *:after{box-sizing:border-box}.b-menu-item-list[data-v-cf88ddde] ::-webkit-scrollbar{height:14px;width:14px}.b-menu-item-list[data-v-cf88ddde] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-menu-item-list__divider[data-v-cf88ddde]{margin-block:var(--b-menu-item-list-divider-margin-block)}svg.ui-assets-icons-16{display:inline-flex;flex-shrink:0}svg.ui-assets-icons-16,svg.ui-assets-icons-16 *{fill:currentcolor}.b-menu[data-v-0b463a5d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:fit-content}.b-menu[data-v-0b463a5d],.b-menu[data-v-0b463a5d]:before,.b-menu[data-v-0b463a5d]:after{box-sizing:border-box}.b-menu[data-v-0b463a5d] *,.b-menu[data-v-0b463a5d] *:before,.b-menu[data-v-0b463a5d] *:after{box-sizing:border-box}.b-menu[data-v-0b463a5d] ::-webkit-scrollbar{height:14px;width:14px}.b-menu[data-v-0b463a5d] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-menu__popover[data-v-0b463a5d]{width:250px}

package/dist/assets/modal-fullscreen.css

@@ -1 +1 @@
-.b-modal-fullscreen-page[data-v-da0f0512]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;height:100%;overflow:hidden;position:absolute;width:100%}.b-modal-fullscreen-page[data-v-da0f0512],.b-modal-fullscreen-page[data-v-da0f0512]:before,.b-modal-fullscreen-page[data-v-da0f0512]:after{box-sizing:border-box}.b-modal-fullscreen-page[data-v-da0f0512] *,.b-modal-fullscreen-page[data-v-da0f0512] *:before,.b-modal-fullscreen-page[data-v-da0f0512] *:after{box-sizing:border-box}.b-modal-fullscreen-page[data-v-da0f0512] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen-page[data-v-da0f0512] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-modal-fullscreen-page__header[data-v-da0f0512]{align-items:center;display:flex;flex-grow:1;gap:var(--b-modal-fullscreen-header-gap);height:64px;overflow-x:auto;overflow-y:hidden;padding:var(--b-modal-fullscreen-header-padding)}.b-modal-fullscreen-page__header-section[data-v-da0f0512]{display:flex;flex:1 1 0}.b-modal-fullscreen-page__header-section--title[data-v-da0f0512]{min-width:150px;overflow:hidden}.b-modal-fullscreen-page__header-section--slot[data-v-da0f0512]{flex-grow:0;justify-content:center}.b-modal-fullscreen-page__header-section--actions[data-v-da0f0512]{align-items:center;gap:var(--b-modal-fullscreen-header-gap);justify-content:end}.b-modal-fullscreen-page__title[data-v-da0f0512]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-modal-fullscreen-page__contextual-label[data-v-da0f0512]{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.b-modal-fullscreen-page__actions[data-v-da0f0512]{container-type:normal;flex-grow:unset}.b-modal-fullscreen-page__actions[data-v-da0f0512] .b-button-actions__container-wrapper{flex-direction:row}.b-modal-fullscreen-page__separator[data-v-da0f0512]{border-left:var(--b-modal-fullscreen-separator-border-left);height:26px;margin-right:var(--b-modal-fullscreen-separator-margin-right)}.b-modal-fullscreen-page__content[data-v-da0f0512]{height:100%;overflow:auto}.b-modal-fullscreen[data-v-380cc3f0]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-modal-fullscreen-background-color);border:0;color:var(--b-modal-fullscreen-color);height:100%;max-height:100%;max-width:100%;overflow:hidden;padding:0;width:100%}.b-modal-fullscreen[data-v-380cc3f0],.b-modal-fullscreen[data-v-380cc3f0]:before,.b-modal-fullscreen[data-v-380cc3f0]:after{box-sizing:border-box}.b-modal-fullscreen[data-v-380cc3f0] *,.b-modal-fullscreen[data-v-380cc3f0] *:before,.b-modal-fullscreen[data-v-380cc3f0] *:after{box-sizing:border-box}.b-modal-fullscreen[data-v-380cc3f0] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen[data-v-380cc3f0] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-modal-fullscreen__wrapper[data-v-380cc3f0]{display:flex;flex-direction:column;height:100%}.b-modal-fullscreen__close-button[data-v-380cc3f0]{align-items:center;background-color:var(--b-modal-fullscreen-background-color);display:flex;height:64px;padding-inline:var(--b-modal-fullscreen-close-button-padding-inline);position:absolute;right:0;z-index:var(--b-modal-fullscreen-close-button-z-index)}.b-modal-fullscreen[data-v-380cc3f0]::backdrop{background-color:transparent}.b-modal-fullscreen[open][data-v-380cc3f0]{animation:fade-in-ueccmr3-380cc3f0 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear),enter-ueccmr3-380cc3f0 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-enter),scale-up-ueccmr3-380cc3f0 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-in-ueccmr3-380cc3f0{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ueccmr3-380cc3f0{0%{scale:1}to{scale:1}}@keyframes enter-ueccmr3-380cc3f0{0%{translate:0 64px}to{translate:0 0}}.b-modal-fullscreen--hide[open][data-v-380cc3f0]{animation:fade-out-ueccmrg-380cc3f0 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear),exit-ueccmrg-380cc3f0 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-exit),scale-down-ueccmrg-380cc3f0 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-out-ueccmrg-380cc3f0{0%{opacity:1}to{opacity:0}}@keyframes scale-down-ueccmrg-380cc3f0{0%{scale:1}to{scale:1}}@keyframes exit-ueccmrg-380cc3f0{0%{translate:0 0}to{translate:0 64px}}
+.b-modal-fullscreen-page[data-v-da0f0512]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;height:100%;overflow:hidden;position:absolute;width:100%}.b-modal-fullscreen-page[data-v-da0f0512],.b-modal-fullscreen-page[data-v-da0f0512]:before,.b-modal-fullscreen-page[data-v-da0f0512]:after{box-sizing:border-box}.b-modal-fullscreen-page[data-v-da0f0512] *,.b-modal-fullscreen-page[data-v-da0f0512] *:before,.b-modal-fullscreen-page[data-v-da0f0512] *:after{box-sizing:border-box}.b-modal-fullscreen-page[data-v-da0f0512] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen-page[data-v-da0f0512] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-modal-fullscreen-page__header[data-v-da0f0512]{align-items:center;display:flex;flex-grow:1;gap:var(--b-modal-fullscreen-header-gap);height:64px;overflow-x:auto;overflow-y:hidden;padding:var(--b-modal-fullscreen-header-padding)}.b-modal-fullscreen-page__header-section[data-v-da0f0512]{display:flex;flex:1 1 0}.b-modal-fullscreen-page__header-section--title[data-v-da0f0512]{min-width:150px;overflow:hidden}.b-modal-fullscreen-page__header-section--slot[data-v-da0f0512]{flex-grow:0;justify-content:center}.b-modal-fullscreen-page__header-section--actions[data-v-da0f0512]{align-items:center;gap:var(--b-modal-fullscreen-header-gap);justify-content:end}.b-modal-fullscreen-page__title[data-v-da0f0512]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-modal-fullscreen-page__contextual-label[data-v-da0f0512]{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.b-modal-fullscreen-page__actions[data-v-da0f0512]{container-type:normal;flex-grow:unset}.b-modal-fullscreen-page__actions[data-v-da0f0512] .b-button-actions__container-wrapper{flex-direction:row}.b-modal-fullscreen-page__separator[data-v-da0f0512]{border-left:var(--b-modal-fullscreen-separator-border-left);height:26px;margin-right:var(--b-modal-fullscreen-separator-margin-right)}.b-modal-fullscreen-page__content[data-v-da0f0512]{height:100%;overflow:auto}.b-modal-fullscreen[data-v-380cc3f0]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-modal-fullscreen-background-color);border:0;color:var(--b-modal-fullscreen-color);height:100%;max-height:100%;max-width:100%;overflow:hidden;padding:0;width:100%}.b-modal-fullscreen[data-v-380cc3f0],.b-modal-fullscreen[data-v-380cc3f0]:before,.b-modal-fullscreen[data-v-380cc3f0]:after{box-sizing:border-box}.b-modal-fullscreen[data-v-380cc3f0] *,.b-modal-fullscreen[data-v-380cc3f0] *:before,.b-modal-fullscreen[data-v-380cc3f0] *:after{box-sizing:border-box}.b-modal-fullscreen[data-v-380cc3f0] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen[data-v-380cc3f0] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-modal-fullscreen__wrapper[data-v-380cc3f0]{display:flex;flex-direction:column;height:100%}.b-modal-fullscreen__close-button[data-v-380cc3f0]{align-items:center;background-color:var(--b-modal-fullscreen-background-color);display:flex;height:64px;padding-inline:var(--b-modal-fullscreen-close-button-padding-inline);position:absolute;right:0;z-index:var(--b-modal-fullscreen-close-button-z-index)}.b-modal-fullscreen[data-v-380cc3f0]::backdrop{background-color:transparent}.b-modal-fullscreen[open][data-v-380cc3f0]{animation:fade-in-usj9grm-380cc3f0 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear),enter-usj9grm-380cc3f0 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-enter),scale-up-usj9grm-380cc3f0 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-in-usj9grm-380cc3f0{0%{opacity:0}to{opacity:1}}@keyframes scale-up-usj9grm-380cc3f0{0%{scale:1}to{scale:1}}@keyframes enter-usj9grm-380cc3f0{0%{translate:0 64px}to{translate:0 0}}.b-modal-fullscreen--hide[open][data-v-380cc3f0]{animation:fade-out-usj9gsm-380cc3f0 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear),exit-usj9gsm-380cc3f0 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-exit),scale-down-usj9gsm-380cc3f0 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-out-usj9gsm-380cc3f0{0%{opacity:1}to{opacity:0}}@keyframes scale-down-usj9gsm-380cc3f0{0%{scale:1}to{scale:1}}@keyframes exit-usj9gsm-380cc3f0{0%{translate:0 0}to{translate:0 64px}}

package/dist/assets/payment-method.css

@@ -1 +1 @@
-.b-payment-method[data-v-7ceb550e]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex}.b-payment-method[data-v-7ceb550e],.b-payment-method[data-v-7ceb550e]:before,.b-payment-method[data-v-7ceb550e]:after{box-sizing:border-box}.b-payment-method[data-v-7ceb550e] *,.b-payment-method[data-v-7ceb550e] *:before,.b-payment-method[data-v-7ceb550e] *:after{box-sizing:border-box}.b-payment-method[data-v-7ceb550e] ::-webkit-scrollbar{height:14px;width:14px}.b-payment-method[data-v-7ceb550e] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-payment-method__icon-container[data-v-7ceb550e]{align-items:center;display:flex}.b-payment-method__icon[data-v-7ceb550e]{height:26px;width:40px}.b-payment-method__icon--small[data-v-7ceb550e]{height:16px;width:22px}.b-payment-method__label[data-v-7ceb550e]{align-items:center;color:var(--b-payment-method-label-color);display:flex;padding:var(--b-payment-method-label-padding)}
+.b-payment-method[data-v-a8742dcb]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex}.b-payment-method[data-v-a8742dcb],.b-payment-method[data-v-a8742dcb]:before,.b-payment-method[data-v-a8742dcb]:after{box-sizing:border-box}.b-payment-method[data-v-a8742dcb] *,.b-payment-method[data-v-a8742dcb] *:before,.b-payment-method[data-v-a8742dcb] *:after{box-sizing:border-box}.b-payment-method[data-v-a8742dcb] ::-webkit-scrollbar{height:14px;width:14px}.b-payment-method[data-v-a8742dcb] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-payment-method__icon-container[data-v-a8742dcb]{align-items:center;display:flex}.b-payment-method__icon[data-v-a8742dcb]{height:26px;width:40px}.b-payment-method__icon--small[data-v-a8742dcb]{height:16px;width:22px}.b-payment-method__label[data-v-a8742dcb]{align-items:center;color:var(--b-payment-method-label-color);display:flex;padding:var(--b-payment-method-label-padding)}

package/dist/assets/popover.css

@@ -1 +1 @@
-.b-popover-dismiss-button[data-v-df01cfb8]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer}.b-popover-dismiss-button[data-v-df01cfb8],.b-popover-dismiss-button[data-v-df01cfb8]:before,.b-popover-dismiss-button[data-v-df01cfb8]:after{box-sizing:border-box}.b-popover-dismiss-button[data-v-df01cfb8] *,.b-popover-dismiss-button[data-v-df01cfb8] *:before,.b-popover-dismiss-button[data-v-df01cfb8] *:after{box-sizing:border-box}.b-popover-dismiss-button[data-v-df01cfb8] ::-webkit-scrollbar{height:14px;width:14px}.b-popover-dismiss-button[data-v-df01cfb8] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-popover-dismiss-button--on-image[data-v-df01cfb8]{color:var(--b-popover-dismiss-button-on-image-icon-color)}.b-popover-dismiss-button--on-image[data-v-df01cfb8]:hover{color:var(--b-popover-dismiss-button-on-image-icon-hovered-color)}.b-popover-dismiss-button--on-image[data-v-df01cfb8]:active{color:var(--b-popover-dismiss-button-on-image-icon-active-color)}.b-popover[data-v-97e86b0a]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--b-popover-background-color);border:var(--b-popover-border);border-radius:var(--b-popover-border-radius);box-shadow:var(--b-popover-box-shadow);color:var(--b-popover-color);overflow:hidden;width:100%;z-index:var(--b-popover-z-index)}.b-popover[data-v-97e86b0a],.b-popover[data-v-97e86b0a]:before,.b-popover[data-v-97e86b0a]:after{box-sizing:border-box}.b-popover[data-v-97e86b0a] *,.b-popover[data-v-97e86b0a] *:before,.b-popover[data-v-97e86b0a] *:after{box-sizing:border-box}.b-popover[data-v-97e86b0a] ::-webkit-scrollbar{height:14px;width:14px}.b-popover[data-v-97e86b0a] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media (min-width: 376px){.b-popover[data-v-97e86b0a]{width:320px}}.b-popover[data-v-97e86b0a] .b-popover__arrow:before{color:transparent;display:none}.b-popover--fit-content[data-v-97e86b0a]{width:fit-content}.b-popover--overflow-visible[data-v-97e86b0a]{overflow:visible}.b-popover--overflow-visible .b-popover__footer[data-v-97e86b0a]{border-bottom-left-radius:var(--b-popover-border-radius);border-bottom-right-radius:var(--b-popover-border-radius)}.b-popover--small[data-v-97e86b0a]{width:200px}.b-popover--large[data-v-97e86b0a]{width:480px}.b-popover--with-divider .b-popover__footer[data-v-97e86b0a]{background-color:var(--b-popover-with-divider-footer-background-color);border-top:var(--b-popover-with-divider-footer-border-top);padding-top:var(--b-popover-with-divider-footer-padding-top)}.b-popover--with-divider .b-popover__content[data-v-97e86b0a]{padding:var(--b-popover-with-divider-content-padding)}.b-popover--without-space>.b-popover__header[data-v-97e86b0a]{padding:var(--b-popover-without-space-padding)}.b-popover--without-space>.b-popover__content[data-v-97e86b0a]{padding:var(--b-popover-without-space-padding)}.b-popover--without-space>.b-popover__footer[data-v-97e86b0a]{padding:var(--b-popover-without-space-padding)}.b-popover__content[data-v-97e86b0a]{padding:var(--b-popover-content-padding)}.b-popover__content--with-title[data-v-97e86b0a]{padding:var(--b-popover-content-with-title-padding)}.b-popover__header[data-v-97e86b0a]{align-items:baseline;display:flex;justify-content:space-between;padding:var(--b-popover-header-padding)}.b-popover__header-title[data-v-97e86b0a]{align-items:center;column-gap:var(--b-popover-header-title-column-gap);display:flex}.b-popover__image[data-v-97e86b0a]{display:flex;overflow:hidden}.b-popover__image+.b-popover__header[data-v-97e86b0a]{padding:var(--b-popover-image-header-padding)}.b-popover__image-dismiss-button[data-v-97e86b0a]{position:absolute;right:var(--b-popover-image-dismiss-icon-right);top:var(--b-popover-image-dismiss-icon-top)}.b-popover__footer[data-v-97e86b0a]{padding:var(--b-popover-footer-padding)}.b-popover__animation-enter-active[data-popper-placement^=top][data-v-97e86b0a]{animation:fade-in-ueccmv1-97e86b0a var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-ueccmv1-97e86b0a var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-ueccmv1-97e86b0a{0%{opacity:0}to{opacity:1}}@keyframes move-in-ueccmv1-97e86b0a{0%{top:8px}to{top:0}}.b-popover__animation-leave-active[data-popper-placement^=top][data-v-97e86b0a]{animation:fade-out-ueccmw2-97e86b0a var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-ueccmw2-97e86b0a var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-ueccmw2-97e86b0a{0%{opacity:1}to{opacity:0}}@keyframes move-out-ueccmw2-97e86b0a{0%{top:0}to{top:8px}}.b-popover__animation-enter-active[data-popper-placement^=bottom][data-v-97e86b0a]{animation:fade-in-ueccmwd-97e86b0a var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-ueccmwd-97e86b0a var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-ueccmwd-97e86b0a{0%{opacity:0}to{opacity:1}}@keyframes move-in-ueccmwd-97e86b0a{0%{top:-8px}to{top:0}}.b-popover__animation-leave-active[data-popper-placement^=bottom][data-v-97e86b0a]{animation:fade-out-ueccmx2-97e86b0a var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-ueccmx2-97e86b0a var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-ueccmx2-97e86b0a{0%{opacity:1}to{opacity:0}}@keyframes move-out-ueccmx2-97e86b0a{0%{top:0}to{top:-8px}}.b-popover__animation-enter-active[data-popper-placement^=left][data-v-97e86b0a]{animation:fade-in-ueccmyh-97e86b0a var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-ueccmyh-97e86b0a var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-ueccmyh-97e86b0a{0%{opacity:0}to{opacity:1}}@keyframes move-in-ueccmyh-97e86b0a{0%{left:8px}to{left:0}}.b-popover__animation-leave-active[data-popper-placement^=left][data-v-97e86b0a]{animation:fade-out-ueccmzu-97e86b0a var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-ueccmzu-97e86b0a var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-ueccmzu-97e86b0a{0%{opacity:1}to{opacity:0}}@keyframes move-out-ueccmzu-97e86b0a{0%{left:0}to{left:8px}}.b-popover__animation-enter-active[data-popper-placement^=right][data-v-97e86b0a]{animation:fade-in-ueccn0j-97e86b0a var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-ueccn0j-97e86b0a var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-ueccn0j-97e86b0a{0%{opacity:0}to{opacity:1}}@keyframes move-in-ueccn0j-97e86b0a{0%{left:-8px}to{left:0}}.b-popover__animation-leave-active[data-popper-placement^=right][data-v-97e86b0a]{animation:fade-out-ueccn13-97e86b0a var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-ueccn13-97e86b0a var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-ueccn13-97e86b0a{0%{opacity:1}to{opacity:0}}@keyframes move-out-ueccn13-97e86b0a{0%{left:0}to{left:-8px}}
+.b-popover-dismiss-button[data-v-df01cfb8]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer}.b-popover-dismiss-button[data-v-df01cfb8],.b-popover-dismiss-button[data-v-df01cfb8]:before,.b-popover-dismiss-button[data-v-df01cfb8]:after{box-sizing:border-box}.b-popover-dismiss-button[data-v-df01cfb8] *,.b-popover-dismiss-button[data-v-df01cfb8] *:before,.b-popover-dismiss-button[data-v-df01cfb8] *:after{box-sizing:border-box}.b-popover-dismiss-button[data-v-df01cfb8] ::-webkit-scrollbar{height:14px;width:14px}.b-popover-dismiss-button[data-v-df01cfb8] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-popover-dismiss-button--on-image[data-v-df01cfb8]{color:var(--b-popover-dismiss-button-on-image-icon-color)}.b-popover-dismiss-button--on-image[data-v-df01cfb8]:hover{color:var(--b-popover-dismiss-button-on-image-icon-hovered-color)}.b-popover-dismiss-button--on-image[data-v-df01cfb8]:active{color:var(--b-popover-dismiss-button-on-image-icon-active-color)}.b-popover[data-v-c53a73b8]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--b-popover-background-color);border:var(--b-popover-border);border-radius:var(--b-popover-border-radius);box-shadow:var(--b-popover-box-shadow);color:var(--b-popover-color);overflow:hidden;width:100%;z-index:var(--b-popover-z-index)}.b-popover[data-v-c53a73b8],.b-popover[data-v-c53a73b8]:before,.b-popover[data-v-c53a73b8]:after{box-sizing:border-box}.b-popover[data-v-c53a73b8] *,.b-popover[data-v-c53a73b8] *:before,.b-popover[data-v-c53a73b8] *:after{box-sizing:border-box}.b-popover[data-v-c53a73b8] ::-webkit-scrollbar{height:14px;width:14px}.b-popover[data-v-c53a73b8] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media (min-width: 376px){.b-popover[data-v-c53a73b8]{width:320px}}.b-popover[data-v-c53a73b8] .b-popover__arrow:before{color:transparent;display:none}.b-popover--fit-content[data-v-c53a73b8]{width:fit-content}.b-popover--overflow-visible[data-v-c53a73b8]{overflow:visible}.b-popover--overflow-visible .b-popover__footer[data-v-c53a73b8]{border-bottom-left-radius:var(--b-popover-border-radius);border-bottom-right-radius:var(--b-popover-border-radius)}.b-popover--small[data-v-c53a73b8]{width:200px}.b-popover--large[data-v-c53a73b8]{width:480px}.b-popover--with-divider .b-popover__footer[data-v-c53a73b8]{background-color:var(--b-popover-with-divider-footer-background-color);border-top:var(--b-popover-with-divider-footer-border-top);padding-top:var(--b-popover-with-divider-footer-padding-top)}.b-popover--with-divider .b-popover__content[data-v-c53a73b8]{padding:var(--b-popover-with-divider-content-padding)}.b-popover--without-space>.b-popover__header[data-v-c53a73b8]{padding:var(--b-popover-without-space-padding)}.b-popover--without-space>.b-popover__content[data-v-c53a73b8]{padding:var(--b-popover-without-space-padding)}.b-popover--without-space>.b-popover__footer[data-v-c53a73b8]{padding:var(--b-popover-without-space-padding)}.b-popover__content[data-v-c53a73b8]{padding:var(--b-popover-content-padding)}.b-popover__content--with-title[data-v-c53a73b8]{padding:var(--b-popover-content-with-title-padding)}.b-popover__header[data-v-c53a73b8]{align-items:baseline;display:flex;justify-content:space-between;padding:var(--b-popover-header-padding)}.b-popover__header-title[data-v-c53a73b8]{align-items:center;column-gap:var(--b-popover-header-title-column-gap);display:flex}.b-popover__image[data-v-c53a73b8]{display:flex;overflow:hidden}.b-popover__image+.b-popover__header[data-v-c53a73b8]{padding:var(--b-popover-image-header-padding)}.b-popover__image-dismiss-button[data-v-c53a73b8]{position:absolute;right:var(--b-popover-image-dismiss-icon-right);top:var(--b-popover-image-dismiss-icon-top)}.b-popover__footer[data-v-c53a73b8]{padding:var(--b-popover-footer-padding)}.b-popover__animation-enter-active[data-popper-placement^=top][data-v-c53a73b8]{animation:fade-in-usj9gwk-c53a73b8 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-usj9gwk-c53a73b8 var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-usj9gwk-c53a73b8{0%{opacity:0}to{opacity:1}}@keyframes move-in-usj9gwk-c53a73b8{0%{top:8px}to{top:0}}.b-popover__animation-leave-active[data-popper-placement^=top][data-v-c53a73b8]{animation:fade-out-usj9gxj-c53a73b8 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-usj9gxj-c53a73b8 var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-usj9gxj-c53a73b8{0%{opacity:1}to{opacity:0}}@keyframes move-out-usj9gxj-c53a73b8{0%{top:0}to{top:8px}}.b-popover__animation-enter-active[data-popper-placement^=bottom][data-v-c53a73b8]{animation:fade-in-usj9gy7-c53a73b8 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-usj9gy7-c53a73b8 var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-usj9gy7-c53a73b8{0%{opacity:0}to{opacity:1}}@keyframes move-in-usj9gy7-c53a73b8{0%{top:-8px}to{top:0}}.b-popover__animation-leave-active[data-popper-placement^=bottom][data-v-c53a73b8]{animation:fade-out-usj9gyd-c53a73b8 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-usj9gyd-c53a73b8 var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-usj9gyd-c53a73b8{0%{opacity:1}to{opacity:0}}@keyframes move-out-usj9gyd-c53a73b8{0%{top:0}to{top:-8px}}.b-popover__animation-enter-active[data-popper-placement^=left][data-v-c53a73b8]{animation:fade-in-usj9gyz-c53a73b8 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-usj9gyz-c53a73b8 var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-usj9gyz-c53a73b8{0%{opacity:0}to{opacity:1}}@keyframes move-in-usj9gyz-c53a73b8{0%{left:8px}to{left:0}}.b-popover__animation-leave-active[data-popper-placement^=left][data-v-c53a73b8]{animation:fade-out-usj9gzd-c53a73b8 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-usj9gzd-c53a73b8 var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-usj9gzd-c53a73b8{0%{opacity:1}to{opacity:0}}@keyframes move-out-usj9gzd-c53a73b8{0%{left:0}to{left:8px}}.b-popover__animation-enter-active[data-popper-placement^=right][data-v-c53a73b8]{animation:fade-in-usj9gzi-c53a73b8 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-usj9gzi-c53a73b8 var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-usj9gzi-c53a73b8{0%{opacity:0}to{opacity:1}}@keyframes move-in-usj9gzi-c53a73b8{0%{left:-8px}to{left:0}}.b-popover__animation-leave-active[data-popper-placement^=right][data-v-c53a73b8]{animation:fade-out-usj9gzq-c53a73b8 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-usj9gzq-c53a73b8 var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-usj9gzq-c53a73b8{0%{opacity:1}to{opacity:0}}@keyframes move-out-usj9gzq-c53a73b8{0%{left:0}to{left:-8px}}

package/dist/assets/sidepanel.css

@@ -1 +1 @@
-.b-sidepanel-page[data-v-b0fa716c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;height:100%;position:absolute;width:100%}.b-sidepanel-page[data-v-b0fa716c],.b-sidepanel-page[data-v-b0fa716c]:before,.b-sidepanel-page[data-v-b0fa716c]:after{box-sizing:border-box}.b-sidepanel-page[data-v-b0fa716c] *,.b-sidepanel-page[data-v-b0fa716c] *:before,.b-sidepanel-page[data-v-b0fa716c] *:after{box-sizing:border-box}.b-sidepanel-page[data-v-b0fa716c] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel-page[data-v-b0fa716c] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-sidepanel-page__header[data-v-b0fa716c]{align-items:center;background-color:var(--b-sidepanel-page-header-background-color);border-top-left-radius:var(--b-sidepanel-border-radius);display:flex;overflow:hidden;padding:var(--b-sidepanel-page-header-padding);position:sticky;white-space:nowrap;width:100%}.b-sidepanel-page__title[data-v-b0fa716c]{color:var(--b-sidepanel-page-header-color);flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-b0fa716c]{color:var(--b-sidepanel-page-content-color);flex-grow:1;overflow:overlay;padding:var(--b-sidepanel-page-content-padding)}.b-sidepanel-page__actions[data-v-b0fa716c]{background-color:var(--b-sidepanel-page-actions-background-color);border-bottom-left-radius:var(--b-sidepanel-border-radius);color:var(--b-sidepanel-page-actions-color);padding:var(--b-sidepanel-page-actions-padding)}.b-sidepanel[data-v-34efe8c7]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-sidepanel-background-color);border:0;height:100%;max-height:100%;max-width:100%;overflow:visible;padding:0;width:100%}.b-sidepanel[data-v-34efe8c7],.b-sidepanel[data-v-34efe8c7]:before,.b-sidepanel[data-v-34efe8c7]:after{box-sizing:border-box}.b-sidepanel[data-v-34efe8c7] *,.b-sidepanel[data-v-34efe8c7] *:before,.b-sidepanel[data-v-34efe8c7] *:after{box-sizing:border-box}.b-sidepanel[data-v-34efe8c7] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel[data-v-34efe8c7] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media (min-width: 500px){.b-sidepanel[data-v-34efe8c7]{border-radius:var(--b-sidepanel-border-radius) 0 0 var(--b-sidepanel-border-radius);margin:0 0 0 auto;width:var(--b-sidepanel-width)}}@media (min-width: 768px){.b-sidepanel[data-v-34efe8c7]{max-width:var(--b-sidepanel-l-and-up-max-width);min-width:var(--b-sidepanel-l-and-up-min-width);width:33%}}.b-sidepanel__close-button[data-v-34efe8c7]{align-items:center;display:flex;height:var(--b-sidepanel-close-button-height);position:absolute;right:var(--b-sidepanel-close-button-right);z-index:var(--b-sidepanel-close-button-z-index)}.b-sidepanel--animation[data-v-34efe8c7]{overflow:hidden}.b-sidepanel[data-v-34efe8c7]::backdrop{background-color:var(--b-sidepanel-backdrop-background-color, #00112c);opacity:.5}.b-legacy-theme .b-sidepanel[data-v-34efe8c7]::backdrop{opacity:.4}.b-sidepanel[open][data-v-34efe8c7]{animation:enter-ueccmsk-34efe8c7 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-enter)}@keyframes enter-ueccmsk-34efe8c7{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-34efe8c7]::backdrop{animation:fade-in-ueccmt4-34efe8c7 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-ueccmt4-34efe8c7{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-34efe8c7]{animation:exit-ueccmtr-34efe8c7 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-exit)}@keyframes exit-ueccmtr-34efe8c7{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-34efe8c7]::backdrop{animation:fade-out-ueccmvh-34efe8c7 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-ueccmvh-34efe8c7{0%{opacity:.5}to{opacity:0}}
+.b-sidepanel-page[data-v-b0fa716c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;height:100%;position:absolute;width:100%}.b-sidepanel-page[data-v-b0fa716c],.b-sidepanel-page[data-v-b0fa716c]:before,.b-sidepanel-page[data-v-b0fa716c]:after{box-sizing:border-box}.b-sidepanel-page[data-v-b0fa716c] *,.b-sidepanel-page[data-v-b0fa716c] *:before,.b-sidepanel-page[data-v-b0fa716c] *:after{box-sizing:border-box}.b-sidepanel-page[data-v-b0fa716c] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel-page[data-v-b0fa716c] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-sidepanel-page__header[data-v-b0fa716c]{align-items:center;background-color:var(--b-sidepanel-page-header-background-color);border-top-left-radius:var(--b-sidepanel-border-radius);display:flex;overflow:hidden;padding:var(--b-sidepanel-page-header-padding);position:sticky;white-space:nowrap;width:100%}.b-sidepanel-page__title[data-v-b0fa716c]{color:var(--b-sidepanel-page-header-color);flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-b0fa716c]{color:var(--b-sidepanel-page-content-color);flex-grow:1;overflow:overlay;padding:var(--b-sidepanel-page-content-padding)}.b-sidepanel-page__actions[data-v-b0fa716c]{background-color:var(--b-sidepanel-page-actions-background-color);border-bottom-left-radius:var(--b-sidepanel-border-radius);color:var(--b-sidepanel-page-actions-color);padding:var(--b-sidepanel-page-actions-padding)}.b-sidepanel[data-v-34efe8c7]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-sidepanel-background-color);border:0;height:100%;max-height:100%;max-width:100%;overflow:visible;padding:0;width:100%}.b-sidepanel[data-v-34efe8c7],.b-sidepanel[data-v-34efe8c7]:before,.b-sidepanel[data-v-34efe8c7]:after{box-sizing:border-box}.b-sidepanel[data-v-34efe8c7] *,.b-sidepanel[data-v-34efe8c7] *:before,.b-sidepanel[data-v-34efe8c7] *:after{box-sizing:border-box}.b-sidepanel[data-v-34efe8c7] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel[data-v-34efe8c7] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media (min-width: 500px){.b-sidepanel[data-v-34efe8c7]{border-radius:var(--b-sidepanel-border-radius) 0 0 var(--b-sidepanel-border-radius);margin:0 0 0 auto;width:var(--b-sidepanel-width)}}@media (min-width: 768px){.b-sidepanel[data-v-34efe8c7]{max-width:var(--b-sidepanel-l-and-up-max-width);min-width:var(--b-sidepanel-l-and-up-min-width);width:33%}}.b-sidepanel__close-button[data-v-34efe8c7]{align-items:center;display:flex;height:var(--b-sidepanel-close-button-height);position:absolute;right:var(--b-sidepanel-close-button-right);z-index:var(--b-sidepanel-close-button-z-index)}.b-sidepanel--animation[data-v-34efe8c7]{overflow:hidden}.b-sidepanel[data-v-34efe8c7]::backdrop{background-color:var(--b-sidepanel-backdrop-background-color, #00112c);opacity:.5}.b-legacy-theme .b-sidepanel[data-v-34efe8c7]::backdrop{opacity:.4}.b-sidepanel[open][data-v-34efe8c7]{animation:enter-usj9h03-34efe8c7 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-enter)}@keyframes enter-usj9h03-34efe8c7{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-34efe8c7]::backdrop{animation:fade-in-usj9h0j-34efe8c7 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-usj9h0j-34efe8c7{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-34efe8c7]{animation:exit-usj9h1d-34efe8c7 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-exit)}@keyframes exit-usj9h1d-34efe8c7{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-34efe8c7]::backdrop{animation:fade-out-usj9h2b-34efe8c7 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-usj9h2b-34efe8c7{0%{opacity:.5}to{opacity:0}}

package/dist/assets/toggle-button.css

@@ -1 +1 @@
-.b-toggle-button--primary-toggled[data-v-63a88f80]{background-color:var(--b-toggle-button-primary-toggled-background-color)}.b-toggle-button--primary-toggled.b-toggle-button--inverse[data-v-63a88f80],.b-toggle-button--inverse .b-toggle-button--primary-toggled[data-v-63a88f80]{background-color:var(--b-toggle-button-primary-toggled-background-color-inverse)}@media (hover: hover){.b-toggle-button--primary-toggled[data-v-63a88f80]:hover{background-color:var(--b-toggle-button-primary-toggled-hover-background-color)}.b-toggle-button--primary-toggled:hover.b-toggle-button--inverse[data-v-63a88f80],.b-toggle-button--inverse .b-toggle-button--primary-toggled[data-v-63a88f80]:hover{background-color:var(--b-toggle-button-primary-toggled-hover-background-color-inverse)}}.b-toggle-button--primary-toggled[data-v-63a88f80]:active{background-color:var(--b-toggle-button-primary-toggled-active-background-color)}.b-toggle-button--primary-toggled:active.b-toggle-button--inverse[data-v-63a88f80],.b-toggle-button--inverse .b-toggle-button--primary-toggled[data-v-63a88f80]:active{background-color:var(--b-toggle-button-primary-toggled-active-background-color-inverse)}.b-toggle-button--primary-toggled[data-v-63a88f80]:disabled{background-color:var(--b-toggle-button-primary-toggled-disabled-background-color);box-shadow:var(--b-toggle-button-primary-toggled-disabled-box-shadow);color:var(--b-toggle-button-primary-toggled-disabled-color)}.b-toggle-button--primary-toggled:disabled.b-toggle-button--inverse[data-v-63a88f80],.b-toggle-button--inverse .b-toggle-button--primary-toggled[data-v-63a88f80]:disabled{background-color:var(--b-toggle-button-primary-toggled-disabled-background-color-inverse)}.b-toggle-button--primary-toggled:disabled.b-toggle-button--inverse[data-v-63a88f80],.b-toggle-button--inverse .b-toggle-button--primary-toggled[data-v-63a88f80]:disabled{box-shadow:var(--b-toggle-button-primary-toggled-disabled-box-shadow-inverse)}.b-toggle-button--primary-toggled:disabled.b-toggle-button--inverse[data-v-63a88f80],.b-toggle-button--inverse .b-toggle-button--primary-toggled[data-v-63a88f80]:disabled{color:var(--b-toggle-button-primary-toggled-disabled-color-inverse)}.b-toggle-button--secondary-toggled[data-v-63a88f80]{background-color:var(--b-toggle-button-secondary-toggled-background-color);border-color:var(--b-toggle-button-secondary-toggled-border-color)}.b-toggle-button--secondary-toggled.b-toggle-button--inverse[data-v-63a88f80],.b-toggle-button--inverse .b-toggle-button--secondary-toggled[data-v-63a88f80]{background-color:var(--b-toggle-button-secondary-toggled-background-color-inverse)}.b-toggle-button--secondary-toggled.b-toggle-button--inverse[data-v-63a88f80],.b-toggle-button--inverse .b-toggle-button--secondary-toggled[data-v-63a88f80]{border-color:var(--b-toggle-button-secondary-toggled-border-color-inverse)}@media (hover: hover){.b-toggle-button--secondary-toggled[data-v-63a88f80]:hover{background-color:var(--b-toggle-button-secondary-toggled-hover-background-color)}.b-toggle-button--secondary-toggled:hover.b-toggle-button--inverse[data-v-63a88f80],.b-toggle-button--inverse .b-toggle-button--secondary-toggled[data-v-63a88f80]:hover{background-color:var(--b-toggle-button-secondary-toggled-hover-background-color-inverse)}}.b-toggle-button--secondary-toggled[data-v-63a88f80]:active{background-color:var(--b-toggle-button-secondary-toggled-active-background-color)}.b-toggle-button--secondary-toggled:active.b-toggle-button--inverse[data-v-63a88f80],.b-toggle-button--inverse .b-toggle-button--secondary-toggled[data-v-63a88f80]:active{background-color:var(--b-toggle-button-secondary-toggled-active-background-color-inverse)}.b-toggle-button--secondary-toggled[data-v-63a88f80]:disabled{background-color:var(--b-toggle-button-secondary-toggled-disabled-background-color);color:var(--b-toggle-button-secondary-toggled-disabled-color)}.b-toggle-button--secondary-toggled:disabled.b-toggle-button--inverse[data-v-63a88f80],.b-toggle-button--inverse .b-toggle-button--secondary-toggled[data-v-63a88f80]:disabled{background-color:var(--b-toggle-button-secondary-toggled-disabled-background-color-inverse)}.b-toggle-button--secondary-toggled:disabled.b-toggle-button--inverse[data-v-63a88f80],.b-toggle-button--inverse .b-toggle-button--secondary-toggled[data-v-63a88f80]:disabled{color:var(--b-toggle-button-secondary-toggled-disabled-color-inverse)}.b-toggle-button--tertiary-with-background-toggled[data-v-63a88f80]{background-color:var(--b-toggle-button-tertiary-toggled-background-color)}.b-toggle-button--tertiary-with-background-toggled.b-toggle-button--inverse[data-v-63a88f80],.b-toggle-button--inverse .b-toggle-button--tertiary-with-background-toggled[data-v-63a88f80]{background-color:var(--b-toggle-button-tertiary-toggled-background-color-inverse)}@media (hover: hover){.b-toggle-button--tertiary-with-background-toggled[data-v-63a88f80]:hover{background-color:var(--b-toggle-button-tertiary-toggled-hover-background-color)}.b-toggle-button--tertiary-with-background-toggled:hover.b-toggle-button--inverse[data-v-63a88f80],.b-toggle-button--inverse .b-toggle-button--tertiary-with-background-toggled[data-v-63a88f80]:hover{background-color:var(--b-toggle-button-tertiary-toggled-hover-background-color-inverse)}}.b-toggle-button--tertiary-with-background-toggled[data-v-63a88f80]:active{background-color:var(--b-toggle-button-tertiary-toggled-active-background-color)}.b-toggle-button--tertiary-with-background-toggled:active.b-toggle-button--inverse[data-v-63a88f80],.b-toggle-button--inverse .b-toggle-button--tertiary-with-background-toggled[data-v-63a88f80]:active{background-color:var(--b-toggle-button-tertiary-toggled-active-background-color-inverse)}.b-toggle-button--tertiary-with-background-toggled[data-v-63a88f80]:disabled{background-color:var(--b-toggle-button-tertiary-toggled-disabled-background-color);color:var(--b-toggle-button-tertiary-toggled-disabled-color)}.b-toggle-button--tertiary-with-background-toggled:disabled.b-toggle-button--inverse[data-v-63a88f80],.b-toggle-button--inverse .b-toggle-button--tertiary-with-background-toggled[data-v-63a88f80]:disabled{background-color:var(--b-toggle-button-tertiary-toggled-disabled-background-color-inverse)}.b-toggle-button--tertiary-with-background-toggled:disabled.b-toggle-button--inverse[data-v-63a88f80],.b-toggle-button--inverse .b-toggle-button--tertiary-with-background-toggled[data-v-63a88f80]:disabled{color:var(--b-toggle-button-tertiary-toggled-disabled-color-inverse)}
+.b-toggle-button--primary-toggled[data-v-7916df2d]{background-color:var(--b-toggle-button-primary-toggled-background-color)}.b-toggle-button--primary-toggled.b-toggle-button--inverse[data-v-7916df2d],.b-toggle-button--inverse .b-toggle-button--primary-toggled[data-v-7916df2d]{background-color:var(--b-toggle-button-primary-toggled-background-color-inverse)}@media (hover: hover){.b-toggle-button--primary-toggled[data-v-7916df2d]:hover{background-color:var(--b-toggle-button-primary-toggled-hover-background-color)}.b-toggle-button--primary-toggled:hover.b-toggle-button--inverse[data-v-7916df2d],.b-toggle-button--inverse .b-toggle-button--primary-toggled[data-v-7916df2d]:hover{background-color:var(--b-toggle-button-primary-toggled-hover-background-color-inverse)}}.b-toggle-button--primary-toggled[data-v-7916df2d]:active{background-color:var(--b-toggle-button-primary-toggled-active-background-color)}.b-toggle-button--primary-toggled:active.b-toggle-button--inverse[data-v-7916df2d],.b-toggle-button--inverse .b-toggle-button--primary-toggled[data-v-7916df2d]:active{background-color:var(--b-toggle-button-primary-toggled-active-background-color-inverse)}.b-toggle-button--primary-toggled[data-v-7916df2d]:disabled{background-color:var(--b-toggle-button-primary-toggled-disabled-background-color);box-shadow:var(--b-toggle-button-primary-toggled-disabled-box-shadow);color:var(--b-toggle-button-primary-toggled-disabled-color)}.b-toggle-button--primary-toggled:disabled.b-toggle-button--inverse[data-v-7916df2d],.b-toggle-button--inverse .b-toggle-button--primary-toggled[data-v-7916df2d]:disabled{background-color:var(--b-toggle-button-primary-toggled-disabled-background-color-inverse)}.b-toggle-button--primary-toggled:disabled.b-toggle-button--inverse[data-v-7916df2d],.b-toggle-button--inverse .b-toggle-button--primary-toggled[data-v-7916df2d]:disabled{box-shadow:var(--b-toggle-button-primary-toggled-disabled-box-shadow-inverse)}.b-toggle-button--primary-toggled:disabled.b-toggle-button--inverse[data-v-7916df2d],.b-toggle-button--inverse .b-toggle-button--primary-toggled[data-v-7916df2d]:disabled{color:var(--b-toggle-button-primary-toggled-disabled-color-inverse)}.b-toggle-button--secondary-toggled[data-v-7916df2d]{background-color:var(--b-toggle-button-secondary-toggled-background-color);border-color:var(--b-toggle-button-secondary-toggled-border-color)}.b-toggle-button--secondary-toggled.b-toggle-button--inverse[data-v-7916df2d],.b-toggle-button--inverse .b-toggle-button--secondary-toggled[data-v-7916df2d]{background-color:var(--b-toggle-button-secondary-toggled-background-color-inverse)}.b-toggle-button--secondary-toggled.b-toggle-button--inverse[data-v-7916df2d],.b-toggle-button--inverse .b-toggle-button--secondary-toggled[data-v-7916df2d]{border-color:var(--b-toggle-button-secondary-toggled-border-color-inverse)}@media (hover: hover){.b-toggle-button--secondary-toggled[data-v-7916df2d]:hover{background-color:var(--b-toggle-button-secondary-toggled-hover-background-color)}.b-toggle-button--secondary-toggled:hover.b-toggle-button--inverse[data-v-7916df2d],.b-toggle-button--inverse .b-toggle-button--secondary-toggled[data-v-7916df2d]:hover{background-color:var(--b-toggle-button-secondary-toggled-hover-background-color-inverse)}}.b-toggle-button--secondary-toggled[data-v-7916df2d]:active{background-color:var(--b-toggle-button-secondary-toggled-active-background-color)}.b-toggle-button--secondary-toggled:active.b-toggle-button--inverse[data-v-7916df2d],.b-toggle-button--inverse .b-toggle-button--secondary-toggled[data-v-7916df2d]:active{background-color:var(--b-toggle-button-secondary-toggled-active-background-color-inverse)}.b-toggle-button--secondary-toggled[data-v-7916df2d]:disabled{background-color:var(--b-toggle-button-secondary-toggled-disabled-background-color);color:var(--b-toggle-button-secondary-toggled-disabled-color)}.b-toggle-button--secondary-toggled:disabled.b-toggle-button--inverse[data-v-7916df2d],.b-toggle-button--inverse .b-toggle-button--secondary-toggled[data-v-7916df2d]:disabled{background-color:var(--b-toggle-button-secondary-toggled-disabled-background-color-inverse)}.b-toggle-button--secondary-toggled:disabled.b-toggle-button--inverse[data-v-7916df2d],.b-toggle-button--inverse .b-toggle-button--secondary-toggled[data-v-7916df2d]:disabled{color:var(--b-toggle-button-secondary-toggled-disabled-color-inverse)}.b-toggle-button--tertiary-with-background-toggled[data-v-7916df2d]{background-color:var(--b-toggle-button-tertiary-toggled-background-color)}.b-toggle-button--tertiary-with-background-toggled.b-toggle-button--inverse[data-v-7916df2d],.b-toggle-button--inverse .b-toggle-button--tertiary-with-background-toggled[data-v-7916df2d]{background-color:var(--b-toggle-button-tertiary-toggled-background-color-inverse)}@media (hover: hover){.b-toggle-button--tertiary-with-background-toggled[data-v-7916df2d]:hover{background-color:var(--b-toggle-button-tertiary-toggled-hover-background-color)}.b-toggle-button--tertiary-with-background-toggled:hover.b-toggle-button--inverse[data-v-7916df2d],.b-toggle-button--inverse .b-toggle-button--tertiary-with-background-toggled[data-v-7916df2d]:hover{background-color:var(--b-toggle-button-tertiary-toggled-hover-background-color-inverse)}}.b-toggle-button--tertiary-with-background-toggled[data-v-7916df2d]:active{background-color:var(--b-toggle-button-tertiary-toggled-active-background-color)}.b-toggle-button--tertiary-with-background-toggled:active.b-toggle-button--inverse[data-v-7916df2d],.b-toggle-button--inverse .b-toggle-button--tertiary-with-background-toggled[data-v-7916df2d]:active{background-color:var(--b-toggle-button-tertiary-toggled-active-background-color-inverse)}.b-toggle-button--tertiary-with-background-toggled[data-v-7916df2d]:disabled{background-color:var(--b-toggle-button-tertiary-toggled-disabled-background-color);color:var(--b-toggle-button-tertiary-toggled-disabled-color)}.b-toggle-button--tertiary-with-background-toggled:disabled.b-toggle-button--inverse[data-v-7916df2d],.b-toggle-button--inverse .b-toggle-button--tertiary-with-background-toggled[data-v-7916df2d]:disabled{background-color:var(--b-toggle-button-tertiary-toggled-disabled-background-color-inverse)}.b-toggle-button--tertiary-with-background-toggled:disabled.b-toggle-button--inverse[data-v-7916df2d],.b-toggle-button--inverse .b-toggle-button--tertiary-with-background-toggled[data-v-7916df2d]:disabled{color:var(--b-toggle-button-tertiary-toggled-disabled-color-inverse)}

package/dist/button.js

@@ -1,6 +1,6 @@
-import { B as n, b as B, a } from "./chunks/button.Cneb6rPP.js";
-import { B as s, c as u, a as i, b as r, d as c, e as d } from "./chunks/button-actions.ncthaz2m.js";
-import { B as g } from "./chunks/toggle-button.CCgvi7TQ.js";
+import { B as n, b as B, a } from "./chunks/button.BXVKUuum.js";
+import { B as s, c as u, a as i, b as r, d as c, e as d } from "./chunks/button-actions.BZEKcCbe.js";
+import { B as g } from "./chunks/toggle-button.B9LWddx9.js";
 export {
   n as BentoButton,
   s as BentoButtonActions,

package/dist/card.js

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

package/dist/checkbox.js

@@ -1,6 +1,6 @@
-import { B as t, a } from "./chunks/checkbox.BOtqaTUl.js";
+import { B as t, a } from "./chunks/checkbox.BllRk82F.js";
 import { C as x } from "./chunks/checkbox-input.CAYgiRHG.js";
-import { c as B, B as c } from "./chunks/checkbox-group.C-EmVp5t.js";
+import { c as B, B as c } from "./chunks/checkbox-group.KeIRO8lx.js";
 export {
   t as BentoCheckbox,
   a as BentoCheckboxEvent,

package/dist/chunks/{action-bar.DWekSxPr.js → action-bar.DkGjsKiy.js}

@@ -1,12 +1,12 @@
 import { defineComponent as R, computed as c, ref as _, toRefs as F, watch as E, provide as G, nextTick as f, createBlock as b, openBlock as d, Transition as U, withCtx as B, createElementVNode as h, unref as t, normalizeClass as L, createElementBlock as W, createCommentVNode as K, createVNode as y, createTextVNode as M, toDisplayString as S } from "vue";
-import { B as z } from "./button.Cneb6rPP.js";
+import { B as z } from "./button.BXVKUuum.js";
 import { B as D } from "./typography.DN5eC5ch.js";
-import { B as J } from "./button-actions-with-menu.BRdRrr4J.js";
+import { B as J } from "./button-actions-with-menu.BXRKkFiw.js";
 import { C as Z } from "./cross.BZYw4R3N.js";
 import { u as j } from "./i18n.D9azDLPe.js";
-import { u as q } from "./index.BMkVmbZj.js";
-import { P as Y } from "./popover.NEP6wuPa.js";
-import { B as $ } from "./button-actions.ncthaz2m.js";
+import { u as q } from "./index.BS3BeXQJ.js";
+import { P as Y } from "./popover.BNOfWuSb.js";
+import { B as $ } from "./button-actions.BZEKcCbe.js";
 import { _ as H } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import "../assets/action-bar.css";
 const N = {
@@ -200,4 +200,4 @@ const N = {
 export {
   fe as B
 };
-//# sourceMappingURL=action-bar.DWekSxPr.js.map
+//# sourceMappingURL=action-bar.DkGjsKiy.js.map

package/dist/chunks/{action-bar.DWekSxPr.js.map → action-bar.DkGjsKiy.js.map}

@@ -1 +1 @@
-{"version":3,"file":"action-bar.DWekSxPr.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                    {{ itemCounter }} {{ 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, PropType, provide, ref, toRefs, watch } from 'vue';\n    import { BentoButton, BentoButtonActions, 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 } = 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","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsPIA,KAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAjMA,UAAAC,IAAAC,GAuDAC,IAAAC,GASA,EAAA,GAAAC,GAAA,IAAAC,EAAA,IAAAC,EAAA,EAAA,UAAAP,EAAA,CAAA,GACAQ,IAAAC,EAAA,MAAAR,EAAA,iBAAAA,EAAA,iBAAAI,EAAA,UAAA,CAAA,GAGAK,IAAAC,EAAA,IAAA,GACA,EAAA,oBAAAC,GAAA,gBAAAC,EAAA,IAAAC,EAAAb,CAAA,GACA,EAAA,OAAAc,EAAA,IAAAC,EAAA,GACAC,IAAAN,EAAA,IAAA,GACAO,IAAAP,EAAA,IAAA,GAEAQ,IAAAV,EAAA,MAAAR,EAAA,YAAA,cAAA;AAEA,IAAAmB;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,IAAAzB,EAAA,QAAA,IAAA,CAAA0B,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,OAAAJ,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,GAIJ4B,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"action-bar.DkGjsKiy.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                    {{ itemCounter }} {{ 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, PropType, provide, ref, toRefs, watch } from 'vue';\n    import { BentoButton, BentoButtonActions, 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 } = 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","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsPIA,KAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAjMA,UAAAC,IAAAC,GAuDAC,IAAAC,GASA,EAAA,GAAAC,GAAA,IAAAC,EAAA,IAAAC,EAAA,EAAA,UAAAP,EAAA,CAAA,GACAQ,IAAAC,EAAA,MAAAR,EAAA,iBAAAA,EAAA,iBAAAI,EAAA,UAAA,CAAA,GAGAK,IAAAC,EAAA,IAAA,GACA,EAAA,oBAAAC,GAAA,gBAAAC,EAAA,IAAAC,EAAAb,CAAA,GACA,EAAA,OAAAc,EAAA,IAAAC,EAAA,GACAC,IAAAN,EAAA,IAAA,GACAO,IAAAP,EAAA,IAAA,GAEAQ,IAAAV,EAAA,MAAAR,EAAA,YAAA,cAAA;AAEA,IAAAmB;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,IAAAzB,EAAA,QAAA,IAAA,CAAA0B,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,OAAAJ,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,GAIJ4B,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.Dd2DYCZ1.js → alert.DGewBB2a.js}

@@ -1,6 +1,6 @@
 import { createElementBlock as _, openBlock as o, mergeProps as b, 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 C, resolveDynamicComponent as D, unref as e, withCtx as f, renderSlot as v, createVNode as F } from "vue";
 import { a as I, c as U, B as y } from "./typography.DN5eC5ch.js";
-import { B as W } from "./button.Cneb6rPP.js";
+import { B as W } from "./button.BXVKUuum.js";
 import { C as M } from "./cross-small.Z5EKYRm0.js";
 import { W as Z } from "./warning-filled.tTkVob0l.js";
 import { C as j } from "./cross-circle-fill.BzSjakuO.js";
@@ -165,4 +165,4 @@ export {
   i as b,
   T as c
 };
-//# sourceMappingURL=alert.Dd2DYCZ1.js.map
+//# sourceMappingURL=alert.DGewBB2a.js.map

package/dist/chunks/{alert.Dd2DYCZ1.js.map → alert.DGewBB2a.js.map}

@@ -1 +1 @@
-{"version":3,"file":"alert.Dd2DYCZ1.js","sources":["../../../vue2/src/components/alert/alert.types.ts","../../../../node_modules/.pnpm/@adyen+ui-assets-icons-16@4.1.0_vue@2.7.16/node_modules/@adyen/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-icons-16-info_filled__a' + uuid + ')'\"><path fill=\"#00112C\" d=\"M5.0342 0.839937C6.45033 0.253358 8.00859 0.0998821 9.51195 0.398918C11.0153 0.697953 12.3962 1.43607 13.4801 2.51993C14.5639 3.60378 15.3021 4.9847 15.6011 6.48805C15.9001 7.99141 15.7466 9.54967 15.1601 10.9658C14.5735 12.3819 13.5801 13.5923 12.3057 14.4439C11.0312 15.2955 9.53281 15.75 8 15.75C5.94457 15.75 3.97333 14.9335 2.51992 13.4801C1.06652 12.0267 0.25 10.0554 0.25 8C0.25 6.4672 0.704529 4.96881 1.55611 3.69433C2.40769 2.41985 3.61808 1.42652 5.0342 0.839937ZM8.75 4.5C8.75 4.23478 8.64464 3.98043 8.45711 3.79289C8.26957 3.60536 8.01522 3.5 7.75 3.5C7.55222 3.5 7.35888 3.55865 7.19443 3.66853C7.02998 3.77841 6.90181 3.93459 6.82612 4.11732C6.75043 4.30004 6.73063 4.50111 6.76921 4.69509C6.8078 4.88907 6.90304 5.06725 7.04289 5.20711C7.18275 5.34696 7.36093 5.4422 7.55491 5.48079C7.74889 5.51937 7.94996 5.49957 8.13268 5.42388C8.31541 5.34819 8.47159 5.22002 8.58147 5.05557C8.69135 4.89112 8.75 4.69778 8.75 4.5ZM8.75 6.25H6.25V7.75H7.25V10.25H6.25V11.75H9.75V10.25H8.75V6.25Z\"/></g><defs><clipPath :id=\"'uia-icons-16-info_filled__a' + uuid\"><rect width=\"16\" height=\"16\" fill=\"#fff\"/></clipPath></defs></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style>\n    @import '../css/main.css';\n</style>\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;AChBR,IAAAE,IAAA;;EAGI,eAAA;8BAEIA,KAAA;AAAA;mBAVZC,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,qCAAAD,EAAA,OAAA;AAAA;;QAAkE,MAAA;AAAA,QAAe,GAAA;AAAA;IAF7R,IAAA,GAAAL,CAAA;AAAA;;QAE8xC,IAAA,gCAAAK,EAAA;AAAA;;UAAgD,OAAA;AAAA,UAAW,QAAA;AAAA,UAAY,MAAA;AAAA;MAFr2C,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[1]}
+{"version":3,"file":"alert.DGewBB2a.js","sources":["../../../vue2/src/components/alert/alert.types.ts","../../../../node_modules/.pnpm/@adyen+ui-assets-icons-16@4.1.0_vue@2.7.16/node_modules/@adyen/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-icons-16-info_filled__a' + uuid + ')'\"><path fill=\"#00112C\" d=\"M5.0342 0.839937C6.45033 0.253358 8.00859 0.0998821 9.51195 0.398918C11.0153 0.697953 12.3962 1.43607 13.4801 2.51993C14.5639 3.60378 15.3021 4.9847 15.6011 6.48805C15.9001 7.99141 15.7466 9.54967 15.1601 10.9658C14.5735 12.3819 13.5801 13.5923 12.3057 14.4439C11.0312 15.2955 9.53281 15.75 8 15.75C5.94457 15.75 3.97333 14.9335 2.51992 13.4801C1.06652 12.0267 0.25 10.0554 0.25 8C0.25 6.4672 0.704529 4.96881 1.55611 3.69433C2.40769 2.41985 3.61808 1.42652 5.0342 0.839937ZM8.75 4.5C8.75 4.23478 8.64464 3.98043 8.45711 3.79289C8.26957 3.60536 8.01522 3.5 7.75 3.5C7.55222 3.5 7.35888 3.55865 7.19443 3.66853C7.02998 3.77841 6.90181 3.93459 6.82612 4.11732C6.75043 4.30004 6.73063 4.50111 6.76921 4.69509C6.8078 4.88907 6.90304 5.06725 7.04289 5.20711C7.18275 5.34696 7.36093 5.4422 7.55491 5.48079C7.74889 5.51937 7.94996 5.49957 8.13268 5.42388C8.31541 5.34819 8.47159 5.22002 8.58147 5.05557C8.69135 4.89112 8.75 4.69778 8.75 4.5ZM8.75 6.25H6.25V7.75H7.25V10.25H6.25V11.75H9.75V10.25H8.75V6.25Z\"/></g><defs><clipPath :id=\"'uia-icons-16-info_filled__a' + uuid\"><rect width=\"16\" height=\"16\" fill=\"#fff\"/></clipPath></defs></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style>\n    @import '../css/main.css';\n</style>\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;AChBR,IAAAE,IAAA;;EAGI,eAAA;8BAEIA,KAAA;AAAA;mBAVZC,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,qCAAAD,EAAA,OAAA;AAAA;;QAAkE,MAAA;AAAA,QAAe,GAAA;AAAA;IAF7R,IAAA,GAAAL,CAAA;AAAA;;QAE8xC,IAAA,gCAAAK,EAAA;AAAA;;UAAgD,OAAA;AAAA,UAAW,QAAA;AAAA,UAAY,MAAA;AAAA;MAFr2C,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[1]}

package/dist/chunks/{base-modal.DOrcARK1.js → base-modal.gW2mkOwf.js}

@@ -1,14 +1,14 @@
 import { defineComponent as $, useSlots as ee, ref as g, computed as d, inject as ce, watch as Y, nextTick as re, onUnmounted as me, createBlock as S, openBlock as A, normalizeClass as J, createSlots as te, withCtx as l, createElementVNode as L, normalizeStyle as O, createCommentVNode as w, unref as t, renderSlot as c, createVNode as q, useAttrs as ge, toRefs as ve, onMounted as fe, provide as G, createElementBlock as pe, withKeys as ye, withDirectives as _e } from "vue";
-import { B as be } from "./button.Cneb6rPP.js";
-import { B as he } from "./focus-trap.CnKbO3b1.js";
+import { B as be } from "./button.BXVKUuum.js";
+import { B as he } from "./focus-trap.DPJj05sV.js";
 import { u as ae } from "./use-has-slot.B7eQSabc.js";
 import { u as Le } from "./i18n.D9azDLPe.js";
 import { M as Ae } from "./base-modal.keys.C2PQXcE2.js";
 import { g as Ce } from "./generate-uid.NJ8tVoha.js";
 import { B as Ee } from "./directive.O3yEdalv.js";
 import { B as Z } from "./typography.DN5eC5ch.js";
-import { F as Ie } from "./footer-actions.X_RokrtM.js";
-import { D as Oe, B as Se, b as Pe, a as De } from "./dialog-page.D_r_CbyD.js";
+import { F as Ie } from "./footer-actions.WvWwFKM8.js";
+import { D as Oe, B as Se, b as Pe, a as De } from "./dialog-page.DK2UKGH8.js";
 import { o as ke } from "./resize.Bqks3WUm.js";
 import { G as Be, a as Te } from "./grid-layout.BTLE3rac.js";
 import { _ as oe } from "./_plugin-vue_export-helper.CHgC5LLL.js";
@@ -502,4 +502,4 @@ export {
   $e as g,
   dt as h
 };
-//# sourceMappingURL=base-modal.DOrcARK1.js.map
+//# sourceMappingURL=base-modal.gW2mkOwf.js.map