@adyen/bento-vue2 1.26.0 → 1.27.0

package/dist/assets/index6.css

@@ -1 +1 @@
-.b-toggle-button--primary-toggled[data-v-da4cca72]{background-color:var(--b-toggle-button-primary-toggled-background-color)}.b-toggle-button--primary-toggled.b-toggle-button--inverse[data-v-da4cca72],.b-toggle-button--inverse .b-toggle-button--primary-toggled[data-v-da4cca72]{background-color:var(--b-toggle-button-primary-toggled-background-color-inverse)}@media (hover: hover){.b-toggle-button--primary-toggled[data-v-da4cca72]:hover{background-color:var(--b-toggle-button-primary-toggled-hover-background-color)}.b-toggle-button--primary-toggled:hover.b-toggle-button--inverse[data-v-da4cca72],.b-toggle-button--inverse .b-toggle-button--primary-toggled[data-v-da4cca72]:hover{background-color:var(--b-toggle-button-primary-toggled-hover-background-color-inverse)}}.b-toggle-button--primary-toggled[data-v-da4cca72]:active{background-color:var(--b-toggle-button-primary-toggled-active-background-color)}.b-toggle-button--primary-toggled:active.b-toggle-button--inverse[data-v-da4cca72],.b-toggle-button--inverse .b-toggle-button--primary-toggled[data-v-da4cca72]:active{background-color:var(--b-toggle-button-primary-toggled-active-background-color-inverse)}.b-toggle-button--primary-toggled[data-v-da4cca72]: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-da4cca72],.b-toggle-button--inverse .b-toggle-button--primary-toggled[data-v-da4cca72]: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-da4cca72],.b-toggle-button--inverse .b-toggle-button--primary-toggled[data-v-da4cca72]: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-da4cca72],.b-toggle-button--inverse .b-toggle-button--primary-toggled[data-v-da4cca72]:disabled{color:var(--b-toggle-button-primary-toggled-disabled-color-inverse)}.b-toggle-button--secondary-toggled[data-v-da4cca72]{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-da4cca72],.b-toggle-button--inverse .b-toggle-button--secondary-toggled[data-v-da4cca72]{background-color:var(--b-toggle-button-secondary-toggled-background-color-inverse)}.b-toggle-button--secondary-toggled.b-toggle-button--inverse[data-v-da4cca72],.b-toggle-button--inverse .b-toggle-button--secondary-toggled[data-v-da4cca72]{border-color:var(--b-toggle-button-secondary-toggled-border-color-inverse)}@media (hover: hover){.b-toggle-button--secondary-toggled[data-v-da4cca72]:hover{background-color:var(--b-toggle-button-secondary-toggled-hover-background-color)}.b-toggle-button--secondary-toggled:hover.b-toggle-button--inverse[data-v-da4cca72],.b-toggle-button--inverse .b-toggle-button--secondary-toggled[data-v-da4cca72]:hover{background-color:var(--b-toggle-button-secondary-toggled-hover-background-color-inverse)}}.b-toggle-button--secondary-toggled[data-v-da4cca72]:active{background-color:var(--b-toggle-button-secondary-toggled-active-background-color)}.b-toggle-button--secondary-toggled:active.b-toggle-button--inverse[data-v-da4cca72],.b-toggle-button--inverse .b-toggle-button--secondary-toggled[data-v-da4cca72]:active{background-color:var(--b-toggle-button-secondary-toggled-active-background-color-inverse)}.b-toggle-button--secondary-toggled[data-v-da4cca72]: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-da4cca72],.b-toggle-button--inverse .b-toggle-button--secondary-toggled[data-v-da4cca72]: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-da4cca72],.b-toggle-button--inverse .b-toggle-button--secondary-toggled[data-v-da4cca72]:disabled{color:var(--b-toggle-button-secondary-toggled-disabled-color-inverse)}.b-toggle-button--tertiary-with-background-toggled[data-v-da4cca72]{background-color:var(--b-toggle-button-tertiary-toggled-background-color)}.b-toggle-button--tertiary-with-background-toggled.b-toggle-button--inverse[data-v-da4cca72],.b-toggle-button--inverse .b-toggle-button--tertiary-with-background-toggled[data-v-da4cca72]{background-color:var(--b-toggle-button-tertiary-toggled-background-color-inverse)}@media (hover: hover){.b-toggle-button--tertiary-with-background-toggled[data-v-da4cca72]: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-da4cca72],.b-toggle-button--inverse .b-toggle-button--tertiary-with-background-toggled[data-v-da4cca72]:hover{background-color:var(--b-toggle-button-tertiary-toggled-hover-background-color-inverse)}}.b-toggle-button--tertiary-with-background-toggled[data-v-da4cca72]: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-da4cca72],.b-toggle-button--inverse .b-toggle-button--tertiary-with-background-toggled[data-v-da4cca72]:active{background-color:var(--b-toggle-button-tertiary-toggled-active-background-color-inverse)}.b-toggle-button--tertiary-with-background-toggled[data-v-da4cca72]: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-da4cca72],.b-toggle-button--inverse .b-toggle-button--tertiary-with-background-toggled[data-v-da4cca72]: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-da4cca72],.b-toggle-button--inverse .b-toggle-button--tertiary-with-background-toggled[data-v-da4cca72]:disabled{color:var(--b-toggle-button-tertiary-toggled-disabled-color-inverse)}
+.b-data-grid-columns[data-v-f5044ca8]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-data-grid-columns[data-v-f5044ca8],.b-data-grid-columns[data-v-f5044ca8]:before,.b-data-grid-columns[data-v-f5044ca8]:after{box-sizing:border-box}.b-data-grid-columns *[data-v-f5044ca8],.b-data-grid-columns *[data-v-f5044ca8]:before,.b-data-grid-columns *[data-v-f5044ca8]:after{box-sizing:border-box}.b-data-grid-columns[data-v-f5044ca8] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid-columns[data-v-f5044ca8] ::-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-data-grid-columns--frozen[data-v-f5044ca8]{display:flex;left:0;position:sticky;z-index:var(--b-data-grid-columns-frozen-z-index)}.b-data-grid-columns--overflow-shadow-left[data-v-f5044ca8]:after{content:"";height:100%;position:absolute;width:16px;z-index:1;background:var(--b-data-grid-overflow-shadow-left-background);height:calc(100% + 1px);right:-1px;top:0;translate:100%}.b-data-grid-columns--frozen-separator[data-v-f5044ca8]{border-right:var(--b-data-grid-columns-frozen-border-right-width) solid var(--b-data-grid-columns-frozen-border-right-color)}.b-data-grid-columns--unfrozen[data-v-f5044ca8]{display:flex}.b-data-grid-columns__column-header-and-actions[data-v-f5044ca8]{display:flex;gap:var(--b-data-grid-column-header-and-actions-gap)}.b-data-grid-columns__column-header-and-actions--numeric[data-v-f5044ca8]{flex-direction:row-reverse}.b-data-grid-columns__column[data-v-f5044ca8]{background-color:var(--b-data-grid-column-background-color);color:var(--b-data-grid-column-color);display:flex;padding:var(--b-data-grid-column-padding);position:relative}.b-data-grid-columns__column--column-hovered[data-v-f5044ca8]{border:var(--b-data-grid-cell-border);border-bottom:0;border-top:0;padding:var(--b-data-grid-column-hover-padding)}.b-data-grid-columns__column--column-hovered.b-data-grid-columns__column--column-hovered-no-border-left[data-v-f5044ca8]{border-left-color:transparent}.b-data-grid-columns__column--column-hovered.b-data-grid-columns__column--column-hovered-no-border-right[data-v-f5044ca8]{border-right-color:transparent}.b-data-grid-columns__column--with-sorting-or-column-panel[data-v-f5044ca8]{padding:var(--b-data-grid-column-with-sorting-or-column-panel-padding)}.b-data-grid-columns__column--with-sorting-or-column-panel.b-data-grid-columns__column--column-hovered[data-v-f5044ca8]{padding:var(--b-data-grid-column-with-sorting-or-column-panel-hover-padding)}.b-data-grid-columns__column--padding-left-unset[data-v-f5044ca8]{padding-left:0}.b-data-grid-columns__column--padding-right-unset[data-v-f5044ca8]{padding-right:0}.b-data-grid-columns__column--overflow-ellipsis *[data-v-f5044ca8]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-data-grid-columns__column--numeric[data-v-f5044ca8]{justify-content:flex-end;text-align:right}.b-data-grid-columns__column--is-re-ordering-target-left[data-v-f5044ca8]:before{background-color:var(--b-data-grid-re-order-column-target-separator-background-color);content:"";height:calc(100% + var(--b-data-grid-columns-border-width));position:absolute;top:0;width:var(--b-data-grid-re-order-column-target-separator-width);z-index:var(--b-data-grid-re-order-column-target-separator-z-index);left:0}.b-data-grid-columns__column--is-re-ordering-target-right[data-v-f5044ca8]:before{background-color:var(--b-data-grid-re-order-column-target-separator-background-color);content:"";height:calc(100% + var(--b-data-grid-columns-border-width));position:absolute;top:0;width:var(--b-data-grid-re-order-column-target-separator-width);z-index:var(--b-data-grid-re-order-column-target-separator-z-index);right:0}.b-data-grid-columns__column[draggable=true][data-v-f5044ca8]{cursor:move;cursor:grab}.b-data-grid-columns__column--is-re-ordering[data-v-f5044ca8],.b-data-grid-columns__column--is-re-ordering *[data-v-f5044ca8]{background-color:var(--b-data-grid-column-draggable-ghost-background-color);cursor:grabbing}.b-data-grid-columns__column-header[data-v-f5044ca8]{align-items:center;display:flex;gap:var(--b-data-grid-column-header-gap)}.b-data-grid-columns__column-header--truncated[data-v-f5044ca8]{overflow:hidden;white-space:nowrap}.b-data-grid-columns__column-header--truncated .b-data-grid-columns__label[data-v-f5044ca8]{overflow:hidden;text-overflow:ellipsis}.b-data-grid-columns__column-separator-container[data-v-f5044ca8]{align-items:center;cursor:auto;display:none;height:100%;justify-content:center;position:absolute;right:-4.5px;top:0;width:var(--b-data-grid-resizer-width);z-index:var(--b-data-grid-column-separator-z-index)}.b-data-grid-columns--unfrozen .b-data-grid-columns__column:last-child .b-data-grid-columns__column-separator-container[data-v-f5044ca8]{right:var(--b-data-grid-resizer-last-child-right)}.b-data-grid-columns--unfrozen .b-data-grid-columns__column:last-child .b-data-grid-columns__column-separator-container--is-offset[data-v-f5044ca8]{right:var(--b-data-grid-resizer-last-child-offset-right)}.b-data-grid-columns__column--column-hovered .b-data-grid-columns__column-separator-container[data-v-f5044ca8]{display:flex}.b-data-grid-columns__column-separator-container--is-resizeable[data-v-f5044ca8]{cursor:ew-resize}.b-data-grid-columns__column-separator[data-v-f5044ca8]{border-right:var(--b-data-grid-column-separator-border-right-width) solid var(--b-data-grid-column-separator-border-right-color);display:block;height:var(--b-data-grid-column-separator-height);width:0}.b-data-grid-columns__column-separator-container--is-resizeable:hover .b-data-grid-columns__column-separator[data-v-f5044ca8]{border-color:var(--b-data-grid-column-separator-resizeable-hover-color)}.b-data-grid-columns__column-actions[data-v-f5044ca8]{align-items:center;display:flex;gap:var(--b-data-grid-column-actions-gap)}.b-data-grid-columns__column-actions--numeric[data-v-f5044ca8]{flex-direction:row-reverse}.b-data-grid-columns__column-info-icon[data-v-f5044ca8]{align-items:center;display:flex;height:28px;justify-content:center;width:28px}.b-data-grid-columns__menu[data-v-f5044ca8]{display:flex;position:relative}@media (min-width: 376px){.b-data-grid-columns__menu[data-v-f5044ca8] .b-menu__popover{width:200px}}.b-legacy-theme .b-data-grid-columns__menu[data-v-f5044ca8] .b-button{max-height:inherit}.b-data-grid-columns__select-column[data-v-f5044ca8]{align-items:center;display:flex;gap:var(--b-data-grid-columns-select-column-gap);padding-left:var(--b-data-grid-columns-select-column-padding-left);padding-right:var(--b-data-grid-columns-select-column-padding-right)}.b-data-grid-columns__select-column-menu[data-v-f5044ca8]{align-items:center;display:flex;height:var(--b-data-grid-column-height)}.b-data-grid-config-settings-column-row[data-v-246774cd]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;display:flex;justify-content:space-between;padding:var(--b-data-grid-config-column-row-padding)}.b-data-grid-config-settings-column-row[data-v-246774cd],.b-data-grid-config-settings-column-row[data-v-246774cd]:before,.b-data-grid-config-settings-column-row[data-v-246774cd]:after{box-sizing:border-box}.b-data-grid-config-settings-column-row *[data-v-246774cd],.b-data-grid-config-settings-column-row *[data-v-246774cd]:before,.b-data-grid-config-settings-column-row *[data-v-246774cd]:after{box-sizing:border-box}.b-data-grid-config-settings-column-row[data-v-246774cd] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid-config-settings-column-row[data-v-246774cd] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media (hover: hover){.b-data-grid-config-settings-column-row[data-v-246774cd]:hover{background-color:var(--b-data-grid-config-column-row-hover-background-color)}}.b-data-grid-config-settings-column-row__freeze-icon[data-v-246774cd]{color:var(--b-data-grid-config-column-row-freeze-icon-color);cursor:pointer}.b-data-grid-config-settings-column-row__freeze-icon--frozen[data-v-246774cd]{color:var(--b-data-grid-config-column-row-freeze-icon-frozen-color)}.b-data-grid-config-settings[data-v-80f78a2b]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-data-grid-config-settings[data-v-80f78a2b],.b-data-grid-config-settings[data-v-80f78a2b]:before,.b-data-grid-config-settings[data-v-80f78a2b]:after{box-sizing:border-box}.b-data-grid-config-settings *[data-v-80f78a2b],.b-data-grid-config-settings *[data-v-80f78a2b]:before,.b-data-grid-config-settings *[data-v-80f78a2b]:after{box-sizing:border-box}.b-data-grid-config-settings[data-v-80f78a2b] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid-config-settings[data-v-80f78a2b] ::-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-data-grid-config-settings__button-and-separator[data-v-80f78a2b]{align-items:center;background-color:var(--b-data-grid-config-settings-button-and-separator-background-color);display:flex;padding:var(--b-data-grid-config-settings-button-and-separator-padding)}.b-data-grid-config-settings__button-container[data-v-80f78a2b]{display:flex;margin:var(--b-data-grid-config-settings-button-margin);padding:var(--b-data-grid-config-settings-button-padding)}.b-data-grid-config-settings__panel[data-v-80f78a2b]{max-height:540px;min-width:285px;overflow:auto}.b-data-grid-config-settings__panel[data-v-80f78a2b] .b-popover__content{padding:14px 0}.b-data-grid-config-settings__panel-header[data-v-80f78a2b]{align-items:center;display:flex;justify-content:space-between;padding:var(--b-data-grid-config-panel-header-padding)}.b-data-grid-config-settings__condensed-view-settings[data-v-80f78a2b]{border-bottom:1px solid var(--b-data-grid-config-condensed-view-border-color);padding:var(--b-data-grid-config-condensed-view-padding)}.b-data-grid-config-settings__condensed-view-title[data-v-80f78a2b]{display:block;padding:var(--b-data-grid-config-condensed-view-title-padding)}.b-data-grid-config-settings__column-visibility-settings[data-v-80f78a2b]{padding:var(--b-data-grid-config-column-visibility-padding)}.b-data-grid-config-settings__column-visibility-header[data-v-80f78a2b]{display:flex;justify-content:space-between;padding:var(--b-data-grid-config-column-visibility-header-padding)}.b-data-grid-config-settings__column-visibility-show-all[data-v-80f78a2b]{background-color:var(--b-data-grid-config-column-visibility-show-all-background-color);border-radius:var(--b-data-grid-config-column-visibility-show-all-border-radius);margin:var(--b-data-grid-config-column-visibility-show-all-margin);padding:var(--b-data-grid-config-column-visibility-show-all-padding)}.b-data-grid-config-settings__column-visibility-search[data-v-80f78a2b]{margin:var(--b-data-grid-config-column-visibility-search-margin)}.b-data-grid-config-settings__column-visibility-toggles[data-v-80f78a2b]{display:flex;flex-direction:column}.b-data-grid-config-settings__column-visibility-empty-search-message[data-v-80f78a2b]{color:var(--b-data-grid-config-column-visibility-empty-search-message-color);padding:var(--b-data-grid-config-column-visibility-empty-search-message-padding);text-align:center}.b-data-grid-lazy-load[data-v-434be84c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-data-grid-lazy-load-background-color);border-top:var(--b-data-grid-lazy-load-border);display:flex;justify-content:center;padding:var(--b-data-grid-lazy-load-padding);position:relative;z-index:var(--b-data-grid-lazy-load-z-index)}.b-data-grid-lazy-load[data-v-434be84c],.b-data-grid-lazy-load[data-v-434be84c]:before,.b-data-grid-lazy-load[data-v-434be84c]:after{box-sizing:border-box}.b-data-grid-lazy-load *[data-v-434be84c],.b-data-grid-lazy-load *[data-v-434be84c]:before,.b-data-grid-lazy-load *[data-v-434be84c]:after{box-sizing:border-box}.b-data-grid-lazy-load[data-v-434be84c] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid-lazy-load[data-v-434be84c] ::-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)}svg.ui-assets-icons-16{display:inline-flex;flex-shrink:0}svg.ui-assets-icons-16,svg.ui-assets-icons-16 *{fill:currentcolor}.b-data-grid-cell-actions[data-v-3bdd74d8]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;display:flex;height:100%;justify-content:end;position:absolute;right:0;top:0}.b-data-grid-cell-actions[data-v-3bdd74d8],.b-data-grid-cell-actions[data-v-3bdd74d8]:before,.b-data-grid-cell-actions[data-v-3bdd74d8]:after{box-sizing:border-box}.b-data-grid-cell-actions *[data-v-3bdd74d8],.b-data-grid-cell-actions *[data-v-3bdd74d8]:before,.b-data-grid-cell-actions *[data-v-3bdd74d8]:after{box-sizing:border-box}.b-data-grid-cell-actions[data-v-3bdd74d8] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid-cell-actions[data-v-3bdd74d8] ::-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-data-grid-cell-actions__animation-enter-active[data-v-3bdd74d8]{animation:fade-in-uplhpy0-3bdd74d8 var(--b-data-grid-cell-actions-animation-duration) var(--b-animation-easing-linear),enter-uplhpy0-3bdd74d8 var(--b-data-grid-cell-actions-animation-duration) var(--b-animation-easing-enter),scale-up-uplhpy0-3bdd74d8 var(--b-data-grid-cell-actions-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-in-uplhpy0-3bdd74d8{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uplhpy0-3bdd74d8{0%{scale:1}to{scale:1}}@keyframes enter-uplhpy0-3bdd74d8{0%{translate:8px 0}to{translate:0 0}}.b-data-grid-cell-actions__background-gradient[data-v-3bdd74d8]{background:var(--b-data-grid-cell-actions-background-gradient-background);height:100%;width:var(--b-data-grid-cell-actions-background-gradient-width)}.b-data-grid-cell-actions__actions[data-v-3bdd74d8]{align-items:center;display:flex;flex-direction:row;gap:var(--b-data-grid-cell-actions-gap);height:100%;justify-content:flex-end;padding:var(--b-data-grid-cell-actions-padding)}.b-data-grid-cell[data-v-f88238d6]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-data-grid-cell-background-color);padding:var(--b-data-grid-cell-padding);position:relative}.b-data-grid-cell[data-v-f88238d6],.b-data-grid-cell[data-v-f88238d6]:before,.b-data-grid-cell[data-v-f88238d6]:after{box-sizing:border-box}.b-data-grid-cell *[data-v-f88238d6],.b-data-grid-cell *[data-v-f88238d6]:before,.b-data-grid-cell *[data-v-f88238d6]:after{box-sizing:border-box}.b-data-grid-cell[data-v-f88238d6] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid-cell[data-v-f88238d6] ::-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-data-grid-cell[data-v-f88238d6]:focus-visible{animation:outer-ring-default-f88238d6 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color);outline:none;z-index:1}@keyframes outer-ring-default-f88238d6{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-data-grid-cell--column-hovered[data-v-f88238d6]{border:var(--b-data-grid-cell-border);border-bottom:0;border-top:0;padding:var(--b-data-grid-cell-hover-padding)}.b-data-grid-cell--column-hovered.b-data-grid-cell--column-hovered-no-border-left[data-v-f88238d6]{border-left-color:transparent}.b-data-grid-cell--column-hovered.b-data-grid-cell--column-hovered-no-border-right[data-v-f88238d6]{border-right-color:transparent}.b-data-grid-cell--condensed[data-v-f88238d6]{padding:var(--b-data-grid-cell-condensed-padding)}.b-data-grid-cell--condensed.b-data-grid-cell--column-hovered[data-v-f88238d6]{padding:var(--b-data-grid-cell-condensed-column-hovered-padding)}.b-data-grid-cell--padding-left-unset[data-v-f88238d6]{padding-left:0}.b-data-grid-cell--padding-right-unset[data-v-f88238d6]{padding-right:0}.b-data-grid-cell--overflow-ellipsis[data-v-f88238d6] *:not(.b-payment-method__icon-container,.b-link__external-link-icon){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-data-grid-cell--numeric[data-v-f88238d6]{justify-content:flex-end;text-align:right}.b-data-grid-cell--is-column-re-ordering[data-v-f88238d6]{background-color:var(--b-data-grid-column-draggable-ghost-background-color);cursor:grabbing}.b-data-grid-cell--is-column-re-order-target-left[data-v-f88238d6],.b-data-grid-cell--is-column-re-order-target-right[data-v-f88238d6]{position:relative}.b-data-grid-cell--is-column-re-order-target-left[data-v-f88238d6]:before{background-color:var(--b-data-grid-re-order-column-target-separator-background-color);content:"";height:calc(100% + var(--b-data-grid-columns-border-width));position:absolute;top:0;width:var(--b-data-grid-re-order-column-target-separator-width);z-index:var(--b-data-grid-re-order-column-target-separator-z-index);left:0}.b-data-grid-cell--is-column-re-order-target-right[data-v-f88238d6]:before{background-color:var(--b-data-grid-re-order-column-target-separator-background-color);content:"";height:calc(100% + var(--b-data-grid-columns-border-width));position:absolute;top:0;width:var(--b-data-grid-re-order-column-target-separator-width);z-index:var(--b-data-grid-re-order-column-target-separator-z-index);right:0}.b-data-grid-cell__select-cell[data-v-f88238d6]{margin-left:var(--b-data-grid-select-cell-margin-left)}.b-data-grid[data-v-7a3ec3a8]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}.b-data-grid[data-v-7a3ec3a8],.b-data-grid[data-v-7a3ec3a8]:before,.b-data-grid[data-v-7a3ec3a8]:after{box-sizing:border-box}.b-data-grid *[data-v-7a3ec3a8],.b-data-grid *[data-v-7a3ec3a8]:before,.b-data-grid *[data-v-7a3ec3a8]:after{box-sizing:border-box}.b-data-grid[data-v-7a3ec3a8] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid[data-v-7a3ec3a8] ::-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-data-grid--no-spacing-top>div[data-v-7a3ec3a8]:first-child{padding-top:0}.b-data-grid--outline[data-v-7a3ec3a8]{border:var(--b-data-grid-border-width) solid var(--b-data-grid-border-color);border-radius:var(--b-data-grid-border-radius)}.b-data-grid--outline .b-data-grid__columns-row[data-v-7a3ec3a8]{border-top-left-radius:var(--b-data-grid-border-radius);border-top-right-radius:var(--b-data-grid-border-radius)}.b-data-grid--outline>div[data-v-7a3ec3a8]:first-child{border-top-left-radius:var(--b-data-grid-border-radius);border-top-right-radius:var(--b-data-grid-border-radius)}.b-data-grid--outline>div[data-v-7a3ec3a8]:last-child{border-bottom-left-radius:var(--b-data-grid-border-radius);border-bottom-right-radius:var(--b-data-grid-border-radius)}.b-data-grid--overflow-shadow-left[data-v-7a3ec3a8]:before{content:"";height:100%;position:absolute;top:0;width:16px;z-index:1;background:var(--b-data-grid-overflow-shadow-left-background);left:0}.b-data-grid--overflow-shadow-left .b-data-grid__columns-row[data-v-7a3ec3a8]:before{content:"";height:100%;position:absolute;top:0;width:16px;z-index:1;background:var(--b-data-grid-overflow-shadow-left-background);left:0}.b-data-grid--overflow-shadow-left.b-data-grid--outline[data-v-7a3ec3a8]:before{content:"";height:100%;position:absolute;top:0;width:16px;z-index:1;background:var(--b-data-grid-overflow-shadow-left-background);left:0;border-bottom-left-radius:var(--b-data-grid-border-radius);border-top-left-radius:var(--b-data-grid-border-radius);left:-1px}.b-data-grid--overflow-shadow-left.b-data-grid--outline .b-data-grid__columns-row[data-v-7a3ec3a8]:before{content:"";height:100%;position:absolute;top:0;width:16px;z-index:1;background:var(--b-data-grid-overflow-shadow-left-background);left:0;border-top-left-radius:var(--b-data-grid-border-radius);left:-1px}.b-data-grid--overflow-shadow-right[data-v-7a3ec3a8]:after{content:"";height:100%;position:absolute;top:0;width:16px;z-index:1;background:var(--b-data-grid-overflow-shadow-right-background);right:0}.b-data-grid--overflow-shadow-right .b-data-grid__columns-row[data-v-7a3ec3a8]:after{content:"";height:100%;position:absolute;top:0;width:16px;z-index:1;background:var(--b-data-grid-overflow-shadow-right-background);right:0}.b-data-grid--overflow-shadow-right.b-data-grid--outline[data-v-7a3ec3a8]:after{content:"";height:100%;position:absolute;top:0;width:16px;z-index:1;background:var(--b-data-grid-overflow-shadow-right-background);right:0;border-bottom-right-radius:var(--b-data-grid-border-radius);border-top-right-radius:var(--b-data-grid-border-radius);right:-1px}.b-data-grid--overflow-shadow-right.b-data-grid--outline .b-data-grid__columns-row[data-v-7a3ec3a8]:after{content:"";height:100%;position:absolute;top:0;width:16px;z-index:1;background:var(--b-data-grid-overflow-shadow-right-background);right:0;border-top-right-radius:var(--b-data-grid-border-radius);right:-1px}.b-data-grid--scroll[data-v-7a3ec3a8]{display:flex;flex-direction:column;height:100%}.b-data-grid--sticky-filters .b-data-grid__filters[data-v-7a3ec3a8]{position:sticky;z-index:var(--b-data-grid-filters-z-index)}.b-data-grid__body[data-v-7a3ec3a8]{overflow-x:auto;width:100%}.b-data-grid__header[data-v-7a3ec3a8]{border-bottom:var(--b-data-grid-columns-border-width) solid var(--b-data-grid-columns-border-color);padding:var(--b-data-grid-header-padding)}.b-data-grid__columns[data-v-7a3ec3a8]{border-bottom:var(--b-data-grid-columns-border-width) solid var(--b-data-grid-columns-border-color);break-inside:avoid;display:flex;position:relative;width:fit-content}.b-data-grid__columns-row[data-v-7a3ec3a8]{-ms-overflow-style:none;scrollbar-width:none;display:flex;overflow-x:scroll}.b-data-grid__columns-row[data-v-7a3ec3a8] ::-webkit-scrollbar{display:none}.b-data-grid__row-cell-set--frozen[data-v-7a3ec3a8]{display:flex;left:0;position:sticky;z-index:var(--b-data-grid-rows-frozen-z-index)}.b-data-grid__row-cell-set--frozen[data-v-7a3ec3a8]:hover{z-index:var(--b-data-grid-rows-frozen-hover-z-index)}.b-data-grid__row-cell-set--frozen-separator[data-v-7a3ec3a8]{border-right:var(--b-data-grid-columns-frozen-border-right-width) solid var(--b-data-grid-columns-frozen-border-right-color)}.b-data-grid__row-cell-set--unfrozen[data-v-7a3ec3a8]{display:flex}.b-data-grid__row-cell-set--overflow-shadow-left[data-v-7a3ec3a8]:after{content:"";height:100%;position:absolute;width:16px;z-index:1;background:var(--b-data-grid-overflow-shadow-left-background);height:calc(100% + 1px);right:-1px;top:0;translate:100%}.b-data-grid__column-headers[data-v-7a3ec3a8]{background-color:var(--b-data-grid-column-headers-background-color);position:sticky;z-index:var(--b-data-grid-column-headers-z-index)}.b-data-grid__column-headers[data-v-7a3ec3a8]:focus-within{z-index:var(--b-data-grid-column-headers-focus-within-z-index)}.b-data-grid__rows>*[data-v-7a3ec3a8]:not(:last-child){border-bottom:var(--b-data-grid-row-border-width) solid var(--b-data-grid-row-border-color)}.b-data-grid__row[data-v-7a3ec3a8]{background-color:var(--b-data-grid-row-background-color);break-inside:avoid;color:var(--b-data-grid-row-color);display:flex;position:relative}.b-data-grid__row[data-v-7a3ec3a8]:last-child{box-shadow:unset}.b-data-grid--outline .b-data-grid__row[data-v-7a3ec3a8]:last-child{border-bottom-left-radius:var(--b-data-grid-border-radius);border-bottom-right-radius:var(--b-data-grid-border-radius)}.b-data-grid__row--row-clicks-enabled[data-v-7a3ec3a8]{cursor:pointer}.b-data-grid__row--disabled[data-v-7a3ec3a8]{color:var(--b-data-grid-row-disabled-color);cursor:not-allowed}.b-data-grid__row--is-re-ordering[data-v-7a3ec3a8]{cursor:grabbing}.b-data-grid__row--highlighted[data-v-7a3ec3a8],.b-data-grid__row--highlighted .b-data-grid-cell[data-v-7a3ec3a8]{background-color:var(--b-data-grid-row-highlighted-background-color)}.b-data-grid__row[data-v-7a3ec3a8]:hover,.b-data-grid__row--hovered[data-v-7a3ec3a8],.b-data-grid__row:hover .b-data-grid-cell[data-v-7a3ec3a8],.b-data-grid__row--hovered .b-data-grid-cell[data-v-7a3ec3a8]{background-color:var(--b-data-grid-row-hover-background-color)}.b-data-grid__cells[data-v-7a3ec3a8]{word-break:break-word}.b-data-grid__footer[data-v-7a3ec3a8]{background-color:var(--b-data-grid-footer-background-color);padding:var(--b-data-grid-footer-padding);z-index:var(--b-data-grid-footer-z-index)}.b-data-grid__filters[data-v-7a3ec3a8]{background-color:var(--b-data-grid-filters-background-color);border-bottom:var(--b-data-grid-filters-border-width) solid var(--b-data-grid-filters-border-color);justify-content:flex-end;padding:var(--b-data-grid-filters-padding);position:relative}.b-data-grid__filters[data-v-7a3ec3a8]:focus-within{z-index:var(--b-data-grid-filters-focus-within-z-index)}.b-data-grid__pagination[data-v-7a3ec3a8]{background-color:var(--b-data-grid-pagination-background-color);border-top:var(--b-data-grid-pagination-border-width) solid var(--b-data-grid-pagination-border-color);padding:var(--b-data-grid-pagination-padding);position:relative;z-index:var(--b-data-grid-pagination-z-index)}.b-data-grid__pagination--padding-left-unset[data-v-7a3ec3a8]{padding-left:0}.b-data-grid__pagination--padding-right-unset[data-v-7a3ec3a8]{padding-right:0}.b-data-grid__pagination--sticky[data-v-7a3ec3a8]{bottom:0;padding:var(--b-data-grid-pagination-sticky-padding);position:sticky}.b-data-grid--outline .b-data-grid__pagination[data-v-7a3ec3a8]{padding:var(--b-data-grid-pagination-outline-padding)}.b-data-grid__loading[data-v-7a3ec3a8]{align-items:center;display:flex;flex-direction:column;height:400px;justify-content:center;width:100%}.b-data-grid__loading-indicator[data-v-7a3ec3a8]{margin:var(--b-data-grid-loading-indicator-margin)}.b-data-grid__empty-state[data-v-7a3ec3a8]{padding:var(--b-data-grid-empty-state-padding)}.b-data-grid__config-settings[data-v-7a3ec3a8]{display:flex;height:calc(100% - var(--b-data-grid-columns-border-width));position:absolute;right:0;z-index:var(--b-data-grid-config-settings-z-index)}

package/dist/assets/index7.css

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

package/dist/assets/index8.css

@@ -1 +1 @@
-.b-checkbox-group[data-v-9e93a4d5]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-checkbox-group[data-v-9e93a4d5],.b-checkbox-group[data-v-9e93a4d5]:before,.b-checkbox-group[data-v-9e93a4d5]:after{box-sizing:border-box}.b-checkbox-group *[data-v-9e93a4d5],.b-checkbox-group *[data-v-9e93a4d5]:before,.b-checkbox-group *[data-v-9e93a4d5]:after{box-sizing:border-box}.b-checkbox-group[data-v-9e93a4d5] ::-webkit-scrollbar{height:14px;width:14px}.b-checkbox-group[data-v-9e93a4d5] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-checkbox-group__checkboxes[data-v-9e93a4d5]{display:flex;flex-direction:column;gap:var(--b-checkbox-group-checkboxes-vertical-gap)}.b-checkbox-group__checkboxes--horizontal[data-v-9e93a4d5]{flex-flow:row wrap;gap:var(--b-checkbox-group-checkboxes-vertical-gap) var(--b-checkbox-group-checkboxes-horizontal-gap)}.b-checkbox-group__error-message[data-v-9e93a4d5]{margin-top:var(--b-checkbox-group-error-message-margin-top)}
+.adl2-badge[data-v-5636e22c]{color:var(--adl-component-base-text-color);font-family:var(--adl-component-base-font-family);font-size:var(--adl-component-base-font-size);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--adl-component-base-font-weight);line-height:var(--adl-component-base-line-height);align-items:center;border-radius:9999px;cursor:default;display:inline-flex;flex-direction:row;font-weight:var(--adl-badge-font-weight);gap:var(--adl-badge-gap);height:var(--adl-badge-height);padding:var(--adl-badge-padding);width:fit-content}.adl2-badge[data-v-5636e22c],.adl2-badge[data-v-5636e22c]:before,.adl2-badge[data-v-5636e22c]:after{box-sizing:border-box}.adl2-badge *[data-v-5636e22c],.adl2-badge *[data-v-5636e22c]:before,.adl2-badge *[data-v-5636e22c]:after{box-sizing:border-box}.adl2-badge--default[data-v-5636e22c]{background-color:var(--adl-badge-default-background-color)}.adl2-badge--attention[data-v-5636e22c]{background-color:var(--adl-badge-attention-background-color)}.adl2-badge--warning[data-v-5636e22c]{background-color:var(--adl-badge-warning-background-color)}.adl2-badge--critical[data-v-5636e22c]{background-color:var(--adl-badge-critical-background-color)}.adl2-badge--success[data-v-5636e22c]{background-color:var(--adl-badge-success-background-color)}

package/dist/assets/index9.css

@@ -1 +1 @@
-svg.ui-assets-icons-16{display:inline-flex;flex-shrink:0}svg.ui-assets-icons-16,svg.ui-assets-icons-16 *{fill:currentcolor}.b-code-snippet[data-v-befa6cc9]{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:auto}.b-code-snippet[data-v-befa6cc9],.b-code-snippet[data-v-befa6cc9]:before,.b-code-snippet[data-v-befa6cc9]:after{box-sizing:border-box}.b-code-snippet *[data-v-befa6cc9],.b-code-snippet *[data-v-befa6cc9]:before,.b-code-snippet *[data-v-befa6cc9]:after{box-sizing:border-box}.b-code-snippet[data-v-befa6cc9] ::-webkit-scrollbar{height:14px;width:14px}.b-code-snippet[data-v-befa6cc9] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-code-snippet__action-bar[data-v-befa6cc9]{background-color:var(--b-code-snippet-action-bar-background-color);border:var(--b-code-snippet-action-bar-border);border-radius:var(--b-code-snippet-action-bar-border-radius);display:flex;justify-content:space-between;padding:var(--b-code-snippet-action-bar-padding)}.b-code-snippet__action-bar--start[data-v-befa6cc9],.b-code-snippet__action-bar--end[data-v-befa6cc9]{align-items:center;display:flex;gap:var(--b-code-snippet-action-bar-gap)}.b-code-snippet__language-picker[data-v-befa6cc9]{background-color:var(--b-code-snippet-language-picker-background-color)}.b-code-snippet__run-button[data-v-befa6cc9]{padding:var(--b-code-snippet-run-button-padding)}.b-code-snippet__code-area[data-v-befa6cc9]{background-color:var(--b-code-snippet-code-area-background-color);border-radius:var(--b-code-snippet-code-area-border-radius);margin:var(--b-code-snippet-code-area-margin);overflow:auto}.b-code-snippet__modal[data-v-befa6cc9] .b-modal-base__container--large{width:80%}.b-code-snippet__code-area-content[data-v-befa6cc9]{background-color:inherit;display:flex;flex-direction:row}.b-code-snippet__code-area-content[data-v-befa6cc9] .cm-scroller{font-family:var(--b-code-snippet-code-area-content-font-family)}.b-code-snippet__code-area-content[data-v-befa6cc9] .cm-editor{flex-grow:1;width:0}.b-code-snippet__code-area-content[data-v-befa6cc9] .cm-scroller,.b-code-snippet__code-area-content[data-v-befa6cc9] .cm-content{caret-color:transparent;cursor:default}.b-code-snippet__code-area-content[data-v-befa6cc9] .cm-editor,.b-code-snippet__code-area-content[data-v-befa6cc9] .cm-gutters{background-color:var(--b-code-snippet-code-area-background-color)}.b-legacy-theme .b-code-snippet__code-area-content[data-v-befa6cc9] .cm-editor,.b-legacy-theme .b-code-snippet__code-area-content[data-v-befa6cc9] .cm-gutters{background-color:#f3f6f9}.b-code-snippet__code-area-content--editable[data-v-befa6cc9] .cm-content{caret-color:auto;cursor:text}.b-code-snippet__code-area-content[data-v-befa6cc9] .cm-editor .cm-gutters{border:unset}.b-code-snippet__code-area-content[data-v-befa6cc9] .cm-content{padding:var(--b-code-snippet-code-area-content-padding);padding-left:var(--b-code-snippet-code-area-content-padding-left)}.b-code-snippet__code-area-content[data-v-befa6cc9] .cm-gutters{padding-left:var(--b-code-snippet-code-area-gutters-padding-left)}.b-code-snippet__code-area-content[data-v-befa6cc9] .cm-gutterElement{background-color:var(--b-code-snippet-code-area-background-color)}.b-code-snippet__code-area-content[data-v-befa6cc9] .cm-editor.cm-focused{outline:none}.b-code-snippet__code-area-content[data-v-befa6cc9] .cm-activeLine{background-color:transparent}.b-code-snippet--inline .b-code-snippet__code-area-content[data-v-befa6cc9] .cm-content{padding:var(--b-code-snippet-inline-code-area-content-padding)}
+.b-accordion[data-v-fb182a1c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-accordion[data-v-fb182a1c],.b-accordion[data-v-fb182a1c]:before,.b-accordion[data-v-fb182a1c]:after{box-sizing:border-box}.b-accordion *[data-v-fb182a1c],.b-accordion *[data-v-fb182a1c]:before,.b-accordion *[data-v-fb182a1c]:after{box-sizing:border-box}.b-accordion[data-v-fb182a1c] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion[data-v-fb182a1c] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-accordion-item[data-v-01c3158a]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-accordion-item-background-color);border-bottom:var(--b-accordion-item-border)}.b-accordion-item[data-v-01c3158a],.b-accordion-item[data-v-01c3158a]:before,.b-accordion-item[data-v-01c3158a]:after{box-sizing:border-box}.b-accordion-item *[data-v-01c3158a],.b-accordion-item *[data-v-01c3158a]:before,.b-accordion-item *[data-v-01c3158a]:after{box-sizing:border-box}.b-accordion-item[data-v-01c3158a] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion-item[data-v-01c3158a] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-accordion-item button[data-v-01c3158a]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-accordion-item button[data-v-01c3158a]:focus-visible{outline:none}.b-legacy-theme .b-accordion-item__heading[data-v-01c3158a]{font-size:15px;line-height:1.4}.b-accordion-item[data-v-01c3158a]:first-of-type{border-top:var(--b-accordion-item-border)}.b-accordion-item__button[data-v-01c3158a]{align-items:center;cursor:pointer;display:flex;gap:var(--b-accordion-item-button-gap);padding:var(--b-accordion-item-button-padding);position:relative;width:100%;z-index:0}.b-accordion-item__button[data-v-01c3158a]:hover{background-color:var(--b-accordion-item-button-hover-background-color)}.b-accordion-item__button[data-v-01c3158a]:active{background-color:var(--b-accordion-item-button-active-background-color)}.b-accordion-item__button[data-v-01c3158a]:focus-visible{animation:outer-ring-default-01c3158a var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color);outline:none}@keyframes outer-ring-default-01c3158a{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-accordion-item__content[data-v-01c3158a]{padding:var(--b-accordion-item-content-padding)}.b-accordion-item__animation--content-enter-active[data-v-01c3158a]{animation:fade-in-uplhpns-01c3158a var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear),enter-uplhpns-01c3158a var(--b-accordion-item-animation-duration) var(--b-animation-easing-enter),scale-up-uplhpns-01c3158a var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear);overflow:hidden;transition:max-height var(--b-accordion-item-animation-duration) var(--b-accordion-item-animation-easing)}@keyframes fade-in-uplhpns-01c3158a{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uplhpns-01c3158a{0%{scale:1}to{scale:1}}@keyframes enter-uplhpns-01c3158a{0%{translate:0 -8px}to{translate:0 0}}.b-accordion-item__animation--content-leave-active[data-v-01c3158a]{animation:fade-out-uplhpoh-01c3158a var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear),exit-uplhpoh-01c3158a var(--b-accordion-item-animation-duration) var(--b-animation-easing-exit),scale-down-uplhpoh-01c3158a var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear);max-height:0!important;overflow:hidden;transition:max-height var(--b-accordion-item-animation-duration) var(--b-accordion-item-animation-easing)}@keyframes fade-out-uplhpoh-01c3158a{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uplhpoh-01c3158a{0%{scale:1}to{scale:1}}@keyframes exit-uplhpoh-01c3158a{0%{translate:0 0}to{translate:0 -8px}}

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

@@ -1 +1 @@
-.b-listbox-single-select-category[data-v-4aa8cc6e]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:var(--b-listbox-single-select-category-margin-bottom)}.b-listbox-single-select-category[data-v-4aa8cc6e],.b-listbox-single-select-category[data-v-4aa8cc6e]:before,.b-listbox-single-select-category[data-v-4aa8cc6e]:after{box-sizing:border-box}.b-listbox-single-select-category *[data-v-4aa8cc6e],.b-listbox-single-select-category *[data-v-4aa8cc6e]:before,.b-listbox-single-select-category *[data-v-4aa8cc6e]:after{box-sizing:border-box}.b-listbox-single-select-category[data-v-4aa8cc6e] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-single-select-category[data-v-4aa8cc6e] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-listbox-single-select-category[data-v-4aa8cc6e]:last-child{margin-bottom:0}.b-listbox-single-select-category__label-text[data-v-4aa8cc6e]{color:var(--b-listbox-single-select-category-label-text-color);padding:var(--b-listbox-single-select-category-label-text-padding)}.b-listbox-option[data-v-d7fb415c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;overflow-wrap:anywhere;padding:var(--b-listbox-option-padding)}.b-listbox-option[data-v-d7fb415c],.b-listbox-option[data-v-d7fb415c]:before,.b-listbox-option[data-v-d7fb415c]:after{box-sizing:border-box}.b-listbox-option[data-v-d7fb415c] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-option[data-v-d7fb415c] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media (hover: hover){.b-listbox-option[data-v-d7fb415c]:hover:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-hover-background-color)}.b-listbox-option[data-v-d7fb415c]:hover:not(.b-listbox-option--disabled),.b-listbox-option[data-v-d7fb415c]:hover:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option[data-v-d7fb415c]:hover:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option[data-v-d7fb415c]:hover:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-hover-font-color)}.b-legacy-theme .b-listbox-option[data-v-d7fb415c]:hover:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-legacy-theme .b-listbox-option[data-v-d7fb415c]:hover:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-hover-font-color)}}.b-listbox-option[data-v-d7fb415c]:focus-visible{outline:none}.b-listbox-option[data-v-d7fb415c]:focus-visible:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-focus-background-color);color:var(--b-listbox-option-focus-font-color)}.b-listbox-option[data-v-d7fb415c]:active:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-active-background-color)}.b-listbox-option[data-v-d7fb415c]:active:not(.b-listbox-option--disabled),.b-listbox-option[data-v-d7fb415c]:active:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option[data-v-d7fb415c]:active:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option[data-v-d7fb415c]:active:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-active-font-color)}.b-legacy-theme .b-listbox-option[data-v-d7fb415c]:active:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-legacy-theme .b-listbox-option[data-v-d7fb415c]:active:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-active-description-color)}.b-listbox-option[data-v-d7fb415c] .b-listbox-single-select-option__text,.b-listbox-option[data-v-d7fb415c] .b-listbox-multi-select__option-text{display:flex;flex-direction:column}.b-listbox-option[data-v-d7fb415c] .b-listbox-single-select-option__description,.b-listbox-option[data-v-d7fb415c] .b-listbox-multi-select__option-description{margin-top:var(--b-listbox-option-description-margin-top)}.b-listbox-option[data-v-d7fb415c]:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description,.b-listbox-option[data-v-d7fb415c]:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description{color:var(--b-listbox-option-description-color)}.b-listbox-option--disabled[data-v-d7fb415c]{cursor:not-allowed}.b-listbox-option--disabled[data-v-d7fb415c],.b-listbox-option--disabled[data-v-d7fb415c] .b-avatar__label,.b-listbox-option--disabled[data-v-d7fb415c] .b-country__label,.b-listbox-option--disabled[data-v-d7fb415c] .b-payment-method__label{color:var(--b-listbox-option-disabled-font-color)}.b-listbox-option--selected[data-v-d7fb415c]:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-selected-background-color)}.b-listbox-option--selected[data-v-d7fb415c]:not(.b-listbox-option--disabled),.b-listbox-option--selected[data-v-d7fb415c]:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option--selected[data-v-d7fb415c]:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option--selected[data-v-d7fb415c]:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-selected-font-color)}.b-listbox-option--selected[data-v-d7fb415c]:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-listbox-option--selected[data-v-d7fb415c]:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-selected-description-color)}.b-listbox-single-select-option[data-v-3ba7da5b]{display:flex;justify-content:space-between}.b-listbox-single-select-option__check-icon[data-v-3ba7da5b]{align-items:center;display:flex;margin-left:var(--b-listbox-single-select-check-icon-margin)}.b-listbox-multi-select-category[data-v-f360ac3d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select-category[data-v-f360ac3d],.b-listbox-multi-select-category[data-v-f360ac3d]:before,.b-listbox-multi-select-category[data-v-f360ac3d]:after{box-sizing:border-box}.b-listbox-multi-select-category *[data-v-f360ac3d],.b-listbox-multi-select-category *[data-v-f360ac3d]:before,.b-listbox-multi-select-category *[data-v-f360ac3d]:after{box-sizing:border-box}.b-listbox-multi-select-category[data-v-f360ac3d] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-category[data-v-f360ac3d] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-listbox-multi-select-category--disabled[data-v-f360ac3d]{cursor:not-allowed}.b-listbox-multi-select-category--disabled .b-listbox-multi-select-category__label-text[data-v-f360ac3d]{color:var(--b-listbox-multi-select-category-disabled-label-text-color)}.b-listbox-multi-select-category--disabled .b-listbox-multi-select-category__label-chevron[data-v-f360ac3d]{cursor:pointer}.b-listbox-multi-select-category--static-category[data-v-f360ac3d]{gap:var(--b-listbox-multi-select-category-static-category-gap);pointer-events:none}.b-listbox-multi-select-category--static-category .b-listbox-multi-select-category__label-text[data-v-f360ac3d]{color:var(--b-listbox-multi-select-category-static-category-label-text-color)}.b-listbox-multi-select-category__label[data-v-f360ac3d]{align-items:center;display:flex;justify-content:space-between;width:100%}.b-listbox-multi-select-category__label-chevron[data-v-f360ac3d]{display:flex;position:relative}.b-listbox-multi-select-category__label-chevron[data-v-f360ac3d]:before{content:"";height:36px;left:-10px;position:absolute;top:-9px;width:36px}.b-listbox-multi-select-category__option[data-v-f360ac3d]{display:flex;gap:var(--b-listbox-multi-select-category-option-gap)}.b-listbox-multi-select-options[data-v-b2db9f50]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;gap:var(--b-listbox-multi-select-options-gap)}.b-listbox-multi-select-options[data-v-b2db9f50],.b-listbox-multi-select-options[data-v-b2db9f50]:before,.b-listbox-multi-select-options[data-v-b2db9f50]:after{box-sizing:border-box}.b-listbox-multi-select-options[data-v-b2db9f50] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-options[data-v-b2db9f50] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-listbox-multi-select-options__category-option[data-v-b2db9f50]{padding-left:var(--b-listbox-multi-select-options-category-option-padding-left)}.b-listbox-multi-select-options__static-category-option[data-v-b2db9f50]{padding-left:var(--b-listbox-multi-select-options-static-category-option-padding-left)}.b-listbox-multi-select-chips[data-v-931e5246]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;display:flex;flex-wrap:wrap;gap:var(--b-listbox-multi-select-chips-gap);padding:var(--b-listbox-multi-select-chips-padding)}.b-listbox-multi-select-chips[data-v-931e5246],.b-listbox-multi-select-chips[data-v-931e5246]:before,.b-listbox-multi-select-chips[data-v-931e5246]:after{box-sizing:border-box}.b-listbox-multi-select-chips[data-v-931e5246] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-chips[data-v-931e5246] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-listbox-multi-select-chips__chip[data-v-931e5246]{background:var(--b-listbox-multi-select-chips-chip-background);border-radius:var(--b-listbox-multi-select-chips-chip-border-radius);display:flex;gap:var(--b-listbox-multi-select-chips-chip-gap);padding:var(--b-listbox-multi-select-chips-chip-padding)}.b-listbox-multi-select-chips__chip[data-v-931e5246]:focus-visible{animation:outer-ring-default-931e5246 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color)}@keyframes outer-ring-default-931e5246{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-listbox-multi-select-chips__chip[data-v-931e5246]:hover{background:var(--b-listbox-multi-select-chips-chip-hover-background)}.b-listbox-multi-select-chips__chip[data-v-931e5246]:active{background:var(--b-listbox-multi-select-chips-chip-active-background)}.b-listbox-multi-select-chips__chip[data-v-931e5246]:disabled{background:var(--b-listbox-multi-select-chips-chip-disabled-background);color:var(--b-listbox-multi-select-chips-chip-disabled-color)}.b-listbox-multi-select-chips__option-text[data-v-931e5246]{display:flex;overflow-wrap:anywhere}.b-listbox-multi-select[data-v-8e21add2]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select[data-v-8e21add2],.b-listbox-multi-select[data-v-8e21add2]:before,.b-listbox-multi-select[data-v-8e21add2]:after{box-sizing:border-box}.b-listbox-multi-select[data-v-8e21add2] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select[data-v-8e21add2] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-listbox-multi-select__divider[data-v-8e21add2]{background-color:var(--b-listbox-multi-select-divider-background-color);border:0;height:1px;margin:var(--b-listbox-multi-select-divider-margin)}.b-listbox-multi-select__option[data-v-8e21add2]{display:flex;gap:var(--b-listbox-multi-select-options-gap)}.b-listbox[data-v-28929030]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-listbox-background-color);overflow-y:auto;padding:var(--b-listbox-padding)}.b-listbox[data-v-28929030],.b-listbox[data-v-28929030]:before,.b-listbox[data-v-28929030]:after{box-sizing:border-box}.b-listbox *[data-v-28929030],.b-listbox *[data-v-28929030]:before,.b-listbox *[data-v-28929030]:after{box-sizing:border-box}.b-listbox[data-v-28929030] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox[data-v-28929030] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-listbox__empty-search-message[data-v-28929030]{color:var(--b-listbox-empty-search-message-color);padding:var(--b-listbox-empty-search-message-padding);text-align:center}.b-listbox__lazy-load[data-v-28929030]{display:flex;justify-content:center;margin:var(--b-listbox-lazy-load-margin)}
+.b-listbox-single-select-category[data-v-4aa8cc6e]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:var(--b-listbox-single-select-category-margin-bottom)}.b-listbox-single-select-category[data-v-4aa8cc6e],.b-listbox-single-select-category[data-v-4aa8cc6e]:before,.b-listbox-single-select-category[data-v-4aa8cc6e]:after{box-sizing:border-box}.b-listbox-single-select-category *[data-v-4aa8cc6e],.b-listbox-single-select-category *[data-v-4aa8cc6e]:before,.b-listbox-single-select-category *[data-v-4aa8cc6e]:after{box-sizing:border-box}.b-listbox-single-select-category[data-v-4aa8cc6e] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-single-select-category[data-v-4aa8cc6e] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-listbox-single-select-category[data-v-4aa8cc6e]:last-child{margin-bottom:0}.b-listbox-single-select-category__label-text[data-v-4aa8cc6e]{color:var(--b-listbox-single-select-category-label-text-color);padding:var(--b-listbox-single-select-category-label-text-padding)}.b-listbox-option[data-v-d7fb415c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;overflow-wrap:anywhere;padding:var(--b-listbox-option-padding)}.b-listbox-option[data-v-d7fb415c],.b-listbox-option[data-v-d7fb415c]:before,.b-listbox-option[data-v-d7fb415c]:after{box-sizing:border-box}.b-listbox-option[data-v-d7fb415c] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-option[data-v-d7fb415c] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media (hover: hover){.b-listbox-option[data-v-d7fb415c]:hover:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-hover-background-color)}.b-listbox-option[data-v-d7fb415c]:hover:not(.b-listbox-option--disabled),.b-listbox-option[data-v-d7fb415c]:hover:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option[data-v-d7fb415c]:hover:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option[data-v-d7fb415c]:hover:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-hover-font-color)}.b-legacy-theme .b-listbox-option[data-v-d7fb415c]:hover:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-legacy-theme .b-listbox-option[data-v-d7fb415c]:hover:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-hover-font-color)}}.b-listbox-option[data-v-d7fb415c]:focus-visible{outline:none}.b-listbox-option[data-v-d7fb415c]:focus-visible:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-focus-background-color);color:var(--b-listbox-option-focus-font-color)}.b-listbox-option[data-v-d7fb415c]:active:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-active-background-color)}.b-listbox-option[data-v-d7fb415c]:active:not(.b-listbox-option--disabled),.b-listbox-option[data-v-d7fb415c]:active:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option[data-v-d7fb415c]:active:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option[data-v-d7fb415c]:active:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-active-font-color)}.b-legacy-theme .b-listbox-option[data-v-d7fb415c]:active:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-legacy-theme .b-listbox-option[data-v-d7fb415c]:active:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-active-description-color)}.b-listbox-option[data-v-d7fb415c] .b-listbox-single-select-option__text,.b-listbox-option[data-v-d7fb415c] .b-listbox-multi-select__option-text{display:flex;flex-direction:column}.b-listbox-option[data-v-d7fb415c] .b-listbox-single-select-option__description,.b-listbox-option[data-v-d7fb415c] .b-listbox-multi-select__option-description{margin-top:var(--b-listbox-option-description-margin-top)}.b-listbox-option[data-v-d7fb415c]:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description,.b-listbox-option[data-v-d7fb415c]:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description{color:var(--b-listbox-option-description-color)}.b-listbox-option--disabled[data-v-d7fb415c]{cursor:not-allowed}.b-listbox-option--disabled[data-v-d7fb415c],.b-listbox-option--disabled[data-v-d7fb415c] .b-avatar__label,.b-listbox-option--disabled[data-v-d7fb415c] .b-country__label,.b-listbox-option--disabled[data-v-d7fb415c] .b-payment-method__label{color:var(--b-listbox-option-disabled-font-color)}.b-listbox-option--selected[data-v-d7fb415c]:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-selected-background-color)}.b-listbox-option--selected[data-v-d7fb415c]:not(.b-listbox-option--disabled),.b-listbox-option--selected[data-v-d7fb415c]:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option--selected[data-v-d7fb415c]:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option--selected[data-v-d7fb415c]:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-selected-font-color)}.b-listbox-option--selected[data-v-d7fb415c]:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-listbox-option--selected[data-v-d7fb415c]:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-selected-description-color)}svg.ui-assets-icons-16{display:inline-flex;flex-shrink:0}svg.ui-assets-icons-16,svg.ui-assets-icons-16 *{fill:currentcolor}.b-listbox-single-select-option[data-v-3ba7da5b]{display:flex;justify-content:space-between}.b-listbox-single-select-option__check-icon[data-v-3ba7da5b]{align-items:center;display:flex;margin-left:var(--b-listbox-single-select-check-icon-margin)}.b-listbox-multi-select-category[data-v-f360ac3d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select-category[data-v-f360ac3d],.b-listbox-multi-select-category[data-v-f360ac3d]:before,.b-listbox-multi-select-category[data-v-f360ac3d]:after{box-sizing:border-box}.b-listbox-multi-select-category *[data-v-f360ac3d],.b-listbox-multi-select-category *[data-v-f360ac3d]:before,.b-listbox-multi-select-category *[data-v-f360ac3d]:after{box-sizing:border-box}.b-listbox-multi-select-category[data-v-f360ac3d] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-category[data-v-f360ac3d] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-listbox-multi-select-category--disabled[data-v-f360ac3d]{cursor:not-allowed}.b-listbox-multi-select-category--disabled .b-listbox-multi-select-category__label-text[data-v-f360ac3d]{color:var(--b-listbox-multi-select-category-disabled-label-text-color)}.b-listbox-multi-select-category--disabled .b-listbox-multi-select-category__label-chevron[data-v-f360ac3d]{cursor:pointer}.b-listbox-multi-select-category--static-category[data-v-f360ac3d]{gap:var(--b-listbox-multi-select-category-static-category-gap);pointer-events:none}.b-listbox-multi-select-category--static-category .b-listbox-multi-select-category__label-text[data-v-f360ac3d]{color:var(--b-listbox-multi-select-category-static-category-label-text-color)}.b-listbox-multi-select-category__label[data-v-f360ac3d]{align-items:center;display:flex;justify-content:space-between;width:100%}.b-listbox-multi-select-category__label-chevron[data-v-f360ac3d]{display:flex;position:relative}.b-listbox-multi-select-category__label-chevron[data-v-f360ac3d]:before{content:"";height:36px;left:-10px;position:absolute;top:-9px;width:36px}.b-listbox-multi-select-category__option[data-v-f360ac3d]{display:flex;gap:var(--b-listbox-multi-select-category-option-gap)}.b-listbox-multi-select-options[data-v-b2db9f50]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;gap:var(--b-listbox-multi-select-options-gap)}.b-listbox-multi-select-options[data-v-b2db9f50],.b-listbox-multi-select-options[data-v-b2db9f50]:before,.b-listbox-multi-select-options[data-v-b2db9f50]:after{box-sizing:border-box}.b-listbox-multi-select-options[data-v-b2db9f50] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-options[data-v-b2db9f50] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-listbox-multi-select-options__category-option[data-v-b2db9f50]{padding-left:var(--b-listbox-multi-select-options-category-option-padding-left)}.b-listbox-multi-select-options__static-category-option[data-v-b2db9f50]{padding-left:var(--b-listbox-multi-select-options-static-category-option-padding-left)}.b-listbox-multi-select-chips[data-v-931e5246]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;display:flex;flex-wrap:wrap;gap:var(--b-listbox-multi-select-chips-gap);padding:var(--b-listbox-multi-select-chips-padding)}.b-listbox-multi-select-chips[data-v-931e5246],.b-listbox-multi-select-chips[data-v-931e5246]:before,.b-listbox-multi-select-chips[data-v-931e5246]:after{box-sizing:border-box}.b-listbox-multi-select-chips[data-v-931e5246] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-chips[data-v-931e5246] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-listbox-multi-select-chips__chip[data-v-931e5246]{background:var(--b-listbox-multi-select-chips-chip-background);border-radius:var(--b-listbox-multi-select-chips-chip-border-radius);display:flex;gap:var(--b-listbox-multi-select-chips-chip-gap);padding:var(--b-listbox-multi-select-chips-chip-padding)}.b-listbox-multi-select-chips__chip[data-v-931e5246]:focus-visible{animation:outer-ring-default-931e5246 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color)}@keyframes outer-ring-default-931e5246{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-listbox-multi-select-chips__chip[data-v-931e5246]:hover{background:var(--b-listbox-multi-select-chips-chip-hover-background)}.b-listbox-multi-select-chips__chip[data-v-931e5246]:active{background:var(--b-listbox-multi-select-chips-chip-active-background)}.b-listbox-multi-select-chips__chip[data-v-931e5246]:disabled{background:var(--b-listbox-multi-select-chips-chip-disabled-background);color:var(--b-listbox-multi-select-chips-chip-disabled-color)}.b-listbox-multi-select-chips__option-text[data-v-931e5246]{display:flex;overflow-wrap:anywhere}.b-listbox-multi-select[data-v-8e21add2]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select[data-v-8e21add2],.b-listbox-multi-select[data-v-8e21add2]:before,.b-listbox-multi-select[data-v-8e21add2]:after{box-sizing:border-box}.b-listbox-multi-select[data-v-8e21add2] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select[data-v-8e21add2] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-listbox-multi-select__divider[data-v-8e21add2]{background-color:var(--b-listbox-multi-select-divider-background-color);border:0;height:1px;margin:var(--b-listbox-multi-select-divider-margin)}.b-listbox-multi-select__option[data-v-8e21add2]{display:flex;gap:var(--b-listbox-multi-select-options-gap)}.b-listbox[data-v-28929030]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-listbox-background-color);overflow-y:auto;padding:var(--b-listbox-padding)}.b-listbox[data-v-28929030],.b-listbox[data-v-28929030]:before,.b-listbox[data-v-28929030]:after{box-sizing:border-box}.b-listbox *[data-v-28929030],.b-listbox *[data-v-28929030]:before,.b-listbox *[data-v-28929030]:after{box-sizing:border-box}.b-listbox[data-v-28929030] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox[data-v-28929030] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-listbox__empty-search-message[data-v-28929030]{color:var(--b-listbox-empty-search-message-color);padding:var(--b-listbox-empty-search-message-padding);text-align:center}.b-listbox__lazy-load[data-v-28929030]{display:flex;justify-content:center;margin:var(--b-listbox-lazy-load-margin)}

package/dist/avatar-image.js

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

package/dist/badge.js

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

package/dist/button.js

@@ -1,11 +1,11 @@
-import { a } from "./chunks/button.9d6435ae.js";
-import { b as P, B as S } from "./chunks/button.9d6435ae.js";
-import { B as K, c as $, a as h, b as w } from "./chunks/button-actions.81db18e8.js";
-import { B as E, a as F } from "./chunks/loading-button.eafc9e1b.js";
+import { a } from "./chunks/button.cb90b55c.js";
+import { b as P, B as S } from "./chunks/button.cb90b55c.js";
+import { B as K, c as $, a as h, b as w } from "./chunks/button-actions.87e589e3.js";
+import { B as E, a as F } from "./chunks/loading-button.692dbdc8.js";
 import { defineComponent as c, computed as u, useSlots as i } from "vue";
 import "./chunks/index.4c062058.js";
 import { n as p } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import "./assets/index6.css";
+import "./assets/index3.css";
 const _ = {}, g = /* @__PURE__ */ c({
   ..._,
   __name: "toggle-button",

package/dist/card.js

@@ -1,14 +1,14 @@
 import { defineComponent as T, useSlots as I, ref as C, watch as h, computed as n } from "vue";
-import { B as H } from "./chunks/index.dd30e538.js";
+import { B as H } from "./chunks/index.e29a6907.js";
 import { C as D, a as M } from "./chunks/chevron-up.81185563.js";
 import { u as U } from "./chunks/use-expandable-content-height.62fc84e5.js";
 import { u as z } from "./chunks/use-has-slot.fbeb19ec.js";
 import { g as R } from "./chunks/unique-id.a2a2b458.js";
 import { u as O } from "./chunks/i18n.eb5b985b.js";
 import { o as W } from "./chunks/resize.a041304d.js";
-import { c as F, B as N } from "./chunks/button-actions.81db18e8.js";
+import { c as F, B as N } from "./chunks/button-actions.87e589e3.js";
 import { n as P } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import "./assets/index7.css";
+import "./assets/index4.css";
 var f = /* @__PURE__ */ ((o) => (o.PRIMARY = "primary", o.SECONDARY = "secondary", o))(f || {}), c = /* @__PURE__ */ ((o) => (o.DEFAULT = "default", o.SMALL = "small", o))(c || {});
 const Y = {
   "en-US": {

package/dist/checkbox.js

@@ -1,13 +1,13 @@
-import { B as y, a as l } from "./chunks/checkbox.bfed007c.js";
+import { B as y, a as l } from "./chunks/checkbox.9f9c978a.js";
 import { C as D } from "./chunks/checkbox-input.1c3cc8ed.js";
 import { defineComponent as g, toRef as v, computed as n, watch as c, ref as x } from "vue";
 import { g as E } from "./chunks/unique-id.a2a2b458.js";
-import { d as k } from "./chunks/index.dd30e538.js";
+import { d as k } from "./chunks/index.e29a6907.js";
 import { u as C } from "./chunks/use-form-layout-loading.d03e5d48.js";
-import { C as S } from "./chunks/controls-group.4fb50009.js";
-import { E as M } from "./chunks/error-message.31ec12b7.js";
+import { C as S } from "./chunks/controls-group.121a307d.js";
+import { E as M } from "./chunks/error-message.bdcc1020.js";
 import { n as I } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import "./assets/index8.css";
+import "./assets/index5.css";
 var s = /* @__PURE__ */ ((r) => (r.HORIZONTAL = "horizontal", r.VERTICAL = "vertical", r))(s || {});
 const p = "bento-checkbox-group", T = g({
   name: p,

package/dist/chunks/{base-button.ad74b6f8.js → base-button.852204dc.js}

@@ -1,5 +1,5 @@
 import { defineComponent as b, computed as r, ref as _ } from "vue";
-import { B as d } from "./index.dd30e538.js";
+import { B as d } from "./index.e29a6907.js";
 import { u as f } from "./use-has-slot.fbeb19ec.js";
 import { n as p } from "./_plugin-vue2_normalizer.71e2aa87.js";
 import "../assets/base-button.css";
@@ -85,4 +85,4 @@ export {
   U as B,
   s as a
 };
-//# sourceMappingURL=base-button.ad74b6f8.js.map
+//# sourceMappingURL=base-button.852204dc.js.map

package/dist/chunks/{base-button.ad74b6f8.js.map → base-button.852204dc.js.map}

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

package/dist/chunks/{base-modal.1fff7abe.js → base-modal.4fb7528b.js}

@@ -1,13 +1,13 @@
 import { defineComponent as x, useSlots as q, ref as r, computed as l, inject as Q, watch as F, nextTick as X, onUnmounted as Z, useAttrs as V, onMounted as tt, provide as G, toRefs as et } from "vue";
-import { a as at } from "./button.9d6435ae.js";
-import { B as ot } from "./index.d553d3d1.js";
+import { a as at } from "./button.cb90b55c.js";
+import { B as ot } from "./index.1deef79e.js";
 import { u as J } from "./use-has-slot.fbeb19ec.js";
 import { u as nt } from "./i18n.eb5b985b.js";
 import { M as st } from "./base-modal.keys.b08a6bdf.js";
 import { g as lt } from "./unique-id.a2a2b458.js";
-import { B as it } from "./index.dd30e538.js";
-import { F as ut } from "./footer-actions.a1e09b4f.js";
-import { D as rt, B as ct, b as dt, a as mt } from "./dialog-page.73da22cf.js";
+import { B as it } from "./index.e29a6907.js";
+import { F as ut } from "./footer-actions.58d14a16.js";
+import { D as rt, B as ct, b as dt, a as mt } from "./dialog-page.7fd7d006.js";
 import { o as pt } from "./resize.a041304d.js";
 import { G as _t, a as gt } from "./grid-layout.e0025286.js";
 import { n as W } from "./_plugin-vue2_normalizer.71e2aa87.js";
@@ -369,4 +369,4 @@ export {
   ht as g,
   Wt as h
 };
-//# sourceMappingURL=base-modal.1fff7abe.js.map
+//# sourceMappingURL=base-modal.4fb7528b.js.map

package/dist/chunks/{base-modal.1fff7abe.js.map → base-modal.4fb7528b.js.map}

@@ -1 +1 @@
-{"version":3,"file":"base-modal.1fff7abe.js","sources":["../../src/components/modal/modal.types.ts","../../src/components/modal/modal.keys.ts","../../src/components/modal/components/modal-page/modal-page.vue","../../src/components/modal/components/base-modal/base-modal.vue"],"sourcesContent":["import { ComputedRef, Ref } from 'vue';\n\n/**\n * Public\n */\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoModalVariant {\n    DEFAULT = 'default',\n    DIALOG = 'dialog',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoModalVariantMapping {\n    DEFAULT = 'BentoModalDefault',\n    DIALOG = 'BentoModalDialog',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoModalSize {\n    SMALL = 'small',\n    MEDIUM = 'medium',\n    LARGE = 'large',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoModalColumnLayoutVariant {\n    SMALLER = 'smaller',\n    EQUAL = 'equal',\n    BIGGER = 'bigger',\n}\n\nexport enum BentoModalRole {\n    DIALOG = 'dialog',\n    ALERT_DIALOG = 'alertdialog',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoModalDialogType {\n    CONFIRMATION = 'confirmation',\n    DESTRUCTIVE = 'destructive',\n    INFO = 'info',\n    ACKNOWLEDGEMENT = 'acknowledgement',\n}\n\nexport enum BentoModalEvent {\n    CLOSE_MODAL = 'close-modal',\n}\n\n/**\n * Private\n */\nexport interface BentoModalConfigData {\n    activePage: Ref<string>;\n    height: Ref<string>;\n    isAnimationActive: Ref<boolean>;\n    pageCustomPadding: Ref<string>;\n    showCloseButton: ComputedRef<boolean>;\n    size: Ref<BentoModalSize | `${BentoModalSize}`>;\n}\n","export const MODAL_CONFIG_INJECTION_KEY = Symbol('modal config data injection key');\n","<template>\n    <dialog-page\n        ref=\"page\"\n        class=\"b-modal-page\"\n        :class=\"modalPageConditionalClasses\"\n        :page-id=\"pageId\"\n        :always-show-border=\"hasColumnLayout\"\n        :back-button-styling=\"customPaddingStyles?.backButton\"\n        :previous-page=\"previousPage\"\n        @animationend=\"isAnimationActive = false\"\n    >\n        <template v-if=\"hasSlot('default') || showCloseButton\" #header>\n            <div class=\"b-modal-page__header-container\" :style=\"customPaddingStyles.header\">\n                <div class=\"b-modal-page__header\">\n                    <bento-typography\n                        class=\"b-modal-page__title\"\n                        aria-label=\"base modal title\"\n                        el=\"span\"\n                        variant=\"title\"\n                        stronger\n                    >\n                        <slot v-if=\"hasSlot('default')\" />\n                    </bento-typography>\n                </div>\n            </div>\n        </template>\n\n        <template #content>\n            <div\n                class=\"b-modal-page__content\"\n                :class=\"modalContentConditionalClasses\"\n                :style=\"customPaddingStyles.content\"\n            >\n                <bento-typography\n                    v-if=\"hasSlot('content') || (hasSlot('content-col-1') && hasSlot('content-col-2'))\"\n                    aria-label=\"base modal content\"\n                    el=\"div\"\n                    variant=\"body\"\n                    stronger\n                >\n                    <grid-layout\n                        v-if=\"hasColumnLayout\"\n                        :column-width=\"computedColumnWidth\"\n                        :container-type=\"GridLayoutContainerType.NORMAL\"\n                        no-gap\n                        class=\"b-modal-page__grid\"\n                    >\n                        <template #col-1><slot name=\"content-col-1\"></slot></template>\n                        <template #col-2><slot name=\"content-col-2\"></slot></template>\n                    </grid-layout>\n                    <slot v-else name=\"content\" />\n                </bento-typography>\n            </div>\n        </template>\n        <template v-if=\"hasSlot('actions')\" #footer>\n            <div class=\"b-modal-page__actions-container\" :style=\"customPaddingStyles.actions\">\n                <div aria-label=\"modal actions\" class=\"b-modal-page__actions\">\n                    <slot name=\"actions\" />\n                </div>\n            </div>\n        </template>\n        <template v-else-if=\"actions && actions.length > 0\" #footer>\n            <div class=\"b-modal-page__actions-container\" :style=\"customPaddingStyles.actions\">\n                <footer-actions\n                    :actions=\"actions\"\n                    :actions-label=\"actionsLabel\"\n                    :destructive-actions=\"destructiveActions\"\n                />\n            </div>\n        </template>\n    </dialog-page>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, defineComponent, inject, nextTick, onUnmounted, PropType, ref, useSlots, watch } from 'vue';\n    import {\n        BentoModalColumnLayoutVariant,\n        BentoModalConfigData,\n        BentoModalSize,\n    } from '@/components/modal/modal.types';\n    import { BentoTypography } from '@/components/typography';\n    import { BentoButtonActionsList } from '@/components/button';\n    import { GridLayout, GridLayoutContainerType } from '@/internal';\n    import { useHasSlot } from '@/composables';\n\n    import { FooterActions } from '@/components/internal/footer-actions';\n\n    import DialogPage from '@/internal/dialog-page/dialog-page.vue';\n    import { MODAL_CONFIG_INJECTION_KEY } from '../../modal.keys';\n    import { observeSizeOfElement } from '@/utils/ts/resize';\n\n    const CLOSE_BUTTON_ICON_WIDTH = 26;\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n    const page = ref<InstanceType<typeof DialogPage>>(null);\n\n    const props = defineProps({\n        /**\n         * List of actions that will be used to render the buttons.\n         * First element in the list will be rendered as \"primary\".\n         * All elements after the first will be rendered as \"secondary\".\n         * But you may change the color of 1-st action to red with 'critial' key\n         * Not more than 3 action buttons can be provided\n         * Or 2 action buttons and 1 Label for them\n         *\n         * Each object in the list should have a `title`, an `event` and\n         * (optional) a Vue `icon` from the library `@adyen/ui-assets-icons-16`.\n         *\n         * `title`: Button's text.\n         *\n         * `event`: Event triggered when clicking the Button.\n         *\n         * `icon`: Vue Icon from the library `@adyen/ui-assets-icons-16`.\n         *\n         * ```\n         * [{\n         *   title: 'Primary',2\n         *   event: () => { ... },\n         *   icon: FourPeopleIcon\n         * }, {\n         *   title: 'Secondary',\n         *   event: () => { ... }\n         * }]\n         * ```\n         */\n        actions: {\n            type: Array as PropType<BentoButtonActionsList>,\n            default: null,\n        },\n\n        /**\n         * Text label that is displayed left to the action buttons\n         */\n        actionsLabel: { type: String, default: null },\n\n        /**\n         * If a column layout is provided, it renders the respective left column width variant. This can be smaller than the second column, the same size as the second column or bigger than the second column.\n         */\n        columnsSize: {\n            type: String as PropType<BentoModalColumnLayoutVariant>,\n            default: BentoModalColumnLayoutVariant.SMALLER,\n        },\n\n        /**\n         * If provided, manages the padding of the whole modal container\n         */\n        customPadding: { type: String, default: null },\n\n        /**\n         * If passed - sets first button color to red\n         */\n        destructiveActions: { type: Boolean, default: false },\n\n        /**\n         * If provided, renders the modal's content in a two-column layout an wth dividers separating its content\n         */\n        withColumnLayout: { type: Boolean, default: false },\n\n        /**\n         * Identifier of the page, used with activePage prop to handle modal navigation\n         */\n        pageId: {\n            type: String,\n            default: undefined,\n        },\n\n        /**\n         * ID of the page for the back button to navigate to. Only use it to overwrite the default back behavior\n         * Used when the back button should not take the user to the natural previous page\n         * Set to `null` to hide back button in the page\n         */\n        previousPage: {\n            type: String,\n            default: undefined,\n        },\n    });\n\n    const modalPageConditionalClasses = computed(() => ({\n        'b-modal-page--custom-padding': props.customPadding,\n    }));\n\n    const modalContentConditionalClasses = computed(() => ({\n        'b-modal-page__content--with-header': hasSlot('default'),\n        'b-modal-page__content--with-actions': hasSlot('actions') || props.actions?.length,\n    }));\n\n    // Setting custom padding styles\n    const customPaddingStyles = computed(() => {\n        if (!props.customPadding) {\n            return {};\n        }\n\n        const xPadding = {\n            paddingLeft: props.customPadding,\n            paddingRight: props.customPadding,\n        };\n\n        const content = { ...xPadding, paddingTop: undefined, paddingBottom: undefined };\n\n        if (!hasSlot('default')) {\n            content.paddingTop = props.customPadding;\n        }\n\n        if (!hasSlot('actions')) {\n            content.paddingBottom = props.customPadding;\n        }\n\n        return {\n            header: {\n                ...xPadding,\n                paddingTop: props.customPadding,\n                paddingRight: `${parseInt(props.customPadding, 10) + CLOSE_BUTTON_ICON_WIDTH}px`,\n                flex: 1,\n            },\n            content,\n            actions: { ...xPadding, paddingBottom: props.customPadding },\n            backButton: { top: props.customPadding, paddingLeft: props.customPadding },\n        };\n    });\n\n    // Column layout styles\n    const hasColumnLayout = computed(() => props.withColumnLayout && size.value === BentoModalSize.LARGE);\n\n    const computedColumnWidth = computed(() => {\n        if (props.columnsSize === BentoModalColumnLayoutVariant.SMALLER) {\n            return [\n                { small: 4, medium: 4, large: 4 },\n                { small: 8, medium: 8, large: 8 },\n            ];\n        }\n        if (props.columnsSize === BentoModalColumnLayoutVariant.BIGGER) {\n            return [\n                { small: 8, medium: 8, large: 8 },\n                { small: 4, medium: 4, large: 4 },\n            ];\n        }\n        return [\n            { small: 6, medium: 6, large: 6 },\n            { small: 6, medium: 6, large: 6 },\n        ];\n    });\n\n    // Register page to parent component and inject data from parent component\n    const { activePage, height, isAnimationActive, pageCustomPadding, showCloseButton, size } =\n        inject<BentoModalConfigData>(MODAL_CONFIG_INJECTION_KEY);\n\n    const isCurrentPage = computed(() => activePage.value === props.pageId || !activePage.value);\n\n    // Animation\n    // Set resize observer on mount of update the height of the dialog on resize\n    let pageElementObserver: ResizeObserver | null = null;\n\n    // Watching activePage changes to set the height of the page and set isAnimationActive\n    watch(\n        () => activePage.value,\n        async (value, oldValue) => {\n            if (isCurrentPage.value) {\n                await nextTick();\n                height.value = `${page.value?.$el?.clientHeight}px`;\n                pageCustomPadding.value = props.customPadding;\n                // only set isAnimationActive to true if its going from two different pages and not from null to the first page\n                isAnimationActive.value = oldValue !== undefined;\n\n                pageElementObserver = observeSizeOfElement(page.value, () => {\n                    const pageHeight = `${page.value?.$el?.clientHeight}px` ?? '';\n                    if (pageHeight !== height.value) {\n                        height.value = pageHeight;\n                    }\n                });\n            }\n        },\n        { immediate: true }\n    );\n\n    // Disconnect observer on unmounting the page\n    onUnmounted(() => {\n        pageElementObserver?.disconnect();\n    });\n</script>\n\n<script lang=\"ts\">\n    /**\n     * ModalPage is used to render different pages of the Modal component\n     *\n     * @example\n     * import { BentoModal, BentoModalPage } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoModal, BentoModalPage },\n     *     template: `\n     *          <bento-modal active-page='page1' :is-open='true'>\n     *              <bento-modal-page\n     *                  pageId='page1'\n     *                  actions-label='Move to next page'\n     *                  :actions=\"[\n     *                      {\n     *                          title: 'Next page',\n     *                          event: () => {\n     *                              activePage.value = 'page2';\n     *                          },\n     *                      }]\">\n     *                  Page 1\n     *                  <template #content>\n     *                         Page 1 content\n     *                  </template>\n     *              </bento-modal-page>\n     *              <bento-modal-page\n     *                  pageId='page2'\n     *                  :actions=\"[\n     *                      {\n     *                          title: 'Save',\n     *                          event: () => {},\n     *                      }]\">\n     *                  Page 2\n     *                  <template #content>\n     *                         Page 2 content\n     *                  </template>\n     *              </bento-modal-page>\n     *          </bento-modal>\n     *     `\n     * }\n     */\n    export default defineComponent({});\n</script>\n\n<style lang=\"scss\" scoped src=\"./modal-page.scss\" />\n","<template>\n    <div class=\"b-modal-base\">\n        <dialog\n            :id=\"modalId\"\n            ref=\"modal\"\n            :role=\"modalRole\"\n            :aria-label=\"computedAriaLabel\"\n            :style=\"{ height: height }\"\n            class=\"b-modal-base__container\"\n            :class=\"modalConditionalClasses\"\n            :open=\"initiallyOpen\"\n            @animationend=\"closeModalAfterAnimation\"\n            @click=\"isDismissible && closeModalOnClickOutside($event)\"\n            @keydown.esc=\"internalModalActionClose\"\n        >\n            <bento-focus-trap v-if=\"isOpen || initiallyOpen\">\n                <bento-button\n                    v-if=\"showCloseButton\"\n                    class=\"b-modal-base__close-button\"\n                    variant=\"tertiary\"\n                    type=\"button\"\n                    :style=\"customPaddingStyles\"\n                    @click=\"internalModalActionClose\"\n                >\n                    <cross-icon :svg-title=\"t('close')\" />\n                </bento-button>\n                <template v-if=\"props.activePage\">\n                    <slot />\n                </template>\n                <bento-modal-page\n                    v-else\n                    :with-column-layout=\"withColumnLayout\"\n                    :size=\"size\"\n                    :custom-padding=\"customPadding\"\n                    :columns-size=\"columnsSize\"\n                >\n                    <template v-if=\"hasSlot('default')\" #default>\n                        <slot></slot>\n                    </template>\n                    <template v-if=\"hasSlot('content-col-1')\" #content-col-1\n                        ><slot name=\"content-col-1\"></slot\n                    ></template>\n                    <template v-if=\"hasSlot('content-col-2')\" #content-col-2\n                        ><slot name=\"content-col-2\"></slot\n                    ></template>\n                    <template v-if=\"hasSlot('content')\" #content><slot name=\"content\"></slot></template>\n                    <template v-if=\"hasSlot('actions')\" #actions><slot name=\"actions\"></slot></template>\n                </bento-modal-page>\n            </bento-focus-trap>\n        </dialog>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import {\n        computed,\n        defineComponent,\n        onMounted,\n        PropType,\n        provide,\n        ref,\n        toRefs,\n        useAttrs,\n        useSlots,\n        watch,\n    } from 'vue';\n    import {\n        BentoModalColumnLayoutVariant,\n        BentoModalConfigData,\n        BentoModalRole,\n        BentoModalSize,\n    } from '@/components/modal/modal.types';\n    import { BentoButton, BentoButtonActionsList } from '@/components/button';\n    import { BentoFocusTrap } from '@/components/focus-trap';\n    import { useHasSlot } from '@/composables';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { MODAL_DIALOG_ID_INJECTION_KEY } from '@/components/modal/components/base-modal/base-modal.keys';\n    import { generateUid } from '@/utils/ts/unique-id';\n    import messages from './messages.json';\n\n    import { BentoModalPage } from '@/components/modal';\n    import CrossIcon from '@adyen/ui-assets-icons-16/vue/cross';\n\n    import { MODAL_CONFIG_INJECTION_KEY } from '../../modal.keys';\n    import {\n        BentoDialogPageAnimation,\n        BentoDialogPageConfigData,\n        BentoDialogPageRegisterPage,\n        DIALOG_PAGE_CONFIG_INJECTION_KEY,\n        DIALOG_PAGE_REGISTER_PAGE_INJECTION_KEY,\n    } from '@/internal';\n\n    type MessageSchema = (typeof messages)['en-US'];\n    const LOADING_BTN_CLOSE_AFTER_SUCCESS_DELAY_TIME = 500;\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n    const slots = useSlots();\n    const attrs = useAttrs();\n    const hasSlot = useHasSlot(slots);\n    const modal = ref<HTMLDialogElement>(null);\n    const isClosing = ref(false);\n    const modalId = generateUid('modal');\n\n    const emit = defineEmits<{\n        /**\n         * Emits update event when page is changed internally\n         */\n        (e: 'update:active-page', page: string): void;\n        /**\n         * Emitted when the modal is closed.\n         */\n        (e: 'close-modal');\n    }>();\n\n    const props = defineProps({\n        /**\n         * List of actions that will be used to render the buttons.\n         * First element in the list will be rendered as \"primary\".\n         * All elements after the first will be rendered as \"secondary\".\n         * But you may change the color of 1-st action to red with 'critial' key\n         * Not more than 3 action buttons can be provided\n         * Or 2 action buttons and 1 Label for them\n         *\n         * Each object in the list should have a `title`, an `event` and\n         * (optional) a Vue `icon` from the library `@adyen/ui-assets-icons-16`.\n         *\n         * `title`: Button's text.\n         *\n         * `event`: Event triggered when clicking the Button.\n         *\n         * `icon`: Vue Icon from the library `@adyen/ui-assets-icons-16`.\n         *\n         * ```\n         * [{\n         *   title: 'Primary',2\n         *   event: () => { ... },\n         *   icon: FourPeopleIcon\n         * }, {\n         *   title: 'Secondary',\n         *   event: () => { ... }\n         * }]\n         * ```\n         */\n        actions: {\n            type: Array as PropType<BentoButtonActionsList>,\n            default: null,\n        },\n\n        /**\n         * The id of the current active page\n         * Should be the same id as the BentoModalPage to be displayed\n         */\n        activePage: {\n            type: String,\n            default: null,\n        },\n\n        /**\n         * If a column layout is provided, it renders the respective left column width variant. This can be smaller than the second column, the same size as the second column or bigger than the second column.\n         */\n        columnsSize: {\n            type: String as PropType<BentoModalColumnLayoutVariant>,\n            default: BentoModalColumnLayoutVariant.SMALLER,\n        },\n\n        /**\n         * If provided, manages the padding of the whole modal container\n         */\n        customPadding: { type: String, default: null },\n\n        /**\n         * If passed - sets first button color to red\n         */\n        destructiveActions: { type: Boolean, default: false },\n\n        /**\n         * Hides a cross icon on the right side of the title\n         */\n        hideCloseButton: { type: Boolean, required: true },\n\n        /**\n         * Sets the open attribute on the dialog element, use isOpen instead to toggle modal visbility.\n         */\n        initiallyOpen: { type: Boolean, default: false },\n\n        /**\n         * If set to true, it allows the modal to be closed by clicking outside of it\n         */\n        isDismissible: { type: Boolean, required: true },\n\n        /**\n         * Controls the modal's state from the outside. Set it to true to open the modal\n         */\n        isOpen: { type: Boolean, required: true },\n\n        /**\n         * Defines whether the modal will be an alert modal\n         */\n        modalRole: { type: String, default: BentoModalRole.DIALOG },\n\n        /**\n         * Sets the width of the modal\n         */\n        size: {\n            type: String as PropType<BentoModalSize | `${BentoModalSize}`>,\n            default: BentoModalSize.SMALL,\n        },\n\n        /**\n         * If provided, renders the modal's content in a two-column layout an wth dividers separating its content\n         */\n        withColumnLayout: { type: Boolean, default: false },\n    });\n\n    const showCloseButton = computed(() => props.isDismissible && !props.hideCloseButton);\n\n    const pageCustomPadding = ref(props.customPadding);\n\n    const customPaddingStyles = computed(() => {\n        if (!pageCustomPadding.value) {\n            return {};\n        }\n\n        return { top: pageCustomPadding.value, right: pageCustomPadding.value };\n    });\n\n    const computedAriaLabel = computed(() => (attrs['aria-label'] as string) ?? (t('ariaLabelFallback') as string));\n    const hasColumnLayout = computed(() => props.withColumnLayout && props.size === BentoModalSize.LARGE);\n\n    const openModal = (): void => {\n        modal.value.showModal();\n    };\n\n    const emitCloseEvent = (): void => {\n        emit('close-modal');\n    };\n\n    // Handle closing and closing animation for dialog element\n    const closeModalAfterAnimation = () => {\n        if (isClosing.value) {\n            modal.value.close();\n            if (previousPages.value[0]) {\n                emit('update:active-page', previousPages.value[0]);\n            }\n            previousPages.value = [];\n            isClosing.value = false;\n            emitCloseEvent();\n        }\n    };\n\n    const startCloseModalAnimation = () => {\n        if (!modal.value.open) {\n            return;\n        }\n        isClosing.value = true;\n    };\n\n    /**\n     * If the user has pressed escape, clicked outside or clicked the close icon.\n     * Needs to be called from outside, following the \"dialog.close()\" pattern,\n     * when the closing event is triggered outside of the \"base-modal\"\n     * component (e.g. from a closing action).\n     */\n    const internalModalActionClose = (event?: Event) => {\n        if (event) {\n            event.preventDefault();\n        }\n        if (!props.isDismissible && props.modalRole === BentoModalRole.DIALOG) {\n            return;\n        }\n        startCloseModalAnimation();\n    };\n\n    /**\n     * Since the dialog HTML element doesn't automatically close when clicking outside, a check on when the user is clicking is needed.\n     * If the click doesn't happen in the dialog box itself, the modal closes\n     */\n    const closeModalOnClickOutside = ({ target }: Event): void => {\n        if (target && (target as HTMLElement).tagName === BentoModalRole.DIALOG.toUpperCase()) {\n            internalModalActionClose();\n        }\n    };\n\n    const modalConditionalClasses = computed(() => ({\n        [`b-modal-base__container--${props.size}`]: props.size,\n        'b-modal-base__container--hide': isClosing.value,\n        'b-modal-base__container--column-layout': hasColumnLayout.value,\n        'b-modal-base__container--animation': isAnimationActive.value,\n    }));\n\n    watch(\n        () => [props.isOpen, modal.value],\n        ([newIsOpen, newModalValue], [, oldModalValue]): void => {\n            if (!newModalValue) {\n                return;\n            }\n\n            const isFirstMutation = !oldModalValue;\n            if (newIsOpen) {\n                openModal();\n                // add the first page to the array when the modal opens\n                if (!previousPages.value.length) {\n                    previousPages.value.push(activePage.value);\n                }\n            } else if (!isFirstMutation) {\n                startCloseModalAnimation();\n            }\n        }\n    );\n\n    // If the first button is a loading button then close the modal have 0.5 seconds\n    // if the state is changed to 'success'.\n    watch(\n        () => props.actions,\n        () => {\n            if (props.actions?.[0]?.state === 'success') {\n                setTimeout(startCloseModalAnimation, LOADING_BTN_CLOSE_AFTER_SUCCESS_DELAY_TIME);\n            }\n        },\n        { deep: true }\n    );\n\n    onMounted(() => {\n        if (props.isOpen && modal.value) {\n            openModal();\n        }\n    });\n\n    /**\n     * Expose methods through its 'ref'\n     */\n    defineExpose({\n        internalModalActionClose,\n    });\n\n    // Let's Children components know they are inside a Modal (dialog element)\n    provide(MODAL_DIALOG_ID_INJECTION_KEY, modalId);\n\n    // Modal pagination\n    const { activePage, isOpen, size } = toRefs(props);\n    const animation = ref(BentoDialogPageAnimation.TRANSITION_LEVEL_DEEPER);\n\n    const pages = ref<string[]>([]);\n    const previousPages = ref([]);\n\n    const updatePage = page => emit('update:active-page', page);\n\n    // unregister page if removed / destroyed\n    const unregisterPage = (pageIdToRemove: string) => () => {\n        pages.value = pages.value?.filter(pageId => pageId !== pageIdToRemove);\n    };\n\n    // Provide data and function to register page to subcomponent\n    const registerPage: BentoDialogPageRegisterPage = pageId => {\n        if (pageId) {\n            pages.value.push(pageId);\n        }\n\n        return { unregisterPage: unregisterPage(pageId) };\n    };\n\n    const height = ref('');\n    const isAnimationActive = ref(false);\n\n    provide<BentoModalConfigData>(MODAL_CONFIG_INJECTION_KEY, {\n        activePage,\n        height,\n        isAnimationActive,\n        pageCustomPadding,\n        showCloseButton,\n        size,\n    });\n\n    provide<BentoDialogPageConfigData>(DIALOG_PAGE_CONFIG_INJECTION_KEY, {\n        activePage,\n        animation,\n        isOpen,\n        pages,\n        previousPages,\n        updatePage,\n    });\n\n    provide(DIALOG_PAGE_REGISTER_PAGE_INJECTION_KEY, registerPage);\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Dialog container. It creates a dialog HTML element for the modal to use.\n     *\n     * @example\n     * import BaseModal from './components/base-modal/base-modal.vue';\n     *\n     * export default {\n     *     components: { BaseModal },\n     *     template: `\n     *          <base-modal\n     *              :hide-close-button=\"true\"\n     *              :is-dismissible=\"false\"\n     *              :is-open=\"isOpen\"\n     *              @close-modal=\"isOpen = false\"\n     *          >\n     *              <template #content-col-1>\n     *                  // Content on the left side column\n     *              </template>\n     *\n     *              <template #content-col-2>\n     *                  // Content on the right side column\n     *              </template>\n     *\n     *              <template v-if=\"actions\" #actions>\n     *                  <footer-actions :actions=\"actions\" />\n     *              </template>\n     *          </base-modal>\n     *     `,\n     *     setup() {\n     *          const isOpen = ref(true)\n     *          const  footerActions =  [{\n     *              title: 'Primary action',\n     *              event: () => { ... }\n     *          }]\n     *     }\n     * }\n     */\n    export default defineComponent({\n        i18n: { messages },\n        name: 'base-modal',\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./base-modal.scss\" />\n"],"names":["BentoModalVariant","BentoModalVariant2","BentoModalVariantMapping","BentoModalVariantMapping2","BentoModalSize","BentoModalSize2","BentoModalColumnLayoutVariant","BentoModalColumnLayoutVariant2","BentoModalRole","BentoModalRole2","BentoModalDialogType","BentoModalDialogType2","BentoModalEvent","BentoModalEvent2","MODAL_CONFIG_INJECTION_KEY","__default__$1","defineComponent","CLOSE_BUTTON_ICON_WIDTH","slots","useSlots","hasSlot","useHasSlot","page","ref","modalPageConditionalClasses","computed","props","modalContentConditionalClasses","_a","customPaddingStyles","xPadding","content","hasColumnLayout","size","computedColumnWidth","activePage","height","isAnimationActive","pageCustomPadding","showCloseButton","inject","isCurrentPage","pageElementObserver","watch","value","oldValue","nextTick","_b","observeSizeOfElement","pageHeight","onUnmounted","__default__","messages","LOADING_BTN_CLOSE_AFTER_SUCCESS_DELAY_TIME","t","useI18n","attrs","useAttrs","modal","isClosing","modalId","generateUid","computedAriaLabel","openModal","emitCloseEvent","emit","closeModalAfterAnimation","previousPages","startCloseModalAnimation","internalModalActionClose","event","closeModalOnClickOutside","target","modalConditionalClasses","newIsOpen","newModalValue","oldModalValue","onMounted","expose","provide","MODAL_DIALOG_ID_INJECTION_KEY","isOpen","toRefs","animation","BentoDialogPageAnimation","pages","updatePage","unregisterPage","pageIdToRemove","pageId","registerPage","DIALOG_PAGE_CONFIG_INJECTION_KEY","DIALOG_PAGE_REGISTER_PAGE_INJECTION_KEY"],"mappings":"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"}
+{"version":3,"file":"base-modal.4fb7528b.js","sources":["../../src/components/modal/modal.types.ts","../../src/components/modal/modal.keys.ts","../../src/components/modal/components/modal-page/modal-page.vue","../../src/components/modal/components/base-modal/base-modal.vue"],"sourcesContent":["import { ComputedRef, Ref } from 'vue';\n\n/**\n * Public\n */\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoModalVariant {\n    DEFAULT = 'default',\n    DIALOG = 'dialog',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoModalVariantMapping {\n    DEFAULT = 'BentoModalDefault',\n    DIALOG = 'BentoModalDialog',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoModalSize {\n    SMALL = 'small',\n    MEDIUM = 'medium',\n    LARGE = 'large',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoModalColumnLayoutVariant {\n    SMALLER = 'smaller',\n    EQUAL = 'equal',\n    BIGGER = 'bigger',\n}\n\nexport enum BentoModalRole {\n    DIALOG = 'dialog',\n    ALERT_DIALOG = 'alertdialog',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoModalDialogType {\n    CONFIRMATION = 'confirmation',\n    DESTRUCTIVE = 'destructive',\n    INFO = 'info',\n    ACKNOWLEDGEMENT = 'acknowledgement',\n}\n\nexport enum BentoModalEvent {\n    CLOSE_MODAL = 'close-modal',\n}\n\n/**\n * Private\n */\nexport interface BentoModalConfigData {\n    activePage: Ref<string>;\n    height: Ref<string>;\n    isAnimationActive: Ref<boolean>;\n    pageCustomPadding: Ref<string>;\n    showCloseButton: ComputedRef<boolean>;\n    size: Ref<BentoModalSize | `${BentoModalSize}`>;\n}\n","export const MODAL_CONFIG_INJECTION_KEY = Symbol('modal config data injection key');\n","<template>\n    <dialog-page\n        ref=\"page\"\n        class=\"b-modal-page\"\n        :class=\"modalPageConditionalClasses\"\n        :page-id=\"pageId\"\n        :always-show-border=\"hasColumnLayout\"\n        :back-button-styling=\"customPaddingStyles?.backButton\"\n        :previous-page=\"previousPage\"\n        @animationend=\"isAnimationActive = false\"\n    >\n        <template v-if=\"hasSlot('default') || showCloseButton\" #header>\n            <div class=\"b-modal-page__header-container\" :style=\"customPaddingStyles.header\">\n                <div class=\"b-modal-page__header\">\n                    <bento-typography\n                        class=\"b-modal-page__title\"\n                        aria-label=\"base modal title\"\n                        el=\"span\"\n                        variant=\"title\"\n                        stronger\n                    >\n                        <slot v-if=\"hasSlot('default')\" />\n                    </bento-typography>\n                </div>\n            </div>\n        </template>\n\n        <template #content>\n            <div\n                class=\"b-modal-page__content\"\n                :class=\"modalContentConditionalClasses\"\n                :style=\"customPaddingStyles.content\"\n            >\n                <bento-typography\n                    v-if=\"hasSlot('content') || (hasSlot('content-col-1') && hasSlot('content-col-2'))\"\n                    aria-label=\"base modal content\"\n                    el=\"div\"\n                    variant=\"body\"\n                    stronger\n                >\n                    <grid-layout\n                        v-if=\"hasColumnLayout\"\n                        :column-width=\"computedColumnWidth\"\n                        :container-type=\"GridLayoutContainerType.NORMAL\"\n                        no-gap\n                        class=\"b-modal-page__grid\"\n                    >\n                        <template #col-1><slot name=\"content-col-1\"></slot></template>\n                        <template #col-2><slot name=\"content-col-2\"></slot></template>\n                    </grid-layout>\n                    <slot v-else name=\"content\" />\n                </bento-typography>\n            </div>\n        </template>\n        <template v-if=\"hasSlot('actions')\" #footer>\n            <div class=\"b-modal-page__actions-container\" :style=\"customPaddingStyles.actions\">\n                <div aria-label=\"modal actions\" class=\"b-modal-page__actions\">\n                    <slot name=\"actions\" />\n                </div>\n            </div>\n        </template>\n        <template v-else-if=\"actions && actions.length > 0\" #footer>\n            <div class=\"b-modal-page__actions-container\" :style=\"customPaddingStyles.actions\">\n                <footer-actions\n                    :actions=\"actions\"\n                    :actions-label=\"actionsLabel\"\n                    :destructive-actions=\"destructiveActions\"\n                />\n            </div>\n        </template>\n    </dialog-page>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, defineComponent, inject, nextTick, onUnmounted, PropType, ref, useSlots, watch } from 'vue';\n    import {\n        BentoModalColumnLayoutVariant,\n        BentoModalConfigData,\n        BentoModalSize,\n    } from '@/components/modal/modal.types';\n    import { BentoTypography } from '@/components/typography';\n    import { BentoButtonActionsList } from '@/components/button';\n    import { GridLayout, GridLayoutContainerType } from '@/internal';\n    import { useHasSlot } from '@/composables';\n\n    import { FooterActions } from '@/components/internal/footer-actions';\n\n    import DialogPage from '@/internal/dialog-page/dialog-page.vue';\n    import { MODAL_CONFIG_INJECTION_KEY } from '../../modal.keys';\n    import { observeSizeOfElement } from '@/utils/ts/resize';\n\n    const CLOSE_BUTTON_ICON_WIDTH = 26;\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n    const page = ref<InstanceType<typeof DialogPage>>(null);\n\n    const props = defineProps({\n        /**\n         * List of actions that will be used to render the buttons.\n         * First element in the list will be rendered as \"primary\".\n         * All elements after the first will be rendered as \"secondary\".\n         * But you may change the color of 1-st action to red with 'critial' key\n         * Not more than 3 action buttons can be provided\n         * Or 2 action buttons and 1 Label for them\n         *\n         * Each object in the list should have a `title`, an `event` and\n         * (optional) a Vue `icon` from the library `@adyen/ui-assets-icons-16`.\n         *\n         * `title`: Button's text.\n         *\n         * `event`: Event triggered when clicking the Button.\n         *\n         * `icon`: Vue Icon from the library `@adyen/ui-assets-icons-16`.\n         *\n         * ```\n         * [{\n         *   title: 'Primary',2\n         *   event: () => { ... },\n         *   icon: FourPeopleIcon\n         * }, {\n         *   title: 'Secondary',\n         *   event: () => { ... }\n         * }]\n         * ```\n         */\n        actions: {\n            type: Array as PropType<BentoButtonActionsList>,\n            default: null,\n        },\n\n        /**\n         * Text label that is displayed left to the action buttons\n         */\n        actionsLabel: { type: String, default: null },\n\n        /**\n         * If a column layout is provided, it renders the respective left column width variant. This can be smaller than the second column, the same size as the second column or bigger than the second column.\n         */\n        columnsSize: {\n            type: String as PropType<BentoModalColumnLayoutVariant>,\n            default: BentoModalColumnLayoutVariant.SMALLER,\n        },\n\n        /**\n         * If provided, manages the padding of the whole modal container\n         */\n        customPadding: { type: String, default: null },\n\n        /**\n         * If passed - sets first button color to red\n         */\n        destructiveActions: { type: Boolean, default: false },\n\n        /**\n         * If provided, renders the modal's content in a two-column layout an wth dividers separating its content\n         */\n        withColumnLayout: { type: Boolean, default: false },\n\n        /**\n         * Identifier of the page, used with activePage prop to handle modal navigation\n         */\n        pageId: {\n            type: String,\n            default: undefined,\n        },\n\n        /**\n         * ID of the page for the back button to navigate to. Only use it to overwrite the default back behavior\n         * Used when the back button should not take the user to the natural previous page\n         * Set to `null` to hide back button in the page\n         */\n        previousPage: {\n            type: String,\n            default: undefined,\n        },\n    });\n\n    const modalPageConditionalClasses = computed(() => ({\n        'b-modal-page--custom-padding': props.customPadding,\n    }));\n\n    const modalContentConditionalClasses = computed(() => ({\n        'b-modal-page__content--with-header': hasSlot('default'),\n        'b-modal-page__content--with-actions': hasSlot('actions') || props.actions?.length,\n    }));\n\n    // Setting custom padding styles\n    const customPaddingStyles = computed(() => {\n        if (!props.customPadding) {\n            return {};\n        }\n\n        const xPadding = {\n            paddingLeft: props.customPadding,\n            paddingRight: props.customPadding,\n        };\n\n        const content = { ...xPadding, paddingTop: undefined, paddingBottom: undefined };\n\n        if (!hasSlot('default')) {\n            content.paddingTop = props.customPadding;\n        }\n\n        if (!hasSlot('actions')) {\n            content.paddingBottom = props.customPadding;\n        }\n\n        return {\n            header: {\n                ...xPadding,\n                paddingTop: props.customPadding,\n                paddingRight: `${parseInt(props.customPadding, 10) + CLOSE_BUTTON_ICON_WIDTH}px`,\n                flex: 1,\n            },\n            content,\n            actions: { ...xPadding, paddingBottom: props.customPadding },\n            backButton: { top: props.customPadding, paddingLeft: props.customPadding },\n        };\n    });\n\n    // Column layout styles\n    const hasColumnLayout = computed(() => props.withColumnLayout && size.value === BentoModalSize.LARGE);\n\n    const computedColumnWidth = computed(() => {\n        if (props.columnsSize === BentoModalColumnLayoutVariant.SMALLER) {\n            return [\n                { small: 4, medium: 4, large: 4 },\n                { small: 8, medium: 8, large: 8 },\n            ];\n        }\n        if (props.columnsSize === BentoModalColumnLayoutVariant.BIGGER) {\n            return [\n                { small: 8, medium: 8, large: 8 },\n                { small: 4, medium: 4, large: 4 },\n            ];\n        }\n        return [\n            { small: 6, medium: 6, large: 6 },\n            { small: 6, medium: 6, large: 6 },\n        ];\n    });\n\n    // Register page to parent component and inject data from parent component\n    const { activePage, height, isAnimationActive, pageCustomPadding, showCloseButton, size } =\n        inject<BentoModalConfigData>(MODAL_CONFIG_INJECTION_KEY);\n\n    const isCurrentPage = computed(() => activePage.value === props.pageId || !activePage.value);\n\n    // Animation\n    // Set resize observer on mount of update the height of the dialog on resize\n    let pageElementObserver: ResizeObserver | null = null;\n\n    // Watching activePage changes to set the height of the page and set isAnimationActive\n    watch(\n        () => activePage.value,\n        async (value, oldValue) => {\n            if (isCurrentPage.value) {\n                await nextTick();\n                height.value = `${page.value?.$el?.clientHeight}px`;\n                pageCustomPadding.value = props.customPadding;\n                // only set isAnimationActive to true if its going from two different pages and not from null to the first page\n                isAnimationActive.value = oldValue !== undefined;\n\n                pageElementObserver = observeSizeOfElement(page.value, () => {\n                    const pageHeight = `${page.value?.$el?.clientHeight}px` ?? '';\n                    if (pageHeight !== height.value) {\n                        height.value = pageHeight;\n                    }\n                });\n            }\n        },\n        { immediate: true }\n    );\n\n    // Disconnect observer on unmounting the page\n    onUnmounted(() => {\n        pageElementObserver?.disconnect();\n    });\n</script>\n\n<script lang=\"ts\">\n    /**\n     * ModalPage is used to render different pages of the Modal component\n     *\n     * @example\n     * import { BentoModal, BentoModalPage } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoModal, BentoModalPage },\n     *     template: `\n     *          <bento-modal active-page='page1' :is-open='true'>\n     *              <bento-modal-page\n     *                  pageId='page1'\n     *                  actions-label='Move to next page'\n     *                  :actions=\"[\n     *                      {\n     *                          title: 'Next page',\n     *                          event: () => {\n     *                              activePage.value = 'page2';\n     *                          },\n     *                      }]\">\n     *                  Page 1\n     *                  <template #content>\n     *                         Page 1 content\n     *                  </template>\n     *              </bento-modal-page>\n     *              <bento-modal-page\n     *                  pageId='page2'\n     *                  :actions=\"[\n     *                      {\n     *                          title: 'Save',\n     *                          event: () => {},\n     *                      }]\">\n     *                  Page 2\n     *                  <template #content>\n     *                         Page 2 content\n     *                  </template>\n     *              </bento-modal-page>\n     *          </bento-modal>\n     *     `\n     * }\n     */\n    export default defineComponent({});\n</script>\n\n<style lang=\"scss\" scoped src=\"./modal-page.scss\" />\n","<template>\n    <div class=\"b-modal-base\">\n        <dialog\n            :id=\"modalId\"\n            ref=\"modal\"\n            :role=\"modalRole\"\n            :aria-label=\"computedAriaLabel\"\n            :style=\"{ height: height }\"\n            class=\"b-modal-base__container\"\n            :class=\"modalConditionalClasses\"\n            :open=\"initiallyOpen\"\n            @animationend=\"closeModalAfterAnimation\"\n            @click=\"isDismissible && closeModalOnClickOutside($event)\"\n            @keydown.esc=\"internalModalActionClose\"\n        >\n            <bento-focus-trap v-if=\"isOpen || initiallyOpen\">\n                <bento-button\n                    v-if=\"showCloseButton\"\n                    class=\"b-modal-base__close-button\"\n                    variant=\"tertiary\"\n                    type=\"button\"\n                    :style=\"customPaddingStyles\"\n                    @click=\"internalModalActionClose\"\n                >\n                    <cross-icon :svg-title=\"t('close')\" />\n                </bento-button>\n                <template v-if=\"props.activePage\">\n                    <slot />\n                </template>\n                <bento-modal-page\n                    v-else\n                    :with-column-layout=\"withColumnLayout\"\n                    :size=\"size\"\n                    :custom-padding=\"customPadding\"\n                    :columns-size=\"columnsSize\"\n                >\n                    <template v-if=\"hasSlot('default')\" #default>\n                        <slot></slot>\n                    </template>\n                    <template v-if=\"hasSlot('content-col-1')\" #content-col-1\n                        ><slot name=\"content-col-1\"></slot\n                    ></template>\n                    <template v-if=\"hasSlot('content-col-2')\" #content-col-2\n                        ><slot name=\"content-col-2\"></slot\n                    ></template>\n                    <template v-if=\"hasSlot('content')\" #content><slot name=\"content\"></slot></template>\n                    <template v-if=\"hasSlot('actions')\" #actions><slot name=\"actions\"></slot></template>\n                </bento-modal-page>\n            </bento-focus-trap>\n        </dialog>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import {\n        computed,\n        defineComponent,\n        onMounted,\n        PropType,\n        provide,\n        ref,\n        toRefs,\n        useAttrs,\n        useSlots,\n        watch,\n    } from 'vue';\n    import {\n        BentoModalColumnLayoutVariant,\n        BentoModalConfigData,\n        BentoModalRole,\n        BentoModalSize,\n    } from '@/components/modal/modal.types';\n    import { BentoButton, BentoButtonActionsList } from '@/components/button';\n    import { BentoFocusTrap } from '@/components/focus-trap';\n    import { useHasSlot } from '@/composables';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { MODAL_DIALOG_ID_INJECTION_KEY } from '@/components/modal/components/base-modal/base-modal.keys';\n    import { generateUid } from '@/utils/ts/unique-id';\n    import messages from './messages.json';\n\n    import { BentoModalPage } from '@/components/modal';\n    import CrossIcon from '@adyen/ui-assets-icons-16/vue/cross';\n\n    import { MODAL_CONFIG_INJECTION_KEY } from '../../modal.keys';\n    import {\n        BentoDialogPageAnimation,\n        BentoDialogPageConfigData,\n        BentoDialogPageRegisterPage,\n        DIALOG_PAGE_CONFIG_INJECTION_KEY,\n        DIALOG_PAGE_REGISTER_PAGE_INJECTION_KEY,\n    } from '@/internal';\n\n    type MessageSchema = (typeof messages)['en-US'];\n    const LOADING_BTN_CLOSE_AFTER_SUCCESS_DELAY_TIME = 500;\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n    const slots = useSlots();\n    const attrs = useAttrs();\n    const hasSlot = useHasSlot(slots);\n    const modal = ref<HTMLDialogElement>(null);\n    const isClosing = ref(false);\n    const modalId = generateUid('modal');\n\n    const emit = defineEmits<{\n        /**\n         * Emits update event when page is changed internally\n         */\n        (e: 'update:active-page', page: string): void;\n        /**\n         * Emitted when the modal is closed.\n         */\n        (e: 'close-modal');\n    }>();\n\n    const props = defineProps({\n        /**\n         * List of actions that will be used to render the buttons.\n         * First element in the list will be rendered as \"primary\".\n         * All elements after the first will be rendered as \"secondary\".\n         * But you may change the color of 1-st action to red with 'critial' key\n         * Not more than 3 action buttons can be provided\n         * Or 2 action buttons and 1 Label for them\n         *\n         * Each object in the list should have a `title`, an `event` and\n         * (optional) a Vue `icon` from the library `@adyen/ui-assets-icons-16`.\n         *\n         * `title`: Button's text.\n         *\n         * `event`: Event triggered when clicking the Button.\n         *\n         * `icon`: Vue Icon from the library `@adyen/ui-assets-icons-16`.\n         *\n         * ```\n         * [{\n         *   title: 'Primary',2\n         *   event: () => { ... },\n         *   icon: FourPeopleIcon\n         * }, {\n         *   title: 'Secondary',\n         *   event: () => { ... }\n         * }]\n         * ```\n         */\n        actions: {\n            type: Array as PropType<BentoButtonActionsList>,\n            default: null,\n        },\n\n        /**\n         * The id of the current active page\n         * Should be the same id as the BentoModalPage to be displayed\n         */\n        activePage: {\n            type: String,\n            default: null,\n        },\n\n        /**\n         * If a column layout is provided, it renders the respective left column width variant. This can be smaller than the second column, the same size as the second column or bigger than the second column.\n         */\n        columnsSize: {\n            type: String as PropType<BentoModalColumnLayoutVariant>,\n            default: BentoModalColumnLayoutVariant.SMALLER,\n        },\n\n        /**\n         * If provided, manages the padding of the whole modal container\n         */\n        customPadding: { type: String, default: null },\n\n        /**\n         * If passed - sets first button color to red\n         */\n        destructiveActions: { type: Boolean, default: false },\n\n        /**\n         * Hides a cross icon on the right side of the title\n         */\n        hideCloseButton: { type: Boolean, required: true },\n\n        /**\n         * Sets the open attribute on the dialog element, use isOpen instead to toggle modal visbility.\n         */\n        initiallyOpen: { type: Boolean, default: false },\n\n        /**\n         * If set to true, it allows the modal to be closed by clicking outside of it\n         */\n        isDismissible: { type: Boolean, required: true },\n\n        /**\n         * Controls the modal's state from the outside. Set it to true to open the modal\n         */\n        isOpen: { type: Boolean, required: true },\n\n        /**\n         * Defines whether the modal will be an alert modal\n         */\n        modalRole: { type: String, default: BentoModalRole.DIALOG },\n\n        /**\n         * Sets the width of the modal\n         */\n        size: {\n            type: String as PropType<BentoModalSize | `${BentoModalSize}`>,\n            default: BentoModalSize.SMALL,\n        },\n\n        /**\n         * If provided, renders the modal's content in a two-column layout an wth dividers separating its content\n         */\n        withColumnLayout: { type: Boolean, default: false },\n    });\n\n    const showCloseButton = computed(() => props.isDismissible && !props.hideCloseButton);\n\n    const pageCustomPadding = ref(props.customPadding);\n\n    const customPaddingStyles = computed(() => {\n        if (!pageCustomPadding.value) {\n            return {};\n        }\n\n        return { top: pageCustomPadding.value, right: pageCustomPadding.value };\n    });\n\n    const computedAriaLabel = computed(() => (attrs['aria-label'] as string) ?? (t('ariaLabelFallback') as string));\n    const hasColumnLayout = computed(() => props.withColumnLayout && props.size === BentoModalSize.LARGE);\n\n    const openModal = (): void => {\n        modal.value.showModal();\n    };\n\n    const emitCloseEvent = (): void => {\n        emit('close-modal');\n    };\n\n    // Handle closing and closing animation for dialog element\n    const closeModalAfterAnimation = () => {\n        if (isClosing.value) {\n            modal.value.close();\n            if (previousPages.value[0]) {\n                emit('update:active-page', previousPages.value[0]);\n            }\n            previousPages.value = [];\n            isClosing.value = false;\n            emitCloseEvent();\n        }\n    };\n\n    const startCloseModalAnimation = () => {\n        if (!modal.value.open) {\n            return;\n        }\n        isClosing.value = true;\n    };\n\n    /**\n     * If the user has pressed escape, clicked outside or clicked the close icon.\n     * Needs to be called from outside, following the \"dialog.close()\" pattern,\n     * when the closing event is triggered outside of the \"base-modal\"\n     * component (e.g. from a closing action).\n     */\n    const internalModalActionClose = (event?: Event) => {\n        if (event) {\n            event.preventDefault();\n        }\n        if (!props.isDismissible && props.modalRole === BentoModalRole.DIALOG) {\n            return;\n        }\n        startCloseModalAnimation();\n    };\n\n    /**\n     * Since the dialog HTML element doesn't automatically close when clicking outside, a check on when the user is clicking is needed.\n     * If the click doesn't happen in the dialog box itself, the modal closes\n     */\n    const closeModalOnClickOutside = ({ target }: Event): void => {\n        if (target && (target as HTMLElement).tagName === BentoModalRole.DIALOG.toUpperCase()) {\n            internalModalActionClose();\n        }\n    };\n\n    const modalConditionalClasses = computed(() => ({\n        [`b-modal-base__container--${props.size}`]: props.size,\n        'b-modal-base__container--hide': isClosing.value,\n        'b-modal-base__container--column-layout': hasColumnLayout.value,\n        'b-modal-base__container--animation': isAnimationActive.value,\n    }));\n\n    watch(\n        () => [props.isOpen, modal.value],\n        ([newIsOpen, newModalValue], [, oldModalValue]): void => {\n            if (!newModalValue) {\n                return;\n            }\n\n            const isFirstMutation = !oldModalValue;\n            if (newIsOpen) {\n                openModal();\n                // add the first page to the array when the modal opens\n                if (!previousPages.value.length) {\n                    previousPages.value.push(activePage.value);\n                }\n            } else if (!isFirstMutation) {\n                startCloseModalAnimation();\n            }\n        }\n    );\n\n    // If the first button is a loading button then close the modal have 0.5 seconds\n    // if the state is changed to 'success'.\n    watch(\n        () => props.actions,\n        () => {\n            if (props.actions?.[0]?.state === 'success') {\n                setTimeout(startCloseModalAnimation, LOADING_BTN_CLOSE_AFTER_SUCCESS_DELAY_TIME);\n            }\n        },\n        { deep: true }\n    );\n\n    onMounted(() => {\n        if (props.isOpen && modal.value) {\n            openModal();\n        }\n    });\n\n    /**\n     * Expose methods through its 'ref'\n     */\n    defineExpose({\n        internalModalActionClose,\n    });\n\n    // Let's Children components know they are inside a Modal (dialog element)\n    provide(MODAL_DIALOG_ID_INJECTION_KEY, modalId);\n\n    // Modal pagination\n    const { activePage, isOpen, size } = toRefs(props);\n    const animation = ref(BentoDialogPageAnimation.TRANSITION_LEVEL_DEEPER);\n\n    const pages = ref<string[]>([]);\n    const previousPages = ref([]);\n\n    const updatePage = page => emit('update:active-page', page);\n\n    // unregister page if removed / destroyed\n    const unregisterPage = (pageIdToRemove: string) => () => {\n        pages.value = pages.value?.filter(pageId => pageId !== pageIdToRemove);\n    };\n\n    // Provide data and function to register page to subcomponent\n    const registerPage: BentoDialogPageRegisterPage = pageId => {\n        if (pageId) {\n            pages.value.push(pageId);\n        }\n\n        return { unregisterPage: unregisterPage(pageId) };\n    };\n\n    const height = ref('');\n    const isAnimationActive = ref(false);\n\n    provide<BentoModalConfigData>(MODAL_CONFIG_INJECTION_KEY, {\n        activePage,\n        height,\n        isAnimationActive,\n        pageCustomPadding,\n        showCloseButton,\n        size,\n    });\n\n    provide<BentoDialogPageConfigData>(DIALOG_PAGE_CONFIG_INJECTION_KEY, {\n        activePage,\n        animation,\n        isOpen,\n        pages,\n        previousPages,\n        updatePage,\n    });\n\n    provide(DIALOG_PAGE_REGISTER_PAGE_INJECTION_KEY, registerPage);\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Dialog container. It creates a dialog HTML element for the modal to use.\n     *\n     * @example\n     * import BaseModal from './components/base-modal/base-modal.vue';\n     *\n     * export default {\n     *     components: { BaseModal },\n     *     template: `\n     *          <base-modal\n     *              :hide-close-button=\"true\"\n     *              :is-dismissible=\"false\"\n     *              :is-open=\"isOpen\"\n     *              @close-modal=\"isOpen = false\"\n     *          >\n     *              <template #content-col-1>\n     *                  // Content on the left side column\n     *              </template>\n     *\n     *              <template #content-col-2>\n     *                  // Content on the right side column\n     *              </template>\n     *\n     *              <template v-if=\"actions\" #actions>\n     *                  <footer-actions :actions=\"actions\" />\n     *              </template>\n     *          </base-modal>\n     *     `,\n     *     setup() {\n     *          const isOpen = ref(true)\n     *          const  footerActions =  [{\n     *              title: 'Primary action',\n     *              event: () => { ... }\n     *          }]\n     *     }\n     * }\n     */\n    export default defineComponent({\n        i18n: { messages },\n        name: 'base-modal',\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./base-modal.scss\" />\n"],"names":["BentoModalVariant","BentoModalVariant2","BentoModalVariantMapping","BentoModalVariantMapping2","BentoModalSize","BentoModalSize2","BentoModalColumnLayoutVariant","BentoModalColumnLayoutVariant2","BentoModalRole","BentoModalRole2","BentoModalDialogType","BentoModalDialogType2","BentoModalEvent","BentoModalEvent2","MODAL_CONFIG_INJECTION_KEY","__default__$1","defineComponent","CLOSE_BUTTON_ICON_WIDTH","slots","useSlots","hasSlot","useHasSlot","page","ref","modalPageConditionalClasses","computed","props","modalContentConditionalClasses","_a","customPaddingStyles","xPadding","content","hasColumnLayout","size","computedColumnWidth","activePage","height","isAnimationActive","pageCustomPadding","showCloseButton","inject","isCurrentPage","pageElementObserver","watch","value","oldValue","nextTick","_b","observeSizeOfElement","pageHeight","onUnmounted","__default__","messages","LOADING_BTN_CLOSE_AFTER_SUCCESS_DELAY_TIME","t","useI18n","attrs","useAttrs","modal","isClosing","modalId","generateUid","computedAriaLabel","openModal","emitCloseEvent","emit","closeModalAfterAnimation","previousPages","startCloseModalAnimation","internalModalActionClose","event","closeModalOnClickOutside","target","modalConditionalClasses","newIsOpen","newModalValue","oldModalValue","onMounted","expose","provide","MODAL_DIALOG_ID_INJECTION_KEY","isOpen","toRefs","animation","BentoDialogPageAnimation","pages","updatePage","unregisterPage","pageIdToRemove","pageId","registerPage","DIALOG_PAGE_CONFIG_INJECTION_KEY","DIALOG_PAGE_REGISTER_PAGE_INJECTION_KEY"],"mappings":"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"}

package/dist/chunks/{button-actions-with-menu.e845d77a.js → button-actions-with-menu.bf968959.js}

@@ -1,7 +1,7 @@
 import { defineComponent as a, computed as i, toRef as r, provide as u } from "vue";
-import { M as d, B as p } from "./index.1ea85d4a.js";
-import { B as _ } from "./index.15b088b9.js";
-import { B as l } from "./button-actions.81db18e8.js";
+import { M as d, B as p } from "./index.a48e7f99.js";
+import { B as _ } from "./index.0a30d358.js";
+import { B as l } from "./button-actions.87e589e3.js";
 import { n as m } from "./_plugin-vue2_normalizer.71e2aa87.js";
 import "../assets/button-actions-with-menu.css";
 const f = {}, v = /* @__PURE__ */ a({
@@ -102,4 +102,4 @@ const C = B.exports;
 export {
   C as B
 };
-//# sourceMappingURL=button-actions-with-menu.e845d77a.js.map
+//# sourceMappingURL=button-actions-with-menu.bf968959.js.map